diff --git a/config.toml b/config.toml index 1e59e82..1489f8a 100644 --- a/config.toml +++ b/config.toml @@ -14,10 +14,10 @@ paginate = 20 title = 'lumbung dot space' bundleCss = "/bundle.css" bundleJs = "/bundle.js" - mainSections = ['social', 'shouts', 'calendar', 'tv', 'pen'] + mainSections = ['social', 'shouts', 'events', 'tv', 'pen', 'pages'] [markup.goldmark.renderer] -unsafe = true + unsafe = true [taxonomies] author = "authors" @@ -25,6 +25,7 @@ unsafe = true tag = "tags" source = "sources" timeline = "timelines" + [permalinks] timelines = "/timeline/:slug/" diff --git a/themes/lumbung-theme/layouts/_default/baseof.html b/themes/lumbung-theme/layouts/_default/baseof.html index 9e34d4e..007eb1a 100644 --- a/themes/lumbung-theme/layouts/_default/baseof.html +++ b/themes/lumbung-theme/layouts/_default/baseof.html @@ -11,6 +11,8 @@ {{- partial "news-ticker.html" . -}} {{- partial "footer.html" . -}} + + diff --git a/themes/lumbung-theme/layouts/_default/list.html b/themes/lumbung-theme/layouts/_default/list.html index 3c45a28..9178d35 100644 --- a/themes/lumbung-theme/layouts/_default/list.html +++ b/themes/lumbung-theme/layouts/_default/list.html @@ -1,40 +1,48 @@ {{ define "main" }}
-
- {{ range where (.Paginator 13).Pages "Params.hidden" "ne" "true" }} - +
+ {{ $range := where .Pages "Params.hidden" "ne" "true" }} + {{ $paginator := .Paginate $range }} + {{ $pageSize := $paginator.PageSize }} + {{ $totalPostsToShow := mul $paginator.PageNumber $pageSize }} + {{ range $index, $el := (first $totalPostsToShow $range) }} + +
{{if eq .Section "tv"}} - {{- partial "video_box.html" . -}} - - {{ else if eq .Section "events" }} - {{- partial "partials/calendar_card.html" . -}} - - {{ else if eq .Section "shouts" }} - {{ if in .Params.sources "pen.lumbung.space" }} - {{- partial "pen_card.html" . -}} - {{ else }} - {{- partial "shout_card.html" . -}} - {{ end }} - - {{ else if eq .Section "social" }} - {{- partial "social_card.html" . -}} - - {{ else if eq .Section "publications"}} - {{- partial "book_card.html" . -}} - - {{ else if eq .Section "sounds"}} - {{- partial "sounds_card.html" . -}} - - {{ else }} - {{- partial "card.html" . -}} - - {{ end }} + {{- partial "video_box.html" . -}} + + {{ else if eq .Section "events" }} + {{- partial "partials/calendar_card.html" . -}} + + {{ else if eq .Section "shouts" }} + {{ if in .Params.sources "pen.lumbung.space" }} + {{- partial "partials/pen_card.html" . -}} + {{ else }} + {{- partial "partials/shout_card.html" . -}} + {{ end }} + + {{ else if eq .Section "social" }} + {{- partial "partials/social_card.html" . -}} + + {{ else if eq .Section "publications"}} + {{- partial "partials/book_card.html" . -}} + + {{ else if eq .Section "sounds"}} + {{- partial "sounds_card.html" . -}} + + {{ else }} + {{- partial "card.html" . -}} + {{ end }} +
{{ end }}
- - + +
+ {{ if and (gt $paginator.TotalPages 1) ($paginator.HasNext) }} + load more + {{ end }} +
+
-{{ end }} +{{ end }} \ No newline at end of file diff --git a/themes/lumbung-theme/layouts/events/list.html b/themes/lumbung-theme/layouts/events/list.html new file mode 100644 index 0000000..739ad2c --- /dev/null +++ b/themes/lumbung-theme/layouts/events/list.html @@ -0,0 +1,39 @@ +{{ define "main" }} +
+
+ + {{ $now := (now.Format "060102" ) }} + + {{ $upcoming := slice }} + {{ $past := slice}} + + {{ range .Pages }} + {{ $t := (substr .Params.event_end 2 8) }} + {{ $time := ( replace $t "-" "") }} + {{ if ge $time $now }} + {{ $upcoming = $upcoming | append . }} + {{ else if gt $now $time }} + {{ $past = $past | append . }} + {{ end }} + {{ end }} + + {{ with $upcoming }} +
+
upcoming events
+ {{ range $upcoming}} + {{- partial "event_list_item.html" . -}} + {{end}} +
+ {{end}} + {{ with $past }} +
+
past events
+ {{ range $past }} + {{- partial "event_list_item.html" . -}} + {{ end }} +
+ {{ end }} + +
+
+{{ end }} \ No newline at end of file diff --git a/themes/lumbung-theme/layouts/index.html b/themes/lumbung-theme/layouts/index.html index a5c69ec..190ba06 100644 --- a/themes/lumbung-theme/layouts/index.html +++ b/themes/lumbung-theme/layouts/index.html @@ -1,13 +1,16 @@ {{ define "main" }}
-
-{{ range (.Paginate (.Site.RegularPages.GroupByDate "January 2006") 20 ).PageGroups }} - - {{ .Key }} - {{ range .Pages }} - - {{if eq .Section "tv"}} + +
+ {{ $range := .Site.RegularPages }} + {{ $paginator := .Paginate $range }} + {{ $pageSize := $paginator.PageSize }} + {{ $totalPostsToShow := mul $paginator.PageNumber $pageSize }} + {{ range $index, $el := (first $totalPostsToShow .Site.RegularPages) }} + +
+ {{if eq .Section "tv"}} {{- partial "video_box.html" . -}} {{ else if eq .Section "events" }} @@ -15,16 +18,16 @@ {{ else if eq .Section "shouts" }} {{ if in .Params.sources "pen.lumbung.space" }} - {{- partial "pen_card.html" . -}} + {{- partial "partials/pen_card.html" . -}} {{ else }} - {{- partial "shout_card.html" . -}} + {{- partial "partials/shout_card.html" . -}} {{ end }} {{ else if eq .Section "social" }} - {{- partial "social_card.html" . -}} + {{- partial "partials/social_card.html" . -}} {{ else if eq .Section "publications"}} - {{- partial "book_card.html" . -}} + {{- partial "partials/book_card.html" . -}} {{ else if eq .Section "sounds"}} {{- partial "sounds_card.html" . -}} @@ -32,13 +35,16 @@ {{ else }} {{- partial "card.html" . -}} {{ end }} - - {{ end }} +
{{ end }}
- + +
+ {{ if and (gt $paginator.TotalPages 1) ($paginator.HasNext) }} + load more + {{ end }} +
+
@@ -46,5 +52,8 @@ lumbung radio
+ +
+ {{ end }} \ No newline at end of file diff --git a/themes/lumbung-theme/layouts/partials/book_card.html b/themes/lumbung-theme/layouts/partials/book_card.html index b358204..2bd0975 100644 --- a/themes/lumbung-theme/layouts/partials/book_card.html +++ b/themes/lumbung-theme/layouts/partials/book_card.html @@ -1,39 +1,39 @@ -
-
-
- - {{ $postPermalink := .Permalink}} - +
+
+
+ + {{ $postPermalink := .Permalink}} + - {{ with (index (.Resources.ByType "image") 0) }} - {{ $height := add .Height 0.0}} - {{ $ratio := div $height .Width}} - {{ $thumb := .Fit "540x540 q80 webp"}} -
-
- {{ .Title }} -
- {{ else }} -
- {{ end }} -
-

