forked from ruangrupa/lumbung.space
added files from christoph
This commit is contained in:
rra
@ -50,6 +50,12 @@
|
||||
card.classList.add('lumbung-gallery')
|
||||
}
|
||||
})
|
||||
|
||||
// footer random color
|
||||
var color = ['orange','green','blue'];
|
||||
var footer = document.getElementById("footer");
|
||||
var rand = Math.floor(Math.random() * color.length);
|
||||
footer.classList.add(color[rand]);
|
||||
</script>
|
||||
|
||||
</html>
|
||||
|
||||
28
themes/lumbung-theme/layouts/authors/list.html
Normal file
28
themes/lumbung-theme/layouts/authors/list.html
Normal file
@ -0,0 +1,28 @@
|
||||
{{ define "main" }}
|
||||
|
||||
|
||||
<h1>{{ .Params.title }}</h1>
|
||||
<img src="{{ .Params.photo }}" height="200px" alt=""/>
|
||||
|
||||
<h2>Bio</h2>
|
||||
{{ .Content }}
|
||||
{{ with .Params.twitter }}
|
||||
<p>
|
||||
<a href="https://twitter.com/{{ substr . 1 }}">
|
||||
Follow {{ $.Params.name }} on Twitter
|
||||
</a>
|
||||
</p>
|
||||
{{ end }}
|
||||
|
||||
<h2>Posts by {{ .Params.title }}</h2>
|
||||
<ul>
|
||||
{{ range .Pages }}
|
||||
<li><a href="{{ .Permalink }}">{{ .Title }}</a></li>
|
||||
{{ .Render "summary"}}
|
||||
{{ end }}
|
||||
</ul>
|
||||
|
||||
|
||||
|
||||
{{end}}
|
||||
|
||||
11
themes/lumbung-theme/layouts/authors/terms.html
Normal file
11
themes/lumbung-theme/layouts/authors/terms.html
Normal file
@ -0,0 +1,11 @@
|
||||
{{ define "main" }}
|
||||
|
||||
<h1>Authors</h1>
|
||||
|
||||
<ul>
|
||||
{{ range $name, $taxonomy := .Site.Taxonomies.authors }}
|
||||
<li><a href="/authors/{{ $name | urlize }}">{{ $name | humanize }} ({{ $taxonomy.Count }})</a></li>
|
||||
{{end}}
|
||||
|
||||
</ul>
|
||||
{{ end }}
|
||||
@ -1,42 +1,82 @@
|
||||
{{ define "main" }}
|
||||
<main>
|
||||
<section class='entries'>
|
||||
<div class="h-feed">
|
||||
{{ range where (.Paginator 13).Pages "Params.hidden" "ne" "true" }}
|
||||
<div class="welcome-text"><u>lumbung.space</u> 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.</div>
|
||||
<div class="app-columns">
|
||||
<div class="app-column">
|
||||
<a href="/timeline/">
|
||||
<img class="app-icon" src="/img/buttons/harvest.svg" alt="harvest">
|
||||
<p class="app-name">harvest</p>
|
||||
</a>
|
||||
<p class="app-description">Digital timeline of harvests for collective learning</p>
|
||||
</div>
|
||||
|
||||
{{ if in .Params.categories "tv"}}
|
||||
|
||||
{{- partial "video_box.html" . -}}
|
||||
<div class="app-column">
|
||||
<a href="/calendar/">
|
||||
<img class="app-icon" src="/img/buttons/calendar.svg" alt="calendar">
|
||||
<p class="app-name">calendar</p>
|
||||
</a>
|
||||
<p class="app-description">Watch out for upcoming lumbung programs on our open-source calendar</p>
|
||||
</div>
|
||||
|
||||
{{ else if in .Params.categories "calendar" }}
|
||||
<div class="app-column">
|
||||
<a href="/tv/">
|
||||
<img class="app-icon" src="/img/buttons/tv.svg" alt="tv">
|
||||
<p class="app-name">tv</p>
|
||||
</a>
|
||||
<p class="app-description">Video archive. Watch or upload videos or start a livestream</p>
|
||||
</div>
|
||||
|
||||
<div class="app-column">
|
||||
<a href="/social/">
|
||||
<img class="app-icon" src="/img/buttons/social.svg" alt="social">
|
||||
<p class="app-name">social</p>
|
||||
</a>
|
||||
<p class="app-description">Like twitter but for us! Jokes, announcements, chitchat</p>
|
||||
</div>
|
||||
|
||||
{{- partial "calendar_card.html" . -}}
|
||||
<div class="app-column">
|
||||
<a href="/pen/">
|
||||
<img class="app-icon" src="/img/buttons/pen.svg" alt="lumbung.pen">
|
||||
<p class="app-name">pen</p>
|
||||
</a>
|
||||
<p class="app-description">Write and publish longer texts.</p>
|
||||
</div>
|
||||
|
||||
{{ else if in .Params.categories "network" }}
|
||||
<div class="app-column">
|
||||
<a href="/shouts/">
|
||||
<img class="app-icon" src="/img/buttons/shouts.svg" alt="shouts">
|
||||
<p class="app-name">shouts</p>
|
||||
</a>
|
||||
<p class="app-description">lumbung members and artists share content from their ekosistems</p>
|
||||
</div>
|
||||
|
||||
<div class="app-column">
|
||||
<a href="/tags/lumbungkios/">
|
||||
<img class="app-icon" src="/img/buttons/kios.svg" alt="kios">
|
||||
<p class="app-name">kios</p>
|
||||
</a>
|
||||
<p class="app-description">Network of decentralized and self-run Kios to sell products at different locations</p>
|
||||
</div>
|
||||
|
||||
{{- partial "network_card.html" . -}}
|
||||
<div class="app-column">
|
||||
<a href="/tags/lumbunggallery/">
|
||||
<img class="app-icon" src="/img/buttons/gallery.svg" alt="gallery">
|
||||
<p class="app-name">gallery</p>
|
||||
</a>
|
||||
<p class="app-description">Collectively governed, non speculative, and regenerative gallery of the lumbung network</p>
|
||||
</div>
|
||||
|
||||
{{ else if in .Params.categories "pen" }}
|
||||
|
||||
{{- partial "pen_card.html" . -}}
|
||||
|
||||
{{ else if in .Params.categories "shouts" }}
|
||||
|
||||
{{- partial "shout_card.html" . -}}
|
||||
|
||||
{{ else }}
|
||||
|
||||
{{- partial "card.html" . -}}
|
||||
|
||||
{{ end }}
|
||||
|
||||
{{ end }}
|
||||
<div class="app-column">
|
||||
<a href="https://books.lumbung.space/">
|
||||
<img class="app-icon" src="/img/buttons/books.svg" alt="lumbung.books">
|
||||
<p class="app-name">books</p>
|
||||
</a>
|
||||
<p class="app-description">Archive of publications. Share, read or download PDFs and ebooks</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<nav class="pagination-container">
|
||||
{{ template "_internal/pagination.html" . }}
|
||||
</nav>
|
||||
|
||||
<div class="lumbung-radio-player" onclick="window.open('https://lumbungradio.stationofcommons.org', 'Lumbung Radio', 'height=800,width=450')">
|
||||
<svg class="lumbung-radio-play-button" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M7 4V20L20 12L7 4Z" fill="#CA14D4" stroke="#CA14D4" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
|
||||
@ -1,5 +1,21 @@
|
||||
<footer>
|
||||
<div>
|
||||
<a href="https://panduan.lumbung.space/share/684ea8a2-bc47-4111-acf2-f88a200b640f">Imprint</a> - <a href="https://panduan.lumbung.space/share/8a742222-2561-4d67-a9f1-6c7c4fe8bead">Privacy Policy</a> - <a href="https://panduan.lumbung.space/share/272026ff-57fd-4894-8d68-58606c77044c/doc/frequently-asked-questions-faq-pl8OTF58Od">FAQ</a> - <a href="https://panduan.lumbung.space/share/ece8e392-7b21-4379-bd82-a11e06ebf1fb">Community Guidelines</a> - <a href="https://panduan.lumbung.space/share/507566f6-6b7e-402e-bfd4-034feebdcba6">Glossary</a> - <a href="https://panduan.lumbung.space/share/ef6f6638-856d-4c9a-ab89-d82af567aba4">Terms of Use</a>
|
||||
<footer id="footer">
|
||||
<div class="f-main">
|
||||
<div class="f-column">
|
||||
<a href="/"><img class="logo" src="/img/logo.svg" alt="lumbung.space"></a>
|
||||
</div>
|
||||
<div class="f-column"><u>lumbung.space</u> 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.</div>
|
||||
<div class="f-column">
|
||||
<div class="f-menu-headline">Links:</div>
|
||||
<a href="/about/">About us</a></li>
|
||||
<a href="/contributors/">Contributors</a>
|
||||
<a href="https://panduan.lumbung.space/share/272026ff-57fd-4894-8d68-58606c77044c/doc/frequently-asked-questions-faq-pl8OTF58Od">FAQ</a>
|
||||
<a href="https://panduan.lumbung.space/share/ece8e392-7b21-4379-bd82-a11e06ebf1fb">Community Guidelines</a>
|
||||
</div>
|
||||
<div class="f-column">
|
||||
<a href="https://members.lumbung.space" class="login">Login</a>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<div class="f-credits">
|
||||
<a href="https://panduan.lumbung.space/share/684ea8a2-bc47-4111-acf2-f88a200b640f">Imprint</a> - <a href="https://panduan.lumbung.space/share/8a742222-2561-4d67-a9f1-6c7c4fe8bead">Privacy Policy</a> - <a href="https://panduan.lumbung.space/share/507566f6-6b7e-402e-bfd4-034feebdcba6">Glossary</a> - <a href="https://panduan.lumbung.space/share/ef6f6638-856d-4c9a-ab89-d82af567aba4">Terms of Use</a>
|
||||
</div>
|
||||
</footer>
|
||||
@ -19,52 +19,38 @@
|
||||
<nav class="menu">
|
||||
<ul>
|
||||
<li><a href="/">home</a></li>
|
||||
<li><a href="/about/">about</a></li>
|
||||
<li><a href="/timeline/">harvest</a></li>
|
||||
<li><a href="/calendar/">calendar</a></li>
|
||||
<li class="has-submenu">harvest
|
||||
<ul class="submenu">
|
||||
<li><a href="/tv/">tv</a></li>
|
||||
<li><a href="/social/">social</a></li>
|
||||
<li><a href="/pen/">pen</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="https://books.lumbung.space">books</a></li>
|
||||
<li><a href="/tv/">tv</a></li>
|
||||
<li><a href="/social/">social</a></li>
|
||||
<li><a href="/pen/">pen</a></li>
|
||||
<li><a href="/shouts/">shouts</a></li>
|
||||
<li class="has-submenu">ekonomi
|
||||
<ul class="submenu">
|
||||
<li><a href="/tags/lumbungkios/">kios</a></li>
|
||||
<li><a href="/tags/lumbunggallery/">gallery</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="/shouts/">shouts</a></li>
|
||||
<li><a href="https://books.lumbung.space">books</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<aside class="drawer">
|
||||
<ul>
|
||||
<li><a href="/">home</a></li>
|
||||
<li><a href="/about/">about</a></li>
|
||||
<li><a href="/timeline/">harvest</a></li>
|
||||
<li><a href="/calendar/">calendar</a></li>
|
||||
<li class="has-submenu">harvest
|
||||
<ul class="submenu">
|
||||
<li><a href="/tv/">tv</a></li>
|
||||
<li><a href="/social/">social</a></li>
|
||||
<li><a href="/pen/">pen</a></li>
|
||||
<li><a href="/tags/lumbungkios/">kios</a></li>
|
||||
<li><a href="/tags/lumbunggallery/">gallery</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="https://books.lumbung.space">books</a></li>
|
||||
<li><a href="/tv/">tv</a></li>
|
||||
<li><a href="/social/">social</a></li>
|
||||
<li><a href="/pen/">pen</a></li>
|
||||
<li><a href="/shouts/">shouts</a></li>
|
||||
<li class="has-submenu">ekonomi
|
||||
<ul class="submenu">
|
||||
<li><a href="/tags/lumbungkios/">kios</a></li>
|
||||
<li><a href="/tags/lumbunggallery/">gallery</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="/shouts/">shouts</a></li>
|
||||
<li><a href="https://books.lumbung.space">books</a></li>
|
||||
</ul>
|
||||
</aside>
|
||||
|
||||
<div>
|
||||
<a href="https://members.lumbung.space" id="login">login</a>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
10
themes/lumbung-theme/layouts/partials/timeline_event.html
Normal file
10
themes/lumbung-theme/layouts/partials/timeline_event.html
Normal file
@ -0,0 +1,10 @@
|
||||
<div class='timeline-event'>
|
||||
{{ $postPermalink := .Permalink}}
|
||||
{{ if .Content }}
|
||||
<a href="{{ .Permalink }}" class="timeline-url" data-title='{{ replace .Title " " "-" }}'>{{ .Page.Title }}<svg class="link-svg" enable-background="new 0 0 383.3 383.3" version="1.1" viewBox="0 0 383.3 383.3" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><path class="link-svg-path" d="m383.3 152.7c-0.3 0.8-0.6 1.6-0.9 2.4-3.4 10.4-13 16.4-23.8 14.9-10.1-1.4-17.8-10.3-17.9-20.9-0.1-22.1 0-44.2 0-66.2v-10c-1.6 1.6-2.7 2.6-3.8 3.7-57.1 57.1-114.2 114.1-171.2 171.2-6.3 6.4-13.6 9.2-22.4 6.8-14.7-4.1-20.3-21.8-10.8-33.7 1.2-1.6 2.7-2.9 4.1-4.4l169.9-169.9c1.1-1.1 2.4-2 3.7-3-0.2-0.4-0.4-0.7-0.6-1.1h-3.9-71.1c-9.8 0-17.8-6-20.6-15-2.8-8.9 0.4-18.6 8.2-23.7 2.5-1.7 5.6-2.6 8.4-3.9h135.5c2 0.9 4.1 1.6 6.1 2.6 6 3.1 9 8.5 11.2 14.6-0.1 45.3-0.1 90.4-0.1 135.6z"/>
|
||||
<path class="st0" d="m0 212.7c0-35.3-0.1-70.6 0-105.9 0.1-31.1 21.1-56.7 51.5-63 3-0.6 6.2-1.1 9.3-1.1 29.6-0.1 59.1-0.1 88.7-0.1 9 0 16.8 5.8 19.7 14.1 2.9 8.2 0.4 17.4-6.2 23.1-4.6 4-10 5.3-15.9 5.3-26.9 0-53.9 0.4-80.8-0.2-13.7-0.3-23.8 9.9-23.7 23.8 0.3 69.4 0.2 138.7 0.2 208.1 0 15.2 8.4 23.7 23.5 23.7h208.8c11.9 0 20.3-6.2 22.6-16.7 0.5-2.3 0.5-4.7 0.5-7.1v-81.6c0-14.2 11-23.9 24.6-22 9.7 1.3 17.8 9.8 17.9 19.6 0.2 30.3 0.7 60.6-0.2 90.9-0.9 32.4-29.5 59.2-62.2 59.4-44.4 0.2-88.8 0.1-133.2 0.1h-80.5c-31.5-0.1-57.2-21.2-63.3-52-0.9-4.4-1.1-8.9-1.1-13.4-0.2-34.9-0.2-69.9-0.2-105z"/></svg>
|
||||
</a>
|
||||
{{ else }}
|
||||
<span class="timeline-url" data-title='{{ replace .Title " " "-" }}'>{{ .Title }}</span>
|
||||
{{ end }}
|
||||
</div>
|
||||
42
themes/lumbung-theme/layouts/summary.html
Normal file
42
themes/lumbung-theme/layouts/summary.html
Normal file
@ -0,0 +1,42 @@
|
||||
{{ define "main" }}
|
||||
|
||||
{{/*-- post count */}}
|
||||
{{ $posts := (where .Site.RegularPages "Section" "==" "posts") }}
|
||||
{{ $postCount := len $posts }}
|
||||
|
||||
{{/*-- page count */}}
|
||||
{{ $pages := (where .Site.RegularPages "Section" "==" "page") }}
|
||||
{{ $pageCount := len $pages }}
|
||||
|
||||
|
||||
<div style="overflow: auto;">
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<td style="text-align:center;font-weight: bold;width: 10em;">Description</td>
|
||||
<td style="text-align:center;font-weight: bold;">Value</td>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr><td>Pages</td><td>{{ $pageCount }}</td></tr>
|
||||
<tr><td>Posts</td><td>{{ $postCount }}</td></tr>
|
||||
<tr><td>Post by Categories</td>
|
||||
<td>
|
||||
{{ range $name, $taxonomy := .Site.Taxonomies.categories }}
|
||||
<a href="/categories/{{ $name | urlize }}">{{ $name | humanize }} ({{ $taxonomy.Count }})</a>
|
||||
|
||||
{{end}}
|
||||
</td>
|
||||
</tr>
|
||||
<tr><td>Post by Tags</td>
|
||||
<td>
|
||||
{{ range $name, $taxonomy := .Site.Taxonomies.tags }}
|
||||
<a href="/tags/{{ $name | urlize }}">#{{ $name | humanize }} ({{ $taxonomy.Count }})</a>
|
||||
|
||||
{{end}}
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
{{end}}
|
||||
94
themes/lumbung-theme/layouts/timeline/list.html
Normal file
94
themes/lumbung-theme/layouts/timeline/list.html
Normal file
@ -0,0 +1,94 @@
|
||||
{{ define "main" }}
|
||||
<main>
|
||||
<section class='entries'>
|
||||
<div class="timeline-feed">
|
||||
<div class="timeline-tags">
|
||||
<div class="timeline-tags-headline">Hashtags:</div>
|
||||
<ul><li class="timeline-tag"><a href="/timeline">all</a></li>{{ range .Site.Taxonomies.timelines }}<li class="timeline-tag"><a href="{{ .Page.RelPermalink }}">{{ .Page.Title }}</a></li>{{ end }}
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="timeline-container">
|
||||
<div class="timeline-start"><span>Digital Harvest Timeline</span></div>
|
||||
<div class="timeline-events">
|
||||
{{ range .Pages.ByDate }}
|
||||
{{- partial "timeline_event.html" . -}}
|
||||
{{ end }}
|
||||
</div>
|
||||
<div class="timeline-end"></div>
|
||||
<div class="timeline-line">
|
||||
<div class="timeline-line-head"></div>
|
||||
<div class="timeline-line-body"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
function scrollToEvent(){
|
||||
var anchor = document.body.querySelector('.timeline-url[data-title="meydan-I"]');
|
||||
if (typeof(anchor) != 'undefined' && anchor != null) {
|
||||
anchor.scrollIntoView({
|
||||
block: 'center',
|
||||
inline: 'center',
|
||||
behavior: 'smooth'
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
setTimeout(function(){
|
||||
if (window.performance && window.performance.navigation.type !== window.performance.navigation.TYPE_BACK_FORWARD) {
|
||||
scrollToEvent();
|
||||
}
|
||||
}, 800);
|
||||
|
||||
var events = document.querySelectorAll(".timeline-event");
|
||||
window.addEventListener('scroll', fadeIn );
|
||||
function fadeIn() {
|
||||
for (var i = 0; i < events.length; i++) {
|
||||
var event = events[i]
|
||||
var distInView = event.getBoundingClientRect().top - window.innerHeight + 20;
|
||||
if (distInView < 0) {
|
||||
event.classList.add("inView");
|
||||
} else {
|
||||
event.classList.remove("inView");
|
||||
}
|
||||
}
|
||||
}
|
||||
fadeIn();
|
||||
|
||||
function popupOpen() {
|
||||
var popup = document.getElementById("popup");
|
||||
popup.classList.add("view");
|
||||
}
|
||||
|
||||
function popupClose() {
|
||||
var popup = document.getElementById("popup");
|
||||
popup.classList.remove("view");
|
||||
}
|
||||
|
||||
setTimeout(function(){
|
||||
if (window.performance && window.performance.navigation.type !== window.performance.navigation.TYPE_BACK_FORWARD) {
|
||||
popupOpen();
|
||||
}
|
||||
}, 2200);
|
||||
</script>
|
||||
|
||||
<div id="popup" class="popup-container">
|
||||
<div class="popup">
|
||||
<div class="popup-header">
|
||||
<h3>Welcome to the Digital Harvest Timeline</h3>
|
||||
<button class="popup-close" onclick="popupClose()"></buttonv>
|
||||
</div>
|
||||
<div class="popup-content">
|
||||
<p>Harvest refers to artistic recordings of discussions and meetings. Harvesters listen, reflect, and depict this process from their own perspectives, forms, and artistic practices. Harvesting can be seen as a way of collective writing that enables continuous collective learning, from different sensory experiences.</p>
|
||||
<p>Here you can find a timeline of harvests to inform our continuous collective learning process.</p>
|
||||
</div>
|
||||
<div class="popup-footer"><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"></path>
|
||||
</svg></div>
|
||||
</div>
|
||||
<div class="popup-bg" onclick="popupClose()"></div>
|
||||
</div>
|
||||
|
||||
</main>
|
||||
{{ end }}
|
||||
13
themes/lumbung-theme/layouts/timeline/single.html
Normal file
13
themes/lumbung-theme/layouts/timeline/single.html
Normal file
@ -0,0 +1,13 @@
|
||||
{{ define "main" }}
|
||||
<main class="main single">
|
||||
<article class="h-entry">
|
||||
<header>
|
||||
<button class="back-button" onclick="history.back()">back to timeline</button>
|
||||
<h1 class="p-name">{{ .Title }}</h1>
|
||||
</header>
|
||||
<div class="e-content">
|
||||
{{ .Content }}
|
||||
</div>
|
||||
</article>
|
||||
</main>
|
||||
{{ end }}
|
||||
Reference in New Issue
Block a user