updates index.upphtml to match existing homepage

1 files changed, 41 insertions, 1 deletions

diff --git a/http/src/index.upphtml b/http/src/index.upphtml
index 4b5fa63..7979d86 100644
--- a/http/src/index.upphtml
+++ b/http/src/index.upphtml
@@ -1 +1,41 @@
-hello, world
+<section class="h-card">
+  <div>
+    <img class="u-photo" src="/images/headshot.webp" height="96" width="96" />
+  </div>
+
+  <header>
+    <h1>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>. I’m a
+      <span class="p-job-title">software developer</span> at
+      <a class="p-org" href="https://www.scottlogic.com">Scott Logic</a>,
+      a Divinity student at the University of Edinburgh,
+      a lapsed fiddle player and a very occasional poet.
+    </p>
+
+    <p>
+      HMU with your thoughts on Elizabethan poetry, connecting to the
+      Internet, and the Apocalypse of Saint John.
+    </p>
+
+    <p>
+      <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>,
+        <a href="https://bsky.app/profile/joeacarstairs.bsky.social" rel="me">BlueSky</a>,
+        or <a href="https://github.com/joeacarstairs" rel="me">GitHub</a>.
+      </small>
+    </p>
+  </div>
+</section>