#CSS 7 hashtags

I am actually really happy about how my mobile-tweaks for #ktistec turned out. There was a lot of #CSS hacking involved, but I am pretty happy with the results :)

Here's a little video of how it looks:

Bildschirmaufzeichnung vom 2024-08-08, 18-28-20.webm 187.76 KB

I finally transferred almost all my webtools to SimpleCSS, for example the #goaccess dashboard for privacy preserving web traffic measurements:

https://src.jayvii.de/pub/goaccess_dashboard/ (see it in action here: traffic.jayvii.de

Or other tools such as a barebones youtube-feed yt2html, twitch-feed tw2html, youtube-to-podcatcher service yt2rss, ...

I really like the idea of simple and classless #CSS. It helped me improve the visuals of my #PHP services quite a lot!

Also added a docker-compose file for (even) easier deployment of #ktistec, as well as some notes on #backup management. The #CSS has also been improved in the meantime. I added deployment-notes for those too!

https://src.jayvii.de/pub/ktistec-tweaks

Started working on some tiny #ktistec end-user hacks: https://src.jayvii.de/pub/ktistec-tweaks

For now only a user #CSS theme i dupped "purple-ish": https://src.jayvii.de/pub/ktistec-tweaks/file/css/purpleish.css.html

Maybe more to come in the future. Or not, we'll see :)

My extension & adaptation quest of #stagit goes on next week! I implemented basic functionality that automate mosts common tasks a while back already. Implemented dynamic #CSS themes earlier this year and a more modern look in the past week (as well as a summary page for every repository). Next week, I want to bring the menu bar to a more modern design:

https://src.jayvii.de

Did some more #CSS hacking on my #stagit server: src.jayvii.de #git #selfhosting

The table-layout scheme used by stagit is simplistic and gives a great quick overview over repos, commits, etc. But it just doesn't work well on mobile devices and looks awfully outdated.

So I reform the tables to a more modern GitLab-inspired look just with a few lines of CSS.

Here are a few before and after screenshots:

Image description 1: Screenshots of the repository index page in mobile mode. On the left side is the old version with "normal" table. Each repository is listed as a single row of a table. The text overflows to the right, so the description is only partially visible and repository-owner and date of last commit are not visible at all. On the right side is the new version, which looks a lot more modern by giving each field full-width, meaning that each "row" of the table is not below each other rather than next to each other. Separating lines between each repository as well as repository names styled as headlines make differentiation easy and give it a more modern look.
Image description 2: Two screenshots of the commit log of the "stagit-jayvii.de" repository, which is similarly layed out as on the first image of this post. On the left side is the old version, whereas commit messages are only partially visible due to overflowing text and comitting user as well as number of modified files and lines are not visible at all. On the right side is the new vertically aligned version, which makes browsing the commits of a repository on mobile devices a lot easier.