update layout; add disqus

_includes/header.html

@@ -11,6 +11,10 @@
         <link href="/include/site/pygments.css" rel="stylesheet" type="text/css" />
         <link href="/blog/atom.xml" type="application/atom+xml" rel="alternate" title="Danny Berger (blog)" />
 
+        {% if page.description %}
+            <meta name="description" content="{{ page.description }}" />
+        {% endif %}
+
         <meta name="twitter:site" content="dpb587" />
         <meta name="twitter:creator" content="dpb587" />
 

_layouts/post.html

@@ -1,11 +1,14 @@
 {% include header.html %}
-<section>
+<section class="layout-post">
     <header>
         <div class="timeline">
-            <time datetime="{{ page.date|date_to_xmlschema }}"><strong>{{ page.date|date:"%b %d"|upcase }}</strong><br />{{ page.date|date:"%Y" }}</time>
+            <time datetime="{{ page.date|date_to_xmlschema }}" title="{{ page.date|date_to_xmlschema }}"><strong>{{ page.date|date:"%b %d"|upcase }}</strong><br />{{ page.date|date:"%Y" }}</time>
             {% if page.location %}
                 <a href="https://maps.google.com/maps?hl=en&ll={{ page.location.latitude }},{{ page.location.longitude }}&t=w&z=12"><img height="49" src="https://maps.googleapis.com/maps/api/staticmap?center={{ page.location.latitude }},{{ page.location.longitude }}&zoom=9&size=98x98&sensor=false" title="{{ page.location.title }}" width="49" /></a>
             {% endif %}
+            {% if page.code %}
+                <a href="{{ page.code }}"><img height="49" src="/include/icons/code.png" title="{{ page.location.title }}" width="49" /></a>
+            {% endif %}
         </div>
         <div class="social">
             
@@ -19,5 +22,22 @@
         <a href="https://twitter.com/share" class="twitter-share-button" data-via="dpb587">Tweet</a>
         <div class="g-plusone" data-size="medium" data-width="300"></div>
     </div>
+    <div class="disqus">
+        <div id="disqus_thread"></div>
+        <script type="text/javascript">
+            var disqus_shortname = 'dpb587';
+            var disqus_identifier = '{{ page.id }}';
+            var disqus_title = '{{ page.title|replace:"'":"\\'" }}';
+            var disqus_url = 'http://dpb587.me{{ page.url }}';
+
+            (function() {
+                var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
+                dsq.src = 'http://' + disqus_shortname + '.disqus.com/embed.js';
+                (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
+            })();
+        </script>
+        <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
+        <a href="http://disqus.com" class="dsq-brlink">comments powered by <span class="logo-disqus">Disqus</span></a>
+    </div>
 </section>
 {% include footer.html %}

blog/_posts/2013-01-07-secure-git-repositories.md

@@ -2,6 +2,7 @@
 title: Secure Git Repositories
 layout: post
 tags: git security
+description: Seamless data encryption of repository files.
 ---
 
 I use private repositories on [GitHub][1], but I still don't feel quite comfortable pushing sensitive data like

include/site/screen.css

@@ -145,18 +145,26 @@ article > section .timeline {
 }
 
 section .timeline > * {
+    display: block;
     opacity: 0.6;
+    line-height: 0;
+    margin-bottom: 4px;
 }
 
+    section.layout-post .timeline > *,
     section:hover .timeline > * {
         opacity: 1;
     }
 
+section.layout-post {
+    padding-bottom: 12px;
+}
+
 .timeline {
     background-color: #FFFFFF;
     font-size: 11px;
     line-height: 0;
-    padding: 2px 0;
+    padding-top: 2px;
     position: absolute;
     text-align: center;
     left: -24px;
@@ -169,9 +177,7 @@ section .timeline > * {
     }
 
     .timeline time {
-        display: block;
         line-height: 11px;
-        margin-bottom: 2px;
     }
 
 pre {
@@ -217,7 +223,17 @@ dl dd {
 
 .meta-social {
     border-top: #F0F0F0 solid 1px;
-    margin-left: -6px;
-    margin-right: -6px;
+    margin-left: -8px;
+    margin-right: -8px;
     padding: 32px 6px 0;
 }
+
+.disqus {
+    border-top: #F0F0F0 solid 1px;
+    margin: 28px -8px 0;
+    padding: 27px 8px 0;
+}
+
+section.layout-post .meta.meta-social {
+    display: none;
+}

index.html

@@ -18,8 +18,8 @@ layout: default
                 <time datetime="{{ post.date|date_to_xmlschema }}"><strong>{{ post.date|date:"%b %d"|upcase }}</strong><br />{{ post.date|date:"%Y" }}</time>
             </div>
             <h2><a href="{{ post.url }}">{{ post.title }}</a></h2>
-            {% if post.tags|size %}
-                <div class="meta" style="margin-bottom:0;margin-top:0;">{% for tag in post.tags %}{% if forloop.index0 > 0 %} &middot; {% endif %}<a href="/tags/{{ tag|slugize }}">{{ tag }}</a>{% endfor %}</div>
+            {% if post.description %}
+                <div class="meta" style="margin-bottom:0;margin-top:0;">{{ post.description }}</div>
             {% endif %}
         </header>
     </section>