diff options
Diffstat (limited to 'website/src/components/Me.astro')
| -rw-r--r-- | website/src/components/Me.astro | 26 |
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> |