- {{.Title}}

-
-
- {{ .Summary }} -
-
-
- -
-
- {{ if .Params.authors }}By {{range .Params.authors}} {{ . }} {{end}} on{{ end }} - - {{ if .Truncated }} -
-
Read More…
- {{ end }} -
-
+ {{ with (index (.Resources.ByType "image") 0) }} + {{ $height := add .Height 0.0}} + {{ $ratio := div $height .Width}} + {{ $thumb := .Fit "540x540 q80 webp"}} +
+
+ {{ .Title }}
+ {{ else }} +
+ {{ end }} +
+

+ {{.Title}}

+
+
+ {{ .Summary }} +
+
+
+ + +
+
diff --git a/themes/lumbung-theme/layouts/partials/calendar_card.html b/themes/lumbung-theme/layouts/partials/calendar_card.html index c41cfa9..3a20ffc 100644 --- a/themes/lumbung-theme/layouts/partials/calendar_card.html +++ b/themes/lumbung-theme/layouts/partials/calendar_card.html @@ -1,5 +1,5 @@ {{ $t := (time .Params.event_end) }} -
+
{{ substr .Params.date 0 11}}
diff --git a/themes/lumbung-theme/layouts/partials/card.html b/themes/lumbung-theme/layouts/partials/card.html index 9154a32..5cbaa86 100644 --- a/themes/lumbung-theme/layouts/partials/card.html +++ b/themes/lumbung-theme/layouts/partials/card.html @@ -1,4 +1,4 @@ -
+

