From 455b5bf0a8cfba658446cc6f3fd2c5964b45d507 Mon Sep 17 00:00:00 2001 From: "Danilo M." Date: Wed, 15 Apr 2026 23:39:11 +0200 Subject: Implement article type colors, reading progress bar, and optimize layout MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 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 --- .../articles/gify-back-to-bash-scripting/G0092546.jpg | Bin 0 -> 150720 bytes .../en/articles/gify-back-to-bash-scripting/index.md | 4 ++-- .../gify-back-to-bash-scripting/piscaturi.gif | Bin 0 -> 3947323 bytes 3 files changed, 2 insertions(+), 2 deletions(-) create mode 100644 content/en/articles/gify-back-to-bash-scripting/G0092546.jpg create mode 100644 content/en/articles/gify-back-to-bash-scripting/piscaturi.gif (limited to 'content/en/articles/gify-back-to-bash-scripting') diff --git a/content/en/articles/gify-back-to-bash-scripting/G0092546.jpg b/content/en/articles/gify-back-to-bash-scripting/G0092546.jpg new file mode 100644 index 0000000..c8a5ae1 Binary files /dev/null and b/content/en/articles/gify-back-to-bash-scripting/G0092546.jpg differ diff --git a/content/en/articles/gify-back-to-bash-scripting/index.md b/content/en/articles/gify-back-to-bash-scripting/index.md index 81de00e..edf0f1e 100644 --- a/content/en/articles/gify-back-to-bash-scripting/index.md +++ b/content/en/articles/gify-back-to-bash-scripting/index.md @@ -1,13 +1,13 @@ +++ title = "gify.sh – back to bash scripting" author = "Danilo M." -type = "article" +type = "tech" date = "2016-01-25T12:41:06+00:00" image = "G0092546.jpg" categories = ["code", "diy", "fotografia"] tags = ["bash", "convert", "gif", "imagemagik", "mogrify", "script"] +++ -{{< image src="/uploads/2016/01/piscaturi.gif" alt="piccoli pescatori crescono" caption="gif image created using gify.sh" >}} +{{< image class="max-w-lg mx-auto" src="piscaturi.gif" alt="piccoli pescatori crescono" caption="gif image created using gify.sh" >}} Today I'll present you a useful script that will help you create amazing gifs from your still photos using a couple tools from the [IMAGEMAGIK](https://www.imagemagick.org) suite, so without further ado, here it is, straight from github's gists. diff --git a/content/en/articles/gify-back-to-bash-scripting/piscaturi.gif b/content/en/articles/gify-back-to-bash-scripting/piscaturi.gif new file mode 100644 index 0000000..4e87d32 Binary files /dev/null and b/content/en/articles/gify-back-to-bash-scripting/piscaturi.gif differ -- cgit v1.2.3