move social links into footer

contents/css/main.css

@@ -170,6 +170,10 @@ footer .copy, footer .copy a {
   color: #8e8e8e;
 }
 
+footer section{
+    clear: both;
+}
+
 /* article */
 
 .article {
@@ -439,25 +443,25 @@ code.lang-markdown .bullet {
   }
 }
 
-#social-links {
+section.social-links {
     width: 304px;
     margin-left: auto;
     margin-right: auto;
 }
 
-#social-links ul {
+section.social-links ul {
     list-style: none;
     margin: 0;
     padding: 0;
 }
 
-#social-links ul li {
+section.social-links ul li {
     float: left;
     margin-left: 3px;
     margin-right: 3px;
 }
 
-#social-links ul li img {
+section.social-links ul li img {
     width: 32px;
     height: 32px;
 }

templates/index.jade

@@ -1,10 +1,5 @@
-include mixins/social
 extends layout
 
-block append header
-  #social-links
-    +social_links
-
 block content
   include author
   each article in articles

templates/layout.jade

@@ -30,6 +30,9 @@ html(lang='en')
         block footer
           section.about
             !=contents['about.md'].html
+          section.social-links
+            include mixins/social
+            +social_links
           section.copy
             p © #{ new Date().getFullYear() } #{ locals.owner } — powered by 
               a(href='https://github.com/jnordberg/wintersmith') Wintersmith