intitial layout work

_config.yml

@@ -12,3 +12,4 @@ highlights: false
 exclude:
     -   bower_components
     -   node_modules
+    -   sass

_includes/footer.html

@@ -1,61 +1,13 @@
-<footer class="site-footer">
-
-  <div class="wrap">
-
-    <h2 class="footer-heading">{{ site.title }}</h2>
-
-    <div class="footer-col-1 column">
-      <ul>
-        <li>{{ site.title }}</li>
-        <li><a href="mailto:{{ site.email }}">{{ site.email }}</a></li>
-      </ul>
-    </div>
-
-    <div class="footer-col-2 column">
-      <ul>
-        <li>
-          <a href="https://github.com/{{ site.username }}">
-            <span class="icon github">
-              <svg version="1.1" class="github-icon-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-                 viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
-                <path fill-rule="evenodd" clip-rule="evenodd" fill="#C2C2C2" d="M7.999,0.431c-4.285,0-7.76,3.474-7.76,7.761
-                c0,3.428,2.223,6.337,5.307,7.363c0.388,0.071,0.53-0.168,0.53-0.374c0-0.184-0.007-0.672-0.01-1.32
-                c-2.159,0.469-2.614-1.04-2.614-1.04c-0.353-0.896-0.862-1.135-0.862-1.135c-0.705-0.481,0.053-0.472,0.053-0.472
-                c0.779,0.055,1.189,0.8,1.189,0.8c0.692,1.186,1.816,0.843,2.258,0.645c0.071-0.502,0.271-0.843,0.493-1.037
-                C4.86,11.425,3.049,10.76,3.049,7.786c0-0.847,0.302-1.54,0.799-2.082C3.768,5.507,3.501,4.718,3.924,3.65
-                c0,0,0.652-0.209,2.134,0.796C6.677,4.273,7.34,4.187,8,4.184c0.659,0.003,1.323,0.089,1.943,0.261
-                c1.482-1.004,2.132-0.796,2.132-0.796c0.423,1.068,0.157,1.857,0.077,2.054c0.497,0.542,0.798,1.235,0.798,2.082
-                c0,2.981-1.814,3.637-3.543,3.829c0.279,0.24,0.527,0.713,0.527,1.437c0,1.037-0.01,1.874-0.01,2.129
-                c0,0.208,0.14,0.449,0.534,0.373c3.081-1.028,5.302-3.935,5.302-7.362C15.76,3.906,12.285,0.431,7.999,0.431z"/>
-              </svg>
-            </span>
-            <span class="username">{{ site.username }}</span>
-          </a>
-        </li>
-        <li>
-          <a href="https://twitter.com/{{ site.username }}">
-            <span class="icon twitter">
-              <svg version="1.1" class="twitter-icon-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-                 viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
-                <path fill="#C2C2C2" d="M15.969,3.058c-0.586,0.26-1.217,0.436-1.878,0.515c0.675-0.405,1.194-1.045,1.438-1.809
-                c-0.632,0.375-1.332,0.647-2.076,0.793c-0.596-0.636-1.446-1.033-2.387-1.033c-1.806,0-3.27,1.464-3.27,3.27
-                c0,0.256,0.029,0.506,0.085,0.745C5.163,5.404,2.753,4.102,1.14,2.124C0.859,2.607,0.698,3.168,0.698,3.767
-                c0,1.134,0.577,2.135,1.455,2.722C1.616,6.472,1.112,6.325,0.671,6.08c0,0.014,0,0.027,0,0.041c0,1.584,1.127,2.906,2.623,3.206
-                C3.02,9.402,2.731,9.442,2.433,9.442c-0.211,0-0.416-0.021-0.615-0.059c0.416,1.299,1.624,2.245,3.055,2.271
-                c-1.119,0.877-2.529,1.4-4.061,1.4c-0.264,0-0.524-0.015-0.78-0.046c1.447,0.928,3.166,1.469,5.013,1.469
-                c6.015,0,9.304-4.983,9.304-9.304c0-0.142-0.003-0.283-0.009-0.423C14.976,4.29,15.531,3.714,15.969,3.058z"/>
-              </svg>
-            </span>
-            <span class="username">{{ site.username }}</span>
-          </a>
-        </li>
-      </ul>
-    </div>
-
-    <div class="footer-col-3 column">
-      <p class="text">{{ site.description }}</p>
-    </div>
-
-  </div>
-
+<footer id="ft">
+    <nav id="sponsor-nav">
+        <a href="http://www.chattanooga.gov" title="City of Chattanooga"><img src="{{ "/img/chattanooga-seal.png" | prepend: site.baseurl }}" alt="City of Chattanooga Seal" width="100" height="100"></a>
+        <a href="http://www.benwood.org" title="Benwood Foundation"><img src="{{ "/img/benwood.png" | prepend: site.baseurl }}" alt="Benwood Foundation" width="140" height="40"></a>
+        <a href="http://www.knightfoundation.org/" title="Knight Foundation"><img src="{{ "/img/knight-logo.png" | prepend: site.baseurl }}" alt="Knight Foundation" width="280" height="38"></a>
+        <a href="http://chattlibrary.org/4th-floor" title="Chattanooga Public Library 4th Floor"><img src="{{ "/img/4th-floor.png" | prepend: site.baseurl }}" alt="Chattanooga Public Library 4th Floor" width="93" height="80"></a>
+    </nav>
+    <nav id="social-nav">
+        <a href="https://github.com/openchattanooga" title="Github" class="github"><i class="fa fa-github"></i> Github</a>
+        <a href="https://twitter.com/intent/follow?screen_name=openchattanooga" title="Twitter" class="twitter"><i class="fa fa-twitter"></i> Twitter</a>
+        <a href="https://www.facebook.com/openchattanooga" title="Facebook" class="facebook"><i class="fa fa-facebook"></i> Facebook</a>
+    </nav>
 </footer>

