forked from ruangrupa/lumbung.space
63 lines
2.4 KiB
HTML
63 lines
2.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="{{ .Site.LanguageCode | default "en" }}">
|
|
{{- partial "head.html" . -}}
|
|
<body>
|
|
{{- partial "header.html" . -}}
|
|
|
|
<div class="container">
|
|
{{- block "main" . }}{{- end }}
|
|
</div>
|
|
|
|
{{- partial "news-ticker.html" . -}}
|
|
{{- partial "footer.html" . -}}
|
|
</body>
|
|
<script>
|
|
function toggleDescription(id) {
|
|
document.querySelector(id).classList.toggle("collapsed");
|
|
}
|
|
|
|
function loadPlayer(id, embed_path) {
|
|
media = document.querySelector('#media-'+ id)
|
|
|
|
var iframe = document.createElement('iframe');
|
|
iframe.src = embed_path + '?autoplay=1&title=0';
|
|
iframe.width = 560;
|
|
iframe.height = 315;
|
|
iframe.frameBorder = 0;
|
|
iframe.sandbox = "allow-same-origin allow-scripts allow-popups" ;
|
|
media.appendChild(iframe);
|
|
document.querySelector('#thumb-'+ id).remove();
|
|
}
|
|
|
|
// remove box around "previous" page nav link (couldn't handle this with CSS nth-child)
|
|
if (document.querySelector('[aria-label="Previous"]')) {
|
|
document.querySelector('[aria-label="Previous"]').parentElement.classList.add('previous-page-link')
|
|
}
|
|
// for toggling submenus in mobile navigation drawer
|
|
let submenuLinks = document.querySelectorAll('.drawer .has-submenu');
|
|
[...submenuLinks].forEach(submenuLink => {
|
|
submenuLink.addEventListener('click', function() {
|
|
submenuLink.querySelector('.submenu').classList.toggle('opened')
|
|
})
|
|
})
|
|
|
|
// 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
|
|
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>
|
|
|