add site footer and content for the "about" page

resources/public/css/screen.css

@@ -22,11 +22,21 @@ code, pre {
 .content[role="main"] > div,
 .content[role="main"] > ul, 
 .content[role="main"] > p,
+.content[role="main"] > h1,
+.content[role="main"] > h2,
+.content[role="main"] > h3,
+.content[role="main"] > h4,
 .content[role="main"] > form {
 	padding-left: 10px;
 	padding-right: 10px;
 }
 
+.footer {
+	padding-top: 10px;
+	padding-bottom: 10px;
+	border-top: 1px solid #eee;
+}
+
 .label a {
 	color: #fff;
 }

src/blarg/views/templates/about.html

@@ -6,7 +6,28 @@
 	<h2>About This Site</h2>
 </div>
 
-<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam cursus. Morbi ut mi. Nullam enim leo, egestas id, condimentum at, laoreet mattis, massa. Sed eleifend nonummy diam. Praesent mauris ante, elementum et, bibendum at, posuere sit amet, nibh. Duis tincidunt lectus quis dui viverra vestibulum. Suspendisse vulputate aliquam dui. Nulla elementum dui ut augue. Aliquam vehicula mi at mauris. Maecenas placerat, nisl at consequat rhoncus, sem nunc gravida justo, quis eleifend arcu velit quis lacus. Morbi magna magna, tincidunt a, mattis non, imperdiet vitae, tellus. Sed odio est, auctor ac, sollicitudin in, consequat vitae, orci. Fusce id felis. Vivamus sollicitudin metus eget eros.</p>
+<p>
-<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. In posuere felis nec tortor. Pellentesque faucibus. Ut accumsan ultricies elit. Maecenas at justo id velit placerat molestie. Donec dictum lectus non odio. Cras a ante vitae enim iaculis aliquam. Mauris nunc quam, venenatis nec, euismod sit amet, egestas placerat, est. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Cras id elit. Integer quis urna. Ut ante enim, dapibus malesuada, fringilla eu, condimentum quis, tellus. Aenean porttitor eros vel dolor. Donec convallis pede venenatis nibh. Duis quam. Nam eget lacus. Aliquam erat volutpat. Quisque dignissim congue leo.</p>
+This is the personal web site / development blog of me, Gered King. I'm a 
+programmer based on Toronto, Canada. Currently I use this site to blog about 
+mostly code / geek stuff. Though I may occasionally post completely random and 
+unrelated stuff. I also intend to use this to house individual project pages 
+for stuff I'm working on as I'm ready to make it publicly available.
+</p>
+
+<p>
+Also, here's the obligatory link to my 
+<a href="http://www.gered.net/">portfolio site</a>.
+</p>
+
+<h3>"blarg.ca" ... ?</h3>
+
+<p>
+It's just a funny sounding word that I decided I liked around 2003 or so and
+decided to register the domain. Unfortunately the .com wasn't available. I
+tried putting up various other sites here in the past and usually ended up
+taking them down before long. For the most part, from 2003 until 2009-10 or so,
+I just used this domain for a custom email address... because @gmail.com is
+boring and people care about that stuff, right?
+</p>
 
 {% endblock %}

src/blarg/views/templates/base.html

@@ -71,6 +71,23 @@
 {% block content %}
 {% endblock %}
 </div>
+
+<div class="footer">
+	<div class="row">
+		<div class="span6 muted">
+			<a href="mailto:gered@blarg.ca"><img src="{{context}}/img/email.png" width="32" height="32" alt="Email" /></a>
+			<a href="{{context}}/rss"><img src="{{context}}/img/rss.png" width="32" height="32" alt="RSS" /></a>
+			<a href="https://twitter.com/geredking"><img src="{{context}}/img/twitter.png" width="32" height="32" alt="Twitter" /></a>
+			<a href="http://www.linkedin.com/in/geredking"><img src="{{context}}/img/linkedin.png" width="32" height="32" alt="LinkedIn" /></a>
+			<a href="http://github.com/gered"><img src="{{context}}/img/github.png" width="32" height="32" alt="GitHub" /></a>
+		</div>
+		<div class="span6 text-right muted">
+			&copy; 2013, Gered King.<br />
+			<a href="https://github.com/gered/blarg">Source</a>
+		</div>
+	</div>
+</div>
+
 </div>
 
 </body>