finalization

This commit is contained in:
sakrecoer 2020-08-04 12:07:59 +02:00
parent 8fcda1a3d0
commit 4fc28d4906
16 changed files with 174 additions and 177 deletions

View file

@ -1,7 +1,10 @@
---
layout: default
---
{% include relBase.html %}
{% include header.html %}
<section>
<section class="info">
<div class="info-pages">
{{ content }}
</div>
</section>

View file

@ -159,18 +159,18 @@ layout: default
<h2>Check out more</h2>
<div class="post-nav">
{% if page.previous.url %}
<h3>{{page.previous.title}}</h3>
<h3><a href="{{page.previous.url}}" alt="Read {{page.previous.title}}" title="Read {{page.previous.title}}"><span
class="fas fa-arrow-left"></span>&nbsp;{{page.previous.title}}</a></h3>
<p>{{ page.previous.description }}</p>
<h4><a href="{{page.previous.url}}" alt="Read {{page.previous.title}}" title="Read {{page.previous.title}}"><span
class="fas fa-arrow-left"></span>&nbsp;Previous</a></h4>
{% endif %}
</div>
<div class="post-nav-next">
{% if page.next.url%}
<h3>{{page.next.title}}</h3>
<h3><a href="{{page.next.url}}">{{page.next.title}}&nbsp;<span class="fas fa-arrow-right"></span></a></h3>
<p>{{ page.next.description }}</p>
<h4><a href="{{page.next.url}}">Next&nbsp;<span class="fas fa-arrow-right"></span></a></h4>
{% endif %}
</div>
@ -307,6 +307,8 @@ layout: default
<section class="info">
<div>
{{ content }}
<p>&nbsp;</p>
<p style="text-align: center;"><a href="{{ page.link }}" class="button">Check it out</a></p>
</div>
</section>
{% include streamer.html %}
@ -317,16 +319,16 @@ layout: default
<div class="post-nav">
{% if page.previous.url %}
<h4><a href="{{page.previous.url}}" alt="Read {{page.previous.title}}" title="Read {{page.previous.title}}"><span
class="fas fa-arrow-left"></span>&nbsp;Previous Post</a></h4>
<h3>{{page.previous.title}}</h3>
<h3><a href="{{page.previous.url}}" alt="Read {{page.previous.title}}" title="Read {{page.previous.title}}"><span
class="fas fa-arrow-left"></span>&nbsp;{{page.previous.title}}</a></h3>
<p>{{ page.previous.description }}</p>
{% endif %}
</div>
<div class="post-nav-next">
{% if page.next.url%}
<h4><a href="{{page.next.url}}">Next Post&nbsp;<span class="fas fa-arrow-right"></span></a></h4>
<h3>{{page.next.title}}</h3>
<h3><a href="{{page.next.url}}">{{page.next.title}}&nbsp;<span class="fas fa-arrow-right"></span></a></h3>
<p>{{ page.next.description }}</p>
{% endif %}
</div>

View file

@ -0,0 +1,28 @@
---
title: 333mix
author: setto
date: 2020-08-03 00:00
description: >-
Pignu got Chopped & Screwed by KodTreatment
image: /images/posts/333mix.jpg
category: ramblings
link: https://kodtreatment.bandcamp.com/
check_this_if_cannot_be_bought: true
album:
stores:
- name:
url:
icon:
download: false
---
## I'm super stoked about this!
Internet is wonderful: you put something in it and it gets a life, mutates, grows some muscles, finds a passion, duplicates itself, pops out and then back in on repeat!
Merci Rskp!\
👑\
🐧
<iframe width="100%" height="360" src="https://www.youtube-nocookie.com/embed/gR6r4gUw6vI" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
Check out the enitre project's bandcamp on the link below!

View file

