Add icons font and create the social links for sites

admin/controllers/authors.coffee

@@ -86,8 +86,9 @@ class AuthorForm extends Spine.Controller
     @linksList.find('.link-form').each ->
       label = $.trim $(@).find('input[name=link_label]').val()
       url = $.trim $(@).find('input[name=link_url]').val()
+      code = $.trim $(@).find('input[name=link_code]').val()
       if label and url
-        links.push label: label, url: url
+        links.push label: label, url: url, code: code
     @item.links = links
     
     # Save the item and make sure it validates

admin/controllers/sites.coffee

@@ -77,8 +77,9 @@ class SiteForm extends Spine.Controller
     @socialLinksList.find('.social-link-form').each ->
       label = $.trim $(@).find('input[name=link_label]').val()
       url = $.trim $(@).find('input[name=link_url]').val()
+      code = $.trim $(@).find('input[name=link_code]').val()
       if label and url
-        links.push label: label, url: url
+        links.push label: label, url: url, code: code
     @item.social_links = links
     
     # Save the item and make sure it validates

admin/static/css/theme.styl

@@ -307,24 +307,24 @@ span.label
 
       > li
         font-size: 1.5em
-        line-height: 1.5em
+        line-height: 1.2em
         border-bottom: 1px dotted $faintGrey
         padding: 0.5em 0
         clearfix()
 
         .note
-          font-size: 0.75em
+          font-size: 0.6em
           line-height: 1em
           color: $lightGrey
         
         .meta
-          font-size: 0.75em
+          font-size: 0.6em
           line-height: 1em
           color: $lightGrey
 
           > div
             display: inline-block
-            margin-right: 2em
+            margin-right: 1em
 
           a
             color: $lightGrey
@@ -333,13 +333,13 @@ span.label
 
         .actions
           float: right
-          font-size: 0.75em
-          line-height: 2em
+          font-size: 0.6em
+          line-height: 3em
           color: $lightGrey
 
           > div
             display: inline-block
-            margin-left: 2em
+            margin-left: 1em
 
           a
             color: $lightGrey

admin/static/fonts/fontello-kleks-1.1.svg

