My blog
0
fork

Configure Feed

Select the types of activity you want to include in your feed.

update blog code

dish 85e2e9f0 2d92d204

+260 -61
+4
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> 4 + </div>
+23
src/_components/post_card.vto
··· 1 + {{ if compact }} 2 + <li class="bg-surface0 rounded"> 3 + <a href="{{ post.url }}"> 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> 8 + </div> 9 + </a> 10 + </li> 11 + {{ else }} 12 + <li class="bg-surface0 rounded-md"> 13 + <a href="{{ post.url }}"> 14 + <div class="m-6 py-2"> 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') }} 19 + </p> 20 + </div> 21 + </a> 22 + </li> 23 + {{ /if }}
+15 -17
src/_data.toml src/_data/author.toml
··· 1 - [metas] 2 - site = "dish's space" 3 - lang = "en" 4 - generator = true 5 - 6 - [author] 7 1 name = "dish" 2 + url = "https://pyrox.dev" 8 3 pronouns = "fox/it/she" 9 4 icon = "assets/author.png" 10 - [[author.links]] 11 - service = "bluesky" 12 - link = "https://bsky.app/profile/pyrox.dev" 13 - description = "personal Bluesky account" 14 - [[author.links]] 5 + [[links]] 15 6 service = "lastdotfm" 16 7 link = "https://www.last.fm/user/thehedgeh0g" 17 8 description = "last.fm profile" 18 - [[author.links]] 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]] 19 16 service = "forgejo" 20 17 link = "https://git.pyrox.dev/pyrox" 21 18 description = "personal Git forge" 22 - [[author.links]] 19 + extra_classes = "-mx-1.5" 20 + [[links]] 23 21 service = "github" 24 22 link = "https://github.com/pyrox0" 25 23 description = "Github profile" 26 - [[author.links]] 27 - service = "kofi" 28 - link = "https://ko-fi.com/pyroxdev" 29 - description = "Ko-fi donation page" 24 + [[links]] 25 + service = "bluesky" 26 + link = "https://bsky.app/profile/pyrox.dev" 27 + description = "personal Bluesky account"
+4
src/_data/metas.toml
··· 1 + site = "dish's space" 2 + lang = "en-US" 3 + generator = true 4 + color = [ "light", "dark"]
+14
src/_data/nav.toml
··· 1 + [[links]] 2 + name = "About" 3 + link = "/about" 4 + extra_classes = "" 5 + 6 + [[links]] 7 + name = "Blog" 8 + link = "/blog" 9 + extra_classes = "" 10 + 11 + [[links]] 12 + name = "Projects" 13 + link = "/projects" 14 + extra_classes = ""
+34 -27
src/_includes/components/footer.vto
··· 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 - <div class="flex flex-row justify-center gap-x-4 content-center"> 3 - <i class="bi bi-exclamation-triangle text-yellow self-center justify-self-end text-4xl"></i> 4 - <p class="text-text text-xl self-center">a space</p> 5 - </div> 6 - <div class="mt-2"> 7 - <p class="text-overlay2 text-lg">Social</p> 8 - <ul class="list-none text-4xl text-subtext1"> 9 - {{ for link of author.links }} 10 - <li class="inline-block"> 11 - <a href="{{link.link}}" rel="me" aria-label="{{author.name}}'s {{link.description}}"> 12 - <i class="si si-{{link.service}}"></i> 13 - </a> 14 - </li> 15 - {{ /for }} 16 - <li class="inline-block text-3xl"> 17 - <a href="/blog.rss" aria-label="Blog RSS Feed"> 18 - <i class="si si-rss"></i> 19 - </a> 20 - </li> 21 - </ul> 22 - </div> 23 - <div class="mt-2"> 24 - <p class="text-overlay2 text-lg">Info</p> 25 - <p class="text-lg text-overlay1">&copy; 2025 dish</p> 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 - </div> 1 + <footer 2 + class="bg-mantle min-h-24 inset-x-0 bottom-0 border-t-2 border-surface1 grid text-text grid-cols-3" 3 + > 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 11 + href="{{link.link}}" 12 + rel="me" 13 + aria-label="{{author.name}}'s {{link.description}}" 14 + > 15 + <i class="si si-{{link.service}} {{link.extra_classes}}"></i> 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> 23 + </li> 24 + </ul> 25 + </div> 26 + <div class="mt-2"> 27 + <p class="text-overlay2 text-lg">Info</p> 28 + <p class="text-lg text-overlay1">&copy; 2025 dish</p> 29 + <a 30 + href="https://git.pyrox.dev/pyrox/new-blog/commit/{{ commit }}" 31 + target="_blank" 32 + class="text-blue underline" 33 + >version {{ commit |> substring(0, 8) }}</a> 34 + </div> 28 35 </footer> 29 36 <div style="display:none" class="latte"></div>
+8 -2
src/_includes/components/head.vto
··· 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 - <meta name="supported-color-schemes" content="light dark" /> 5 + <meta name="supported-color-schemes" content="dark light" /> 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 + {{# Stylesheets #}} 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 - <title>{{title}}</title> 14 + {{# Page Metadata #}} 15 + <link rel="canonical" href="{{ url }}" /> 16 + <title>{{ title }}</title>
+14 -2
src/_includes/components/navbar.vto
··· 1 - <header role="banner" class="bg-mantle min-h-20 grid grid-cols-8 grid-rows-1 mb-2"> 2 - <p class="text-text">meow</p> 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 + {{ comp.logo() }} 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> 3 15 </header>
+21
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> 20 + </main> 21 + {{ /layout }}
+11
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" }} 8 + {{ content }} 9 + {{ include "components/footer.vto" }} 10 + </body> 11 + </html>
+13
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"> 5 + <i class="text-5xl si si-rss"></i> 6 + </a> 7 + <ul class="mt-8"> 8 + {{ for post of search.pages("category=blog") }} 9 + {{ comp.post_card({"post": post}) }} 10 + {{ /for }} 11 + </ul> 12 + </main> 13 + {{ /layout }}
+21
src/_includes/layouts/blog-post.vto
··· 1 + {{ layout "layouts/base.vto" }} 2 + <main class="min-h-screen text-text justify-self-center w-full lg:w-1/2"> 3 + <article class="h-entry"> 4 + <h1 class="text-5xl font-serif mt-8 p-name">{{ title }}</h1> 5 + <h2 class="text-2xl font-sans mt-4 text-subtext0"> 6 + Published on 7 + <time class="dt-published" datetime="{{ published |> date }}"> 8 + {{ published |> date('POST_DATE') }} 9 + </time> 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"> 17 + {{ content }} 18 + </div> 19 + </article> 20 + </main> 21 + {{ /layout }}
+19 -12
src/_includes/layouts/home.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"> 7 - {{ include "components/navbar.vto" }} 8 - <h1 class="text-blue">meow</h1> 9 - <h2 class="text-mauve">the fitnessgram pacer test</h2> 10 - {{ include "components/footer.vto" }} 11 - </body> 12 - </html> 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> 19 + {{ /layout }}
+19
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> 19 + {{ /layout }}
+5
src/about.vto
··· 1 + --- 2 + title: about dish 3 + summary: "Who is dish? Find out here." 4 + layout: layouts/about.vto 5 + ---
+8
src/blog/_data.toml
··· 1 + layout = "layouts/blog-post.vto" 2 + category = "blog" 3 + 4 + [metas] 5 + title = "=title" 6 + description = "=summary" 7 + image = "=image" 8 + keywords = "=tags"
+8
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 + 8 + # meow meow!
+8
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 + 8 + # meow meow!
+6
src/blog/index.vto
··· 1 + --- 2 + title: Blog Posts 3 + summary: "dish's blog posts" 4 + layout: layouts/blog-list.vto 5 + category: "index" 6 + ---
-1
src/index.vto
··· 3 3 summary: "Lover of computers, programming, and sysadmin." 4 4 layout: layouts/home.vto 5 5 --- 6 -
+5
src/projects.vto
··· 1 + --- 2 + title: Projects 3 + summary: "All the things dish works on" 4 + layout: layouts/projects.vto 5 + ---