--- 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/pingu.jpg video_path: /videos/pingu.mp4 --- {% include relBase.html %} <header class="hero" id="top" style="{% unless page.video_path %}background-image: url({{ page.image }});{% endunless %}"> <div class="imagecontainer"> <h4>{{ page.title }}</h4> </div> </header> <section class="splash"> <div class="container"> <div class="splash-logo"> <img src="{{ site.icon }}" width="240px" alt="{{ site.title }} Logo" /> </div> <div> <h1>{{ site.title }}</h1> <p>{{ page.description }}</p> </div> </div> </section> {% for post in site.posts limit: 3 %} <section class="news"> <h2>Latest News</h2> <div style="background-image:url({{ relBase }}{{ post.image }}"></div> <div class="description"> <h2>{{ post.title }}</h2> <p><strong>{% include forloop-dates.html %}</strong></p> <p>{{ post.description }}</p> <p><a href="{{ relBase }}{{ post.url }}" class="button">Read post</a></p> </div> </section> {% 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 }}"> <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>