My blog
more updates
+55
-21
+3
-1
TODO.md
+3
-1
TODO.md
···
5
5
- Code syntax highlighting with [`lume_shiki`](https://github.com/FuriouZz/lume_shiki)
6
6
- CI Checks
7
7
- Performance, Accessibility, Best Practices, and SEO with [lighthouse-ci](https://github.com/GoogleChrome/lighthouse-ci/blob/main/docs/getting-started.md)
8
-
- HTML, CSS, and JS formatting with something like the W3C Nu HTML Checker
8
+
- HTML, CSS, and JS validation
9
+
- [HTML-Validate](https://html-validate.org/)
10
+
- [csstree-validator](https://www.npmjs.com/package/csstree-validator)
9
11
- Grammar checking for source files(including inclusive language, spell checking, and other basic checks)
10
12
- Checking for valid [Microformats](https://microformats.org/wiki/Main_Page) data on all pages that have it
11
13
- Webrings!
+8
-2
src/_components/post_card.vto
+8
-2
src/_components/post_card.vto
···
4
4
<div class="m-4 pb-1">
5
5
<p class="text-subtext1 text-lg">{{ post.title }}</p>
6
6
<p class="inline italic text-subtext0">{{ post.summary }}</p>
7
-
<p class="float-right inline text-blue">{{ post.date |> date('DATE') }}</p>
7
+
<p class="float-right inline text-blue">
8
+
<time datetime="{{ post.date |> date('date') }}">
9
+
{{ post.date |> date('DATE') }}
10
+
</time>
11
+
</p>
8
12
</div>
9
13
</a>
10
14
</li>
···
15
19
<h2 class="text-subtext1 font-serif text-2xl mb-2">{{ post.title }}</h2>
16
20
<h3 class="text-lg lg:inline italic text-subtext0">{{ post.summary }}</h3>
17
21
<p class="text-lg lg:float-right lg:inline text-blue">
18
-
{{ post.date |> date('DATE') }}
22
+
<time datetime="{{ post.date |> date('date') }}">
23
+
{{ post.date |> date('DATE') }}
24
+
</time>
19
25
</p>
20
26
</div>
21
27
</a>
+12
src/_components/project_card.vto
+12
src/_components/project_card.vto
···
1
+
<li class="bg-surface0 p-4 w-1/2 text-lg rounded-md">
2
+
<p class="text-2xl font-serif mb-2">{{ project.name }}</p>
3
+
<p class="italic">{{ project.description }}</p>
4
+
<p>Techs Used: {{ project.techs }}</p>
5
+
<p>
6
+
Developed Since:
7
+
<strong><time datetime="{{ project.start |> date('date') }}">
8
+
{{ project.start |> date('POST_DATE') }}
9
+
</time></strong>
10
+
</p>
11
+
<a class="underline text-blue" href="{{ project.link }}">{{ project.link }}</a>
12
+
</li>
+20
src/_data/projects.toml
+20
src/_data/projects.toml
···
1
+
[[projects]]
2
+
name = "VGArchive"
3
+
description = "Charity Marathon information archive and search"
4
+
techs = [ "Django", "Python", "Nix", "CSS", "HTML", "Sqlite"]
5
+
link = "https://github.com/pyrox0/vgarchive"
6
+
start = "2024-08-17"
7
+
8
+
[[projects]]
9
+
name = "Nix Configuration"
10
+
description = "NixOS configuration and modules for all of my servers."
11
+
techs = [ "Nix", "Caddy" ]
12
+
link = "https://git.pyrox.dev/pyrox/nix"
13
+
start = "2022-01-28"
14
+
15
+
[[projects]]
16
+
name = "This Blog"
17
+
description = "The site you're reading this on!"
18
+
techs = [ "Nix", "HTML", "CSS", "Vento", "JS", "Python", "Markdown"]
19
+
link = "https://git.pyrox.dev/pyrox/new-blog"
20
+
start ="2025-02-09"
src/_includes/components/head.vto
src/_components/head.vto
src/_includes/components/head.vto
src/_components/head.vto
+5
-3
src/_includes/layouts/base.vto
+5
-3
src/_includes/layouts/base.vto
···
1
1
<!DOCTYPE html>
2
2
<html lang="en-US">
3
3
<head>
4
-
{{ include "components/head.vto" }}
4
+
{{ comp.head() }}
5
5
</head>
6
6
<body id="body" class="mocha bg-crust grid">
7
-
{{ include "components/navbar.vto" }}
7
+
{{ comp.navbar() }}
8
+
8
9
{{ content }}
9
-
{{ include "components/footer.vto" }}
10
+
11
+
{{ comp.footer() }}
10
12
</body>
11
13
</html>
+5
-13
src/_includes/layouts/projects.vto
+5
-13
src/_includes/layouts/projects.vto
···
1
1
{{ layout "layouts/base.vto" }}
2
2
<main class="min-h-screen text-text justify-self-center w-full lg:w-1/2">
3
-
<h1 class="mt-8 text-5xl text-bold text-mauve">hi, I'm dish</h1>
4
-
{{# Profile picture goes here #}}
5
-
<div class="h-64 content-center border-2 mt-4">Profile Picture</div>
6
-
<h2 class="text-2xl mt-4">Student, Sysadmin, and UX Crafter</h2>
7
-
<p class="text-lg mt-2">
8
-
Howdy! I play with computers, with an emphasis on accessible, secure, and enjoyable
9
-
experiences.
10
-
</p>
11
-
<!-- <div class="h-4"></div> -->
12
-
<h2 class="my-8 text-2xl">Recent blog posts:</h2>
13
-
<ul class="lg:w-3/4">
14
-
{{ for post of search.pages("category=blog", "date", 5) }}
15
-
{{ comp.post_card({"post": post, compact: true}) }}
3
+
<h1 class="my-8 text-5xl text-bold text-mauve">Projects</h1>
4
+
<p class="mb-4">Click any card to be taken to the project's git repo!</p>
5
+
<ul class="space-y-4">
6
+
{{ for project of projects.projects }}
7
+
{{ comp.project_card({"project": project}) }}
16
8
{{ /for }}
17
9
</ul>
18
10
</main>
+1
-1
src/blog/example-blog-post-2.md
+1
-1
src/blog/example-blog-post-2.md