Update backers March 2018

BACKERS.md

@@ -2,27 +2,36 @@
 
 ## Website sponsors via Patreon ($300+)
 
-* Ravi Gadesha [@_9brainz](https://twitter.com/@_9brainz)
+* Alexander Haslam
-* Nazar [@nazar_io](https://twitter.com/@nazar_io)
 
 ## Homepage sponsors via Patreon ($100+)
 
 * Aaron [@aequasi](https://twitter.com/@aequasi)
+* KeyCDN
+* Tooltwist
 
 ### Generous backers via Patreon ($30+)
 
 * Adrian Ocneanu
-* Garry Newman
+* Garry Newman [@garrynewman](https://twitter.com/@garrynewman)
+* Nazar [@nazar_io](https://twitter.com/@nazar_io)
+* Jon Yongfook
 
 #### Backers via Patreon ($10+)
 
 * Michael Schinis
 * Peter Ryszkiewicz
 * Wikiki
-* dansup [@dsup](https://twitter.com/@dsup)
-* Niklas [@paradoxxger](https://twitter.com/@paradoxxger)
 * Jordan Nemrow
 * Matt Swan
 * Kyu
-* Takayuki Yamaguchi [@takyam](https://twitter.com/@takyam)
 * Leo Zeba [@leozeba](https://twitter.com/@leozeba)
+* Takayuki Yamaguchi [@takyam](https://twitter.com/@takyam)
+* Corentin Corentin [@viki53](https://twitter.com/@viki53)
+* Stanley Eosakul
+* Patrick Cool
+* Jan Jan [@jankremlacek](https://twitter.com/@jankremlacek)
+* MrG0lden
+* Will Turnage
+* Chrissy Glen
+* Heli Herrera

docs/_data/backers.json

@@ -1,5 +1,22 @@
 {
+  "300": [
+    {
+      "FirstName": "Alexander",
+      "LastName": "Haslam",
+      "Twitter": ""
+    }
+  ],
   "100": [
+    {
+      "FirstName": "Tooltwist",
+      "LastName": "",
+      "Twitter": ""
+    },
+    {
+      "FirstName": "KeyCDN",
+      "LastName": "",
+      "Twitter": ""
+    },
     {
       "FirstName": "Aaron",
       "LastName": "",
@@ -7,6 +24,11 @@
     }
   ],
   "30": [
+    {
+      "FirstName": "Jon",
+      "LastName": "Yongfook",
+      "Twitter": ""
+    },
     {
       "FirstName": "Nazar",
       "LastName": "",
@@ -15,7 +37,7 @@
     {
       "FirstName": "Garry",
       "LastName": "Newman",
-      "Twitter": ""
+      "Twitter": "garrynewman"
     },
     {
       "FirstName": "Adrian",
@@ -25,18 +47,23 @@
   ],
   "10": [
     {
-      "FirstName": "Emil",
+      "FirstName": "Heli",
-      "LastName": "Sonesson",
+      "LastName": "Herrera",
       "Twitter": ""
     },
     {
-      "FirstName": "Patrick",
+      "FirstName": "Chrissy",
-      "LastName": "Cool",
+      "LastName": "Glen",
       "Twitter": ""
     },
     {
-      "FirstName": "Jon",
+      "FirstName": "Will",
-      "LastName": "Yongfook",
+      "LastName": "Turnage",
+      "Twitter": ""
+    },
+    {
+      "FirstName": "MrG0lden",
+      "LastName": "",
       "Twitter": ""
     },
     {
@@ -45,8 +72,13 @@
       "Twitter": "jankremlacek"
     },
     {
-      "FirstName": "Mohammed",
+      "FirstName": "Patrick",
-      "LastName": "bumonther",
+      "LastName": "Cool",
+      "Twitter": ""
+    },
+    {
+      "FirstName": "Stanley",
+      "LastName": "Eosakul",
       "Twitter": ""
     },
     {
@@ -55,20 +87,15 @@
       "Twitter": "viki53"
     },
     {
-      "FirstName": "Stanley",
+      "FirstName": "Takayuki",
-      "LastName": "Eosakul",
+      "LastName": "Yamaguchi",
-      "Twitter": ""
+      "Twitter": "takyam"
     },
     {
       "FirstName": "Leo",
       "LastName": "Zeba",
       "Twitter": "leozeba"
     },
-    {
-      "FirstName": "Takayuki",
-      "LastName": "Yamaguchi",
-      "Twitter": "takyam"
-    },
     {
       "FirstName": "Kyu",
       "LastName": "",
@@ -84,11 +111,6 @@
       "LastName": "Nemrow",
       "Twitter": ""
     },
-    {
-      "FirstName": "Niklas",
-      "LastName": "",
-      "Twitter": "paradoxxger"
-    },
     {
       "FirstName": "Wikiki",
       "LastName": "",

docs/_includes/elements/patreon-item.html

@@ -1,7 +1,7 @@
 <li>
   {{ backer.FirstName }} {{ backer.LastName }}
   {% if backer.Twitter != "" %}
-    <a href="https://twitter.com/{{ backer.Twitter }}" target="_blank">
+    <a href="https://twitter.com/{{ backer.Twitter }}" target="_blank" rel="nofollow">
       @{{ backer.Twitter }}
     </a>
   {% endif %}

docs/_includes/elements/responsive-image.html

@@ -1,7 +1,8 @@
 <img
   src="{{ site.url }}/images/{{ include.path }}.{{ include.extension }}"
   srcset="{{ site.url }}/images/{{ include.path }}.{{ include.extension }} 1x,
-          {{ site.url }}/images/{{ include.path }}@2x.{{ include.extension }} 2x"
+          {{ site.url }}/images/{{ include.path }}@2x.{{ include.extension }} 2x,
+          {{ site.url }}/images/{{ include.path }}@3x.{{ include.extension }} 3x"
   alt="{{ include.alt }}"
   width="{{ include.width }}"
   height="{{ include.height }}">

docs/_includes/footer.html

@@ -2,6 +2,8 @@
 
 {% include book-banner.html %}
 
+{% include sponsors.html %}
+
 {% include newsletter.html %}
 
 <footer class="footer">

docs/_includes/sponsor.html

@@ -1,8 +1,28 @@
 <div class="bd-sponsor">
-  <p class="bd-sponsor-title">Sponsor</p>
+  <p class="bd-sponsor-title">Sponsors</p>
   <div class="bd-sponsor-list">
-    <a href="https://themeisle.com/" target="_blank">
+    <a href="https://themeisle.com/" target="_blank" rel="nofollow">
       <img src="{{ site.url }}/images/sponsors/themeisle.png" alt="themeisle logo">
     </a>
+    <a href="https://chainaxe.io/" target="_blank" rel="nofollow">
+      {%
+        include elements/responsive-image.html
+        path="sponsors/chainaxe"
+        extension="png"
+        alt="chainaxe logo"
+        width="99"
+        height="70"
+      %}
+    </a>
+    <a href="https://www.keycdn.com/" target="_blank" rel="nofollow">
+      {%
+        include elements/responsive-image.html
+        path="sponsors/keycdn"
+        extension="png"
+        alt="keycdn logo"
+        width="200"
+        height="58"
+      %}
+    </a>
   </div>
 </div>

docs/_includes/sponsors.html

@@ -1,18 +1,21 @@
-<section class="hero is-light">
+<section class="hero">
   <div class="hero-body">
     <div class="container">
       <div class="columns is-vcentered">
         <div class="column is-4">
           <p class="title">Bulma <strong>Sponsors</strong></p>
         </div>
-
         <div class="column is-8">
           <div class="bd-sponsors">
-            <a href="http://9brainz.com/new/" target="_blank">
+            <a href="https://chainaxe.io/" target="_blank" rel="nofollow">
-              <img src="{{ site.url }}/images/sponsors/9brainz.png" alt="9brainz logo">
+              {%
-            </a>
+                include elements/responsive-image.html
-            <a href="https://nazar.io/" target="_blank">
+                path="sponsors/chainaxe"
-              <img src="{{ site.url }}/images/sponsors/nazar.png" alt="nazar logo">
+                extension="png"
+                alt="chainaxe logo"
+                width="99"
+                height="70"
+              %}
             </a>
           </div>
         </div>

docs/_sass/sponsors.sass

@@ -21,9 +21,12 @@
 .bd-sponsor-list
   align-items: center
   display: flex
+  flex-wrap: wrap
   justify-content: center
   a
     align-items: center
     display: flex
     justify-content: center
+    margin: 0 10px 20px
     width: 200px
+

docs/backers.html

@@ -28,6 +28,17 @@ route: backers
 
 <section class="section">
   <div class="container">
+    <h2 class="title is-5">
+      Website sponsors via Patreon ($300+)
+    </h2>
+    <div class="content">
+      <ul>
+        {% for backer in site.data.backers["300"] reversed %}
+          {% include elements/patreon-item.html %}
+        {% endfor %}
+      </ul>
+    </div>
+
     <h2 class="title is-5">
       Homepage sponsors via Patreon ($100+)
     </h2>

docs/css/bulma-docs.css

@@ -13471,6 +13471,8 @@ html.route-index .hero.is-primary a.column:hover .title strong {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
+  -ms-flex-wrap: wrap;
+      flex-wrap: wrap;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
@@ -13486,6 +13488,7 @@ html.route-index .hero.is-primary a.column:hover .title strong {
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
+  margin: 0 10px 20px;
   width: 200px;
 }