From 2d7559a998bc1b3d09a17bd4f67fee63807efe4f Mon Sep 17 00:00:00 2001
From: Josh Goldberg <git@joshuakgoldberg.com>
Date: Tue, 28 May 2024 11:50:39 -0400
Subject: [PATCH] footer adjustments
---
src/assets/linkedin.svg | 4 ++--
src/components/Calls.astro | 5 +----
src/components/Footer.astro | 20 ++++++++++++--------
src/components/HeroName.astro | 16 +++++++---------
4 files changed, 22 insertions(+), 23 deletions(-)
diff --git a/src/assets/linkedin.svg b/src/assets/linkedin.svg
index 4a753dc..e396bf0 100644
--- a/src/assets/linkedin.svg
+++ b/src/assets/linkedin.svg
@@ -1,6 +1,6 @@
<svg
- width="24"
- height="24"
+ width="38"
+ height="38"
viewBox="0 0 65 65"
fill="none"
xmlns="http://www.w3.org/2000/svg"
diff --git a/src/components/Calls.astro b/src/components/Calls.astro
index 1f74032..430244d 100644
--- 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
index 8e88a4f..8cd0c6e 100644
--- 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
index b1cf6e9..8463820 100644
--- 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 {