Add page pics

content/_index.md

@@ -2,6 +2,8 @@
 title: "Home"
 ---
 
+{{< insert-pic "pic-home.webp" "Home" >}}
+
 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, retro crud and curating my site. My website is also my portfolio, blog and dumping ground for cool stuff I'm working on or find.
 
 * Want to read? Check out my [blog posts]({{< ref "blog" >}}).

content/blog/_index.md

@@ -5,6 +5,8 @@ aliases:
 - /notes
 ---
 
+{{< insert-pic "pic-blog.webp" "Blog" >}}
+
 Posts of [Linux](/blog/tags/linux/), [KDE](/blog/tags/kde), personal thoughts and [reviews](/blog/tags/review/).
 
 _Warning_: most of it is mindlessly technical.

content/downloads/index.md

@@ -2,6 +2,8 @@
 title: "Downloads"
 ---
 
+{{< insert-pic "pic-downloads.png" "Downloads" >}}
+
 I host downloads for things that I either want to archive, or worried we might lose.
 
 {{< toc >}}

content/guestbook.md

@@ -2,6 +2,8 @@
 title: "Guestbook"
 ---
 
+{{< insert-pic "pic-guestbook.webp" "Guestbook" >}}
+
 I have a new guestbook hosted using the new self-hosted comments sysstem! At the moment, [old guestbook entries](/legacy-guestbook) are not migrated yet.
 
 {{< guestbook >}}

content/links.md

@@ -2,6 +2,8 @@
 title: "Links"
 ---
 
+{{< insert-pic "pic-links.webp" >}}
+
 If you want to link back to my website, you can use one of the two banners
 below. You have an option depending on your website's color scheme :-) Please
 host the image on your own server if you can!

content/software/_index.md

@@ -4,4 +4,3 @@ aliases:
 - /projects
 layout: "software"
 ---
-

themes/red/layouts/_default/art.html

@@ -3,6 +3,10 @@
 
     <hr>
 
+    {{ with resources.Get "pics/pic-gallery.png" }}
+        <img class="gallery-img" style="width: 200px; height: 200px; float: right" width="{{ .Width }}" height="{{ .Height }}" src="{{ .RelPermalink }}">
+    {{ end }}
+
     {{ $paginator := .Paginate (where .RegularPagesRecursive "Type" "art") }}
 
     {{ if eq $paginator.PageNumber 1}}

themes/red/layouts/_default/software.html

@@ -1,10 +1,13 @@
 {{ define "main" }}
     <h2>{{ .Title }}</h2>
-
     <hr>
 
     {{ .Content }}
 
+    {{ with resources.Get "pics/pic-software.webp" }}
+        <img class="gallery-img" style="width: 200px; height: 200px; float: right" width="{{ .Width }}" height="{{ .Height }}" src="{{ .RelPermalink }}">
+    {{ end }}
+
     <h3>Personal Projects</h3>
 
     <p>These are projects I made for my own use, but they're all freely licensed!</p>

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

@@ -0,0 +1,8 @@
+{{ $name := .Get 0 }}
+{{ $alt := .Get 1 }}
+
+{{ $path := printf "pics/%s" $name}}
+
+{{ with resources.Get $path }}
+<img alt="{{ $alt }}" title="{{ $alt }}" class="gallery-img" style="width: 200px; height: 200px; float: right; margin: 10px;" width="{{ .Width }}" height="{{ .Height }}" src="{{ .RelPermalink }}">
+{{ end }}