more landing hero

devdumpling · Jan 1, 2025 · 043f5da · 043f5da
1 parent 25a0bfb
commit 043f5da
Show file tree

Hide file tree

Showing 4 changed files with 75 additions and 65 deletions.
diff --git a/src/components/Footer.astro b/src/components/Footer.astro
@@ -3,50 +3,54 @@ const today = new Date();
 ---
 
 <footer>
-	&copy; {today.getFullYear()} Dev Wells
-	<div class="social-links">
-		<a href="https://m.webtoo.ls/@astro" target="_blank">
-			<span class="sr-only">Follow Dev On Bluesky</span>
-			<svg
-				viewBox="0 0 24 24"
-				aria-hidden="true"
-				width="32"
-				height="32"
-				astro-icon="social/bluesky"
-				><path fill="currentColor" d="M12 10.8c-1-2.1-4-6-6.8-8C2.6 1 1.6 1.3.9 1.6.1 1.9 0 3 0 3.8c0 .7.4 5.6.6 6.4C1.4 13 4.3 14 7 13.6h.4H7c-4 .6-7.4 2-2.8 7 5 5.3 6.8-1 7.8-4.2 1 3.2 2 9.3 7.7 4.3 4.3-4.3 1.2-6.5-2.7-7a9 9 0 0 1-.4-.1h.4c2.7.3 5.6-.6 6.4-3.4.2-.8.6-5.7.6-6.4 0-.7-.1-1.9-.9-2.2-.7-.3-1.7-.7-4.3 1.2-2.8 2-5.7 5.9-6.8 8">
-				</path>
-			</svg>
-		</a>
-		<a href="https://github.com/devdumpling" target="_blank">
-			<span class="sr-only">Go to Dev's GitHub</span>
-			<svg viewBox="0 0 16 16" aria-hidden="true" width="32" height="32" astro-icon="social/github"
-				><path
-					fill="currentColor"
-					d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z"
-				></path></svg
-			>
-		</a>
-	</div>
+  &copy; {today.getFullYear()} Dev Wells
+  <div class="social-links">
+    <a href="https://m.webtoo.ls/@astro" target="_blank">
+      <span class="sr-only">Follow Dev On Bluesky</span>
+      <svg
+        viewBox="0 0 24 24"
+        aria-hidden="true"
+        width="32"
+        height="32"
+        astro-icon="social/bluesky"
+        ><path
+          fill="currentColor"
+          d="M12 10.8c-1-2.1-4-6-6.8-8C2.6 1 1.6 1.3.9 1.6.1 1.9 0 3 0 3.8c0 .7.4 5.6.6 6.4C1.4 13 4.3 14 7 13.6h.4H7c-4 .6-7.4 2-2.8 7 5 5.3 6.8-1 7.8-4.2 1 3.2 2 9.3 7.7 4.3 4.3-4.3 1.2-6.5-2.7-7a9 9 0 0 1-.4-.1h.4c2.7.3 5.6-.6 6.4-3.4.2-.8.6-5.7.6-6.4 0-.7-.1-1.9-.9-2.2-.7-.3-1.7-.7-4.3 1.2-2.8 2-5.7 5.9-6.8 8"
+        >
+        </path>
+      </svg>
+    </a>
+    <a href="https://github.com/devdumpling" target="_blank">
+      <span class="sr-only">Go to Dev's GitHub</span>
+      <svg
+        viewBox="0 0 16 16"
+        aria-hidden="true"
+        width="32"
+        height="32"
+        astro-icon="social/github"
+        ><path
+          fill="currentColor"
+          d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z"
+        ></path></svg
+      >
+    </a>
+  </div>
 </footer>
 <style>
-	footer {
-	  font-family: monospace;
-		padding: 2em 1em 6em 1em;
-		background: var(--base);
-		color: var(--blue));
-		text-align: center;
-	}
-	.social-links {
-		display: flex;
-		justify-content: center;
-		gap: 1em;
-		margin-top: 1em;
-	}
-	.social-links a {
-		text-decoration: none;
-		color: var(--blue));
-	}
-	.social-links a:hover {
-		color: var(--text);
-	}
+  footer {
+    font-family: monospace;
+    padding: 2em 1em 6em 1em;
+    background: var(--base);
+    color: var(--text);
+    text-align: center;
+  }
+  .social-links {
+    display: flex;
+    justify-content: center;
+    gap: 1em;
+    margin-top: 1em;
+  }
+  .social-links a {
+    text-decoration: none;
+  }
 </style>
diff --git a/src/components/HeaderLink.astro b/src/components/HeaderLink.astro
@@ -10,21 +10,21 @@ const isActive = href === pathname || href === `/${subpath?.[0] || ""}`;
 ---
 
 <a href={href} class:list={[className, { active: isActive }]} {...props}>
-	<slot />
+  <slot />
 </a>
 <style>
-	a {
-	  font-family: monospace;
-	  color: var(--text);
-	  padding: 1em 0.5em;
-	  font-size: 0.8em;
-		display: inline-block;
-		text-decoration: none;
-	}
-	a.active {
-	  padding: 0.25em 0.5em;
-	  color: var(--peach);
-		background-color: var(--surface0);
-		font-weight: bolder;
-	}
+  a {
+    font-family: monospace;
+    color: var(--text);
+    padding: 1em 0.5em;
+    font-size: 0.8em;
+    display: inline-block;
+    text-decoration: none;
+  }
+  a.active {
+    padding: 0.25em 0.5em;
+    color: var(--rosewater);
+    background-color: var(--surface0);
+    font-weight: bolder;
+  }
 </style>
diff --git a/src/components/LandingHero.astro b/src/components/LandingHero.astro
@@ -3,18 +3,24 @@
 ---
 
 <div>
-  <h1 class="name">
-    Dev<span class="subtle">on</span> Alex<span class="subtle">ander</span> Wells
+  <h1>
+    // Dev<span class="subtle">on</span><br />
+    // Alex<span class="subtle">ander</span><br />
+    // Wells
   </h1>
-
+  <h3>Digital Wayfarer</h3>
   <style>
-    .name {
+    h1 {
       font-family: "Eldritch";
       font-weight: bolder;
       color: var(--rosewater);
     }
+    h3 {
+      font-family: "Atkinson";
+      font-weight: 400;
+      color: var(--lavender);
+    }
     .subtle {
-      font-weight: normal;
       color: var(--overlay1);
     }
   </style>

diff --git a/src/styles/global.css b/src/styles/global.css
@@ -103,7 +103,7 @@ b {
   font-weight: 700;
 }
 a {
-  color: var(--sky);
+  color: var(--lavender);
 }
 a:hover {
   color: var(--mauve);