commit fa034fc060d5afd2867a3ee3da64127fcca58426 · pyrox.dev/blog

+10

.zed/tasks.json

···

       13
        
           "shell": "system"

     

       14
        
         },

     

       15
        
         {

     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       16
        
           "label": "render to _site",

     

       17
        
           "command": "just build",

     

       18
        
           "use_new_terminal": true,

···

       13
        
           "shell": "system"

     

       14
        
         },

     

       15
        
         {

     

       16
       +
           "label": "dev server - caddy",

     

       17
       +
           "command": "just caddy",

     

       18
       +
           "use_new_terminal": true,

     

       19
       +
           "allow_concurrent_runs": false,

     

       20
       +
           "reveal": "never",

     

       21
       +
           "reveal_target": "dock",

     

       22
       +
           "hide": "never",

     

       23
       +
           "shell": "system"

     

       24
       +
         },

     

       25
       +
         {

     

       26
        
           "label": "render to _site",

     

       27
        
           "command": "just build",

     

       28
        
           "use_new_terminal": true,

+4

Caddyfile

···

       1
       +
       :8080 {

     

       2
       +
       	root * ./_site/

     

       3
       +
       	file_server

     

       4
       +
       }

+1

flake.nix

···

       12
        
             buildInputs = [

     

       13
        
               pkgs.deno

     

       14
        
               pkgs.just

     

       0
        
       
     

       15
        
               (pkgs.python3.withPackages (

     

       16
        
                 ps: with ps; [

     

       17
        
                   brotli

···

       12
        
             buildInputs = [

     

       13
        
               pkgs.deno

     

       14
        
               pkgs.just

     

       15
       +
               pkgs.caddy

     

       16
        
               (pkgs.python3.withPackages (

     

       17
        
                 ps: with ps; [

     

       18
        
                   brotli

+3

justfile

···

       6
        
       serve:

     

       7
        
         steam-run deno task --unstable-ffi serve

     

       8
        
       

     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       9
        
       build:

     

       10
        
         steam-run deno task --unstable-ffi lume

     

       11

···

       6
        
       serve:

     

       7
        
         steam-run deno task --unstable-ffi serve

     

       8
        
       

     

       9
       +
       caddy:

     

       10
       +
         caddy run

     

       11
       +
       

     

       12
        
       build:

     

       13
        
         steam-run deno task --unstable-ffi lume

     

       14

+4 -2

src/_components/footer.vto

···

       4
        
           {{ comp.logo() }}

     

       5
        
           <div class="mt-2">

     

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

     

       7
       -
               <ul class="list-none text-4xl text-subtext1 space-x-3">

     

       0
        
       
     

       0
        
       
     

       8
        
                   {{ for link of author.links }}

     

       9
        
                       <li class="inline-block">

     

       10
        
                           <a

     
···

       16
        
                           </a>

     

       17
        
                       </li>

     

       18
        
                   {{ /for }}

     

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

     

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

     

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

     

       22
        
                       </a>

···

       4
        
           {{ comp.logo() }}

     

       5
        
           <div class="mt-2">

     

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

     

       7
       +
               <ul

     

       8
       +
                   class="grid grid-cols-3 grid-rows-2 md:block list-none text-3xl lg:text-4xl text-subtext1 space-x-1 md:space-x-2 lg:space-x-3"

     

       9
       +
               >

     

       10
        
                   {{ for link of author.links }}

     

       11
        
                       <li class="inline-block">

     

       12
        
                           <a

     
···

       18
        
                           </a>

     

       19
        
                       </li>

     

       20
        
                   {{ /for }}

     

       21
       +
                   <li class="inline-block lg:text-[2rem] text-[1.75rem]">

     

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

     

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

     

       24
        
                       </a>

+5 -3

src/_components/logo.vto

···

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

     

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

     

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

     

       0
        
       
     

       0
        
       
     

       4
        
       </div>

···

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

     

       2
       +
           <i

     

       3
       +
               class="bi bi-exclamation-triangle text-yellow self-center justify-self-end text-2xl lg:text-4xl"

     

       4
       +
           ></i>

     

       5
       +
           <p class="text-text text-lg lg:text-xl self-center">a space</p>

     

       6
        
       </div>

+2 -2

src/_components/navbar.vto

···

       4
        
           </a>

     

       5
        
           <nav

     

       6
        
               aria-label="Main"

     

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

     

       8
        
           >

     

       9
        
               {{ for link of nav.links }}

     

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

     

       11
        
               {{ /for }}

     

       12
        
           </nav>

     

       13
        
           <div></div>

     

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

     

       15
        
       </header>

···

       4
        
           </a>

     

       5
        
           <nav

     

       6
        
               aria-label="Main"

     

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

     

       8
        
           >

     

       9
        
               {{ for link of nav.links }}

     

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

     

       11
        
               {{ /for }}

     

       12
        
           </nav>

     

       13
        
           <div></div>

     

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

     

       15
        
       </header>

+1 -1

src/_components/post_card.vto

···

       13
        
               </a>

     

       14
        
           </li>

     

       15
        
       {{ else }}

     

       16
       -
           <li class="bg-surface0 rounded-md">

     

       17
        
               <a href="{{ post.url }}">

     

       18
        
                   <div class="m-6 py-2">

     

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

···

       13
        
               </a>

     

       14
        
           </li>

     

       15
        
       {{ else }}

     

       16
       +
           <li class="bg-surface0 rounded-md w-3/4 lg:w-full">

     

       17
        
               <a href="{{ post.url }}">

     

       18
        
                   <div class="m-6 py-2">

     

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

+4 -3

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:

     
···

       8
        
                       {{ project.start |> date('POST_DATE') }}

     

       9
        
                   </time></strong>

     

       10
        
           </p>

     

       0
        
       
     

       11
        
           <a class="underline text-blue" href="{{ project.link }}">{{ project.link }}</a>

     

       12
        
       </li>

···

       1
       +
       <li class="bg-surface0 p-4 text-lg rounded-md">

     

       2
       +
           <h2 class="text-2xl font-serif mb-2">{{ project.name }}</h2>

     

       3
       +
           <h3 class="italic">{{ project.description }}</h3>

     

       4
        
           <p>Techs Used: {{ project.techs }}</p>

     

       5
        
           <p>

     

       6
        
               Developed Since:

     
···

       8
        
                       {{ project.start |> date('POST_DATE') }}

     

       9
        
                   </time></strong>

     

       10
        
           </p>

     

       11
       +
           <p>Status: {{ project.status }}</p>

     

       12
        
           <a class="underline text-blue" href="{{ project.link }}">{{ project.link }}</a>

     

       13
        
       </li>

+2 -2

src/_data/author.toml

···

       6
        
       service = "lastdotfm"

     

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

     

       8
        
       description = "last.fm profile"

     

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

     

       10
        
       [[links]]

     

       11
        
       service = "kofi"

     

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

     

       13
        
       description = "Ko-fi donation page"

     

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

     

       15
        
       [[links]]

     

       16
        
       service = "forgejo"

     

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

···

       6
        
       service = "lastdotfm"

     

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

     

       8
        
       description = "last.fm profile"

     

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

     

       10
        
       [[links]]

     

       11
        
       service = "kofi"

     

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

     

       13
        
       description = "Ko-fi donation page"

     

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

     

       15
        
       [[links]]

     

       16
        
       service = "forgejo"

     

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

+3

src/_data/projects.toml

···

       4
        
       techs = [ "Django", "Python", "Nix", "CSS", "HTML", "Sqlite"]

     

       5
        
       link = "https://github.com/pyrox0/vgarchive"

     

       6
        
       start = "2024-08-17"

     

       0
        
       
     

       7
        
       

     

       8
        
       [[projects]]

     

       9
        
       name = "Nix Configuration"

     
···

       11
        
       techs = [ "Nix", "Caddy" ]

     

       12
        
       link = "https://git.pyrox.dev/pyrox/nix"

     

       13
        
       start = "2022-01-28"

     

       0
        
       
     

       14
        
       

     

       15
        
       [[projects]]

     

       16
        
       name = "This Blog"

     
···

       18
        
       techs = [ "Nix", "HTML", "CSS", "Vento", "JS", "Python", "Markdown"]

     

       19
        
       link = "https://git.pyrox.dev/pyrox/new-blog"

     

       20
        
       start ="2025-02-09"

     

       0

···

       4
        
       techs = [ "Django", "Python", "Nix", "CSS", "HTML", "Sqlite"]

     

       5
        
       link = "https://github.com/pyrox0/vgarchive"

     

       6
        
       start = "2024-08-17"

     

       7
       +
       status = "Pre-Alpha"

     

       8
        
       

     

       9
        
       [[projects]]

     

       10
        
       name = "Nix Configuration"

     
···

       12
        
       techs = [ "Nix", "Caddy" ]

     

       13
        
       link = "https://git.pyrox.dev/pyrox/nix"

     

       14
        
       start = "2022-01-28"

     

       15
       +
       status = "Stable"

     

       16
        
       

     

       17
        
       [[projects]]

     

       18
        
       name = "This Blog"

     
···

       20
        
       techs = [ "Nix", "HTML", "CSS", "Vento", "JS", "Python", "Markdown"]

     

       21
        
       link = "https://git.pyrox.dev/pyrox/new-blog"

     

       22
        
       start ="2025-02-09"

     

       23
       +
       status = "Beta"

+1 -1

src/_includes/layouts/base.vto

···

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

···

       1
        
       <!DOCTYPE html>

     

       2
        
       <html lang="en-US">

     

       3
        
           <head>

     

       4
       +
               {{ comp.head({"url": url, "title": title}) }}

     

       5
        
           </head>

     

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

     

       7
        
               {{ comp.navbar() }}

+6 -2

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

     

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

     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

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

     

       6
        
               </a>

     

       7
        
               <ul class="mt-8">

···

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

     

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

     

       3
        
               <h1 class="text-5xl my-8">Blog</h1>

     

       4
       +
               <a

     

       5
       +
                   class="lg:inline float-right -mt-20 lg:mr-1.5"

     

       6
       +
                   href="/blog.rss"

     

       7
       +
                   aria-label="Blog RSS Feed"

     

       8
       +
               >

     

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

     

       10
        
               </a>

     

       11
        
               <ul class="mt-8">