From 631547a75142326a7c71bdf123e1475217a5ad73 Mon Sep 17 00:00:00 2001
From: "Danilo M." <danix@danix.xyz>
Date: Wed, 22 Apr 2026 12:42:56 +0200
Subject: chore: replace with extracted danix.xyz-hacker theme
 (danix2-hugo-theme)

---
 layouts/shortcodes/img.html | 84 ---------------------------------------------
 1 file changed, 84 deletions(-)
 delete mode 100644 layouts/shortcodes/img.html

(limited to 'layouts/shortcodes/img.html')

diff --git a/layouts/shortcodes/img.html b/layouts/shortcodes/img.html
deleted file mode 100644
index fbf96c0..0000000
--- a/layouts/shortcodes/img.html
+++ /dev/null
@@ -1,84 +0,0 @@
-{{/*
-    Taken from https://www.brycewray.com/posts/2022/06/responsive-optimized-images-hugo/
-*/}}
-
-{{- $respSizes := .Site.Params.imageSizes -}}
-{{- $src := .Get "src" -}}
-{{- $source := resources.Get $src -}}
-{{- $alt := .Get "alt" -}}
-{{- $divClass := .Get "divClass" -}}
-{{/*
-    The styling in $imgClass, below, makes
-    an image fill the container horizontally
-    and adjust its height automatically
-    for that, and then fade in for the LQIP effect.
-    Feel free to adjust your CSS/SCSS as desired.
-*/}}
-{{- $imgClass := "animate-fade" -}}
-{{- $dataSzes := "(min-width: 1024px) 100vw, 50vw" -}}
-{{/*
-    Now we'll create the 20-pixel-wide LQIP
-    and turn it into Base64-encoded data, which
-    is better for performance and caching.
-*/}}
-{{- $LQIP_img := $source.Resize "20x jpg" -}}
-{{- $LQIP_b64 := $LQIP_img.Content | base64Encode -}}
-{{/*
-    $CFPstyle is for use in styling
-    the div's background, as you'll see shortly.
-*/}}
-{{- $CFPstyle := printf "%s%s%s%v%s" "background: url(data:image/jpeg;base64," $LQIP_b64 "); background-size: cover; background-repeat: no-repeat; width: " $source.Width "px;" -}}
-{{/*
-    Then, we create a 640-pixel-wide JPG
-    of the image. This will serve as the
-    "fallback" image for that tiny percentage
-    of browsers that don't understand the
-    HTML `picture` tag.
-*/}}
-{{- $actualImg := $source.Resize "640x jpg" -}}
-<div class="picture{{with $divClass}} {{.}}{{end}}" style="{{ $CFPstyle | safeCSS }}">
-{{/*
-    Now we'll build the `picture` which modern
-    browsers use to decide which image, and
-    which format thereof, to show. Remember to
-    put `webp` first, since the browser will use
-    the first format it **can** use, and WebP files
-    usually are smaller. After WebP, the fallback
-    is the universally safe JPG format.
-*/}}
-    <a href="{{ $source.RelPermalink }}">
-        <picture>
-            <source
-                type="image/webp"
-                srcset="
-                {{- with $respSizes -}}
-                    {{- range $i, $e := $respSizes -}}
-                        {{- if ge $source.Width . -}}
-                            {{- if $i }}, {{ end -}}{{- ($source.Resize (printf "%vx%v" $e " webp") ).RelPermalink }} {{ . }}w
-                        {{- end -}}
-                    {{- end -}}
-                {{- end -}}"
-                sizes="{{ $dataSzes }}"
-            />
-            <source
-                type="image/jpeg"
-                srcset="
-                {{- with $respSizes -}}
-                    {{- range $i, $e := . -}}
-                        {{- if ge $source.Width . -}}
-                            {{- if $i }}, {{ end -}}{{- ($source.Resize (printf "%vx%v" . " jpg") ).RelPermalink }} {{ . }}w
-                        {{- end -}}
-                    {{- end -}}
-                {{- end -}}"
-                sizes="{{ $dataSzes }}"
-            />
-            <img class="{{ $imgClass }}"
-                src="{{ $actualImg.RelPermalink }}"
-                width="{{ $source.Width }}"
-                height="{{ $source.Height }}"
-                alt="{{ $alt }}"
-                loading="lazy"
-            />
-        </picture>
-    </a>
-</div>
-- 
cgit v1.2.3