web

Proposed system font stacks

I've seen Modern Font Stacks. I agree that there are many cases where system fonts are fine, but the stacks there have some problems, especially with GNU/Linux devices.

Let's write more semantic CSS

You probably wrote something like this at least once in your life:

<div class="card card--rounded card--primary">
   <div class="card__image-container">
       <img src="image.jpg" alt="A nice image" class="card__image">
       <span class="card__image-caption">A nice image</span>
   </div>
   <div class="card__content">
       <div class="card__header">
           <div class="card__title">Hello, world!</div>
       </div>
       <p class="card__text">
           Lorem ipsum dolor sit amet, consectetur adipiscing elit.
       </p>
   </div>
   <div class="card__footer">
       <button class="btn btn--primary btn--raised btn--accent card__button card__button--primary">Click me!</button>
       <button class="btn btn--secondary btn--raised btn--accent card__button card__button--secondary">Click me!</button>
   </div>
</div>

Or this:

<div class="max-w-sm rounded overflow-hidden shadow-lg">
   <div>
       <img class="w-full" src="image.jpg" alt="A nice image">
       <span class="text-gray-500 text-base">A nice image</span>
   </div>
   <div class="px-6 py-4">
       <div>
           <div class="font-bold text-xl mb-2">Hello, world!</div>
       </div>
       <p class="text-gray-700 text-base">
           Lorem ipsum dolor sit amet, consectetur adipiscing elit.
       </p>
   </div>
   <div class="px-6 py-4">
       <button class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded">Click me!</button>
       <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>
   </div>
</div>

Browsers are doing way too much nowadays

Ooh, shiny! Chrome is now forcing me to view my bookmarks in a ✨side panel✨! It's not like we have windowing environments for that, right? Doesn't matter, it's modern, new so it's cool and automatically better even though it sucks!

Ampoule

Ampoule is a lightweight, simple yet flexible, static site generator written in Python. It uses Jinja2 for templating. This site was generated using Ampoule.

Echo

Echo is a very basic status tracker for web endpoints. I don't recommend you use it. It was made for a programming competition (hackathon) organised by the Automation and Computing faculty of the Politehnica University of Timișoara, in 3 days, alone. I decided to publish it because it might be useful for someone and doesn't hurt me to have it online, and the contest encourages publishing the works.

Gigadata

Gigadata is an image dataset collection and annotation platform. It allows anyone to easily contribute to the dataset by uploading images and annotating objects, and to use the dataset for training machine learning models.

The roundabout

The roundabout is a git repository hosting server software. It is designed to be a complete alternative to GitHub, GitLab, BitBucket, Gogs/Gitea/Forgejo, and other similar services. It is still in development and not yet ready for production use. As of version 0.3.0 development stage, it supports: