commit 597893dec67cbde0b09090e18239e0d7aeee79af · pyrox.dev/blog

+2 -2

.zed/tasks.json

···

       3
        
       // Example:

     

       4
        
       [

     

       5
        
         {

     

       6
       -
           "label": "start dev server",

     

       7
        
           "command": "just serve",

     

       8
        
           "use_new_terminal": true,

     

       9
        
           "allow_concurrent_runs": false,

     
···

       13
        
           "shell": "system"

     

       14
        
         },

     

       15
        
         {

     

       16
       -
           "label": "build site to _site",

     

       17
        
           "command": "just build",

     

       18
        
           "use_new_terminal": true,

     

       19
        
           "allow_concurrent_runs": false,

···

       3
        
       // Example:

     

       4
        
       [

     

       5
        
         {

     

       6
       +
           "label": "dev server",

     

       7
        
           "command": "just serve",

     

       8
        
           "use_new_terminal": true,

     

       9
        
           "allow_concurrent_runs": false,

     
···

       13
        
           "shell": "system"

     

       14
        
         },

     

       15
        
         {

     

       16
       +
           "label": "render to _site",

     

       17
        
           "command": "just build",

     

       18
        
           "use_new_terminal": true,

     

       19
        
           "allow_concurrent_runs": false,

+35 -13

_config.ts

···

       1
        
       import lume from "lume/mod.ts";

     

       2
       -
       import brotli from "lume/plugins/brotli.ts";

     

       3
        
       import date from "lume/plugins/date.ts";

     

       4
       -
       import feed from "lume/plugins/feed.ts";

     

       5
       -
       import metas from "lume/plugins/metas.ts";

     

       6
        
       import picture from "lume/plugins/picture.ts";

     

       7
        
       import relations from "lume/plugins/relations.ts";

     

       8
       -
       import robots from "lume/plugins/robots.ts";

     

       9
       -
       import sitemap from "lume/plugins/sitemap.ts";

     

       10
        
       import slugify_urls from "lume/plugins/slugify_urls.ts";

     

       11
        
       import source_maps from "lume/plugins/source_maps.ts";

     

       12
       -
       import svgo from "lume/plugins/svgo.ts";

     

       13
        
       import toml from "lume/plugins/toml.ts";

     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       14
        
       import transform_images from "lume/plugins/transform_images.ts";

     

       15
        
       

     

       16
        
       // Markdown-it plugins

     
···

       28
        
       import purgecss from "lume/plugins/purgecss.ts";

     

       29
        
       

     

       30
        
       // Disabled Plugins:

     

       31
       -
       // import minify_html from "lume/plugins/minify_html.ts";

     

       32
        
       // import og_images from "lume/plugins/og_images.ts";

     

       33
        
       // import pagefind from "lume/plugins/pagefind.ts";

     

       34
        
       // import sri from "lume/plugins/sri.ts";

     
···

       54
        
       site.copy([".woff2"]);

     

       55
        
       

     

       56
        
       site.use(metas());

     

       57
       -
       // site.use(minify_html({

     

       58
       -
       //   options: {

     

       59
       -
       //     keep_html_and_head_opening_tags: true,

     

       60
       -
       //     keep_spaces_between_attributes: true

     

       61
       -
       //   }

     

       62
       -
       // }));

     

       63
        
       site.use(picture());

     

       64
        
       site.use(transform_images());

     

       65
        
       site.use(relations());

     
···

       86
        
                 sans: ["Inter", "ui-sans-serif", "system-ui", "sans-serif"],

     

       87
        
                 serif: ["IBM Plex Serif", "ui-serif", "serif"],

     

       88
        
               },

     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       89
        
             },

     

       90
        
           },

     

       91
        
         }),

···

       1
        
       import lume from "lume/mod.ts";

     

       0
        
       
     

       2
        
       import date from "lume/plugins/date.ts";

     

       0
        
       
     

       0
        
       
     

       3
        
       import picture from "lume/plugins/picture.ts";

     

       4
        
       import relations from "lume/plugins/relations.ts";

     

       0
        
       
     

       0
        
       
     

       5
        
       import slugify_urls from "lume/plugins/slugify_urls.ts";

     

       6
        
       import source_maps from "lume/plugins/source_maps.ts";

     

       0
        
       
     

       7
        
       import toml from "lume/plugins/toml.ts";

     

       8
       +
       

     

       9
       +
       // File Generation

     

       10
       +
       import feed from "lume/plugins/feed.ts";

     

       11
       +
       import metas from "lume/plugins/metas.ts";

     

       12
       +
       import robots from "lume/plugins/robots.ts";

     

       13
       +
       import sitemap from "lume/plugins/sitemap.ts";

     

       14
       +
       

     

       15
       +
       // Optimization

     

       16
       +
       import brotli from "lume/plugins/brotli.ts";

     

       17
       +
       import minify_html from "lume/plugins/minify_html.ts";

     

       18
       +
       import svgo from "lume/plugins/svgo.ts";

     

       19
        
       import transform_images from "lume/plugins/transform_images.ts";

     

       20
        
       

     

       21
        
       // Markdown-it plugins

     
