forked from ruangrupa/lumbung.space
change header & major rework of taxonomies as part of frontpage redesign
This commit is contained in:
rra
parent
a226b45bc0
commit
475a614959
@ -21,8 +21,9 @@ unsafe = true
|
|||||||
|
|
||||||
[taxonomies]
|
[taxonomies]
|
||||||
author = "authors"
|
author = "authors"
|
||||||
|
contributor = "contributors"
|
||||||
tag = "tags"
|
tag = "tags"
|
||||||
category = "categories"
|
source = "sources"
|
||||||
timeline = "timelines"
|
timeline = "timelines"
|
||||||
|
|
||||||
[permalinks]
|
[permalinks]
|
||||||
|
|||||||
@ -41,16 +41,6 @@
|
|||||||
})
|
})
|
||||||
})
|
})
|
||||||
|
|
||||||
// add classes for styling lumbung kios and lumbung gallery cards
|
|
||||||
let cards = document.querySelectorAll('.shout.card');
|
|
||||||
[...cards].forEach(card => {
|
|
||||||
if (card.querySelector('a[href="/tags/lumbungkios"]') || card.querySelector('a[href="/tags/lumbungkiosproducts"]')) {
|
|
||||||
card.classList.add('lumbung-kios')
|
|
||||||
} else if (card.querySelector('a[href="/tags/lumbunggallery"]')) {
|
|
||||||
card.classList.add('lumbung-gallery')
|
|
||||||
}
|
|
||||||
})
|
|
||||||
|
|
||||||
// footer random color
|
// footer random color
|
||||||
var color = ['orange','green','blue'];
|
var color = ['orange','green','blue'];
|
||||||
var footer = document.getElementById("footer");
|
var footer = document.getElementById("footer");
|
||||||
|
|||||||
@ -4,40 +4,32 @@
|
|||||||
<div class="h-feed">
|
<div class="h-feed">
|
||||||
{{ range where (.Paginator 13).Pages "Params.hidden" "ne" "true" }}
|
{{ range where (.Paginator 13).Pages "Params.hidden" "ne" "true" }}
|
||||||
|
|
||||||
{{ if in .Params.categories "tv"}}
|
{{if eq .Section "tv"}}
|
||||||
|
|
||||||
{{- partial "video_box.html" . -}}
|
{{- partial "video_box.html" . -}}
|
||||||
|
|
||||||
{{ else if in .Params.categories "calendar" }}
|
{{ else if eq .Section "events" }}
|
||||||
|
{{- partial "partials/calendar_card.html" . -}}
|
||||||
{{- partial "calendar_card.html" . -}}
|
|
||||||
|
|
||||||
{{ else if in .Params.categories "network" }}
|
|
||||||
|
|
||||||
{{- partial "network_card.html" . -}}
|
|
||||||
|
|
||||||
{{ else if in .Params.categories "shouts" }}
|
|
||||||
|
|
||||||
{{- partial "shout_card.html" . -}}
|
|
||||||
|
|
||||||
{{ else if in .Params.categories "pen" }}
|
|
||||||
|
|
||||||
|
{{ else if eq .Section "shouts" }}
|
||||||
|
{{ if in .Params.sources "pen.lumbung.space" }}
|
||||||
{{- partial "pen_card.html" . -}}
|
{{- partial "pen_card.html" . -}}
|
||||||
|
{{ else }}
|
||||||
|
{{- partial "shout_card.html" . -}}
|
||||||
|
{{ end }}
|
||||||
|
|
||||||
{{ else if in .Params.categories "book" }}
|
{{ else if eq .Section "social" }}
|
||||||
|
{{- partial "social_card.html" . -}}
|
||||||
|
|
||||||
{{- partial "book.html" . -}}
|
{{ else if eq .Section "publications"}}
|
||||||
|
{{- partial "book_card.html" . -}}
|
||||||
|
|
||||||
{{ else if in .Params.categories "page" }}
|
{{ else if eq .Section "sounds"}}
|
||||||
|
{{- partial "sounds_card.html" . -}}
|
||||||
{{- partial "blank.html" . -}}
|
|
||||||
|
|
||||||
{{ else }}
|
{{ else }}
|
||||||
|
|
||||||
{{- partial "card.html" . -}}
|
{{- partial "card.html" . -}}
|
||||||
|
|
||||||
{{ end }}
|
{{ end }}
|
||||||
|
|
||||||
{{ end }}
|
{{ end }}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
@ -6,21 +6,33 @@
|
|||||||
|
|
||||||
<span class="date-marker">{{ .Key }}</span>
|
<span class="date-marker">{{ .Key }}</span>
|
||||||
{{ range .Pages }}
|
{{ range .Pages }}
|
||||||
{{ if in .Params.categories "tv"}}
|
|
||||||
|
{{if eq .Section "tv"}}
|
||||||
{{- partial "video_box.html" . -}}
|
{{- partial "video_box.html" . -}}
|
||||||
{{ else if in .Params.categories "calendar" }}
|
|
||||||
{{- partial "calendar_card.html" . -}}
|
{{ else if eq .Section "events" }}
|
||||||
{{ else if in .Params.categories "network" }}
|
{{- partial "partials/calendar_card.html" . -}}
|
||||||
{{- partial "network_card.html" . -}}
|
|
||||||
{{ else if in .Params.categories "pen" }}
|
{{ else if eq .Section "shouts" }}
|
||||||
|
{{ if in .Params.sources "pen.lumbung.space" }}
|
||||||
{{- partial "pen_card.html" . -}}
|
{{- partial "pen_card.html" . -}}
|
||||||
{{ else if in .Params.categories "shouts" }}
|
{{ else }}
|
||||||
{{- partial "shout_card.html" . -}}
|
{{- partial "shout_card.html" . -}}
|
||||||
{{ else if in .Params.categories "books.lumbung.space"}}
|
{{ end }}
|
||||||
|
|
||||||
|
{{ else if eq .Section "social" }}
|
||||||
|
{{- partial "social_card.html" . -}}
|
||||||
|
|
||||||
|
{{ else if eq .Section "publications"}}
|
||||||
{{- partial "book_card.html" . -}}
|
{{- partial "book_card.html" . -}}
|
||||||
|
|
||||||
|
{{ else if eq .Section "sounds"}}
|
||||||
|
{{- partial "sounds_card.html" . -}}
|
||||||
|
|
||||||
{{ else }}
|
{{ else }}
|
||||||
{{- partial "card.html" . -}}
|
{{- partial "card.html" . -}}
|
||||||
{{ end }}
|
{{ end }}
|
||||||
|
|
||||||
{{ end }}
|
{{ end }}
|
||||||
{{ end }}
|
{{ end }}
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
262
themes/lumbung-theme/layouts/page/filter.html
Normal file
262
themes/lumbung-theme/layouts/page/filter.html
Normal file
@ -0,0 +1,262 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html{{ with .Site.LanguageCode }} lang="{{ . }}"{{ end }}>
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<link rel="stylesheet" href="{{ "css/chroma.css" | relURL }}" />
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="{{ "vendor/bare/css/bare.min.css" | relURL }}" />
|
||||||
|
<style>
|
||||||
|
/*** Important ***/
|
||||||
|
.tf-filter-item {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
button.active {
|
||||||
|
background-color: #ddd;
|
||||||
|
}
|
||||||
|
|
||||||
|
button.disable-button {
|
||||||
|
border-style: dashed;
|
||||||
|
}
|
||||||
|
|
||||||
|
.show-item {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*** Aesthetics ***/
|
||||||
|
section {
|
||||||
|
margin-top: 18px !important;
|
||||||
|
}
|
||||||
|
.tf-items-container {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tf-item {
|
||||||
|
width: 250px;
|
||||||
|
margin: 8px;
|
||||||
|
background: #fff;
|
||||||
|
padding: 2rem;
|
||||||
|
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2);
|
||||||
|
border-radius: 2px;
|
||||||
|
margin-bottom: 2rem
|
||||||
|
}
|
||||||
|
|
||||||
|
.chroma {
|
||||||
|
overflow-x: auto;
|
||||||
|
padding: 4px;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.panel {
|
||||||
|
padding: 0 18px;
|
||||||
|
max-height: 0;
|
||||||
|
overflow: hidden;
|
||||||
|
transition: max-height 0.2s ease-out;
|
||||||
|
}
|
||||||
|
|
||||||
|
.acc:after {
|
||||||
|
content: '\02795';
|
||||||
|
color: #fff;
|
||||||
|
margin-left: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.acc.active:after {
|
||||||
|
content: "\2796";
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbtn {
|
||||||
|
padding: 0.5rem!important;
|
||||||
|
font-size: 90%!important;
|
||||||
|
|
||||||
|
}
|
||||||
|
.nava {
|
||||||
|
text-transform: none;
|
||||||
|
font-size: 90%!important;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</head>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<section>
|
||||||
|
|
||||||
|
|
||||||
|
{{ $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 }}
|
||||||
|
{{ end }}
|
||||||
|
{{ else }}
|
||||||
|
{{ $.Scratch.Add "noAuthors" 1 }}
|
||||||
|
{{ end }}
|
||||||
|
{{ end }}
|
||||||
|
|
||||||
|
|
||||||
|
{{ $tags := $.Site.Taxonomies.tags.ByCount }}
|
||||||
|
|
||||||
|
{{ $.Scratch.Set "untagged" 0 }}
|
||||||
|
{{ range $pages }}
|
||||||
|
{{ with .Params.tags }}{{ else }}{{ $.Scratch.Add "untagged" 1 }}{{ end }}
|
||||||
|
{{ end }}
|
||||||
|
|
||||||
|
|
||||||
|
<div class="tf-wrapper">
|
||||||
|
<div class="tf-buttons-container flex-grow">
|
||||||
|
<h4>Sections</h4>
|
||||||
|
<button xx id="selectAllSections" onclick="htf.showAll('section')">
|
||||||
|
All Sections
|
||||||
|
</button>
|
||||||
|
{{ range $sections }}
|
||||||
|
<button xx class="sect-button" id="sect-{{ . | urlize }}" onclick="htf.checkFilter('{{ . | urlize }}', 'sect-')">
|
||||||
|
{{ . | title }} <span id="ssect-{{ . | urlize }}"> -count-</span> | <span id="csect-{{ . | urlize }}"> -count-</span>
|
||||||
|
</button>
|
||||||
|
{{ end }}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<h4>Authors</h4>
|
||||||
|
<button xx id="selectAllAuthors" onclick="htf.showAll('authors')">
|
||||||
|
All Authors
|
||||||
|
</button>
|
||||||
|
{{ range $.Scratch.Get "authors" }}
|
||||||
|
<button xx class="auth-button" id="auth-{{ . | replaceRE "[.]" "_" | urlize }}" onclick="htf.checkFilter('{{ . | replaceRE "[.]" "_" | urlize }}', 'auth-')">
|
||||||
|
{{ . }} <span id="sauth-{{ . | replaceRE "[.]" "_" | urlize }}"> -count-</span> | <span id="cauth-{{ . | replaceRE "[.]" "_" | urlize }}"> -count-</span>
|
||||||
|
</button>
|
||||||
|
{{ end }}
|
||||||
|
{{ if gt ( $.Scratch.Get "noAuthors") 0 }}
|
||||||
|
<button xx class="auth-button" id="auth-no-author" onclick="htf.checkFilter('no-author', 'auth-')">
|
||||||
|
No Author <span id="sauth-no-author"> -count-</span> | <span id="cauth-no-author"> -count-</span>
|
||||||
|
</button>
|
||||||
|
{{ end }}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<h4>Tags</h4>
|
||||||
|
<button xx class="" id="selectAllTags" onclick="htf.showAll('tags')">
|
||||||
|
All Tags
|
||||||
|
</button>
|
||||||
|
{{ range $tags }}
|
||||||
|
{{ if .Term }}
|
||||||
|
<button xx class="tag-button" id="tag-{{ .Term | replaceRE "[.]" "_" | urlize }}" onclick="htf.checkFilter('{{ .Term | replaceRE "[.]" "_" | urlize }}', 'tag-')">
|
||||||
|
<span>{{.Term | humanize | title }}</span>
|
||||||
|
<span id="stags-{{ .Term | urlize }}"> -count-</span> | <span id="ctags-{{ .Term | urlize }}"> -count-</span>
|
||||||
|
</button>
|
||||||
|
{{ end }}
|
||||||
|
{{ end }}
|
||||||
|
{{ if gt ( $.Scratch.Get "untagged") 0 }}
|
||||||
|
<button xx class="tag-button" id="tag-tfuntagged" onclick="htf.checkFilter('tfuntagged', 'tag-')">
|
||||||
|
Untagged <span id="stags-tfuntagged"> -count-</span> | <span id="ctags-tfuntagged"> -count-</span>
|
||||||
|
</button>
|
||||||
|
{{ end }}
|
||||||
|
|
||||||
|
|
||||||
|
<hr >
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<hr >
|
||||||
|
<div><h2><span id="selectedItemCount"></span> Items</h2></div>
|
||||||
|
<div class="tf-items-container">
|
||||||
|
{{ range $pages.ByPublishDate.Reverse }}
|
||||||
|
{{ if in .Params.categories "tv"}}
|
||||||
|
{{- partial "video_box.html" . -}}
|
||||||
|
{{ else if in .Params.categories "calendar" }}
|
||||||
|
{{- partial "calendar_card.html" . -}}
|
||||||
|
{{ else if in .Params.categories "network" }}
|
||||||
|
{{- partial "network_card.html" . -}}
|
||||||
|
{{ else if in .Params.categories "pen" }}
|
||||||
|
{{- partial "pen_card.html" . -}}
|
||||||
|
{{ else if in .Params.categories "shouts" }}
|
||||||
|
{{- partial "shout_card.html" . -}}
|
||||||
|
{{ else if in .Params.categories "books.lumbung.space"}}
|
||||||
|
{{- partial "book_card.html" . -}}
|
||||||
|
{{ else }}
|
||||||
|
{{- partial "card.html" . -}}
|
||||||
|
{{ end }}
|
||||||
|
{{ end }}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script src="{{ "vendor/htf/hugotagsfilter-1.2.2.min.js" | relURL}}"></script>
|
||||||
|
<!--<script src="{{ "hugotagsfilter.js" | relURL}}"></script>-->
|
||||||
|
<script>
|
||||||
|
var htfConfig = {
|
||||||
|
filters: [
|
||||||
|
{
|
||||||
|
name: 'tags',
|
||||||
|
prefix: 'tag-',
|
||||||
|
buttonClass: 'tag-button',
|
||||||
|
allSelector: '#selectAllTags',
|
||||||
|
attrName: 'data-tags',
|
||||||
|
selectedPrefix: 'stags-',
|
||||||
|
countPrefix: 'ctags-'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'section',
|
||||||
|
prefix: 'sect-',
|
||||||
|
buttonClass: 'sect-button',
|
||||||
|
allSelector: '#selectAllSections',
|
||||||
|
attrName: 'data-section',
|
||||||
|
selectedPrefix: 'ssect-',
|
||||||
|
countPrefix: 'csect-'
|
||||||
|
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'authors',
|
||||||
|
prefix: 'auth-',
|
||||||
|
buttonClass: 'auth-button',
|
||||||
|
allSelector: '#selectAllAuthors',
|
||||||
|
attrName: 'data-authors',
|
||||||
|
selectedPrefix: 'sauth-',
|
||||||
|
countPrefix: 'cauth-'
|
||||||
|
|
||||||
|
}
|
||||||
|
],
|
||||||
|
showItemClass: "show-item",
|
||||||
|
filterItemClass: "filter-item",
|
||||||
|
activeButtonClass: "active",
|
||||||
|
counterSelector: "selectedItemCount",
|
||||||
|
populateCount: true,
|
||||||
|
setDisabledButtonClass: "disable-button"
|
||||||
|
}
|
||||||
|
var htf = new HugoTagsFilter(htfConfig);
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
function toggleAcc(el) {
|
||||||
|
el.classList.toggle("active")
|
||||||
|
var panel = el.nextElementSibling;
|
||||||
|
if (panel.style.maxHeight){
|
||||||
|
panel.style.maxHeight = null;
|
||||||
|
} else {
|
||||||
|
panel.style.maxHeight = panel.scrollHeight + "px";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
|
||||||
|
</html>
|
||||||
39
themes/lumbung-theme/layouts/partials/book_card.html
Normal file
39
themes/lumbung-theme/layouts/partials/book_card.html
Normal file
@ -0,0 +1,39 @@
|
|||||||
|
<div class='book card'>
|
||||||
|
<article class="h-entry book">
|
||||||
|
<div class="tape-label book"><span><time class="dt-published" datetime="{{ .Date.Format `Jan 02 2006` }}">{{ .Date.Format "Jan 02, 2006" }}</time></span><div></div></div>
|
||||||
|
|
||||||
|
{{ $postPermalink := .Permalink}}
|
||||||
|
</header>
|
||||||
|
|
||||||
|
{{ with (index (.Resources.ByType "image") 0) }}
|
||||||
|
{{ $height := add .Height 0.0}}
|
||||||
|
{{ $ratio := div $height .Width}}
|
||||||
|
{{ $thumb := .Fit "540x540 q80 webp"}}
|
||||||
|
<div class="p-summary{{if gt $ratio 1 }} portrait {{else}} landscape {{end}}">
|
||||||
|
<div class="summary-image {{if gt $ratio 1 }} portrait {{else}} landscape {{end}}">
|
||||||
|
<a href="{{ $postPermalink }}"><img src="{{ $thumb.Permalink }}" alt="{{ .Title }}"> </a>
|
||||||
|
</div>
|
||||||
|
{{ else }}
|
||||||
|
<div class="p-summary">
|
||||||
|
{{ end }}
|
||||||
|
<header>
|
||||||
|
<h2 class="p-name"><a href="{{ .Permalink }}" class="u-url">
|
||||||
|
{{.Title}}</a></h2>
|
||||||
|
</header>
|
||||||
|
<div class="summary-text">
|
||||||
|
{{ .Summary }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="shout-source"></div>
|
||||||
|
|
||||||
|
<footer class='post-footer'>
|
||||||
|
<div class='footer-metadata'>
|
||||||
|
<span class="from p-author">{{ if .Params.authors }}By {{range .Params.authors}}<b> <a href='{{ "/authors/" | relLangURL }}{{ . | urlize }}/'> {{ . }}</a> {{end}}</b> on{{ end }}</span>
|
||||||
|
|
||||||
|
{{ if .Truncated }}
|
||||||
|
<div class="footer-filler"></div>
|
||||||
|
<div class='read-more'><a href="{{ .RelPermalink }}">Read More…</a></div>
|
||||||
|
{{ end }}
|
||||||
|
</footer>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
121
themes/lumbung-theme/layouts/partials/filter-nav.html
Normal file
121
themes/lumbung-theme/layouts/partials/filter-nav.html
Normal file
@ -0,0 +1,121 @@
|
|||||||
|
<div class="filter-link"><svg class="filter-icon" enable-background="new 0 0 510.2 512" version="1.1" viewBox="0 0 510.2 512" xmlns="http://www.w3.org/2000/svg"><path d="m499.1 0c2.8 2.2 6.2 4 8.3 6.8 4.4 5.8 3.5 12.6-1.9 19.2-15.7 19.4-31.5 38.8-47.3 58.2-41.2 50.8-82.5 101.6-123.8 152.4-2 2.4-3.9 3.4-7.1 3.4-48.2-0.1-96.3-0.1-144.5 0-3.2 0-5.1-1-7.1-3.4-56.4-69.6-112.9-139.1-169.4-208.7-9.7-11.9-8.3-20.3 4.8-27.9h488z"/><path d="m206.1 512c-8.7-4-11.2-10.8-11.1-20.2 0.3-71.8 0.1-143.6 0.1-215.4v-6.2h120v5.5c0 57.6-0.1 115.3 0.1 172.9 0 8.7-3.3 14.4-11.1 18.2-29.9 14.6-59.6 29.6-89.4 44.4-0.3 0.1-0.4 0.5-0.6 0.7-2.7 0.1-5.3 0.1-8 0.1z"/></svg><span>Filter</span></div>
|
||||||
|
|
||||||
|
{{ $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 }}
|
||||||
|
{{ end }}
|
||||||
|
{{ else }}
|
||||||
|
{{ $.Scratch.Add "noAuthors" 1 }}
|
||||||
|
{{ end }}
|
||||||
|
{{ end }}
|
||||||
|
|
||||||
|
{{ $.Scratch.Set "cats" (slice ) }}
|
||||||
|
{{ $.Scratch.Set "nocat" 0 }}
|
||||||
|
|
||||||
|
{{ 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 }}
|
||||||
|
|
||||||
|
|
||||||
|
{{ $tags := $.Site.Taxonomies.tags.ByCount }}
|
||||||
|
|
||||||
|
{{ $.Scratch.Set "untagged" 0 }}
|
||||||
|
{{ range $pages }}
|
||||||
|
{{ with .Params.tags }}{{ else }}{{ $.Scratch.Add "untagged" 1 }}{{ end }}
|
||||||
|
{{ end }}
|
||||||
|
|
||||||
|
<div class="filter-buttons-container">
|
||||||
|
<div class="filter-buttons-container-header">
|
||||||
|
<div><span id="selectedItemCount"></span> Items</div>
|
||||||
|
<a href="" class="load-all">Load all Items</a>
|
||||||
|
</div>
|
||||||
|
<div class="filter-buttons">
|
||||||
|
<button xx id="selectAllSections" onclick="htf.showAll('section')">
|
||||||
|
All Sections
|
||||||
|
</button>
|
||||||
|
{{ range $sections }}
|
||||||
|
<button xx class="sect-button filter-button" id="sect-{{ . | urlize }}" onclick="htf.checkFilter('{{ . | urlize }}', 'sect-')">
|
||||||
|
{{ . | title }} <span id="ssect-{{ . | urlize }}"> -count-</span> | <span id="csect-{{ . | urlize }}"> -count-</span>
|
||||||
|
</button>
|
||||||
|
{{ end }}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="filter-buttons">
|
||||||
|
<button xx id="selectAllAuthors" onclick="htf.showAll('authors')">
|
||||||
|
All Authors
|
||||||
|
</button>
|
||||||
|
|
||||||
|
{{ range .Site.Taxonomies.authors }}
|
||||||
|
<button xx class="auth-button filter-button" id="auth-{{ .Page.Title | replaceRE "[.]" "_" | urlize }}" onclick="htf.checkFilter('{{ .Page.Title | replaceRE "[.]" "_" | urlize }}', 'auth-')">
|
||||||
|
{{ .Page.Title }} <span id="sauth-{{ .Page.Title | replaceRE "[.]" "_" | urlize }}"> -count-</span> | <span id="cauth-{{ .Page.Title | replaceRE "[.]" "_" | urlize }}"> -count-</span>
|
||||||
|
</button>
|
||||||
|
{{ end }}
|
||||||
|
|
||||||
|
{{ if gt ( $.Scratch.Get "noAuthors") 0 }}
|
||||||
|
<button xx class="auth-button" id="auth-no-author" onclick="htf.checkFilter('no-author', 'auth-')">
|
||||||
|
No Author <span id="sauth-no-author"> -count-</span> | <span id="cauth-no-author"> -count-</span>
|
||||||
|
</button>
|
||||||
|
{{ end }}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="filter-buttons">
|
||||||
|
<button xx id="selectAllCats" onclick="htf.showAll('cats')">
|
||||||
|
All Categories
|
||||||
|
</button>
|
||||||
|
|
||||||
|
{{ range .Site.Taxonomies.categories }}
|
||||||
|
<button xx class="cat-button filter-button" id="cat-{{ .Page.Title | replaceRE "[.]" "_" | urlize }}" onclick="htf.checkFilter('{{ .Page.Title | replaceRE "[.]" "_" | urlize }}', 'cat-')">
|
||||||
|
{{ .Page.Title }} <span id="scat-{{ .Page.Title | replaceRE "[.]" "_" | urlize }}"> -count-</span> | <span id="ccat-{{ .Page.Title | replaceRE "[.]" "_" | urlize }}"> -count-</span>
|
||||||
|
</button>
|
||||||
|
{{ end }}
|
||||||
|
|
||||||
|
{{ if gt ( $.Scratch.Get "nocat") 0 }}
|
||||||
|
<button xx class="cat-button" id="cat-no-cat" onclick="htf.checkFilter('no-cat', 'cat-')">
|
||||||
|
No Categories <span id="scat-no-cat"> -count-</span> | <span id="ccat-no-cat"> -count-</span>
|
||||||
|
</button>
|
||||||
|
{{ end }}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="filter-buttons">
|
||||||
|
<button xx class="" id="selectAllTags" onclick="htf.showAll('tags')">
|
||||||
|
All Tags
|
||||||
|
</button>
|
||||||
|
{{ range $tags }}
|
||||||
|
{{ if .Term }}
|
||||||
|
<button xx class="tag-button filter-button" id="tag-{{ .Term | replaceRE "[.]" "_" | urlize }}" onclick="htf.checkFilter('{{ .Term | replaceRE "[.]" "_" | urlize }}', 'tag-')">
|
||||||
|
<span>{{.Term | humanize | title }}</span>
|
||||||
|
<span id="stags-{{ .Term | urlize }}"> -count-</span> | <span id="ctags-{{ .Term | urlize }}"> -count-</span>
|
||||||
|
</button>
|
||||||
|
{{ end }}
|
||||||
|
{{ end }}
|
||||||
|
{{ if gt ( $.Scratch.Get "untagged") 0 }}
|
||||||
|
<button xx class="tag-button" id="tag-tfuntagged" onclick="htf.checkFilter('tfuntagged', 'tag-')">
|
||||||
|
Untagged <span id="stags-tfuntagged"> -count-</span> | <span id="ctags-tfuntagged"> -count-</span>
|
||||||
|
</button>
|
||||||
|
{{ end }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
@ -3,7 +3,6 @@
|
|||||||
<a href="/" class="home-link">
|
<a href="/" class="home-link">
|
||||||
<img class="logo" src="/img/logo.svg" alt="{{ .Site.Title }}">
|
<img class="logo" src="/img/logo.svg" alt="{{ .Site.Title }}">
|
||||||
</a>
|
</a>
|
||||||
<a href="https://members.lumbung.space" class="login-link">Login</a>
|
|
||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
<div class="menu-row">
|
<div class="menu-row">
|
||||||
@ -15,13 +14,13 @@
|
|||||||
<li class="has-submenu">about
|
<li class="has-submenu">about
|
||||||
<ul class="submenu">
|
<ul class="submenu">
|
||||||
<li><a href="/about/">about us</a></li>
|
<li><a href="/about/">about us</a></li>
|
||||||
<li><a href="/contributors/">contributors</a></li>
|
<li><a href="/ls-contributors/">contributors</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="/calendar/">calendar</a></li>
|
<li><a href="/events/">calendar</a></li>
|
||||||
<li><a href="/tv/">tv</a></li>
|
<li><a href="/tv/">tv</a></li>
|
||||||
<li><a href="/social/">social</a></li>
|
<li><a href="/social/">social</a></li>
|
||||||
<li><a href="/pen/">pen</a></li>
|
<li><a href="/sources/pen.lumbung.space/">pen</a></li>
|
||||||
<li><a href="/shouts/">shouts</a></li>
|
<li><a href="/shouts/">shouts</a></li>
|
||||||
<li class="has-submenu">ekonomi
|
<li class="has-submenu">ekonomi
|
||||||
<ul class="submenu">
|
<ul class="submenu">
|
||||||
@ -29,12 +28,10 @@
|
|||||||
<li><a href="/tags/lumbunggallery/">gallery</a></li>
|
<li><a href="/tags/lumbunggallery/">gallery</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="https://books.lumbung.space">books</a></li>
|
<li><a href="https://members.lumbung.space" class="login-link">Login</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</nav>
|
</nav>
|
||||||
|
|
||||||
{{- partial "filter-nav.html" . -}}
|
|
||||||
|
|
||||||
<div class="mobile-menu-button">
|
<div class="mobile-menu-button">
|
||||||
<div class="mobile-menu-button--line"></div>
|
<div class="mobile-menu-button--line"></div>
|
||||||
<div class="mobile-menu-button--line"></div>
|
<div class="mobile-menu-button--line"></div>
|
||||||
@ -42,3 +39,4 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
</header>
|
||||||
@ -1,47 +0,0 @@
|
|||||||
<div class='network card {{ .Params.feed_name }}'>
|
|
||||||
<article class="h-entry network">
|
|
||||||
<header>
|
|
||||||
{{ $postPermalink := .Permalink}}
|
|
||||||
<time class="dt-published" datetime="{{ .Date.Format `Jan 02 2006` }}">{{ .Date.Format "Jan 02, 2006" }}</time>
|
|
||||||
<h2 class="p-name"><a href="{{ .Permalink }}" class="u-url">{{ .Title }}</a></h2>
|
|
||||||
</header>
|
|
||||||
|
|
||||||
<div class="network-source"><span class="from p-author">From {{ if .Params.authors }}<b>{{range .Params.authors}} <a href='{{ "/authors/" | relLangURL }}{{ . | urlize }}/'> {{ . }}</a> {{end}}</b> at {{ end }}<a href="{{ "/categories/" | relLangURL }}{{ .Params.feed_name | urlize }}">{{ .Params.feed_name }}</a></span></div>
|
|
||||||
|
|
||||||
{{ if .Params.featured_image }}
|
|
||||||
{{ $img := .Resources.GetMatch .Params.featured_image }}
|
|
||||||
{{ $height := add $img.Height 0.0}}
|
|
||||||
{{ $ratio := div $height $img.Width}}
|
|
||||||
{{ $thumb := $img.Fit "540x540 q80 webp"}}
|
|
||||||
<div class="p-summary{{if gt $ratio 1 }} portrait {{else}} landscape {{end}}">
|
|
||||||
<div class="summary-image {{if gt $ratio 1 }} portrait {{else}} landscape {{end}}">
|
|
||||||
<a href="{{ $postPermalink }}"><img src="{{ $thumb.Permalink }}" alt="{{ .Title }}"> </a>
|
|
||||||
</div>
|
|
||||||
{{ 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"}}
|
|
||||||
<div class="p-summary{{if gt $ratio 1 }} portrait {{else}} landscape {{end}}">
|
|
||||||
<div class="summary-image {{if gt $ratio 1 }} portrait {{else}} landscape {{end}}">
|
|
||||||
<a href="{{ $postPermalink }}"><img src="{{ $thumb.Permalink }}" alt="{{ .Title }}"> </a>
|
|
||||||
</div>
|
|
||||||
{{ end }}
|
|
||||||
{{ else }}
|
|
||||||
<div class="p-summary">
|
|
||||||
{{ end }}
|
|
||||||
<div class="summary-text">
|
|
||||||
{{ .Summary }}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<footer class='post-footer'>
|
|
||||||
<a href="{{ .RelPermalink }}">
|
|
||||||
<svg width="11" height="11" viewBox="0 0 11 11" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<path d="M10.2172 3.892C9.86979 3.02585 9.33722 2.34509 8.61023 1.77874C8.23826 1.49028 7.72957 1.04191 7.21547 0.839212C7.21382 0.703503 7.14487 0.575079 6.97767 0.503871C5.42624 -0.162284 3.69503 0.311299 2.52647 1.51482C1.94635 2.11223 1.51951 2.8478 1.21108 3.62501C0.914861 4.3676 0.507572 5.32483 0.948415 6.07996C1.00646 6.17836 1.09356 6.24193 1.1908 6.27306C1.2735 7.35573 1.57765 8.46801 2.37847 9.21874C3.2325 10.0162 4.43613 10.3053 5.5673 10.1773C6.72371 10.0468 7.96432 9.57061 8.8816 8.82474C9.01086 8.71974 9.1274 8.60844 9.23337 8.49296C9.27968 8.4924 9.32805 8.4875 9.37839 8.4718C11.3643 7.82491 10.8101 5.37347 10.2172 3.892Z" />
|
|
||||||
</svg>
|
|
||||||
</a>
|
|
||||||
</footer>
|
|
||||||
</article>
|
|
||||||
</div>
|
|
||||||
@ -1,7 +1,7 @@
|
|||||||
<div class='pen card {{ .Params.feed_name }}'>
|
<div class='pen card {{ .Params.feed_name }}'>
|
||||||
<article class="h-entry pen">
|
<article class="h-entry pen">
|
||||||
<header>
|
<header>
|
||||||
<div class="pen-source"><span class="from p-author">From {{ if .Params.author }}<b>{{.Params.author}}</b> at {{ end }}<a href="{{ "/categories/" | relLangURL }}{{ .Params.feed_name | urlize }}">{{ .Params.feed_name }}</a></span></div>
|
<div class="pen-source"><span class="from p-author">From {{ if .Params.contributors }}<b>{{range .Params.contributors}} <a href='{{ "/contributors/" | relLangURL }}{{ . | urlize }}/'> {{ . }}</a> {{end}}</b> at {{ end }}<a href="{{ "/sources/" | relLangURL }}{{ .Params.feed_name | urlize }}">{{ .Params.feed_name }}</a></span></div>
|
||||||
|
|
||||||
{{ $postPermalink := .Permalink}}
|
{{ $postPermalink := .Permalink}}
|
||||||
<time class="dt-published" datetime="{{ .Date.Format `Jan 02 2006` }}">{{ .Date.Format "Jan 02, 2006" }}</time>
|
<time class="dt-published" datetime="{{ .Date.Format `Jan 02 2006` }}">{{ .Date.Format "Jan 02, 2006" }}</time>
|
||||||
|
|||||||
@ -2,22 +2,25 @@
|
|||||||
<article class="h-entry shout">
|
<article class="h-entry shout">
|
||||||
<header>
|
<header>
|
||||||
{{ $postPermalink := .Permalink}}
|
{{ $postPermalink := .Permalink}}
|
||||||
<h2 class="p-name"><a href="{{ .Permalink }}" class="u-url">
|
<time class="dt-published" datetime="{{ .Date.Format `Jan 02 2006` }}">{{ .Date.Format "Jan 02, 2006" }}</time>
|
||||||
{{ range $i, $e := .Params.tags -}}
|
<h2 class="p-name"><a href="{{ .Permalink }}" class="u-url">{{ .Title }}</a></h2>
|
||||||
{{- if $i -}} {{ end -}}
|
|
||||||
<a href='{{ "/tags/" | relLangURL }}{{ . | urlize }}'>#{{ $e | humanize | lower }}</a>
|
|
||||||
{{- end -}}
|
|
||||||
</a></h2>
|
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
{{ with (index (.Resources.ByType "video") 0) }}
|
<div class="shout-source"><span class="from p-author">From {{ if .Params.contributors }}<b>{{range .Params.contributors}} <a href='{{ "/contributors/" | relLangURL }}{{ . | urlize }}/'> {{ . }}</a> {{end}}</b> at {{ end }}<a href="{{ "/sources/" | relLangURL }}{{ .Params.feed_name | urlize }}">{{ .Params.feed_name }}</a></span></div>
|
||||||
{{/* TODO this current logic does not suport video & image mixed */}}
|
|
||||||
<div class="p-summary">
|
{{ if .Params.featured_image }}
|
||||||
<video controls width="540px" preload="none" poster="{{ $postPermalink }}/thumbnail.png">
|
{{ with $img := .Resources.GetMatch .Params.featured_image }}
|
||||||
<source src="{{.Permalink}}" type="video/mp4">
|
{{ $height := add $img.Height 0.0}}
|
||||||
</video>
|
{{ $ratio := div $height $img.Width}}
|
||||||
{{ else}}
|
{{ $thumb := $img.Fit "540x540 q80 webp"}}
|
||||||
|
<div class="p-summary{{if gt $ratio 1 }} portrait {{else}} landscape {{end}}">
|
||||||
|
<div class="summary-image {{if gt $ratio 1 }} portrait {{else}} landscape {{end}}">
|
||||||
|
<a href="{{ $postPermalink }}"><img src="{{ $thumb.Permalink }}" alt="{{ .Title }}"> </a>
|
||||||
|
</div>
|
||||||
|
{{end}}
|
||||||
|
{{ else if (.Resources.ByType "image") }}
|
||||||
{{ with (index (.Resources.ByType "image") 0) }}
|
{{ with (index (.Resources.ByType "image") 0) }}
|
||||||
|
{{ $img := . }}
|
||||||
{{ $height := add .Height 0.0}}
|
{{ $height := add .Height 0.0}}
|
||||||
{{ $ratio := div $height .Width}}
|
{{ $ratio := div $height .Width}}
|
||||||
{{ $thumb := .Fit "540x540 q80 webp"}}
|
{{ $thumb := .Fit "540x540 q80 webp"}}
|
||||||
@ -25,25 +28,21 @@
|
|||||||
<div class="summary-image {{if gt $ratio 1 }} portrait {{else}} landscape {{end}}">
|
<div class="summary-image {{if gt $ratio 1 }} portrait {{else}} landscape {{end}}">
|
||||||
<a href="{{ $postPermalink }}"><img src="{{ $thumb.Permalink }}" alt="{{ .Title }}"> </a>
|
<a href="{{ $postPermalink }}"><img src="{{ $thumb.Permalink }}" alt="{{ .Title }}"> </a>
|
||||||
</div>
|
</div>
|
||||||
|
{{ end }}
|
||||||
{{ else }}
|
{{ else }}
|
||||||
<div class="p-summary">
|
<div class="p-summary">
|
||||||
{{ end }}
|
|
||||||
{{ end }}
|
{{ end }}
|
||||||
<div class="summary-text">
|
<div class="summary-text">
|
||||||
{{ .Summary }}
|
{{ .Summary }}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="shout-source"></div>
|
|
||||||
|
|
||||||
<footer class='post-footer'>
|
<footer class='post-footer'>
|
||||||
<div class='footer-metadata'>
|
<a href="{{ .RelPermalink }}">
|
||||||
<span class="from p-author">{{ if .Params.authors }}From {{range .Params.authors}}<b> <a href='{{ "/authors/" | relLangURL }}{{ . | urlize }}/'> {{ . }}</a> {{end}}</b> on{{ end }}</span>
|
<svg width="11" height="11" viewBox="0 0 11 11" xmlns="http://www.w3.org/2000/svg">
|
||||||
<time class="dt-published" datetime="{{ .Date.Format `Jan 02 2006` }}">{{ .Date.Format "Jan 02, 2006" }}</time>
|
<path d="M10.2172 3.892C9.86979 3.02585 9.33722 2.34509 8.61023 1.77874C8.23826 1.49028 7.72957 1.04191 7.21547 0.839212C7.21382 0.703503 7.14487 0.575079 6.97767 0.503871C5.42624 -0.162284 3.69503 0.311299 2.52647 1.51482C1.94635 2.11223 1.51951 2.8478 1.21108 3.62501C0.914861 4.3676 0.507572 5.32483 0.948415 6.07996C1.00646 6.17836 1.09356 6.24193 1.1908 6.27306C1.2735 7.35573 1.57765 8.46801 2.37847 9.21874C3.2325 10.0162 4.43613 10.3053 5.5673 10.1773C6.72371 10.0468 7.96432 9.57061 8.8816 8.82474C9.01086 8.71974 9.1274 8.60844 9.23337 8.49296C9.27968 8.4924 9.32805 8.4875 9.37839 8.4718C11.3643 7.82491 10.8101 5.37347 10.2172 3.892Z" />
|
||||||
</div>
|
</svg>
|
||||||
{{ if .Truncated }}
|
</a>
|
||||||
<div class="footer-filler"></div>
|
|
||||||
<div class='read-more'><a href="{{ .RelPermalink }}">Read More…</a></div>
|
|
||||||
{{ end }}
|
|
||||||
</footer>
|
</footer>
|
||||||
</article>
|
</article>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
49
themes/lumbung-theme/layouts/partials/social_card.html
Normal file
49
themes/lumbung-theme/layouts/partials/social_card.html
Normal file
@ -0,0 +1,49 @@
|
|||||||
|
<div class='social card {{ range .Params.tags }}{{ if or (eq . "lumbungkios") (eq . "lumbunggallery")}}{{.}}{{ end }}{{ end }}'>
|
||||||
|
<article class="h-entry social">
|
||||||
|
<header>
|
||||||
|
{{ $postPermalink := .Permalink}}
|
||||||
|
<h2 class="p-name"><a href="{{ .Permalink }}" class="u-url">
|
||||||
|
{{ range $i, $e := .Params.tags -}}
|
||||||
|
{{- if $i -}} {{ end -}}
|
||||||
|
<a href='{{ "/tags/" | relLangURL }}{{ . | urlize }}'>#{{ $e | humanize | lower }}</a>
|
||||||
|
{{- end -}}
|
||||||
|
</a></h2>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
{{ with (index (.Resources.ByType "video") 0) }}
|
||||||
|
{{/* TODO this current logic does not suport video & image mixed */}}
|
||||||
|
<div class="p-summary">
|
||||||
|
<video controls width="540px" preload="none" poster="{{ $postPermalink }}/thumbnail.png">
|
||||||
|
<source src="{{.Permalink}}" type="video/mp4">
|
||||||
|
</video>
|
||||||
|
{{ else}}
|
||||||
|
{{ with (index (.Resources.ByType "image") 0) }}
|
||||||
|
{{ $height := add .Height 0.0}}
|
||||||
|
{{ $ratio := div $height .Width}}
|
||||||
|
{{ $thumb := .Fit "540x540 q80 webp"}}
|
||||||
|
<div class="p-summary{{if gt $ratio 1 }} portrait {{else}} landscape {{end}}">
|
||||||
|
<div class="summary-image {{if gt $ratio 1 }} portrait {{else}} landscape {{end}}">
|
||||||
|
<a href="{{ $postPermalink }}"><img src="{{ $thumb.Permalink }}" alt="{{ .Title }}"> </a>
|
||||||
|
</div>
|
||||||
|
{{ else }}
|
||||||
|
<div class="p-summary">
|
||||||
|
{{ end }}
|
||||||
|
{{ end }}
|
||||||
|
<div class="summary-text">
|
||||||
|
{{ .Summary }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="social-source"></div>
|
||||||
|
|
||||||
|
<footer class='post-footer'>
|
||||||
|
<div class='footer-metadata'>
|
||||||
|
<span class="from p-author">{{ if .Params.contributors }}From {{range .Params.contributors}}<b> <a href='{{ "/contributors/" | relLangURL }}{{ . | urlize }}/'> {{ . }}</a> {{end}}</b> on{{ end }}</span>
|
||||||
|
<time class="dt-published" datetime="{{ .Date.Format `Jan 02 2006` }}">{{ .Date.Format "Jan 02, 2006" }}</time>
|
||||||
|
</div>
|
||||||
|
{{ if .Truncated }}
|
||||||
|
<div class="footer-filler"></div>
|
||||||
|
<div class='read-more'><a href="{{ .RelPermalink }}">Read More…</a></div>
|
||||||
|
{{ end }}
|
||||||
|
</footer>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
@ -174,8 +174,9 @@ a {
|
|||||||
.home-link {
|
.home-link {
|
||||||
display: block;
|
display: block;
|
||||||
max-width: 700px;
|
max-width: 700px;
|
||||||
width: 70%;
|
width: 50%;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
|
margin: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.logo {
|
.logo {
|
||||||
@ -184,7 +185,7 @@ a {
|
|||||||
height: auto;
|
height: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
#top-menu .login-link {
|
.login-link {
|
||||||
background: #009d9b;
|
background: #009d9b;
|
||||||
padding: 5px 30px;
|
padding: 5px 30px;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
@ -194,7 +195,6 @@ a {
|
|||||||
.menu-row {
|
.menu-row {
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
max-width: 80%;
|
max-width: 80%;
|
||||||
width: 100%;
|
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
@ -408,6 +408,7 @@ a {
|
|||||||
.h-entry header h2 a {
|
.h-entry header h2 a {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
color: var(--border-color);
|
color: var(--border-color);
|
||||||
|
word-wrap: anywhere;
|
||||||
}
|
}
|
||||||
|
|
||||||
.h-entry header .header-metadata {
|
.h-entry header .header-metadata {
|
||||||
@ -475,9 +476,9 @@ footer.post-footer {
|
|||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/* network cards */
|
/* shout cards */
|
||||||
|
|
||||||
.card.network {
|
.card.shout {
|
||||||
border: 2px solid var(--shouts-dark);
|
border: 2px solid var(--shouts-dark);
|
||||||
background-color: var(--shouts-light);
|
background-color: var(--shouts-light);
|
||||||
max-width: min-content;
|
max-width: min-content;
|
||||||
@ -489,70 +490,70 @@ footer.post-footer {
|
|||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.h-entry.network header {
|
.h-entry.shout header {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
|
|
||||||
.h-entry.network header h2 {
|
.h-entry.shout header h2 {
|
||||||
padding: 0.2em 0.5em 0.5em 0.5em;
|
padding: 0.2em 0.5em 0.5em 0.5em;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.h-entry.network header h2:hover {
|
.h-entry.shout header h2:hover {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
.h-entry.network header h2 a {
|
.h-entry.shout header h2 a {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
color: var(--shouts-dark);
|
color: var(--shouts-dark);
|
||||||
}
|
}
|
||||||
|
|
||||||
.h-entry.network header time {
|
.h-entry.shout header time {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
padding: 0.6em 0.8em;
|
padding: 0.6em 0.8em;
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.network .header-metadata {
|
.shout .header-metadata {
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.network .header-metadata .dt-published {
|
.shout .header-metadata .dt-published {
|
||||||
border-bottom: 2px solid var(--shouts-dark);
|
border-bottom: 2px solid var(--shouts-dark);
|
||||||
}
|
}
|
||||||
|
|
||||||
.network .filler {
|
.shout .filler {
|
||||||
min-height: 1rem;
|
min-height: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.network .author.p-author {
|
.shout .author.p-author {
|
||||||
border-color: var(--shouts-dark);
|
border-color: var(--shouts-dark);
|
||||||
padding: 0.5em 1.2em 0.5em 1.2em;
|
padding: 0.5em 1.2em 0.5em 1.2em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.network .p-summary {
|
.shout .p-summary {
|
||||||
display: flex;
|
display: flex;
|
||||||
}
|
}
|
||||||
|
|
||||||
.network .p-summary.portrait {
|
.shout .p-summary.portrait {
|
||||||
/* flex-direction: row; */
|
/* flex-direction: row; */
|
||||||
}
|
}
|
||||||
|
|
||||||
.network .p-summary.landscape {
|
.shout .p-summary.landscape {
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
|
|
||||||
.network .summary-image > img {
|
.shout .summary-image > img {
|
||||||
display: inherit;
|
display: inherit;
|
||||||
}
|
}
|
||||||
|
|
||||||
.network .summary-text {
|
.shout .summary-text {
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
}
|
}
|
||||||
|
|
||||||
div.network-source {
|
div.shout-source {
|
||||||
padding: 1em;
|
padding: 1em;
|
||||||
padding-right: 2em;
|
padding-right: 2em;
|
||||||
width: fit-content;
|
width: fit-content;
|
||||||
@ -565,7 +566,7 @@ div.network-source {
|
|||||||
right: 1em;
|
right: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.network-source .triangle {
|
.shout-source .triangle {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
right: 0px;
|
right: 0px;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
@ -576,17 +577,17 @@ div.network-source {
|
|||||||
fill: var(--shouts-dark);
|
fill: var(--shouts-dark);
|
||||||
}
|
}
|
||||||
|
|
||||||
.network-source a {
|
.shout-source a {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
color: white;
|
color: white;
|
||||||
}
|
}
|
||||||
|
|
||||||
.network .footer-filler {
|
.shout .footer-filler {
|
||||||
border-left: 2px solid var(--shouts-dark);
|
border-left: 2px solid var(--shouts-dark);
|
||||||
border-top: none;
|
border-top: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.network footer.post-footer {
|
.shout footer.post-footer {
|
||||||
border-top: 2px solid var(--shouts-dark);
|
border-top: 2px solid var(--shouts-dark);
|
||||||
flex-flow: row;
|
flex-flow: row;
|
||||||
font-size: 0.9rem;
|
font-size: 0.9rem;
|
||||||
@ -595,17 +596,17 @@ div.network-source {
|
|||||||
padding: 1em;
|
padding: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.network footer svg {
|
.shout footer svg {
|
||||||
fill: var(--shouts-dark)
|
fill: var(--shouts-dark)
|
||||||
}
|
}
|
||||||
|
|
||||||
.network .read-more {
|
.shout .read-more {
|
||||||
border: none;
|
border: none;
|
||||||
border-left: 2px solid var(--shouts-dark);
|
border-left: 2px solid var(--shouts-dark);
|
||||||
padding: 0.5em 1.2em 0.5em 1.2em;
|
padding: 0.5em 1.2em 0.5em 1.2em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.network .footer-metadata {
|
.shout .footer-metadata {
|
||||||
padding: 0.5em 1.2em 0.5em 1.2em;
|
padding: 0.5em 1.2em 0.5em 1.2em;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -736,9 +737,9 @@ div.pen-source {
|
|||||||
padding: 0.5em 1.2em 0.5em 1.2em;
|
padding: 0.5em 1.2em 0.5em 1.2em;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* shouts cards */
|
/* social / hashtag cards */
|
||||||
|
|
||||||
.card.shout {
|
.card.social {
|
||||||
border-color: steelblue;
|
border-color: steelblue;
|
||||||
border: 2px solid;
|
border: 2px solid;
|
||||||
background-color: aliceblue;
|
background-color: aliceblue;
|
||||||
@ -750,24 +751,24 @@ div.pen-source {
|
|||||||
color: steelblue;
|
color: steelblue;
|
||||||
}
|
}
|
||||||
|
|
||||||
.card.shout h2 a {
|
.card.social h2 a {
|
||||||
color: var(--social-dark);
|
color: var(--social-dark);
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
display: block;
|
display: block;
|
||||||
word-wrap: anywhere;
|
word-wrap: anywhere;
|
||||||
}
|
}
|
||||||
|
|
||||||
.card .card.shout h2 a:hover {
|
.card .card.social h2 a:hover {
|
||||||
border: none;
|
border: none;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.card.shout .post-footer {
|
.card.social .post-footer {
|
||||||
background: var(--social-light);
|
background: var(--social-light);
|
||||||
color: var(--social-dark);
|
color: var(--social-dark);
|
||||||
}
|
}
|
||||||
|
|
||||||
.card.shout .post-footer a{
|
.card.social .post-footer a{
|
||||||
background: var(--social-light);
|
background: var(--social-light);
|
||||||
color: var(--social-dark);
|
color: var(--social-dark);
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
@ -775,42 +776,42 @@ div.pen-source {
|
|||||||
|
|
||||||
|
|
||||||
/* gallery cards */
|
/* gallery cards */
|
||||||
.card.shout.lumbung-gallery {
|
.card.social.lumbunggallery {
|
||||||
border-color: var(--gallery-dark);
|
border-color: var(--gallery-dark);
|
||||||
background-color: var(--gallery-light);
|
background-color: var(--gallery-light);
|
||||||
color: var(--gallery-dark);
|
color: var(--gallery-dark);
|
||||||
}
|
}
|
||||||
|
|
||||||
.card.shout.lumbung-gallery h2 a {
|
.card.social.lumbunggallery h2 a {
|
||||||
color: var(--gallery-dark);
|
color: var(--gallery-dark);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.card.shout.lumbung-gallery .post-footer {
|
.card.social.lumbunggallery .post-footer {
|
||||||
background: var(--gallery-light);
|
background: var(--gallery-light);
|
||||||
color: var(--gallery-dark);
|
color: var(--gallery-dark);
|
||||||
border-top: 2px solid;
|
border-top: 2px solid;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* kios cards */
|
/* kios cards */
|
||||||
.card.shout.lumbung-kios {
|
.card.social.lumbungkios {
|
||||||
border-color: var(--kios-dark);
|
border-color: var(--kios-dark);
|
||||||
background-color: var(--kios-light);
|
background-color: var(--kios-light);
|
||||||
color: var(--kios-dark);
|
color: var(--kios-dark);
|
||||||
}
|
}
|
||||||
|
|
||||||
.card.shout.lumbung-kios h2 a {
|
.card.social.lumbungkios h2 a {
|
||||||
color: var(--kios-dark);
|
color: var(--kios-dark);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.card.shout.lumbung-kios .post-footer {
|
.card.social.lumbungkios .post-footer {
|
||||||
background: var(--kios-light);
|
background: var(--kios-light);
|
||||||
color: var(--kios-dark);
|
color: var(--kios-dark);
|
||||||
border-top: 2px solid;
|
border-top: 2px solid;
|
||||||
}
|
}
|
||||||
|
|
||||||
.card.shout.lumbung-kios .post-footer a {
|
.card.social.lumbungkios .post-footer a {
|
||||||
background: none;
|
background: none;
|
||||||
color: var(--kios-dark);
|
color: var(--kios-dark);
|
||||||
}
|
}
|
||||||
@ -1084,7 +1085,7 @@ li.page-item:after {
|
|||||||
/* FILTER */
|
/* FILTER */
|
||||||
|
|
||||||
.filter-item, .card, .video-box {
|
.filter-item, .card, .video-box {
|
||||||
display: none;
|
/* display: none;*/
|
||||||
}
|
}
|
||||||
|
|
||||||
.show-item {
|
.show-item {
|
||||||
@ -1911,7 +1912,7 @@ a.timeline-url {
|
|||||||
|
|
||||||
/* card styles */
|
/* card styles */
|
||||||
.card,
|
.card,
|
||||||
.card.network {
|
.card.shout {
|
||||||
max-width: 83vw;
|
max-width: 83vw;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user