Add the brownstone theme, removed from pelican upstream.

19 files changed, 889 insertions, 0 deletions

diff --git a/brownstone/static/css/pygment.css b/brownstone/static/css/pygment.css
new file mode 100644
index 0000000..594b0fa
--- /dev/null
+++ b/brownstone/static/css/pygment.css
@@ -0,0 +1,205 @@
+.hll {
+background-color:#FFFFCC;
+}
+.c {
+color:#408090;
+font-style:italic;
+}
+.err {
+border:1px solid #FF0000;
+}
+.k {
+color:#007020;
+font-weight:bold;
+}
+.o {
+color:#666666;
+}
+.cm {
+color:#408090;
+font-style:italic;
+}
+.cp {
+color:#007020;
+}
+.c1 {
+color:#408090;
+font-style:italic;
+}
+.cs {
+background-color:#FFF0F0;
+color:#408090;
+}
+.gd {
+color:#A00000;
+}
+.ge {
+font-style:italic;
+}
+.gr {
+color:#FF0000;
+}
+.gh {
+color:#000080;
+font-weight:bold;
+}
+.gi {
+color:#00A000;
+}
+.go {
+color:#303030;
+}
+.gp {
+color:#C65D09;
+font-weight:bold;
+}
+.gs {
+font-weight:bold;
+}
+.gu {
+color:#800080;
+font-weight:bold;
+}
+.gt {
+color:#0040D0;
+}
+.kc {
+color:#007020;
+font-weight:bold;
+}
+.kd {
+color:#007020;
+font-weight:bold;
+}
+.kn {
+color:#007020;
+font-weight:bold;
+}
+.kp {
+color:#007020;
+}
+.kr {
+color:#007020;
+font-weight:bold;
+}
+.kt {
+color:#902000;
+}
+.m {
+color:#208050;
+}
+.s {
+color:#4070A0;
+}
+.na {
+color:#4070A0;
+}
+.nb {
+color:#007020;
+}
+.nc {
+color:#0E84B5;
+font-weight:bold;
+}
+.no {
+color:#60ADD5;
+}
+.nd {
+color:#555555;
+font-weight:bold;
+}
+.ni {
+color:#D55537;
+font-weight:bold;
+}
+.ne {
+color:#007020;
+}
+.nf {
+color:#06287E;
+}
+.nl {
+color:#002070;
+font-weight:bold;
+}
+.nn {
+color:#0E84B5;
+font-weight:bold;
+}
+.nt {
+color:#062873;
+font-weight:bold;
+}
+.nv {
+color:#BB60D5;
+}
+.ow {
+color:#007020;
+font-weight:bold;
+}
+.w {
+color:#BBBBBB;
+}
+.mf {
+color:#208050;
+}
+.mh {
+color:#208050;
+}
+.mi {
+color:#208050;
+}
+.mo {
+color:#208050;
+}
+.sb {
+color:#4070A0;
+}
+.sc {
+color:#4070A0;
+}
+.sd {
+color:#4070A0;
+font-style:italic;
+}
+.s2 {
+color:#4070A0;
+}
+.se {
+color:#4070A0;
+font-weight:bold;
+}
+.sh {
+color:#4070A0;
+}
+.si {
+color:#70A0D0;
+font-style:italic;
+}
+.sx {
+color:#C65D09;
+}
+.sr {
+color:#235388;
+}
+.s1 {
+color:#4070A0;
+}
+.ss {
+color:#517918;
+}
+.bp {
+color:#007020;
+}
+.vc {
+color:#BB60D5;
+}
+.vg {
+color:#BB60D5;
+}
+.vi {
+color:#BB60D5;
+}
+.il {
+color:#208050;
+}
diff --git a/brownstone/static/css/style.css b/brownstone/static/css/style.css
new file mode 100644
index 0000000..8fbf19e
--- /dev/null
+++ b/brownstone/static/css/style.css
@@ -0,0 +1,414 @@
+
+/*
+Design by Free CSS Templates
+http://www.freecsstemplates.org
+Released for free under a Creative Commons Attribution 2.5 License
+*/
+@import url("pygment.css");
+body {
+	margin: 30px 0px 0px 0px;
+	padding: 0;
+	background: #7E776F url('../images/img01.jpg') repeat left top;
+	font-family: Arial, Helvetica, sans-serif;
+	font-size: 13px;
+	color: #3E3B36;
+}
+.summary h2{font-size:1.6em; color:black;}
+h1, h2, h3 {
+	margin: 0;
+	padding: 0;
+	font-weight: normal;
+	color: #F0E9E9;
+}
+
+h1 {
+	font-size: 2em;
+}
+
+h2 {
+	font-size: 2.8em;
+}
+
+h3 {
+	font-size: 1.6em;
+}
+
+p, ul, ol {
+	margin-top: 0;
+	line-height: 180%;
+}
+
+ul, ol {
+}
+
+a {
+	text-decoration: none;
+	color: #4D8D99;
+}
+
+a:hover {
+}
+
+#wrapper {
+	margin: 0 auto;
+	padding: 0;
+}
+
+/* Header */
+
+#header-wrapper {
+	height: 100px;
+	background: #3C3230;
+	border-bottom: 10px solid #4F4440;
+}
+
+#header {
+	width: 950px;
+	margin: 0 auto;
+	padding: 0px 0px 0px 30px;
+}
+
+/* Logo */
+
+#logo {
+	width: 280px;
+	height: 140px;
+	margin: 0;
+	padding: 0;
+	background: url('../images/img07.jpg') no-repeat left top;
+	color: #34312C;
+}
+
+#logo h1, #logo p {
+	margin: 0;
+	padding: 0;
+	letter-spacing: -2px;
+	text-align: center;
+	font-family: Georgia, "Times New Roman", Times, serif;
+}
+
+#logo h1 {
+	margin: 0px 0px -20px 0px;
+	padding: 20px 0px 0px 0px;
+	font-size: 50px;
+	color: #4D8D99;
+}
+
+#logo h1 a {
+	color: #F0E9E9;
+}
+
+#logo p {
+	margin: 0px;
+	padding: 0px;
+	font-size: 26px;
+} 
+
+#logo a {
+	border: none;
+	background: none;
+	text-decoration: none;
+	color: #34312C;
+}
+
+/* Search */
+
+#search {
+	width: 280px;
+	height: 50px;
+	padding: 20px 0px 0px 0px;
+	background: url('../images/img05.jpg') no-repeat left 15px;
+}
+
+#search form {
+	margin: 0px 0px 0px 0px;
+	padding: 0px 0px 0px 0px;
+}
+
+#search fieldset {
+	margin: 0;
+	padding: 0;
+	border: none;
+}
+
+#search-text {
+	width: 190px;
+	padding: 0px 5px 2px 10px;
+	border: none;
+	background: none;
+	text-transform: lowercase;
+	font: normal 11px Arial, Helvetica, sans-serif;
+	color: #34312C;
+}
+
+#search-submit {
+	width: 70px;
+	height: 22px;
+	border: none;
+	border: none;
+	background: none;
+	text-indent: -99999px;
+	color: #34312C;
+}
+
+/* Menu */
+
+#menu {
+	width: 280px;
+	margin: 20px auto 20px auto;
+	padding: 0;
+}
+
+#menu ul {
+	margin: 0;
+	padding: 50px 0px 0px 0px;
+	list-style: none;
+	line-height: normal;
+}
+
+#menu li {
+	border-bottom: 1px dashed #191918;
+}
+
+#menu a {
+	display: block;
+	width: 260px;
+	height: 27px;
+	margin: 4px 0px;
+	padding: 8px 0px 0px 20px;
+	text-decoration: none;
+	text-transform: capitalize;
+	font-family: Arial, Helvetica, sans-serif;
+	font-size: 14px;
+	font-weight: normal;
+	color: #FFF;
+}
+
+#menu a:hover, #menu .current_page_item a {
+	background: url('../images/img06.jpg') no-repeat left top; 
+	text-decoration: none;
+}
+
+#menu .current_page_item a {
+}
+
+/* Page */
+
+#page {
+	width: 1000px;
+	margin: 0 auto;
+	background: url('../images/img04.jpg') repeat-y left top;
+}
+
+#page-bgtop {
+	background: url('../images/img02.jpg') no-repeat left top;
+}
+
+#page-bgbtm {
+	overflow: hidden;
+	width: 920px;
+	padding: 20px 40px 20px 40px;
+	background: url(images/img03.jpg) no-repeat left bottom;
+}
+/* Content */
+
+#content {
+	float: right;
+	width: 520px;
+	padding: 70px 30px 0px 60px;
+}
+
+.post {
+	margin-bottom: 40px;
+}
+
+.post .title {
+	padding: 0px 0px 0px 0px;
+	font-family: Georgia, "Times New Roman", Times, serif;
+	letter-spacing: -.5px;
+}
+
+.post .title a {
+	color: #52483E;
+	border: none;
+}
+
+.post .meta {
+	margin-bottom: 0px;
+	padding: 10px 0px 0px 0px;
+	text-align: left;
+	font-family: Arial, Helvetica, sans-serif;
+	font-size: 13px;
+	font-weight: bold;
+}
+
+.post .meta .date {
+	float: left;
+}
+
+.post .meta .posted {
+	float: right;
+}
+
+.post .meta a {
+}
+
+.post .entry {
+	padding: 0px 0px 20px 0px;
+	border-bottom: 1px dotted #99938B;
+	text-align: justify;
+}
+.post .entry dt {
+        font-weight:bold ;
+}
+
+.post img {
+        margin:10px;
+        border:black;
+}
+.summary img{
+        display:none
+}
+
+.entry h2{
+        font-size: 1.6em;
+        color: #36302a;
+}
+
+.entry h3{
+        font-size: 1.2em;
+        color: #36302a;
+}
+h2.title {
+        font-size:2.8em;
+}
+
+.highlight{
+        background:black;
+        padding:2px;
+}
+
+.highlight pre{
+        color:white;
+}
+
+.highlight{
+        overflow:auto;
+}
+
+.links {
+	padding-top: 20px;
+	font-size: 12px;
+	font-weight: bold;
+}
+
+/* Sidebar */
+
+#sidebar {
+	float: left;
+	width: 280px;
+	margin: 0px;
+	padding: 0px 0px 80px 10px;
+	color: #787878;
+}
+
+#sidebar ul {
+	margin: 0;
+	padding: 0;
+	list-style: none;
+}
+
+#sidebar li {
+	margin: 0;
+	padding: 0;
+}
+
+#sidebar li ul {
+	margin: 0px 0px 0px 20px;
+	padding-bottom: 30px;
+}
+
+#sidebar li li {
+	line-height: 35px;
+	border-bottom: 1px dashed #191918;
+	border-left: none;
+}
+
+#sidebar li li span {
+	display: block;
+	margin-top: -20px;
+	padding: 0;
+	font-size: 11px;
+	font-style: italic;
+}
+
+#sidebar li li a {
+	color: #787878;
+}
+
+#sidebar li li a:hover {
+	color: #F0E9E9;
+}
+
+#sidebar h2 {
+	height: 38px;
+	letter-spacing: -.5px;
+	font-size: 1.8em;
+}
+
+#sidebar p {
+	margin: 0 0px;
+	padding: 0px 20px 20px 20px;
+}
+
+#sidebar a {
+	border: none;
+}
+
+#sidebar a:hover {
+}
+
+/* Calendar */
+
+#calendar {
+}
+
+#calendar_wrap {
+	padding: 20px;
+}
+
+#calendar table {
+	width: 100%;
+}
+
+#calendar tbody td {
+	text-align: center;
+}
+
+#calendar #next {
+	text-align: right;
+}
+
+/* Footer */
+
+#footer {
+	width: 920px;
+	height: 80px;
+	margin: 0 auto;
+	padding: 0px 0 15px 310px;
+	font-family: Arial, Helvetica, sans-serif;
+}
+
+#footer p {
+	margin: 0;
+	padding-top: 20px;
+	line-height: normal;
+	font-size: 9px;
+	text-transform: uppercase;
+	text-align: center;
+	color: #69635E;
+}
+
+#footer a {
+	color: #474440;
+}
diff --git a/brownstone/static/images/img01.jpg b/brownstone/static/images/img01.jpg
new file mode 100644
index 0000000..d417a5c
--- /dev/null
+++ b/brownstone/static/images/img01.jpg
diff --git a/brownstone/static/images/img02.jpg b/brownstone/static/images/img02.jpg
new file mode 100644
index 0000000..c4071c1
--- /dev/null
+++ b/brownstone/static/images/img02.jpg
diff --git a/brownstone/static/images/img03.jpg b/brownstone/static/images/img03.jpg
new file mode 100644
index 0000000..bcb88b6
--- /dev/null
+++ b/brownstone/static/images/img03.jpg
diff --git a/brownstone/static/images/img04.jpg b/brownstone/static/images/img04.jpg
new file mode 100644
index 0000000..ffb54f7
--- /dev/null
+++ b/brownstone/static/images/img04.jpg
diff --git a/brownstone/static/images/img05.jpg b/brownstone/static/images/img05.jpg
new file mode 100644
index 0000000..5723f78
--- /dev/null
+++ b/brownstone/static/images/img05.jpg
diff --git a/brownstone/static/images/img06.jpg b/brownstone/static/images/img06.jpg
new file mode 100644
index 0000000..6a93cf2
--- /dev/null
+++ b/brownstone/static/images/img06.jpg
diff --git a/brownstone/templates/analytics.html b/brownstone/templates/analytics.html
new file mode 100644
index 0000000..f19c7a6
--- /dev/null
+++ b/brownstone/templates/analytics.html
@@ -0,0 +1,11 @@
+{% if GOOGLE_ANALYTICS %}
+    <script type="text/javascript">
+    var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
+    document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
+    </script>
+    <script type="text/javascript">
+    try {
+        var pageTracker = _gat._getTracker("{{GOOGLE_ANALYTICS}}");
+    pageTracker._trackPageview();
+    } catch(err) {}</script>
+{% endif %}
diff --git a/brownstone/templates/archives.html b/brownstone/templates/archives.html
new file mode 100644
index 0000000..5adaacb
--- /dev/null
+++ b/brownstone/templates/archives.html
@@ -0,0 +1,19 @@
+{% extends "base.html" %}
+{% block title %}Archives de {{ SITENAME }}{% endblock %}
+{% block content %}  
+                        	<div id="content">
+					<div class="post">
+					<dl>
+						<h2 class="title">Archives de {{ SITENAME }}</h2>
+						{% for article in dates %}
+                                                    <dt>{{ article.locale_date }}</dt>
+                                                    <dd><a href='{{ article.url }}'>{{ article.title }}</a></dd>
+                                                    <dd>Catégorie : <a href="{{ article.category }}">{{ article.category }}</a></dd>
+                                                {% endfor %}
+                                                </dl>
+					</div>
+			        
+					<div style="clear: both;">&nbsp;</div>
+				</div>
+				<!-- end #content -->
+{% endblock %}
diff --git a/brownstone/templates/article.html b/brownstone/templates/article.html
new file mode 100644
index 0000000..2458ecb
--- /dev/null
+++ b/brownstone/templates/article.html
@@ -0,0 +1,35 @@
+{% extends "base.html" %}
+{% block title %}{{ article.title }}{% endblock %}
+{% block content %}    
+                        	<div id="content">
+					<div class="post">
+						<h2 class="title"><a href="{{ article.url }}">{{ article.title }}</a></h2>
+						<p class="meta"><span class="date">Le {{ article.locale_date }} </span><span class="posted">Par <a href="#">{{ article.author }}</a></span><span>&nbsp; | Catégorie : <a href="{{ SITEURL }}/category/{{ article.category }}.html">{{ article.category }}</a></span></p>
+					<p class="meta">Tags : {% for tag in article.tags %}
+<span><a href="{{ SITEURL }}/tag/{{ tag }}.html">{{ tag }}</a> / </span>
+{% endfor %}</p>	
+						<div style="clear: both;">&nbsp;</div>
+						<div class="entry">
+						 {{ article.content }}	
+						{% include 'twitter.html' %}
+						</div>
+					</div>
+			      
+					<div style="clear: both;">&nbsp;</div>
+					 {% if DISQUS_SITENAME %}
+                                        <div class="post">
+                                        <h2 class="title">Commentaires !</h2>
+                                            <div id="disqus_thread"></div>
+                                            <script type="text/javascript">
+                                               var disqus_identifier = "{{ article.url }}";
+                                               (function() {
+                                               var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
+                                               dsq.src = 'http://{{ DISQUS_SITENAME }}.disqus.com/embed.js';
+                                               (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
+                                              })();
+                                            </script>
+                                        </div>
+                                        {% endif %}
+				</div>
+				<!-- end #content -->
+{% endblock %}
diff --git a/brownstone/templates/base.html b/brownstone/templates/base.html
new file mode 100644
index 0000000..cd7cc7b
--- /dev/null
+++ b/brownstone/templates/base.html
@@ -0,0 +1,108 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<!--
+Design by Free CSS Templates
+http://www.freecsstemplates.org
+Released for free under a Creative Commons Attribution 2.5 License
+
+Name       : Brown Stone  
+Description: A two-column, fixed-width design with dark color scheme.
+Version    : 1.0
+Released   : 20100928
+
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta name="keywords" content="" />
+<meta name="description" content="" />
+<meta http-equiv="content-type" content="text/html; charset=utf-8" />
+<title>{% block title %}{{ SITENAME }}{%endblock%}</title>
+<link href="{{ SITEURL }}/theme/css/style.css" rel="stylesheet" type="text/css" media="screen" />
+<link href="{{ SITEURL }}/{{ FEED }}" type="application/atom+xml" rel="alternate" title="{{ SITENAME }} ATOM Feed" />
+{% if FEED_RSS %}
+<link href="{{ SITEURL }}/{{ FEED_RSS }}" type="application/rss+xml" rel="alternate" title="{{ SITENAME }} RSS Feed" />
+{% endif %}
+</head>
+<body>
+<div id="wrapper">
+	<div id="page">
+		<div id="page-bgtop">
+			<div id="page-bgbtm">
+				{% block content %}
+                                {% endblock %}
+				<div id="sidebar">
+					<div id="logo">
+						<h1><a href="{{ SITEURL }}">{{ SITENAME }}</h1>
+						{% if SITESUBTITLE %}<p>{{ SITESUBTITLE }}</p>{% endif %}
+					</div>
+					<div id="menu">
+						<ul>
+							<li class="current_page_item"><a href="{{ SITEURL }}">Home</a></li>
+							<li><a href="{{ SITEURL }}/archives.html">Archives</a></li>
+							{% if DISPLAY_PAGES_ON_MENU %}
+                                                        {% for page in PAGES %}
+                                                            <li><a href="{{ SITEURL }}/pages/{{ page.url }}">{{ page.title }}</a></li>
+                                                        {% endfor %}
+                                                        {% endif %}
+						</ul>
+					</div>
+					<ul>
+						<li>
+							<h2>Catégories</h2>
+							<ul>
+							{% for cat, null in categories %}
+								 <li {% if cat == category %}class="active"{% endif %}><a href="{{ SITEURL }}/category/{{ cat }}.html">{{ cat }}</a></li>
+							{% endfor %}
+							</ul>
+						</li>
+						{% if LINKS %}
+						<li>
+							<h2>Blogroll</h2>
+							<ul>
+							{% for name, link in LINKS %}
+                                                            <li><a href="{{ link }}">{{ name }}</a></li>
+                                                        {% endfor %}
+							</ul>
+						</li>
+						{% endif %}
+						{% if SOCIAL %}
+                                                <li>
+                                                        <h2>Social</h2>
+                                                        <ul>
+                                                            <li><a href="{{ SITEURL }}/{{ FEED }}" rel="alternate">Flux Atom</a></li>
+                                                            {% if FEED_RSS %}
+                                                            <li><a href="{{ SITEURL }}/{{ FEED_RSS }}" rel="alternate">Flux Rss</a></li>
+                                                            {% endif %}
+                                                        {% for name, link in SOCIAL %}
+                                                            <li><a href="{{ link }}">{{ name }}</a></li>
+                                                        {% endfor %}
+                                                        </ul>
+                                                </li><!-- /.social -->
+                                                {% endif %}
+						<li>
+						        <h2>Tags</h2>
+						        <ul>
+						        {% for tag, articles in tags %}
+                                                                <li><a href="{{ SITEURL }}/tag/{{ tag }}.html">{{ tag }}</a></li>
+                                                        {% endfor %}
+						        </ul>
+						</li>
+						
+						
+					</ul>
+				</div>
+				<!-- end #sidebar -->
+				<div style="clear: both;">&nbsp;</div>
+			</div>
+		</div>
+	</div>
+	<!-- end #page -->
+
+<div id="footer">
+	<p>Copyright (c) 2008 Sitename.com. All rights reserved. Design by <a href="http://www.freecsstemplates.org/">CSS Templates</a>.</p>
+	<p>Proudly powered by <a href="http://alexis.notmyidea.org/pelican/">pelican</a>, which takes great advantages of <a href="http://python.org">python</a>.
+</p>
+</div>
+{% include 'analytics.html' %}
+<!-- end #footer -->
+</body>
+</html>
diff --git a/brownstone/templates/categories.html b/brownstone/templates/categories.html
new file mode 100644
index 0000000..9e9bea8
--- /dev/null
+++ b/brownstone/templates/categories.html
@@ -0,0 +1,18 @@
+{% extends "base.html" %}
+{% block content %}
+<div id="content">
+<div class="post">  
+                        {% if articles %}
+                        {% for article in articles %}        
+                            {% if loop.index == 1 %}
+				<ul>
+                                {% for category, articles in categories %}
+                                    <li>{{ category }}</li>
+                                {% endfor %}
+                                </ul>
+		            {% endif %}
+                        {% endfor %}
+                        {% endif %}
+				</div>
+				</div>
+{% endblock %}
diff --git a/brownstone/templates/category.html b/brownstone/templates/category.html
new file mode 100644
index 0000000..56f8e93
--- /dev/null
+++ b/brownstone/templates/category.html
@@ -0,0 +1,2 @@
+{% extends "index.html" %}
+{% block title %}{{ SITENAME }} - {{ category }}{% endblock %}
diff --git a/brownstone/templates/index.html b/brownstone/templates/index.html
new file mode 100644
index 0000000..3ec1781
--- /dev/null
+++ b/brownstone/templates/index.html
@@ -0,0 +1,43 @@
+{% extends "base.html" %}
+{% block content_title %}{% endblock %}
+{% block content %} 
+                        {% if articles %}
+                        {% for article in articles %}        
+                            {% if loop.index == 1 %}
+				<div id="content">
+					<div class="post">
+						<h2 class="title"><a href="{{ SITEURL }}/{{ article.url }}">{{ article.title }}</a></h2>
+						<p class="meta"><span class="date">Le {{ article.date.locale_date }} </span><span class="posted">Par <a href="#">{{ article.author }}</a></span><span>&nbsp; | Catégorie : <a href="{{ SITEURL }}/category/{{ article.category }}.html">{{ article.category }}</a></span></p>
+					<p class="meta">Tags : {% for tag in article.tags %}
+<span><a href="{{ SITEURL }}/tag/{{ tag }}.html">{{ tag }}</a> / </span>
+{% endfor %}</p>
+						<div style="clear: both;">&nbsp;</div>
+						<div class="entry">
+						 {{ article.content }}	
+						{% include 'twitter.html' %}
+						</div>
+					</div>
+			        {% if loop.length  > 1 %}	
+			                <div class="post">
+			                        <h2 class="title">Autres articles</h2>
+			                </div>
+			        {% endif %}
+			    {% else %} 
+			                <div class="post summary">
+						<h2 class="title"><a href="{{ SITEURL }}/{{ article.url }}">{{ article.title }}</a></h2>
+						<p class="meta"><span class="date">Le {{ article.locale_date }}</span><span class="posted">Par <a href="#">{{ article.author }}</a></span></p>
+						<div style="clear: both;">&nbsp;</div>
+						<div class="entry">
+						 {{ article.summary }}	
+						 <a class="readmore" href="{{ SITEURL }}/{{ article.url }}">Lire la suite …</a>
+						</div>
+					</div>
+		            {% endif %}
+                        {% endfor %}
+                        {% else %}
+                                <div id="content">
+                                </div>
+                        {% endif %}
+					<div style="clear: both;">&nbsp;</div>
+				</div>
+				{% endblock content %}
diff --git a/brownstone/templates/page.html b/brownstone/templates/page.html
new file mode 100644
index 0000000..6181ea9
--- /dev/null
+++ b/brownstone/templates/page.html
@@ -0,0 +1,17 @@
+{% extends "base.html" %}
+{% block title %}{{ page.title }}{% endblock %}
+{% block content %}        
+<div id="content">
+<div class="post">    
+    <h2 class="title"><a href="{{ SITEURL }}/pages/{{ page.url }}">{{ page.title }}</a></h1>
+    {% if PDF_PROCESSOR %}<a href="{{ SITEURL }}/pdf/{{ page.slug }}.pdf">get
+    the pdf</a>{% endif %}
+    <div style="clear: both;">&nbsp;</div>
+    <div class="entry">
+    {{ page.content }}
+    {% include 'twitter.html' %}
+    </div>
+    </div>
+</div>
+
+{% endblock %}
diff --git a/brownstone/templates/tag.html b/brownstone/templates/tag.html
new file mode 100644
index 0000000..68cdcba
--- /dev/null
+++ b/brownstone/templates/tag.html
@@ -0,0 +1,2 @@
+{% extends "index.html" %}
+{% block title %}{{ SITENAME }} - {{ tag }}{% endblock %}
diff --git a/brownstone/templates/tags.html b/brownstone/templates/tags.html
new file mode 100644
index 0000000..a950663
--- /dev/null
+++ b/brownstone/templates/tags.html
@@ -0,0 +1,12 @@
+{% extends "base.html" %}
+{% block content %}
+<div id="content">
+<div class="post">  
+<ul>
+{% for tag, articles in tags %}
+    <li>{{ tag }}</li>
+{% endfor %}
+</ul>
+</div>
+</div>
+{% endblock %}
diff --git a/brownstone/templates/twitter.html b/brownstone/templates/twitter.html
new file mode 100644
index 0000000..94a9ba9
--- /dev/null
+++ b/brownstone/templates/twitter.html
@@ -0,0 +1,3 @@
+{% if TWITTER_USERNAME %}
+<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="{{TWITTER_USERNAME}}">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
+{% endif %}