Initial release version of templates

The templates in this commit are now in RC form.
Everything but the article templates are ready.

Changes include ( no limited to ):
- Update stylesheet
- Add method in app.js to handle images in documents
- Create _author_item.html to display author information and vcard
- Update _disqus.html to fit in with site style
- Update _page_footer.html for translation support
- Add _pagination.html for pagination support
- Add _translations.html for translation listing support
- Minor updates to archives.html, tags.html
- Update base.html to have more flexibility
- Update authors.html and author.html to display information
- Update category.html and categories.html to use the _list_item.html
- Update page translation support + misc
- Update tag.html to use _list_item.html

static/sass/app.scss

@@ -10,11 +10,11 @@
 // @import "foundation/components/visibility";
 // @import "foundation/components/block-grid";
 @import "foundation/components/type";
-@import "foundation/components/buttons";
+// @import "foundation/components/buttons";
 // @import "foundation/components/forms"; // *requires components/buttons
 // @import "foundation/components/custom-forms"; // *requires components/buttons, components/forms
 // @import "foundation/components/button-groups"; // *requires components/buttons
- @import "foundation/components/dropdown-buttons"; // *requires components/buttons
+// @import "foundation/components/dropdown-buttons"; // *requires components/buttons
 // @import "foundation/components/split-buttons"; // *requires components/buttons
 // @import "foundation/components/flex-video";
 // @import "foundation/components/section";
@@ -28,8 +28,8 @@
 @import "foundation/components/keystrokes";
 @import "foundation/components/labels";
 @import "foundation/components/inline-lists";
-// @import "foundation/components/pagination";
-@import "foundation/components/panels";
+@import "foundation/components/pagination";
+// @import "foundation/components/panels";
 // @import "foundation/components/pricing-tables";
 // @import "foundation/components/progress-bars";
 // @import "foundation/components/side-nav";
@@ -92,12 +92,32 @@ body{ background-color: #fff; }
         margin-bottom: emCalc(7px);
         h1, h2, h3 { margin-top: 0; margin-bottom: 0; }
         border-bottom: 1px solid darken(#fff, 5%);
+        .print_header{ display: none; }
+        a.th{
+            display: block;
+            margin-left: emCalc(10px);
+            margin-right: emCalc(10px);
+            margin-bottom: emCalc(10px);
+            text-align: center;
+            background-color: #000;
+            img {
+                max-height: 250px;
+            }
+        }
     }
-    ul.article-list {
+    article {
+        overflow: auto;
+        a.th {
+            display: block;
+            margin-right: auto;
+            margin-left: auto;
+        }
+    }
+    ul.item-list {
         @extend .no-bullet;
         margin-bottom: 0;
         margin-left: 0;
-        li .article {
+        li .article, li .author {
             border: 1px solid darken(#fff, 5%);
             padding: emCalc(7px);
             margin: emCalc(7px);
@@ -128,12 +148,29 @@ body{ background-color: #fff; }
                 span{ font-size: 0.8em; }
             }
         }
+        li .author .vcard {
+            border: none;
+            border-bottom: 1px solid darken(#fff, 5%);
+            display: block;
+            margin-bottom: emCalc(7px);
+            p:last-child { margin-bottom: emCalc(5px); }
+        }
     }
-    dl.article-list {
+    dl.item-list {
         dt{ border-top: 1px solid darken(#fff, 5%); }
         dt:first-child{ border: none; }
         dd{ margin-bottom: emCalc(8px); }
     }
+    .page_footer, .article_footer{
+        border-top: 1px solid darken(#fff, 5%);
+        padding-top: emCalc(5px);
+        margin-top: emCalc(5px);
+        .no-bullet{ margin-left: 0; }
+        #disqus_thread {
+            border-top: 1px solid darken(#fff, 5%);
+            padding-top: emCalc(10px); 
+        }
+    }
 }
 
 #mainAside {
@@ -144,6 +181,13 @@ body{ background-color: #fff; }
 }
 #blogRoll {
     margin-left: 0;
+    margin-bottom: 0;
+    .external {
+        &:after{
+            font-family: 'pelican-red';
+            content: " ";
+        }
+    }
 }
 
 #mainFooter {
@@ -153,6 +197,7 @@ body{ background-color: #fff; }
     margin-bottom: emCalc(7px);
     color: #888;
     font-size: 0.8em;
+    .print_footer{ display: none; }
 }
 
 //// Component Styles
@@ -202,7 +247,13 @@ body{ background-color: #fff; }
 //// Print Visibility styling
 @media print{
     body { padding-top: 0 !important; }
-    .top-bar{
+    .top-bar, #mainAside {
         display: none;
     }
+    #main section header .print_header, #mainFooter .print_footer{ display: block; }
+    #main {
+     .codehilitewrapper{ page-break-inside: avoid; }
+     pre { border: none; }
+    }
 }
+