···

       33
        
       import purgecss from "lume/plugins/purgecss.ts";

     

       34
        
       

     

       35
        
       // Disabled Plugins:

     

       0
        
       
     

       36
        
       // import og_images from "lume/plugins/og_images.ts";

     

       37
        
       // import pagefind from "lume/plugins/pagefind.ts";

     

       38
        
       // import sri from "lume/plugins/sri.ts";

     
···

       58
        
       site.copy([".woff2"]);

     

       59
        
       

     

       60
        
       site.use(metas());

     

       61
       +
       site.use(minify_html({

     

       62
       +
         options: {

     

       63
       +
           keep_html_and_head_opening_tags: true,

     

       64
       +
           keep_spaces_between_attributes: true

     

       65
       +
         }

     

       66
       +
       }));

     

       67
        
       site.use(picture());

     

       68
        
       site.use(transform_images());

     

       69
        
       site.use(relations());

     
···

       90
        
                 sans: ["Inter", "ui-sans-serif", "system-ui", "sans-serif"],

     

       91
        
                 serif: ["IBM Plex Serif", "ui-serif", "serif"],

     

       92
        
               },

     

       93
       +
               extend: {

     

       94
       +
                 colors: {

     

       95
       +
                   trans: {

     

       96
       +
                     blue: "#5bcffa",

     

       97
       +
                     pink: "#f5abb9",

     

       98
       +
                     white: "#fff",

     

       99
       +
                   },

     

       100
       +
                   lesbian: {

     

       101
       +
                     orange1: "#d62900",

     

       102
       +
                     orange2: "#ff790d",

     

       103
       +
                     orange3: "#ff9b55",

     

       104
       +
                     white: "#fff",

     

       105
       +
                     pink1: "#d462a6",

     

       106
       +
                     pink2: "#ef5496",

     

       107
       +
                     pink3: "#a50062"

     

       108
       +
                   }

     

       109
       +
                 }

     

       110
       +
               }

     

       111
        
             },

     

       112
        
           },

     

       113
        
         }),

+6

src/_components/about/technology_item.vto

···

       1
       +
       <li>

     

       2
       +
           <strong class="mr-1">{{ tech.type }}</strong> –

     

       3
       +
           <a class="ml-1 text-blue underline" href="{{tech.link}}">

     

       4
       +
               {{ tech.name }}

     

       5
       +
           </a>

     

       6
       +
       </li>

+19

src/_components/flag_text.vto

···

       1
       +
       {{ if flag == "trans" }}

     

       2
       +
           <p class="trans-flag -space-x-1 inline">

     

       3
       +
               <span class="text-trans-blue">t</span>

     

       4
       +
               <span class="text-trans-pink">r</span>

     

       5
       +
               <span class="text-white">a</span>

     

       6
       +
               <span class="text-trans-pink">n</span>

     

       7
       +
               <span class="text-trans-blue">s</span>

     

       8
       +
           </p>

     

       9
       +
       {{ else if flag == "lesbian" }}

     

       10
       +
           <p class="lesbian-flag -space-x-1 inline">

     

       11
       +
               <span class="text-lesbian-orange1">l</span>

     

       12
       +
               <span class="text-lesbian-orange2">e</span>

     

       13
       +
               <span class="text-lesbian-orange3">s</span>

     

       14
       +
               <span class="text-white">b</span>

     

       15
       +
               <span class="text-lesbian-pink1">i</span>

     

       16
       +
               <span class="text-lesbian-pink2">a</span>

     

       17
       +
               <span class="text-lesbian-pink3">n</span>

     

       18
       +
           </p>

     

       19
       +
       {{ /if }}

+19

src/_data/about.toml

···

       1
       +
       [[techs]]

     

       2
       +
       type = "Static Site Generator"

     

       3
       +
       name = "Lume"

     

       4
       +
       link = "https://lume.land"

     

       5
       +
       

     

       6
       +
       [[techs]]

     

       7
       +
       type = "Color Scheme"

     

       8
       +
       name = "Catppuccin Mocha"

     

       9
       +
       link = "https://catppuccin.com"

     

       10
       +
       

     

       11
       +
       [[techs]]

     

       12
       +
       type = "Font"

     

       13
       +
       name = "Inter"

     

       14
       +
       link = "https://rsms.me/inter/"

     

       15
       +
       

     

       16
       +
       [[techs]]

     

       17
       +
       type = "Font"

     

       18
       +
       name = "IBM Plex Serif"

     

       19
       +
       link = "https://www.ibm.com/plex/"