@@ -0,0 +1,88 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>
+Created by FontForge 20100429 at Fri Nov  9 23:29:33 2012
+ By root
+Copyright (C) 2012 by original authors @ fontello.com
+</metadata>
+<defs>
+<font id="fontello-kleks-1" horiz-adv-x="900" >
+  <font-face 
+    font-family="fontello-kleks-1"
+    font-weight="500"
+    font-stretch="normal"
+    units-per-em="1000"
+    panose-1="2 0 6 3 0 0 0 0 0 0"
+    ascent="800"
+    descent="-200"
+    x-height="800"
+    bbox="-2 -127 947 801"
+    underline-thickness="50"
+    underline-position="-100"
+    unicode-range="U+0061-0072"
+  />
+<missing-glyph horiz-adv-x="364" 
+d="M33 0v666h265v-666h-265zM66 33h199v600h-199v-600z" />
+    <glyph glyph-name=".notdef" horiz-adv-x="364" 
+d="M33 0v666h265v-666h-265zM66 33h199v600h-199v-600z" />
+    <glyph glyph-name=".null" horiz-adv-x="0" 
+ />
+    <glyph glyph-name="nonmarkingreturn" horiz-adv-x="333" 
+ />
+    <glyph glyph-name="a" unicode="a" horiz-adv-x="947" 
+d="M-2 53v553q0 24 9.5 45.5t25.5 37.5t38 25.5t46 9.5h395q24 0 45.5 -9.5t38 -25.5t26 -37.5t9.5 -45.5v-178l264 286q9 10 21 10q5 0 11 -2q19 -9 19 -30v-726q0 -21 -19 -30q-18 -7 -32 8l-264 286v-177q0 -24 -9.5 -45.5t-26 -38t-38 -26t-45.5 -9.5h-395
+q-24 0 -46 9.5t-38 26t-25.5 38t-9.5 45.5z" />
+    <glyph glyph-name="b" unicode="b" horiz-adv-x="947" 
+d="M0 -7v672q0 24 17.5 41.5t41.5 17.5h829q25 0 42 -17.5t17 -41.5v-672q0 -24 -17 -41.5t-42 -17.5h-829q-24 0 -41.5 17.5t-17.5 41.5zM79 13h789v632h-789v-632zM158 92v54l142 185l97 -80l182 276l210 -218v-217h-631zM158 486q0 33 23 56.5t57 23.5q33 0 56 -23.5
+t23 -56.5t-23 -56t-56 -23q-34 0 -57 23t-23 56z" />
+    <glyph glyph-name="c" unicode="c" horiz-adv-x="947" 
+d="M0 305.5q0 22.5 13 42.5q40 64 91.5 115t111 86.5t124.5 54t134 18.5t134.5 -18.5t124.5 -53.5t110.5 -86t92.5 -116q11 -20 11 -42.5t-11 -41.5q-41 -66 -92.5 -117t-110.5 -85.5t-124.5 -53t-134.5 -18.5t-134 18.5t-124.5 53.5t-111 86t-91.5 116q-13 19 -13 41.5z
+M79 306q34 -54 77 -98t93.5 -74.5t107 -47.5t117.5 -17t117 17t106.5 47.5t94 74.5t76.5 98q-41 66 -96 116t-121 81q26 -31 40.5 -69t14.5 -82q0 -49 -18.5 -92t-51 -75.5t-75.5 -51t-92 -18.5t-91.5 18.5t-75.5 51t-51 75.5t-18 92q0 40 13 76.5t35 65.5
+q-60 -30 -111.5 -78t-90.5 -110zM316 352q0 -11 8.5 -20t21 -9t21 9t8.5 20q0 40 27 67.5t67 27.5q13 0 21.5 9t8.5 20q0 13 -8.5 21.5t-21.5 8.5q-31 0 -59.5 -12t-49 -32.5t-32.5 -49t-12 -60.5z" />
+    <glyph glyph-name="d" unicode="d" horiz-adv-x="947" 
+d="M0 328.5q0 22.5 13 42.5q40 64 91.5 115t111 86.5t124.5 54t134 18.5q27 0 54 -4t53 -9l45 81q5 8 13 10q6 3 15 -1l68 -39q7 -5 10 -12.5t-1 -15.5l-398 -710q-4 -8 -12 -10q-2 -1 -5 -1t-10 2l-69 39q-8 4 -10 12t2 16l34 59q-75 34 -138.5 91t-111.5 134
+q-13 19 -13 41.5zM79 329q42 -67 98.5 -117.5t123.5 -81.5l30 54q-45 32 -71.5 81.5t-26.5 109.5q0 40 13 76.5t35 66.5q-60 -31 -111.5 -78.5t-90.5 -110.5zM316 375q0 -11 8.5 -20t21 -9t21 9t8.5 20q0 40 27 67.5t67 27.5q13 0 21.5 9t8.5 20q0 13 -8.5 21.5t-21.5 8.5
+q-31 0 -59.5 -12t-49 -32.5t-32.5 -49t-12 -60.5zM477 13l45 82q107 13 196 74.5t150 159.5q-55 87 -134 145l39 71q47 -34 88 -77t75 -97q11 -20 11 -42.5t-11 -41.5q-82 -131 -201.5 -202t-257.5 -72zM556 155l146 262q2 -10 3 -20t1 -22q0 -38 -11 -72t-31 -62.5
+t-48 -50.5t-60 -35z" />
+    <glyph glyph-name="e" unicode="e" horiz-adv-x="789" 
+d="M0 406.5q0 19.5 15 34.5l51 52q15 15 35 15t35 -15l261 -262l257 262q14 15 34 15t35 -15l52 -52q14 -15 15 -34.5t-14 -34.5l-347 -346q-14 -15 -34 -15t-35 15l-345 346q-15 15 -15 34.5z" />
+    <glyph glyph-name="f" unicode="f" horiz-adv-x="495" 
+d="M0 327.5q0 19.5 15 34.5l345 346q15 15 35 15t34 -15l52 -52q15 -14 15 -34t-15 -35l-261 -262l261 -257q15 -15 15 -34.5t-15 -34.5l-52 -52q-14 -15 -34 -15t-35 15l-345 346q-15 15 -15 34.5z" />
+    <glyph glyph-name="g" unicode="g" horiz-adv-x="495" 
+d="M0 34q0 20 15 35l261 261l-261 258q-15 15 -15 34.5t15 33.5l51 53q15 15 35 15t35 -15l345 -346q15 -15 15 -35t-15 -35l-345 -345q-15 -15 -35 -15t-35 15l-51 51q-15 15 -15 35z" />
+    <glyph glyph-name="h" unicode="h" horiz-adv-x="789" 
+d="M-0.5 116.5q-0.5 19.5 14.5 34.5l346 346q15 15 35 15t34 -15l346 -346q14 -15 14 -34.5t-14 -33.5l-52 -53q-15 -15 -35 -15t-34 15l-261 262l-257 -262q-15 -15 -35 -15t-35 15l-51 53q-15 14 -15.5 33.5z" />
+    <glyph glyph-name="i" unicode="i" horiz-adv-x="705" 
+d="M353 320q139 0 237 -98.5t98 -236.5q0 -46 -33 -79t-79 -33h-446q-46 0 -79 33t-33 79q0 138 98 236.5t237 98.5zM186 599q0 167 167 167q168 0 168 -167q0 -168 -168 -168q-167 0 -167 168z" />
+    <glyph glyph-name="j" unicode="j" horiz-adv-x="928" 
+d="M18 153l446 -112l447 112v-112l-447 -111l-446 111v112zM18 376l446 -112l447 112v-112l-447 -111l-446 111v112zM18 599l446 112l447 -112v-111l-447 -112l-446 112v111z" />
+    <glyph glyph-name="k" unicode="k" horiz-adv-x="813" 
+d="M371 206l60 118l227 226q20 -12 33.5 -26t26.5 -34l-227 -226l-117 -60zM68 -96l112 444l238 236q80 22 164 0l-206 -205l-150 -78l-32 -177l97 -98l177 34l77 150l209 209q11 -47 10.5 -84t-6.5 -61l-7 -24l-236 -238l-445 -112z" />
+    <glyph glyph-name="l" unicode="l" 
+d="M613 432q0 102 -71.5 174t-173.5 72t-174 -72t-72 -174t72 -173.5t174 -71.5t173.5 71.5t71.5 173.5zM671 224l229 -230l-94 -94l-229 229q-95 -65 -209 -65q-152 0 -260 108t-108 260t108 260t260 108t260 -108t108 -260q0 -114 -65 -208z" />
+    <glyph glyph-name="m" unicode="m" 
+d="M900 45v-144h-900v144h900zM900 297v-144h-900v144h900zM900 549v-144h-900v144h900zM900 801v-144h-900v144h900z" />
+    <glyph glyph-name="n" unicode="n" 
+d="M225 12.5q0 -46.5 -33 -79.5t-79.5 -33t-79.5 33t-33 79.5t33 79.5t79.5 33t79.5 -33t33 -79.5zM594 -100h-173q0 175 -123 298t-298 123v173q161 0 298 -79.5t216.5 -216.5t79.5 -298zM900 -100h-174q0 148 -57.5 283t-154.5 232t-231.5 154.5t-282.5 57.5v173
+q183 0 349.5 -71.5t287 -192t192 -287t71.5 -349.5z" />
+    <glyph glyph-name="o" unicode="o" 
+d="M732 577l18 106q-39 13 -129 13q-71 0 -111 -52q-23 -30 -23 -107v-5v-33v-32h-71v-103h71v-360h134v360h106l8 103h-114v32v38v11q0 38 53 38q28 0 58 -9zM900 721v-742q0 -32 -23.5 -55.5t-55.5 -23.5h-742q-32 0 -55.5 23.5t-23.5 55.5v742q0 32 23.5 55.5t55.5 23.5
+h742q32 0 55.5 -23.5t23.5 -55.5z" />
+    <glyph glyph-name="p" unicode="p" horiz-adv-x="902" 
+d="M903 350q-39 -43 -108 -41q-34 -137 -160.5 -220t-273.5 -83q-109 0 -203 48t-158 136q68 -65 163 -65q102 0 172 75q-22 -4 -43.5 6.5t-21.5 31.5q0 24 37 40q-36 -4 -65.5 10t-46.5 46q20 22 62 25q-88 22 -100 92q24 7 47 7h8q-34 18 -56.5 46.5t-21.5 62.5l1 7
+q139 -53 231 -104q27 -16 69 -57q29 78 60.5 135.5t80.5 88.5q-1 -14 -14 -28q30 29 71 34q-3 -20 -48 -37q6 2 23 9t30 10.5t23 3.5q13 0 13 -10q0 -7 -15 -14t-38 -14t-25 -8q73 7 127.5 -46.5t68.5 -128.5q16 -5 32 -5q45 0 75 17q-12 -27 -39.5 -42t-59.5 -17
+q31 -14 75 -14q14 0 28 3z" />
+    <glyph glyph-name="q" unicode="q" 
+d="M421 189q0 -40 -38.5 -64t-81 -24t-77 21.5t-34.5 61.5q0 43 37 64.5t83 21.5q41 0 76 -21t35 -60zM372 499q0 -31 -14 -53.5t-44 -22.5q-39 0 -61.5 41t-22.5 82q0 32 13.5 54.5t43.5 22.5q39 0 62 -41t23 -83zM493 652q0 10 -20 10q-2 0 -46.5 0.5t-65.5 0t-54 -3.5
+t-53 -9q-52 -17 -83 -56t-31 -92q0 -63 39.5 -101.5t102.5 -37.5h5q0 -22 2 -32t4.5 -10.5t6.5 -4.5t8 -13q-50 0 -92.5 -10.5t-77 -43t-34.5 -82.5q0 -69 55.5 -103t129.5 -34q83 0 143.5 41t60.5 121q0 34 -17.5 65.5t-39 49.5t-39 34.5t-17.5 25.5q0 10 13.5 23t30 26
+t30 42t13.5 67q0 68 -39 96l13 1q13 2 18.5 3t15.5 4.5t14 9t4 13.5zM687 506h109v54h-109v110h-54v-110h-110v-54h110v-109h54v109zM900 721v-742q0 -32 -23.5 -55.5t-55.5 -23.5h-742q-32 0 -55.5 23.5t-23.5 55.5v742q0 32 23.5 55.5t55.5 23.5h742q32 0 55.5 -23.5
+t23.5 -55.5z" />
+    <glyph glyph-name="r" unicode="r" 
+d="M550 161v-120q0 -19 -16 -19q-13 0 -23 10v142q9 10 20 10q19 0 19 -23zM722 158v-25h-41v25q0 25 21 25q20 0 20 -25zM232 253h55v45h-161v-45h54v-264h52v264zM373 -11h45v228h-45v-173q-16 -17 -28 -17t-12 15v175h-47v-192q0 -39 33 -39q27 0 54 28v-25zM598 37v126
+q0 57 -45 57q-23 0 -42 -21v99h-47v-309h47v18q20 -21 44 -21q43 0 43 51zM770 54v17h-48q0 -2 0.5 -12t0 -14t-2.5 -10t-6.5 -9t-12.5 -3q-9 0 -14 5.5t-5.5 11t-0.5 15.5v43h89v58q0 31 -17.5 49t-48.5 18t-51 -18.5t-20 -48.5v-102q0 -32 17.5 -51.5t49.5 -19.5
+q70 0 70 71zM833 136q0 -44 -5 -131q-4 -45 -35 -71.5t-76 -28.5q-89 -4 -267 -4q-179 0 -267 4q-45 2 -76 28.5t-35 71.5q-5 87 -5 131t5 130q4 45 35 71.5t76 28.5q88 5 267 5t267 -5q45 -2 76 -28.5t35 -71.5q5 -86 5 -130zM284 801h65l-49 -149l-10 -24l-9 -25.5
+t-7 -24.5v-159h-64v151q-2 11 -26 77l-52 154h66l41 -152h5zM454 485v154q0 9 -8 15t-17 6t-16 -6t-7 -15v-154q0 -23 23 -23q25 0 25 23zM513 635v-145q0 -38 -22.5 -58t-61.5 -20q-37 0 -60 21t-23 57v146q0 35 25 53.5t61 18.5q34 0 57.5 -19.5t23.5 -53.5zM726 701v-282
+h-57v32q-34 -35 -67 -35q-40 0 -40 50v235h57v-216q0 -19 15.5 -19t34.5 22v213h57z" />
+  </font>
+</defs></svg>

