From eaa3ab0a2645f70ff3e205fdaf25e1de80262355 Mon Sep 17 00:00:00 2001 From: Josh Goldberg <git@joshuakgoldberg.com> Date: Sat, 30 Nov 2024 20:04:21 -0500 Subject: [PATCH] feat: add 2025 links --- src/components/Footer.astro | 3 +++ src/components/Header.astro | 8 ++++++-- src/components/HeroNameHeading.astro | 1 + src/components/PrimaryHero.astro | 28 ++++++---------------------- src/data/links.ts | 1 + 5 files changed, 17 insertions(+), 24 deletions(-) diff --git a/src/components/Footer.astro b/src/components/Footer.astro index 499f923..5a23a0b 100644 --- a/src/components/Footer.astro +++ b/src/components/Footer.astro @@ -15,6 +15,9 @@ import LocationLink from "./LocationLink.astro"; <div class="line texts-line"> <a href={links.shop} rel="noreferrer" target="_blank">Shop</a> <a href="/code-of-conduct">Code of Conduct</a> + <a href={links.nextYear} rel="noreferrer" target="_blank"> + <strong>2025</strong> + </a> </div> <div class="logos"> {locations.map((location) => <LocationLink {...location} />)} diff --git a/src/components/Header.astro b/src/components/Header.astro index a4f0ec1..1edcf1f 100644 --- a/src/components/Header.astro +++ b/src/components/Header.astro @@ -1,3 +1,7 @@ +--- +import { links } from "~/data/links"; +--- + <header> <details id="details"> <summary aria-label="Toggle header">≡</summary> @@ -8,7 +12,7 @@ <a href="/schedule">Schedule</a> <a href="/sessions">Sessions</a> <a href="/speakers">Speakers</a> - <a href="/travel">Travel</a> + <a href={links.nextYear}>2025</a> </div> </details> @@ -19,7 +23,7 @@ <a href="/schedule">Schedule</a> <a href="/sessions">Sessions</a> <a href="/speakers">Speakers</a> - <a href="/travel">Travel</a> + <a href={links.nextYear}>2025</a> </div> </header> diff --git a/src/components/HeroNameHeading.astro b/src/components/HeroNameHeading.astro index 83cf835..2c725fd 100644 --- a/src/components/HeroNameHeading.astro +++ b/src/components/HeroNameHeading.astro @@ -41,6 +41,7 @@ const { align, color, level, shadow, size } = Astro.props; ><span class="word"> <span class="word-contents">Conf</span> </span> + 2024 </span> </Heading> diff --git a/src/components/PrimaryHero.astro b/src/components/PrimaryHero.astro index e641e79..7082a19 100644 --- a/src/components/PrimaryHero.astro +++ b/src/components/PrimaryHero.astro @@ -12,34 +12,21 @@ import TicketsButton from "./TicketsButton.astro"; <Hero> <HeroName align="center" color="inverted" level="h1" size="normal" /> - <TicketsButton /> <div class="sub-mentions"> <a class="sub-mention" - href={links.tickets} - target="_blank" - rel="noreferrer" - > - <NoBreak>Bulk Tickets</NoBreak> - <NoBreak>Now Available</NoBreak> - <Image alt="" class="link-out" src={LinkOut} /> - </a> - <a - class="sub-mention" - href={links.volunteering} + href={links.nextYear} target="_blank" rel="noreferrer" > - Attendee Volunteering Event - <Image alt="" class="link-out" src={LinkOut} /> - </a> - <a class="sub-mention" href={links.shop} target="_blank" rel="noreferrer"> - Swag Shop + <strong>SquiggleConf 2025</strong> <Image alt="" class="link-out" src={LinkOut} /> </a> </div> + <TicketsButton /> + <ThemeToggle /> </Hero> @@ -54,8 +41,9 @@ import TicketsButton from "./TicketsButton.astro"; .sub-mention { color: var(--colorBlueLight); - font-size: var(--fontSizeBodySmall); + font-size: 2.5rem; font-family: var(--fontFamilyHeading); + margin-top: 2rem; text-underline-offset: 0.2em; transition: var(--transitionMedium) color; } @@ -73,9 +61,5 @@ import TicketsButton from "./TicketsButton.astro"; .sub-mentions { padding-bottom: 2rem; } - - .sub-mention { - font-size: var(--fontSizeBody); - } } </style> diff --git a/src/data/links.ts b/src/data/links.ts index 8b07798..45a0fb5 100644 --- a/src/data/links.ts +++ b/src/data/links.ts @@ -1,4 +1,5 @@ export const links = { + nextYear: "https://2025.squiggleconf.com", scholarship: "https://forms.gle/pnoAmVgijk3p4j5C7", shop: "https://shop.squiggle.tools", tickets: "https://ticket.squiggleconf.com",