From 56de9611d6c06fbda3b3ee7fe0f503f45b43708d Mon Sep 17 00:00:00 2001
From: rra <rscmbbng@riseup.net>
Date: Wed, 31 Aug 2022 18:15:44 +0200
Subject: [PATCH] Revert landing page to post stream, implement date markers

---
 .../lumbung-theme/layouts/_default/list.html  |  4 ++
 themes/lumbung-theme/static/css/main.css      | 37 ++++++++++++++++++-
 2 files changed, 40 insertions(+), 1 deletion(-)

diff --git a/themes/lumbung-theme/layouts/_default/list.html b/themes/lumbung-theme/layouts/_default/list.html
index 30c0bff..e93d0c7 100644
--- a/themes/lumbung-theme/layouts/_default/list.html
+++ b/themes/lumbung-theme/layouts/_default/list.html
@@ -23,6 +23,10 @@
           {{ else if in .Params.categories "pen" }}
 
             {{- partial "pen_card.html" . -}}
+
+          {{ else if in .Params.categories "book" }}
+
+            {{- partial "book.html" . -}}
           
           {{ else if in .Params.categories "page" }}
 
diff --git a/themes/lumbung-theme/static/css/main.css b/themes/lumbung-theme/static/css/main.css
index 82ade43..e546015 100644
--- a/themes/lumbung-theme/static/css/main.css
+++ b/themes/lumbung-theme/static/css/main.css
@@ -45,6 +45,9 @@
 
     --sounds-light: #ECC5EC;
     --sounds-dark: #CA14D4;
+
+    --books-dark: #954d43;
+    --books-light: #edd7c4;
 }
 
 
@@ -94,6 +97,26 @@ body > iframe {
     background-color: peachpuff;
 }
 
+.date-marker{
+    background-color: #333333;
+    color: white;
+    font-style: bold;
+    padding: 1em;
+    margin: 1em;
+    height: max-content;
+    flex: 0 0 15%;
+    font-family: Gudea;
+    font-weight: 700;
+    text-align: center;
+}
+.date-marker:nth-child(odd){
+    transform: rotate(3deg);
+}
+.date-marker:nth-child(even){
+    transform: rotate(-2deg);
+}
+
+
 .side-bar {
     border: 2px solid var(--border-color);
     max-width: 400px;
@@ -718,6 +741,18 @@ div.pen-source {
     color: var(--kios-dark);
 }
 
+/* books cards */
+
+.book.card {
+    background-color: var(--books-light);
+    color: var(--books-dark);
+    border-color: var(--books-dark);
+}
+
+.tape-label.book span{
+    background-color: var(--books-dark);
+}
+
 /* calendar cards */
 
 .card.calendar {
@@ -811,7 +846,7 @@ div.pen-source {
 }
 
 
-/* Card metadata (video & calendar) */
+/* Card metadata (video, calendar & books) */
 
 .tape-label {
     display: flex;