commit 85e2e9f099972d682046c8f8ae5b818e88d84c5c · pyrox.dev/blog

+4

src/_components/logo.vto

···

       1
       1
       +
       <div class="flex flex-row justify-center gap-x-4 content-center">

     

       2
       2
       +
           <i class="bi bi-exclamation-triangle text-yellow self-center justify-self-end text-4xl"></i>

     

       3
       3
       +
           <p class="text-text text-xl self-center">a space</p>

     

       4
       4
       +
       </div>

+23

src/_components/post_card.vto

···

       1
       1
       +
       {{ if compact }}

     

       2
       2
       +
           <li class="bg-surface0 rounded">

     

       3
       3
       +
               <a href="{{ post.url }}">

     

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

     

       8
       8
       +
                   </div>

     

       9
       9
       +
               </a>

     

       10
       10
       +
           </li>

     

       11
       11
       +
       {{ else }}

     

       12
       12
       +
           <li class="bg-surface0 rounded-md">

     

       13
       13
       +
               <a href="{{ post.url }}">

     

       14
       14
       +
                   <div class="m-6 py-2">

     

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

     

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

     

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

     

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

     

       19
       19
       +
                       </p>

     

       20
       20
       +
                   </div>

     

       21
       21
       +
               </a>

     

       22
       22
       +
           </li>

     

       23
       23
       +
       {{ /if }}

+15 -17

src/_data.toml src/_data/author.toml

···

       1
       1
       -
       [metas]

     

       2
       2
       -
       site = "dish's space"

     

       3
       3
       -
       lang = "en"

     

       4
       4
       -
       generator = true

     

       5
       5
       -
       

     

       6
       6
       -
       [author]

     

       7
       1
        
       name = "dish"

     

       2
       2
       +
       url = "https://pyrox.dev"

     

       8
       3
        
       pronouns = "fox/it/she"

     

       9
       4
        
       icon = "assets/author.png"

     

       10
       10
       -
       [[author.links]]

     

       11
       11
       -
       service = "bluesky"

     

       12
       12
       -
       link = "https://bsky.app/profile/pyrox.dev"

     

       13
       13
       -
       description = "personal Bluesky account"

     

       14
       14
       -
       [[author.links]]

     

       5
       5
       +
       [[links]]

     

       15
       6
        
       service = "lastdotfm"

     

       16
       7
        
       link = "https://www.last.fm/user/thehedgeh0g"

     

       17
       8
        
       description = "last.fm profile"

     

       18
       18
       -
       [[author.links]]

     

       9
       9
       +
       extra_classes = "pt-2.5 text-[2.5rem]"

     

       10
       10
       +
       [[links]]

     

       11
       11
       +
       service = "kofi"

     

       12
       12
       +
       link = "https://ko-fi.com/pyroxdev"

     

       13
       13
       +
       description = "Ko-fi donation page"

     

       14
       14
       +
       extra_classes = "pt-1 text-[2.5rem]"

     

       15
       15
       +
       [[links]]

     

       19
       16
        
       service = "forgejo"

     

       20
       17
        
       link = "https://git.pyrox.dev/pyrox"

     

       21
       18
        
       description = "personal Git forge"

     

       22
       22
       -
       [[author.links]]

     

       19
       19
       +
       extra_classes = "-mx-1.5"

     

       20
       20
       +
       [[links]]

     

       23
       21
        
       service = "github"

     

       24
       22
        
       link = "https://github.com/pyrox0"

     

       25
       23
        
       description = "Github profile"

     

       26
       26
       -
       [[author.links]]

     

       27
       27
       -
       service = "kofi"

     

       28
       28
       -
       link = "https://ko-fi.com/pyroxdev"

     

       29
       29
       -
       description = "Ko-fi donation page"

     

       24
       24
       +
       [[links]]

     

       25
       25
       +
       service = "bluesky"

     

       26
       26
       +
       link = "https://bsky.app/profile/pyrox.dev"

     

       27
       27
       +
       description = "personal Bluesky account"

+4

src/_data/metas.toml

···

       1
       1
       +
       site = "dish's space"

     

       2
       2
       +
       lang = "en-US"

     

       3
       3
       +
       generator = true

     

       4
       4
       +
       color = [ "light", "dark"]

+14

src/_data/nav.toml