{{ .Title }}

diff --git a/themes/lumbung-theme/layouts/partials/data/authors.html b/themes/lumbung-theme/layouts/partials/data/authors.html new file mode 100644 index 0000000..69be009 --- /dev/null +++ b/themes/lumbung-theme/layouts/partials/data/authors.html @@ -0,0 +1 @@ +{{ with .Params.authors }}{{ if eq ( printf "%T" . ) "string" }}{{ . | replaceRE "[.]" "_" | urlize }}{{ else if eq ( printf "%T" . ) "[]string" }}{{ range . }}{{ . | replaceRE "[.]" "_" | urlize }} {{end}}{{end}}{{else}}no-author{{end}} \ No newline at end of file diff --git a/themes/lumbung-theme/layouts/partials/data/categories.html b/themes/lumbung-theme/layouts/partials/data/categories.html new file mode 100644 index 0000000..9303037 --- /dev/null +++ b/themes/lumbung-theme/layouts/partials/data/categories.html @@ -0,0 +1 @@ +{{ with .Params.categories }}{{ if eq ( printf "%T" . ) "string" }}{{ . | replaceRE "[.]" "_" | urlize }}{{ else if eq ( printf "%T" . ) "[]string" }}{{ range . }}{{ . | replaceRE "[.]" "_" | urlize }} {{end}}{{end}}{{else}}no-cat{{end}} \ No newline at end of file diff --git a/themes/lumbung-theme/layouts/partials/data/contributors.html b/themes/lumbung-theme/layouts/partials/data/contributors.html new file mode 100644 index 0000000..20dce32 --- /dev/null +++ b/themes/lumbung-theme/layouts/partials/data/contributors.html @@ -0,0 +1 @@ +{{ with .Params.contributors }}{{ if eq ( printf "%T" . ) "string" }}{{ . | replaceRE "[.]" "_" | urlize }}{{ else if eq ( printf "%T" . ) "[]string" }}{{ range . }}{{ . | replaceRE "[.]" "_" | urlize }} {{end}}{{end}}{{else}}no-contributor{{end}} \ No newline at end of file diff --git a/themes/lumbung-theme/layouts/partials/data/sources.html b/themes/lumbung-theme/layouts/partials/data/sources.html new file mode 100644 index 0000000..d39e141 --- /dev/null +++ b/themes/lumbung-theme/layouts/partials/data/sources.html @@ -0,0 +1 @@ +{{ with .Params.sources }}{{ if eq ( printf "%T" . ) "string" }}{{ . | replaceRE "[.]" "_" | urlize }}{{ else if eq ( printf "%T" . ) "[]string" }}{{ range . }}{{ . | replaceRE "[.]" "_" | urlize }} {{end}}{{end}}{{else}}no-sources{{end}} \ No newline at end of file diff --git a/themes/lumbung-theme/layouts/partials/data/tags.html b/themes/lumbung-theme/layouts/partials/data/tags.html new file mode 100644 index 0000000..6cb4851 --- /dev/null +++ b/themes/lumbung-theme/layouts/partials/data/tags.html @@ -0,0 +1 @@ +{{ with .Params.tags }}{{ range . }}{{ . | replaceRE "[.]" "_" | urlize }} {{ end }}{{ else }} tfuntagged{{ end }} \ No newline at end of file diff --git a/themes/lumbung-theme/layouts/partials/event_list_item.html b/themes/lumbung-theme/layouts/partials/event_list_item.html new file mode 100644 index 0000000..524ea99 --- /dev/null +++ b/themes/lumbung-theme/layouts/partials/event_list_item.html @@ -0,0 +1,19 @@ +{{ $t := (time .Params.event_end) }} +
+
{{ substr .Params.event_begin 0 11}}
+

