ffmap-backend/html/nodes.html
2012-06-21 01:19:34 +02:00

80 lines
3 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!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'/>
<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>
<script>
var nodes_json = "nodes.json"
</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="sidebar">
<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>
<li><svg width=30 height=20 class="node uplinks">
<g transform="translate(12,28)">
<line x1="2" y1="10" x2="28" y2="10" stroke="#000"/>
<path d="m -2.8850049,-13.182327 c 7.5369165,0.200772 12.1529864,-1.294922
12.3338513,-10.639456 l 2.2140476,1.018191 -3.3137621,-5.293097
-3.2945999,5.20893 2.4339957,-0.995747 c -0.4041883,5.76426
-1.1549641,10.561363 -10.3735326,10.701179 z"/>
<text text-anchor="middle" y=-17></text>
</g>
</svg>
<label>Anzahl VPN-Links</label>
</li>
</ul>
</div>
</div>
</div>
<footer>
<a href="http://tcatm.github.com/ffmap-d3/">ffmap-d3</a> — © Nils Schneider</a>
</footer>
<script src='force.js' type='text/javascript'></script>
</body>
</html>