135 lines
3.4 KiB
HTML
135 lines
3.4 KiB
HTML
---
|
|
title: 'Yo, web-TV crib! ゲットー・スービド'
|
|
description: >-
|
|
The music of To Setto Setto is a cypher cloud jam induced by popcorn chewing
|
|
threads in obscure chat-rooms.
|
|
image: /images/pages/background-setto-v2-blus.svg
|
|
video_path:
|
|
apps:
|
|
- name: Support
|
|
link: '#support'
|
|
icon: 🌮
|
|
external: false
|
|
- name: Video
|
|
link: https://v.basspistol.org/video-channels/tosettosetto/
|
|
icon: 📹
|
|
external: true
|
|
- name: Support🎶
|
|
link: https://t.basspistol.org/setto/
|
|
icon: 📰
|
|
external: true
|
|
- name: Chat
|
|
link: '/chat/#read'
|
|
icon: 📡
|
|
external: false
|
|
- name: Matrix
|
|
link: https://matrix.to/#/@sakrecoer:basspistol.org
|
|
icon: 🕸
|
|
external: true
|
|
- name: Links
|
|
link: /links/
|
|
icon: 🔗
|
|
external: false
|
|
- name: Music
|
|
link: '#read'
|
|
icon: 🎶
|
|
external: false
|
|
---
|
|
|
|
<script type="text/javascript">
|
|
|
|
function generateRandomPosts()
|
|
{
|
|
$.getJSON("/posts.json", function(data) {
|
|
console.log("[posts.json loaded for random posts]");
|
|
|
|
var postsCount = data.length;
|
|
var posts = data;
|
|
|
|
var randomIndexUsed = [];
|
|
var counter = 0;
|
|
var numberOfPosts = 1;
|
|
|
|
var divRandomPosts = $("#random_posts");
|
|
|
|
while (counter < numberOfPosts)
|
|
{
|
|
var randomIndex = Math.floor(Math.random() * postsCount);
|
|
|
|
if (randomIndexUsed.indexOf(randomIndex) == "-1")
|
|
{
|
|
var postHREF = posts[randomIndex].href;
|
|
var postTitle = posts[randomIndex].title;
|
|
|
|
if (counter == (numberOfPosts - 1))
|
|
{
|
|
divRandomPosts.append('<a class="button" href="' + postHREF + '">🔥</a>');
|
|
}
|
|
else
|
|
{
|
|
divRandomPosts.append('<a class="button" href="' + postHREF + '">🔥</a>');
|
|
}
|
|
|
|
randomIndexUsed.push(randomIndex);
|
|
|
|
counter++;
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
$(document).ready(function() {
|
|
generateRandomPosts();
|
|
});
|
|
|
|
</script>
|
|
|
|
{% include relBase.html %}
|
|
<header class="hero" id="top"
|
|
style="background-image: url({{ page.image }});">
|
|
<div class="imagecontainer">
|
|
<h4>{{ page.title }}</h4>
|
|
</div>
|
|
|
|
<div class="splash">
|
|
<div class="splash-logo">
|
|
<a href="#read"><img src="{{ site.icon }}" width="240px" alt="{{ site.title }} Logo" /></a>
|
|
</div>
|
|
<div class="description">
|
|
|
|
<h1>{{ site.title }}</h1>
|
|
<p>{{ page.description }}</p>
|
|
<ul>{% for app in site.data.navigation %}
|
|
<li><a href="{{ app.url }}" {% if app.external_site == true %}rel="noopener" target="_blank"{% endif %} class="button">{{ app.icon }}</a></li>
|
|
{% endfor %}
|
|
<li id="random_posts"></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</header>
|
|
<section id="read">
|
|
|
|
</section>
|
|
{% assign sorted = site.posts | sort: 'date' | reverse %}
|
|
{% for post in sorted %}
|
|
{% if post.category == 'releases' %}
|
|
<section class="news" style="margin:0;">
|
|
|
|
<div style="background-image:url({{ relBase }}{{ post.image }}"></div>
|
|
<div class="description">
|
|
<div class="container">
|
|
<h2>{{ post.title }}</h2>
|
|
<p><strong>{% include forloop-dates.html %}</strong></p>
|
|
<p>{{ post.description }}</p>
|
|
<p><a href="{{ relBase }}{{ post.url }}#play" class="button">🔊 Listen</a></p>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</section>
|
|
{% endif %}
|
|
{% endfor %}
|
|
|