From 5b71baf818ed028a634cd31ee164b4ecf10031c5 Mon Sep 17 00:00:00 2001 From: FedericoBiccheddu Date: Tue, 18 Aug 2026 17:19:19 +0200 Subject: [PATCH] ui: update effect days sponsor section --- .../src/assets/effect-days/betalyra-dark.svg | 42 ++++++ .../src/assets/effect-days/novelcrafter.svg | 4 + apps/web/src/pages/effect-days.astro | 124 ++++++++++++------ 3 files changed, 129 insertions(+), 41 deletions(-) create mode 100644 apps/web/src/assets/effect-days/betalyra-dark.svg create mode 100644 apps/web/src/assets/effect-days/novelcrafter.svg diff --git a/apps/web/src/assets/effect-days/betalyra-dark.svg b/apps/web/src/assets/effect-days/betalyra-dark.svg new file mode 100644 index 000000000..2cd21fbfc --- /dev/null +++ b/apps/web/src/assets/effect-days/betalyra-dark.svg @@ -0,0 +1,42 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/apps/web/src/assets/effect-days/novelcrafter.svg b/apps/web/src/assets/effect-days/novelcrafter.svg new file mode 100644 index 000000000..386effd0e --- /dev/null +++ b/apps/web/src/assets/effect-days/novelcrafter.svg @@ -0,0 +1,4 @@ + + + + diff --git a/apps/web/src/pages/effect-days.astro b/apps/web/src/pages/effect-days.astro index 7f0e76dcf..60b006a08 100644 --- a/apps/web/src/pages/effect-days.astro +++ b/apps/web/src/pages/effect-days.astro @@ -31,6 +31,8 @@ import kyleMistele from "@/assets/effect-days/kyle-mistele.png" import adamRankin from "@/assets/effect-days/adam-rankin.png" import samGoodwin from "@/assets/effect-days/sam-goodwin.png" import devinJameson from "@/assets/effect-days/devin-jameson.jpg" +import betalyra from "@/assets/effect-days/betalyra-dark.svg" +import novelcrafter from "@/assets/effect-days/novelcrafter.svg" const PROGRAM = [ { @@ -165,25 +167,52 @@ const PASSES = [ }, ] -/* Both sponsors are main sponsors, so the cards carry no tier label. The - pages run dark, so the marks come in their dark-on-dark variants. */ const SPONSORS = [ { name: "Effectful", + top: true, + tier: "Main sponsor", logo: EffectfulWhite, - /* Effectful's wordmark is short and heavy, so it runs taller than - Ziverge's wider lockup for the two to read at the same size. */ logoHeight: "h-12", + logoBox: "h-12", + tileClass: "py-12 gap-4", websiteUrl: "https://effectful.co/", }, { name: "Ziverge", + top: true, + tier: "Main sponsor", logo: ziverge, logoHeight: "h-8", + logoBox: "h-12", + tileClass: "py-12 gap-4", websiteUrl: "https://www.ziverge.com/", }, + { + name: "Betalyra", + top: false, + tier: "Partner", + logo: betalyra, + logoHeight: "h-12", + logoBox: "h-12", + tileClass: "py-7 gap-4", + websiteUrl: "https://betalyra.com/", + }, + { + name: "Novelcrafter", + top: false, + tier: "Community", + logo: novelcrafter, + logoHeight: "h-8", + logoBox: "h-12", + tileClass: "py-7 gap-4", + websiteUrl: "https://www.novelcrafter.com/", + }, ] +const TOP_SPONSORS = SPONSORS.filter((sponsor) => sponsor.top) +const SUPPORTING_SPONSORS = SPONSORS.filter((sponsor) => !sponsor.top) + const EDITIONS = [ { year: "2024", @@ -710,12 +739,6 @@ const FAQ_COLUMNS = [
- { - /* Title in the left half, the blurb in the right. Stacked on mobile the - columns close up to gap-0, so the subtitle's own mt-4 sets the spacing - instead of the grid. The sponsorship CTA is the last tile in the grid - below rather than a link sitting up here. */ - }

@@ -724,63 +747,82 @@ const FAQ_COLUMNS = [

- { - /* Corner-bracket tiles — the logo is the link, and the open slot closes - the row so the grid reads full rather than short two sponsors. Two - across from sm (mobile landscape keeps the marks on one row), three - once there is desktop width for the slot. Each tile is opaque so the - page's centre dashed line stops behind it rather than crossing a logo. */ - } -
+
{ - SPONSORS.map((sponsor) => ( + TOP_SPONSORS.map((sponsor) => ( - {sponsor.name} + + {sponsor.name} + + + {sponsor.tier} + )) } +
+
{ - /* Open slot. At sm there are two columns and three tiles, so it spans the - full second row instead of leaving a hole. */ + SUPPORTING_SPONSORS.map((sponsor) => ( + + + + {sponsor.name} + + + {sponsor.tier} + + + )) } + - - { - /* An empty logo slot, sized to the marks beside it, with the caret from - the 2026 edition card blinking inside — it reads as waiting for a - name to be typed in. */ - } - + Your logo here {" ▊"} Become a sponsor - {/* mailto — leaves the page, so up-right */}