--- title: Yo, webTV crib! ゲットー・スービド description: >- The music of To Setto Setto is a cypher cloud jam induced by popcorn chewing threads in obscure chat-rooms. tags: - outernational - music - homepage - free - culture image: /images/nebula.jpg logo_image: /siteicon.png --- {% include relBase.html %} <!-- Banner --> <section class="banner onload-image-fade-in onload-content-fade-right style5 fullscreen content-align-center image-position-center;" style="background-image:url('{{ page.image }}');background-size:cover;background-repeat:no-repeat;background-position: center;min-height: 100vh;"> <div style="z-index:0;position:absolute; top:0; left:0; width:100%;min-height:100%;background-color: rgba(13, 13 ,13, 0.5);"> </div> <div class="content" style="z-index:1"> <h1 style="margin-top:80px">{{ site.title }}</h1> <p>{{ page.description }}</p> <ul class="actions stacked"> <li><a href="#music" class="button small smooth-scroll-middle">Music!</a></li> </ul> </div> <div class="image"> <img src="{{ relBase }}{{ site.icon }}" alt="{{ site.title }} logo" /> </div> </section> <!-- Posts --> <section id="news" class="wrapper style1 align-center"> <div class="inner" style="padding-top: 40px;"> <h2>Web-Log</h2> <p>Ramblings, announcenments and thoughts going on in the 徒 setto セット Cypher. In written form intertwined with audio</p> <ul class="actions stacked"> <li><a href="/log/" class="button small">Archive</a></li> </ul> </div> </section> {% for post in site.posts limit: '1' %} <section 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"> <h3>{{ post.title }}</h3> <p>{{ post.description }}</p> {% if post.category == 'releases' %} {% 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 %} <p>{{ album.date | date: '%Y' }}</p> {% for track in album.tracks %} <p style="margin-bottom: 30px;font-size: 14px"> <strong>{{ track.common.track.no }}. {{ track.common.title }}</strong><br /> <span>{% assign round_seconds = track.format.duration | 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 }}</span> | <span style="font-size: 14px">{{ track.common.genre }} </span> </p> {% endfor %} {% break %} {% endif %} {% endfor %} {% endif %} <br /> <ul class="actions stacked"> <li><li><a href="{{ post.url }}" class="button small {% if post.category == 'releases' %}icon solid fa-volume-up{% endif %}">{% if post.category == 'releases' %}Listen{% else %}Read{% endif %}</a> </li> </ul> </div> <div class="image"> <img src="{{ relBase }}{{ post.image }}" alt="{{ post.title }}" title="{{ post.title }}" /> </div> </section> {% endfor %} {% include streamer.html %} <!-- Releases --> <section id="music" class="wrapper style1 align-center"> <div class="inner" style="padding-top: 40px;"> <h2>Releases</h2> <p>Collection of released music through time</p> </div> </section> {% assign sorted = site.posts | sort: 'date' | reverse %} {% for album in sorted offset: '1' %} {% if album.category == 'releases' %} <section class="spotlight style5 orient-{% cycle 'left', 'right' %} content-align-{% cycle 'right', 'left' %} image-position-center onscroll-image-fade-in" {% if forloop.index == 1 %}style="box-shadow: none;" {% endif %}> <div class="content"> <h3>{{ album.title }}</h3> <p>{{ album.date | date: "%Y" }}</p> <ul class="actions stacked"> <li><a href="{{ album.url }}" style="text-decoration:none;" class="button small icon solid fa-volume-up">Listen</a></li> </ul> </div> <div class="image"> <img src="{{ album.image }}" alt="{{ album.title | smartify }}" /> </div> </section> {% endif %} {% endfor %} <!-- END Release --> {% include footer.html %}