Update backers April 2018

BACKERS.md

@@ -1,37 +1,112 @@
-# Backers via Patreon
+<h2 class="title is-5">
-
+  Documentation sponsors via Patreon ($500+)
-## Website sponsors via Patreon ($300+)
+</h2>
-
+<div class="content">
-* Alexander Haslam
+  <ul>
-
+    <li>
-## Homepage sponsors via Patreon ($100+)
+      Tipe
-
+      <a href="https://twitter.com/tipeio" target="_blank" rel="nofollow">
-* Aaron [@aequasi](https://twitter.com/@aequasi)
+      @tipeio
-* KeyCDN
+      </a>
-* Tooltwist
+    </li>
-
+  </ul>
-### Generous backers via Patreon ($30+)
+</div>
-
+<h2 class="title is-5">
-* Adrian Ocneanu
+  Homepage sponsors via Patreon ($100+)
-* Garry Newman [@garrynewman](https://twitter.com/@garrynewman)
+</h2>
-* Nazar [@nazar_io](https://twitter.com/@nazar_io)
+<div class="content">
-* Jon Yongfook
+  <ul>
-
+    <li>
-#### Backers via Patreon ($10+)
+      KeyCDN
-
+    </li>
-* Michael Schinis
+    <li>
-* Peter Ryszkiewicz
+      Tooltwist
-* Wikiki
+    </li>
-* Jordan Nemrow
+    <li>
-* Matt Swan
+      Aaron
-* Kyu
+      <a href="https://twitter.com/aequasi" target="_blank" rel="nofollow">
-* Leo Zeba [@leozeba](https://twitter.com/@leozeba)
+      @aequasi
-* Takayuki Yamaguchi [@takyam](https://twitter.com/@takyam)
+      </a>
-* Corentin Corentin [@viki53](https://twitter.com/@viki53)
+    </li>
-* Stanley Eosakul
+  </ul>
-* Patrick Cool
+</div>
-* Jan Jan [@jankremlacek](https://twitter.com/@jankremlacek)
+<h2 class="title is-5">
-* MrG0lden
+  Generous backers via Patreon ($30+)
-* Will Turnage
+</h2>
-* Chrissy Glen
+<div class="content">
-* Heli Herrera
+  <ul>
+    <li>
+      Jon Yongfook
+    </li>
+    <li>
+      Adrian Ocneanu
+    </li>
+    <li>
+      Garry Newman
+      <a href="https://twitter.com/garrynewman" target="_blank" rel="nofollow">
+      @garrynewman
+      </a>
+    </li>
+    <li>
+      Nazar
+      <a href="https://twitter.com/nazar_io" target="_blank" rel="nofollow">
+      @nazar_io
+      </a>
+    </li>
+  </ul>
+</div>
+<h2 class="title is-5">
+  Backers via Patreon ($10+)
+</h2>
+<div class="content">
+  <ul>
+    <li>
+      Patrick Cool
+    </li>
+    <li>
+      Chrissy Glen
+    </li>
+    <li>
+      Jordan Nemrow
+    </li>
+    <li>
+      Michael Schinis
+    </li>
+    <li>
+      Will Turnage
+    </li>
+    <li>
+      Kyu
+    </li>
+    <li>
+      MrG0lden
+    </li>
+    <li>
+      Takayuki Yamaguchi
+      <a href="https://twitter.com/takyam" target="_blank" rel="nofollow">
+      @takyam
+      </a>
+    </li>
+    <li>
+      Matt Swan
+    </li>
+    <li>
+      Corentin Hatte
+      <a href="https://twitter.com/viki53" target="_blank" rel="nofollow">
+      @viki53
+      </a>
+    </li>
+    <li>
+      Peter Ryszkiewicz
+    </li>
+    <li>
+      Leo Zeba
+      <a href="https://twitter.com/leozeba" target="_blank" rel="nofollow">
+      @leozeba
+      </a>
+    </li>
+    <li>
+      Stanley Eosakul
+    </li>
+  </ul>
+</div>

docs/_data/backers.json

@@ -1,130 +1,137 @@
 {
-  "300": [
+  "10": [
     {
-      "FirstName": "Alexander",
+      "first_name": "Stanley",
-      "LastName": "Haslam",
+      "last_name": "Eosakul",
-      "Twitter": ""
+      "twitter": "",
-    }
+      "start_timestamp": 1515262177708
-  ],
-  "100": [
-    {
-      "FirstName": "Tooltwist",
-      "LastName": "",
-      "Twitter": ""
     },
     {
-      "FirstName": "KeyCDN",
+      "first_name": "Leo",
-      "LastName": "",
+      "last_name": "Zeba",
-      "Twitter": ""
+      "twitter": "leozeba",
+      "start_timestamp": 1511898573597
     },
     {
-      "FirstName": "Aaron",
+      "first_name": "Peter",
-      "LastName": "",
+      "last_name": "Ryszkiewicz",
-      "Twitter": "aequasi"
+      "twitter": "",
+      "start_timestamp": 1510668549717
+    },
+    {
+      "first_name": "Corentin",
+      "last_name": "Hatte",
+      "twitter": "viki53",
+      "start_timestamp": 1513952433575
+    },
+    {
+      "first_name": "Matt",
+      "last_name": "Swan",
+      "twitter": "",
+      "start_timestamp": 1511195163646
+    },
+    {
+      "first_name": "Takayuki",
+      "last_name": "Yamaguchi",
+      "twitter": "takyam",
+      "start_timestamp": 1512366265358
+    },
+    {
+      "first_name": "MrG0lden",
+      "last_name": "",
+      "twitter": "",
+      "start_timestamp": 1516452468494
+    },
+    {
+      "first_name": "Kyu",
+      "last_name": "",
+      "twitter": "",
+      "start_timestamp": 1511206454450
+    },
+    {
+      "first_name": "Will",
+      "last_name": "Turnage",
+      "twitter": "",
+      "start_timestamp": 1518130492702
+    },
+    {
+      "first_name": "Michael",
+      "last_name": "Schinis",
+      "twitter": "",
+      "start_timestamp": 1510582549865
+    },
+    {
+      "first_name": "Jordan",
+      "last_name": "Nemrow",
+      "twitter": "",
+      "start_timestamp": 1510767260223
+    },
+    {
+      "first_name": "Chrissy",
+      "last_name": "Glen",
+      "twitter": "",
+      "start_timestamp": 1518130655351
+    },
+    {
+      "first_name": "Patrick",
+      "last_name": "Cool",
+      "twitter": "",
+      "start_timestamp": 1515628908009
     }
   ],
   "30": [
     {
-      "FirstName": "Jon",
+      "first_name": "Nazar",
-      "LastName": "Yongfook",
+      "last_name": "",
-      "Twitter": ""
+      "twitter": "nazar_io",
+      "start_timestamp": 1511984104607
     },
     {
-      "FirstName": "Nazar",
+      "first_name": "Garry",
-      "LastName": "",
+      "last_name": "Newman",
-      "Twitter": "nazar_io"
+      "twitter": "garrynewman",
+      "start_timestamp": 1511186868165
     },
     {
-      "FirstName": "Garry",
+      "first_name": "Adrian",
-      "LastName": "Newman",
+      "last_name": "Ocneanu",
-      "Twitter": "garrynewman"
+      "twitter": "",
+      "start_timestamp": 1510731567799
     },
     {
-      "FirstName": "Adrian",
+      "first_name": "Jon",
-      "LastName": "Ocneanu",
+      "last_name": "Yongfook",
-      "Twitter": ""
+      "twitter": "",
+      "start_timestamp": 1514463320418
     }
   ],
-  "10": [
+  "100": [
     {
-      "FirstName": "Heli",
+      "first_name": "Aaron",
-      "LastName": "Herrera",
+      "last_name": "",
-      "Twitter": ""
+      "twitter": "aequasi",
+      "start_timestamp": 1511242659284
     },
     {
-      "FirstName": "Chrissy",
+      "first_name": "Tooltwist",
-      "LastName": "Glen",
+      "last_name": "",
-      "Twitter": ""
+      "twitter": "",
+      "start_timestamp": 1522552630215
     },
     {
-      "FirstName": "Will",
+      "first_name": "KeyCDN",
-      "LastName": "Turnage",
+      "last_name": "",
-      "Twitter": ""
+      "twitter": "",
-    },
+      "start_timestamp": 1520273212416
+    }
+  ],
+  "300": [],
+  "500": [
     {
-      "FirstName": "MrG0lden",
+      "first_name": "Tipe",
-      "LastName": "",
+      "last_name": "",
-      "Twitter": ""
+      "twitter": "tipeio",
-    },
+      "start_timestamp": 1524092319804
-    {
-      "FirstName": "Jan",
-      "LastName": "Jan",
-      "Twitter": "jankremlacek"
-    },
-    {
-      "FirstName": "Patrick",
-      "LastName": "Cool",
-      "Twitter": ""
-    },
-    {
-      "FirstName": "Stanley",
-      "LastName": "Eosakul",
-      "Twitter": ""
-    },
-    {
-      "FirstName": "Corentin",
-      "LastName": "Hatte",
-      "Twitter": "viki53"
-    },
-    {
-      "FirstName": "Takayuki",
-      "LastName": "Yamaguchi",
-      "Twitter": "takyam"
-    },
-    {
-      "FirstName": "Leo",
-      "LastName": "Zeba",
-      "Twitter": "leozeba"
-    },
-    {
-      "FirstName": "Kyu",
-      "LastName": "",
-      "Twitter": ""
-    },
-    {
-      "FirstName": "Matt",
-      "LastName": "Swan",
-      "Twitter": ""
-    },
-    {
-      "FirstName": "Jordan",
-      "LastName": "Nemrow",
-      "Twitter": ""
-    },
-    {
-      "FirstName": "Wikiki",
-      "LastName": "",
-      "Twitter": ""
-    },
-    {
-      "FirstName": "Peter",
-      "LastName": "Ryszkiewicz",
-      "Twitter": ""
-    },
-    {
-      "FirstName": "Michael",
-      "LastName": "Schinis",
-      "Twitter": ""
     }
   ]
 }

docs/_includes/components/categories.html

@@ -30,6 +30,10 @@
   {% endfor %}
 </nav>
 
+{% unless page.hide_side_sponsor %}
+  {% include global/side-sponsor.html %}
+{% endunless %}
+
 {% unless page.hide_fortyfour %}
   {% include global/fortyfour.html %}
 {% endunless %}

docs/_includes/elements/patreon-item.html

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

docs/_includes/global/side-sponsor.html

@@ -0,0 +1,16 @@
+<div class="bd-side-sponsors">
+  <p class="bd-side-sponsor-label">
+    Sponsor
+  </p>
+
+  <a class="bd-side-sponsor" href="https://tipe.io/?ref=bulma" target="_blank" rel="nofollow">
+    {%
+      include elements/responsive-image.html
+      path="sponsors/tipe"
+      extension="png"
+      alt="Tipe"
+      width="86"
+      height="50"
+    %}
+  </a>
+</div>

docs/_sass/patreon.sass

@@ -1,3 +1,19 @@
+.bd-side-sponsors
+  margin-top: 1.5rem
+
+.bd-side-sponsor-label
+  color: $grey-light
+  font-size: 0.75rem
+  margin-bottom: 0.75rem
+
+.bd-side-sponsor
+  display: inline-block
+  height: 50px
+  vertical-align: top
+  img
+    display: block
+    max-height: 100%
+
 .bd-banner
   border-radius: $radius-large
   display: block

docs/backers.html

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

docs/css/bulma-docs.css

@@ -5305,7 +5305,7 @@ a.tag:hover {
 }
 
 .card-header {
-  background-color: none;
+  background-color: transparent;
   align-items: stretch;
   box-shadow: 0 1px 2px rgba(10, 10, 10, 0.1);
   display: flex;
@@ -5338,12 +5338,12 @@ a.tag:hover {
 }
 
 .card-content {
-  background-color: none;
+  background-color: transparent;
   padding: 1.5rem;
 }
 
 .card-footer {
-  background-color: none;
+  background-color: transparent;
   border-top: 1px solid #dbdbdb;
   align-items: stretch;
   display: flex;
@@ -12876,6 +12876,27 @@ svg {
   white-space: nowrap;
 }
 
+.bd-side-sponsors {
+  margin-top: 1.5rem;
+}
+
+.bd-side-sponsor-label {
+  color: #b5b5b5;
+  font-size: 0.75rem;
+  margin-bottom: 0.75rem;
+}
+
+.bd-side-sponsor {
+  display: inline-block;
+  height: 50px;
+  vertical-align: top;
+}
+
+.bd-side-sponsor img {
+  display: block;
+  max-height: 100%;
+}
+
 .bd-banner {
   border-radius: 6px;
   display: block;