Add backers

diff --git a/BACKERS.md b/BACKERS.md
index c99d1d113f4eda2bd98619e555effba77cbdea2d..a7dd742a900e2bc951df15e7b6c29778e2b372fd 100644 (file)
--- a/BACKERS.md
+++ b/BACKERS.md
@@ -1,219 +1,27 @@
-<h2>Generous backers ($30+)</h2>
+## Prime backers ($30+)
 
-<ul>
+* Becky
+* *ctala
 
-  <li>
-    echelon
-  </li>
+## Generous backers ($10+)
 
-</ul>
+* Jason Seminara
+* Jordan Nemrow
+* Ian Ebden
+* xvxx
+* Tobias E.
+* Robert Wetzlmayr
+* tsunghanliu
+* chazelton331
+* linkdd
+* bekwam
+* Gomah
 
-<h2>Website sponsors ($300+)</h2>
+## Website backers
 
-<ul>
+* Greg Hale
+* Dave Miller
+* Ukatarap
+* Brooke Schreier Ganz
 
-  <li>
-    stacho
-  </li>
-
-</ul>
-
-<h2>Homepage sponsors ($100+)</h2>
-
-<ul>
-
-  <li>
-    Adela Belin
-  </li>
-
-  <li>
-    BacklinksRocket
-  </li>
-
-  <li>
-    PolskieKasynoHEX.org
-  </li>
-
-  <li>
-    Gianni Museeuw
-  </li>
-
-  <li>
-    Starwarscasinos.com
-  </li>
-
-  <li>
-    Harvey Walters
-  </li>
-
-  <li>
-    DEMETRIOU ANNA
-  </li>
-
-  <li>
-    Tuomas
-  </li>
-
-  <li>
-    Joe Kizlauskas
-  </li>
-
-  <li>
-    Viktor &amp; Steve Scott (NonGamStopWager.com)
-  </li>
-
-  <li>
-    seo pmi
-  </li>
-
-  <li>
-    CasinosHunter
-  </li>
-
-  <li>
-    PapersOwl
-  </li>
-
-  <li>
-    Amelia Cook
-  </li>
-
-  <li>
-    Iaroslav Baklan
-  </li>
-
-  <li>
-    D-Digital
-  </li>
-
-  <li>
-    Casinozondercruks.net
-  </li>
-
-  <li>
-    Jim
-  </li>
-
-  <li>
-    Isabella
-  </li>
-
-  <li>
-    Limeup
-  </li>
-
-  <li>
-    CellTrackingApps
-  </li>
-
-  <li>
-    Aktug Dogan
-  </li>
-
-  <li>
-    Iaroslav
-  </li>
-
-  <li>
-    Genesis
-  </li>
-
-  <li>
-    Тимур Юхименко
-  </li>
-
-  <li>
-    Codeless.co
-  </li>
-
-  <li>
-    Viktoria Johansson
-  </li>
-
-  <li>
-    Qiang Lin
-  </li>
-
-  <li>
-    Fora Fora24
-  </li>
-
-  <li>
-    Tom Eriksson
-  </li>
-
-  <li>
-    Casinos zonder Cruks
-  </li>
-
-  <li>
-    Casino Zonder
-  </li>
-
-  <li>
-    Viktoria Poddubetska
-  </li>
-
-  <li>
-    David Matthews
-  </li>
-
-  <li>
-    Richard Olsson
-  </li>
-
-  <li>
-    wingerdkm1
-  </li>
-
-  <li>
-    aaditysony
-  </li>
-
-  <li>
-    toolshomdconsulting
-  </li>
-
-  <li>
-    qbtoolhub
-  </li>
-
-  <li>
-    surebettor
-  </li>
-
-</ul>
-
-<h2>Bulma backers ($10+)</h2>
-
-<ul>
-
-  <li>
-    Gomah
-  </li>
-
-  <li>
-    bekwam
-  </li>
-
-  <li>
-    linkdd
-  </li>
-
-  <li>
-    jessemarple
-  </li>
-
-  <li>
-    chazelton331
-  </li>
-
-  <li>
-    Windsooon
-  </li>
-
-  <li>
-    mware
-  </li>
-
-</ul>
+And also: Lord, Giovanni Panozzo, Tanel Jõeäär, Eric Doversberger, James Dernie, Felipe Lujan-Bear, Steve T., Mikey, Bleak Bot, Jason Dubaniewicz, Jork, Brümmer GbR produktivbüro, Nicholas Conde, Leng M., Pierre BONNEFOI, adamghill, coyled, biximilien, heartz66, bastien09, KirillOsenkov

diff --git a/bower.json b/bower.json
index 60d51c7b03b4418110ea5a85c4f82d48c96d2eaa..ba27af96f765d1f8bd5e92b5333126a34407ec7e 100644 (file)
--- a/bower.json
+++ b/bower.json
@@ -1,19 +1,27 @@
 {
   "name": "bulma",
-  "version": "0.9.4",
+  "version": "1.0.0",
   "homepage": "https://bulma.io",
   "authors": ["jgthms <bbxdesign@gmail.com>"],
   "description": "Modern CSS framework based on Flexbox",
-  "main": "bulma.sass",
-  "keywords": ["css", "sass", "flexbox", "responsive", "framework"],
+  "main": "bulma.scss",
+  "keywords": [
+    "css",
+    "sass",
+    "scss",
+    "flexbox",
+    "grid",
+    "responsive",
+    "framework"
+  ],
   "license": "MIT",
   "ignore": [
     "**/.*",
-    "node_modules",
     "bower_components",
-    "test",
-    "tests",
     "docs",
-    "images"
+    "images",
+    "node_modules",
+    "test",
+    "tests"
   ]
 }

