2012-02-17 02:09:21 +01:00
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
|
<html>
|
|
|
|
|
|
<head>
|
|
|
|
|
|
<meta http-equiv="content-type" content="text/html;charset=utf-8">
|
2012-05-12 16:44:27 +02:00
|
|
|
|
<title>Freifunk Lübeck - Knotengraph</title>
|
2012-06-03 13:13:45 +02:00
|
|
|
|
<link href='style.css' rel='stylesheet' type='text/css' />
|
2012-02-17 02:09:21 +01:00
|
|
|
|
<link href='force.css' rel='stylesheet' type='text/css' />
|
2012-06-16 16:03:19 +02:00
|
|
|
|
<link href='force-big.css' rel='alternate stylesheet' type='text/css' title='big'/>
|
2012-06-08 03:50:14 +02:00
|
|
|
|
<link href='force-light.css' rel='stylesheet' type='text/css' title='light'/>
|
2012-06-03 18:57:36 +02:00
|
|
|
|
<script type="text/javascript" src="jquery.min.js"></script>
|
2012-06-06 02:11:38 +02:00
|
|
|
|
<script type="text/javascript" src="d3.v2.js"></script>
|
2012-06-12 01:02:49 +02:00
|
|
|
|
<script type="text/javascript" src="pacman.js"></script>
|
2012-06-07 00:25:42 +02:00
|
|
|
|
<script src="http://maps.google.com/maps/api/js?sensor=true"></script>
|
|
|
|
|
|
<script src="https://raw.github.com/HPNeo/gmaps/master/gmaps.js"></script>
|
2012-06-21 01:19:34 +02:00
|
|
|
|
<script>
|
|
|
|
|
|
var nodes_json = "nodes.json"
|
|
|
|
|
|
</script>
|
2012-06-03 13:13:45 +02:00
|
|
|
|
</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>
|
2012-06-15 20:33:47 +02:00
|
|
|
|
<div id="chart">
|
2012-06-16 15:31:02 +02:00
|
|
|
|
<div id="sidebar">
|
2012-06-16 04:31:24 +02:00
|
|
|
|
<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>
|
2012-06-15 20:33:47 +02:00
|
|
|
|
|
2012-06-16 04:31:24 +02:00
|
|
|
|
<li><svg width=30 height=20 class="link vpn">
|
|
|
|
|
|
<line x1="2" y1="10" x2="28" y2="10"/>
|
|
|
|
|
|
</svg>
|
|
|
|
|
|
<label>VPN-Link</label>
|
|
|
|
|
|
</li>
|
2012-09-04 01:36:03 +02:00
|
|
|
|
<li><svg width=140 height=25 class="link vpn">
|
|
|
|
|
|
<defs>
|
|
|
|
|
|
<linearGradient id="linkgrad" x1="0%" y1="0%" x2="100%" y2="0%">
|
|
|
|
|
|
<stop offset="0%" stop-color="#0a3" />
|
|
|
|
|
|
<stop offset="50%" stop-color="orange" />
|
|
|
|
|
|
<stop offset="100%" stop-color="red" />
|
|
|
|
|
|
</linearGradient>
|
|
|
|
|
|
</defs>
|
|
|
|
|
|
<rect x="18" y="12" width="88" height="6" fill="url(#linkgrad)"/>
|
|
|
|
|
|
<text text-anchor="middle" y=8 x=18>gut</text>
|
|
|
|
|
|
<text text-anchor="middle" y=8 x=106>schlecht</text>
|
|
|
|
|
|
</svg>
|
|
|
|
|
|
</li>
|
2012-06-16 04:31:24 +02:00
|
|
|
|
<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>
|
2012-06-16 15:31:02 +02:00
|
|
|
|
</div>
|
2012-06-15 20:33:47 +02:00
|
|
|
|
</div>
|
2012-06-20 01:57:47 +02:00
|
|
|
|
<footer>
|
|
|
|
|
|
<a href="http://tcatm.github.com/ffmap-d3/">ffmap-d3</a> — © Nils Schneider</a>
|
|
|
|
|
|
</footer>
|
2012-09-05 03:34:39 +02:00
|
|
|
|
<script src='links.js' type='text/javascript'></script>
|
2012-06-03 13:13:45 +02:00
|
|
|
|
<script src='force.js' type='text/javascript'></script>
|
2012-02-17 02:09:21 +01:00
|
|
|
|
</body>
|
|
|
|
|
|
</html>
|
