HTML document, Unicode text, UTF-8 text
1
<!DOCTYPE html>
2
<html lang="en">
3
<head>
4
<meta charset="UTF-8">
5
<title>Home</title>
6
<link rel="stylesheet" href="/static/style.css">
7
<meta name="viewport" content="width=device-width, initial-scale=1.0">
8
</head>
9
<body>
10
<header>
11
<a href="#main" id="skip-link">Skip navigation</a>
12
<nav>
13
<ul>
14
<li><a href="/">Home</a></li>
15
<li><a href="/projects">Projects</a></li>
16
<li><a href="/index">Index</a></li>
17
<li><a href="/about">About</a></li>
18
<li><a href="https://roundabout-host.com/roundabout">Roundabout-host</a></li>
19
</ul>
20
<ul>
21
<li><a href="mailto:root@roundabout-host.com" id="mail-link">root@roundabout-host.com</a></li>
22
</ul>
23
</nav>
24
</header>
25
<main id="main">
26
27
<h1>All articles</h1>
28
30
31
<article class="content-area">
32
33
<h2><a href="/articles/inkscape-boolean-operations-in-extension.html" class="article-title">Using boolean operations in an Inkscape extension</a></h2>
34
<div class="home-article-date">2025-11-22</div>
35
<p><p>I've wasted 3 days doing this, so I will at least publish my findings on the web
36
so you don't have to waste another 3 days. I wasn't able to find a good example
37
online and the docs are not well-made (not saying that they should be a
38
priority), so figuring it out does require some code research.
39
</p></p>
40
</article>
41
42
43
44
<article class="content-area">
45
46
<h2><a href="/articles/do-not-get-samsung.html" class="article-title">Do not get a Samsung telescreen (or turn your phone into one)!</a></h2>
47
<div class="home-article-date">2025-08-14</div>
48
<p><p>One UI 8 permanently removes the option to unlock the bootloader on all devices
49
and this is very likely just the first step towards an accentuated
50
<em class="emphasis-1">enshittification</em> of the devices.
51
</p></p>
52
</article>
53
54
55
56
<article class="content-area">
57
58
<img src="/static/photos/chromium-screenshot.png" alt="The option to take a screenshot in Chrome DevTools" class="article-image">
59
60
<h2><a href="/articles/chromium-fullpage-capture.html" class="article-title">Chromium can do full-page screenshots</a></h2>
61
<div class="home-article-date">2025-05-04</div>
62
<p><p>I have seen few search results for this, so I thought it would be a good idea to share what I
63
found out. By full-page screenshot I mean a screenshot that shows the page as if the viewport
64
would fit the whole content.
65
</p></p>
66
</article>
67
68
69
70
<article class="content-area">
71
72
<h2><a href="/articles/propaganda-terms.html" class="article-title">Copyright propaganda</a></h2>
73
<div class="home-article-date">2025-05-04</div>
74
<p><p>Copyright ought to be rethought, now that computers and networks exist. Back
75
when not anyone could make copies of books, it was reasonable to assume that
76
if you were making copies, you were depriving the author of potential income.
77
</p></p>
78
</article>
79
80
81
82
<article class="content-area">
83
84
<h2><a href="/articles/gtk--makes-no-sense.html" class="article-title">GTK 4 makes no sense</a></h2>
85
<div class="home-article-date">2025-03-04</div>
86
<p><p>I recently started to write a GTK 3 library, but then I realised it will be
87
obsolete in 5 years at most, and I thought GTK 4 isn't that bad, so I decided to
88
port it to GTK 4. Turns out I was wrong.
89
</p></p>
90
</article>
91
92
93
94
95
96
<article class="content-area">
97
98
<h2><a href="/articles/font-stacks.html" class="article-title">Proposed system font stacks</a></h2>
99
<div class="home-article-date">2024-12-27</div>
100
<p><p>I've seen <a href="https://modernfontstacks.com/">Modern Font Stacks</a>. I agree that there are many cases
101
where system fonts are fine, but the stacks there have some problems, especially with GNU/Linux
102
devices.
103
</p></p>
104
</article>
105
106
107
108
<article class="content-area">
109
110
<h2><a href="/articles/linux-on-the-surface-go.html" class="article-title">GNU/Linux on the Microsoft Surface Go</a></h2>
111
<div class="home-article-date">2024-11-27</div>
112
<p><p>Interestingly, the best GNU/Linux tablet is actually made by Microsoft. The
113
Surface Go (first generation) is a tablet released in 2018. The performance is
114
nothing amazing, but unlike most tablets, you can actually make use of the
115
performance it does have; it doesn't feel slow for normal tablet tasks either.
116
Besides that, it has a 10" screen, front and back cameras, a kickstand, stylus
117
support and a detachable keyboard — but the latter two are sold separately.
118
</p></p>
119
</article>
120
121
122
123
<article class="content-area">
124
125
<h2><a href="/articles/beginner-distros.html" class="article-title">There are no beginner GNU/Linux distributions</a></h2>
126
<div class="home-article-date">2024-11-10</div>
127
<p><p>I see this so often and it's so wrong. That if you know GNU/Linux, you must
128
switch to Arch, Gentoo, Fedora, OpenSUSE or at least Debian. That if you use
129
Mint or Ubuntu, you're not a real GNU/Linux user.
130
</p></p>
131
</article>
132
133
134
135
<article class="content-area">
136
137
<h2><a href="/articles/gnulinux-not-linux.html" class="article-title">A Reason to Call it GNU/Linux</a></h2>
138
<div class="home-article-date">2024-07-31</div>
139
<p><p>Linux isn't very Unix-like by itself. Of course, it's a Unix-like <em class="emphasis-1">kernel</em>, and it
140
does Unix-compatible file operations, process management, and system calls, but without the GNU
141
suite or some other userland, it is just a kernel which doesn't have to be used as a Unix-like
142
one.
143
</p></p>
144
</article>
145
146
147
148
<article class="content-area">
149
150
<h2><a href="/articles/homemade-nas.html" class="article-title">Cheap, homemade NAS with Raspberry Pi</a></h2>
151
<div class="home-article-date">2024-05-21</div>
152
<p><p>This is a very simple, cheap and quick way to get networked storage at home. It should not cost
153
more than €120 for all the components (assuming you've got a network you can plug it into). It also
154
offers more flexibility than a commercial NAS, because you can install any software you want on it.
155
And if you already use the Raspberry Pi for something else, you can just add this to it and not
156
worry about an extra device you need power, networking, space and maintenance for.
157
</p></p>
158
</article>
159
160
161
162
<article class="content-area">
163
164
<h2><a href="/articles/semantic-css.html" class="article-title">Let's write more semantic CSS</a></h2>
165
<div class="home-article-date">2024-05-18</div>
166
<p><p>You probably wrote something like this at least once in your life:
167
</p><pre data-language="html"><div class="card card--rounded card--primary">
168
<div class="card__image-container">
169
<img src="image.jpg" alt="A nice image" class="card__image">
170
<span class="card__image-caption">A nice image</span>
171
</div>
172
<div class="card__content">
173
<div class="card__header">
174
<div class="card__title">Hello, world!</div>
175
</div>
176
<p class="card__text">
177
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
178
</p>
179
</div>
180
<div class="card__footer">
181
<button class="btn btn--primary btn--raised btn--accent card__button card__button--primary">Click me!</button>
182
<button class="btn btn--secondary btn--raised btn--accent card__button card__button--secondary">Click me!</button>
183
</div>
184
</div>
185
</pre><p>Or this:
186
</p><pre data-language="html"><div class="max-w-sm rounded overflow-hidden shadow-lg">
187
<div>
188
<img class="w-full" src="image.jpg" alt="A nice image">
189
<span class="text-gray-500 text-base">A nice image</span>
190
</div>
191
<div class="px-6 py-4">
192
<div>
193
<div class="font-bold text-xl mb-2">Hello, world!</div>
194
</div>
195
<p class="text-gray-700 text-base">
196
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
197
</p>
198
</div>
199
<div class="px-6 py-4">
200
<button class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded">Click me!</button>
201
<button class="bg-transparent hover:bg-blue-500 text-blue-700 font-semibold hover:text-white py-2 px-4 border border-blue-500 hover:border-transparent rounded">Click me!</button>
202
</div>
203
</div>
204
</pre></p>
205
</article>
206
207
208
209
<article class="content-area">
210
211
<h2><a href="/articles/moved-to-a-roundabout.html" class="article-title">Moved to a roundabout</a></h2>
212
<div class="home-article-date">2024-05-07</div>
213
<p><p>Welcome to my new website! I've moved from GitHub to a git software I've developed,
214
<a href="https://roundabout-host.com/roundabout/roundabout">a roundabout</a>. To go along with
215
this move, I also made a new website, which is powered by a custom static site generator
216
called <a href="https://roundabout-host.com/roundabout/ampoule">Ampoule</a>. This will be the
217
generator I will use to write the documentation for all my projects, including the
218
roundabout itself.
219
</p></p>
220
</article>
221
222
223
224
<article class="content-area">
225
226
<img src="/static/photos/browsers-bad.png" alt="The Pocket integration in Mozilla Firefox" class="article-image">
227
228
<h2><a href="/articles/browsers-are-doing-too-much.html" class="article-title">Browsers are doing way too much nowadays</a></h2>
229
<div class="home-article-date">2024-05-07</div>
230
<p><p>Ooh, shiny! Chrome is now forcing me to view my bookmarks in a ✨side panel✨! It's not like
231
we have windowing environments for that, right? Doesn't matter, it's modern, new so it's cool
232
and automatically better even though it sucks!
233
</p></p>
234
</article>
235
236
237
</main>
239
<footer>
240
<p>Page generated on Saturday, 22 November 2025 at 16:22:48</p>
241
<p xmlns:cc="http://creativecommons.org/ns#" >This work is marked with <a href="https://creativecommons.org/publicdomain/zero/1.0/?ref=chooser-v1" target="_blank" rel="license noopener noreferrer" style="display:inline-block;">CC0 1.0 Universal</a> (🄍). No rights reserved.</p>
242
<p>Hosted at <a href="https://roundabout-host.com/roundabout">Roundabout-host</a> using the static site service, and generated with <a href="/projects/ampoule.html">Ampoule</a>.</p>
243
<a href="#">Back to top</a>
244
</footer>
245
</body>
246
</html>