docs(website): common header

docs/_includes/header.html

@@ -1,10 +1,9 @@
-
 <header class="site-header">
   <nav class="navbar navbar-default navbar-fixed-top navbar-inverse">
     <div class="container-fluid">
       <div class="navbar-header">
         <a class="logo-community" href="https://community.algolia.com/">
-          <img src="{{site.baseurl}}/img/logo-community-inline-dark.svg" width="150px" alt="Algolia Community" />
+          <img src="https://res.cloudinary.com/hilnmyskv/image/upload/logo-community-inline-dark.svg" width="150" alt="Algolia Community" />
         </a>
         <a class="project-title" href="{{ site.baseurl }}/">
           DocSearch

docs/_includes/marketing.html

@@ -34,7 +34,7 @@ j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
   fbq('init', '1654938174769952');
   fbq('track', "PageView");</script>
 <noscript>
-  <img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=1654938174769952&ev=PageView&noscript=1"/>
+  <img height="1" width="1" style="display:none" alt="" src="https://www.facebook.com/tr?id=1654938174769952&ev=PageView&noscript=1"/>
 </noscript>
 <!-- Addroll -->
 <script type="text/javascript">

docs/css/_header.scss

@@ -1,39 +1,82 @@
+/* HEADER
+// ------------------------- */
+
 .site-header {
   width: 100%;
+
   .navbar {
     border-radius: 0;
     border: none;
     background-color: #0B1724;
     height: 50px;
+
     .navbar-header {
       position: relative;
       height: 50px;
       font-size: 14px;
       line-height: 50px;
       color: #C7C4C3;
+
       a:hover {
         text-decoration: none;
       }
     }
+
     .navbar-nav > li {
       padding: 14px;
       font-size: 14px;
       font-family: Open Sans;
+
       &:last-child {
         padding-right: 40px;
       }
     }
+
     .navbar-nav > li > a {
       padding: 0 0 4px 0;
     }
+
     .navbar-nav > li.active > a {
       background-color: transparent;
       border-bottom: 2px solid #FF2E6C;
     }
+
     .fa-github {
       font-size: 1.6em;
       position: relative;
       top: -2px;
     }
   }
+
+  .logo-community {
+    color: white;
+    font-size: 26px;
+    font-weight: 100 !important;
+    margin-right: 12px;
+    border-right: #FF2E6C 2px solid;
+    padding-left: 8px;
+
+    img {
+      position: relative;
+      top: -3px;
+      width: 200px;
+      margin-right: 6px;
+    }
+
+    &:hover, &:active, &:focus {
+      color: white;
+    }
+  }
+
+  .project-title {
+    color: white;
+    font-size: 1.2em;
+    font-weight: bold;
+    position: relative;
+    top: -4px;
+
+    &:hover, &:active, &:focus {
+      color: white;
+    }
+  }
 }

docs/css/_home.scss

@@ -16,39 +16,6 @@ html, body {
   font-family: "Raleway", Helvetica, Arial, sans-serif;
 }
 
-/* HEADER
-// ------------------------- */
-
-.logo-community {
-  color: white;
-  font-size: 26px;
-  font-weight: 100 !important;
-  margin-right: 12px;
-  border-right: #FF2E6C 2px solid;
-  padding-left: 8px;
-
-  img {
-    position: relative;
-    top: -3px;
-    width: 200px;
-    margin-right: 6px;
-  }
-  &:hover, &:active, &:focus {
-    color: white;
-  }
-}
-
-.project-title {
-  color: white;
-  font-size: 1.2em;
-  font-weight: bold;
-  position: relative;
-  top: -4px;
-  &:hover, &:active, &:focus {
-    color: white;
-  }
-}
-
 /* JUMBOTRON
 // ------------------------- */
 .jumbotron {