diff --git a/bulma.scss b/bulma.scss
index 8d4e36b69bf5df0e797662a8d37950d908c628d2..83b4c0e524d4115a16e115dcb55788eca9b6d9b4 100644 (file)
--- a/bulma.scss
+++ b/bulma.scss
@@ -1,4 +1,4 @@
 @charset "utf-8";
 
-/*! bulma.io v1.0.0-beta | MIT License | github.com/jgthms/bulma */
+/*! bulma.io v1.0.0 | MIT License | github.com/jgthms/bulma */
 @use "sass";

diff --git a/docs/_data/links.json b/docs/_data/links.json
index 35715d63c573fe1858f4f4295dd0df8d9d4b8df7..7637ca8d1bf5828657a50ef2c6f141d07633c4af 100644 (file)
--- a/docs/_data/links.json
+++ b/docs/_data/links.json
@@ -745,7 +745,7 @@
   },
   "navbar": ["docs", "expo", "love", "sponsor"],
   "navbar_icons": ["github", "twitter"],
-  "navbar_more": ["made-with-bulma", "brand", "extensions"],
+  "navbar_more": ["made-with-bulma", "backers", "brand", "extensions"],
   "category_ids": [
     "start",
     "features",

diff --git a/docs/assets/javascript/main.js b/docs/assets/javascript/main.js
index b2c949018c292ca0af363acfe73f6805b8fdf87f..cc891f8c1eff1bed4fa2155a23ad9a88f0563955 100644 (file)
--- a/docs/assets/javascript/main.js
+++ b/docs/assets/javascript/main.js
@@ -6,6 +6,48 @@ document.addEventListener("DOMContentLoaded", () => {
   const $animateds = document.querySelectorAll(".js-animated");
   $animateds.forEach((el) => el.classList.add("is-animated"));
 
+  // Backers
+
+  const $backers = document.getElementById("js-backers");
+
+  if ($backers) {
+    fetch("https://jgthms.com/amis/backers.json")
+      .then((response) => {
+        if (!response.ok) {
+          throw new Error(`HTTP error! Status: ${response.status}`);
+        }
+
+        return response.json();
+      })
+      .then((response) => {
+        const values = response.values;
+
+        values.forEach((value) => {
+          const el = document.createElement("div");
+          el.className = "bd-tier";
+
+          const amount = document.createElement("div");
+          amount.className = "bd-tier-amount";
+          amount.textContent = `$${value}`;
+
+          const frequency = document.createElement("div");
+          frequency.className = "bd-tier-frequency";
+          frequency.textContent = "a month";
+
+          const list = response.tiers[value];
+          const message = document.createElement("div");
+          message.className = "bd-tier-message";
+          message.textContent = list.join(", ");
+
+          el.appendChild(amount);
+          el.appendChild(frequency);
+          el.appendChild(message);
+
+          $backers.appendChild(el);
+        });
+      });
+  }
+
   // Amis
 
   const $amis = document.getElementById("amis");

diff --git a/docs/backers.html b/docs/backers.html
index 0dbb83f973390fa2f5ce42e070b0b4d4778604de..36a04d073cee5b56a29db39db68cb9d47854e830 100644 (file)
--- a/docs/backers.html
+++ b/docs/backers.html
@@ -1,35 +1,42 @@
 ---
-fulltitle: 'Backers via Patreon and GitHub'
+fulltitle: "Backers via Patreon and GitHub"
 title: 'Backers via <a href="https://www.patreon.com/jgthms" target="_blank">Patreon</a> and <a href="https://github.com/sponsors/jgthms" target="_blank">GitHub</a>'
 layout: default
 route: backers
 theme: sponsor
 breadcrumb:
-- home
-- patreon-backers
+  - home
+  - patreon-backers
 ---
 
-{% include global/header.html %}
-{%
-  include docs/hero.html
-  title=page.title
-  subtitle="Everyone who is supporting Bulma and Open Source."
-%}
+{% include global/header.html %} {% include docs/hero.html title=page.title
+subtitle="Everyone who is supporting Bulma and Open Source." %}
 
 <main class="bd-backers">
   <div class="bd-backers-platforms">
     <div class="bd-backers-platform bd-is-patreon">
-      <a class="bd-backers-platform-logo" href="{{ site.data.meta.patreon_url }}" target="_blank">
+      <a
+        class="bd-backers-platform-logo"
+        href="{{ site.data.meta.patreon_url }}"
+        target="_blank"
+      >
         {% include svg/patreon.svg %}
       </a>
     </div>
     <div class="bd-backers-platform bd-is-github">
-      <a class="bd-backers-platform-logo" href="{{ site.data.meta.github }}" target="_blank">
+      <a
+        class="bd-backers-platform-logo"
+        href="{{ site.data.meta.github }}"
+        target="_blank"
+      >
         {% include svg/github.svg %}
       </a>
     </div>
   </div>
 
-  {% include docs/elements/backers-group.html tier="30" title="Generous backers ($30+)" %}
-  {% include docs/elements/backers-group.html tier="10" title="Bulma backers ($10+)" %}
+  <div class="bd-tiers">
+    <div class="container">
+      <div id="js-backers" class="bd-tiers-list"></div>
+    </div>
+  </div>
 </main>