···

       1
       1
       +
       [[links]]

     

       2
       2
       +
       name = "About"

     

       3
       3
       +
       link = "/about"

     

       4
       4
       +
       extra_classes = ""

     

       5
       5
       +
       

     

       6
       6
       +
       [[links]]

     

       7
       7
       +
       name = "Blog"

     

       8
       8
       +
       link = "/blog"

     

       9
       9
       +
       extra_classes = ""

     

       10
       10
       +
       

     

       11
       11
       +
       [[links]]

     

       12
       12
       +
       name = "Projects"

     

       13
       13
       +
       link = "/projects"

     

       14
       14
       +
       extra_classes = ""

+34 -27

src/_includes/components/footer.vto

···

       1
       1
       -
       <footer class="bg-mantle min-h-24 inset-x-0 bottom-0 absolute border-t-2 border-surface1 grid text-text grid-cols-3">

     

       2
       2
       -
         <div class="flex flex-row justify-center gap-x-4 content-center">

     

       3
       3
       -
           <i class="bi bi-exclamation-triangle text-yellow self-center justify-self-end text-4xl"></i>

     

       4
       4
       -
           <p class="text-text text-xl self-center">a space</p>

     

       5
       5
       -
         </div>

     

       6
       6
       -
         <div class="mt-2">

     

       7
       7
       -
           <p class="text-overlay2 text-lg">Social</p>

     

       8
       8
       -
           <ul class="list-none text-4xl text-subtext1">

     

       9
       9
       -
             {{ for link of author.links }}

     

       10
       10
       -
               <li class="inline-block">

     

       11
       11
       -
                 <a href="{{link.link}}" rel="me" aria-label="{{author.name}}'s {{link.description}}">

     

       12
       12
       -
                   <i class="si si-{{link.service}}"></i>

     

       13
       13
       -
                 </a>

     

       14
       14
       -
               </li>

     

       15
       15
       -
             {{ /for }}

     

       16
       16
       -
               <li class="inline-block text-3xl">

     

       17
       17
       -
                 <a href="/blog.rss" aria-label="Blog RSS Feed">

     

       18
       18
       -
                   <i class="si si-rss"></i>

     

       19
       19
       -
                 </a>

     

       20
       20
       -
               </li>

     

       21
       21
       -
           </ul>

     

       22
       22
       -
         </div>

     

       23
       23
       -
         <div class="mt-2">

     

       24
       24
       -
           <p class="text-overlay2 text-lg">Info</p>

     

       25
       25
       -
           <p class="text-lg text-overlay1">&copy; 2025 dish</p>

     

       26
       26
       -
           <a href="https://git.pyrox.dev/pyrox/new-blog/commit/{{ commit }}" target="_blank" class="text-blue underline">version {{ commit |> substring(0, 8) }}</a>

     

       27
       27
       -
         </div>

     

       1
       1
       +
       <footer

     

       2
       2
       +
           class="bg-mantle min-h-24 inset-x-0 bottom-0 border-t-2 border-surface1 grid text-text grid-cols-3"

     

       3
       3
       +
       >

     

       4
       4
       +
           {{ comp.logo() }}

     

       5
       5
       +
           <div class="mt-2">

     

       6
       6
       +
               <p class="text-overlay2 text-lg">Social</p>

     

       7
       7
       +
               <ul class="list-none text-4xl text-subtext1">

     

       8
       8
       +
                   {{ for link of author.links }}

     

       9
       9
       +
                       <li class="inline-block">

     

       10
       10
       +
                           <a

     

       11
       11
       +
                               href="{{link.link}}"

     

       12
       12
       +
                               rel="me"

     

       13
       13
       +
                               aria-label="{{author.name}}'s {{link.description}}"

     

       14
       14
       +
                           >

     

       15
       15
       +
                               <i class="si si-{{link.service}} {{link.extra_classes}}"></i>

     

       16
       16
       +
                           </a>

     

       17
       17
       +
                       </li>

     

       18
       18
       +
                   {{ /for }}

     

       19
       19
       +
                   <li class="inline-block text-[2rem]">

     

       20
       20
       +
                       <a href="/blog.rss" aria-label="Blog RSS Feed">

     

       21
       21
       +
                           <i class="si si-rss"></i>

     

       22
       22
       +
                       </a>

     

       23
       23
       +
                   </li>

     

       24
       24
       +
               </ul>

     

       25
       25
       +
           </div>

     

       26
       26
       +
           <div class="mt-2">

     

       27
       27
       +
               <p class="text-overlay2 text-lg">Info</p>

     

       28
       28
       +
               <p class="text-lg text-overlay1">&copy; 2025 dish</p>

     

       29
       29
       +
               <a

     

       30
       30
       +
                   href="https://git.pyrox.dev/pyrox/new-blog/commit/{{ commit }}"

     

       31
       31
       +
                   target="_blank"

     

       32
       32
       +
                   class="text-blue underline"

     

       33
       33
       +
               >version {{ commit |> substring(0, 8) }}</a>

     

       34
       34
       +
           </div>

     

       28
       35
        
       </footer>

     

       29
       36
        
       <div style="display:none" class="latte"></div>

