From 7dddb76770715e3acc278601e2f43ef36a37d398 Mon Sep 17 00:00:00 2001
From: Vanhala Antti <vanhala1@niksula.hut.fi>
Date: Wed, 14 May 2014 01:36:55 +0300
Subject: [PATCH] About page.

---
 web/static/style.css     | 38 +++++++++++++++++++++++++++++++++++---
 web/templates/about.html | 17 +++++++++++++++++
 web/templates/base.html  |  2 ++
 web/web.py               |  6 +++++-
 4 files changed, 59 insertions(+), 4 deletions(-)
 create mode 100644 web/templates/about.html

diff --git a/web/static/style.css b/web/static/style.css
index 2b74746..6122d87 100644
--- a/web/static/style.css
+++ b/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;
@@ -167,4 +172,31 @@ h2 {
 	position: absolute;
 	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;
 }
\ No newline at end of file
diff --git a/web/templates/about.html b/web/templates/about.html
new file mode 100644
index 0000000..edb02f1
--- /dev/null
+++ b/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 %}
diff --git a/web/templates/base.html b/web/templates/base.html
index 516b767..32de4f2 100644
--- a/web/templates/base.html
+++ b/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>
diff --git a/web/web.py b/web/web.py
index 6ea508d..44e16f7 100644
--- a/web/web.py
+++ b/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__':