About page.

web/static/style.css

@@ -54,6 +54,10 @@ li {
 
 }
 
+#header a.selected  {
+	background: #DDD;
+}
+
 #header a:hover {
 	background: #EEE;
 }
@@ -62,6 +66,7 @@ li {
 
 
 
+
 #general-info {
 	position: absolute;
 	bottom: 0;
@@ -105,15 +110,15 @@ li {
 	font-size: inherit;
 }
 
-a {
+#sidebar a {
 	color: #333;
 	text-decoration: none;
 }
-a:hover {
+#sidebar a:hover {
 	color: #AAA;
 }
 
-h2 {
+#sidebar h2 {
 	text-align: center;
 	margin-bottom: 5px;
 	color: #29BBFF;
@@ -168,3 +173,30 @@ h2 {
 	width:100%;
 	height:100%;
 }
+
+#content {
+	width: 500px;
+	margin: 30px auto;
+	font-family: sans-serif;
+	font-size: 16px;
+	color: #333;
+	line-height: 28px;
+	letter-spacing: 0.2px;
+	/*text-align: justify;*/
+}
+
+#content h2 {
+	text-align: center;
+	margin-bottom: 20px;
+	color: #29BBFF;
+}
+
+#content h3 {
+	margin-top: 20px;
+	text-align: center;
+	color: #29BBFF;
+}
+
+#content a {
+	color: #29BBFF;
+}

web/templates/about.html

@@ -0,0 +1,17 @@
+{% extends "base.html" %}
+
+{% block content %}
+	<div id="content-wrapper">
+		<div id="content">
+			<h2>About fc00</h2>
+			<p>fc00 is a project to demystify what <a href="http://hyperboria.net/">Hyperboria</a> network is like. Currently the only thing we have here is a map of the network. The full source code is at <a href="https://github.com/Randati/fc00.org">GitHub</a>.</p>
+			<br>
+
+			<h3>Network map</h3>
+			<p>The network page has a map of Hyperboria as it is now. The map is not complete since it is hard/impossible to get a full picture of the network. A rough estimate is that at least half of the nodes are pictured here, probably more. The nodes and links that are shown on the page are very likely to exist but this should not be taken as a guarantee.</p>
+
+			<h3>Contact</h3>
+			<p>Currently fc00 is run by <em>randati</em>. If you have something to say or you would like to help, contact him on HypeIRC or EFNet.</p>
+		</div>
+	</div>
+{% endblock %}

web/templates/base.html

@@ -12,6 +12,8 @@
 			<h1>fc00<span class="grey">::/8</span></h1>
 
 			<ul>
+				<li><a href="/" {% if page == 'network' %} class="selected" {% endif %}>Network</a></li>
+				<li><a href="/about"{% if page == 'about' %} class="selected" {% endif %}>About</a></li>
 				<li><a href="https://github.com/Randati/fc00.org">Source</a></li>
 				<li><tt>{{ ip }}</tt></li>
 			</ul>

web/web.py

@@ -12,7 +12,11 @@ def add_ip():
 @app.route('/')
 @app.route('/network')
 def page_network():
-	return render_template('network.html')
+	return render_template('network.html', page='network')
+
+@app.route('/about')
+def page_about():
+	return render_template('about.html', page='about')
 
 
 if __name__ == '__main__':