From be8450c418937dccd50701f4f058e098d12e13d5 Mon Sep 17 00:00:00 2001
From: Christian Mahnke <cmahnke@gmail.com>
Date: Thu, 18 Jul 2024 19:37:43 +0200
Subject: [PATCH] Minor changes

---
 assets/scss/base.scss           | 31 ++++++++++++++++++++++++++++++-
 assets/scss/gallery.scss        |  7 +++++++
 content/post/_index.en.md       |  2 +-
 content/post/_index.md          |  2 +-
 content/post/pong/index.en.md   |  1 +
 content/post/pong/index.md      |  1 +
 layouts/partials/li.html        |  4 +++-
 layouts/shortcodes/gallery.html |  2 +-
 8 files changed, 45 insertions(+), 5 deletions(-)

diff --git a/assets/scss/base.scss b/assets/scss/base.scss
index 115ebf5935..c5f3d98332 100644
--- a/assets/scss/base.scss
+++ b/assets/scss/base.scss
@@ -537,11 +537,28 @@ a:visited {
           margin-bottom: 1.2em 0;
       }
 
+      a::before,
+      a::after {
+        content: unset;
+      }
+
       picture {
         display: flex;
         justify-content: center;
 
-        img {
+        a {
+          width: 100%;
+
+          @media (min-width : 75em) {
+              width: 60%;
+          }
+
+          img {
+            width: 100%;
+          }
+        }
+
+         &> img {
           width: 100%;
 
           @media (min-width : 75em) {
@@ -554,12 +571,23 @@ a:visited {
     .post-body {
         ul {
             list-style: none;
+            padding-inline-start: 0;
             /*padding-inline-start: 0;*/
 
             li {
                 padding-left: 1em;
             }
 
+            li::before {
+                content: '☞';
+                color: $marker-color;
+                font-size: 1.4em;
+                display: inline-block;
+                vertical-align: sub;
+                padding-right: .8em
+            }
+
+            /* Doesn't work in Safari
             li::marker {
                 content: '☞';
                 color: $marker-color;
@@ -568,6 +596,7 @@ a:visited {
                 vertical-align: sub;
                 padding-right: .4em
             }
+            */
         }
 
         hr {
diff --git a/assets/scss/gallery.scss b/assets/scss/gallery.scss
index f3efd9f5ed..705de78667 100644
--- a/assets/scss/gallery.scss
+++ b/assets/scss/gallery.scss
@@ -15,6 +15,7 @@
   @media (max-width: 35em) {
     flex-direction: column;
     gap: 2vwh;
+    padding: .6em;
   }
 
   a {
@@ -26,4 +27,10 @@
     border-radius: .4rem;
   }
 
+  .gallery-image {
+    .gallery-preview {
+      max-width: 100%;
+    }
+  }
+
 }
diff --git a/content/post/_index.en.md b/content/post/_index.en.md
index f4bfaf2316..aaaf1876bc 100644
--- a/content/post/_index.en.md
+++ b/content/post/_index.en.md
@@ -5,5 +5,5 @@ displayinlist: false
 layout: blog
 ---
 
-On this page I'll post updates on my projects about the technologies used in irregular intervals.
+On this page I'll post updates on my projects, about the technologies used interesting additions to my collections (mainly art).
 An overview of the last blog posts is available at [Projektemacher.org](https://projektemacher.org/posts/).
diff --git a/content/post/_index.md b/content/post/_index.md
index 8d820bc40a..6192498b4f 100644
--- a/content/post/_index.md
+++ b/content/post/_index.md
@@ -5,5 +5,5 @@ displayinlist: false
 layout: blog
 ---
 
-Hier gibt es in unregelmäßigen Abständen Beiträge über meine Projekte und in Zukunft auch über die eingesetzten Technologien.
+Hier gibt es in unregelmäßigen Abständen Beiträge über meine Projekte, über die eingesetzten Technologien und neue Fundstücke.
 Eine Übersicht über die letzten Beiträge in den jeweiligen Blogs gibt es bei [Projektemacher.org](https://projektemacher.org/posts/).
diff --git a/content/post/pong/index.en.md b/content/post/pong/index.en.md
index 8e795514de..f347d7ed75 100644
--- a/content/post/pong/index.en.md
+++ b/content/post/pong/index.en.md
@@ -8,6 +8,7 @@ tags:
 - Fun
 - Retrocomputing
 - DigitalImages
+preview: pong-heatmap1.png
 ---
 
 For some reason I came up with the idea of visualising [Pong](https://de.wikipedia.org/wiki/Pong)...
diff --git a/content/post/pong/index.md b/content/post/pong/index.md
index 4e22b64533..5c7774ea9a 100644
--- a/content/post/pong/index.md
+++ b/content/post/pong/index.md
@@ -8,6 +8,7 @@ tags:
 - Fun
 - Retrocomputing
 - DigitalImages
+preview: pong-heatmap1.png
 ---
 
 Aus irgendeinem Grund bin ich auf die Idee gekommen [Pong](https://de.wikipedia.org/wiki/Pong) zu visualisieren...
diff --git a/layouts/partials/li.html b/layouts/partials/li.html
index 9293a0f3f2..ad324a5964 100644
--- a/layouts/partials/li.html
+++ b/layouts/partials/li.html
@@ -21,7 +21,9 @@ <h2 class="post-title"><a class="readmore" href="{{ .RelPermalink}}" title="{{ i
                   <source media="(min-width:{{ . }}px)" srcset="{{ ($imgRes.Resize (printf "%sx" .)).RelPermalink }}">
                 {{- end -}}
                 {{- $imgRes := $.Page.Resources.Get $src -}}
-                <img src="{{ ($imgRes.Resize (printf "%sx" "1280")).RelPermalink }}" alt="{{ $.Title }}" />
+                <a title="{{ $.Title}}" href="{{ $.RelPermalink }}">
+                  <img src="{{ ($imgRes.Resize (printf "%sx" "1280")).RelPermalink }}" alt="{{ $.Title }}" />
+                </a>
               </picture>
             </div>
           {{- end -}}
diff --git a/layouts/shortcodes/gallery.html b/layouts/shortcodes/gallery.html
index 584f01ac24..58d2ac897b 100644
--- a/layouts/shortcodes/gallery.html
+++ b/layouts/shortcodes/gallery.html
@@ -20,7 +20,7 @@
           {{- $preview = $imgRes -}}
         {{- end -}}
 
-        <img src="{{ $preview.RelPermalink }}" alt="{{ $alt }}" />
+        <img src="{{ $preview.RelPermalink }}" alt="{{ $alt }}" class="gallery-preview" />
       </a>
       {{- else -}}
       {{ warnf "[shortcodes/gallery.html] Not found %s for %s" $image.src $.Page.File.Path }}