From 85927861b9f69bb39f9eff92de311734cf4447e9 Mon Sep 17 00:00:00 2001
From: Timo Montalto <t.montalto@browserwerk.de>
Date: Wed, 22 Jan 2025 09:31:23 +0100
Subject: [PATCH] Added cover images

---
 assets/css/dark.css          | 4 ++++
 assets/css/main.css          | 8 ++++++--
 layouts/_default/single.html | 5 +++++
 3 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/assets/css/dark.css b/assets/css/dark.css
index b6a140d..401dfc2 100644
--- a/assets/css/dark.css
+++ b/assets/css/dark.css
@@ -72,6 +72,10 @@ h6::before {
   color: white;
 }
 
+.cover-image img {
+  border: 3px solid var(--darkMaincolor);
+}
+
 a {
   border-bottom: 3px solid var(--darkMaincolor);
   color: inherit;
diff --git a/assets/css/main.css b/assets/css/main.css
index 52c6b17..3f00178 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -72,6 +72,10 @@ img {
   max-width: 100%;
 }
 
+.cover-image img {
+  border: 3px solid var(--maincolor);
+}
+
 figure {
   box-sizing: border-box;
   display: inline-block;
@@ -79,12 +83,12 @@ figure {
   max-width: 100%;
 }
 
-figure img {
+figure:not(.cover-image) img {
   max-height: 500px;
 }
 
 @media screen and (min-width: 600px) {
-  figure {
+  figure:not(.cover-image) {
     padding: 0 40px;
   }
 }
diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index 13967ad..5c5ada9 100644
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -4,6 +4,11 @@
     <div class="post-container">
       <!-- Main Content -->
       <div class="post-content">
+        {{ if isset .Params "cover" }}
+        <figure class="cover-image">
+          <img src="{{ .Params.cover.image }}" alt="{{ .Params.cover.alt }}">
+        </figure>
+        {{ end }}
         <div class="title">
           <h1 class="title">{{ .Title }}</h1>
           <div class="meta">{{ i18n "publishedOn" }} {{ dateFormat ":date_medium" .Date }}{{ if .Draft }} <span class="draft-label">DRAFT</span> {{ end }}</div>