danix's work - danix.xyz-2.git/commit

]> danix's work - danix.xyz-2.git/commit

home / my projects / danix.xyz-2.git / commit

author	Danilo M. <redacted>
	Wed, 15 Apr 2026 21:39:11 +0000 (23:39 +0200)
committer	Danilo M. <redacted>
	Wed, 15 Apr 2026 21:39:11 +0000 (23:39 +0200)
commit	455b5bf0a8cfba658446cc6f3fd2c5964b45d507
tree	54e0b3319e540ed2a693fdfebf8f583fae345203	tree \| snapshot (zip tar.gz)
parent	abf79d7123469dd27b59e3fb154aba41523688e7	commit \| diff

Implement article type colors, reading progress bar, and optimize layout

- Add colored type pills to article list items (overlay on thumbnails, top-right)
- Add type accent corner (L-shaped) to single article headers with colored pill badge in metadata
- Implement smooth reading progress bar at viewport top (violet→green gradient)
- Progress bar only appears on single pages/articles, not on lists or homepage
- Constrain article width to max-w-7xl for comfortable reading with side gutters
- Use CSS variables for all colors to support dark/light theme switching
- Add reading-progress.js with requestAnimationFrame throttling for performance
- Update HANDOFF.md with current progress

Co-Authored-By: Claude Haiku 4.5 <redacted>

18 files changed:

HANDOFF.md		diff \| blob \| blame \| history
content/en/articles/about-loneliness/index.md	[new file with mode: 0644]	blob
content/en/articles/about-loneliness/loneliness.jpg	[new file with mode: 0644]	blob
content/en/articles/cad-designing-in-gnu-linux/2021-04-25-183336_1366x768_scrot.png	[new file with mode: 0644]	blob
content/en/articles/cad-designing-in-gnu-linux/2021-04-25-190246_1366x768_scrot.png	[new file with mode: 0644]	blob
content/en/articles/cad-designing-in-gnu-linux/PXL_20210501_114542849.jpg	[new file with mode: 0644]	blob
content/en/articles/cad-designing-in-gnu-linux/index.md	[new file with mode: 0644]	blob
content/en/articles/cad-designing-in-gnu-linux/solvespace_demo.webm	[new file with mode: 0644]	blob
content/en/articles/gify-back-to-bash-scripting/G0092546.jpg	[new file with mode: 0644]	blob
content/en/articles/gify-back-to-bash-scripting/index.md		diff \| blob \| blame \| history
content/en/articles/gify-back-to-bash-scripting/piscaturi.gif	[new file with mode: 0644]	blob
themes/danix-xyz-hacker/assets/css/main.min.css		diff \| blob \| blame \| history
themes/danix-xyz-hacker/assets/js/reading-progress.js	[new file with mode: 0644]	blob
themes/danix-xyz-hacker/layouts/_default/baseof.html		diff \| blob \| blame \| history
themes/danix-xyz-hacker/layouts/_default/single.html		diff \| blob \| blame \| history
themes/danix-xyz-hacker/layouts/articles/single.html		diff \| blob \| blame \| history
themes/danix-xyz-hacker/layouts/partials/article-header.html		diff \| blob \| blame \| history
themes/danix-xyz-hacker/layouts/partials/article-list-item.html		diff \| blob \| blame \| history

The updated content repository for my website.

RSS Atom

danix's git repository