Added cover images

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;

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;
   }
 }

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>