From 856ff9851e0c8e9faf084840cf1bd1a2045bbaa2 Mon Sep 17 00:00:00 2001
From: rra <rscmbbng@riseup.net>
Date: Sun, 24 Nov 2024 11:40:39 +0100
Subject: [PATCH] minor changes to single pages, centering and showing metadata

---
 .../layouts/_default/single.html              | 10 +++----
 themes/lumbung-theme/static/css/main.css      | 30 +++++++++++++++++--
 2 files changed, 32 insertions(+), 8 deletions(-)

diff --git a/themes/lumbung-theme/layouts/_default/single.html b/themes/lumbung-theme/layouts/_default/single.html
index 4f05444..f3130ab 100644
--- a/themes/lumbung-theme/layouts/_default/single.html
+++ b/themes/lumbung-theme/layouts/_default/single.html
@@ -2,13 +2,11 @@
     <main class="main single">
       <article class="h-entry">
       <header>
-        <h1 class="p-name"><a href="{{ .Permalink }}" class="u-url">{{ .Title }}</a></h1>
-        <p>
-          Published by <a class="p-author" href="/about">{{ $.Param "author" }}</a>
-          on <time class="dt-published" datetime="{{ .Date.Format `Jan 02 2006` }}">{{ .Date.Format "Jan 02, 2006" }}</time>
-        </p>
-
+        <h1 class="p-name single"><a href="{{ .Permalink }}" class="u-url">{{ .Title }}</a></h1>
+        <div class="metadata"><span class="from p-author">{{ if .Params.contributors }}By <b>{{range .Params.contributors}} <a href='{{ "/contributors/" | relLangURL }}{{ . | urlize }}/'> {{ . }},</a> {{ end }}</b>{{ end }} {{with .Params.original_link }}originally posted on <b><a href="{{ . }}">{{ end }}{{ .Params.feed_name }}</a></b> on <time class="dt-published" datetime="{{ .Date.Format `Jan 02 2006` }}">{{ .Date.Format "Jan 02, 2006" }}</time></span></div>
+      </header>
       <div class="e-content">
+        {{with .Params.featured_image}}<img src="{{.}}"></img>{{end}}
         {{ .Content }}
       </div>
       </article>
diff --git a/themes/lumbung-theme/static/css/main.css b/themes/lumbung-theme/static/css/main.css
index 87b92ff..f70778b 100644
--- a/themes/lumbung-theme/static/css/main.css
+++ b/themes/lumbung-theme/static/css/main.css
@@ -86,6 +86,7 @@ a {
 
 .container .single {
     max-width: 65ch;
+    margin: auto;
 }
 
 .card {
@@ -558,8 +559,8 @@ footer.post-footer {
     flex-direction: column; 
 }
 
-.shout .p-summary.landscape {
-    flex-direction: column;
+.shout .p-summary.landscape 
+{    flex-direction: column;
 }
 
 .shout .summary-image > img {
@@ -1942,6 +1943,10 @@ input:checked + label + .description {
     height: auto;
 }
 
+.single header{
+    margin:0;
+}
+
 .single .h-entry figure{
     margin: 0 0 20px;
 }
@@ -1950,6 +1955,27 @@ input:checked + label + .description {
     margin: 0;
 }
 
+.single h1 {
+  padding: 0.5rem;
+  background: #fff;
+  width:100%;
+}
+
+.e-content{
+    padding:1em;
+}
+
+.single .metadata{
+   border: 2px solid #333;
+  font-size: 14px;
+  padding: 0.5rem;
+  align-items: center;
+  background: #e8e8e8;
+  position:relative;
+  width:calc(100% + 2em);
+  right:1em;
+}
+
 /* lumbung radio player widget  */
 .lumbung-radio-player {
     display: flex;