Add npm badge

diff --git a/docs/_includes/index/intro.html b/docs/_includes/index/intro.html
index 61f915f0d844450e716ffc403446ac807afcc015..f56219d0cf56e0e422cec6334c309608ea0a6655 100644 (file)
--- 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 6ce44d1c83ca784f4f4a53ee18bb8d7f081f8f59..127859c43001beb27d9cbf01692989135deb8b27 100644 (file)
--- 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 c5d0bd1ce5a5fda756a64e293ad96f5cad75b6d8..cefe414c33b826332ed641b0c7ea77f610226b86 100644 (file)
--- 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 24715d72424fd1e440c3836fffa72f8d01b5c7ee..2df869aeb985ca63d433bba71357efa15672c293 100644 (file)
--- 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;
 }