+4 -1

src/_data/metas.toml

···

       1
        
       site = "dish's space"

     

       2
        
       lang = "en-US"

     

       3
        
       generator = true

     

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

     

       0
        
       
     

       0
        
       
     

       0

···

       1
        
       site = "dish's space"

     

       2
        
       lang = "en-US"

     

       3
        
       generator = true

     

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

     

       5
       +
       title = "=title"

     

       6
       +
       description = "=summary"

     

       7
       +
       keywords = "=tags"

+1 -1

src/_includes/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">

     

       8
        
                   {{ for link of author.links }}

     

       9
        
                       <li class="inline-block">

     

       10
        
                           <a

···

       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">

     

       8
        
                   {{ for link of author.links }}

     

       9
        
                       <li class="inline-block">

     

       10
        
                           <a

+1 -1

src/_includes/components/head.vto

···

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

     

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

     

       14
        
       {{# Page Metadata #}}

     

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

     

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

···

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

     

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

     

       14
        
       {{# Page Metadata #}}

     

       15
       +
       <link rel="canonical" href="{{ url |> url(true) }}" />

     

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

+11 -10

src/_includes/layouts/about.vto

···

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

     

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

     

       3
       -
               <h1 class="mt-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
       -
               <h2 class="text-2xl mt-4">

     

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

     

       12
       -
               </h2>

     

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

     

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

     

       15
       -
                   experiences.

     

       16
       -
               </p>

     

       17
        
       

     

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

     

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

     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       20
        
           </main>

     

       21
        
       {{ /layout }}

···

       1
        
       {{ layout "layouts/base.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">

     

       11
       +
                   {{ content }}

     

       12
       +
               </div>

     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       13
        
       

     

       14
       +
               <h2 class="mt-8 text-mauve text-2xl">About This Site</h2>

     

       15
       +
               <p class="text-text text-lg">I've used the following to build this site:</p>

     

       16
       +
               <ul>

     

       17
       +
                   {{ for tech of about.techs }}

     

       18
       +
                       {{ comp.about.technology_item({"tech": tech}) }}

     

       19
       +
                   {{ /for }}

     

       20
       +
               </ul>

     

       21
        
           </main>

     

       22
        
       {{ /layout }}

+29

src/about.md

···

       1
       +
       ---

     

       2
       +
       title: About dish

     

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

     

       4
       +
       layout: layouts/about.vto

     

       5
       +
       templateEngine: [vto, md]

     

       6
       +
       ---

     

       7
       +
       

     

       8
       +
       Hello, I'm dish.

     

       9
       +
       

     

       10
       +
       My main focuses are cybersecurity, system administration, and user experience.

     

       11
       +
       

     

       12
       +
       I enjoy building things from scratch, tinkering, and try to deeply understand the tools I work with.

     

       13
       +
       

     

       14
       +
       <br>

     

       15
       +
       

     

       16
       +
       Currently, I'm a student at a university in the United States, working towards a Bachelor's Degree in Cybersecurity.

     

       17
       +
       

     

       18
       +
       However, my personal interests lie slightly closer to networking and system administration rather than pure cybersecurity.

     

       19
       +
       

     

       20
       +
       <br>

     

       21
       +
       I've run my own homelab and servers for years(in fact, this website is hosted on one of them!), and they've been a very enjoyable experience to maintain.

     

       22
       +
       

     

       23
       +
       <br>

     

       24
       +
       In my personal life, I'm a {{ comp.flag_text({flag:"trans"}) }} woman, and I spend lots of time advocating for trans rights in the spaces I'm in.

     

       25
       +
       I feel very strongly that trans rights are human rights, and do my best to uplift all voices, though I am not perfect.

     

       26
       +
       

     

       27
       +
       <br>

     

       28
       +
       <br>

     

       29
       +
       Find more about my projects on the Projects page, or read my blog(both linked in the header!), as I've put a lot of time into my projects and that blog.

-5

src/about.vto

···

       1
       -
       ---

     

       2
       -
       title: about dish

     

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

     

       4
       -
       layout: layouts/about.vto

     

       5
       -
       ---

+1 -1

src/blog/index.vto src/blog/index.md

···

       1
        
       ---

     

       2
       -
       title: Blog Posts

     

       3
        
       summary: "dish's blog posts"

     

       4
        
       layout: layouts/blog-list.vto

     

       5
        
       category: "index"

···

       1
        
       ---

     

       2
       +
       title: blog

     

       3
        
       summary: "dish's blog posts"

     

       4
        
       layout: layouts/blog-list.vto

     

       5
        
       category: "index"

src/index.vto src/index.md

src/projects.vto src/projects.md