integrate the logo into the header

Author: seancorfield

content/img/clojure-doc-logo-small.png

@@ -149,8 +149,11 @@ pre, code, .hljs {
         padding: 30px 20px;
     }
     .navbar-default .navbar-brand {
-        font-size: 36px;
-        padding: 25px 15px;
+      font-size: 36px;
+      padding: 25px 15px;
+    }
+    .navbar-default .navbar-logo {
+      height: 70px;
     }
     #content{
         margin-top: 30px;
@@ -165,6 +168,9 @@ pre, code, .hljs {
     .navbar-default .navbar-brand {
         font-size: 30px;
     }
+    .navbar-default .navbar-logo {
+      height: 50px;
+    }
     #content{
         padding: 15px;
     }
@@ -173,3 +179,9 @@ pre, code, .hljs {
         text-align: left;
     }
 }
+
+@media (max-width: 333px) {
+  .navbar-default .navbar-logo {
+    height: 0px;
+  }
+}

content/img/clojure-doc-logo.png

@@ -29,7 +29,10 @@
                 <span class="icon-bar"></span>
                 <span class="icon-bar"></span>
             </button>
-            <a class="navbar-brand" href="{{index-uri}}">{{title}}</a>
+            <div>
+                <img class="navbar-logo" src="/img/clojure-doc-logo-small.png">
+                <a class="navbar-brand" href="{{index-uri}}">{{title}}</a>
+            </div>
         </div>
         <div id="navbar" class="navbar-collapse collapse">
             <ul class="nav navbar-nav navbar-right">