Merge pull request #8 from dedupeio/rebrand

Rebrand!

docs/_static/css/custom.css

@@ -5,8 +5,12 @@
 
 body {
     font-size: 16px;
-    font-family: 'Open Sans', 'Arial', sans-serif;
-    color: #777777;
+    font-family: 'Montserrat', 'Arial', sans-serif;
+    color: #555;
+}
+
+h1, h2, h3, h4, h5, h6 {
+  font-family: 'Roboto', 'Arial', sans-serif;
 }
 
 h1, h1 a, h2, h2 a, h3, h3 a {
@@ -17,22 +21,27 @@ h1, h1 a, h2, h2 a, h3, h3 a {
 /* Override some of the built-in RTD fonts */
 h1, h2, h3, h4, h5, h6, legend,
 .rst-content .toctree-wrapper p.caption {
-    font-family: 'Open Sans', 'Arial', sans-serif;
+    font-family: 'Montserrat', 'Arial', sans-serif;
 }
 
 h1 a:hover, h2 a:hover, h3 a:hover {
-    color: #777;
+    color: #333;
 }
 
-a, a:visited, .wy-menu-vertical a { color: #c11133;}
-a:hover { color: #730a1e;}
+a, a:visited, .wy-menu-vertical a { color: #F26F80;}
+a:hover { color: #F26F80;}
 a:active, a:focus { outline: 0;}
 
 .navbar-nav > li > a,
 .navbar-brand {
     height: 40px;
 }
 
+.navbar-nav > li > a {
+    padding-top: 10.5px;
+    line-height: 20.57px;
+}
+
 .navbar {
     min-height: 40px;
 }
@@ -42,16 +51,21 @@ a:active, a:focus { outline: 0;}
 }
 
 .navbar-default .navbar-nav > li > a {
-    padding-top: 11px;
-    height: 40px;
+    color: #555;
+}
+
+.navbar-logo {
+  height: 15px;
+  margin: 13px;
 }
 
 .nav > li {
     font-size: 0.9em;
+    margin-right: 1.1px;
 }
 
 .navbar-default .navbar-nav > li > a:hover {
-    color: #d9230f;
+    color: #F26F80;
     background-color: transparent;
 }
 
@@ -65,12 +79,16 @@ a:active, a:focus { outline: 0;}
 /* ================ */
 
 .footer {
-    background-color: #f2f3ec;
+    background-color: #CAD8E7;
     padding: 20px 0;
     margin-top: 20px;
     font-size: 0.9em;
 }
 
+.footer a {
+  color: #29446F;
+}
+
 /* Remove Bootstrap navbar stuff */
 .navbar > .container .navbar-brand,
 .navbar > .container-fluid .navbar-brand {
@@ -185,7 +203,7 @@ h4:before, h4:before, h6:before {
 .wy-menu > ul > li > a:hover,
 .wy-menu > ul > li > a:focus {
     background-color: #EFEFEF;
-    color: #c11133;
+    color: #F26F80;
     font-weight: bold;
 }
 

docs/_templates/layout.html

@@ -5,7 +5,9 @@
   <link href="{{ pathto('_static/css/bootstrap.css', True) }}" rel="stylesheet" type="text/css">
   <link href="{{ pathto('_static/css/custom.css', True) }}" rel="stylesheet" type="text/css">
   <script src="{{ pathto('_static/js/jquery.min.js', True) }}"></script>
-  <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700" rel="stylesheet" type="text/css">
+  <link href='https://fonts.googleapis.com/css?family=Roboto:400,400italic,700' rel='stylesheet' type='text/css'>
+  <link href='https://fonts.googleapis.com/css?family=Montserrat:400,400italic,700' rel='stylesheet' type='text/css'>
+
   <script src="{{ pathto('_static/js/bootstrap.min.js', True) }}"></script>
   <script>
     $(function() {
@@ -27,15 +29,15 @@
         <span class="icon-bar"></span>
         <span class="icon-bar"></span>
       </button>
-      <a class="navbar-brand" href="https://dedupe.io/"><i class='fa fa-share-alt fa-rotate-180'></i> Dedupe.io</a>
+      <a class="navbar-left" href="/"><img src="{{ pathto('_static/images/dedupeio-logo.png', True) }}" class='navbar-logo' alt='Dedupe.io' title='Dedupe.io' /></a>
     </div>
     <div class="navbar-collapse collapse pull-right">
       <ul class="nav navbar-nav">
-        <li><a href="https://dedupe.io/#demo"><i class='fa fa-fw fa-play-circle'></i> Demo</a></li>
-        <li><a href="https://dedupe.io/#sign-up"><i class='fa fa-fw fa-check-square-o'></i> Sign up</a></li>
-        <li><a href="https://dedupe.io/pricing/"><i class='fa fa-fw fa-dollar'></i> Pricing</a></li>
-        <li><a href="https://dedupe.io/tutorials/"><i class='fa fa-fw fa-info-circle'></i> Tutorials</a></li>
-        <li><a href="https://dedupe.io/developers/"><i class='fa fa-fw fa-code'></i> Developers</a></li>
+        <li><a href="https://dedupe.io/#demo">Demo</a></li>
+        <li><a href="https://dedupe.io/#sign-up">Sign up</a></li>
+        <li><a href="https://dedupe.io/pricing/">Pricing</a></li>
+        <li><a href="https://dedupe.io/tutorials/">Tutorials</a></li>
+        <li><a href="https://dedupe.io/developers/">Developers</a></li>
         <li><a href="https://app.dedupe.io/login?next=%2F"><i class='fa fa-fw fa-sign-in'></i> Login</a></li>
       </ul>
     </div><!--/.nav-collapse -->