Styling overhaul

This commit is contained in:
Joe Carstairs
2024-05-12 08:33:19 +01:00
parent 88c6e8a658
commit 0f75bf3443
11 changed files with 210 additions and 718 deletions

View File

@@ -4,13 +4,19 @@
<section class="h-card">
<img class="u-photo" src="/images/headshot.jpg" height="256" width="256" />
<div>
<header>
<h1>
<a class="p-name u-url u-uid" href="https://joeac.net" rel="me">
Joe Carstairs
</a>
Joe Carstairs
</h1>
<div hidden>
<a class="p-name u-url u-uid" href="https://joeac.net" rel="me">
Permalink
</a>
</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>. Im 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>
</section>