--- 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 %}