From 4557e93b58f9219b674efebc8eabd3922e9c4aff Mon Sep 17 00:00:00 2001 From: petaa33 <101650825+petaa33@users.noreply.github.com> Date: Wed, 22 Jan 2025 20:42:16 +0100 Subject: [PATCH 1/2] add sponsors fetch --- _data/bronze_sponsors.js | 10 ++++++++++ _data/gold_sponsors.js | 10 ++++++++++ _data/silver_sponsors.js | 10 ++++++++++ 3 files changed, 30 insertions(+) create mode 100644 _data/bronze_sponsors.js create mode 100644 _data/gold_sponsors.js create mode 100644 _data/silver_sponsors.js diff --git a/_data/bronze_sponsors.js b/_data/bronze_sponsors.js new file mode 100644 index 0000000..77cc710 --- /dev/null +++ b/_data/bronze_sponsors.js @@ -0,0 +1,10 @@ +import eleventyFetch from "@11ty/eleventy-fetch"; + +export default async function fetchSponsors(params) { + const json = await eleventyFetch("https://opencollective.com/stride3d/tiers/bronze-strider/all.json", { + duration: "7d", + type: "json" + }); + + return json; +} \ No newline at end of file diff --git a/_data/gold_sponsors.js b/_data/gold_sponsors.js new file mode 100644 index 0000000..27ac4c7 --- /dev/null +++ b/_data/gold_sponsors.js @@ -0,0 +1,10 @@ +import eleventyFetch from "@11ty/eleventy-fetch"; + +export default async function fetchSponsors(params) { + const json = await eleventyFetch("https://opencollective.com/stride3d/tiers/gold-strider/all.json", { + duration: "7d", + type: "json" + }); + + return json; +} \ No newline at end of file diff --git a/_data/silver_sponsors.js b/_data/silver_sponsors.js new file mode 100644 index 0000000..3c8d91e --- /dev/null +++ b/_data/silver_sponsors.js @@ -0,0 +1,10 @@ +import eleventyFetch from "@11ty/eleventy-fetch"; + +export default async function fetchSponsors(params) { + const json = await eleventyFetch("https://opencollective.com/stride3d/tiers/silver-strider/all.json", { + duration: "7d", + type: "json" + }); + + return json; +} \ No newline at end of file From 3cef4b5c71bdb3d0f58beeee0e221a76fb2b3fba Mon Sep 17 00:00:00 2001 From: petaa33 <101650825+petaa33@users.noreply.github.com> Date: Wed, 22 Jan 2025 20:42:42 +0100 Subject: [PATCH 2/2] update style, html --- _includes/oc_sponsors.njk | 49 ++++++++++++++++++++++++++ css/styles.scss | 72 +++++++++++++++++++++++++++++++++++++++ sponsor.html | 21 ++---------- 3 files changed, 124 insertions(+), 18 deletions(-) create mode 100644 _includes/oc_sponsors.njk diff --git a/_includes/oc_sponsors.njk b/_includes/oc_sponsors.njk new file mode 100644 index 0000000..02bf430 --- /dev/null +++ b/_includes/oc_sponsors.njk @@ -0,0 +1,49 @@ +
+
+
+
GOLD STRIDERS
+
+ {% for sponsor in gold_sponsors %} +
+ {% if sponsor.image %} + {{sponsor.name}} + {% else %} + {{sponsor.name}} + {%endif%} +
{{sponsor.name}}
+
+ {% endfor %} +
+
+
+
SILVER STRIDERS
+
+ {% for sponsor in silver_sponsors %} +
+ {% if sponsor.image %} + {{sponsor.name}} + {% else %} + {{sponsor.name}} + {%endif%} +
{{sponsor.name}}
+
+ {% endfor %} +
+
+
+
BRONZE STRIDERS
+
+ {% for sponsor in bronze_sponsors %} +
+ {% if sponsor.image %} + {{sponsor.name}} + {% else %} + {{sponsor.name}} + {%endif%} +
{{sponsor.name}}
+
+ {% endfor %} +
+
+
+
\ No newline at end of file diff --git a/css/styles.scss b/css/styles.scss index e278c0a..6d04d4d 100644 --- a/css/styles.scss +++ b/css/styles.scss @@ -1,5 +1,6 @@ @import "custom-bootstrap"; @import "/css/all.min.css"; +@import url('https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); :root { --main-shadow: 2px 2px 8px #0000001a; @@ -288,4 +289,75 @@ svg path.logo-path { background-size: 50px 50px; } +.oc-sponsors-container { + display: flex; + flex-direction: column; + height: 100%; + + .tier-container { + display: flex; + flex-direction: column; + + @media screen and (min-width: 1280px) { + flex-direction: row; + } + + .tier-item { + flex: 1; + display: flex; + flex-direction: row; + gap: 20px; + align-items: center; + justify-content: center; + font-family: "Kanit", serif; + font-weight: 900; + font-size: 46px; + letter-spacing: -2px; + padding: 40px 12px; + flex-wrap: wrap; + } + + .tier-item.gold { + background-color: rgb(221, 205, 62); + } + + .tier-item.silver { + background-color: silver; + } + + .tier-item.bronze { + background-color: rgb(216, 156, 78); + } + + .img-container { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + gap: 2px; + font-family: "Segoe UI"; + font-weight: 400; + font-size: 12px; + letter-spacing: normal; + img { + width: 80px; + height: 80px; + border-radius: 50px; + font-size: 14px; + box-shadow: rgba(0, 0, 0, 0.15) 2.4px 2.4px 3.2px; + } + + img.gold { + border: solid 3px rgb(221, 205, 62); + } + img.silver { + border: solid 3px silver; + } + img.bronze { + border: solid 3px rgb(216, 156, 78); + } + } + } +} + @import "syntax-highlighting"; \ No newline at end of file diff --git a/sponsor.html b/sponsor.html index a359ec4..8db834b 100644 --- a/sponsor.html +++ b/sponsor.html @@ -61,24 +61,9 @@

Featured Sponsors

{% include sponsor-generic.html %} {% comment %} The styling is difficult as those widgets are not responsive. We can fix in the future by fetching json and display what we want and how we want. {% endcomment %} -
-
-
-
-

Gold Striders

- -
-
-

Silver Striders

- -
-
-

Bronze Striders

- -
-
-
-
+ +{% include oc_sponsors.njk %} +