@ -149,13 +149,68 @@ a:hover {
}
}
.info {
.info, .info-pages {
padding: 40px;
> div {
max-width: 700px;
max-width: 1200px;
margin: auto;
}
p {
margin: 20px 0;
}
}
.info-pages {
h2, h3, h4, h5, h6 {
text-align: left;
}
}
.news, .links {
margin-top: 40px;
padding: 0;
display: flex;
flex-wrap: wrap;
h2 {
flex: 0 0 100%;
margin-bottom: 20px;
}
> div {
background-size: cover;
background-repeat: no;
background-position: center center;
flex: 1 1 512px;
min-height: 80vh;
padding: 40px;
box-sizing: border-box;
text-align: left;
}
.description {
h2, p, a {
text-align: center;
}
p {
margin-top: 20px;
}
p:last-child {
margin-bottom: 20px;
}
min-height: unset;
}
}
.news:nth-child(even), .links:nth-child(even) {
flex-direction: row-reverse;
}
.links {
> div {
min-height: unset;
}
}
.linksbg {
background-size: 100%;
background: rgb(31,23,41);
background: linear-gradient(180deg, rgba(31,23,41,1) 26%, rgba(56,255,89,0.25) 100%);
}

View file

@ -77,9 +77,9 @@ section {
flex: 1 1 100%;
padding: 20px;
background-color: _palette(bg);
-webkit-box-shadow: inset 0px 23px 25px -25px rgba(0,0,0,0.1);
-moz-box-shadow: inset 0px 23px 25px -25px rgba(0,0,0,0.1);
box-shadow: inset 0px 23px 25px -25px rgba(0,0,0,0.1);
-webkit-box-shadow: inset 0px 23px 25px -25px _palette(border-alt);
-moz-box-shadow: inset 0px 23px 25px -25px _palette(border-alt);
box-shadow: inset 0px 23px 25px -25px _palette(border-alt);
h2 {
text-align: center;
}

View file

@ -23,9 +23,9 @@
-webkit-transition: all 400ms ease-in;
-moz-transition: all 400ms ease-in;
transition: all 400ms ease-in;
-webkit-box-shadow: 0px 3px 29px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 3px 29px 0px rgba(0,0,0,0.15);
box-shadow: 0px 3px 29px 0px rgba(0,0,0,0.15);
-webkit-box-shadow: 0px 3px 29px 0px _palette(border-alt);
-moz-box-shadow: 0px 3px 29px 0px _palette(border-alt);
box-shadow: 0px 3px 29px 0px _palette(border-alt);
display: flex;
flex-wrap: wrap;
justify-content: flex-end;

View file

@ -226,9 +226,9 @@ a[id^="btn"]::-moz-focus-inner {
margin: 0;
padding: 0;
background-color: _palette(bg);
-webkit-box-shadow: inset 0px 23px 25px -25px rgba(0,0,0,0.25);
-moz-box-shadow: inset 0px 23px 25px -25px rgba(0,0,0,0.25);
box-shadow: inset 0px 23px 25px -25px rgba(0,0,0,0.25);
-webkit-box-shadow: inset 0px 23px 25px -25px _palette(border-alt);
-moz-box-shadow: inset 0px 23px 25px -25px _palette(border-alt);
box-shadow: inset 0px 23px 25px -25px _palette(border-alt);
> h2, a, p {
text-align: left;

View file

@ -135,13 +135,13 @@ $palette: (
bg: #1f1729,
bg-alt: rgba(31, 23, 41, 0.75),
fg: #a38ab6,
fg-alt: rgba(163, 138, 182, 0.25),
fg: #ebdbf8,
fg-alt: rgba(235, 219, 248, 0.25),
border: #000000,
border-alt: rgba(0, 0, 0, 0.75),
accent1: #38ff59,
accent1-alt:rgba(56, 255, 89, 0.75),
accent2: #6800ca,
accent2-alt:rgba(104, 0, 202, 0.75),
accent2: #8d3ed8,
accent2-alt:rgba(141, 62, 216, 0.75),
);

View file

@ -9,10 +9,7 @@
background-size: 100%;
background: rgb(31,23,41);
background: linear-gradient(180deg, rgba(31,23,41,1) 26%, rgba(56,255,89,0.25) 100%);
-moz-transition: background-size 2s ease-in-out;
-webkit-transition: background-size 2s ease-in-out;
-ms-transition: background-size 2s ease-in-out;
transition: background-size 2s ease-in-out;
> section {
position: absolute;
height: 100vh;

View file

@ -13,61 +13,23 @@ video_path:
image: /images/pages/jack-hamilton-CMnNiQBkwBI-unsplash.jpg
---
<!-- Banner -->
<section class="banner onload-image-fade-in onload-content-fade-right style2 fullscreen content-align-center image-position-center" style="min-height:100vh;">
<div class="content editable">
<h1 class="editable">{{ page.subtitle }}</h1>
<p>{{ page.description }}</p>
<ul class="actions stacked">
<li><a href="#moe" class="button small smooth-scroll">Cheggit!</a></li>
</ul>
</div>
<div class="image">
<img src="{{ relBase }}{{ page.image }}" alt="{{ page.title }}" class="editable" />
</div>
</section>
<section class="wrapper style1 align-center" id="moe">
</section>
{% include relBase.html %}
{% include header.html %}
{% assign sorted = site.posts | sort: 'date' | reverse %}
{% for album in sorted %}
{% if album.category == 'releases' %}
<section class="spotlight style4 orient-{% cycle 'left', 'right' %} content-align-left image-position-center onscroll-image-fade-in" {% if forloop.index == 1 %}style="box-shadow: none;" {% endif %}>
<div class="content">
<h1>{{ album.title }}</h1>
{% 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">
<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>
<p>{{ album.date | date: '%Y' }}</p>
{% for release in site.albums %}
{% if release.slug == album.album %}
{% for track in release.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>{% if track.common.genre != null %} |
<span style="font-size: 14px">{{ track.common.genre }} </span>{% endif %}
</p>
{% endfor %}
{% endif %}
{% endfor %}
<br />
<ul class="actions stacked">
<li><a href="{{ album.url }}" class="button small icon solid fa-volume-up">Listen</a>
</li>
</ul>
</div>
<div class="image">
<img src="{{ album.image }}" alt="{{ album.title }}" title="{{ album.title }}" />
</div>
</section>
{% endif %}
{% endfor %}
{% include footer.html %}
{% endfor %}

BIN
images/posts/333mix.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 60 KiB

View file

@ -1,4 +1,4 @@
<svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" id="svg927" fill="#a38ab6" version="1.1" width="416.57043" height="91.665543" viewBox="0 0 110.21759 24.253175">
<svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" id="svg927" fill="#ebdbf8" version="1.1" width="416.57043" height="91.665543" viewBox="0 0 110.21759 24.253175">
<g id="g1355">
<path id="path825" d="m 18.776752,19.26664 c -0.84149,-0.23758 -1.5619,-0.48815 -1.6009,-0.55683 -0.13389,-0.23576 1.17519,-6.64433 1.38113,-6.76129 0.1714,-0.0973 2.18286,1.83925 2.58728,2.49098 0.13901,0.22399 -0.53248,5.08585 -0.71688,5.19057 -0.0664,0.0377 -0.80914,-0.12586 -1.65063,-0.36343 z m -7.71412,3.6497 c -0.11943,-0.10151 -0.46471,-0.76441 -0.76727,-1.47311 l -0.55013,-1.28856 3.0905,-1.82263 c 1.69978,-1.00245 3.13215,-1.7493 3.18305,-1.65966 0.16047,0.28255 -0.35523,3.62001 -0.60662,3.9259 -0.46822,0.56974 -4.11797,2.51485 -4.34953,2.31806 z m -6.3649,-3.70632 c -1.25796,-0.50119 -2.32429,-0.97659 -2.36964,-1.05643 -0.0913,-0.16071 1.26536,-2.75645 1.5146,-2.89799 0.1698,-0.0964 5.98831,2.32745 6.40084,2.66648 0.2054,0.1688 -0.0672,0.38679 -1.50386,1.20269 l -1.75474,0.99652 z m 16.18215,-7.2164 c -0.50323,-0.2754 -4.16428,-5.03379 -3.96153,-5.14894 0.032,-0.0182 0.92215,-0.0526 1.97817,-0.0766 l 1.92003,-0.0436 1.47937,1.66712 c 1.05116,1.18456 1.45442,1.75759 1.39322,1.97969 -0.10705,0.38842 -2.51888,1.78126 -2.80926,1.62235 z M 4.112442,13.68166 2.484422,12.9594 1.886542,10.71411 C 1.557712,9.4792 1.304552,8.41117 1.323962,8.34071 c 0.0194,-0.0705 0.75331,-0.23119 1.63087,-0.35719 1.75007,-0.25126 1.80708,-0.21501 2.16317,1.37546 0.12108,0.54084 0.41232,1.84403 0.64718,2.89598 0.23486,1.05195 0.32538,1.96581 0.20115,2.0308 -0.12423,0.065 -0.95848,-0.20686 -1.85389,-0.6041 z m 10.30409,-8.18967 c -1.67351,-0.0303 -3.09954,-0.15056 -3.16895,-0.26719 -0.0694,-0.11662 0.30683,-0.87455 0.83608,-1.68429 l 0.96229,-1.47226 2.06111,-0.0348 c 3.31853,-0.0561 3.09724,-0.18375 2.91885,1.68397 -0.084,0.87994 -0.24591,1.6516 -0.35972,1.71482 -0.11384,0.0632 -1.57615,0.0901 -3.24966,0.0598 z m -7.77928,3.31209 c -0.25432,-0.48092 -1.2349,-3.29514 -1.1932,-3.42443 0.15114,-0.46861 2.47205,-4.02087 2.65002,-4.05596 0.21024,-0.0415 2.33773,1.6074 2.54508,1.97252 0.079,0.13916 -3.46469,5.63381 -3.731,5.78505 -0.0526,0.0299 -0.17449,-0.0949 -0.2709,-0.27718 z"></path>

Before

Width:  |  Height:  |  Size: 24 KiB

After

Width:  |  Height:  |  Size: 24 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 42 KiB

After

Width:  |  Height:  |  Size: 42 KiB

View file

@ -1,16 +1,27 @@
---
title: Yo, webTV crib! ゲットー・スービド
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.induced by popcorn chewing threads in obscure chat-rooms.induced by popcorn chewing threads in obscure chat-rooms.induced by popcorn chewing threads in obscure chat-rooms.
nebula_image: /images/nebula.jpg
induced by popcorn chewing threads in obscure chat-rooms.
image: /siteicon.png
---
{% include relBase.html %}
{% include header.html %}
{% for post in site.posts limit: 1 %}
<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>EPs and LPs</h2>
{% assign sorted = site.albums | sort: 'date' | reverse %}

View file

@ -15,44 +15,24 @@ image: /images/pages/reuben-hustler-YTV2zNt8Zqg-unsplash.jpg
---
{% include relBase.html %}
<!-- Banner -->
<section class="banner onload-image-fade-in onload-content-fade-right style2 fullscreen content-align-center image-position-center" style="min-height:100vh;">
<div class="content">
<h1>{{ page.title }}</h1>
<p>{{ page.description }}</p>
<ul class="actions stacked">
<li><a href="#second" class="button small smooth-scroll solid icon">Check it!</a></li>
</ul>
</div>
<div class="image">
<img src="{{ page.image }}" alt="unfound page" />
</div>
</section>
<!-- NEWS -->
{% include header.html %}
{% assign sorted = site.data.links | sort: 'title' %}
{% for link in sorted %}
{% for post in sorted %}
<section class="links" style="margin:0;">
<section id="second" 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">
<h2>{{ link.title }}</h2>
<p>{{ link.banner }}</p>
<ul class="actions stacked">
<li><a href="{{ link.url }}?ref=ToSettoSettoSentMe" target="_blank" rel="noopener" style="text-decoration:none;" class="button small icon solid fa-external-link-alt">Visit</a></li>
</ul>
</div>
<div class="image">
<img src="{{ relBase }}/assets/img/tile.gif" alt="{{ page.title | smartify }}" />
</div>
<div class=linksbg></div>
<div class="description">
<h2>{{ post.title }}</h2>
<p>{{ post.description }}</p>
<p><a href="{{ relBase }}{{ post.url }}" class="button">Read post</a></p>
</div>
</section>
{% endfor %}
{% include footer.html %}

View file

@ -1,67 +1,26 @@
---
title: Web-Log
description: 'Ramblings, announcenments and thoughts going on in the 徒 setto セット Cypher. In written form intertwined with audio'
tags:
- music
- news
- blog
- interviews
- links
- promotion
image: /images/pages/grace-brauteseth-1R0hB9WWVvQ-unsplash.jpg
---
<section>
<h2>Latest News</h2>
</section>
{% include relBase.html %}
<!-- Banner -->
<section class="banner onload-image-fade-in onload-content-fade-right style2 fullscreen content-align-center image-position-center" style="min-height:100vh;">
<div class="content">
<h1>{{ page.title }}</h1>
<p>{{ page.description }}</p>
<ul class="actions stacked">
<li><a href="#news" class="button small smooth-scroll">Cheggit!</a></li>
</ul>
</div>
<div class="image">
<img src="{{ page.image }}" alt="unfound page" />
</div>
</section>
<!-- NEWS -->
<section id="news" class="wrapper style1 align-center">
<div class="inner editable" style="padding-top: 160px;">
<ul class="actions stacked">
<li><a href="{{ site.url }}/feed.xml" class="button small wide icon solid fa-rss">RSS</a></li>
</ul>
</div>
</section>
{% include header.html %}
{% for post in site.posts %}
{% if post.category == 'ramblings' %}
<section class="news" style="margin:0;">
<section id="second" class="spotlight style4 orient-{% cycle 'left', 'right' %} content-align-left image-position-center onscroll-image-fade-in" {% if forloop.index == 1 %}style="box-shadow: none;" {% endif %}>
<div class="content">
<h2>{{ post.title }}</h2>
<p>{{ post.description }}</p>
<p style="font-size: 12px;">{% include forloop-dates.html %}</p>
<p class="editor-link"><a class="btn" rel="nofollow" href="cloudcannon:collections/{{ post.path }}">
<strong>&#9998;</strong> Edit Post
</a></p>
<ul class="actions stacked">
<li><a href="{{ relBase }}{{ post.url }}" class="button small">Read</a></li>
</ul>
</div>
<div class="image">
<img src="{{ relBase }}{{ post.image }}" alt="{{ page.title | smartify }}" />
</div>
<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 id="news" class="wrapper style1 align-center">
<div class="inner editable" style="padding-top: 160px;">
<ul class="actions stacked">
<li><a href="{{ site.url }}/feed.xml" class="button small icon solid fa-rss">RSS</a></li>
</ul>
</div>
</section>
{% include footer.html %}
{% endif %}
{% endfor %}