My blog
another site update
+128
-34
+2
-2
.zed/tasks.json
+2
-2
.zed/tasks.json
···
3
3
// Example:
4
4
[
5
5
{
6
-
"label": "start dev server",
6
+
"label": "dev server",
7
7
"command": "just serve",
8
8
"use_new_terminal": true,
9
9
"allow_concurrent_runs": false,
···
13
13
"shell": "system"
14
14
},
15
15
{
16
-
"label": "build site to _site",
16
+
"label": "render to _site",
17
17
"command": "just build",
18
18
"use_new_terminal": true,
19
19
"allow_concurrent_runs": false,
+35
-13
_config.ts
+35
-13
_config.ts
···
1
1
import lume from "lume/mod.ts";
2
-
import brotli from "lume/plugins/brotli.ts";
3
2
import date from "lume/plugins/date.ts";
4
-
import feed from "lume/plugins/feed.ts";
5
-
import metas from "lume/plugins/metas.ts";
6
3
import picture from "lume/plugins/picture.ts";
7
4
import relations from "lume/plugins/relations.ts";
8
-
import robots from "lume/plugins/robots.ts";
9
-
import sitemap from "lume/plugins/sitemap.ts";
10
5
import slugify_urls from "lume/plugins/slugify_urls.ts";
11
6
import source_maps from "lume/plugins/source_maps.ts";
12
-
import svgo from "lume/plugins/svgo.ts";
13
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";
14
19
import transform_images from "lume/plugins/transform_images.ts";
15
20
16
21
// Markdown-it plugins
···
28
33
import purgecss from "lume/plugins/purgecss.ts";
29
34
30
35
// Disabled Plugins:
31
-
// import minify_html from "lume/plugins/minify_html.ts";
32
36
// import og_images from "lume/plugins/og_images.ts";
33
37
// import pagefind from "lume/plugins/pagefind.ts";
34
38
// import sri from "lume/plugins/sri.ts";
···
54
58
site.copy([".woff2"]);
55
59
56
60
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
-
// }));
61
+
site.use(minify_html({
62
+
options: {
63
+
keep_html_and_head_opening_tags: true,
64
+
keep_spaces_between_attributes: true
65
+
}
66
+
}));
63
67
site.use(picture());
64
68
site.use(transform_images());
65
69
site.use(relations());
···
86
90
sans: ["Inter", "ui-sans-serif", "system-ui", "sans-serif"],
87
91
serif: ["IBM Plex Serif", "ui-serif", "serif"],
88
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
+
}
89
111
},
90
112
},
91
113
}),
+6
src/_components/about/technology_item.vto
+6
src/_components/about/technology_item.vto
+19
src/_components/flag_text.vto
+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
+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
+4
-1
src/_data/metas.toml
+1
-1
src/_includes/components/head.vto
+1
-1
src/_includes/components/head.vto
···
12
12
<link rel="stylesheet" href="/static/icons/bsi.min.css" />
13
13
<link rel="stylesheet" href="/static/icons/si.min.css" />
14
14
{{# Page Metadata #}}
15
-
<link rel="canonical" href="{{ url }}" />
15
+
<link rel="canonical" href="{{ url |> url(true) }}" />
16
16
<title>{{ title }}</title>
+11
-10
src/_includes/layouts/about.vto
+11
-10
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
-
<h1 class="mt-8 text-5xl text-bold text-mauve">
3
+
<h1 class="my-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
-
<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>
10
+
<div class="text-lg">
11
+
{{ content }}
12
+
</div>
17
13
18
-
<h3 class="text-mauve text-2xl">About This Blog</h3>
19
-
<p class="text-"></p>
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>
20
21
</main>
21
22
{{ /layout }}
+29
src/about.md
+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
-5
src/about.vto
+1
-1
src/blog/index.vto
src/blog/index.md
+1
-1
src/blog/index.vto
src/blog/index.md
src/index.vto
src/index.md
src/index.vto
src/index.md
src/projects.vto
src/projects.md
src/projects.vto
src/projects.md