Add intro text

config.toml

@@ -75,7 +75,7 @@ disableRSS      = false
 
     [[languages.en.params.social]]
       name = "keyoxide"
-      url  = "https://id.byjp.me/"
+      url  = "https://id.byjp.me"
     
     [[languages.en.params.social]]
       name = "gpg"

layouts/partials/about-me.html

@@ -0,0 +1,5 @@
+<div class="h-card vcard">
+  Hello! I'm <em class="u-uid p-name fn always-accented">JP Hastings-Spital</em>, a <span class="p-category category">maker</span>, <span class="p-category category">software engineer</span>, <span class="p-category category">swing dancer</span>, and all-round <span class="p-category category">miriscient chap</span> living in <span class="adr p-adr h-adr"><span class="p-locality locality">London</span>, <span class="p-country-name country-name">UK</span></span>. I'm a <span>principal engineer</a> at <a href="https://deliveroo.engineering/" target="_blank" class="h-card u-url" rel="noopener">Deliveroo</a>.
+</div>
+
+<p>{{ partial "welcome.md" | markdownify }}</p>

layouts/partials/welcome.md

@@ -0,0 +1 @@
+I [write](./posts) on this site infrequently about things I've created or care about. You're welcome to write to me if you'd like, read my [standing invitation](./standing-invitation) for more information.

themes/hello-friend-ng/assets/scss/_main.scss

@@ -123,7 +123,11 @@ a {
   color: inherit;
 }
 
-main p a, main li a, nav a, .social a {
+.always-accented {
+  color: var(--accent);
+}
+
+main p a, main li a, nav a, .social a, section a, .accented {
   &:hover {
     color: var(--accent);
   }  

themes/hello-friend-ng/layouts/index.html

@@ -9,7 +9,7 @@
                <img src="{{ .Site.Params.Portrait.Path }}" class="circle" alt="{{ .Site.Params.Portrait.Alt }}" style="max-width:{{ .Site.Params.Portrait.MaxWidth }}" />
             {{ end }}
 
-            <h1>{{ .Site.Title }}</h1>
+            <h1 class="accented">{{ .Site.Title }}</h1>
 
             {{ partial "subtitle.html" . }}
 
@@ -19,5 +19,10 @@
                 </div>
             {{- end }}
         </div>
+        <br />
+        <hr />
+        <section class="posts" style="text-align:center">
+            {{ partial "about-me.html" .}}
+        </section>
     </main>
 {{ end }}