add more markup

pyrox.dev a848e5ae d21ef7ea

verified
Changed files
+40 -11
src
+1 -1
src/_components/footer.vto
···
rel="me"
aria-label="{{author.name}}'s {{link.description}}"
>
-
<i class="si si-{{link.service}} {{link.extra_classes}}"></i>
</a>
</li>
{{ /for }}
···
rel="me"
aria-label="{{author.name}}'s {{link.description}}"
>
+
<i class="u-url si si-{{link.service}} {{link.extra_classes}}"></i>
</a>
</li>
{{ /for }}
+6 -1
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>
{{ /for }}
</nav>
<div></div>
···
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 }}"
+
{{ if link.name == "About" }}
+
rel="author"{{ /if }}
+
>{{ link.name }}</a>
{{ /for }}
</nav>
<div></div>
+6 -2
src/_components/webring.vto
···
-
<li class="px-2 py-1 bg-surface0 text-center text-lg rounded-md w-full lg: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> |
<a href="{{ring.all}}" class="text-sapphire">All</a> |
<a href="{{ring.next}}" class="text-maroon">Next &gt;</a>
</li>
···
+
<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> |
+
{{ 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>
+19 -1
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/"
···
[[rings]]
name = "Lady Arcaders Webring"
previous = "https://ladyarcaders.com/webring/6/previous/"
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"
+1 -1
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>
</h2>
<div class="e-content text-lg">
···
</h2>
<h2 class="text-2xl font-sans mb-8 text-overlay1">
By
+
<span class="inline p-author h-card">{{ author.name }}</span>
</h2>
<div class="e-content text-lg">
+6 -4
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>
{{# 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>
<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) }}
···
{{ layout "layouts/base.vto" }}
+
<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 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>
<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) }}
+1 -1
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.
Currently, I'm a student at a university in the United States, working towards a Bachelor's Degree
in Cybersecurity.
···
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. {.p-note}
Currently, I'm a student at a university in the United States, working towards a Bachelor's Degree
in Cybersecurity.