My personal site.
page: add uses
+107
-1
+4
-1
src/components/Header.astro
+4
-1
src/components/Header.astro
···
41
41
42
42
#main-nav > ul {
43
43
display: flex;
44
-
column-gap: 12px;
44
+
column-gap: 24px;
45
45
margin-block: 0;
46
46
}
47
47
···
151
151
<ul>
152
152
<li>
153
153
<a href="/notes" class:list={[{ active: isActive("/notes") }]}>Notes</a>
154
+
</li>
155
+
<li>
156
+
<a href="/uses" class:list={[{ active: isActive("/uses") }]}>Uses</a>
154
157
</li>
155
158
</ul>
156
159
<span class="divider"></span>
+68
src/layouts/PageLayout.astro
+68
src/layouts/PageLayout.astro
···
1
+
---
2
+
import BaseLayout from "./BaseLayout.astro";
3
+
---
4
+
5
+
<style is:global>
6
+
.footnotes::before {
7
+
content: "";
8
+
display: flex;
9
+
width: 100%;
10
+
height: 8px;
11
+
mask-size: auto 100%;
12
+
background-color: var(--hr);
13
+
mask-image: url("data:image/svg+xml,%3Csvg width='20' height='12' viewBox='0 0 20 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_568_582)'%3E%3Cpath d='M6 6.00005C6 2.68605 3.314 -2.619e-07 0 -5.85034e-07L1.92272e-07 2C2.21 2 4 3.79005 4 6.00005L6 6.00005Z' fill='black'/%3E%3Cpath d='M4 5.99995C4 9.31395 6.686 12 10 12L10 10C7.79 10 6 8.21 6 6L4 5.99995Z' fill='black'/%3E%3Cpath d='M15.9998 5.99995C15.9998 9.31395 13.3138 12 9.99976 12L9.99976 10C12.2098 10 13.9998 8.20995 13.9998 5.99995L15.9998 5.99995Z' fill='black'/%3E%3Cpath d='M14 6.00005C14 2.68605 16.686 -1.76522e-07 20 -3.94315e-07L20 2C17.79 2 16 3.79 16 6L14 6.00005Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_568_582'%3E%3Crect width='20' height='12' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
14
+
mask-repeat: repeat-x;
15
+
}
16
+
17
+
.prose a {
18
+
color: var(--fg);
19
+
font-weight: 500;
20
+
text-decoration: none;
21
+
border-bottom: 1px solid var(--fg);
22
+
}
23
+
24
+
.prose h2,
25
+
.prose h3 {
26
+
margin-top: 36px;
27
+
margin-bottom: 12px;
28
+
}
29
+
30
+
.prose h2 + p,
31
+
.prose h3 + p {
32
+
margin-top: 0;
33
+
}
34
+
35
+
.prose p {
36
+
margin-top: 20px;
37
+
margin-bottom: 20px;
38
+
line-height: 2em;
39
+
}
40
+
41
+
.prose li {
42
+
line-height: 2em;
43
+
}
44
+
45
+
hr {
46
+
height: 3px;
47
+
border: none;
48
+
background-color: var(--hr);
49
+
mask-image: url("data:image/svg+xml,%3Csvg width='18' height='1' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='0' y1='0' x2='18' y2='0' stroke='white' stroke-width='1' stroke-dasharray='2 1'/%3E%3C/svg%3E");
50
+
mask-repeat: repeat-x;
51
+
mask-size: auto 100%;
52
+
}
53
+
54
+
li::marker {
55
+
color: oklch(0.54 0.04 261.36);
56
+
}
57
+
58
+
a {
59
+
color: inherit;
60
+
text-decoration: none;
61
+
}
62
+
</style>
63
+
64
+
<BaseLayout>
65
+
<div class="prose">
66
+
<slot />
67
+
</div>
68
+
</BaseLayout>
+35
src/pages/uses.md
+35
src/pages/uses.md
···
1
+
---
2
+
layout: ../layouts/PageLayout.astro
3
+
---
4
+
5
+
# Uses
6
+
7
+
Some of the tools I use on a regular basis.
8
+
9
+
[//]: # "If you want everything in short, toggle [short mode](#)."
10
+
11
+
## Development
12
+
13
+
For development, I mostly use **IntelliJ IDEA**[^1] and occasionally **VS Code**.
14
+
As my terminal emulator I use **Ghostty** with **zsh** and **Powerlevel10k**.
15
+
I use **Docker** for my containers and **Colima** as the runtime for them.
16
+
When I'm working on [Tangled](https://tangled.org/) I have my development environment running in a **Fly.io Sprite**.
17
+
For version control, I'm currently trying out [jj](https://www.jj-vcs.dev/), which I'm growing to like a lot.
18
+
19
+
For design things, I use **Figma**.
20
+
I use **Codex** in AI development with Claude occasionally sprinkled in.
21
+
22
+
## Software
23
+
24
+
My music plays from **Spotify**, I manage my logins with **Bitwarden**, and my windows with **Rectangle**.
25
+
26
+
## Hosting
27
+
28
+
This site is hosted on **Cloudflare Pages** with the code on [Tangled](https://tangled.org/marco.tngl.sh/site).
29
+
Changes are deployed automatically with Spindles—Tangled's CI runner—since Cloudflare doesn't support Tangled repos (yet?).
30
+
31
+
## Misc
32
+
33
+
Regardless of LLM's abusing them, I like using **em dashes** in my writing.
34
+
35
+
[^1]: With vim keybindings.