From 3dd37841867dc30ae16c7b9ac0c306d928a78a49 Mon Sep 17 00:00:00 2001
From: Jeremy Thomas <bbxdesign@gmail.com>
Date: Tue, 10 Apr 2018 15:56:31 +0100
Subject: [PATCH] Add npm badge

---
 docs/_includes/index/intro.html | 4 ++--
 docs/_includes/index/start.html | 6 +++---
 docs/_sass/index.sass           | 8 +++++---
 docs/css/bulma-docs.css         | 9 +++++++--
 4 files changed, 17 insertions(+), 10 deletions(-)

diff --git a/docs/_includes/index/intro.html b/docs/_includes/index/intro.html
index 61f915f0..f56219d0 100644
--- a/docs/_includes/index/intro.html
+++ b/docs/_includes/index/intro.html
@@ -5,12 +5,12 @@
         <div class="intro-column is-content">
           <div class="intro-content">
             <h1 class="title intro-title">
-              <strong>Bulma</strong> is a free and open source <strong>CSS</strong> framework based on <strong>Flexbox</strong>.
+              <strong>Bulma</strong> is an open source CSS framework based on <strong>Flexbox</strong> and used by more than <strong>100,000</strong> developers.
             </h1>
 
             <div id="ghbtns" class="intro-ghbtns">
               <iframe src="https://ghbtns.com/github-btn.html?user=jgthms&repo=bulma&type=star&count=true&size=large" frameborder="0" scrolling="0" width="160px" height="30px"></iframe>
-              <iframe src="https://ghbtns.com/github-btn.html?user=jgthms&repo=bulma&type=fork&count=false&size=large" frameborder="0" scrolling="0" width="80px" height="30px"></iframe>
+              <img src="https://img.shields.io/npm/dm/bulma.svg">
             </div>
 
             {% assign npmInstall = 'npm install bulma' %}
diff --git a/docs/_includes/index/start.html b/docs/_includes/index/start.html
index 6ce44d1c..127859c4 100644
--- a/docs/_includes/index/start.html
+++ b/docs/_includes/index/start.html
@@ -6,17 +6,17 @@
     <header class="bd-index-header">
       <h3 class="title is-3">
         <a href="{{ docs_url }}">
-          Get started
+          And <strong>much more!</strong>
         </a>
       </h3>
     </header>
 
     <div class="hero-buttons">
-      <a class="button is-link is-large" href="{{ docs_url }}">
+      <a class="button is-primary is-large" href="{{ docs_url }}">
         <span class="icon">
           <i class="fas fa-book"></i>
         </span>
-        <span>Read the <strong>docs</strong></span>
+        <span>Get <strong>started</strong></span>
       </a>
       <a class="button is-black is-large" href="{{ site.data.meta.github }}" target="_blank">
         <span class="icon">
diff --git a/docs/_sass/index.sass b/docs/_sass/index.sass
index c5d0bd1c..cefe414c 100644
--- a/docs/_sass/index.sass
+++ b/docs/_sass/index.sass
@@ -190,8 +190,10 @@
 
 .intro-ghbtns
   height: 30px
-  // margin-bottom: 24px
-  margin-bottom: 46px
+  margin-bottom: 26px
+  iframe,
+  img
+    height: 30px
 
 .intro-npm
   background: $black-ter
@@ -312,7 +314,7 @@
 .intro-author
   color: $text-light
   font-size: $size-small
-  margin-top: 1rem
+  margin-top: 40px
   text-align: center
   a
     color: $text-strong
diff --git a/docs/css/bulma-docs.css b/docs/css/bulma-docs.css
index 24715d72..2df869ae 100644
--- a/docs/css/bulma-docs.css
+++ b/docs/css/bulma-docs.css
@@ -10362,7 +10362,12 @@ svg {
 
 .intro-ghbtns {
   height: 30px;
-  margin-bottom: 46px;
+  margin-bottom: 26px;
+}
+
+.intro-ghbtns iframe,
+.intro-ghbtns img {
+  height: 30px;
 }
 
 .intro-npm {
@@ -10517,7 +10522,7 @@ svg {
 .intro-author {
   color: #7a7a7a;
   font-size: 0.75rem;
-  margin-top: 1rem;
+  margin-top: 40px;
   text-align: center;
 }