feat: add t-shirt button to homepage

SquiggleTools · Feb 27, 2025 · b300fd2 · b300fd2
1 parent 282b805
commit b300fd2
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 3 deletions.
diff --git a/src/components/Header.astro b/src/components/Header.astro
@@ -20,7 +20,7 @@ function hrefProps(pathname: string) {
 			<summary aria-label="Toggle header">≡</summary>
 			<div class="header-contents-mobile">
 				<a {...hrefProps("/")}>Home</a>
-				<a {...hrefProps("https://shop.squiggle.tools")}>Shop</a>
+				<a {...hrefProps(links.shop)}>Shop</a>
 				<a {...hrefProps("/travel")}>Travel</a>
 				<Button
 					as="a"
@@ -37,7 +37,7 @@ function hrefProps(pathname: string) {
 		<a class="logo" href="/"><Logo year /></a>
 		<div class="header-links">
 			<a {...hrefProps("/")}>Home</a>
-			<a {...hrefProps("https://shop.squiggle.tools")}>Shop</a>
+			<a {...hrefProps(links.shop)}>Shop</a>
 			<a {...hrefProps("/travel")}>Travel</a>
 			<Button
 				as="a"

diff --git a/src/data/links.ts b/src/data/links.ts
@@ -1,3 +1,4 @@
 export const links = {
+	shop: "https://shop.squiggle.tools",
 	tickets: "https://buytickets.at/squiggleconf/1488622",
 };
diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -40,7 +40,10 @@ import PageLayout from "~/layouts/PageLayout.astro";
 				target="_blank"
 			>
 				Get extra early bird tickets now!
-
+				<Arrow />
+			</Button>
+			<Button as="a" class="hero-button" href={links.tickets} target="_blank">
+				Get the t-shirt here
 				<Arrow />
 			</Button>
 		</div>
@@ -67,6 +70,10 @@ import PageLayout from "~/layouts/PageLayout.astro";
 	}
 
 	.hero-bottom {
+		align-items: flex-start;
+		display: flex;
+		flex-direction: column;
+		gap: 0.5rem;
 		margin-top: 3.5rem;
 	}