admin/templates/partials/link-form.html

@@ -2,6 +2,7 @@
   <div class="field-left">
     <label>Label</label>
     <input type="text" name="link_label" value="{{label}}" placeholder="ie. Facebook">
+    <input type="text" name="link_code" value="{{code}}" placeholder="Code for icon">    
   </div>
   <div class="field-right">
     <label>URL</label>

site/static/css/icons.styl

@@ -0,0 +1,59 @@
+$ver = 1
+
+@font-face
+  font-family: 'fontello-kleks-1'
+  src: url("/static/fonts/fontello-kleks-1."+$ver+".eot")
+  src: url("/static/fonts/fontello-kleks-1."+$ver+".eot?#iefix") format('embedded-opentype'), url("/static/fonts/fontello-kleks-1."+$ver+".woff") format('woff'), url("/static/fonts/fontello-kleks-1."+$ver+".ttf") format('truetype'), url("/static/fonts/fontello-kleks-1."+$ver+".svg#fontello-kleks-1") format('svg')
+  font-weight: normal
+  font-style: normal
+
+[class^="icon-"]:before
+[class*=" icon-"]:before
+  font-family: 'fontello-kleks-1'
+  font-style: normal
+  font-weight: normal
+  speak: none
+  display: inline-block
+  text-decoration: none
+  width: 1em
+  text-align: center
+  line-height: 1em
+  font-size: 1em
+
+
+.icon-essay:before
+  content: '\6d' /* 'm' */
+.icon-pencil-alt:before
+  content: '\6b' /* 'k' */
+.icon-eye:before
+  content: '\63' /* 'c' */
+.icon-eye-off:before
+  content: '\64' /* 'd' */
+.icon-rss:before
+  content: '\6e' /* 'n' */
+.icon-down-open:before
+  content: '\65' /* 'e' */
+.icon-left-open:before
+  content: '\66' /* 'f' */
+.icon-right-open:before
+  content: '\67' /* 'g' */
+.icon-up-open:before
+  content: '\68' /* 'h' */
+.icon-collection:before
+  content: '\6a' /* 'j' */
+.icon-facebook:before
+  content: '\6f' /* 'o' */
+.icon-twitter:before
+  content: '\70' /* 'p' */
+.icon-google:before
+  content: '\71' /* 'q' */
+.icon-youtube:before
+  content: '\72' /* 'r' */
+.icon-scene:before
+  content: '\62' /* 'b' */
+.icon-video:before
+  content: '\61' /* 'a' */
+.icon-profile:before
+  content: '\69' /* 'i' */
+.icon-search:before
+  content: '\6c' /* 'l' */

