a couple socially things

_includes/footer.html

@@ -3,6 +3,8 @@
             Thanks for visiting! This is a personal blog &ndash; it reflects my own opinions and not those of my employers, past or present.<br />
             This site is <a href="https://github.com/dpb587/dpb587.github.com">open-source</a>.
             Unless noted, software code is licensed under <a href="http://opensource.org/licenses/mit-license.php">MIT License</a> and all other content under <a href="http://creativecommons.org/licenses/by/3.0/">CC-BY</a>.
-        </header>
+        </header>        
+        <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
+        <script>(function(){var po=document.createElement('script');po.type='text/javascript';po.async=true;po.src='https://apis.google.com/js/plusone.js';var s=document.getElementsByTagName('script')[0];s.parentNode.insertBefore(po,s);})();</script>
     </body>
 </html>

_includes/header.html

@@ -9,7 +9,10 @@
         <link href="http://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic" rel="stylesheet" type="text/css" />
         <link href="/include/site/screen.css" rel="stylesheet" type="text/css" />
         <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)">
+        <link href="/blog/atom.xml" type="application/atom+xml" rel="alternate" title="Danny Berger (blog)" />
+
+        <meta name="twitter:site" content="dpb587" />
+        <meta name="twitter:creator" content="dpb587" />
 
         <script type="text/javascript">
             var _gaq = _gaq || [];

_layouts/post.html

@@ -6,14 +6,18 @@
             {% 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 %}
+        </div>
+        <div class="social">
+            
         </div>
         <h2>{{ page.title }}</h2>
     </header>
     <section>
         {{ content }}
     </section>
-    {% if page.tags|size %}
-        <div class="meta">{% for tag in page.tags %}{% if forloop.index0 > 0 %} &middot; {% endif %}<a href="/tags/{{ tag|slugize }}">{{ tag }}</a>{% endfor %}</div>
-    {% endif %}
+    <div class="meta meta-social">
+        <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>
 </section>
 {% include footer.html %}

include/site/screen.css

@@ -214,3 +214,10 @@ dl dd {
     margin-left: 0;
     padding: 2px 0 0 146px;
 }
+
+.meta-social {
+    border-top: #F0F0F0 solid 1px;
+    margin-left: -6px;
+    margin-right: -6px;
+    padding: 32px 6px 0;
+}