{{ .Title }}

+
+
+ + {{ .Params.localized_begin | markdownify }} + +
+
+
Duration: {{ .Params.duration }}
+
{{ .Params.location | markdownify }}
+ + +
+ {{.Content}} +
+
\ No newline at end of file diff --git a/themes/lumbung-theme/layouts/partials/filter-nav.html b/themes/lumbung-theme/layouts/partials/filter-nav.html index 10b8ac0..373c62b 100644 --- a/themes/lumbung-theme/layouts/partials/filter-nav.html +++ b/themes/lumbung-theme/layouts/partials/filter-nav.html @@ -1,121 +1,91 @@ -
Filter
+
+ -{{ $pages := where .Site.RegularPages "Type" "in" .Site.Params.mainSections }} -{{ $sections := .Site.Params.mainSections }} - -{{ $.Scratch.Set "authors" (slice ) }} -{{ $.Scratch.Set "noAuthors" 0 }} - -{{ range where .Site.RegularPages "Type" "in" .Site.Params.mainSections }} - {{ with .Params.authors }} - {{ if eq ( printf "%T" . ) "[]string" }} - {{ if ( not ( in ($.Scratch.Get "authors") . ) ) }} - {{ $.Scratch.Add "authors" . }} - {{ end }} - {{ else if ( printf "%T" . ) "[]string" }} - {{ range . }} - {{ if ( not ( in ($.Scratch.Get "authors") . ) ) }} - {{ $.Scratch.Add "authors" . }} - {{ end }} - {{ end }} + {{ $pages := where .Site.RegularPages "Type" "in" .Site.Params.mainSections }} + {{ $sections := .Site.Params.mainSections }} + {{ $tags := $.Site.Taxonomies.tags.ByCount }} + {{ $.Scratch.Set "untagged" 0 }} + {{ range $pages }} + {{ with .Params.tags }}{{ else }}{{ $.Scratch.Add "untagged" 1 }}{{ end }} {{ end }} - {{ else }} - {{ $.Scratch.Add "noAuthors" 1 }} - {{ end }} -{{ end }} -{{ $.Scratch.Set "cats" (slice ) }} -{{ $.Scratch.Set "nocat" 0 }} +
+
+
Cards
+
load more cards
+
+
+
+ +
+ {{ range $sections }} + + {{ end }} + +
+
-{{ range where .Site.RegularPages "Type" "in" .Site.Params.mainSections }} - {{ with .Params.categories }} - {{ if eq ( printf "%T" . ) "[]string" }} - {{ if ( not ( in ($.Scratch.Get "cats") . ) ) }} - {{ $.Scratch.Add "cats" . }} - {{ end }} - - {{ end }} - {{ else }} - {{ $.Scratch.Add "nocat" 1 }} - {{ end }} -{{ end }} +
+ +
+ {{ range .Site.Taxonomies.contributors }} + + {{ end }} + + +
+
-{{ $tags := $.Site.Taxonomies.tags.ByCount }} +
+ +
+ {{ range .Site.Taxonomies.sources }} + + {{ end }} + + +
+
-{{ $.Scratch.Set "untagged" 0 }} -{{ range $pages }} - {{ with .Params.tags }}{{ else }}{{ $.Scratch.Add "untagged" 1 }}{{ end }} -{{ end }} - -
-
-
Items
- Load all Items -
-
- - {{ range $sections }} - - {{ end }} +
+ +
+ {{ range $tags }} + {{ if .Term }} + + {{ end }} + {{ end }} + + +
+
+ +
-
- - - {{ range .Site.Taxonomies.authors }} - - {{ end }} - - {{ if gt ( $.Scratch.Get "noAuthors") 0 }} - - {{ end }} -
- -
- - - {{ range .Site.Taxonomies.categories }} - - {{ end }} - - {{ if gt ( $.Scratch.Get "nocat") 0 }} - - {{ end }} -
- -
- - {{ range $tags }} - {{ if .Term }} - - {{ end }} - {{ end }} - {{ if gt ( $.Scratch.Get "untagged") 0 }} - - {{ end }} -
\ No newline at end of file diff --git a/themes/lumbung-theme/layouts/partials/footer.html b/themes/lumbung-theme/layouts/partials/footer.html index c8c9ced..c75a630 100644 --- a/themes/lumbung-theme/layouts/partials/footer.html +++ b/themes/lumbung-theme/layouts/partials/footer.html @@ -1,7 +1,7 @@
- +
lumbung.space is a social and publishing platform for sharing harvests by all members online. It is non-extractive, co governed by the users, and is built on open platforms.
diff --git a/themes/lumbung-theme/layouts/partials/head.html b/themes/lumbung-theme/layouts/partials/head.html index 38b375f..11ab989 100644 --- a/themes/lumbung-theme/layouts/partials/head.html +++ b/themes/lumbung-theme/layouts/partials/head.html @@ -25,4 +25,5 @@ {{ with .OutputFormats.Get "rss" -}} {{ printf `` .Rel .MediaType.Type .Permalink $.Site.Title | safeHTML }} {{ end -}} + diff --git a/themes/lumbung-theme/layouts/partials/header.html b/themes/lumbung-theme/layouts/partials/header.html index 23111b8..ba3b1a0 100644 --- a/themes/lumbung-theme/layouts/partials/header.html +++ b/themes/lumbung-theme/layouts/partials/header.html @@ -6,8 +6,8 @@
-
\ No newline at end of file diff --git a/themes/lumbung-theme/layouts/partials/pen_card.html b/themes/lumbung-theme/layouts/partials/pen_card.html index b1cac10..4accc6d 100644 --- a/themes/lumbung-theme/layouts/partials/pen_card.html +++ b/themes/lumbung-theme/layouts/partials/pen_card.html @@ -1,7 +1,7 @@ -
+
-
From {{ if .Params.contributors }}{{range .Params.contributors}} {{ . }} {{end}} at {{ end }}{{ .Params.feed_name }}
+
From {{ if .Params.author }}{{.Params.author}} at {{ end }}{{ .Params.feed_name }}
{{ $postPermalink := .Permalink}} diff --git a/themes/lumbung-theme/layouts/partials/shout_card.html b/themes/lumbung-theme/layouts/partials/shout_card.html index 982cd21..c3ee38b 100644 --- a/themes/lumbung-theme/layouts/partials/shout_card.html +++ b/themes/lumbung-theme/layouts/partials/shout_card.html @@ -1,48 +1,48 @@ -
-
-
- {{ $postPermalink := .Permalink}} - -

