Revert landing page to post stream, implement date markers

themes/lumbung-theme/layouts/_default/list.html

@@ -24,6 +24,10 @@
 
             {{- partial "pen_card.html" . -}}
 
+          {{ else if in .Params.categories "book" }}
+
+            {{- partial "book.html" . -}}
+          
           {{ else if in .Params.categories "page" }}
 
             {{- partial "blank.html" . -}}

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;
@@ -723,6 +746,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 {
@@ -816,7 +851,7 @@ div.pen-source {
 }
 
 
-/* Card metadata (video & calendar) */
+/* Card metadata (video, calendar & books) */
 
 .tape-label {
     display: flex;