site/static/css/index.styl

@@ -1,3 +1,5 @@
+@import './icons'
+
 // Following imports are part of the admin app
 @import '../../../admin/static/css/mixin'
 @import '../../../admin/static/css/common'

site/static/css/responsive.styl

@@ -25,6 +25,7 @@
 
   .site-name
     font-size: 2.8em
+    margin-bottom: 8px
 
   .site-tagline
     margin-bottom: 2em
@@ -82,6 +83,11 @@
           width: 100%
           margin: 0.8em 0 0 0
 
+  footer
+    .social-icons
+      float: none
+      margin: 0 0 1em 0
+
 // Landscape on larger phone to smaller tablet
 @media (min-width: 481px) and (max-width: 767px)
   
@@ -100,6 +106,7 @@
 
   .site-name
     font-size: 3.5em
+    margin-bottom: 10px
 
   .site-tagline
     margin-bottom: 2.5em

site/static/css/setup-theme.styl

@@ -18,7 +18,7 @@ setupTheme($primaryColor = $blueColor, $secondaryColor = $lightGrey, $linkColor
 
   button, .button
     background: $primaryColor
-    &:hover
+    &:hover, &:active
       background: darken($primaryColor, 5%)
     &.plain
       color: $primaryColor
@@ -38,7 +38,7 @@ setupTheme($primaryColor = $blueColor, $secondaryColor = $lightGrey, $linkColor
   .collection-nav
     .icon
       background: $primaryColor
-      &:hover
+      &:hover, &:active
         background: darken($primaryColor, 10%)
     > ul
       background: $primaryColor
@@ -46,12 +46,16 @@ setupTheme($primaryColor = $blueColor, $secondaryColor = $lightGrey, $linkColor
         background: $primaryColor
       > li
         a
-          &:hover
+          &:hover, &:active
             background: darken($primaryColor, 5%)
           &.active
             background: darken($primaryColor, 10%)
 
   article
+    h3, h4
+      a
+        &:hover, &:active
+          color: darken($linkColor, 10%)
     .sponsor
       .label
         background: $primaryColor
@@ -63,7 +67,7 @@ setupTheme($primaryColor = $blueColor, $secondaryColor = $lightGrey, $linkColor
           .updated
             background: $primaryColor
             border-color: $primaryColor
-          &:hover
+          &:hover, &:active
             border-color: $primaryColor
             a
               background: $primaryColor
@@ -76,3 +80,8 @@ setupTheme($primaryColor = $blueColor, $secondaryColor = $lightGrey, $linkColor
 
   footer
     border-color: $primaryColor
+    .social-icons
+      a
+        color: $primaryColor
+        &:hover, &:active
+          color: darken($primaryColor, 10%)

site/static/css/theme.styl

@@ -8,7 +8,7 @@
   border-left: 20px solid $primaryColor
 
 .site-name
-  margin: 0 0 8px -0.05em
+  margin: 0 0 14px -0.05em
   font-size: 5.25em
   line-height: 0.8em
   font-weight: $normalFont
@@ -59,7 +59,7 @@
     outline: 4px solid #fff
     white-space: nowrap
 
-    &:hover
+    &:hover, &:active
       background: darken($primaryColor, 10%)
 
     span
@@ -105,7 +105,7 @@
         font-weight: $normalFont
         color: #fff
 
-        &:hover
+        &:hover, &:active
           background: darken($primaryColor, 5%)
 
         &.active
@@ -209,6 +209,10 @@ article
   h3, h4
     margin: 1em 0
 
+    a
+      &:hover, &:active
+        color: darken($linkColor, 10%)
+
   ol, ul
     margin: 0 0.8em
   
@@ -366,7 +370,7 @@ article.home
           &.fresh-true
             display: block
 
-        &:hover
+        &:hover, &:active
           border-color: $primaryColor
 
           a
@@ -441,6 +445,26 @@ footer
   color: #aaa
   clear: both
 
-  .copyright
-    font-size: 0.75em
-    line-height: 1.5em
+  .social-icons
+    float: right
+    margin: 0 0 1em 1em
+
+    a
+      display: inline-block
+      width: 30px
+      height: 30px
+      margin-right: 10px
+      font-size: 30px
+      line-height: 30px
+      text-align: center
+      color: $primaryColor
+      overflow: hidden
+
+      &:hover, &:active
+        color: darken($primaryColor, 10%)
+
+  .footer-html
+
+    .copyright
+      font-size: 0.75em
+      line-height: 1.5em

site/static/fonts/fontello-kleks-1.1.svg

@@ -0,0 +1,88 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>
+Created by FontForge 20100429 at Fri Nov  9 23:29:33 2012
+ By root
+Copyright (C) 2012 by original authors @ fontello.com
+</metadata>
+<defs>
+<font id="fontello-kleks-1" horiz-adv-x="900" >
+  <font-face 
+    font-family="fontello-kleks-1"
+    font-weight="500"
+    font-stretch="normal"
+    units-per-em="1000"
+    panose-1="2 0 6 3 0 0 0 0 0 0"
+    ascent="800"
+    descent="-200"
+    x-height="800"
+    bbox="-2 -127 947 801"
+    underline-thickness="50"
+    underline-position="-100"
+    unicode-range="U+0061-0072"
+  />
+<missing-glyph horiz-adv-x="364" 
+d="M33 0v666h265v-666h-265zM66 33h199v600h-199v-600z" />
+    <glyph glyph-name=".notdef" horiz-adv-x="364" 
+d="M33 0v666h265v-666h-265zM66 33h199v600h-199v-600z" />
+    <glyph glyph-name=".null" horiz-adv-x="0" 
+ />
+    <glyph glyph-name="nonmarkingreturn" horiz-adv-x="333" 
+ />
+    <glyph glyph-name="a" unicode="a" horiz-adv-x="947" 
+d="M-2 53v553q0 24 9.5 45.5t25.5 37.5t38 25.5t46 9.5h395q24 0 45.5 -9.5t38 -25.5t26 -37.5t9.5 -45.5v-178l264 286q9 10 21 10q5 0 11 -2q19 -9 19 -30v-726q0 -21 -19 -30q-18 -7 -32 8l-264 286v-177q0 -24 -9.5 -45.5t-26 -38t-38 -26t-45.5 -9.5h-395
+q-24 0 -46 9.5t-38 26t-25.5 38t-9.5 45.5z" />
+    <glyph glyph-name="b" unicode="b" horiz-adv-x="947" 
+d="M0 -7v672q0 24 17.5 41.5t41.5 17.5h829q25 0 42 -17.5t17 -41.5v-672q0 -24 -17 -41.5t-42 -17.5h-829q-24 0 -41.5 17.5t-17.5 41.5zM79 13h789v632h-789v-632zM158 92v54l142 185l97 -80l182 276l210 -218v-217h-631zM158 486q0 33 23 56.5t57 23.5q33 0 56 -23.5
+t23 -56.5t-23 -56t-56 -23q-34 0 -57 23t-23 56z" />
+    <glyph glyph-name="c" unicode="c" horiz-adv-x="947" 
+d="M0 305.5q0 22.5 13 42.5q40 64 91.5 115t111 86.5t124.5 54t134 18.5t134.5 -18.5t124.5 -53.5t110.5 -86t92.5 -116q11 -20 11 -42.5t-11 -41.5q-41 -66 -92.5 -117t-110.5 -85.5t-124.5 -53t-134.5 -18.5t-134 18.5t-124.5 53.5t-111 86t-91.5 116q-13 19 -13 41.5z
+M79 306q34 -54 77 -98t93.5 -74.5t107 -47.5t117.5 -17t117 17t106.5 47.5t94 74.5t76.5 98q-41 66 -96 116t-121 81q26 -31 40.5 -69t14.5 -82q0 -49 -18.5 -92t-51 -75.5t-75.5 -51t-92 -18.5t-91.5 18.5t-75.5 51t-51 75.5t-18 92q0 40 13 76.5t35 65.5
+q-60 -30 -111.5 -78t-90.5 -110zM316 352q0 -11 8.5 -20t21 -9t21 9t8.5 20q0 40 27 67.5t67 27.5q13 0 21.5 9t8.5 20q0 13 -8.5 21.5t-21.5 8.5q-31 0 -59.5 -12t-49 -32.5t-32.5 -49t-12 -60.5z" />
+    <glyph glyph-name="d" unicode="d" horiz-adv-x="947" 
+d="M0 328.5q0 22.5 13 42.5q40 64 91.5 115t111 86.5t124.5 54t134 18.5q27 0 54 -4t53 -9l45 81q5 8 13 10q6 3 15 -1l68 -39q7 -5 10 -12.5t-1 -15.5l-398 -710q-4 -8 -12 -10q-2 -1 -5 -1t-10 2l-69 39q-8 4 -10 12t2 16l34 59q-75 34 -138.5 91t-111.5 134
+q-13 19 -13 41.5zM79 329q42 -67 98.5 -117.5t123.5 -81.5l30 54q-45 32 -71.5 81.5t-26.5 109.5q0 40 13 76.5t35 66.5q-60 -31 -111.5 -78.5t-90.5 -110.5zM316 375q0 -11 8.5 -20t21 -9t21 9t8.5 20q0 40 27 67.5t67 27.5q13 0 21.5 9t8.5 20q0 13 -8.5 21.5t-21.5 8.5
+q-31 0 -59.5 -12t-49 -32.5t-32.5 -49t-12 -60.5zM477 13l45 82q107 13 196 74.5t150 159.5q-55 87 -134 145l39 71q47 -34 88 -77t75 -97q11 -20 11 -42.5t-11 -41.5q-82 -131 -201.5 -202t-257.5 -72zM556 155l146 262q2 -10 3 -20t1 -22q0 -38 -11 -72t-31 -62.5
+t-48 -50.5t-60 -35z" />
+    <glyph glyph-name="e" unicode="e" horiz-adv-x="789" 
+d="M0 406.5q0 19.5 15 34.5l51 52q15 15 35 15t35 -15l261 -262l257 262q14 15 34 15t35 -15l52 -52q14 -15 15 -34.5t-14 -34.5l-347 -346q-14 -15 -34 -15t-35 15l-345 346q-15 15 -15 34.5z" />
+    <glyph glyph-name="f" unicode="f" horiz-adv-x="495" 
+d="M0 327.5q0 19.5 15 34.5l345 346q15 15 35 15t34 -15l52 -52q15 -14 15 -34t-15 -35l-261 -262l261 -257q15 -15 15 -34.5t-15 -34.5l-52 -52q-14 -15 -34 -15t-35 15l-345 346q-15 15 -15 34.5z" />
+    <glyph glyph-name="g" unicode="g" horiz-adv-x="495" 
+d="M0 34q0 20 15 35l261 261l-261 258q-15 15 -15 34.5t15 33.5l51 53q15 15 35 15t35 -15l345 -346q15 -15 15 -35t-15 -35l-345 -345q-15 -15 -35 -15t-35 15l-51 51q-15 15 -15 35z" />
+    <glyph glyph-name="h" unicode="h" horiz-adv-x="789" 
+d="M-0.5 116.5q-0.5 19.5 14.5 34.5l346 346q15 15 35 15t34 -15l346 -346q14 -15 14 -34.5t-14 -33.5l-52 -53q-15 -15 -35 -15t-34 15l-261 262l-257 -262q-15 -15 -35 -15t-35 15l-51 53q-15 14 -15.5 33.5z" />
+    <glyph glyph-name="i" unicode="i" horiz-adv-x="705" 
+d="M353 320q139 0 237 -98.5t98 -236.5q0 -46 -33 -79t-79 -33h-446q-46 0 -79 33t-33 79q0 138 98 236.5t237 98.5zM186 599q0 167 167 167q168 0 168 -167q0 -168 -168 -168q-167 0 -167 168z" />
+    <glyph glyph-name="j" unicode="j" horiz-adv-x="928" 
+d="M18 153l446 -112l447 112v-112l-447 -111l-446 111v112zM18 376l446 -112l447 112v-112l-447 -111l-446 111v112zM18 599l446 112l447 -112v-111l-447 -112l-446 112v111z" />
+    <glyph glyph-name="k" unicode="k" horiz-adv-x="813" 
+d="M371 206l60 118l227 226q20 -12 33.5 -26t26.5 -34l-227 -226l-117 -60zM68 -96l112 444l238 236q80 22 164 0l-206 -205l-150 -78l-32 -177l97 -98l177 34l77 150l209 209q11 -47 10.5 -84t-6.5 -61l-7 -24l-236 -238l-445 -112z" />
+    <glyph glyph-name="l" unicode="l" 
+d="M613 432q0 102 -71.5 174t-173.5 72t-174 -72t-72 -174t72 -173.5t174 -71.5t173.5 71.5t71.5 173.5zM671 224l229 -230l-94 -94l-229 229q-95 -65 -209 -65q-152 0 -260 108t-108 260t108 260t260 108t260 -108t108 -260q0 -114 -65 -208z" />
+    <glyph glyph-name="m" unicode="m" 
+d="M900 45v-144h-900v144h900zM900 297v-144h-900v144h900zM900 549v-144h-900v144h900zM900 801v-144h-900v144h900z" />
+    <glyph glyph-name="n" unicode="n" 
+d="M225 12.5q0 -46.5 -33 -79.5t-79.5 -33t-79.5 33t-33 79.5t33 79.5t79.5 33t79.5 -33t33 -79.5zM594 -100h-173q0 175 -123 298t-298 123v173q161 0 298 -79.5t216.5 -216.5t79.5 -298zM900 -100h-174q0 148 -57.5 283t-154.5 232t-231.5 154.5t-282.5 57.5v173
+q183 0 349.5 -71.5t287 -192t192 -287t71.5 -349.5z" />
+    <glyph glyph-name="o" unicode="o" 
+d="M732 577l18 106q-39 13 -129 13q-71 0 -111 -52q-23 -30 -23 -107v-5v-33v-32h-71v-103h71v-360h134v360h106l8 103h-114v32v38v11q0 38 53 38q28 0 58 -9zM900 721v-742q0 -32 -23.5 -55.5t-55.5 -23.5h-742q-32 0 -55.5 23.5t-23.5 55.5v742q0 32 23.5 55.5t55.5 23.5
+h742q32 0 55.5 -23.5t23.5 -55.5z" />
+    <glyph glyph-name="p" unicode="p" horiz-adv-x="902" 
+d="M903 350q-39 -43 -108 -41q-34 -137 -160.5 -220t-273.5 -83q-109 0 -203 48t-158 136q68 -65 163 -65q102 0 172 75q-22 -4 -43.5 6.5t-21.5 31.5q0 24 37 40q-36 -4 -65.5 10t-46.5 46q20 22 62 25q-88 22 -100 92q24 7 47 7h8q-34 18 -56.5 46.5t-21.5 62.5l1 7
+q139 -53 231 -104q27 -16 69 -57q29 78 60.5 135.5t80.5 88.5q-1 -14 -14 -28q30 29 71 34q-3 -20 -48 -37q6 2 23 9t30 10.5t23 3.5q13 0 13 -10q0 -7 -15 -14t-38 -14t-25 -8q73 7 127.5 -46.5t68.5 -128.5q16 -5 32 -5q45 0 75 17q-12 -27 -39.5 -42t-59.5 -17
+q31 -14 75 -14q14 0 28 3z" />
+    <glyph glyph-name="q" unicode="q" 
+d="M421 189q0 -40 -38.5 -64t-81 -24t-77 21.5t-34.5 61.5q0 43 37 64.5t83 21.5q41 0 76 -21t35 -60zM372 499q0 -31 -14 -53.5t-44 -22.5q-39 0 -61.5 41t-22.5 82q0 32 13.5 54.5t43.5 22.5q39 0 62 -41t23 -83zM493 652q0 10 -20 10q-2 0 -46.5 0.5t-65.5 0t-54 -3.5
+t-53 -9q-52 -17 -83 -56t-31 -92q0 -63 39.5 -101.5t102.5 -37.5h5q0 -22 2 -32t4.5 -10.5t6.5 -4.5t8 -13q-50 0 -92.5 -10.5t-77 -43t-34.5 -82.5q0 -69 55.5 -103t129.5 -34q83 0 143.5 41t60.5 121q0 34 -17.5 65.5t-39 49.5t-39 34.5t-17.5 25.5q0 10 13.5 23t30 26
+t30 42t13.5 67q0 68 -39 96l13 1q13 2 18.5 3t15.5 4.5t14 9t4 13.5zM687 506h109v54h-109v110h-54v-110h-110v-54h110v-109h54v109zM900 721v-742q0 -32 -23.5 -55.5t-55.5 -23.5h-742q-32 0 -55.5 23.5t-23.5 55.5v742q0 32 23.5 55.5t55.5 23.5h742q32 0 55.5 -23.5
+t23.5 -55.5z" />
+    <glyph glyph-name="r" unicode="r" 
+d="M550 161v-120q0 -19 -16 -19q-13 0 -23 10v142q9 10 20 10q19 0 19 -23zM722 158v-25h-41v25q0 25 21 25q20 0 20 -25zM232 253h55v45h-161v-45h54v-264h52v264zM373 -11h45v228h-45v-173q-16 -17 -28 -17t-12 15v175h-47v-192q0 -39 33 -39q27 0 54 28v-25zM598 37v126
+q0 57 -45 57q-23 0 -42 -21v99h-47v-309h47v18q20 -21 44 -21q43 0 43 51zM770 54v17h-48q0 -2 0.5 -12t0 -14t-2.5 -10t-6.5 -9t-12.5 -3q-9 0 -14 5.5t-5.5 11t-0.5 15.5v43h89v58q0 31 -17.5 49t-48.5 18t-51 -18.5t-20 -48.5v-102q0 -32 17.5 -51.5t49.5 -19.5
+q70 0 70 71zM833 136q0 -44 -5 -131q-4 -45 -35 -71.5t-76 -28.5q-89 -4 -267 -4q-179 0 -267 4q-45 2 -76 28.5t-35 71.5q-5 87 -5 131t5 130q4 45 35 71.5t76 28.5q88 5 267 5t267 -5q45 -2 76 -28.5t35 -71.5q5 -86 5 -130zM284 801h65l-49 -149l-10 -24l-9 -25.5
+t-7 -24.5v-159h-64v151q-2 11 -26 77l-52 154h66l41 -152h5zM454 485v154q0 9 -8 15t-17 6t-16 -6t-7 -15v-154q0 -23 23 -23q25 0 25 23zM513 635v-145q0 -38 -22.5 -58t-61.5 -20q-37 0 -60 21t-23 57v146q0 35 25 53.5t61 18.5q34 0 57.5 -19.5t23.5 -53.5zM726 701v-282
+h-57v32q-34 -35 -67 -35q-40 0 -40 50v235h57v-216q0 -19 15.5 -19t34.5 22v213h57z" />
+  </font>
+</defs></svg>

site/templates/base.html

@@ -62,9 +62,15 @@
       </ul>
     </nav>
 
-    {{#if site.footer_html}}
-    <footer>{{{site.footer_html}}}</footer>
-    {{/if}}
+    <footer>
+      <div class="social-icons">
+        {{#each site.social_links}}
+        <a href="{{url}}" title="{{label}}"><i class="icon icon-{{code}}"></i></a>
+        {{/each}}
+        <a href="{{baseURL}}/feed" title="RSS Feed"><i class="icon icon-rss"></i></a>
+      </div>
+      <div class="footer-html">{{{site.footer_html}}}</div>
+    </footer>
   </div>
 
   <script src="{{baseURL}}/modules.js"></script>