add more markup

src/_components/footer.vto

···
                         rel="me"
                         aria-label="{{author.name}}'s {{link.description}}"
                     >
-                        <i class="si si-{{link.service}} {{link.extra_classes}}"></i>
+                        <i class="u-url si si-{{link.service}} {{link.extra_classes}}"></i>
                     </a>
                 </li>
             {{ /for }}

src/_components/navbar.vto

···
         class="flex flex-row text-xl lg:text-3xl text-mauve underline gap-x-4 lg:gap-x-16 justify-center"
     >
         {{ for link of nav.links }}
-            <a class="underline self-center" href="{{ link.link }}">{{ link.name }}</a>
+            <a
+                class="underline self-center"
+                href="{{ link.link }}"
+                {{ if link.name == "About" }}
+                    rel="author"{{ /if }}
+            >{{ link.name }}</a>
         {{ /for }}
     </nav>
     <div></div>

src/_components/webring.vto

···
-<li class="px-2 py-1 bg-surface0 text-center text-lg rounded-md w-full lg:w-1/3">
+<li
+    class="mb-2 lg:mb-4 px-2 py-1 bg-surface0 text-center text-lg rounded-md w-full sm:w-1/2 xl:w-1/3"
+>
     <p><a href="{{ring.all}}" class="text-serif text-2xl text-mauve">{{ ring.name }}</a></p>
     <a href="{{ring.previous}}" class="text-green">&lt; Previous</a> |
-    <a href="{{ring.random}}" class="text-peach">Random</a> |
+    {{ if ring.random }}
+        <a href="{{ring.random}}" class="text-peach">Random</a> |
+    {{ /if }}
     <a href="{{ring.all}}" class="text-sapphire">All</a> |
     <a href="{{ring.next}}" class="text-maroon">Next &gt;</a>
 </li>

src/_data/webrings.toml

···
 [[rings]]
 name = "Lady Arcaders Webring"
 previous = "https://ladyarcaders.com/webring/6/previous/"
-next = "https://ladyarcaders.com/webring/6/next/"
 random = "https://ladyarcaders.com/webring/6/random"
 all = "https://ladyarcaders.com/webring/"
+next = "https://ladyarcaders.com/webring/6/next/"
+
+[[rings]]
+name = "roboring"
+previous = "https://stellophiliac.github.io/roboring/dish/previous"
+all = "https://stellophiliac.github.io/roboring"
+next = "https://stellophiliac.github.io/roboring/dish/next"
+
+[[rings]]
+name = "Catppuccin Webring"
+previous = "https://ctp-webr.ing/dish/previous"
+all = "https://ctp-webr.ing/"
+next = "https://ctp-webr.ing/dish/next"
+
+[[rings]]
+name = "IndieWeb Webring"
+previous = "https://xn--sr8hvo.ws/previous"
+all = "https://xn--sr8hvo.ws"
+next = "https://xn--sr8hvo.ws/next"

src/_includes/layouts/blog-post.vto

···
             </h2>
             <h2 class="text-2xl font-sans mb-8 text-overlay1">
                 By
-                <span class="inline p-author">{{ author.name }}</span>
+                <span class="inline p-author h-card">{{ author.name }}</span>
             </h2>
 
             <div class="e-content text-lg">

src/_includes/layouts/home.vto

···
 {{ layout "layouts/base.vto" }}
-    <main class="min-h-screen text-text justify-self-center w-full lg:w-1/2">
-        <h1 class="mt-8 text-5xl text-bold text-mauve">hi, I'm dish</h1>
+    <main class="min-h-screen text-text justify-self-center w-full lg:w-1/2 h-card">
+        <h1 class="mt-8 text-5xl text-bold text-mauve">
+            hi, I'm <span><a href="/about" rel="me" class="u-url u-uid p-name p-nickname"
+                >dish</a></span>
+        </h1>
         {{# Profile picture goes here #}}
         <div class="h-64 w-64 content-center text-center outline-2 mt-4">
             there'll be a picture here in the future, promise!
         </div>
-        <h2 class="text-2xl mt-4">Student, Sysadmin, and UX Crafter</h2>
+        <h2 class="text-2xl mt-4 p-note">Student, Sysadmin, and UX Crafter</h2>
         <p class="text-lg mt-2">
             Howdy! I play with computers, with an emphasis on accessible, secure, and enjoyable
             experiences.
         </p>
-        <!-- <div class="h-4"></div> -->
         <h2 class="my-8 text-2xl">Recent blog posts:</h2>
         <ul class="lg:w-3/4">
             {{ for post of search.pages("category=blog", "date", 5) }}

src/about.md

···
 Hello, I'm dish.
 
 My main focuses are cybersecurity, system administration, and user experience. I enjoy building
-things from scratch, tinkering, and try to deeply understand the tools I work with.
+things from scratch, tinkering, and try to deeply understand the tools I work with. {.p-note}
 
 Currently, I'm a student at a university in the United States, working towards a Bachelor's Degree
 in Cybersecurity.