60 lines
2.1 KiB
HTML
60 lines
2.1 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta http-equiv="content-type" content="text/html;charset=utf-8">
|
|
<title>Freifunk Lübeck - Knotengraph</title>
|
|
<link href='style.css' rel='stylesheet' type='text/css' />
|
|
<link href='force.css' rel='stylesheet' type='text/css' />
|
|
<link href='force-big.css' rel='alternate stylesheet' type='text/css' title='big' disabled/>
|
|
<link href='force-light.css' rel='stylesheet' type='text/css' title='light'/>
|
|
<script type="text/javascript" src="jquery.min.js"></script>
|
|
<script type="text/javascript" src="d3.v2.js"></script>
|
|
<script type="text/javascript" src="pacman.js"></script>
|
|
<script src="http://maps.google.com/maps/api/js?sensor=true"></script>
|
|
<script src="https://raw.github.com/HPNeo/gmaps/master/gmaps.js"></script>
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<h1>luebeck.freifunk.net</h1>
|
|
<ul>
|
|
<li><a href="nodes.html">Knotengraph</a></li>
|
|
<li><a href="geomap.html">Knotenkarte</a></li>
|
|
</ul>
|
|
</header>
|
|
<div id="chart">
|
|
<div id="legend">
|
|
<h2>Legende</h2>
|
|
<ul>
|
|
<li><svg width=30 height=20 class="node">
|
|
<ellipse cx=15 cy=10 ry=8 rx=8 />
|
|
</svg>
|
|
<label>Knoten</label>
|
|
</li>
|
|
<li><svg width=30 height=20 class="node">
|
|
<ellipse cx=15 cy=10 ry=8 rx=8 class="gateway"/>
|
|
</svg>
|
|
<label>Gateway</label>
|
|
</li>
|
|
<li><svg width=30 height=20 class="node">
|
|
<ellipse cx=15 cy=10 ry=4 rx=4 class="client"/>
|
|
</svg>
|
|
<label>Client</label>
|
|
</li>
|
|
<li><svg width=30 height=20 class="link">
|
|
<line x1="2" y1="10" x2="28" y2="10"/>
|
|
</svg>
|
|
<label>Link</label>
|
|
</li>
|
|
|
|
<li><svg width=30 height=20 class="link vpn">
|
|
<line x1="2" y1="10" x2="28" y2="10"/>
|
|
</svg>
|
|
<label>VPN-Link</label>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<script src='force.js' type='text/javascript'></script>
|
|
</body>
|
|
</html>
|