Updated homepage

build_garden.js

@@ -325,12 +325,12 @@ ${changes}
     let fd = fs.openSync("site/changelog/index.md", "w+");
     fs.writeSync(fd,
 `---
-title: Changelog
+title: Site Changelog
 prev: false
 next: false
 ---
 <section class="h-feed">
-<h1 class="p-name">Changelog</h1>
+<h1 class="p-name">Site Changelog</h1>
 <p>This feed starts when I formatted the site to be a <a href="/garden/digital-gardens/">Digital Garden</a>. If you'd like to look further into this site's history, check <a href="https://code.incremental.social/thepaperpilot/pages/commits/branch/master">here</a>!</p>
 
 ${entries.join("\n\n")}

site/.vitepress/config.ts

@@ -70,7 +70,7 @@ export default {
         items: favorites
       },
       { text: "/now", link: "/now" },
-      { text: "Changelog", link: "/changelog" }
+      { text: "Site Changelog", link: "/changelog" }
     ]
   },
   contentProps: {

site/.vitepress/theme/custom.css

@@ -122,7 +122,7 @@ ul > li > ul::before {
   padding: 0 32px !important;
 }
 
-.vp-doc a {
+.vp-doc a:not(.u-uid) {
   color: unset;
   text-decoration: unset;
   font-weight: unset;
@@ -141,7 +141,7 @@ ul > li > ul::before {
   box-decoration-break: clone;
 }
 
-.vp-doc a:hover {
+.vp-doc a:not(.u-uid):hover {
   color: unset;
   background-image: linear-gradient(
     to right,
@@ -588,3 +588,37 @@ table {
 p:last-child {
   margin-bottom: 0 !important;
 }
+
+.hero {
+  width: 60%;
+  margin: auto;
+}
+
+@property --anim-bg {
+  syntax: '<color>';
+  initial-value: transparent;
+  inherits: false;
+}
+
+@keyframes vp-nolebase-highlight-targeted-heading-animation {
+  0% {
+    --anim-bg: transparent;
+  }
+
+  10%,35% {
+    --anim-bg: var(--vp-c-brand-soft);
+  }
+
+  99% {
+    --anim-bg: transparent;
+  }
+
+  to {
+    --anim-bg: transparent;
+  }
+}
+
+.VPNolebaseHighlightTargetedHeadingAnimated {
+  animation: vp-nolebase-highlight-targeted-heading-animation 1.5s ease-in-out;
+  background: linear-gradient(0deg, var(--anim-bg) 55%, transparent 45%) repeat-x;
+}

site/git.data.ts

@@ -22,7 +22,6 @@ export default {
         ret[e] = `Planted ${firstCommit}.${lastCommit ? ` Last tended to ${lastCommit}.` : ''}`;
         resolve();
     })));
-    console.log(ret)
 
     // Map pages just like build_garden does
     ret['site/guide-to-incrementals/index.md'] = ret['site/garden/guide-to-incrementals/index.md'];

site/index.md

@@ -3,8 +3,21 @@ title: Hello!
 prev: false
 next: false
 ---
-# Hello!
+<div class="h-card">
+<h1 id="hello">Hello!</h1>
 
-I'm Anthony, or The Paper Pilot, and I make fun games and tools!
+I'm Anthony, or <span class="p-name">The Paper Pilot</span>, and welcome to my <a href="/garden/digital-gardens">digital garden</a>!
 
-<img class="hero" src="/paperpilot.png" />
+<a href="/" class="u-url u-uid">
+<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 :).
+
+<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>