New design, new logo

_includes/header.html

@@ -14,7 +14,12 @@
       </a>
 
       <div class="trigger">
-        <a class="page-link" href="https://github.com/sobolevn/git-secret">Get now</a>
+        <!-- Place this tag where you want the button to render. -->
+        <a class="github-button"
+           href="https://github.com/sobolevn/git-seccret/archive/master.zip"
+           data-style="mega" aria-label="Download sobolevn/git-seccret on GitHub">
+           Download
+         </a>
       </div>
     </nav>
 

_layouts/default.html

@@ -15,6 +15,8 @@
 
     {% include footer.html %}
 
+    <!-- Place this tag in your head or just before your close body tag. -->
+    <script async defer src="https://buttons.github.io/buttons.js"></script>
   </body>
 
 </html>

_sass/_layout.scss

@@ -75,7 +75,7 @@
             display: none;
         }
 
-        &:hover .trigger {
+        &:hover .trigger, &:active .trigger {
             display: block;
             padding-bottom: 5px;
         }
@@ -90,6 +90,10 @@
             margin-left: 20px;
         }
     }
+
+    .trigger {
+        padding-top: 13px;
+    }
 }
 
 
@@ -240,3 +244,14 @@
         }
     }
 }
+
+/**
+ * Homepage
+ */
+
+ .home {
+   .home-logo-image {
+     margin-top: 50px;
+     margin-bottom: 70px;
+   }
+ }

css/main.scss

@@ -21,7 +21,7 @@ $grey-color:       #828282;
 $grey-color-light: lighten($grey-color, 40%);
 $grey-color-dark:  darken($grey-color, 25%);
 
-$purple-color:       #9b4dca;
+$purple-color:       rgb(238, 81, 59);
 $purple-color-light: lighten($purple-color, 40%);
 $purple-color-dark:  darken($purple-color, 25%);
 

index.html

@@ -4,14 +4,14 @@ layout: default
 
 <div class="home">
 
-  <h1 class="page-heading">Usage</h1>
-
+  <img src="{{ "/images/git-secret-big.png" | prepend: site.baseurl }}"
+       alt="git-secret" title="git-secret"
+       class="home-logo-image" />
 
   {% for post in site.categories.usage %}
     {{ post.content }}
   {% endfor %}
 
-
   <h2 class="page-heading">Command Reference</h2>
 
   <ul class="post-list">