#1 -- header logo (#8)

* add header image and center both logo and nav

* don't hardcode the logo alt text

Author: kaitlinnewson

_config.yml

@@ -20,6 +20,8 @@ description: >- # this means to ignore newlines until "baseurl:"
   being a diverse and inclusive community, seeking to share ideas and build collaboration.
 baseurl: "" # the subpath of your site, e.g. /blog
 url: "http://code4lib.org" # the base hostname & protocol for your site, e.g. http://example.com
+logo: "/files/logo/c4l_logo/c4l_logo.RGB_400px.png"
+logo_alt: "Code4Lib"
 
 header_pages:
   - about.md

_includes/header.html

@@ -3,7 +3,7 @@
   <div class="wrapper">
     {%- assign default_paths = site.pages | map: "path" -%}
     {%- assign page_paths = site.header_pages | default: default_paths -%}
-    <a class="site-title" rel="author" href="{{ "/" | relative_url }}">{{ site.title | escape }}</a>
+    <a class="site-title" rel="author" href="{{ "/" | relative_url }}"><img class="site-logo" src="{{ site.logo }}" alt="{{ site.logo_alt }}"></a>
 
     {%- if page_paths -%}
       <nav class="site-nav">

_sass/minima.scss

@@ -26,6 +26,23 @@ $content-width:    800px !default;
 $on-palm:          600px !default;
 $on-laptop:        800px !default;
 
+// Header logo
+
+.site-title {
+  float: none !important;
+}
+
+.site-logo {
+  display:block;
+  margin:auto;
+  padding: 0.5em;
+}
+
+.site-nav {
+  float: none !important;
+  text-align: center;
+}
+
 // Use media queries like this:
 // @include media-query($on-palm) {
 //   .wrapper {