Add about me

site/.vitepress/config.ts

@@ -69,6 +69,7 @@ export default {
         text: "Recommended Pages",
         items: favorites
       },
+      { text: "About Me", link: "/about" },
       { text: "/now", link: "/now" },
       { text: "Site Changelog", link: "/changelog" }
     ]

site/.vitepress/theme/Layout.vue.in

@@ -5,7 +5,7 @@
     </template>
     <template #layout-bottom>
     	<footer class="vp-doc">
-			<div>CC {{ new Date().getFullYear() }} The Paper Pilot. <a rel="license" href="https://creativecommons.org/licenses/by-nc-sa/4.0/">CC BY-NC-SA 4.0</a>.</div>
+			<div>CC {{ new Date().getFullYear() }} <a class="h-card" href="/about"><img src="/me.jpg" alt="" />The Paper Pilot</a>. <a rel="license" href="https://creativecommons.org/licenses/by-nc-sa/4.0/">CC BY-NC-SA 4.0</a>.</div>
 			<div>Any and all opinions listed here are my own and not representative of my employers; future, past and present.</div>
 			<div><a href="https://resume.incremental.social/thepaperpilot/thepaperpilot">Resume</a> (not actively seeking new opportunities).</div>
 			<div>Site built from <a href="COMMIT_LINK">this commit</a> on <time>COMMIT_TIME</time>.</div>

site/.vitepress/theme/custom.css

@@ -88,6 +88,7 @@ ul > li > ul::before {
   position: relative;
   height: 11lh;
   width: fit-content;
+  margin: auto;
 }
 
 .img-container img {
@@ -594,6 +595,14 @@ p:last-child {
   margin: auto;
 }
 
+footer img {
+  height: 1lh;
+  display: inline;
+  border-radius: 50%;
+  margin: 0 .25em;
+  vertical-align: bottom;
+}
+
 @property --anim-bg {
   syntax: '<color>';
   initial-value: transparent;

site/about/index.md

@@ -0,0 +1,22 @@
+---
+title: About Me
+prev: false
+next: false
+---
+<!-- Maintained on the pages repo itself because of its heavy reliance on microformats markup -->
+# About Me
+
+<div class="h-card">
+<span class="p-note">I'm a software developer who likes making games and tools! I have a variety of interests, from <a href="/garden/my-projects#games">game development</a> to the <a href="/garden/fediverse">fediverse</a> to <a href="/garden/digital-gardens">digital gardens</a>.</span>
+
+<div class="img-container"><img class="u-photo" src="/me.jpg" /></div>
+
+I live in <span class="p-locality">Dallas</span>, <span class="p-region">Texas</span>, <span class="p-country-name">USA</span> with my wife and baby son.
+
+<span class="p-org h-card">I work at <span class="p-name">Topaz Labs LLC</span> as a <span class="p-job-title">Product Engineer</span>. <span class="p-role">I develop their flagship product Topaz Photo AI</span>.</span>
+
+Reach out to me:
+<ul>
+	<li>Email me at <a class="u-email" href="mailto:thepaperpilot@incremental.social">thepaperpilot@incremental.social</a></li>
+</ul>
+</div>

site/index.md

@@ -3,21 +3,10 @@ title: Hello!
 prev: false
 next: false
 ---
-<div class="h-card">
+# Hello!
-<h1 id="hello">Hello!</h1>
 
-I'm Anthony, or <span class="p-name">The Paper Pilot</span>, and welcome to my <a href="/garden/digital-gardens">digital garden</a>!
+I'm Anthony, or The Paper Pilot, and welcome to my [digital garden](/garden/digital-gardens/index.md)!
 
-<a href="/" class="u-url u-uid">
+<img class="hero" src="/paperpilot.png" />
-<img class="u-photo hero" src="/paperpilot.png" />
-</a>
 
-I have a variety of interests, from game development to the fediverse to digital gardens themselves! This is a public website collecting all my (public) thoughts and projects all in one place. There are a lot of pages here, that link to each other wiki-style. I suggest starting your browsing with one of the recommended pages that most closely aligns with your own interests :).
+This is a public website collecting all my (public) thoughts and projects all in one place. There are a lot of pages here, that link to each other wiki-style. I suggest starting your browsing with one of the recommended pages that most closely align with your interests :).
-
-<h2 id="about-me">About me</h2>
-
-<div class="p-note">
-  I'm a software developer living in <span class="p-locality">Dallas</span>, <span class="p-region">Texas</span><span class="p-country-name" style="display: none;">USA</span> with my wife and baby son. I work at <span class="p-org h-card"><span class="p-name">Topaz Labs LLC</span><span class="p-role" style="display: none">Software Developer</span></span>, where I develop their flagship product Topaz Photo AI. I have many hobbies and interests - check out <a href="/now">/now</a> for a list of what I'm currently working on. Reach out to me via my socials or <a class="u-email" href="mailto:thepaperpilot@incremental.social">thepaperpilot@incremental.social</a>.
-</div>
-
-</div>

site/now/index.md

@@ -16,10 +16,6 @@ const pageData = useData();
 
 This "now page" offers a big picture glimpse into what I’m focused on at this point in my life. [What is a now page](https://nownownow.com/about)?
 
-## Life
-
-I'm living in DFW with my wife and baby son. I work at Topaz Labs LLC as a software developer, where I develop their flagship product Topaz Photo AI.
-
 ## IndieWeb
 
 I've been learning a lot about [The Small Web](/garden/the-small-web/index.md) (or the various other names it goes by). I've been working on this website and implementing the various IndieWeb building blocks