Revert landing page to post stream, implement date markers

This commit is contained in:
rra 2022-08-31 18:15:44 +02:00
parent fe030bc4e2
commit 43929fa709
2 changed files with 40 additions and 1 deletions

View File

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

View File

@ -45,6 +45,9 @@
--sounds-light: #ECC5EC; --sounds-light: #ECC5EC;
--sounds-dark: #CA14D4; --sounds-dark: #CA14D4;
--books-dark: #954d43;
--books-light: #edd7c4;
} }
@ -94,6 +97,26 @@ body > iframe {
background-color: peachpuff; 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 { .side-bar {
border: 2px solid var(--border-color); border: 2px solid var(--border-color);
max-width: 400px; max-width: 400px;
@ -723,6 +746,18 @@ div.pen-source {
color: var(--kios-dark); 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 */ /* calendar cards */
.card.calendar { .card.calendar {
@ -816,7 +851,7 @@ div.pen-source {
} }
/* Card metadata (video & calendar) */ /* Card metadata (video, calendar & books) */
.tape-label { .tape-label {
display: flex; display: flex;