Miinor template engines

static/css/app.css

@@ -62,7 +62,7 @@ body {
 .container {
     margin-top: 20px;
-    width: 960px;
+    width: 800px;
 }
 a {
@@ -79,3 +79,7 @@ a:visited {
 a.text-muted {
     color: #555;
 }
+
+.avatar {
+    margin-bottom: 15px;
+}

templates/base.html

@@ -19,10 +19,14 @@
     <div class="container">
       <div class="row">
         <div class="col-md-12 text-center">
-          <p><img src="/static/img/avatar.png" alt="{{ author }}" class="img-circle" /></p>
-
+          <p class="avatar">
+            <a href="/">
+              <img src="/static/img/avatar.png" alt="{{ author }}" class="avatar img-circle" />
+            </a>
+          </p>
           <a href="/index.html">About</a> &bull;
-          <a href="/blog.html">Blog</a>
+          <a href="/blog.html">Blog</a> &bull;
+          <a href="/feed.xml" target="_blank">Feed</a>
         </div>
       </div>
     </div>

templates/blog.html

@@ -11,7 +11,7 @@
         <tr>
           <td id="pubdate">{{ post['shortdate'] }}</td>
           <td>
-            <a href="{{ post.link }}">{{ post.title }}</a><br>
+            <a href="/{{ post.link }}">{{ post.title }}</a><br>
             {% for tag in post.tags %}
               <a href="/tag/{{ tag }}/" class="text-muted">#{{ tag }}</a>&nbsp;
             {% endfor %}

templates/post.html

@@ -5,11 +5,11 @@
     <div class="row">
       <div class="col-md-12">
         <h2>
-          <a href="{{ link }}">{{ title }}</a>
+          <a href="/{{ link }}">{{ title }}</a>
         </h2>
         <small>
           {% for tag in tags %}
-            #{{ tag }}
+            <a href="/tag/{{ tag }}/">#{{ tag }}</a>
           {% endfor %}
         </small>
       </div>