{{ .Title }}

-
- -
From {{ if .Params.contributors }}{{range .Params.contributors}} {{ . }} {{end}} at {{ end }}{{ .Params.feed_name }}
+
+
+
+ {{ $postPermalink := .Permalink}} + +

{{ .Title }}

+
+ +
From {{ if .Params.contributors }}{{range .Params.contributors}} {{ . }} {{end}} at {{ end }}{{ .Params.feed_name }}
- {{ if .Params.featured_image }} - {{ with $img := .Resources.GetMatch .Params.featured_image }} - {{ $height := add $img.Height 0.0}} - {{ $ratio := div $height $img.Width}} - {{ $thumb := $img.Fit "540x540 q80 webp"}} -
-
- {{ .Title }} -
- {{end}} - {{ else if (.Resources.ByType "image") }} - {{ with (index (.Resources.ByType "image") 0) }} - {{ $img := . }} - {{ $height := add .Height 0.0}} - {{ $ratio := div $height .Width}} - {{ $thumb := .Fit "540x540 q80 webp"}} -
-
- {{ .Title }} -
- {{ end }} - {{ else }} -
- {{ end }} -
- {{ .Summary }} -
-
- - -
+ {{ if .Params.featured_image }} + {{ with $img := .Resources.GetMatch .Params.featured_image }} + {{ $height := add $img.Height 0.0}} + {{ $ratio := div $height $img.Width}} + {{ $thumb := $img.Fit "540x540 q80 webp"}} +
+
+ {{ .Title }} +
+ {{end}} + {{ else if (.Resources.ByType "image") }} + {{ with (index (.Resources.ByType "image") 0) }} + {{ $img := . }} + {{ $height := add .Height 0.0}} + {{ $ratio := div $height .Width}} + {{ $thumb := .Fit "540x540 q80 webp"}} +
+
+ {{ .Title }}
+ {{ end }} + {{ else }} +
+ {{ end }} +
+ {{ .Summary }} +
+
+ + +
+
diff --git a/themes/lumbung-theme/layouts/partials/social_card.html b/themes/lumbung-theme/layouts/partials/social_card.html index d9c08d0..464150e 100644 --- a/themes/lumbung-theme/layouts/partials/social_card.html +++ b/themes/lumbung-theme/layouts/partials/social_card.html @@ -1,49 +1,49 @@ - \ No newline at end of file diff --git a/themes/lumbung-theme/layouts/partials/video_box.html b/themes/lumbung-theme/layouts/partials/video_box.html index 54170a6..4a9f418 100644 --- a/themes/lumbung-theme/layouts/partials/video_box.html +++ b/themes/lumbung-theme/layouts/partials/video_box.html @@ -1,4 +1,4 @@ -
+
{{ .Params.video_channel }}
button { + height: 40px; +} + +.filter-by:after { + content:""; + width: 0; + height: 0; + border-style: solid; + border-width: 5px 5px 0 5px; + border-color: #333333 transparent transparent transparent; + position: absolute; + right: 0.5rem; +} + +.filter-buttons button { + display: flex; + align-items: center; + justify-content: space-between; + border: 0; + background: unset; + border-radius: 0; + width: 100%; + padding: 0.6rem; + cursor: pointer; + white-space: nowrap; + text-transform: lowercase; +} + +.filter-buttons-dropdown button { + border-bottom: 1px solid; +} + +.filter-buttons .filter-button { + padding: 0.6rem 0.6rem 0.6rem 1.6rem; +} + +.filter-button svg { + width: 10px; + position: absolute; + left: 0.6rem; +} + +.filter-button svg path { + fill: #3330; + stroke: #333; + stroke-width: 2px; +} + +.filter-button.active svg path { + fill: #333; +} + +.filter-title { + width: calc(100% - 20px); + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + text-align: left; +} + +.filter-buttons-dropdown button:last-child { + border-bottom: 0; +} + +.filter-buttons .filter-button.active { + background: #c2c2ff; +} + +.disable-button { + display: none !important; +} + + .page-nav { + display: flex; + justify-content: center; + margin: 20px auto 50px; + } + + .nextpage { + padding: 15px; + position: relative; + color: #333; + text-decoration: none; + margin: 0px 20px; + font-size: 38px; + } + + .nextpage:after { + content: ""; + height: 50%; + width: 100%; + display: block; + border: 2px solid #333; + border-top: 0; + bottom: 0; + position: absolute; + left: 0; + } + + /* ### Timeline ### */ /* Timeline Tags */ @@ -1570,6 +1692,119 @@ a.timeline-url { } +/* EVENT LIST */ + +.event-list { + border: 2px solid var(--calendar-dark); + background-color: var(--calendar-light); + color: var(--calendar-dark); + margin: 1rem 0 4rem; +} + +.event-list .tape-label span { + background-color: var(--calendar-dark); +} + +.event-list-item { + border-top: 1px solid; + display: flex; + flex-wrap: wrap; +} + +.event-list-item-head { + display: flex; +} + +.event-list-item a { + color: var(--calendar-dark); +} + +.event-list-item .date-start, .event-list-item .title, .event-list-item .time, .event-list-item .duration, .event-list-item .location { + display: flex; + align-items: center; + border-right: 1px solid var(--calendar-dark); + padding: 0.8rem 0; + overflow: hidden; +} + +.event-list-item .date-start { + font-size: 1.2rem; + width: 110px; + padding-left: 0.4rem; + border-right: 0; +} + +.event-list-item .title { + width: calc(45% - 110px); + padding-left: 0.4rem; +} + +.event-list-item .p-name { + margin: 0; + font-size: 1.2rem; + padding: 0; + display: block; + width: 100%; +} + +.event-list-item .p-name a { + color: var(--calendar-dark); + text-decoration: none; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + width: calc(100% - 20px); + display: block; +} + +.event-list-item .time { + width: 20%; +} + +.event-list-item .time .start-scroller { + border-bottom: 0px; +} + +.event-list-item .duration { + width: 12.5%; + font-size: 0.8rem; + padding: 0.8rem 0.4rem; +} + +.event-list-item .duration b { + margin-left: 3px; +} + +.event-list-item .location { + min-width: unset; + width: 15%; + font-size: 0.8rem; + padding: 0.8rem 0.4rem; +} + +.event-list-item .button { + width: 7.5%; +} + +.event-list-item .calendar { + width: 7.5%; + display: flex; + align-items: center; + padding: 0.8rem 0.4rem; + cursor: pointer; +} + +.event-list-item .description { + display: none; + border-top: 1px solid; + font-size: 1.2rem; +} + +input:checked + label + .description { + display: block; + transition: ease .5s; + } + /* Page footer */ #footer { @@ -1622,6 +1857,8 @@ a.timeline-url { } .f-main .logo { + width: 280px; + max-height: unset; filter: brightness(0); max-width: 20vw; margin-top: 0; @@ -1727,6 +1964,10 @@ a.timeline-url { font-size: 1.8vw; vertical-align: top; } + + .menu-row { + font-size: 1.78vw; + } } @@ -1738,21 +1979,15 @@ a.timeline-url { } #top-menu { - grid-template-columns: 1fr; + width: 100%; } - .menu, - #login { - display: none; + .logo { + max-height: 50px; } /* menu styles */ - .mobile-menu-button { - display: flex; - } - - .menu-row, #top-menu { position: fixed !important; z-index: 97; @@ -1765,19 +2000,158 @@ a.timeline-url { right: 5%; } - .filter-buttons-container { + .menu { + display: none; position: fixed; - top: 90px; - z-index: 99; - width: 90%; - overflow: hidden; - left: 5%; + left: 20px; + top: 80px; + width: calc(100vw - 40px); + overflow: scroll; + height: calc(100% - 90px); + padding: 0.5rem 1.5rem; + } + + .menu.active { + display: block; + } + + .menu ul { + margin: 0; + display: block; + } + + .menu-row .login { + display: none; + } + + .menu-button { + display: flex; + position: fixed; + left: 20px; + top: clamp(25px, 7vw, 35px); + } + + .menu ul.submenu { + margin-left: 0; + margin-top: 4px; + position: unset; + border: 0; + padding-left: 20px !important; + display: none; + } + + .menu .submenu li { + margin: 0; + padding: 0.5rem 0; + } + + .menu ul.submenu.active { + display: block; + visibility: visible; + } + + .login-menu { + display: block; + padding: 0.5rem 2rem; + background: #333; + transform: rotate(-3deg); + width: fit-content; + margin: 0.5rem 0 1rem; + } + + .login-menu a { + color: #fff !important; + } + + .menu-button--line{ + transition: all 0.3s ease-in-out; + } + + .menu-button.active { + -webkit-transition: all 0.3s ease-in-out; + -o-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; + transition-delay: 0s; + -webkit-transition-delay: 0.6s; + -o-transition-delay: 0.6s; + transition-delay: 0.6s; + -webkit-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); + } + + .menu-button.active .menu-button--line:nth-child(1) { + -webkit-transform: translateY(8px); + -ms-transform: translateY(8px); + -o-transform: translateY(8px); + transform: translateY(8px); + -webkit-transition-delay: 0.3s; + -o-transition-delay: 0.3s; + transition-delay: 0.3s; + } + + .menu-button.active .menu-button--line:nth-child(2) { + width: 0px; + } + + .menu-button.active .menu-button--line:nth-child(3) { + -webkit-transform: translateY(-6px) rotate(90deg); + -ms-transform: translateY(-6px) rotate(90deg); + -o-transform: translateY(-6px) rotate(90deg); + transform: translateY(-6px) rotate(90deg); + -webkit-transition-delay: 0.3s; + -o-transition-delay: 0.3s; + transition-delay: 0.3s; + } + + .filter { + position: fixed; + right: 20px; + top: clamp(25px, 7vw, 35px); + } + + .filter-container { + flex-wrap: wrap; + border-top: 2px solid #333; + left: 20px; + width: calc(100vw - 40px); + position: fixed; + margin-top: 30px; + display: none !important; + } + + #filter.active .filter-container { + display: block !important; + } + + .filter-information { + width: 100%; + margin-bottom: 15px; + display: flex; + align-items: center; + justify-content: space-between; + } + + .filter-buttons-container { + display: block; + width: 100%; } .filter-buttons-container.open { display: block !important; } + .filter-buttons-dropdown { + z-index: 99; + } + + .filter-buttons { + margin-right: 0px; + margin-bottom: 10px; + width: 100%; + } + .container { padding-top: 60px; } @@ -1793,12 +2167,20 @@ a.timeline-url { .filter-icon { height: 20px; - margin-right: 24px; + margin-right: 0; } .filter-icon path { fill: #333; - } + } + + .filter-buttons-dropdown.active { + display: block; + } + + .filter-by.active:after { + transform: rotate(180deg); + } #top-menu div.mobile-menu { display: flex; @@ -1904,6 +2286,38 @@ a.timeline-url { .f-main .logo { max-width: unset; } + + /* EVENT LIST */ + + .event-list .event-list-item:nth-child(2n) { + background: #c8efff; + } + + .event-list-item .date-start { + border-bottom: 1px solid; + } + + .event-list-item .title { + width: calc(100% - 110px); + border-bottom: 1px solid; + border-right: 0; + } + + .event-list-item .time { + width: 100%; + border-bottom: 1px solid; + border-right: 0; + padding: 0; + } + + .event-list-item .duration, .event-list-item .location { + width: 42%; + } + + .event-list-item .calendar { + width: 16%; + } + } /* mobile styles */ @@ -1912,7 +2326,7 @@ a.timeline-url { /* card styles */ .card, - .card.shout { + .card.network { max-width: 83vw; } diff --git a/themes/lumbung-theme/static/img/logo-big.svg b/themes/lumbung-theme/static/img/logo-big.svg new file mode 100644 index 0000000..9409ee3 --- /dev/null +++ b/themes/lumbung-theme/static/img/logo-big.svg @@ -0,0 +1,21 @@ + + + + + + + + + + + + + + + + + + + + +