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-07</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>gpl</h2></summary>
479
<div class="topic-posts">
480
481
<article class="content-area">
482
<h2><a href="/projects/ampoule.html" class="article-title">Ampoule</a></h2>
483
<div class="home-article-date">2024-04-29</div>
484
<p><p>Ampoule is a lightweight, simple yet flexible, static site generator written in Python.
485
It uses Jinja2 for templating. This site was generated using Ampoule.
486
</p></p>
487
</article>
488
489
</div>
490
</details>
491
492
<details class="topic-expander">
493
<summary><h2>html</h2></summary>
494
<div class="topic-posts">
495
496
<article class="content-area">
497
<h2><a href="/posts/semantic-css.html" class="article-title">Let's write more semantic CSS</a></h2>
498
<div class="home-article-date">2024-05-07</div>
499
<p><p>You probably wrote something like this at least once in your life:
500
</p><pre data-language="html"><div class="card card--rounded card--primary">
501
<div class="card__image-container">
502
<img src="image.jpg" alt="A nice image" class="card__image">
503
<span class="card__image-caption">A nice image</span>
504
</div>
505
<div class="card__content">
506
<div class="card__header">
507
<div class="card__title">Hello, world!</div>
508
</div>
509
<p class="card__text">
510
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
511
</p>
512
</div>
513
<div class="card__footer">
514
<button class="btn btn--primary btn--raised btn--accent card__button card__button--primary">Click me!</button>
515
<button class="btn btn--secondary btn--raised btn--accent card__button card__button--secondary">Click me!</button>
516
</div>
517
</div>
518
</pre><p>Or this:
519
</p><pre data-language="html"><div class="max-w-sm rounded overflow-hidden shadow-lg">
520
<div>
521
<img class="w-full" src="image.jpg" alt="A nice image">
522
<span class="text-gray-500 text-base">A nice image</span>
523
</div>
524
<div class="px-6 py-4">
525
<div>
526
<div class="font-bold text-xl mb-2">Hello, world!</div>
527
</div>
528
<p class="text-gray-700 text-base">
529
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
530
</p>
531
</div>
532
<div class="px-6 py-4">
533
<button class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded">Click me!</button>
534
<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>
535
</div>
536
</div>
537
</pre></p>
538
</article>
539
540
</div>
541
</details>
542
543
<details class="topic-expander">
544
<summary><h2>jinja2</h2></summary>
545
<div class="topic-posts">
546
547
<article class="content-area">
548
<h2><a href="/projects/ampoule.html" class="article-title">Ampoule</a></h2>
549
<div class="home-article-date">2024-04-29</div>
550
<p><p>Ampoule is a lightweight, simple yet flexible, static site generator written in Python.
551
It uses Jinja2 for templating. This site was generated using Ampoule.
552
</p></p>
553
</article>
554
555
</div>
556
</details>
557
558
<details class="topic-expander">
559
<summary><h2>keras</h2></summary>
560
<div class="topic-posts">
561
562
<article class="content-area">
563
<h2><a href="/projects/waste.html" class="article-title">Waste detection</a></h2>
564
<div class="home-article-date">2024-04-29</div>
565
<p><p>An YOLO model specifically trained to detect waste in images. We collected a custom dataset of waste,
566
classified and annotated it, and trained the model using YOLOv8 on Keras. The model is able to detect
567
the position and class of waste in images. It can separate the following classes of waste:
568
</p></p>
569
</article>
570
571
</div>
572
</details>
573
574
<details class="topic-expander">
575
<summary><h2>machine learning</h2></summary>
576
<div class="topic-posts">
577
578
<article class="content-area">
579
<h2><a href="/projects/waste.html" class="article-title">Waste detection</a></h2>
580
<div class="home-article-date">2024-04-29</div>
581
<p><p>An YOLO model specifically trained to detect waste in images. We collected a custom dataset of waste,
582
classified and annotated it, and trained the model using YOLOv8 on Keras. The model is able to detect
583
the position and class of waste in images. It can separate the following classes of waste:
584
</p></p>
585
</article>
586
587
</div>
588
</details>
589
590
<details class="topic-expander">
591
<summary><h2>opinion</h2></summary>
592
<div class="topic-posts">
593
594
<article class="content-area">
595
<h2><a href="/posts/browsers-are-doing-too-much.html" class="article-title">Browsers are doing way too much nowadays</a></h2>
596
<div class="home-article-date">2024-05-07</div>
597
<p><p>Ooh, shiny! Chrome is now forcing me to view my bookmarks in a ✨side panel✨! It's not like
598
we have windowing environments for that, right? Doesn't matter, it's modern, new so it's cool
599
and automatically better even though it sucks!
600
</p></p>
601
</article>
602
603
</div>
604
</details>
605
606
<details class="topic-expander">
607
<summary><h2>python</h2></summary>
608
<div class="topic-posts">
609
610
<article class="content-area">
611
<h2><a href="/projects/ampoule.html" class="article-title">Ampoule</a></h2>
612
<div class="home-article-date">2024-04-29</div>
613
<p><p>Ampoule is a lightweight, simple yet flexible, static site generator written in Python.
614
It uses Jinja2 for templating. This site was generated using Ampoule.
615
</p></p>
616
</article>
617
618
<article class="content-area">
619
<h2><a href="/projects/echo.html" class="article-title">Echo</a></h2>
620
<div class="home-article-date">2024-04-29</div>
621
<p><p>Echo is a very basic status tracker for web endpoints. I don't recommend you use it. It was
622
made for a programming competition (hackathon) organised by the Automation and Computing faculty
623
of the Politehnica University of Timișoara, in 3 days, alone. I decided to publish it because
624
it might be useful for someone and doesn't hurt me to have it online, and the contest encourages
625
publishing the works.
626
</p></p>
627
</article>
628
629
<article class="content-area">
630
<h2><a href="/projects/roundabout.html" class="article-title">The roundabout</a></h2>
631
<div class="home-article-date">2024-04-29</div>
632
<p><p>The roundabout is a <strong class="emphasis-2">git repository hosting</strong> server software. It is designed to be a complete
633
alternative to GitHub, GitLab, BitBucket, Gogs/Gitea/Forgejo, and other similar services. It
634
is still in development and not yet ready for production use. As of version 0.3.0 development
635
stage, it supports:
636
</p></p>
637
</article>
638
639
<article class="content-area">
640
<h2><a href="/projects/waste.html" class="article-title">Waste detection</a></h2>
641
<div class="home-article-date">2024-04-29</div>
642
<p><p>An YOLO model specifically trained to detect waste in images. We collected a custom dataset of waste,
643
classified and annotated it, and trained the model using YOLOv8 on Keras. The model is able to detect
644
the position and class of waste in images. It can separate the following classes of waste:
645
</p></p>
646
</article>
647
648
<article class="content-area">
649
<h2><a href="/projects/wordle.html" class="article-title">Teletype Wordle</a></h2>
650
<div class="home-article-date">2024-04-29</div>
651
<p><p>Just like the original Wordle, you have to guess a 5-letter word in 6 tries and it tells you
652
how many letters are correct and in the right position, how many are correct but in the wrong
653
position, and how many are not in the word at all. The only difference is that this one is
654
played in the terminal. It's a great SSH toy for when you're bored.
655
</p></p>
656
</article>
657
658
</div>
659
</details>
660
661
<details class="topic-expander">
662
<summary><h2>rant</h2></summary>
663
<div class="topic-posts">
664
665
<article class="content-area">
666
<h2><a href="/posts/browsers-are-doing-too-much.html" class="article-title">Browsers are doing way too much nowadays</a></h2>
667
<div class="home-article-date">2024-05-07</div>
668
<p><p>Ooh, shiny! Chrome is now forcing me to view my bookmarks in a ✨side panel✨! It's not like
669
we have windowing environments for that, right? Doesn't matter, it's modern, new so it's cool
670
and automatically better even though it sucks!
671
</p></p>
672
</article>
673
674
</div>
675
</details>
676
677
<details class="topic-expander">
678
<summary><h2>roundabout</h2></summary>
679
<div class="topic-posts">
680
681
<article class="content-area">
682
<h2><a href="/posts/moved-to-a-roundabout.html" class="article-title">Moved to a roundabout</a></h2>
683
<div class="home-article-date">2024-05-07</div>
684
<p><p>Welcome to my new website! I've moved from GitHub to a git software I've developed,
685
<a href="https://roundabout-host.com/roundabout/roundabout">a roundabout</a>. To go along with
686
this move, I also made a new website, which is powered by a custom static site generator
687
called <a href="https://roundabout-host.com/roundabout/ampoule">Ampoule</a>. This will be the
688
generator I will use to write the documentation for all my projects, including the
689
roundabout itself.
690
</p></p>
691
</article>
692
693
<article class="content-area">
694
<h2><a href="/projects/roundabout.html" class="article-title">The roundabout</a></h2>
695
<div class="home-article-date">2024-04-29</div>
696
<p><p>The roundabout is a <strong class="emphasis-2">git repository hosting</strong> server software. It is designed to be a complete
697
alternative to GitHub, GitLab, BitBucket, Gogs/Gitea/Forgejo, and other similar services. It
698
is still in development and not yet ready for production use. As of version 0.3.0 development
699
stage, it supports:
700
</p></p>
701
</article>
702
703
</div>
704
</details>
705
706
<details class="topic-expander">
707
<summary><h2>roundabout-host</h2></summary>
708
<div class="topic-posts">
709
710
<article class="content-area">
711
<h2><a href="/posts/moved-to-a-roundabout.html" class="article-title">Moved to a roundabout</a></h2>
712
<div class="home-article-date">2024-05-07</div>
713
<p><p>Welcome to my new website! I've moved from GitHub to a git software I've developed,
714
<a href="https://roundabout-host.com/roundabout/roundabout">a roundabout</a>. To go along with
715
this move, I also made a new website, which is powered by a custom static site generator
716
called <a href="https://roundabout-host.com/roundabout/ampoule">Ampoule</a>. This will be the
717
generator I will use to write the documentation for all my projects, including the
718
roundabout itself.
719
</p></p>
720
</article>
721
722
<article class="content-area">
723
<h2><a href="/projects/roundabout.html" class="article-title">The roundabout</a></h2>
724
<div class="home-article-date">2024-04-29</div>
725
<p><p>The roundabout is a <strong class="emphasis-2">git repository hosting</strong> server software. It is designed to be a complete
726
alternative to GitHub, GitLab, BitBucket, Gogs/Gitea/Forgejo, and other similar services. It
727
is still in development and not yet ready for production use. As of version 0.3.0 development
728
stage, it supports:
729
</p></p>
730
</article>
731
732
</div>
733
</details>
734
735
<details class="topic-expander">
736
<summary><h2>school project</h2></summary>
737
<div class="topic-posts">
738
739
<article class="content-area">
740
<h2><a href="/projects/echo.html" class="article-title">Echo</a></h2>
741
<div class="home-article-date">2024-04-29</div>
742
<p><p>Echo is a very basic status tracker for web endpoints. I don't recommend you use it. It was
743
made for a programming competition (hackathon) organised by the Automation and Computing faculty
744
of the Politehnica University of Timișoara, in 3 days, alone. I decided to publish it because
745
it might be useful for someone and doesn't hurt me to have it online, and the contest encourages
746
publishing the works.
747
</p></p>
748
</article>
749
750
</div>
751
</details>
752
753
<details class="topic-expander">
754
<summary><h2>software</h2></summary>
755
<div class="topic-posts">
756
757
<article class="content-area">
758
<h2><a href="/projects/ampoule.html" class="article-title">Ampoule</a></h2>
759
<div class="home-article-date">2024-04-29</div>
760
<p><p>Ampoule is a lightweight, simple yet flexible, static site generator written in Python.
761
It uses Jinja2 for templating. This site was generated using Ampoule.
762
</p></p>
763
</article>
764
765
<article class="content-area">
766
<h2><a href="/projects/echo.html" class="article-title">Echo</a></h2>
767
<div class="home-article-date">2024-04-29</div>
768
<p><p>Echo is a very basic status tracker for web endpoints. I don't recommend you use it. It was
769
made for a programming competition (hackathon) organised by the Automation and Computing faculty
770
of the Politehnica University of Timișoara, in 3 days, alone. I decided to publish it because
771
it might be useful for someone and doesn't hurt me to have it online, and the contest encourages
772
publishing the works.
773
</p></p>
774
</article>
775
776
<article class="content-area">
777
<h2><a href="/projects/roundabout.html" class="article-title">The roundabout</a></h2>
778
<div class="home-article-date">2024-04-29</div>
779
<p><p>The roundabout is a <strong class="emphasis-2">git repository hosting</strong> server software. It is designed to be a complete
780
alternative to GitHub, GitLab, BitBucket, Gogs/Gitea/Forgejo, and other similar services. It
781
is still in development and not yet ready for production use. As of version 0.3.0 development
782
stage, it supports:
783
</p></p>
784
</article>
785
786
</div>
787
</details>
788
789
<details class="topic-expander">
790
<summary><h2>teletype wordle</h2></summary>
791
<div class="topic-posts">
792
793
<article class="content-area">
794
<h2><a href="/projects/wordle.html" class="article-title">Teletype Wordle</a></h2>
795
<div class="home-article-date">2024-04-29</div>
796
<p><p>Just like the original Wordle, you have to guess a 5-letter word in 6 tries and it tells you
797
how many letters are correct and in the right position, how many are correct but in the wrong
798
position, and how many are not in the word at all. The only difference is that this one is
799
played in the terminal. It's a great SSH toy for when you're bored.
800
</p></p>
801
</article>
802
803
</div>
804
</details>
805
806
<details class="topic-expander">
807
<summary><h2>terminal</h2></summary>
808
<div class="topic-posts">
809
810
<article class="content-area">
811
<h2><a href="/projects/wordle.html" class="article-title">Teletype Wordle</a></h2>
812
<div class="home-article-date">2024-04-29</div>
813
<p><p>Just like the original Wordle, you have to guess a 5-letter word in 6 tries and it tells you
814
how many letters are correct and in the right position, how many are correct but in the wrong
815
position, and how many are not in the word at all. The only difference is that this one is
816
played in the terminal. It's a great SSH toy for when you're bored.
817
</p></p>
818
</article>
819
820
</div>
821
</details>
822
823
<details class="topic-expander">
824
<summary><h2>user experience</h2></summary>
825
<div class="topic-posts">
826
827
<article class="content-area">
828
<h2><a href="/posts/browsers-are-doing-too-much.html" class="article-title">Browsers are doing way too much nowadays</a></h2>
829
<div class="home-article-date">2024-05-07</div>
830
<p><p>Ooh, shiny! Chrome is now forcing me to view my bookmarks in a ✨side panel✨! It's not like
831
we have windowing environments for that, right? Doesn't matter, it's modern, new so it's cool
832
and automatically better even though it sucks!
833
</p></p>
834
</article>
835
836
</div>
837
</details>
838
839
<details class="topic-expander">
840
<summary><h2>waste</h2></summary>
841
<div class="topic-posts">
842
843
<article class="content-area">
844
<h2><a href="/projects/waste.html" class="article-title">Waste detection</a></h2>
845
<div class="home-article-date">2024-04-29</div>
846
<p><p>An YOLO model specifically trained to detect waste in images. We collected a custom dataset of waste,
847
classified and annotated it, and trained the model using YOLOv8 on Keras. The model is able to detect
848
the position and class of waste in images. It can separate the following classes of waste:
849
</p></p>
850
</article>
851
852
</div>
853
</details>
854
855
<details class="topic-expander">
856
<summary><h2>waste detection</h2></summary>
857
<div class="topic-posts">
858
859
<article class="content-area">
860
<h2><a href="/projects/waste.html" class="article-title">Waste detection</a></h2>
861
<div class="home-article-date">2024-04-29</div>
862
<p><p>An YOLO model specifically trained to detect waste in images. We collected a custom dataset of waste,
863
classified and annotated it, and trained the model using YOLOv8 on Keras. The model is able to detect
864
the position and class of waste in images. It can separate the following classes of waste:
865
</p></p>
866
</article>
867
868
</div>
869
</details>
870
871
<details class="topic-expander">
872
<summary><h2>web</h2></summary>
873
<div class="topic-posts">
874
875
<article class="content-area">
876
<h2><a href="/posts/semantic-css.html" class="article-title">Let's write more semantic CSS</a></h2>
877
<div class="home-article-date">2024-05-07</div>
878
<p><p>You probably wrote something like this at least once in your life:
879
</p><pre data-language="html"><div class="card card--rounded card--primary">
880
<div class="card__image-container">
881
<img src="image.jpg" alt="A nice image" class="card__image">
882
<span class="card__image-caption">A nice image</span>
883
</div>
884
<div class="card__content">
885
<div class="card__header">
886
<div class="card__title">Hello, world!</div>
887
</div>
888
<p class="card__text">
889
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
890
</p>
891
</div>
892
<div class="card__footer">
893
<button class="btn btn--primary btn--raised btn--accent card__button card__button--primary">Click me!</button>
894
<button class="btn btn--secondary btn--raised btn--accent card__button card__button--secondary">Click me!</button>
895
</div>
896
</div>
897
</pre><p>Or this:
898
</p><pre data-language="html"><div class="max-w-sm rounded overflow-hidden shadow-lg">
899
<div>
900
<img class="w-full" src="image.jpg" alt="A nice image">
901
<span class="text-gray-500 text-base">A nice image</span>
902
</div>
903
<div class="px-6 py-4">
904
<div>
905
<div class="font-bold text-xl mb-2">Hello, world!</div>
906
</div>
907
<p class="text-gray-700 text-base">
908
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
909
</p>
910
</div>
911
<div class="px-6 py-4">
912
<button class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded">Click me!</button>
913
<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>
914
</div>
915
</div>
916
</pre></p>
917
</article>
918
919
<article class="content-area">
920
<h2><a href="/posts/browsers-are-doing-too-much.html" class="article-title">Browsers are doing way too much nowadays</a></h2>
921
<div class="home-article-date">2024-05-07</div>
922
<p><p>Ooh, shiny! Chrome is now forcing me to view my bookmarks in a ✨side panel✨! It's not like
923
we have windowing environments for that, right? Doesn't matter, it's modern, new so it's cool
924
and automatically better even though it sucks!
925
</p></p>
926
</article>
927
928
<article class="content-area">
929
<h2><a href="/projects/ampoule.html" class="article-title">Ampoule</a></h2>
930
<div class="home-article-date">2024-04-29</div>
931
<p><p>Ampoule is a lightweight, simple yet flexible, static site generator written in Python.
932
It uses Jinja2 for templating. This site was generated using Ampoule.
933
</p></p>
934
</article>
935
936
<article class="content-area">
937
<h2><a href="/projects/echo.html" class="article-title">Echo</a></h2>
938
<div class="home-article-date">2024-04-29</div>
939
<p><p>Echo is a very basic status tracker for web endpoints. I don't recommend you use it. It was
940
made for a programming competition (hackathon) organised by the Automation and Computing faculty
941
of the Politehnica University of Timișoara, in 3 days, alone. I decided to publish it because
942
it might be useful for someone and doesn't hurt me to have it online, and the contest encourages
943
publishing the works.
944
</p></p>
945
</article>
946
947
<article class="content-area">
948
<h2><a href="/projects/roundabout.html" class="article-title">The roundabout</a></h2>
949
<div class="home-article-date">2024-04-29</div>
950
<p><p>The roundabout is a <strong class="emphasis-2">git repository hosting</strong> server software. It is designed to be a complete
951
alternative to GitHub, GitLab, BitBucket, Gogs/Gitea/Forgejo, and other similar services. It
952
is still in development and not yet ready for production use. As of version 0.3.0 development
953
stage, it supports:
954
</p></p>
955
</article>
956
957
</div>
958
</details>
959
960
<details class="topic-expander">
961
<summary><h2>yolo</h2></summary>
962
<div class="topic-posts">
963
964
<article class="content-area">
965
<h2><a href="/projects/waste.html" class="article-title">Waste detection</a></h2>
966
<div class="home-article-date">2024-04-29</div>
967
<p><p>An YOLO model specifically trained to detect waste in images. We collected a custom dataset of waste,
968
classified and annotated it, and trained the model using YOLOv8 on Keras. The model is able to detect
969
the position and class of waste in images. It can separate the following classes of waste:
970
</p></p>
971
</article>
972
973
</div>
974
</details>
975
976
</div>
977
</main>
979
<footer>
980
<p>Page generated on Tuesday, 7 May 2024 at 13:50:41</p>
981
<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>
982
<a href="#">Back to top</a>
983
</footer>
984
</body>
985
</html>