---
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>{% for tag in post.tags %}{{ tag }}{% endfor %} released {% include forloop-dates.html %}</strong></p>
  <p>{{ post.description }}</p>
  <p><a href="{{ relBase }}{{ post.url }}" class="button">🔊 Listen</a></p>
  </div>
</div>

  
</section>
{% endif %}
{% endfor %}

<section id="pleroma">
  <div class="container">
    
  {% assign nasa = site.data.pleroma.feed.entry | sort: 'published' | reverse %}
  {% for item in nasa %}
{% unless item.in_reply_to  %}
<div>
    {% if item.summary %}
    <h2 style="text-align: left;">{{ item.summary }}</h2>
    {% endif %}
    <p>
    {% assign d = item.published | date: "%-d"  %}
    {% case d %}
    {% when '1' or '21' or '31' %}{{ d }}:st
    {% when '2' or '22' %}{{ d }}:nd
    {% when '3' or '23' %}{{ d }}:rd
    {% else %}{{ d }}:th
    {% endcase %} of 
    {% assign m = item.published | date: "%-m" %}
    {% case m %}
    {% when '1' %}January
    {% when '2' %}February
    {% when '3' %}March
    {% when '4' %}April
    {% when '5' %}May
    {% when '6' %}June
    {% when '7' %}July
    {% when '8' %}August
    {% when '9' %}September {% when '10' %}October {% when '11' %}November {% when '12' %}December
    {% endcase %}
    {{ item.published | date: "%Y" }} - {{ item.published | date: "%R" }}
  </p>
  <p>
    {{ item.content }} 
  </p>
  {% for enclosure in item.link %}
  {% if enclosure.type == "image/jpeg" %}
  <img src="{{ enclosure.href }}" height="300px" />

  {% endif %}
  {% endfor %}
<hr />

</div>
{% endunless %}
  {% endfor %}
  
</div>
</section>