+8 -2

src/_includes/components/head.vto

···

       1
       1
       +
       {{# Site-wide Metadata #}}

     

       1
       2
        
       <meta charset="utf-8" />

     

       2
       3
        
       <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />

     

       3
       4
        
       <meta name="view-transition" content="same-origin" />

     

       4
       4
       -
       <meta name="supported-color-schemes" content="light dark" />

     

       5
       5
       +
       <meta name="supported-color-schemes" content="dark light" />

     

       6
       6
       +
       {{# Feed Links #}}

     

       5
       7
        
       <link rel="alternate" type="application/feed+json" href="/blog.json" />

     

       6
       8
        
       <link rel="alternate" type="application/rss+xml" href="/blog.rss" />

     

       9
       9
       +
       {{# Stylesheets #}}

     

       10
       10
       +
       <link rel="stylesheet" href="/static/fonts.css" />

     

       7
       11
        
       <link rel="stylesheet" href="/static/styles.css" />

     

       8
       12
        
       <link rel="stylesheet" href="/static/icons/bsi.min.css" />

     

       9
       13
        
       <link rel="stylesheet" href="/static/icons/si.min.css" />

     

       10
       10
       -
       <title>{{title}}</title>

     

       14
       14
       +
       {{# Page Metadata #}}

     

       15
       15
       +
       <link rel="canonical" href="{{ url }}" />

     

       16
       16
       +
       <title>{{ title }}</title>

+14 -2

src/_includes/components/navbar.vto

···

       1
       1
       -
       <header role="banner" class="bg-mantle min-h-20 grid grid-cols-8 grid-rows-1 mb-2">

     

       2
       2
       -
         <p class="text-text">meow</p>

     

       1
       1
       +
       <header role="banner" class="bg-mantle min-h-20 flex flex-row justify-around mb-2">

     

       2
       2
       +
           <a class="flex flex-row justify-center gap-x-4 content-center" href="/">

     

       3
       3
       +
               {{ comp.logo() }}

     

       4
       4
       +
           </a>

     

       5
       5
       +
           <nav

     

       6
       6
       +
               aria-label="Main"

     

       7
       7
       +
               class="flex flex-row text-3xl text-mauve underline gap-x-16 justify-center"

     

       8
       8
       +
           >

     

       9
       9
       +
               {{ for link of nav.links }}

     

       10
       10
       +
                   <a class="underline self-center" href="{{ link.link }}">{{ link.name }}</a>

     

       11
       11
       +
               {{ /for }}

     

       12
       12
       +
           </nav>

     

       13
       13
       +
           <div></div>

     

       14
       14
       +
           <p class="text-overlay1 self-center">search coming soon</p>

     

       3
       15
        
       </header>

+21

src/_includes/layouts/about.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 h-card">

     

       3
       3
       +
               <h1 class="mt-8 text-5xl text-bold text-mauve">

     

       4
       4
       +
                   About

     

       5
       5
       +
                   <div class="p-name p-nickname inline">

     

       6
       6
       +
                       dish

     

       7
       7
       +
                   </div>

     

       8
       8
       +
               </h1>

     

       9
       9
       +
       

     

       10
       10
       +
               <h2 class="text-2xl mt-4">

     

       11
       11
       +
                   <div class="inline p-job-title">Student</div>, Sysadmin, and UX Crafter

     

       12
       12
       +
               </h2>

     

       13
       13
       +
               <p class="text-lg mt-2">

     

       14
       14
       +
                   Howdy! I play with computers, with an emphasis on accessible, secure, and enjoyable

     

       15
       15
       +
                   experiences.

     

       16
       16
       +
               </p>

     

       17
       17
       +
       

     

       18
       18
       +
               <h3 class="text-mauve text-2xl">About This Blog</h3>

     

       19
       19
       +
               <p class="text-"></p>

     

       20
       20
       +
           </main>

     

       21
       21
       +
       {{ /layout }}

+11

src/_includes/layouts/base.vto

···

       1
       1
       +
       <!DOCTYPE html>

     

       2
       2
       +
       <html lang="en-US">

     

       3
       3
       +
           <head>

     

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

     

       5
       5
       +
           </head>

     

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

     

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

     

       8
       8
       +
               {{ content }}

     

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

     

       10
       10
       +
           </body>

     

       11
       11
       +
       </html>

+13

src/_includes/layouts/blog-list.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
       3
       +
               <h1 class="text-5xl my-8">Blog</h1>

     

       4
       4
       +
               <a class="lg:inline float-right -mt-20 mr-1.5" href="/blog.rss" aria-label="Blog RSS Feed">

     

       5
       5
       +
                   <i class="text-5xl si si-rss"></i>

     

       6
       6
       +
               </a>

     

       7
       7
       +
               <ul class="mt-8">

     

       8
       8
       +
                   {{ for post of search.pages("category=blog") }}

     

       9
       9
       +
                       {{ comp.post_card({"post": post}) }}

     

       10
       10
       +
                   {{ /for }}

     

       11
       11
       +
               </ul>

     

       12
       12
       +
           </main>

     

       13
       13
       +
       {{ /layout }}

+21

src/_includes/layouts/blog-post.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
       3
       +
               <article class="h-entry">

     

       4
       4
       +
                   <h1 class="text-5xl font-serif mt-8 p-name">{{ title }}</h1>

     

       5
       5
       +
                   <h2 class="text-2xl font-sans mt-4 text-subtext0">

     

       6
       6
       +
                       Published on

     

       7
       7
       +
                       <time class="dt-published" datetime="{{ published |> date }}">

     

       8
       8
       +
                           {{ published |> date('POST_DATE') }}

     

       9
       9
       +
                       </time>

     

       10
       10
       +
                   </h2>

     

       11
       11
       +
                   <h2 class="text-2xl font-sans mb-8 text-overlay1">

     

       12
       12
       +
                       By

     

       13
       13
       +
                       <div class="inline p-author">{{ author.name }}</div>

     

       14
       14
       +
                   </h2>

     

       15
       15
       +
       

     

       16
       16
       +
                   <div class="e-content text-lg">

     

       17
       17
       +
                       {{ content }}

     

       18
       18
       +
                   </div>

     

       19
       19
       +
               </article>

     

       20
       20
       +
           </main>

     

       21
       21
       +
       {{ /layout }}

+19 -12

src/_includes/layouts/home.vto

···

       1
       1
       -
       <!DOCTYPE html>

     

       2
       2
       -
       <html lang="en-US">

     

       3
       3
       -
         <head>

     

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

     

       5
       5
       -
         </head>

     

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

     

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

     

       8
       8
       -
           <h1 class="text-blue">meow</h1>

     

       9
       9
       -
           <h2 class="text-mauve">the fitnessgram pacer test</h2>

     

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

     

       11
       11
       -
         </body>

     

       12
       12
       -
       </html>

     

       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
       3
       +
               <h1 class="mt-8 text-5xl text-bold text-mauve">hi, I'm dish</h1>

     

       4
       4
       +
               {{# Profile picture goes here #}}

     

       5
       5
       +
               <div class="h-64 content-center border-2 mt-4">Profile Picture</div>

     

       6
       6
       +
               <h2 class="text-2xl mt-4">Student, Sysadmin, and UX Crafter</h2>

     

       7
       7
       +
               <p class="text-lg mt-2">

     

       8
       8
       +
                   Howdy! I play with computers, with an emphasis on accessible, secure, and enjoyable

     

       9
       9
       +
                   experiences.

     

       10
       10
       +
               </p>

     

       11
       11
       +
               <!-- <div class="h-4"></div> -->

     

       12
       12
       +
               <h2 class="my-8 text-2xl">Recent blog posts:</h2>

     

       13
       13
       +
               <ul class="lg:w-3/4">

     

       14
       14
       +
                   {{ for post of search.pages("category=blog", "date", 5) }}

     

       15
       15
       +
                       {{ comp.post_card({"post": post, compact: true}) }}

     

       16
       16
       +
                   {{ /for }}

     

       17
       17
       +
               </ul>

     

       18
       18
       +
           </main>

     

       19
       19
       +
       {{ /layout }}

+19

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
       3
       +
               <h1 class="mt-8 text-5xl text-bold text-mauve">hi, I'm dish</h1>

     

       4
       4
       +
               {{# Profile picture goes here #}}

     

       5
       5
       +
               <div class="h-64 content-center border-2 mt-4">Profile Picture</div>

     

       6
       6
       +
               <h2 class="text-2xl mt-4">Student, Sysadmin, and UX Crafter</h2>

     

       7
       7
       +
               <p class="text-lg mt-2">

     

       8
       8
       +
                   Howdy! I play with computers, with an emphasis on accessible, secure, and enjoyable

     

       9
       9
       +
                   experiences.

     

       10
       10
       +
               </p>

     

       11
       11
       +
               <!-- <div class="h-4"></div> -->

     

       12
       12
       +
               <h2 class="my-8 text-2xl">Recent blog posts:</h2>

     

       13
       13
       +
               <ul class="lg:w-3/4">

     

       14
       14
       +
                   {{ for post of search.pages("category=blog", "date", 5) }}

     

       15
       15
       +
                       {{ comp.post_card({"post": post, compact: true}) }}

     

       16
       16
       +
                   {{ /for }}

     

       17
       17
       +
               </ul>

     

       18
       18
       +
           </main>

     

       19
       19
       +
       {{ /layout }}

+5

src/about.vto

···

       1
       1
       +
       ---

     

       2
       2
       +
       title: about dish

     

       3
       3
       +
       summary: "Who is dish? Find out here."

     

       4
       4
       +
       layout: layouts/about.vto

     

       5
       5
       +
       ---

+8

src/blog/_data.toml

···

       1
       1
       +
       layout = "layouts/blog-post.vto"

     

       2
       2
       +
       category = "blog"

     

       3
       3
       +
       

     

       4
       4
       +
       [metas]

     

       5
       5
       +
       title = "=title"

     

       6
       6
       +
       description = "=summary"

     

       7
       7
       +
       image = "=image"

     

       8
       8
       +
       keywords = "=tags"

+8

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

···

       1
       1
       +
       ---

     

       2
       2
       +
       title: example blog post 2

     

       3
       3
       +
       summary: "Testing how posts work in lume"

     

       4
       4
       +
       draft: false

     

       5
       5
       +
       published: 2025-02-14

     

       6
       6
       +
       ---

     

       7
       7
       +
       

     

       8
       8
       +
       # meow meow!

+8

src/blog/example-blog-post.md

···

       1
       1
       +
       ---

     

       2
       2
       +
       title: example blog post

     

       3
       3
       +
       summary: "Testing how posts work in lume"

     

       4
       4
       +
       draft: false

     

       5
       5
       +
       published: 2025-02-14

     

       6
       6
       +
       ---

     

       7
       7
       +
       

     

       8
       8
       +
       # meow meow!

+6

src/blog/index.vto

···

       1
       1
       +
       ---

     

       2
       2
       +
       title: Blog Posts

     

       3
       3
       +
       summary: "dish's blog posts"

     

       4
       4
       +
       layout: layouts/blog-list.vto

     

       5
       5
       +
       category: "index"

     

       6
       6
       +
       ---

-1

src/index.vto

···

       3
       3
        
       summary: "Lover of computers, programming, and sysadmin."

     

       4
       4
        
       layout: layouts/home.vto

     

       5
       5
        
       ---

     

       6
       6
       -

+5

src/projects.vto

···

       1
       1
       +
       ---

     

       2
       2
       +
       title: Projects

     

       3
       3
       +
       summary: "All the things dish works on"

     

       4
       4
       +
       layout: layouts/projects.vto

     

       5
       5
       +
       ---