commit 9d5a42f2937a4edf6c6c4ca971f22cc2013fa0f7 · pyrox.dev/blog

+1

scripts/bootstrap-icons/src/classes.json

···

       10
        
         "bi-info-circle",

     

       11
        
         "bi-lightning",

     

       12
        
         "bi-list-ul",

     

       0
        
       
     

       13
        
         "bi-pencil",

     

       14
        
         "bi-question-circle",

     

       15
        
         "bi-quote",

···

       10
        
         "bi-info-circle",

     

       11
        
         "bi-lightning",

     

       12
        
         "bi-list-ul",

     

       13
       +
         "bi-paragraph",

     

       14
        
         "bi-pencil",

     

       15
        
         "bi-question-circle",

     

       16
        
         "bi-quote",

+1 -1

src/_components/navbar.vto

···

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

     

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

     

       3
        
               {{ await comp.logo() }}

     

       4
        
           </a>

···

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

     

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

     

       3
        
               {{ await comp.logo() }}

     

       4
        
           </a>

+4 -4

src/_components/post_card.vto

···

       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>

     
···

       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>

···

       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.published |> date('date') }}">

     

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

     

       10
        
                           </time>

     

       11
        
                       </p>

     

       12
        
                   </div>

     
···

       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.published |> date('date') }}">

     

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

     

       24
        
                           </time>

     

       25
        
                       </p>

     

       26
        
                   </div>

+2 -2

src/_includes/layouts/about.vto

···

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

     

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

     

       4
        
                   About

     

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

     

       6
        
                       dish

     

       7
       -
                   </div>

     

       8
        
               </h1>

     

       9
        
       

     

       10
        
               <div class="text-lg">

···

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

     

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

     

       4
        
                   About

     

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

     

       6
        
                       dish

     

       7
       +
                   </span>

     

       8
        
               </h1>

     

       9
        
       

     

       10
        
               <div class="text-lg">

+1 -1

src/_includes/layouts/blog-list.vto

···

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

     

       10
        
               </a>

     

       11
        
               <ul class="mt-8">

     

       12
       -
                   {{ for post of search.pages("category=blog") }}

     

       13
        
                       {{ await comp.post_card({"post": post}) }}

     

       14
        
                   {{ /for }}

     

       15
        
               </ul>

···

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

     

       10
        
               </a>

     

       11
        
               <ul class="mt-8">

     

       12
       +
                   {{ for post of search.pages("category=blog", "published=desc") }}

     

       13
        
                       {{ await comp.post_card({"post": post}) }}

     

       14
        
                   {{ /for }}

     

       15
        
               </ul>

+1 -1

src/_includes/layouts/blog-post.vto

···

       10
        
                   </h2>

     

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

     

       12
        
                       By

     

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

     

       14
        
                   </h2>

     

       15
        
       

     

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

···

       10
        
                   </h2>

     

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

     

       12
        
                       By

     

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

     

       14
        
                   </h2>

     

       15
        
       

     

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

+1 -1

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

···

       5
        
       published: 2025-02-14

     

       6
        
       ---

     

       7
        
       

     

       8
       -
       # example blog post 2

     

       9
        
       

     

       10
        
       here's another link: [[example-blog-post]]

···

       5
        
       published: 2025-02-14

     

       6
        
       ---

     

       7
        
       

     

       8
       +
       ## example blog post 2

     

       9
        
       

     

       10
        
       here's another link: [[example-blog-post]]

+1 -1

src/blog/example-blog-post.md

···

       5
        
       published: 2025-02-14

     

       6
        
       ---

     

       7
        
       

     

       8
       -
       # meow meow!

···

       5
        
       published: 2025-02-14

     

       6
        
       ---

     

       7
        
       

     

       8
       +
       ## meow meow! {#meow-meow}

+4 -1

src/static/icons/bsi.min.css

···

       2
        
       @font-face {

     

       3
        
         font-display: block;

     

       4
        
         font-family: bootstrap-icons;

     

       5
       -
         src: url("/static/icons/bsi.min.woff2?v=1740025433") format("woff2");

     

       6
        
       }

     

       7
        
       .bi::before,

     

       8
        
       [class*=" bi-"]::before,

     
···

       43
        
       }

     

       44
        
       .bi-list-ul::before {

     

       45
        
         content: "\f478";

     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       46
        
       }

     

       47
        
       .bi-pencil::before {

     

       48
        
         content: "\f4cb";

···

       2
        
       @font-face {

     

       3
        
         font-display: block;

     

       4
        
         font-family: bootstrap-icons;

     

       5
       +
         src: url("/static/icons/bsi.min.woff2?v=1740282679") format("woff2");

     

       6
        
       }

     

       7
        
       .bi::before,

     

       8
        
       [class*=" bi-"]::before,

     
···

       43
        
       }

     

       44
        
       .bi-list-ul::before {

     

       45
        
         content: "\f478";

     

       46
       +
       }

     

       47
       +
       .bi-paragraph::before {

     

       48
       +
         content: "\f4b4";

     

       49
        
       }

     

       50
        
       .bi-pencil::before {

     

       51
        
         content: "\f4cb";

src/static/icons/bsi.min.woff2

This is a binary file and will not be displayed.

+15

src/static/styles.css

···

       118
        
           div.callout-content > p {

     

       119
        
               @apply mb-0;

     

       120
        
           }

     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       121
        
       }

     

       122
        
       

     

       123
        
       @utility callout {

···

       118
        
           div.callout-content > p {

     

       119
        
               @apply mb-0;

     

       120
        
           }

     

       121
       +
       

     

       122
       +
           h2:has(a.header-anchor) {

     

       123
       +
               @apply text-3xl text-mauve relative mb-8 no-underline;

     

       124
       +
               left: -1.75rem;

     

       125
       +
           }

     

       126
       +
           h2:has(a.header-anchor)::before {

     

       127
       +
               @apply text-2xl relative mr-1;

     

       128
       +
               top: 0.25rem;

     

       129
       +
               font-family: "bootstrap-icons";

     

       130
       +
               content: "\F4B4";

     

       131
       +
           }

     

       132
       +
       }

     

       133
       +
       

     

       134
       +
       @utility header-anchor {

     

       135
       +
           @apply text-mauve!;

     

       136
        
       }

     

       137
        
       

     

       138
        
       @utility callout {