marco.tngl.sh
My personal site.
fix: finalize note
+5
-2
notes/sprites-nix-package-manager.md
+5
-2
notes/sprites-nix-package-manager.md
···
8
8
Recently I stumbled upon [Fly.io](https://fly.io/)'s [Sprites](https://sprites.dev/).
9
9
10
10
[Tangled](https://tangled.org/) uses [nix](https://nixos.org/download) (the package manager)
11
-
and since I had my development setup for Tangled in a docker container(TODO: add footnote) it was a good excuse to play around with them.
11
+
and since I had my development setup for Tangled in a docker container[^1] it was a good excuse to play around with them.
12
12
13
13
## How to install
14
14
···
26
26
--args /nix/var/nix/profiles/default/bin/nix-daemon
27
27
```
28
28
29
-
That's all. Yep.
29
+
Aaaand that's it. Easy, right?
30
+
Well, I ran into some issues, which I will cover in the next section, so that you don't have to.
30
31
31
32
## Errors I encountered
32
33
···
50
51
You can verify this with `ls -la /nix/var/nix/daemon-socket/socket`. The owner should be `root` (not `sprite`).
51
52
52
53
To fix this, make sure you started the daemon with `sudo`.
54
+
55
+
[^1]: Don't ask.
+12
src/layouts/BaseLayout.astro
+12
src/layouts/BaseLayout.astro
···
51
51
strong {
52
52
font-weight: 500;
53
53
}
54
+
55
+
.sr-only {
56
+
position: absolute;
57
+
width: 1px;
58
+
height: 1px;
59
+
padding: 0;
60
+
margin: -1px;
61
+
overflow: hidden;
62
+
clip: rect(0, 0, 0, 0);
63
+
white-space: nowrap;
64
+
border-width: 0;
65
+
}
54
66
</style>
55
67
</head>
56
68
<body>
+11
-1
src/layouts/PostLayout.astro
+11
-1
src/layouts/PostLayout.astro
···
16
16
margin-block: 24px;
17
17
}
18
18
19
-
#info::after {
19
+
#info::after,
20
+
.footnotes::before {
20
21
content: "";
21
22
display: flex;
22
23
width: 100%;
···
57
58
.prose h2,
58
59
.prose h3 {
59
60
margin-top: 36px;
61
+
margin-bottom: 12px;
62
+
}
63
+
64
+
.prose h2 + p, .prose h3 + p {
65
+
margin-top: 0;
60
66
}
61
67
62
68
.prose {
···
128
134
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");
129
135
mask-repeat: repeat-x;
130
136
mask-size: auto 100%;
137
+
}
138
+
139
+
li::marker {
140
+
color: oklch(0.54 0.04 261.36);
131
141
}
132
142
</style>
133
143