Update page pictures

content/_index.md

@@ -2,7 +2,7 @@
 title: "Home"
 ---
 
-{{< insert-pic "pic-home.webp" "Drawing of a landscape bathed in sunlight. There's a small cottage in the middle of green hills." >}}
+{{< insert-pic "pic-home.jpg" "Drawing of a landscape bathed in sunlight. There's a small cottage in the middle of green hills." >}}
 
 Welcome to my personal corner of the Internet! My username is **redstrate** and I'm a software engineer, KDE developer and artist. I like Linux, taking apart stuff, and also taking care of my website. This place functions as both my portfolio and dumping ground for the things I like to work on.
 

content/about.md

@@ -2,7 +2,7 @@
 title: "About"
 ---
 
-{{< profile-picture >}}
+{{< insert-pic "profile.jpg" "Guestbook" >}}
 
 I'm known online as **redstrate**, and I create things to fill my own niche. I program, draw, and occasionally make bad music and edit videos. I'm a contributor to open source projects, and also a [KDE](https://kde.org) developer and [KDE e.V.](https://ev.kde.org) member. In my free time, I like to cook and study languages (real world and programming ones!) Of course, also play way too many video games!
 

content/blog/_index.md

@@ -5,7 +5,7 @@ aliases:
 - /notes
 ---
 
-{{< insert-pic "pic-blog.webp" "Drawing of a grocery list with the words Linux and Review and KDE written." >}}
+{{< insert-pic "pic-blog.jpg" "Drawing of a grocery list with the words Linux and Review and KDE written." >}}
 
 Rambles and writings usually consisting of [Linux](/blog/tags/linux/), [KDE](/blog/tags/kde), personal thoughts and [reviews](/blog/tags/review/).
 

content/contact.md

@@ -2,6 +2,8 @@
 title: "Contact"
 ---
 
+{{< insert-pic "pic-contact.jpg" "3D rendering of mail flying through the void." >}}
+
 The easiest and fastest way to contact me for personal matters is e-mail me via josh@redstrate.com.
 
 Other services that support direct messaging:

content/guestbook.md

@@ -2,7 +2,7 @@
 title: "Guestbook"
 ---
 
-{{< insert-pic "pic-guestbook.webp" "Guestbook" >}}
+{{< insert-pic "pic-guestbook.jpg" "Guestbook" >}}
 
 If you're passing through my website, sign my guestbook below! I would really appreciate it. Name and other contact details are optional, so you can stay anonymous.
 

content/links.md

@@ -2,7 +2,7 @@
 title: "Links"
 ---
 
-{{< insert-pic "pic-links.webp" >}}
+{{< insert-pic "pic-links.jpg" >}}
 
 Here's some cool like-minded people, websites and communities you should check out!
 

content/talks.md

@@ -2,6 +2,8 @@
 title: "Talks"
 ---
 
+{{< insert-pic "pic-talks.jpg" "Drawing of a sad laptop and a microphone." >}}
+
 Here is a list of the talks I've given so far:
 
 * [C++, Rust and Qt: Easier than you think](https://conf.kde.org/event/6/contributions/203/), Akademy 2024 ([PeerTube](https://tube.kockatoo.org/w/bdDAWwGXRyWmyVBn9mdbnP), [Slides](https://conf.kde.org/event/6/contributions/203/attachments/133/169/akademy-2024-qt-rust.pdf))

data/recent-changes.json

@@ -1,5 +1,6 @@
 {
     "changes": [
+        "2025-01-03: Added missing pictures for pages like Music and Contact.",
         "2024-10-17: Overhauled the gallery again.",
         "2024-05-19: Fixed the broken art RSS feed, again!",
         "2024-02-19: Further site improvements, started a FFXIV shrine.",

themes/red/layouts/_default/art.html

@@ -9,8 +9,14 @@
             {{ .Content }}
         </div>
 
-        {{ with resources.Get "pics/pic-gallery.png" }}
+        {{ with resources.Get "pics/pic-gallery.jpg" }}
+        <picture>
+            {{ $avif_path := replace . ".jpg" ".avif "}}
+            {{ with resources.Get (strings.TrimSpace $avif_path) }}
+                <source srcset="{{ .RelPermalink }}" type="image/avif">
+            {{ end }}
             <img class="gallery-img page-pic" alt="Drawing of an art gallery with several people standing around a piece hanging on the wall." width="{{ .Width }}" height="{{ .Height }}" src="{{ .RelPermalink }}">
+        </picture>
         {{ end }}
     </div>
 

themes/red/layouts/_default/audio-gallery.html

@@ -5,6 +5,16 @@
 
     <hr>
 
+    {{ with resources.Get "pics/pic-music.jpg" }}
+    <picture>
+        {{ $avif_path := replace . ".jpg" ".avif "}}
+		{{ with resources.Get (strings.TrimSpace $avif_path) }}
+			<source srcset="{{ .RelPermalink }}" type="image/avif">
+		{{ end }}
+        <img class="gallery-img page-pic" alt="Drawing of an art gallery with several people standing around a piece hanging on the wall." width="{{ .Width }}" height="{{ .Height }}" src="{{ .RelPermalink }}">
+    </picture>
+    {{ end }}
+
     {{ .Content }}
 
     {{ $art := (index site.Data ($.Param "json")) }}

themes/red/layouts/_default/software.html

@@ -2,8 +2,14 @@
     <h2>{{ .Title }}</h2>
     <hr>
 
-    {{ with resources.Get "pics/pic-software.webp" }}
+    {{ with resources.Get "pics/pic-software.jpg" }}
+    <picture>
+        {{ $avif_path := replace . ".jpg" ".avif "}}
+		{{ with resources.Get (strings.TrimSpace $avif_path) }}
+			<source srcset="{{ .RelPermalink }}" type="image/avif">
+		{{ end }}
         <img alt="Software" class="gallery-img page-pic" width="{{ .Width }}" height="{{ .Height }}" src="{{ .RelPermalink }}">
+    </picture>
     {{ end }}
 
     {{ .Content }}

themes/red/layouts/shortcodes/insert-pic.html

@@ -4,5 +4,11 @@
 {{ $path := printf "pics/%s" $name}}
 
 {{ with resources.Get $path }}
-<img alt="{{ $alt }}" class="gallery-img page-pic" width="{{ .Width }}" height="{{ .Height }}" src="{{ .RelPermalink }}">
+<picture>
+{{ $avif_path := replace . ".jpg" ".avif "}}
+{{ with resources.Get (strings.TrimSpace $avif_path) }}
+    <source srcset="{{ .RelPermalink }}" type="image/avif">
+{{ end }}
+<img alt="{{ $alt }}" class="gallery-img page-pic" width="{{ .Width }}" height="{{ .Height }}" src="{{ .RelPermalink }}">
+</picture>
 {{ end }}