Styling overhaul

1 files changed, 17 insertions, 9 deletions

diff --git a/website/src/components/Me.astro b/website/src/components/Me.astro
index c9af587..1a2140b 100644
--- a/website/src/components/Me.astro
+++ b/website/src/components/Me.astro
@@ -4,13 +4,19 @@
 <section class="h-card">
     <img class="u-photo" src="/images/headshot.jpg" height="256" width="256" />
 
-    <div>
+    <header>
         <h1>
+            Joe Carstairs
+        </h1>
+
+        <div hidden>
             <a class="p-name u-url u-uid" href="https://joeac.net" rel="me">
-                Joe Carstairs
+                Permalink
             </a>
-        </h1>
+        </div>
+    </header>
 
+    <div class="h-card__text">
         <p>
             Hi! 👋 My name is <span class="p-given-name">Joe</span>
             <span class="p-family-name">Carstairs</span>. I’m a
@@ -33,11 +39,13 @@
         </p>
 
         <p>
-            Or get me on
-            <a href="https://www.facebook.com/joe.carstairs.5" rel="me">Facebook</a>,
-            <a href="https://mastodon.social/@joe_carstairs" rel="me">Mastodon</a>,
-            <a href="https://www.linkedin.com/in/joe-carstairs-0aa936277" rel="me">LinkedIn</a>,
-            or <a href="https://github.com/joeacarstairs" rel="me">GitHub</a>.
+            <small>
+                Or get me on
+                <a href="https://www.facebook.com/joe.carstairs.5" rel="me">Facebook</a>,
+                <a href="https://mastodon.social/@joe_carstairs" rel="me">Mastodon</a>,
+                <a href="https://www.linkedin.com/in/joe-carstairs-0aa936277" rel="me">LinkedIn</a>,
+                or <a href="https://github.com/joeacarstairs" rel="me">GitHub</a>.
+            </small>
         </p>
     </div>
-</section>
\ No newline at end of file
+</section>