HTML document, Unicode text, UTF-8 text
1
<!DOCTYPE html>
2
<html lang="en">
3
<head>
4
<meta charset="UTF-8">
5
<title>Index</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
<nav>
12
<ul>
13
<li><a href="/">Home</a></li>
14
<li><a href="/projects">Projects</a></li>
15
<li><a href="/index">Index</a></li>
16
<li><a href="https://roundabout-host.com/roundabout">Roundabout-host</a></li>
17
</ul>
18
<ul>
19
<li><a href="mailto:root@roundabout-host.com" id="mail-link">root@roundabout-host.com</a></li>
20
</ul>
21
</nav>
22
</header>
23
<main>
24
25
<h1>Index</h1>
26
<div id="index-container">
28
29
<details class="topic-expander">
30
<summary><h2>agpl</h2></summary>
31
<div class="topic-posts">
32
33
<article class="content-area">
34
<h2><a href="/projects/roundabout.html" class="article-title">The roundabout</a></h2>
35
<div class="home-article-date">2024-04-29</div>
36
<p><p>The roundabout is a <strong class="emphasis-2">git repository hosting</strong> server software. It is designed to be a complete
37
alternative to GitHub, GitLab, BitBucket, Gogs/Gitea/Forgejo, and other similar services. It
38
is still in development and not yet ready for production use. As of version 0.3.0 development
39
stage, it supports:
40
</p></p>
41
</article>
42
43
<article class="content-area">
44
<h2><a href="/projects/waste.html" class="article-title">Waste detection</a></h2>
45
<div class="home-article-date">2024-04-29</div>
46
<p><p>An YOLO model specifically trained to detect waste in images. We collected a custom dataset of waste,
47
classified and annotated it, and trained the model using YOLOv8 on Keras. The model is able to detect
48
the position and class of waste in images. It can separate the following classes of waste:
49
</p></p>
50
</article>
51
52
</div>
53
</details>
54
55
<details class="topic-expander">
56
<summary><h2>ai</h2></summary>
57
<div class="topic-posts">
58
59
<article class="content-area">
60
<h2><a href="/projects/waste.html" class="article-title">Waste detection</a></h2>
61
<div class="home-article-date">2024-04-29</div>
62
<p><p>An YOLO model specifically trained to detect waste in images. We collected a custom dataset of waste,
63
classified and annotated it, and trained the model using YOLOv8 on Keras. The model is able to detect
64
the position and class of waste in images. It can separate the following classes of waste:
65
</p></p>
66
</article>
67
68
</div>
69
</details>
70
71
<details class="topic-expander">
72
<summary><h2>ampoule</h2></summary>
73
<div class="topic-posts">
74
75
<article class="content-area">
76
<h2><a href="/posts/moved-to-a-roundabout.html" class="article-title">Moved to a roundabout</a></h2>
77
<div class="home-article-date">2024-05-07</div>
78
<p><p>Welcome to my new website! I've moved from GitHub to a git software I've developed,
79
<a href="https://roundabout-host.com/roundabout/roundabout">a roundabout</a>. To go along with
80
this move, I also made a new website, which is powered by a custom static site generator
81
called <a href="https://roundabout-host.com/roundabout/ampoule">Ampoule</a>. This will be the
82
generator I will use to write the documentation for all my projects, including the
83
roundabout itself.
84
</p></p>
85
</article>
86
87
<article class="content-area">
88
<h2><a href="/projects/ampoule.html" class="article-title">Ampoule</a></h2>
89
<div class="home-article-date">2024-04-29</div>
90
<p><p>Ampoule is a lightweight, simple yet flexible, static site generator written in Python.
91
It uses Jinja2 for templating. This site was generated using Ampoule.
92
</p></p>
93
</article>
94
95
</div>
96
</details>
97
98
<details class="topic-expander">
99
<summary><h2>announcement</h2></summary>
100
<div class="topic-posts">
101
102
<article class="content-area">
103
<h2><a href="/posts/moved-to-a-roundabout.html" class="article-title">Moved to a roundabout</a></h2>
104
<div class="home-article-date">2024-05-07</div>
105
<p><p>Welcome to my new website! I've moved from GitHub to a git software I've developed,
106
<a href="https://roundabout-host.com/roundabout/roundabout">a roundabout</a>. To go along with
107
this move, I also made a new website, which is powered by a custom static site generator
108
called <a href="https://roundabout-host.com/roundabout/ampoule">Ampoule</a>. This will be the
109
generator I will use to write the documentation for all my projects, including the
110
roundabout itself.
111
</p></p>
112
</article>
113
114
</div>
115
</details>
116
117
<details class="topic-expander">
118
<summary><h2>apache</h2></summary>
119
<div class="topic-posts">
120
121
<article class="content-area">
122
<h2><a href="/projects/wordle.html" class="article-title">Teletype Wordle</a></h2>
123
<div class="home-article-date">2024-04-29</div>
124
<p><p>Just like the original Wordle, you have to guess a 5-letter word in 6 tries and it tells you
125
how many letters are correct and in the right position, how many are correct but in the wrong
126
position, and how many are not in the word at all. The only difference is that this one is
127
played in the terminal. It's a great SSH toy for when you're bored.
128
</p></p>
129
</article>
130
131
</div>
132
</details>
133
134
<details class="topic-expander">
135
<summary><h2>application</h2></summary>
136
<div class="topic-posts">
137
138
<article class="content-area">
139
<h2><a href="/posts/browsers-are-doing-too-much.html" class="article-title">Browsers are doing way too much nowadays</a></h2>
140
<div class="home-article-date">2024-05-07</div>
141
<p><p>Ooh, shiny! Chrome is now forcing me to view my bookmarks in a ✨side panel✨! It's not like
142
we have windowing environments for that, right? Doesn't matter, it's modern, new so it's cool
143
and automatically better even though it sucks!
144
</p></p>
145
</article>
146
147
</div>
148
</details>
149
150
<details class="topic-expander">
151
<summary><h2>browser</h2></summary>
152
<div class="topic-posts">
153
154
<article class="content-area">
155
<h2><a href="/posts/browsers-are-doing-too-much.html" class="article-title">Browsers are doing way too much nowadays</a></h2>
156
<div class="home-article-date">2024-05-07</div>
157
<p><p>Ooh, shiny! Chrome is now forcing me to view my bookmarks in a ✨side panel✨! It's not like
158
we have windowing environments for that, right? Doesn't matter, it's modern, new so it's cool
159
and automatically better even though it sucks!
160
</p></p>
161
</article>
162
163
</div>
164
</details>
165
166
<details class="topic-expander">
167
<summary><h2>cc-by-nc</h2></summary>
168
<div class="topic-posts">
169
170
<article class="content-area">
171
<h2><a href="/projects/waste.html" class="article-title">Waste detection</a></h2>
172
<div class="home-article-date">2024-04-29</div>
173
<p><p>An YOLO model specifically trained to detect waste in images. We collected a custom dataset of waste,
174
classified and annotated it, and trained the model using YOLOv8 on Keras. The model is able to detect
175
the position and class of waste in images. It can separate the following classes of waste:
176
</p></p>
177
</article>
178
179
</div>
180
</details>
181
182
<details class="topic-expander">
183
<summary><h2>cc-by-sa</h2></summary>
184
<div class="topic-posts">
185
186
<article class="content-area">
187
<h2><a href="/projects/waste.html" class="article-title">Waste detection</a></h2>
188
<div class="home-article-date">2024-04-29</div>
189
<p><p>An YOLO model specifically trained to detect waste in images. We collected a custom dataset of waste,
190
classified and annotated it, and trained the model using YOLOv8 on Keras. The model is able to detect
191
the position and class of waste in images. It can separate the following classes of waste:
192
</p></p>
193
</article>
194
195
</div>
196
</details>
197
198
<details class="topic-expander">
199
<summary><h2>computer vision</h2></summary>
200
<div class="topic-posts">
201
202
<article class="content-area">
203
<h2><a href="/projects/waste.html" class="article-title">Waste detection</a></h2>
204
<div class="home-article-date">2024-04-29</div>
205
<p><p>An YOLO model specifically trained to detect waste in images. We collected a custom dataset of waste,
206
classified and annotated it, and trained the model using YOLOv8 on Keras. The model is able to detect
207
the position and class of waste in images. It can separate the following classes of waste:
208
</p></p>
209
</article>
210
211
</div>
212
</details>
213
214
<details class="topic-expander">
215
<summary><h2>contest</h2></summary>
216
<div class="topic-posts">
217
218
<article class="content-area">
219
<h2><a href="/projects/echo.html" class="article-title">Echo</a></h2>
220
<div class="home-article-date">2024-04-29</div>
221
<p><p>Echo is a very basic status tracker for web endpoints. I don't recommend you use it. It was
222
made for a programming competition (hackathon) organised by the Automation and Computing faculty
223
of the Politehnica University of Timișoara, in 3 days, alone. I decided to publish it because
224
it might be useful for someone and doesn't hurt me to have it online, and the contest encourages
225
publishing the works.
226
</p></p>
227
</article>
228
229
</div>
230
</details>
231
232
<details class="topic-expander">
233
<summary><h2>creative commons</h2></summary>
234
<div class="topic-posts">
235
236
<article class="content-area">
237
<h2><a href="/projects/waste.html" class="article-title">Waste detection</a></h2>
238
<div class="home-article-date">2024-04-29</div>
239
<p><p>An YOLO model specifically trained to detect waste in images. We collected a custom dataset of waste,
240
classified and annotated it, and trained the model using YOLOv8 on Keras. The model is able to detect
241
the position and class of waste in images. It can separate the following classes of waste:
242
</p></p>
243
</article>
244
245
</div>
246
</details>
247
248
<details class="topic-expander">
249
<summary><h2>crowdsourcing</h2></summary>
250
<div class="topic-posts">
251
252
<article class="content-area">
253
<h2><a href="/projects/waste.html" class="article-title">Waste detection</a></h2>
254
<div class="home-article-date">2024-04-29</div>
255
<p><p>An YOLO model specifically trained to detect waste in images. We collected a custom dataset of waste,
256
classified and annotated it, and trained the model using YOLOv8 on Keras. The model is able to detect
257
the position and class of waste in images. It can separate the following classes of waste:
258
</p></p>
259
</article>
260
261
</div>
262
</details>
263
264
<details class="topic-expander">
265
<summary><h2>css</h2></summary>
266
<div class="topic-posts">
267
268
<article class="content-area">
269
<h2><a href="/posts/semantic-css.html" class="article-title">Let's write more semantic CSS</a></h2>
270
<div class="home-article-date">2024-05-18</div>
271
<p><p>You probably wrote something like this at least once in your life:
272
</p><pre data-language="html"><div class="card card--rounded card--primary">
273
<div class="card__image-container">
274
<img src="image.jpg" alt="A nice image" class="card__image">
275
<span class="card__image-caption">A nice image</span>
276
</div>
277
<div class="card__content">
278
<div class="card__header">
279
<div class="card__title">Hello, world!</div>
280
</div>
281
<p class="card__text">
282
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
283
</p>
284
</div>
285
<div class="card__footer">
286
<button class="btn btn--primary btn--raised btn--accent card__button card__button--primary">Click me!</button>
287
<button class="btn btn--secondary btn--raised btn--accent card__button card__button--secondary">Click me!</button>
288
</div>
289
</div>
290
</pre><p>Or this:
291
</p><pre data-language="html"><div class="max-w-sm rounded overflow-hidden shadow-lg">
292
<div>
293
<img class="w-full" src="image.jpg" alt="A nice image">
294
<span class="text-gray-500 text-base">A nice image</span>
295
</div>
296
<div class="px-6 py-4">
297
<div>
298
<div class="font-bold text-xl mb-2">Hello, world!</div>
299
</div>
300
<p class="text-gray-700 text-base">
301
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
302
</p>
303
</div>
304
<div class="px-6 py-4">
305
<button class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded">Click me!</button>
306
<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>
307
</div>
308
</div>
309
</pre></p>
310
</article>
311
312
</div>
313
</details>
314
315
<details class="topic-expander">
316
<summary><h2>data</h2></summary>
317
<div class="topic-posts">
318
319
<article class="content-area">
320
<h2><a href="/projects/waste.html" class="article-title">Waste detection</a></h2>
321
<div class="home-article-date">2024-04-29</div>
322
<p><p>An YOLO model specifically trained to detect waste in images. We collected a custom dataset of waste,
323
classified and annotated it, and trained the model using YOLOv8 on Keras. The model is able to detect
324
the position and class of waste in images. It can separate the following classes of waste:
325
</p></p>
326
</article>
327
328
</div>
329
</details>
330
331
<details class="topic-expander">
332
<summary><h2>docs</h2></summary>
333
<div class="topic-posts">
334
335
<article class="content-area">
336
<h2><a href="/projects/ampoule.html" class="article-title">Ampoule</a></h2>
337
<div class="home-article-date">2024-04-29</div>
338
<p><p>Ampoule is a lightweight, simple yet flexible, static site generator written in Python.
339
It uses Jinja2 for templating. This site was generated using Ampoule.
340
</p></p>
341
</article>
342
343
</div>
344
</details>
345
346
<details class="topic-expander">
347
<summary><h2>echo</h2></summary>
348
<div class="topic-posts">
349
350
<article class="content-area">
351
<h2><a href="/projects/echo.html" class="article-title">Echo</a></h2>
352
<div class="home-article-date">2024-04-29</div>
353
<p><p>Echo is a very basic status tracker for web endpoints. I don't recommend you use it. It was
354
made for a programming competition (hackathon) organised by the Automation and Computing faculty
355
of the Politehnica University of Timișoara, in 3 days, alone. I decided to publish it because
356
it might be useful for someone and doesn't hurt me to have it online, and the contest encourages
357
publishing the works.
358
</p></p>
359
</article>
360
361
</div>
362
</details>
363
364
<details class="topic-expander">
365
<summary><h2>environment</h2></summary>
366
<div class="topic-posts">
367
368
<article class="content-area">
369
<h2><a href="/projects/waste.html" class="article-title">Waste detection</a></h2>
370
<div class="home-article-date">2024-04-29</div>
371
<p><p>An YOLO model specifically trained to detect waste in images. We collected a custom dataset of waste,
372
classified and annotated it, and trained the model using YOLOv8 on Keras. The model is able to detect
373
the position and class of waste in images. It can separate the following classes of waste:
374
</p></p>
375
</article>
376
377
</div>
378
</details>
379
380
<details class="topic-expander">
381
<summary><h2>fair licence</h2></summary>
382
<div class="topic-posts">
383
384
<article class="content-area">
385
<h2><a href="/projects/echo.html" class="article-title">Echo</a></h2>
386
<div class="home-article-date">2024-04-29</div>
387
<p><p>Echo is a very basic status tracker for web endpoints. I don't recommend you use it. It was
388
made for a programming competition (hackathon) organised by the Automation and Computing faculty
389
of the Politehnica University of Timișoara, in 3 days, alone. I decided to publish it because
390
it might be useful for someone and doesn't hurt me to have it online, and the contest encourages
391
publishing the works.
392
</p></p>
393
</article>
394
395
</div>
396
</details>
397
398
<details class="topic-expander">
399
<summary><h2>flask</h2></summary>
400
<div class="topic-posts">
401
402
<article class="content-area">
403
<h2><a href="/projects/echo.html" class="article-title">Echo</a></h2>
404
<div class="home-article-date">2024-04-29</div>
405
<p><p>Echo is a very basic status tracker for web endpoints. I don't recommend you use it. It was
406
made for a programming competition (hackathon) organised by the Automation and Computing faculty
407
of the Politehnica University of Timișoara, in 3 days, alone. I decided to publish it because
408
it might be useful for someone and doesn't hurt me to have it online, and the contest encourages
409
publishing the works.
410
</p></p>
411
</article>
412
413
<article class="content-area">
414
<h2><a href="/projects/roundabout.html" class="article-title">The roundabout</a></h2>
415
<div class="home-article-date">2024-04-29</div>
416
<p><p>The roundabout is a <strong class="emphasis-2">git repository hosting</strong> server software. It is designed to be a complete
417
alternative to GitHub, GitLab, BitBucket, Gogs/Gitea/Forgejo, and other similar services. It
418
is still in development and not yet ready for production use. As of version 0.3.0 development
419
stage, it supports:
420
</p></p>
421
</article>
422
423
</div>
424
</details>
425
426
<details class="topic-expander">
427
<summary><h2>fun</h2></summary>
428
<div class="topic-posts">
429
430
<article class="content-area">
431
<h2><a href="/projects/wordle.html" class="article-title">Teletype Wordle</a></h2>
432
<div class="home-article-date">2024-04-29</div>
433
<p><p>Just like the original Wordle, you have to guess a 5-letter word in 6 tries and it tells you
434
how many letters are correct and in the right position, how many are correct but in the wrong
435
position, and how many are not in the word at all. The only difference is that this one is
436
played in the terminal. It's a great SSH toy for when you're bored.
437
</p></p>
438
</article>
439
440
</div>
441
</details>
442
443
<details class="topic-expander">
444
<summary><h2>game</h2></summary>
445
<div class="topic-posts">
446
447
<article class="content-area">
448
<h2><a href="/projects/wordle.html" class="article-title">Teletype Wordle</a></h2>
449
<div class="home-article-date">2024-04-29</div>
450
<p><p>Just like the original Wordle, you have to guess a 5-letter word in 6 tries and it tells you
451
how many letters are correct and in the right position, how many are correct but in the wrong
452
position, and how many are not in the word at all. The only difference is that this one is
453
played in the terminal. It's a great SSH toy for when you're bored.
454
</p></p>
455
</article>
456
457
</div>
458
</details>
459
460
<details class="topic-expander">
461
<summary><h2>git</h2></summary>
462
<div class="topic-posts">
463
464
<article class="content-area">
465
<h2><a href="/projects/roundabout.html" class="article-title">The roundabout</a></h2>
466
<div class="home-article-date">2024-04-29</div>
467
<p><p>The roundabout is a <strong class="emphasis-2">git repository hosting</strong> server software. It is designed to be a complete
468
alternative to GitHub, GitLab, BitBucket, Gogs/Gitea/Forgejo, and other similar services. It
469
is still in development and not yet ready for production use. As of version 0.3.0 development
470
stage, it supports:
471
</p></p>
472
</article>
473
474
</div>
475
</details>
476
477
<details class="topic-expander">
478
<summary><h2>gnu/linux</h2></summary>
479
<div class="topic-posts">
480
481
<article class="content-area">
482
<h2><a href="/posts/homemade-nas.html" class="article-title">Cheap, homemade NAS with Raspberry Pi</a></h2>
483
<div class="home-article-date">2024-05-21</div>
484
<p><p>This is a very simple, cheap and quick way to get networked storage at home. It should not cost
485
more than €120 for all the components (assuming you've got a network you can plug it into). It also
486
offers more flexibility than a commercial NAS, because you can install any software you want on it.
487
And if you already use the Raspberry Pi for something else, you can just add this to it and not
488
worry about an extra device you need power, networking, space and maintenance for.
489
</p></p>
490
</article>
491
492
</div>
493
</details>
494
495
<details class="topic-expander">
496
<summary><h2>gpl</h2></summary>
497
<div class="topic-posts">
498
499
<article class="content-area">
500
<h2><a href="/projects/ampoule.html" class="article-title">Ampoule</a></h2>
501
<div class="home-article-date">2024-04-29</div>
502
<p><p>Ampoule is a lightweight, simple yet flexible, static site generator written in Python.
503
It uses Jinja2 for templating. This site was generated using Ampoule.
504
</p></p>
505
</article>
506
507
</div>
508
</details>
509
510
<details class="topic-expander">
511
<summary><h2>hardware</h2></summary>
512
<div class="topic-posts">
513
514
<article class="content-area">
515
<h2><a href="/posts/homemade-nas.html" class="article-title">Cheap, homemade NAS with Raspberry Pi</a></h2>
516
<div class="home-article-date">2024-05-21</div>
517
<p><p>This is a very simple, cheap and quick way to get networked storage at home. It should not cost
518
more than €120 for all the components (assuming you've got a network you can plug it into). It also
519
offers more flexibility than a commercial NAS, because you can install any software you want on it.
520
And if you already use the Raspberry Pi for something else, you can just add this to it and not
521
worry about an extra device you need power, networking, space and maintenance for.
522
</p></p>
523
</article>
524
525
</div>
526
</details>
527
528
<details class="topic-expander">
529
<summary><h2>html</h2></summary>
530
<div class="topic-posts">
531
532
<article class="content-area">
533
<h2><a href="/posts/semantic-css.html" class="article-title">Let's write more semantic CSS</a></h2>
534
<div class="home-article-date">2024-05-18</div>
535
<p><p>You probably wrote something like this at least once in your life:
536
</p><pre data-language="html"><div class="card card--rounded card--primary">
537
<div class="card__image-container">
538
<img src="image.jpg" alt="A nice image" class="card__image">
539
<span class="card__image-caption">A nice image</span>
540
</div>
541
<div class="card__content">
542
<div class="card__header">
543
<div class="card__title">Hello, world!</div>
544
</div>
545
<p class="card__text">
546
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
547
</p>
548
</div>
549
<div class="card__footer">
550
<button class="btn btn--primary btn--raised btn--accent card__button card__button--primary">Click me!</button>
551
<button class="btn btn--secondary btn--raised btn--accent card__button card__button--secondary">Click me!</button>
552
</div>
553
</div>
554
</pre><p>Or this:
555
</p><pre data-language="html"><div class="max-w-sm rounded overflow-hidden shadow-lg">
556
<div>
557
<img class="w-full" src="image.jpg" alt="A nice image">
558
<span class="text-gray-500 text-base">A nice image</span>
559
</div>
560
<div class="px-6 py-4">
561
<div>
562
<div class="font-bold text-xl mb-2">Hello, world!</div>
563
</div>
564
<p class="text-gray-700 text-base">
565
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
566
</p>
567
</div>
568
<div class="px-6 py-4">
569
<button class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded">Click me!</button>
570
<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>
571
</div>
572
</div>
573
</pre></p>
574
</article>
575
576
</div>
577
</details>
578
579
<details class="topic-expander">
580
<summary><h2>jinja2</h2></summary>
581
<div class="topic-posts">
582
583
<article class="content-area">
584
<h2><a href="/projects/ampoule.html" class="article-title">Ampoule</a></h2>
585
<div class="home-article-date">2024-04-29</div>
586
<p><p>Ampoule is a lightweight, simple yet flexible, static site generator written in Python.
587
It uses Jinja2 for templating. This site was generated using Ampoule.
588
</p></p>
589
</article>
590
591
</div>
592
</details>
593
594
<details class="topic-expander">
595
<summary><h2>keras</h2></summary>
596
<div class="topic-posts">
597
598
<article class="content-area">
599
<h2><a href="/projects/waste.html" class="article-title">Waste detection</a></h2>
600
<div class="home-article-date">2024-04-29</div>
601
<p><p>An YOLO model specifically trained to detect waste in images. We collected a custom dataset of waste,
602
classified and annotated it, and trained the model using YOLOv8 on Keras. The model is able to detect
603
the position and class of waste in images. It can separate the following classes of waste:
604
</p></p>
605
</article>
606
607
</div>
608
</details>
609
610
<details class="topic-expander">
611
<summary><h2>machine learning</h2></summary>
612
<div class="topic-posts">
613
614
<article class="content-area">
615
<h2><a href="/projects/waste.html" class="article-title">Waste detection</a></h2>
616
<div class="home-article-date">2024-04-29</div>
617
<p><p>An YOLO model specifically trained to detect waste in images. We collected a custom dataset of waste,
618
classified and annotated it, and trained the model using YOLOv8 on Keras. The model is able to detect
619
the position and class of waste in images. It can separate the following classes of waste:
620
</p></p>
621
</article>
622
623
</div>
624
</details>
625
626
<details class="topic-expander">
627
<summary><h2>nas</h2></summary>
628
<div class="topic-posts">
629
630
<article class="content-area">
631
<h2><a href="/posts/homemade-nas.html" class="article-title">Cheap, homemade NAS with Raspberry Pi</a></h2>
632
<div class="home-article-date">2024-05-21</div>
633
<p><p>This is a very simple, cheap and quick way to get networked storage at home. It should not cost
634
more than €120 for all the components (assuming you've got a network you can plug it into). It also
635
offers more flexibility than a commercial NAS, because you can install any software you want on it.
636
And if you already use the Raspberry Pi for something else, you can just add this to it and not
637
worry about an extra device you need power, networking, space and maintenance for.
638
</p></p>
639
</article>
640
641
</div>
642
</details>
643
644
<details class="topic-expander">
645
<summary><h2>networking</h2></summary>
646
<div class="topic-posts">
647
648
<article class="content-area">
649
<h2><a href="/posts/homemade-nas.html" class="article-title">Cheap, homemade NAS with Raspberry Pi</a></h2>
650
<div class="home-article-date">2024-05-21</div>
651
<p><p>This is a very simple, cheap and quick way to get networked storage at home. It should not cost
652
more than €120 for all the components (assuming you've got a network you can plug it into). It also
653
offers more flexibility than a commercial NAS, because you can install any software you want on it.
654
And if you already use the Raspberry Pi for something else, you can just add this to it and not
655
worry about an extra device you need power, networking, space and maintenance for.
656
</p></p>
657
</article>
658
659
</div>
660
</details>
661
662
<details class="topic-expander">
663
<summary><h2>opinion</h2></summary>
664
<div class="topic-posts">
665
666
<article class="content-area">
667
<h2><a href="/posts/browsers-are-doing-too-much.html" class="article-title">Browsers are doing way too much nowadays</a></h2>
668
<div class="home-article-date">2024-05-07</div>
669
<p><p>Ooh, shiny! Chrome is now forcing me to view my bookmarks in a ✨side panel✨! It's not like
670
we have windowing environments for that, right? Doesn't matter, it's modern, new so it's cool
671
and automatically better even though it sucks!
672
</p></p>
673
</article>
674
675
</div>
676
</details>
677
678
<details class="topic-expander">
679
<summary><h2>python</h2></summary>
680
<div class="topic-posts">
681
682
<article class="content-area">
683
<h2><a href="/projects/ampoule.html" class="article-title">Ampoule</a></h2>
684
<div class="home-article-date">2024-04-29</div>
685
<p><p>Ampoule is a lightweight, simple yet flexible, static site generator written in Python.
686
It uses Jinja2 for templating. This site was generated using Ampoule.
687
</p></p>
688
</article>
689
690
<article class="content-area">
691
<h2><a href="/projects/echo.html" class="article-title">Echo</a></h2>
692
<div class="home-article-date">2024-04-29</div>
693
<p><p>Echo is a very basic status tracker for web endpoints. I don't recommend you use it. It was
694
made for a programming competition (hackathon) organised by the Automation and Computing faculty
695
of the Politehnica University of Timișoara, in 3 days, alone. I decided to publish it because
696
it might be useful for someone and doesn't hurt me to have it online, and the contest encourages
697
publishing the works.
698
</p></p>
699
</article>
700
701
<article class="content-area">
702
<h2><a href="/projects/roundabout.html" class="article-title">The roundabout</a></h2>
703
<div class="home-article-date">2024-04-29</div>
704
<p><p>The roundabout is a <strong class="emphasis-2">git repository hosting</strong> server software. It is designed to be a complete
705
alternative to GitHub, GitLab, BitBucket, Gogs/Gitea/Forgejo, and other similar services. It
706
is still in development and not yet ready for production use. As of version 0.3.0 development
707
stage, it supports:
708
</p></p>
709
</article>
710
711
<article class="content-area">
712
<h2><a href="/projects/waste.html" class="article-title">Waste detection</a></h2>
713
<div class="home-article-date">2024-04-29</div>
714
<p><p>An YOLO model specifically trained to detect waste in images. We collected a custom dataset of waste,
715
classified and annotated it, and trained the model using YOLOv8 on Keras. The model is able to detect
716
the position and class of waste in images. It can separate the following classes of waste:
717
</p></p>
718
</article>
719
720
<article class="content-area">
721
<h2><a href="/projects/wordle.html" class="article-title">Teletype Wordle</a></h2>
722
<div class="home-article-date">2024-04-29</div>
723
<p><p>Just like the original Wordle, you have to guess a 5-letter word in 6 tries and it tells you
724
how many letters are correct and in the right position, how many are correct but in the wrong
725
position, and how many are not in the word at all. The only difference is that this one is
726
played in the terminal. It's a great SSH toy for when you're bored.
727
</p></p>
728
</article>
729
730
</div>
731
</details>
732
733
<details class="topic-expander">
734
<summary><h2>rant</h2></summary>
735
<div class="topic-posts">
736
737
<article class="content-area">
738
<h2><a href="/posts/browsers-are-doing-too-much.html" class="article-title">Browsers are doing way too much nowadays</a></h2>
739
<div class="home-article-date">2024-05-07</div>
740
<p><p>Ooh, shiny! Chrome is now forcing me to view my bookmarks in a ✨side panel✨! It's not like
741
we have windowing environments for that, right? Doesn't matter, it's modern, new so it's cool
742
and automatically better even though it sucks!
743
</p></p>
744
</article>
745
746
</div>
747
</details>
748
749
<details class="topic-expander">
750
<summary><h2>raspberry pi</h2></summary>
751
<div class="topic-posts">
752
753
<article class="content-area">
754
<h2><a href="/posts/homemade-nas.html" class="article-title">Cheap, homemade NAS with Raspberry Pi</a></h2>
755
<div class="home-article-date">2024-05-21</div>
756
<p><p>This is a very simple, cheap and quick way to get networked storage at home. It should not cost
757
more than €120 for all the components (assuming you've got a network you can plug it into). It also
758
offers more flexibility than a commercial NAS, because you can install any software you want on it.
759
And if you already use the Raspberry Pi for something else, you can just add this to it and not
760
worry about an extra device you need power, networking, space and maintenance for.
761
</p></p>
762
</article>
763
764
</div>
765
</details>
766
767
<details class="topic-expander">
768
<summary><h2>roundabout</h2></summary>
769
<div class="topic-posts">
770
771
<article class="content-area">
772
<h2><a href="/posts/moved-to-a-roundabout.html" class="article-title">Moved to a roundabout</a></h2>
773
<div class="home-article-date">2024-05-07</div>
774
<p><p>Welcome to my new website! I've moved from GitHub to a git software I've developed,
775
<a href="https://roundabout-host.com/roundabout/roundabout">a roundabout</a>. To go along with
776
this move, I also made a new website, which is powered by a custom static site generator
777
called <a href="https://roundabout-host.com/roundabout/ampoule">Ampoule</a>. This will be the
778
generator I will use to write the documentation for all my projects, including the
779
roundabout itself.
780
</p></p>
781
</article>
782
783
<article class="content-area">
784
<h2><a href="/projects/roundabout.html" class="article-title">The roundabout</a></h2>
785
<div class="home-article-date">2024-04-29</div>
786
<p><p>The roundabout is a <strong class="emphasis-2">git repository hosting</strong> server software. It is designed to be a complete
787
alternative to GitHub, GitLab, BitBucket, Gogs/Gitea/Forgejo, and other similar services. It
788
is still in development and not yet ready for production use. As of version 0.3.0 development
789
stage, it supports:
790
</p></p>
791
</article>
792
793
</div>
794
</details>
795
796
<details class="topic-expander">
797
<summary><h2>roundabout-host</h2></summary>
798
<div class="topic-posts">
799
800
<article class="content-area">
801
<h2><a href="/posts/moved-to-a-roundabout.html" class="article-title">Moved to a roundabout</a></h2>
802
<div class="home-article-date">2024-05-07</div>
803
<p><p>Welcome to my new website! I've moved from GitHub to a git software I've developed,
804
<a href="https://roundabout-host.com/roundabout/roundabout">a roundabout</a>. To go along with
805
this move, I also made a new website, which is powered by a custom static site generator
806
called <a href="https://roundabout-host.com/roundabout/ampoule">Ampoule</a>. This will be the
807
generator I will use to write the documentation for all my projects, including the
808
roundabout itself.
809
</p></p>
810
</article>
811
812
<article class="content-area">
813
<h2><a href="/projects/roundabout.html" class="article-title">The roundabout</a></h2>
814
<div class="home-article-date">2024-04-29</div>
815
<p><p>The roundabout is a <strong class="emphasis-2">git repository hosting</strong> server software. It is designed to be a complete
816
alternative to GitHub, GitLab, BitBucket, Gogs/Gitea/Forgejo, and other similar services. It
817
is still in development and not yet ready for production use. As of version 0.3.0 development
818
stage, it supports:
819
</p></p>
820
</article>
821
822
</div>
823
</details>
824
825
<details class="topic-expander">
826
<summary><h2>school project</h2></summary>
827
<div class="topic-posts">
828
829
<article class="content-area">
830
<h2><a href="/projects/echo.html" class="article-title">Echo</a></h2>
831
<div class="home-article-date">2024-04-29</div>
832
<p><p>Echo is a very basic status tracker for web endpoints. I don't recommend you use it. It was
833
made for a programming competition (hackathon) organised by the Automation and Computing faculty
834
of the Politehnica University of Timișoara, in 3 days, alone. I decided to publish it because
835
it might be useful for someone and doesn't hurt me to have it online, and the contest encourages
836
publishing the works.
837
</p></p>
838
</article>
839
840
</div>
841
</details>
842
843
<details class="topic-expander">
844
<summary><h2>server</h2></summary>
845
<div class="topic-posts">
846
847
<article class="content-area">
848
<h2><a href="/posts/homemade-nas.html" class="article-title">Cheap, homemade NAS with Raspberry Pi</a></h2>
849
<div class="home-article-date">2024-05-21</div>
850
<p><p>This is a very simple, cheap and quick way to get networked storage at home. It should not cost
851
more than €120 for all the components (assuming you've got a network you can plug it into). It also
852
offers more flexibility than a commercial NAS, because you can install any software you want on it.
853
And if you already use the Raspberry Pi for something else, you can just add this to it and not
854
worry about an extra device you need power, networking, space and maintenance for.
855
</p></p>
856
</article>
857
858
</div>
859
</details>
860
861
<details class="topic-expander">
862
<summary><h2>software</h2></summary>
863
<div class="topic-posts">
864
865
<article class="content-area">
866
<h2><a href="/projects/ampoule.html" class="article-title">Ampoule</a></h2>
867
<div class="home-article-date">2024-04-29</div>
868
<p><p>Ampoule is a lightweight, simple yet flexible, static site generator written in Python.
869
It uses Jinja2 for templating. This site was generated using Ampoule.
870
</p></p>
871
</article>
872
873
<article class="content-area">
874
<h2><a href="/projects/echo.html" class="article-title">Echo</a></h2>
875
<div class="home-article-date">2024-04-29</div>
876
<p><p>Echo is a very basic status tracker for web endpoints. I don't recommend you use it. It was
877
made for a programming competition (hackathon) organised by the Automation and Computing faculty
878
of the Politehnica University of Timișoara, in 3 days, alone. I decided to publish it because
879
it might be useful for someone and doesn't hurt me to have it online, and the contest encourages
880
publishing the works.
881
</p></p>
882
</article>
883
884
<article class="content-area">
885
<h2><a href="/projects/roundabout.html" class="article-title">The roundabout</a></h2>
886
<div class="home-article-date">2024-04-29</div>
887
<p><p>The roundabout is a <strong class="emphasis-2">git repository hosting</strong> server software. It is designed to be a complete
888
alternative to GitHub, GitLab, BitBucket, Gogs/Gitea/Forgejo, and other similar services. It
889
is still in development and not yet ready for production use. As of version 0.3.0 development
890
stage, it supports:
891
</p></p>
892
</article>
893
894
</div>
895
</details>
896
897
<details class="topic-expander">
898
<summary><h2>teletype wordle</h2></summary>
899
<div class="topic-posts">
900
901
<article class="content-area">
902
<h2><a href="/projects/wordle.html" class="article-title">Teletype Wordle</a></h2>
903
<div class="home-article-date">2024-04-29</div>
904
<p><p>Just like the original Wordle, you have to guess a 5-letter word in 6 tries and it tells you
905
how many letters are correct and in the right position, how many are correct but in the wrong
906
position, and how many are not in the word at all. The only difference is that this one is
907
played in the terminal. It's a great SSH toy for when you're bored.
908
</p></p>
909
</article>
910
911
</div>
912
</details>
913
914
<details class="topic-expander">
915
<summary><h2>terminal</h2></summary>
916
<div class="topic-posts">
917
918
<article class="content-area">
919
<h2><a href="/projects/wordle.html" class="article-title">Teletype Wordle</a></h2>
920
<div class="home-article-date">2024-04-29</div>
921
<p><p>Just like the original Wordle, you have to guess a 5-letter word in 6 tries and it tells you
922
how many letters are correct and in the right position, how many are correct but in the wrong
923
position, and how many are not in the word at all. The only difference is that this one is
924
played in the terminal. It's a great SSH toy for when you're bored.
925
</p></p>
926
</article>
927
928
</div>
929
</details>
930
931
<details class="topic-expander">
932
<summary><h2>user experience</h2></summary>
933
<div class="topic-posts">
934
935
<article class="content-area">
936
<h2><a href="/posts/browsers-are-doing-too-much.html" class="article-title">Browsers are doing way too much nowadays</a></h2>
937
<div class="home-article-date">2024-05-07</div>
938
<p><p>Ooh, shiny! Chrome is now forcing me to view my bookmarks in a ✨side panel✨! It's not like
939
we have windowing environments for that, right? Doesn't matter, it's modern, new so it's cool
940
and automatically better even though it sucks!
941
</p></p>
942
</article>
943
944
</div>
945
</details>
946
947
<details class="topic-expander">
948
<summary><h2>waste</h2></summary>
949
<div class="topic-posts">
950
951
<article class="content-area">
952
<h2><a href="/projects/waste.html" class="article-title">Waste detection</a></h2>
953
<div class="home-article-date">2024-04-29</div>
954
<p><p>An YOLO model specifically trained to detect waste in images. We collected a custom dataset of waste,
955
classified and annotated it, and trained the model using YOLOv8 on Keras. The model is able to detect
956
the position and class of waste in images. It can separate the following classes of waste:
957
</p></p>
958
</article>
959
960
</div>
961
</details>
962
963
<details class="topic-expander">
964
<summary><h2>waste detection</h2></summary>
965
<div class="topic-posts">
966
967
<article class="content-area">
968
<h2><a href="/projects/waste.html" class="article-title">Waste detection</a></h2>
969
<div class="home-article-date">2024-04-29</div>
970
<p><p>An YOLO model specifically trained to detect waste in images. We collected a custom dataset of waste,
971
classified and annotated it, and trained the model using YOLOv8 on Keras. The model is able to detect
972
the position and class of waste in images. It can separate the following classes of waste:
973
</p></p>
974
</article>
975
976
</div>
977
</details>
978
979
<details class="topic-expander">
980
<summary><h2>web</h2></summary>
981
<div class="topic-posts">
982
983
<article class="content-area">
984
<h2><a href="/posts/semantic-css.html" class="article-title">Let's write more semantic CSS</a></h2>
985
<div class="home-article-date">2024-05-18</div>
986
<p><p>You probably wrote something like this at least once in your life:
987
</p><pre data-language="html"><div class="card card--rounded card--primary">
988
<div class="card__image-container">
989
<img src="image.jpg" alt="A nice image" class="card__image">
990
<span class="card__image-caption">A nice image</span>
991
</div>
992
<div class="card__content">
993
<div class="card__header">
994
<div class="card__title">Hello, world!</div>
995
</div>
996
<p class="card__text">
997
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
998
</p>
999
</div>
1000
<div class="card__footer">
1001
<button class="btn btn--primary btn--raised btn--accent card__button card__button--primary">Click me!</button>
1002
<button class="btn btn--secondary btn--raised btn--accent card__button card__button--secondary">Click me!</button>
1003
</div>
1004
</div>
1005
</pre><p>Or this:
1006
</p><pre data-language="html"><div class="max-w-sm rounded overflow-hidden shadow-lg">
1007
<div>
1008
<img class="w-full" src="image.jpg" alt="A nice image">
1009
<span class="text-gray-500 text-base">A nice image</span>
1010
</div>
1011
<div class="px-6 py-4">
1012
<div>
1013
<div class="font-bold text-xl mb-2">Hello, world!</div>
1014
</div>
1015
<p class="text-gray-700 text-base">
1016
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
1017
</p>
1018
</div>
1019
<div class="px-6 py-4">
1020
<button class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded">Click me!</button>
1021
<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>
1022
</div>
1023
</div>
1024
</pre></p>
1025
</article>
1026
1027
<article class="content-area">
1028
<h2><a href="/posts/browsers-are-doing-too-much.html" class="article-title">Browsers are doing way too much nowadays</a></h2>
1029
<div class="home-article-date">2024-05-07</div>
1030
<p><p>Ooh, shiny! Chrome is now forcing me to view my bookmarks in a ✨side panel✨! It's not like
1031
we have windowing environments for that, right? Doesn't matter, it's modern, new so it's cool
1032
and automatically better even though it sucks!
1033
</p></p>
1034
</article>
1035
1036
<article class="content-area">
1037
<h2><a href="/projects/ampoule.html" class="article-title">Ampoule</a></h2>
1038
<div class="home-article-date">2024-04-29</div>
1039
<p><p>Ampoule is a lightweight, simple yet flexible, static site generator written in Python.
1040
It uses Jinja2 for templating. This site was generated using Ampoule.
1041
</p></p>
1042
</article>
1043
1044
<article class="content-area">
1045
<h2><a href="/projects/echo.html" class="article-title">Echo</a></h2>
1046
<div class="home-article-date">2024-04-29</div>
1047
<p><p>Echo is a very basic status tracker for web endpoints. I don't recommend you use it. It was
1048
made for a programming competition (hackathon) organised by the Automation and Computing faculty
1049
of the Politehnica University of Timișoara, in 3 days, alone. I decided to publish it because
1050
it might be useful for someone and doesn't hurt me to have it online, and the contest encourages
1051
publishing the works.
1052
</p></p>
1053
</article>
1054
1055
<article class="content-area">
1056
<h2><a href="/projects/roundabout.html" class="article-title">The roundabout</a></h2>
1057
<div class="home-article-date">2024-04-29</div>
1058
<p><p>The roundabout is a <strong class="emphasis-2">git repository hosting</strong> server software. It is designed to be a complete
1059
alternative to GitHub, GitLab, BitBucket, Gogs/Gitea/Forgejo, and other similar services. It
1060
is still in development and not yet ready for production use. As of version 0.3.0 development
1061
stage, it supports:
1062
</p></p>
1063
</article>
1064
1065
</div>
1066
</details>
1067
1068
<details class="topic-expander">
1069
<summary><h2>yolo</h2></summary>
1070
<div class="topic-posts">
1071
1072
<article class="content-area">
1073
<h2><a href="/projects/waste.html" class="article-title">Waste detection</a></h2>
1074
<div class="home-article-date">2024-04-29</div>
1075
<p><p>An YOLO model specifically trained to detect waste in images. We collected a custom dataset of waste,
1076
classified and annotated it, and trained the model using YOLOv8 on Keras. The model is able to detect
1077
the position and class of waste in images. It can separate the following classes of waste:
1078
</p></p>
1079
</article>
1080
1081
</div>
1082
</details>
1083
1084
</div>
1085
</main>
1087
<footer>
1088
<p>Page generated on Tuesday, 21 May 2024 at 17:53:32</p>
1089
<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>
1090
<a href="#">Back to top</a>
1091
</footer>
1092
</body>
1093
</html>