index.html

---
title: ゲットー・スービド
layout: default
description: >-
  The music of To Setto Setto is a cypher cloud jam
  induced by popcorn chewing threads in obscure chat-rooms.
image: /siteicon.png
logo_image: /images/setto-logoicon.svg
date: 2018-12-11 00:00:00
---
{% include relBase.html %}
<!-- Banner -->
<section
  class="banner onload-image-fade-in onload-content-fade-right style3 fullscreen content-align-center image-position-center;"
  style="background-image:url('/images/nebula-bw.jpg');background-size:cover;background-repeat:no-repeat;background-position: center;">
  <div
    style="z-index:0;position:absolute; top:0; left:0; width:100%;height:100%;background-color: rgba(13, 13 ,13, 0.75);">
  </div>
  <div class="content" style="z-index:1">
    <h1 style="margin-top:80px">{{ page.title }}</h1>

    <p class="major">{{ page.description }}</p>
    <ul class="actions stacked">
      <li><a href="#album0" class="button large wide smooth-scroll-middle">Gimme sommo!</a></li>
    </ul>
  </div>

  <div class="image">
    <img src="{{ relBase }}{{ page.logo_image }}" alt="{{ site.title }} logo" />
  </div>
</section>
<!-- Albums -->

{% for post in site.posts %}
{% capture album_name -%}
{{ post.album }}
{%- endcapture %}
{% for album in site.albums %}
{% capture name -%}
{{ album.relative_path | replace_first: album.collection, '' | replace_first: '_/', '' | replace_first: '.md', '' }}
{%- endcapture %}
{% if name == album_name %}
<section id="album{% increment var %}"
  class="section-shadow banner style1 orient-{% cycle 'left', 'right' %} content-align-{% cycle 'right', 'left' %} image-position-center fullscreen onload-image-fade-in onload-content-fade-right">

  <div class="content">
    <h1>{{ post.title }}</h1>
    <p>{{ post.description }}</p>
    {% if post.category == 'release' %}

    <p>{{ album.date | date: '%Y' }}</p>
    
    {% for track in album.tracks %}
    <p style="margin-bottom: 30px; font-family: monospace;font-size: 14px">
      <strong>{{ track.common.track.no }}. {{ track.common.title }}</strong><br />
      <span id="{{ track.common.title | slugify | remove: '-'  }}"></span> | 
      <span style="font-family: monospace;font-size: 14px">{{ track.common.genre }} </span>
    </p>
   

    <script type="text/javascript">
      var {{ track.common.title | slugify | remove: '-'  }}timestamp = {{ track.format.duration | round }};
      var {{ track.common.title | slugify | remove: '-'  }}hours = Math.floor({{ track.common.title | slugify | remove: '-'  }}timestamp / 60 / 60);
      var {{ track.common.title | slugify | remove: '-'  }}minutes = Math.floor({{ track.common.title | slugify | remove: '-'  }}timestamp / 60) - ({{ track.common.title | slugify | remove: '-' }}hours * 60);
      var {{ track.common.title | slugify | remove: '-'  }}seconds = {{ track.common.title | slugify | remove: '-' }}timestamp % 60;
      var {{ track.common.title | slugify | remove: '-'  }}formatted = {{ track.common.title | slugify | remove: '-' }}hours.toString().padStart(2, '0') + ':' + {{ track.common.title | slugify | remove: '-' }}minutes.toString().padStart(2, '0') + ':' + {{ track.common.title | slugify | remove: '-' }}seconds.toString().padStart(2, '0');
      var theSpan = document.getElementById("{{ track.common.title | slugify | remove: '-'  }}");
      theSpan.innerHTML = {{ track.common.title | slugify | remove: '-' }}formatted;
    </script>
    {% endfor %}
    {% endif %}
<br />
    <ul class="actions stacked">
      <li><a href="{{ relBase }}{{ post.url }}"
          class="button big wide {% if post.category == 'release' %}icon solid fa-volume-up{% endif %}">Cheggid out</a>
      </li>
    </ul>
  </div>

  <div class="image">
    <img src="{{ relBase }}{{ album.cover }}" alt="{{ post.title }}" title="{{ post.title }}" />

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

<!-- Tracks -->
<section id="clients" class="wrapper style1 align-center">
  <div class="inner">
  <h2>Tracks</h2>
  </div>
  <!-- Gallery -->
  <div class="gallery style1 medium onscroll-fade-in">

    {% for album in site.data.albums %}
    {% for track in album.tracks %}
    <article>
      <a href="{{ relBase }}/{{ track.slug }}" alt="link to {{ track.common.title }}" class="image">
        <img src="{{ relBase }}{{ track.cover }}" alt="{{ track.common.title }} cover-art" />
      </a>
      <div class="caption">
        <h3>{{ track.common.title }}</h3>

        <p>
          <strong>{{ track.common.genre }}</strong>
          <br />{{ track.common.year }}</p>
        <ul class="actions fixed">
          <li><span class="editable button small">Play dat!</span></li>
        </ul>
      </div>
    </article>
    {% endfor %}
    {% endfor %}
  </div>
  <!-- End Gallery -->

</section>
<!-- End Tracks -->
{% include footer.html %}