--- 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: Read link: '/log/' icon: 📰 external: false - name: Support link: https://t.basspistol.org/setto/ icon: 📢 external: true - name: chat link: '/chat/#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 page.apps %} <li><a href="{{ app.link }}" {% if app.external == true %}rel="noopener" target="_blank"{% endif %} class="button">{{ app.icon }}</a></li> {% endfor %} <li id="random_posts"></li> </ul> </div> </div> </header> {% for post in site.posts limit: 3 %} {% if post.category == 'ramblings' %} <section id="read" class="front-section"> <div style="background-image:url({{ post.image }})"> <p class="editor-link"><a href="cloudcannon:collections/_posts/{{ post.path }}" rel="nofollow" class="btn"><strong>✎</strong> Edit Post</a></p> </div> <div class="description"> <div class="container"> <div class=""> <h3>{{ post.title }}</h3> {{ post.description }} </div> <div> <p><a class="button" href="{{ relBase }}{{ post.url }}#read">📰 Read Highlight</a></p> </div> </div> </div> </section> {% endif %} {% endfor %} <section class="releases"> <h2>Releases</h2> <div class="container"> {% assign sorted = site.albums | sort: 'date' | reverse %} {% for album in sorted %} {% for post in site.posts %} {% if album.slug == post.album %} <article> <figure> <a href="{{ post.url }}#play"> <img src="{{ site.mediaurl }}/{{ album.tracks[0].slug }}.jpeg" alt="Cover art for {{ post.title }}" /></a> <figcaption> <strong>{{ album.name }}</strong><br /> {% assign total = 0 %} {% for track in album.tracks %} {% assign total = total | plus: track.format.duration %} {% endfor %} {% assign round_seconds = total | round %}{% assign minutes = round_seconds | divided_by: 60 %}{% assign leftover_seconds = minutes | times: 60 %}{{ minutes }}:{% assign seconds_without_zero = round_seconds | minus: leftover_seconds %}{% if seconds_without_zero < 10 %}0{% endif %}{{ seconds_without_zero }} <br /> {{ album.date | date: '%Y' }} </figcaption> </figure> </article> {% endif %} {% endfor %} {% endfor %} </div> </section>