commit a1b3e40797b6cc4957643affd5aa3c3e2f7ccee7 · pyrox.dev/blog

+3 -1

TODO.md

···

       5
        
       - Code syntax highlighting with [`lume_shiki`](https://github.com/FuriouZz/lume_shiki)

     

       6
        
       - CI Checks

     

       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

     

       0
        
       
     

       0
        
       
     

       9
        
         - Grammar checking for source files(including inclusive language, spell checking, and other basic checks)

     

       10
        
         - Checking for valid [Microformats](https://microformats.org/wiki/Main_Page) data on all pages that have it

     

       11
        
       - Webrings!

···

       5
        
       - Code syntax highlighting with [`lume_shiki`](https://github.com/FuriouZz/lume_shiki)

     

       6
        
       - CI Checks

     

       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 validation

     

       9
       +
           - [HTML-Validate](https://html-validate.org/)

     

       10
       +
           - [csstree-validator](https://www.npmjs.com/package/csstree-validator)

     

       11
        
         - Grammar checking for source files(including inclusive language, spell checking, and other basic checks)

     

       12
        
         - Checking for valid [Microformats](https://microformats.org/wiki/Main_Page) data on all pages that have it

     

       13
        
       - Webrings!

+8 -2

src/_components/post_card.vto

···

       4
        
                   <div class="m-4 pb-1">

     

       5
        
                       <p class="text-subtext1 text-lg">{{ post.title }}</p>

     

       6
        
                       <p class="inline italic text-subtext0">{{ post.summary }}</p>

     

       7
       -
                       <p class="float-right inline text-blue">{{ post.date |> date('DATE') }}</p>

     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       8
        
                   </div>

     

       9
        
               </a>

     

       10
        
           </li>

     
···

       15
        
                       <h2 class="text-subtext1 font-serif text-2xl mb-2">{{ post.title }}</h2>

     

       16
        
                       <h3 class="text-lg lg:inline italic text-subtext0">{{ post.summary }}</h3>

     

       17
        
                       <p class="text-lg lg:float-right lg:inline text-blue">

     

       18
       -
                           {{ post.date |> date('DATE') }}

     

       0
        
       
     

       0
        
       
     

       19
        
                       </p>

     

       20
        
                   </div>

     

       21
        
               </a>

···

       4
        
                   <div class="m-4 pb-1">

     

       5
        
                       <p class="text-subtext1 text-lg">{{ post.title }}</p>

     

       6
        
                       <p class="inline italic text-subtext0">{{ post.summary }}</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>

     

       12
        
                   </div>

     

       13
        
               </a>

     

       14
        
           </li>

     
···

       19
        
                       <h2 class="text-subtext1 font-serif text-2xl mb-2">{{ post.title }}</h2>

     

       20
        
                       <h3 class="text-lg lg:inline italic text-subtext0">{{ post.summary }}</h3>

     

       21
        
                       <p class="text-lg lg:float-right lg:inline text-blue">

     

       22
       +
                           <time datetime="{{ post.date |> date('date') }}">

     

       23
       +
                               {{ post.date |> date('DATE') }}

     

       24
       +
                           </time>

     

       25
        
                       </p>

     

       26
        
                   </div>

     

       27
        
               </a>

+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

···

       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/footer.vto src/_components/footer.vto

src/_includes/components/head.vto src/_components/head.vto

src/_includes/components/navbar.vto src/_components/navbar.vto

+5 -3

src/_includes/layouts/base.vto

···

       1
        
       <!DOCTYPE html>

     

       2
        
       <html lang="en-US">

     

       3
        
           <head>

     

       4
       -
               {{ include "components/head.vto" }}

     

       5
        
           </head>

     

       6
        
           <body id="body" class="mocha bg-crust grid">

     

       7
       -
               {{ include "components/navbar.vto" }}

     

       0
        
       
     

       8
        
               {{ content }}

     

       9
       -
               {{ include "components/footer.vto" }}

     

       0
        
       
     

       10
        
           </body>

     

       11
        
       </html>

···

       1
        
       <!DOCTYPE html>

     

       2
        
       <html lang="en-US">

     

       3
        
           <head>

     

       4
       +
               {{ comp.head() }}

     

       5
        
           </head>

     

       6
        
           <body id="body" class="mocha bg-crust grid">

     

       7
       +
               {{ comp.navbar() }}

     

       8
       +
       

     

       9
        
               {{ content }}

     

       10
       +
       

     

       11
       +
               {{ comp.footer() }}

     

       12
        
           </body>

     

       13
        
       </html>

+5 -13

src/_includes/layouts/projects.vto

···

       1
        
       {{ layout "layouts/base.vto" }}

     

       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}) }}

     

       16
        
                   {{ /for }}

     

       17
        
               </ul>

     

       18
        
           </main>

···

       1
        
       {{ layout "layouts/base.vto" }}

     

       2
        
           <main class="min-h-screen text-text justify-self-center w-full lg:w-1/2">

     

       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}) }}

     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       8
        
                   {{ /for }}

     

       9
        
               </ul>

     

       10
        
           </main>

+1 -1

src/blog/example-blog-post-2.md

···

       1
        
       ---

     

       2
        
       title: example blog post 2

     

       3
        
       summary: "Testing how posts work in lume"

     

       4
       -
       draft: false

     

       5
        
       published: 2025-02-14

     

       6
        
       ---

     

       7

···

       1
        
       ---

     

       2
        
       title: example blog post 2

     

       3
        
       summary: "Testing how posts work in lume"

     

       4
       +
       draft: true

     

       5
        
       published: 2025-02-14

     

       6
        
       ---

     

       7

+1 -1

src/blog/example-blog-post.md

···

       1
        
       ---

     

       2
        
       title: example blog post

     

       3
        
       summary: "Testing how posts work in lume"

     

       4
       -
       draft: false

     

       5
        
       published: 2025-02-14

     

       6
        
       ---

     

       7

···

       1
        
       ---

     

       2
        
       title: example blog post

     

       3
        
       summary: "Testing how posts work in lume"

     

       4
       +
       draft: true

     

       5
        
       published: 2025-02-14

     

       6
        
       ---

     

       7