footer adjustments

SquiggleTools · May 28, 2024 · 2d7559a · 2d7559a
1 parent dfd3fb0
commit 2d7559a
Show file tree

Hide file tree

Showing 4 changed files with 22 additions and 23 deletions.
diff --git a/src/assets/linkedin.svg b/src/assets/linkedin.svg
diff --git a/src/components/Calls.astro b/src/components/Calls.astro
@@ -21,10 +21,7 @@ import BodyText from "./BodyText.astro";
 		<BodyText size="large" width="lean">
 			First-time and experienced speakers welcome.
 		</BodyText>
-		<AnchorButton
-			class="action-button"
-			href="https://docs.google.com/forms/d/1Yp61K7NcHJjBMw1i-9p76JeIah9cNfbu1LxG3c-H9OY/viewform"
-		>
+		<AnchorButton class="action-button" href="https://cfp.squiggleconf.com">
 			Speak at SquiggleConf 2024
 		</AnchorButton>
 		<BodyText size="large" width="lean">

diff --git a/src/components/Footer.astro b/src/components/Footer.astro
@@ -1,12 +1,13 @@
 ---
-import HeroName from "~/components/HeroName.astro";
+import { Image } from "astro:assets";
 
+import HeroName from "~/components/HeroName.astro";
 import bluesky from "~/assets/bluesky.svg";
 import discord from "~/assets/discord.svg";
 import github from "~/assets/github.svg";
+import linkedin from "~/assets/linkedin.svg";
 import mastodon from "~/assets/mastodon.svg";
 import twitter from "~/assets/twitter.svg";
-import { Image } from "astro:assets";
 ---
 
 <footer>
@@ -20,19 +21,22 @@ import { Image } from "astro:assets";
 				<a href="/privacy-policy">Privacy Policy</a>
 			</div>
 			<div class="logos">
-				<a href="">
+				<a href="https://bluesky.squiggleconf.com" target="_blank">
 					<Image alt="Bluesky" src={bluesky} />
 				</a>
-				<a href="">
+				<a href="https://linkedin.squiggleconf.com" target="_blank">
+					<Image alt="LinkedIn" src={linkedin} />
+				</a>
+				<a href="https://mastodon.squiggleconf.com" target="_blank">
 					<Image alt="Mastodon" src={mastodon} />
 				</a>
-				<a href="">
+				<a href="https://twitter.squiggleconf.com" target="_blank">
 					<Image alt="Twitter" src={twitter} />
 				</a>
-				<a href="">
+				<a href="https://discord.squiggleconf.com" target="_blank">
 					<Image alt="Discord" src={discord} />
 				</a>
-				<a href="">
+				<a href="https://github.squiggleconf.com" target="_blank">
 					<Image alt="GitHub" src={github} />
 				</a>
 			</div>
@@ -82,7 +86,7 @@ import { Image } from "astro:assets";
 			filter: invert() hue-rotate(180deg);
 		}
 
-		@media (min-width: 819px) {
+		@media (min-width: 1170px) {
 			.halves {
 				display: flex;
 				justify-content: space-between;

diff --git a/src/components/HeroName.astro b/src/components/HeroName.astro
@@ -44,14 +44,12 @@ interface Props {
 
 	<style>
 		.hero-name {
+			align-items: center;
 			display: flex;
 			flex-direction: column;
 			gap: 1rem;
 			margin: auto;
-		}
-
-		.hero-name-center {
-			align-items: center;
+			text-align: center;
 		}
 
 		.hero-name.hero-name-inverted {
@@ -105,6 +103,7 @@ interface Props {
 			display: flex;
 			flex-direction: column;
 			gap: 0.5rem;
+			margin-top: 1rem;
 			font-size: var(--fontSizeH3);
 			font-family: var(--fontFamilyHeading);
 			letter-spacing: var(--letterSpacingHeading);
@@ -132,19 +131,18 @@ interface Props {
 			z-index: 1;
 		}
 
-		@media (min-width: 700px) {
+		@media (min-width: 1170px) {
 			.details {
+				flex-direction: row;
 				margin-top: 2rem;
 			}
 
 			.word-contents {
 				position: relative;
 			}
-		}
 
-		@media (min-width: 819px) {
-			.details {
-				flex-direction: row;
+			.hero-name-left {
+				text-align: left;
 			}
 
 			.dot {