_includes/head.html

@@ -6,7 +6,8 @@
     <meta name="description" content="{{ site.description }}">
     <link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">
 
-    <!-- Custom CSS -->
-    <link rel="stylesheet" href="{{ "/css/main.css" | prepend: site.baseurl }}">
-
+    <link href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700,300italic,400italic" rel="stylesheet">
+    <link rel="stylesheet" href="{{ "/css/screen.css" | prepend: site.baseurl }}">
+    <link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css">
+    <script src="{{ "/js/modernizr.min.js" | prepend: site.baseurl }}"></script>
 </head>

_includes/header.html

@@ -1,28 +1,13 @@
-<header class="site-header">
+<header class="navbar navbar-static-top" id="hd">
 
-  <div class="wrap">
+    <a class="navbar-brand" id="brand" href="{{ site.baseurl }}/">{{ site.title }}</a>
 
-    <a class="site-title" href="{{ site.baseurl }}/">{{ site.title }}</a>
-
-    <nav class="site-nav">
-      <a href="#" class="menu-icon">
-        <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-           viewBox="0 0 18 15" enable-background="new 0 0 18 15" xml:space="preserve">
-          <path fill="#505050" d="M18,1.484c0,0.82-0.665,1.484-1.484,1.484H1.484C0.665,2.969,0,2.304,0,1.484l0,0C0,0.665,0.665,0,1.484,0
-            h15.031C17.335,0,18,0.665,18,1.484L18,1.484z"/>
-          <path fill="#505050" d="M18,7.516C18,8.335,17.335,9,16.516,9H1.484C0.665,9,0,8.335,0,7.516l0,0c0-0.82,0.665-1.484,1.484-1.484
-            h15.031C17.335,6.031,18,6.696,18,7.516L18,7.516z"/>
-          <path fill="#505050" d="M18,13.516C18,14.335,17.335,15,16.516,15H1.484C0.665,15,0,14.335,0,13.516l0,0
-            c0-0.82,0.665-1.484,1.484-1.484h15.031C17.335,12.031,18,12.696,18,13.516L18,13.516z"/>
-        </svg>
-      </a>
-      <div class="trigger">
+    <nav id="primary-nav" class="navbar-right">
+        <ul class="nav navbar-nav">
         {% for page in site.pages %}
-          <a class="page-link" href="{{ page.url | prepend: site.baseurl }}">{{ page.title }}</a>
+            <li><a class="page-link" href="{{ page.url | prepend: site.baseurl }}" title="{{ page.title }}">{% if page.nav_title %}{{ page.nav_title }}{% else %}{{ page.title }}{% endif %}</a></li>
         {% endfor %}
-      </div>
+        </ul>
     </nav>
 
-  </div>
-
 </header>

_layouts/default.html

@@ -1,19 +1,18 @@
 <!DOCTYPE html>
-<html>
+<html class="no-js">
 
   {% include head.html %}
 
     <body>
+        <div class="container" id="wrapper">
+        {% include header.html %}
 
-    {% include header.html %}
-
-    <div class="page-content">
-      <div class="wrap">
-      {{ content }}
-      </div>
-    </div>
-
-    {% include footer.html %}
+        <main id="main">
+          {{ content }}
+        </main>
 
+        {% include footer.html %}
+        </div><!-- /#wrapper -->
+        <script src="//platform.twitter.com/widgets.js" async></script>
     </body>
 </html>

js/core.js

@@ -0,0 +1,4 @@
+(function() {
+    "use strict";
+
+})();

sass/_footer.scss

@@ -0,0 +1,35 @@
+#ft {
+    text-align: center;
+    @extend %transparentBackground;
+    nav {
+        text-align: center;
+        padding: 20px 0;
+        border: 0;
+        a {
+            display: inline-block;
+            padding: 0.4em 1em;
+            text-decoration: none;
+            margin: 0 0.5em 0.5em;
+        }
+    }
+}
+
+#social-nav {
+    a {
+        border-radius: 6px;
+        background: #000;
+        color: #fff;
+        &.github {
+            background: #333;
+        }
+        &.twitter {
+            background: #55acee;
+        }
+        &.facebook {
+            background: #3b5998;
+        }
+    }
+    .fa {
+        margin-right: 0.5em;
+    }
+}

sass/_header.scss

@@ -0,0 +1,19 @@
+#hd {
+    @extend %transparentBackground;
+    margin-bottom: 0;
+}
+
+#brand {
+    @include hide-text;
+    padding: 15px 0;
+    width: 143px;
+    height: 70px;
+    background: url('../img/mark.png') no-repeat center center;
+    .boxsizing & {
+        height: 100px;
+    }
+    @include hidpi {
+        background-image: url('../img/[email protected]');
+        background-size: 143px 70px;
+    }
+}

sass/_main.scss

@@ -0,0 +1,11 @@
+#main {
+    @extend %transparentBackground;
+    padding: 15px;
+    .intro {
+        font-size: 2em;
+        font-style: italic;
+        font-weight: 300;
+        margin: 0 2em;
+        text-align: center;
+    }
+}