Updated 35 files via CloudCannon

This commit is contained in:
CloudCannon 2020-08-05 08:56:50 +00:00
parent 08c8a5feec
commit 31c3ed7492
35 changed files with 1351 additions and 353 deletions

View file

@ -39,7 +39,7 @@
<title>333mix | 徒 setto セット</title>
<meta name="title" content="333mix | 徒 setto セット" />
<meta name="description" content="Pignu got Chopped & Screwed by KodTreatment" />
<meta name="dc.date.modified" scheme="ISO8601" content="2020-08-04T10:18:11+00:00" />
<meta name="dc.date.modified" scheme="ISO8601" content="2020-08-05T08:56:44+00:00" />
<meta name="robots" content="index" />
<link rel="canonical" href="https://setto.basspistol.com/333mix/" />
@ -119,11 +119,11 @@
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
<link rel="stylesheet" href="../assets/css/all.min.css" />
<link rel="stylesheet" href="../assets/css/main.css" />
<link rel="stylesheet" href="../assets/css/main-20200805.css" />
<link rel="apple-touch-icon" href="https://setto.basspistol.com/apple-touch-icon.png">
<link rel="icon" type="image/png" href="https://setto.basspistol.com/touch-icon.png" sizes="192x192">
<link rel="shortcut icon" href="https://setto.basspistol.com/images/setto-logoicon.svg" type="image/png" />
<noscript><link rel="stylesheet" href="../assets/css/noscripts.css" /></noscript>
<noscript><link rel="stylesheet" href="../assets/css/noscripts-20200805.css" /></noscript>
</head>
<body>
@ -135,12 +135,20 @@
<div>
<h1>333mix</h1>
<p>Pignu got Chopped & Screwed by KodTreatment</p>
<p><a href="#read" class="button">Read</a></p>
</div>
<div class="imagecontainer"></div>
<div class="imagecontainer">
</div>
</header>
<section class="info">
<div>
<section class="info" id="read">
<div style="margin-top: 80px;">
<h2 id="im-super-stoked-about-this">Im super stoked about this!</h2>
<p>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!</p>
@ -407,7 +415,7 @@ _paq.push(['enableLinkTracking']);
<script src="../assets/js/set.js"></script>
<script src="../assets/js/set-20200805.js"></script>
</body>
</html>

View file

@ -1,8 +1,7 @@
<!DOCTYPE html>
<!DOCTYPE HTML>
<!--
Based on _Story_ by html5up.net | @ajlkn
Publikatorized by Sakrecoer
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
Remixed and Jekyllified by Setto
-->
<html lang="en">
<head>
@ -39,7 +38,7 @@
<title>Error 404 This is not a page | 徒 setto セット</title>
<meta name="title" content="Error 404 This is not a page | 徒 setto セット" />
<meta name="description" content="The page you are looking for has moved to the darknet." />
<meta name="dc.date.modified" scheme="ISO8601" content="2020-08-05T07:07:03+00:00" />
<meta name="dc.date.modified" scheme="ISO8601" content="2020-08-05T08:56:44+00:00" />
<meta name="robots" content="index" />
<link rel="canonical" href="https://setto.basspistol.com/404/" />
@ -74,7 +73,7 @@
<meta property="og:url" content="https://setto.basspistol.com/404/" />
<meta property="og:site_name" content="徒 setto セット" />
<meta property="og:type" content="webpage" />
<meta property="article:published_time" content="2020-08-05T07:07:03+00:00" />
<meta property="article:published_time" content="2020-08-05T08:56:44+00:00" />
<meta property="og:image" content="https://setto.basspistol.com/images/pages/creds.jpg" />
<!-- Twitter Card -->
@ -113,49 +112,93 @@
<link rel="alternate" type="application/rss+xml" href="https://setto.basspistol.com/feed.xml" title="徒 setto セット" />
<!-- END seo.html -->
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
<link rel="stylesheet" href="/assets/css/main20200727.css" />
<noscript><link rel="stylesheet" href="/assets/css/noscript20200727.css" /></noscript>
<link rel="stylesheet" href="../assets/css/all.min.css" />
<link rel="stylesheet" href="../assets/css/main-20200805.css" />
<link rel="apple-touch-icon" href="https://setto.basspistol.com/apple-touch-icon.png">
<link rel="icon" type="image/png" href="https://setto.basspistol.com/touch-icon.png" sizes="192x192">
<link rel="shortcut icon" href="https://setto.basspistol.com/images/setto-logoicon.svg" type="image/png" />
<noscript><link rel="stylesheet" href="../assets/css/noscripts-20200805.css" /></noscript>
</head>
<body id="body">
<span id="top" style="display: none;"></span>
<body>
<!-- Wrapper -->
<div id="wrapper" class="divided">
<div id="main-wrapper">
<!-- 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" data-cms-source="/404.html" data-cms-index="0">
<h1 class="editable" data-cms-source="/404.html" data-cms-index="1">Error 404 This is not a page</h1>
<header class="hero" style="background-image: url(/images/pages/creds.jpg);">
<div>
<h1>Error 404 This is not a page</h1>
<p>The page you are looking for has moved to the darknet.</p>
<ul class="actions stacked">
<li><a href="/" class="button small">Take me home!</a></li>
</ul>
<p><a href="/" class="button">Take me home</a></p>
</div>
<div class="imagecontainer">
</div>
<div class="image">
<img src="/images/pages/creds.jpg" alt="unfound page" />
</header>
<!-- Footer -->
<!-- Footer -->
<section class="streambox">
<h2>Support 徒 setto セット</h2>
<p>Stream, follow, like and subscribe!</p>
<div class="streamer">
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Bandcamp']);" target="_blank" rel="noopener" href="https://shop.basspistol.com" title="Stream from Bandcamp" class="icon fab fa-bandcamp"><span class="label">Bandcamp</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Spotify']);" target="_blank" rel="noopener" href="https://open.spotify.com/artist/0gus2IdSkfrvFDBPqeiksM/" title="Stream from Spotify" class="icon fab fa-spotify"><span class="label">Spotify</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Tidal']);" target="_blank" rel="noopener" href="https://listen.tidal.com/artist/10745925" title="Stream from Tidal" class="icon fab fa-creative-commons-sampling"><span class="label">Tidal</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'AppleMusic']);" target="_blank" rel="noopener" href="https://itunes.apple.com/us/artist/%E5%BE%92-setto-%E3%82%BB%E3%83%83%E3%83%88/1447055514" title="Stream from Apple Music" class="icon fab fa-apple"><span class="label">Apple Music</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'GooglePlay']);" target="_blank" rel="noopener" href="https://play.google.com/store/music/artist/%E5%BE%92_setto_%E3%82%BB%E3%83%83%E3%83%88?id=Ayi4avjpfyinbrepzebpsvpjc5a" title="Stream from Google Play" class="icon fab fa-google-play"><span class="label">Google Play</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Deezer']);" target="_blank" rel="noopener" href="https://www.deezer.com/fr/artist/56004012" title="Stream from Deezer" class="icon fab fa-deezer"><span class="label">Deezer</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Napster']);" target="_blank" rel="noopener" href="https://us.napster.com/artist/-setto-" title="Stream from Napster" class="icon fab fa-napster"><span class="label">Napster</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Youtube']);" target="_blank" rel="noopener" href="https://www.youtube.com/channel/UCKlONOrOgNQjBjxUyPj4jcw/playlists" title="Stream from Youtube" class="icon fab fa-youtube"><span class="label">Youtube</span></a>
</div>
</section>
<!-- Footer -->
<footer id="footer" class="wrapper style1 align-center">
<div class="footflex">
<div>
<h4>徒 setto セット</h4>
<p>Set, Party, Gang! &#35;Cybersoul.
</p></div>
<footer>
<div>
<h3>徒 setto セット</h3>
<p>Set, Party, Gang! &#35;Cybersoul.</p>
<ul>
<li><a href="/">Home</a></li>
<li><a href="../">Home</a></li>
<li><a href="/discography/">Discog</a></li>
@ -168,14 +211,37 @@
</ul>
</div>
<div><img src="/images/setto-logo.svg" style="max-width:300px" /></div>
</div>
<div class="inner">
<div><img src="../images/setto_logo.svg" width="100%" alt="徒 setto セット Logo" /></div>
<div style="text-align: center;">
<p>&copy;2020 Basspistol | <a href="/webcreds/">Credits</a> | <a href="/cookies/">Cookies & Privacy</a></p>
<a target="_blank" alt="徒 setto セット on Twitter" title="徒 setto セット on Twitter" rel="noopener"
href="https://twitter.com/ToSettoSetto" class="icon small fab fa-twitter"><span class="label">Twitter</span></a>
<a target="_blank" alt="徒 setto セット on Instagram" title="徒 setto セット on Instagram" rel="noopener"
href="https://www.instagram.com/tosettosetto/" class="icon small fab fa-instagram"><span class="label">Instagram</span></a>
<a target="_blank" alt="徒 setto セット on Telegram" title="徒 setto セット on Telegram" rel="noopener"
href="https://t.me/basspistol" class="icon small fab fa-telegram"><span class="label">Telegram</span></a>
<a target="_blank" alt="徒 setto セット on Reddit" title="徒 setto セット on Reddit" rel="noopener"
href="https://www.reddit.com/r/basspistol" class="icon small fab fa-reddit"><span class="label">Reddit</span></a>
<a target="_blank" alt="email" href="mailto:setto@basspistol.com" class="icon small fas fa-envelope-open-text"><span
class="label">Email</span></a>
</div>
<small>
<p>&copy;2020 Basspistol | <a href="../webcreds/">Credits</a> | <a
href="../cookies/">Cookies & Privacy</a></p>
</small>
</footer>
<!-- END Footer -->
</div>
<!-- END Wrapper -->
<!-- Navigation -->
<div id="sticky" class="logo">
@ -194,23 +260,23 @@
<a href="#close" title="Close" onclick="removeBlur()" class="close-button">X</a>
<ul>
<li><a href="/" class="button">home</a></li>
<li><a href="../" class="button">home</a></li>
<li><a href="/discography/" class="button">Discog</a></li>
<li><a href="../discography/" class="button">Discog</a></li>
<li><a href="/log/" class="button">Log</a></li>
<li><a href="../log/" class="button">Log</a></li>
<li><a href="/about/" class="button">About</a></li>
<li><a href="../about/" class="button">About</a></li>
<li><a href="/links/" class="button">Links</a></li>
<li><a href="../links/" class="button">Links</a></li>
@ -221,17 +287,6 @@
<!-- End Navigation -->
<!-- Scripts -->
<script src="/assets/js/jquery.min.js"></script>
<script src="/assets/js/jquery.scrollex.min.js"></script>
<script src="/assets/js/jquery.scrolly.min.js"></script>
<script src="/assets/js/browser.min.js"></script>
<script src="/assets/js/breakpoints.min.js"></script>
<script src="/assets/js/util.js"></script>
<script src="/assets/js/main.js"></script>
<script src="/assets/js/set.js"></script>
<div id="cookie-notice">
@ -354,6 +409,12 @@ _paq.push(['enableLinkTracking']);
</script>
<!-- Scripts -->
<script src="../assets/js/set-20200805.js"></script>
</body>
</html>

View file

@ -117,11 +117,11 @@
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
<link rel="stylesheet" href="../assets/css/all.min.css" />
<link rel="stylesheet" href="../assets/css/main.css" />
<link rel="stylesheet" href="../assets/css/main-20200805.css" />
<link rel="apple-touch-icon" href="https://setto.basspistol.com/apple-touch-icon.png">
<link rel="icon" type="image/png" href="https://setto.basspistol.com/touch-icon.png" sizes="192x192">
<link rel="shortcut icon" href="https://setto.basspistol.com/images/setto-logoicon.svg" type="image/png" />
<noscript><link rel="stylesheet" href="../assets/css/noscripts.css" /></noscript>
<noscript><link rel="stylesheet" href="../assets/css/noscripts-20200805.css" /></noscript>
</head>
<body>
@ -136,8 +136,14 @@
<div>
<h1>About</h1>
<p>WTF is 徒 setto セット and what does the funky characters mean? Why so cryptic and whodafuq?</p>
</div>
<div class="imagecontainer"></div>
<div class="imagecontainer">
</div>
</header>
<section class="info">
@ -413,7 +419,7 @@ _paq.push(['enableLinkTracking']);
<script src="../assets/js/set.js"></script>
<script src="../assets/js/set-20200805.js"></script>
</body>
</html>

View file

@ -94,11 +94,11 @@
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
<link rel="stylesheet" href="../../../assets/css/all.min.css" />
<link rel="stylesheet" href="../../../assets/css/main.css" />
<link rel="stylesheet" href="../../../assets/css/main-20200805.css" />
<link rel="apple-touch-icon" href="https://setto.basspistol.com/apple-touch-icon.png">
<link rel="icon" type="image/png" href="https://setto.basspistol.com/touch-icon.png" sizes="192x192">
<link rel="shortcut icon" href="https://setto.basspistol.com/images/setto-logoicon.svg" type="image/png" />
<noscript><link rel="stylesheet" href="../../../assets/css/noscripts.css" /></noscript>
<noscript><link rel="stylesheet" href="../../../assets/css/noscripts-20200805.css" /></noscript>
</head>
<body>
@ -117,7 +117,7 @@
<div class="coverartwrapper">
<div class="coverartwrapped" id="coverart" style="background-image: url(https://media.basspistol.com/setto.basspistol.com/cyber-grany/1-grandma-got-the-ssh-keys.jpeg);"></div>
</div>
<div class="playbutton">
<div class="playbutton hideWhenNoJS">
<a id="mu_pause" class="button">Play!</a>
</div>
<p><strong>Acid Trap</strong> by <strong>徒 Setto セット</strong>
@ -130,7 +130,7 @@
<div id="trackInfo">
<section>
<h1 style="margin-top:80px">Grandma got the SSH keys</h1>
<h1>Grandma got the SSH keys</h1>
<p><strong>3:22</strong></p>
@ -163,18 +163,11 @@
</div>
</div>
<div class="noJSalbum">
<h1 style="margin-top:80px">Grandma got the SSH keys</h1>
<p><strong>Acid Trap</strong> by <strong>徒 Setto セット</strong>
<br />2019
</p>
<p><strong>3:22</strong></p>
<ul class="actions stacked">
<li><a class="button" target="_blank" rel="noopener" href="https://media.basspistol.com/setto.basspistol.com/cyber-grany/1-grandma-got-the-ssh-keys.mp3"><span class="fas fa-play"></span> Play!</a></li>
</ul>
</div>
<p class="noJSalbum"><a class="button" target="_blank" rel="noopener" href="https://media.basspistol.com/setto.basspistol.com/cyber-grany/1-grandma-got-the-ssh-keys.mp3"><span class="fas fa-play"></span> Play!</a></p>
<!-- Content -->
@ -191,7 +184,7 @@
<a href="../../../cyber-grany/" class="button">See release page</a>
<p><a href="../../../cyber-grany/" class="button">See release page</a></p>
@ -591,7 +584,7 @@ _paq.push(['enableLinkTracking']);
<script src="../../../assets/js/set.js"></script>
<script src="../../../assets/js/set-20200805.js"></script>
</body>
</html>

View file

@ -94,11 +94,11 @@
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
<link rel="stylesheet" href="../../../assets/css/all.min.css" />
<link rel="stylesheet" href="../../../assets/css/main.css" />
<link rel="stylesheet" href="../../../assets/css/main-20200805.css" />
<link rel="apple-touch-icon" href="https://setto.basspistol.com/apple-touch-icon.png">
<link rel="icon" type="image/png" href="https://setto.basspistol.com/touch-icon.png" sizes="192x192">
<link rel="shortcut icon" href="https://setto.basspistol.com/images/setto-logoicon.svg" type="image/png" />
<noscript><link rel="stylesheet" href="../../../assets/css/noscripts.css" /></noscript>
<noscript><link rel="stylesheet" href="../../../assets/css/noscripts-20200805.css" /></noscript>
</head>
<body>
@ -117,7 +117,7 @@
<div class="coverartwrapper">
<div class="coverartwrapped" id="coverart" style="background-image: url(https://media.basspistol.com/setto.basspistol.com/darkweb/1-swipe.jpeg);"></div>
</div>
<div class="playbutton">
<div class="playbutton hideWhenNoJS">
<a id="mu_pause" class="button">Play!</a>
</div>
<p><strong>Cyber Soul</strong> by <strong>徒 Setto セット</strong>
@ -130,7 +130,7 @@
<div id="trackInfo">
<section>
<h1 style="margin-top:80px">Swipe</h1>
<h1>Swipe</h1>
<p><strong>4:41</strong></p>
@ -163,18 +163,11 @@
</div>
</div>
<div class="noJSalbum">
<h1 style="margin-top:80px">Swipe</h1>
<p><strong>Cyber Soul</strong> by <strong>徒 Setto セット</strong>
<br />2019
</p>
<p><strong>4:41</strong></p>
<ul class="actions stacked">
<li><a class="button" target="_blank" rel="noopener" href="https://media.basspistol.com/setto.basspistol.com/darkweb/1-swipe.mp3"><span class="fas fa-play"></span> Play!</a></li>
</ul>
</div>
<p class="noJSalbum"><a class="button" target="_blank" rel="noopener" href="https://media.basspistol.com/setto.basspistol.com/darkweb/1-swipe.mp3"><span class="fas fa-play"></span> Play!</a></p>
<!-- Content -->
@ -233,7 +226,7 @@ Je yeuxt vers l'avant de temps en temps.
<a href="../../../darkweb/" class="button">See release page</a>
<p><a href="../../../darkweb/" class="button">See release page</a></p>
@ -643,7 +636,7 @@ _paq.push(['enableLinkTracking']);
<script src="../../../assets/js/set.js"></script>
<script src="../../../assets/js/set-20200805.js"></script>
</body>
</html>

View file

@ -94,11 +94,11 @@
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
<link rel="stylesheet" href="../../../assets/css/all.min.css" />
<link rel="stylesheet" href="../../../assets/css/main.css" />
<link rel="stylesheet" href="../../../assets/css/main-20200805.css" />
<link rel="apple-touch-icon" href="https://setto.basspistol.com/apple-touch-icon.png">
<link rel="icon" type="image/png" href="https://setto.basspistol.com/touch-icon.png" sizes="192x192">
<link rel="shortcut icon" href="https://setto.basspistol.com/images/setto-logoicon.svg" type="image/png" />
<noscript><link rel="stylesheet" href="../../../assets/css/noscripts.css" /></noscript>
<noscript><link rel="stylesheet" href="../../../assets/css/noscripts-20200805.css" /></noscript>
</head>
<body>
@ -117,7 +117,7 @@
<div class="coverartwrapper">
<div class="coverartwrapped" id="coverart" style="background-image: url(https://media.basspistol.com/setto.basspistol.com/darkweb/2-darkweb.jpeg);"></div>
</div>
<div class="playbutton">
<div class="playbutton hideWhenNoJS">
<a id="mu_pause" class="button">Play!</a>
</div>
<p><strong>Cypher Rap</strong> by <strong>徒 Setto セット</strong>
@ -130,7 +130,7 @@
<div id="trackInfo">
<section>
<h1 style="margin-top:80px">Darkweb</h1>
<h1>Darkweb</h1>
<p><strong>4:45</strong></p>
@ -163,18 +163,11 @@
</div>
</div>
<div class="noJSalbum">
<h1 style="margin-top:80px">Darkweb</h1>
<p><strong>Cypher Rap</strong> by <strong>徒 Setto セット</strong>
<br />2019
</p>
<p><strong>4:45</strong></p>
<ul class="actions stacked">
<li><a class="button" target="_blank" rel="noopener" href="https://media.basspistol.com/setto.basspistol.com/darkweb/2-darkweb.mp3"><span class="fas fa-play"></span> Play!</a></li>
</ul>
</div>
<p class="noJSalbum"><a class="button" target="_blank" rel="noopener" href="https://media.basspistol.com/setto.basspistol.com/darkweb/2-darkweb.mp3"><span class="fas fa-play"></span> Play!</a></p>
<!-- Content -->
@ -263,7 +256,7 @@ Tu vas aussi kiffer
<a href="../../../darkweb/" class="button">See release page</a>
<p><a href="../../../darkweb/" class="button">See release page</a></p>
@ -673,7 +666,7 @@ _paq.push(['enableLinkTracking']);
<script src="../../../assets/js/set.js"></script>
<script src="../../../assets/js/set-20200805.js"></script>
</body>
</html>

View file

@ -94,11 +94,11 @@
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
<link rel="stylesheet" href="../../../assets/css/all.min.css" />
<link rel="stylesheet" href="../../../assets/css/main.css" />
<link rel="stylesheet" href="../../../assets/css/main-20200805.css" />
<link rel="apple-touch-icon" href="https://setto.basspistol.com/apple-touch-icon.png">
<link rel="icon" type="image/png" href="https://setto.basspistol.com/touch-icon.png" sizes="192x192">
<link rel="shortcut icon" href="https://setto.basspistol.com/images/setto-logoicon.svg" type="image/png" />
<noscript><link rel="stylesheet" href="../../../assets/css/noscripts.css" /></noscript>
<noscript><link rel="stylesheet" href="../../../assets/css/noscripts-20200805.css" /></noscript>
</head>
<body>
@ -117,7 +117,7 @@
<div class="coverartwrapper">
<div class="coverartwrapped" id="coverart" style="background-image: url(https://media.basspistol.com/setto.basspistol.com/darkweb/3-swipe-instrumental-.jpeg);"></div>
</div>
<div class="playbutton">
<div class="playbutton hideWhenNoJS">
<a id="mu_pause" class="button">Play!</a>
</div>
<p><strong>Cyber Soul</strong> by <strong>徒 Setto セット</strong>
@ -130,7 +130,7 @@
<div id="trackInfo">
<section>
<h1 style="margin-top:80px">Swipe (Instrumental)</h1>
<h1>Swipe (Instrumental)</h1>
<p><strong>4:42</strong></p>
@ -163,18 +163,11 @@
</div>
</div>
<div class="noJSalbum">
<h1 style="margin-top:80px">Swipe (Instrumental)</h1>
<p><strong>Cyber Soul</strong> by <strong>徒 Setto セット</strong>
<br />2019
</p>
<p><strong>4:42</strong></p>
<ul class="actions stacked">
<li><a class="button" target="_blank" rel="noopener" href="https://media.basspistol.com/setto.basspistol.com/darkweb/3-swipe-instrumental-.mp3"><span class="fas fa-play"></span> Play!</a></li>
</ul>
</div>
<p class="noJSalbum"><a class="button" target="_blank" rel="noopener" href="https://media.basspistol.com/setto.basspistol.com/darkweb/3-swipe-instrumental-.mp3"><span class="fas fa-play"></span> Play!</a></p>
<!-- Content -->
@ -193,7 +186,7 @@
<a href="../../../darkweb/" class="button">See release page</a>
<p><a href="../../../darkweb/" class="button">See release page</a></p>
@ -603,7 +596,7 @@ _paq.push(['enableLinkTracking']);
<script src="../../../assets/js/set.js"></script>
<script src="../../../assets/js/set-20200805.js"></script>
</body>
</html>

View file

@ -94,11 +94,11 @@
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
<link rel="stylesheet" href="../../../assets/css/all.min.css" />
<link rel="stylesheet" href="../../../assets/css/main.css" />
<link rel="stylesheet" href="../../../assets/css/main-20200805.css" />
<link rel="apple-touch-icon" href="https://setto.basspistol.com/apple-touch-icon.png">
<link rel="icon" type="image/png" href="https://setto.basspistol.com/touch-icon.png" sizes="192x192">
<link rel="shortcut icon" href="https://setto.basspistol.com/images/setto-logoicon.svg" type="image/png" />
<noscript><link rel="stylesheet" href="../../../assets/css/noscripts.css" /></noscript>
<noscript><link rel="stylesheet" href="../../../assets/css/noscripts-20200805.css" /></noscript>
</head>
<body>
@ -117,7 +117,7 @@
<div class="coverartwrapper">
<div class="coverartwrapped" id="coverart" style="background-image: url(https://media.basspistol.com/setto.basspistol.com/darkweb/4-darkweb-instrumental-.jpeg);"></div>
</div>
<div class="playbutton">
<div class="playbutton hideWhenNoJS">
<a id="mu_pause" class="button">Play!</a>
</div>
<p><strong>Cypher Rap</strong> by <strong>徒 Setto セット</strong>
@ -130,7 +130,7 @@
<div id="trackInfo">
<section>
<h1 style="margin-top:80px">Darkweb (Instrumental)</h1>
<h1>Darkweb (Instrumental)</h1>
<p><strong>4:44</strong></p>
@ -163,18 +163,11 @@
</div>
</div>
<div class="noJSalbum">
<h1 style="margin-top:80px">Darkweb (Instrumental)</h1>
<p><strong>Cypher Rap</strong> by <strong>徒 Setto セット</strong>
<br />2019
</p>
<p><strong>4:44</strong></p>
<ul class="actions stacked">
<li><a class="button" target="_blank" rel="noopener" href="https://media.basspistol.com/setto.basspistol.com/darkweb/4-darkweb-instrumental-.mp3"><span class="fas fa-play"></span> Play!</a></li>
</ul>
</div>
<p class="noJSalbum"><a class="button" target="_blank" rel="noopener" href="https://media.basspistol.com/setto.basspistol.com/darkweb/4-darkweb-instrumental-.mp3"><span class="fas fa-play"></span> Play!</a></p>
<!-- Content -->
@ -193,7 +186,7 @@
<a href="../../../darkweb/" class="button">See release page</a>
<p><a href="../../../darkweb/" class="button">See release page</a></p>
@ -603,7 +596,7 @@ _paq.push(['enableLinkTracking']);
<script src="../../../assets/js/set.js"></script>
<script src="../../../assets/js/set-20200805.js"></script>
</body>
</html>

View file

@ -94,11 +94,11 @@
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
<link rel="stylesheet" href="../../../assets/css/all.min.css" />
<link rel="stylesheet" href="../../../assets/css/main.css" />
<link rel="stylesheet" href="../../../assets/css/main-20200805.css" />
<link rel="apple-touch-icon" href="https://setto.basspistol.com/apple-touch-icon.png">
<link rel="icon" type="image/png" href="https://setto.basspistol.com/touch-icon.png" sizes="192x192">
<link rel="shortcut icon" href="https://setto.basspistol.com/images/setto-logoicon.svg" type="image/png" />
<noscript><link rel="stylesheet" href="../../../assets/css/noscripts.css" /></noscript>
<noscript><link rel="stylesheet" href="../../../assets/css/noscripts-20200805.css" /></noscript>
</head>
<body>
@ -117,7 +117,7 @@
<div class="coverartwrapper">
<div class="coverartwrapped" id="coverart" style="background-image: url(https://media.basspistol.com/setto.basspistol.com/live-with-hardware/1-ep-life-of-a-dudelini.jpeg);"></div>
</div>
<div class="playbutton">
<div class="playbutton hideWhenNoJS">
<a id="mu_pause" class="button">Play!</a>
</div>
<p><strong>Cybersoul</strong> by <strong>徒 Setto セット</strong>
@ -130,7 +130,7 @@
<div id="trackInfo">
<section>
<h1 style="margin-top:80px">EP-Life of a Dudelini</h1>
<h1>EP-Life of a Dudelini</h1>
<p><strong>11:23</strong></p>
@ -163,18 +163,11 @@
</div>
</div>
<div class="noJSalbum">
<h1 style="margin-top:80px">EP-Life of a Dudelini</h1>
<p><strong>Cybersoul</strong> by <strong>徒 Setto セット</strong>
<br />2020
</p>
<p><strong>11:23</strong></p>
<ul class="actions stacked">
<li><a class="button" target="_blank" rel="noopener" href="https://media.basspistol.com/setto.basspistol.com/live-with-hardware/1-ep-life-of-a-dudelini.mp3"><span class="fas fa-play"></span> Play!</a></li>
</ul>
</div>
<p class="noJSalbum"><a class="button" target="_blank" rel="noopener" href="https://media.basspistol.com/setto.basspistol.com/live-with-hardware/1-ep-life-of-a-dudelini.mp3"><span class="fas fa-play"></span> Play!</a></p>
<!-- Content -->
@ -189,7 +182,7 @@
<a href="../../../live-with-hardware/" class="button">See release page</a>
<p><a href="../../../live-with-hardware/" class="button">See release page</a></p>
@ -596,7 +589,7 @@ _paq.push(['enableLinkTracking']);
<script src="../../../assets/js/set.js"></script>
<script src="../../../assets/js/set-20200805.js"></script>
</body>
</html>

View file

@ -94,11 +94,11 @@
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
<link rel="stylesheet" href="../../../assets/css/all.min.css" />
<link rel="stylesheet" href="../../../assets/css/main.css" />
<link rel="stylesheet" href="../../../assets/css/main-20200805.css" />
<link rel="apple-touch-icon" href="https://setto.basspistol.com/apple-touch-icon.png">
<link rel="icon" type="image/png" href="https://setto.basspistol.com/touch-icon.png" sizes="192x192">
<link rel="shortcut icon" href="https://setto.basspistol.com/images/setto-logoicon.svg" type="image/png" />
<noscript><link rel="stylesheet" href="../../../assets/css/noscripts.css" /></noscript>
<noscript><link rel="stylesheet" href="../../../assets/css/noscripts-20200805.css" /></noscript>
</head>
<body>
@ -117,7 +117,7 @@
<div class="coverartwrapper">
<div class="coverartwrapped" id="coverart" style="background-image: url(https://media.basspistol.com/setto.basspistol.com/satoshi-mon-ami/1-k-as-tu-fait-de-nous-.jpeg);"></div>
</div>
<div class="playbutton">
<div class="playbutton hideWhenNoJS">
<a id="mu_pause" class="button">Play!</a>
</div>
<p><strong>Cyber Soul</strong> by <strong>徒 Setto セット</strong>
@ -130,7 +130,7 @@
<div id="trackInfo">
<section>
<h1 style="margin-top:80px">K'as-tu fait de nous?</h1>
<h1>K'as-tu fait de nous?</h1>
<p><strong>5:05</strong></p>
@ -163,18 +163,11 @@
</div>
</div>
<div class="noJSalbum">
<h1 style="margin-top:80px">K'as-tu fait de nous?</h1>
<p><strong>Cyber Soul</strong> by <strong>徒 Setto セット</strong>
<br />2018
</p>
<p><strong>5:05</strong></p>
<ul class="actions stacked">
<li><a class="button" target="_blank" rel="noopener" href="https://media.basspistol.com/setto.basspistol.com/satoshi-mon-ami/1-k-as-tu-fait-de-nous-.mp3"><span class="fas fa-play"></span> Play!</a></li>
</ul>
</div>
<p class="noJSalbum"><a class="button" target="_blank" rel="noopener" href="https://media.basspistol.com/setto.basspistol.com/satoshi-mon-ami/1-k-as-tu-fait-de-nous-.mp3"><span class="fas fa-play"></span> Play!</a></p>
<!-- Content -->
@ -254,7 +247,7 @@ WTF coucou
<a href="../../../satoshi-mon-ami/" class="button">See release page</a>
<p><a href="../../../satoshi-mon-ami/" class="button">See release page</a></p>
</section>
@ -662,7 +655,7 @@ _paq.push(['enableLinkTracking']);
<script src="../../../assets/js/set.js"></script>
<script src="../../../assets/js/set-20200805.js"></script>
</body>
</html>

View file

@ -94,11 +94,11 @@
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
<link rel="stylesheet" href="../../../assets/css/all.min.css" />
<link rel="stylesheet" href="../../../assets/css/main.css" />
<link rel="stylesheet" href="../../../assets/css/main-20200805.css" />
<link rel="apple-touch-icon" href="https://setto.basspistol.com/apple-touch-icon.png">
<link rel="icon" type="image/png" href="https://setto.basspistol.com/touch-icon.png" sizes="192x192">
<link rel="shortcut icon" href="https://setto.basspistol.com/images/setto-logoicon.svg" type="image/png" />
<noscript><link rel="stylesheet" href="../../../assets/css/noscripts.css" /></noscript>
<noscript><link rel="stylesheet" href="../../../assets/css/noscripts-20200805.css" /></noscript>
</head>
<body>
@ -117,7 +117,7 @@
<div class="coverartwrapper">
<div class="coverartwrapped" id="coverart" style="background-image: url(https://media.basspistol.com/setto.basspistol.com/satoshi-mon-ami/2-r-ve-de-toi.jpeg);"></div>
</div>
<div class="playbutton">
<div class="playbutton hideWhenNoJS">
<a id="mu_pause" class="button">Play!</a>
</div>
<p><strong>Cyber Soul</strong> by <strong>徒 Setto セット</strong>
@ -130,7 +130,7 @@
<div id="trackInfo">
<section>
<h1 style="margin-top:80px">Rêve de toi</h1>
<h1>Rêve de toi</h1>
<p><strong>3:06</strong></p>
@ -163,18 +163,11 @@
</div>
</div>
<div class="noJSalbum">
<h1 style="margin-top:80px">Rêve de toi</h1>
<p><strong>Cyber Soul</strong> by <strong>徒 Setto セット</strong>
<br />2018
</p>
<p><strong>3:06</strong></p>
<ul class="actions stacked">
<li><a class="button" target="_blank" rel="noopener" href="https://media.basspistol.com/setto.basspistol.com/satoshi-mon-ami/2-r-ve-de-toi.mp3"><span class="fas fa-play"></span> Play!</a></li>
</ul>
</div>
<p class="noJSalbum"><a class="button" target="_blank" rel="noopener" href="https://media.basspistol.com/setto.basspistol.com/satoshi-mon-ami/2-r-ve-de-toi.mp3"><span class="fas fa-play"></span> Play!</a></p>
<!-- Content -->
@ -229,7 +222,7 @@ Fois en moi, mais cette fois, toujours pas toi
<a href="../../../satoshi-mon-ami/" class="button">See release page</a>
<p><a href="../../../satoshi-mon-ami/" class="button">See release page</a></p>
</section>
@ -637,7 +630,7 @@ _paq.push(['enableLinkTracking']);
<script src="../../../assets/js/set.js"></script>
<script src="../../../assets/js/set-20200805.js"></script>
</body>
</html>

View file

@ -94,11 +94,11 @@
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
<link rel="stylesheet" href="../../../assets/css/all.min.css" />
<link rel="stylesheet" href="../../../assets/css/main.css" />
<link rel="stylesheet" href="../../../assets/css/main-20200805.css" />
<link rel="apple-touch-icon" href="https://setto.basspistol.com/apple-touch-icon.png">
<link rel="icon" type="image/png" href="https://setto.basspistol.com/touch-icon.png" sizes="192x192">
<link rel="shortcut icon" href="https://setto.basspistol.com/images/setto-logoicon.svg" type="image/png" />
<noscript><link rel="stylesheet" href="../../../assets/css/noscripts.css" /></noscript>
<noscript><link rel="stylesheet" href="../../../assets/css/noscripts-20200805.css" /></noscript>
</head>
<body>
@ -117,7 +117,7 @@
<div class="coverartwrapper">
<div class="coverartwrapped" id="coverart" style="background-image: url(https://media.basspistol.com/setto.basspistol.com/unmet-dependencies/1-dependency-error.jpeg);"></div>
</div>
<div class="playbutton">
<div class="playbutton hideWhenNoJS">
<a id="mu_pause" class="button">Play!</a>
</div>
<p><strong>Cybersoul</strong> by <strong>徒 setto セット</strong>
@ -130,7 +130,7 @@
<div id="trackInfo">
<section>
<h1 style="margin-top:80px">Dependency Error</h1>
<h1>Dependency Error</h1>
<p><strong>5:13</strong></p>
@ -163,18 +163,11 @@
</div>
</div>
<div class="noJSalbum">
<h1 style="margin-top:80px">Dependency Error</h1>
<p><strong>Cybersoul</strong> by <strong>徒 setto セット</strong>
<br />2020
</p>
<p><strong>5:13</strong></p>
<ul class="actions stacked">
<li><a class="button" target="_blank" rel="noopener" href="https://media.basspistol.com/setto.basspistol.com/unmet-dependencies/1-dependency-error.mp3"><span class="fas fa-play"></span> Play!</a></li>
</ul>
</div>
<p class="noJSalbum"><a class="button" target="_blank" rel="noopener" href="https://media.basspistol.com/setto.basspistol.com/unmet-dependencies/1-dependency-error.mp3"><span class="fas fa-play"></span> Play!</a></p>
<!-- Content -->
@ -225,7 +218,7 @@ Sudo apt upgrade<br />
<a href="../../../unmet-dependencies/" class="button">See release page</a>
<p><a href="../../../unmet-dependencies/" class="button">See release page</a></p>
@ -633,7 +626,7 @@ _paq.push(['enableLinkTracking']);
<script src="../../../assets/js/set.js"></script>
<script src="../../../assets/js/set-20200805.js"></script>
</body>
</html>

View file

@ -94,11 +94,11 @@
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
<link rel="stylesheet" href="../../../assets/css/all.min.css" />
<link rel="stylesheet" href="../../../assets/css/main.css" />
<link rel="stylesheet" href="../../../assets/css/main-20200805.css" />
<link rel="apple-touch-icon" href="https://setto.basspistol.com/apple-touch-icon.png">
<link rel="icon" type="image/png" href="https://setto.basspistol.com/touch-icon.png" sizes="192x192">
<link rel="shortcut icon" href="https://setto.basspistol.com/images/setto-logoicon.svg" type="image/png" />
<noscript><link rel="stylesheet" href="../../../assets/css/noscripts.css" /></noscript>
<noscript><link rel="stylesheet" href="../../../assets/css/noscripts-20200805.css" /></noscript>
</head>
<body>
@ -117,7 +117,7 @@
<div class="coverartwrapper">
<div class="coverartwrapped" id="coverart" style="background-image: url(https://media.basspistol.com/setto.basspistol.com/unmet-dependencies/2-pingnu.jpeg);"></div>
</div>
<div class="playbutton">
<div class="playbutton hideWhenNoJS">
<a id="mu_pause" class="button">Play!</a>
</div>
<p><strong>Cybersoul</strong> by <strong>徒 setto セット</strong>
@ -130,7 +130,7 @@
<div id="trackInfo">
<section>
<h1 style="margin-top:80px">Pingnu</h1>
<h1>Pingnu</h1>
<p><strong>3:42</strong></p>
@ -163,18 +163,11 @@
</div>
</div>
<div class="noJSalbum">
<h1 style="margin-top:80px">Pingnu</h1>
<p><strong>Cybersoul</strong> by <strong>徒 setto セット</strong>
<br />2020
</p>
<p><strong>3:42</strong></p>
<ul class="actions stacked">
<li><a class="button" target="_blank" rel="noopener" href="https://media.basspistol.com/setto.basspistol.com/unmet-dependencies/2-pingnu.mp3"><span class="fas fa-play"></span> Play!</a></li>
</ul>
</div>
<p class="noJSalbum"><a class="button" target="_blank" rel="noopener" href="https://media.basspistol.com/setto.basspistol.com/unmet-dependencies/2-pingnu.mp3"><span class="fas fa-play"></span> Play!</a></p>
<!-- Content -->
@ -212,7 +205,7 @@ This is what together we should refute.<br />
<a href="../../../unmet-dependencies/" class="button">See release page</a>
<p><a href="../../../unmet-dependencies/" class="button">See release page</a></p>
@ -614,7 +607,7 @@ _paq.push(['enableLinkTracking']);
<script src="../../../assets/js/set.js"></script>
<script src="../../../assets/js/set-20200805.js"></script>
</body>
</html>

View file

@ -0,0 +1,384 @@
@font-face { font-family: 'Jetbrain-regular'; font-style: normal; font-weight: 400; src: local("Jetbrain Regular"), local("Jetbrain-Regular"), url(/assets/fonts/JetBrainsMono_Regular.ttf) format("truetype"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Jetbrain-regular'; font-style: italic; font-weight: 400; src: local("Jetbrain Regular"), local("Jetbrain-Regular"), url(/assets/fonts/JetBrainsMono_Italic.ttf) format("truetype"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Jetbrain-regular'; font-style: normal; font-weight: 500; src: local("Jetbrain Bold"), local("Jetbrain-Bold"), url(/assets/fonts/JetBrainsMono_Bold.ttf) format("truetype"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Jetbrain-regular'; font-style: italic; font-weight: 500; src: local("Jetbrain Bold"), local("Jetbrain-Bold"), url(/assets/fonts/JetBrainsMono_Bold_Italic.ttf) format("truetype"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Jetbrain-Extrabold'; font-style: normal; font-weight: 700; src: local("Jetbrain ExtraBold"), local("Jetbrain-ExtraBold"), url(/assets/fonts/JetBrainsMono_ExtraBold.ttf) format("truetype"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Jetbrain-Extrabold'; font-style: italic; font-weight: 700; src: local("Jetbrain ExtraBold"), local("Jetbrain-ExtraBold"), url(/assets/fonts/JetBrainsMono_ExtraBold_Italic.ttf) format("truetype"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Staatliches'; font-style: normal; font-weight: 400; src: local("Astloch Bold"), local("Astloch-Bold"), url(/assets/fonts/Astloch-Bold.ttf) format("truetype"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
html { scroll-behavior: smooth; }
body { line-height: 1.75; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
body { -webkit-text-size-adjust: none; }
mark { background-color: transparent; color: inherit; }
input::-moz-focus-inner { border: 0; padding: 0; }
input, select, textarea { -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; appearance: none; }
html, body { margin: 0; padding: 0; }
body { height: 100vh; width: 100%; font-family: "Jetbrain-Regular", "Lucida Console", Monaco, monospace; color: #ebdbf8; letter-spacing: -0.025em; background-color: #3c2a52; }
#main-wrapper { display: flex; flex-wrap: wrap; width: 100%; -webkit-transition: filter 400ms ease-in; -moz-transition: filter 400ms ease-in; transition: filter 400ms ease-in; }
.content-wrapper { max-width: 1200px; margin: auto; }
.wrapper { margin: 20px 40px; }
.hero { display: flex; flex-wrap: wrap; flex-direction: row; align-content: center; background-color: #3c2a52; justify-content: center; background-size: cover; background-position: center; background-repeat: no-repeat; padding: 40px; position: relative; min-height: 75vh; width: 100vw; }
.hero div { z-index: 10; }
.hero div h1, .hero div p { flex: 1 0 100%; width: 100%; z-index: 10; color: #ebdbf8; text-align: center; max-width: 1200px; }
.hero div p { margin-top: 40px; }
.hero .imagecontainer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("../img/vignette.svg"); background-size: 480px 480px; background-repeat: repeat-x; background-position: bottom; z-index: 1; background-color: rgba(0, 0, 0, 0.75); }
section { flex: 1 1 100%; padding: 20px; background-color: #3c2a52; -webkit-box-shadow: inset 0px 23px 25px -25px rgba(0, 0, 0, 0.75); -moz-box-shadow: inset 0px 23px 25px -25px rgba(0, 0, 0, 0.75); box-shadow: inset 0px 23px 25px -25px rgba(0, 0, 0, 0.75); }
section h2 { text-align: center; }
section:first-of-type { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
footer { display: flex; flex-wrap: wrap; width: 100%; padding: 160px 20px 200px 20px; background-color: #ebdbf8; color: #3c2a52; justify-content: center; background-image: url("../img/vignette-footer.svg"); background-size: 480px 480px; background-repeat: repeat-x; background-position: top; box-sizing: border-box; }
footer div { flex: 0 1 280px; margin: 20px; }
footer div img { margin: auto; display: block; }
footer div li { border-bottom: 1px solid rgba(60, 42, 82, 0.75); line-height: 2; font-size: 1.5em; }
footer div li a { font-weight: 700; text-decoration: none; }
footer small { flex: 0 0 100%; margin: 20px; text-align: center; }
footer small .label { display: none; }
.post-navigation { padding: 80px 0 160px 0; display: flex; flex-wrap: wrap; justify-content: center; }
.post-navigation h2 { flex: 0 0 100%; margin-top: 40px; text-align: center; }
.post-navigation .post-nav, .post-navigation .post-nav-next { flex: 0 0 200px; margin: 40px; }
.post-navigation .post-nav h4, .post-navigation .post-nav-next h4 { font-size: 2em; justify-self: right; }
@-webkit-keyframes infiniteRotate { 0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); } }
@-moz-keyframes infiniteRotate { 0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); } }
@keyframes infiniteRotate { 0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); } }
@-webkit-keyframes backgroundBlink { 0% { background-position: 73% 0%; }
50% { background-position: 28% 100%; }
100% { background-position: 73% 0%; } }
@-moz-keyframes backgroundBlink { 0% { background-position: 73% 0%; }
50% { background-position: 28% 100%; }
100% { background-position: 73% 0%; } }
@keyframes backgroundBlink { 0% { background-position: 73% 0%; }
50% { background-position: 28% 100%; }
100% { background-position: 73% 0%; } }
@-webkit-keyframes backgroundSize { 0% { background-size: 100% 150%; }
50% { background-size: 150% 100%; }
100% { background-size: 100% 150%; } }
@-moz-keyframes backgroundSize { 0% { background-size: 100% 150%; }
50% { background-size: 150% 100%; }
100% { background-size: 100% 150%; } }
@keyframes backgroundSize { 0% { background-size: 100% 150%; }
50% { background-size: 150% 100%; }
100% { background-size: 100% 150%; } }
h1, h2, h3, h4, h5, h6 { font-family: "Staatliches", "Lucida Console", Monaco, monospace; }
h1 { font-size: 2.5em; }
h2 { font-size: 2em; }
h3 { font-size: 1.5em; }
strong { font-weight: 700; }
a { text-decoration-style: wavy; text-decoration-color: transparent; color: #8d3ed8; -moz-transition: all 0.2s ease-in-out, color 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out, color 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out, color 0.2s ease-in-out; transition: all 0.2s ease-in-out, color 0.2s ease-in-out; }
a:hover { color: #38ff59; text-decoration-style: wavy; text-decoration-color: unset; }
.button { background-color: #8d3ed8; padding: 1em; border-radius: 5px; text-align: center; text-decoration: none; text-transform: uppercase; font-weight: 500; color: #ebdbf8; }
.button:hover { background-color: #38ff59; color: #3c2a52; }
.releases { display: flex; flex-wrap: wrap; justify-content: space-around; padding: 20px; }
.releases h2 { flex: 0 0 100%; margin: 20px; }
.releases article { flex: 1 1 280px; max-width: 480px; margin: 20px; }
.releases img { width: 100%; height: 100%; object-fit: cover; border-radius: 5px; }
.streambox { text-align: center; line-height: 2em; }
.streambox > h2, .streambox div { margin: 20px; }
.streamer { margin-top: 2em; text-align: center; }
.label { display: none; }
.icon { flex: 0 0 45px; margin: 20px; font-size: 45px; border-radius: 100px; width: 100px; height: 100px; line-height: 100px; border: 1px solid #8d3ed8; text-align: center; text-decoration: none; -moz-transition: border 0.2s ease-in-out, color 0.2s ease-in-out; -webkit-transition: border 0.2s ease-in-out, color 0.2s ease-in-out; -ms-transition: border 0.2s ease-in-out, color 0.2s ease-in-out; transition: border 0.2s ease-in-out, color 0.2s ease-in-out; }
.icon:hover { border: 1px solid #38ff59; }
.small { border-radius: 80px; width: 70px; height: 70px; line-height: 70px; font-size: 45px; margin-left: 0; }
.smaller { border-radius: 30px; width: 30px; height: 30px; line-height: 30px; font-size: 18px; margin: 10px 10px 10px 0; }
#author { flex: 0 0 280px; margin: 20px; }
#author .date { font-size: .85em; }
#author .author-image { margin-right: 10px; background-repeat: no-repeat; background-size: cover; border-radius: 150px; width: 150px; height: 150px; }
.info, .info-pages { padding: 40px; }
.info > div, .info-pages > div { max-width: 1200px; margin: auto; }
.info p, .info-pages p { margin: 20px 0; }
.info-pages h2, .info-pages h3, .info-pages h4, .info-pages h5, .info-pages h6 { text-align: left; }
.news, .links { margin-top: 40px; padding: 0; display: flex; flex-wrap: wrap; }
.news h2, .links h2 { flex: 0 0 100%; margin-bottom: 20px; }
.news > div, .links > 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; }
.news .description, .links .description { min-height: unset; }
.news .description h2, .news .description p, .news .description a, .links .description h2, .links .description p, .links .description a { text-align: center; }
.news .description p, .links .description p { margin-top: 20px; }
.news .description p:last-child, .links .description p:last-child { margin-bottom: 40px; }
.news:nth-child(even), .links:nth-child(even) { flex-direction: row-reverse; }
.links > div { min-height: unset; }
.linksbg { background-size: 100%; background: #1f1729; background: linear-gradient(180deg, #1f1729 26%, rgba(56, 255, 89, 0.25) 100%); }
/* NAVIGATION */
#navbar { z-index: 10000; display: block; }
.logo { filter: blur(20px); opacity: 0; text-decoration: none; position: fixed; top: 0; width: 100%; height: 80px; z-index: 100; -webkit-transition: all 400ms ease-in; -moz-transition: all 400ms ease-in; transition: all 400ms ease-in; background-color: transparent; background-repeat: no-repeat; background-position: center center; background-size: 95% 95%; -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.75); -moz-box-shadow: 0px 3px 29px 0px rgba(0, 0, 0, 0.75); box-shadow: 0px 3px 29px 0px rgba(0, 0, 0, 0.75); display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; }
.logo > a { height: 40px; }
.logo:hover { filter: blur(0px); opacity: 1; -webkit-transition: all 400ms ease-in; -moz-transition: all 400ms ease-in; transition: all 400ms ease-in; background-color: #3c2a52; }
.sticky { filter: blur(0px); opacity: 1; background-color: #3c2a52; -webkit-transition: all 400ms ease-in; -moz-transition: all 400ms ease-in; transition: all 400ms ease-in; }
.navmenu { margin: 0 40px 0 20px; font-size: 34px; color: #38ff59; }
nav { position: absolute; width: 300px; max-height: 90vh; max-width: 90vw; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #3c2a52; border-radius: 5px; display: flex; flex-wrap: wrap; }
nav ul { padding: 20px; width: 100%; }
nav li { list-style-type: none; margin: 20px; padding: 0; }
nav li a { display: block; font-size: 14px; }
.blurredout { filter: blur(5px); -webkit-transition: filter 400ms ease-in; -moz-transition: filter 400ms ease-in; transition: filter 400ms ease-in; }
.modalDialog { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(60, 42, 82, 0.75); z-index: 10; opacity: 0; -webkit-transition: opacity 400ms ease-in; -moz-transition: opacity 400ms ease-in; transition: opacity 400ms ease-in; pointer-events: none; }
.modalDialog:target { opacity: 1; pointer-events: auto; }
.modalDialog > div { display: flex; align-items: center; position: relative; margin: 100px auto; padding: 20px; border-radius: 3px; background: #001f24; background: -moz-linear-gradient(#000, #001f24); background: -webkit-linear-gradient(#000, #001f24); background: -o-linear-gradient(#000, #001f24); }
.close-button { background-color: #8d3ed8; color: #38ff59; margin: 0 auto; line-height: 48px; position: absolute; right: -12px; text-align: center; top: -10px; width: 48px; height: 48px; text-decoration: none; font-weight: bold; border-radius: 48px; transition: all 400ms ease-in; }
.close-button:hover { background-color: #38ff59; color: #8d3ed8; }
#closearea { position: fixed; width: 100%; height: 100%; }
/* Background Video */
.fullscreen-bg { position: absolute; height: 100%; width: 100%; overflow: hidden; z-index: -100; background: #fff; }
.fullscreen-bg__video { background: #fff; position: relative; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; }
#myVideo { position: absolute; right: 0; bottom: 0; min-width: 100%; min-height: 100%; }
/* cookies */
#cookie-notice { display: none; text-align: right; position: fixed; bottom: 0; width: 100%; background-color: #000000; flex-wrap: wrap; justify-content: space-evenly; align-content: center; align-items: center; z-index: 1000; }
#cookie-notice p { flex: 1 0 250px; margin: 40px 20px 40px 40px; font-size: 0.75em; font-family: "Jetbrain-Regular", "Lucida Console", Monaco, monospace; }
@media only screen and (max-width: 651px) { #cookie-notice p { text-align: center; margin: 40px 40px 20px 40px; } #cookie-notice .yes { margin: 20px 40px 40px 40px; } }
.yes { flex: 0 0 250px; -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; -ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; text-align: center; background-position-x: 0%; background-position-y: 0%; background-repeat: repeat; background-attachment: scroll; background-image: linear-gradient(228deg, rgba(56, 255, 89, 0.75), rgba(141, 62, 216, 0.75)); background-origin: padding-box; background-clip: border-box; background-size: 400% 400%; -webkit-animation: backgroundBlink 2s ease infinite; -moz-animation: backgroundBlink 2s ease infinite; animation: backgroundBlink 2s ease infinite; margin: 40px 40px 40px 20px; }
.yes:hover { -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; -ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; }
/* Audio Player Styles
================================================== */
/* Default / Desktop / Firefox */
.album-player { display: flex; flex-wrap: wrap; padding: 20px; justify-content: space-evenly; flex-direction: row-reverse; align-items: center; }
.album-player > div { margin: 20px; }
audio { margin: 0; width: 100%; }
.player-wrap { flex: 1 1 400px; max-width: 700px; border-radius: 5px; width: 100%; }
#plwrap ul { list-style: none; padding: 0; }
#plwrap ul li { border-top: solid 1px rgba(235, 219, 248, 0.25); }
#plwrap ul li:first-child { border-radius: 5px 5px 0 0; }
#plwrap ul li:last-child { border-radius: 0 0 5px 5px; border-bottom: solid 1px rgba(235, 219, 248, 0.25); }
#audiowrap { background-color: #3c2a52; margin: 0 auto 0 auto; }
#plwrap { margin: 0 auto; }
#tracks { flex: 1 0 200px; min-height: 65px; position: relative; text-align: center; text-decoration: none; padding-top: 20px; }
#nowPlay { display: flex; width: 100%; height: 80px; flex-wrap: unset; justify-content: flex-start; align-items: center; background-color: #3c2a52; }
#npTitle { flex: 1 1 100%; margin: 0; padding: 21px; }
#npAction { display: none; margin: 0; padding: 21px; font-size: 12px; }
#plList { margin: 0; }
#plList li { background-color: #3c2a52; cursor: pointer; margin: 0; padding: 21px 0; border-left: 1px solid rgba(235, 219, 248, 0.25); border-right: 1px solid rgba(235, 219, 248, 0.25); border-top: 0; transition: all 400ms ease-in-out; }
#plList li:hover { background-color: #38ff59; color: #3c2a52; transition: all 400ms ease-in-out; }
.plItem { position: relative; }
.plTitle { left: 75px; overflow: hidden; position: absolute; right: 65px; text-overflow: ellipsis; top: 0; white-space: nowrap; font-weight: bold; padding-right: 10px; }
.plNum { padding-left: 21px; width: 65px; }
.plLength { padding-left: 21px; position: absolute; right: 21px; top: 0; }
.plSel { background-color: rgba(235, 219, 248, 0.25) !important; cursor: pointer !important; }
.plSel:hover { background-color: #38ff59 !important; }
a[id^="btn"] { font-size: 1.5em; color: #ebdbf8; cursor: pointer; margin: 0; padding: 0 27px 0 21px; text-decoration: none; }
a[id^="btn"]::-moz-focus-inner { border: 0; padding: 0; }
.coverart { flex: 1 1 400px; justify-content: center; display: flex; flex-wrap: wrap; max-width: 700px; }
.coverart #author { margin: 40px 0 0 0; flex: 1 1 auto; text-align: center; }
.coverartwrapper { width: 80%; padding-top: 80%; /* 1:1 Aspect Ratio */ position: relative; /* If you want text inside of it */ }
.coverartwrapped { position: absolute; top: 0; left: 0; bottom: 0; right: 0; border-radius: 100%; padding-bottom: 0; background-size: cover; }
.spinnit { -webkit-animation: infiniteRotate 2s linear infinite; /* Safari */ -moz-animation: infiniteRotate 2s linear infinite; animation: infiniteRotate 2s linear infinite; }
.paused { animation-play-state: paused; }
.track-picker { display: flex; flex-wrap: wrap; margin: 0; padding: 0; background-color: #38ff59; margin: 0; padding: 0; min-height: 50vw; text-align: left; }
.track-picker .button { background-color: #38ff59; color: #3c2a52; }
.track-picker .button:hover { background-color: #8d3ed8; color: #ebdbf8; }
.track-picker > div { flex: 1 1 auto; width: 50%; min-width: 280px; margin: 0; padding: 0; background-color: #3c2a52; -webkit-box-shadow: inset 0px 23px 25px -25px rgba(0, 0, 0, 0.75); -moz-box-shadow: inset 0px 23px 25px -25px rgba(0, 0, 0, 0.75); box-shadow: inset 0px 23px 25px -25px rgba(0, 0, 0, 0.75); }
.track-picker > div > h2, .track-picker > div p { text-align: left; margin: 20px 40px; }
.track-picker > div p:last-child { margin-bottom: 40px; }
.track-picker .full-image { width: 50%; min-width: 280px; min-height: 50vw; background-color: transparent; background-size: cover; background-position: center; }
.track-picker:nth-child(even) { flex-direction: row-reverse; background-color: #8d3ed8; text-align: right; }
.track-picker:nth-child(even) .button { background-color: #8d3ed8; color: #ebdbf8; }
.track-picker:nth-child(even) .button:hover { background-color: #38ff59; color: #3c2a52; }
.track-picker:nth-child(even) > div > h2, .track-picker:nth-child(even) > div a, .track-picker:nth-child(even) > div p { text-align: right; }
#fixedPlayer { background-color: #3c2a52; margin: 0; padding: 0; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 100000; -webkit-box-shadow: 0px 3px 35px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 3px 35px 2px rgba(0, 0, 0, 0.3); box-shadow: 0px 3px 35px 2px rgba(0, 0, 0, 0.3); -webkit-transition: all 400ms ease-in; -moz-transition: all 400ms ease-in; transition: all 400ms ease-in; }
.showplayer { height: 120px; }
.hideplayer { height: 0; }
@media only screen and (max-width: 559px) { .track-picker { background-size: 100%; } .track-picker .full-image { min-height: 100vw; } #nowPlay { align-items: baseline; padding-bottom: 20px; } #tracks { flex: 1 0 100px; width: 100px; position: relative; text-align: center; text-decoration: none; } a[id^="btn"] { font-size: 1em; color: #ebdbf8; cursor: pointer; margin: 0; padding: 0 0 0 20px; text-decoration: none; } #npTitle { font-size: 0.8em; text-decoration: none; margin: 0; padding: 0 0 0 20px; } }
#trackArt { overflow-x: hidden; flex: 1 1 50%; min-width: 512px; height: 100vh; padding: 0; margin: 0; background-size: 100%; background: #1f1729; background: linear-gradient(180deg, #1f1729 26%, rgba(56, 255, 89, 0.25) 100%); }
#trackArt > section { position: absolute; height: 100vh; width: 50%; background: transparent; padding: 0; margin: 0; text-align: center; }
#trackArt > section > * { margin: 40px; }
#trackArt .coverartwrapper { margin-top: 120px; margin-left: 50%; transform: translateX(-50%); width: 50%; padding-top: 50%; /* 1:1 Aspect Ratio */ position: relative; /* If you want text inside of it */ }
#trackArt .coverartwrapped { position: absolute; top: 0; left: 0; bottom: 0; right: 0; border-radius: 100%; padding-bottom: 0; background-size: cover; }
#trackArt .playbutton { cursor: pointer; justify-self: center; }
#trackInfo { flex: 1 1 50%; height: 100vh; overflow-y: scroll; overflow-x: hidden; margin: 0; padding: 0; }
#trackInfo section { text-align: left; }
#trackInfo section > * { margin: 20px; }
#trackInfo section .info { margin: 20px; padding: 0; }
#trackInfo section h1 { margin-top: 80px; }
#trackInfo .post-nav-next { text-align: right; }
#trackInfo .post-nav { text-align: left; }
@media only screen and (max-width: 1023px) { #trackArt { min-width: 100%; } #trackArt section { position: absolute; top: 0; margin: 0; width: 100%; height: 80vh; } #trackInfo { height: unset; overflow-y: unset; } #trackInfo section h1 { margin-top: 0; } }
.bouncer { -webkit-animation: backgroundSize 10s ease infinite; -moz-animation: backgroundSize 10s ease infinite; animation: backgroundSize 10s ease infinite; }
.editor-link { display: none; margin-top: 0; padding-top: 30px; }
.editor-link .btn { border: 0; border-radius: 2px; width: 100%; max-width: 500px; box-sizing: border-box; text-decoration: none; padding: 10px 15px; margin: 0; font-size: 18px; cursor: pointer; background-color: #f7e064; color: #333; box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.2); }
.editor-link .btn:hover { background-color: #f4d525; color: #333; }
.cms-editor-active .editor-link { display: block; }
.noJSalbum { display: none; }
/*# sourceMappingURL=main-20200805.css.map */

File diff suppressed because one or more lines are too long

View file

@ -0,0 +1,398 @@
@font-face { font-family: 'Jetbrain-regular'; font-style: normal; font-weight: 400; src: local("Jetbrain Regular"), local("Jetbrain-Regular"), url(/assets/fonts/JetBrainsMono_Regular.ttf) format("truetype"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Jetbrain-regular'; font-style: italic; font-weight: 400; src: local("Jetbrain Regular"), local("Jetbrain-Regular"), url(/assets/fonts/JetBrainsMono_Italic.ttf) format("truetype"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Jetbrain-regular'; font-style: normal; font-weight: 500; src: local("Jetbrain Bold"), local("Jetbrain-Bold"), url(/assets/fonts/JetBrainsMono_Bold.ttf) format("truetype"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Jetbrain-regular'; font-style: italic; font-weight: 500; src: local("Jetbrain Bold"), local("Jetbrain-Bold"), url(/assets/fonts/JetBrainsMono_Bold_Italic.ttf) format("truetype"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Jetbrain-Extrabold'; font-style: normal; font-weight: 700; src: local("Jetbrain ExtraBold"), local("Jetbrain-ExtraBold"), url(/assets/fonts/JetBrainsMono_ExtraBold.ttf) format("truetype"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Jetbrain-Extrabold'; font-style: italic; font-weight: 700; src: local("Jetbrain ExtraBold"), local("Jetbrain-ExtraBold"), url(/assets/fonts/JetBrainsMono_ExtraBold_Italic.ttf) format("truetype"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Staatliches'; font-style: normal; font-weight: 400; src: local("Astloch Bold"), local("Astloch-Bold"), url(/assets/fonts/Astloch-Bold.ttf) format("truetype"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
html { scroll-behavior: smooth; }
body { line-height: 1.75; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
body { -webkit-text-size-adjust: none; }
mark { background-color: transparent; color: inherit; }
input::-moz-focus-inner { border: 0; padding: 0; }
input, select, textarea { -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; appearance: none; }
@-webkit-keyframes infiniteRotate { 0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); } }
@-moz-keyframes infiniteRotate { 0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); } }
@keyframes infiniteRotate { 0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); } }
@-webkit-keyframes backgroundBlink { 0% { background-position: 73% 0%; }
50% { background-position: 28% 100%; }
100% { background-position: 73% 0%; } }
@-moz-keyframes backgroundBlink { 0% { background-position: 73% 0%; }
50% { background-position: 28% 100%; }
100% { background-position: 73% 0%; } }
@keyframes backgroundBlink { 0% { background-position: 73% 0%; }
50% { background-position: 28% 100%; }
100% { background-position: 73% 0%; } }
@-webkit-keyframes backgroundSize { 0% { background-size: 100% 150%; }
50% { background-size: 150% 100%; }
100% { background-size: 100% 150%; } }
@-moz-keyframes backgroundSize { 0% { background-size: 100% 150%; }
50% { background-size: 150% 100%; }
100% { background-size: 100% 150%; } }
@keyframes backgroundSize { 0% { background-size: 100% 150%; }
50% { background-size: 150% 100%; }
100% { background-size: 100% 150%; } }
html, body { margin: 0; padding: 0; }
body { height: 100vh; width: 100%; font-family: "Jetbrain-Regular", "Lucida Console", Monaco, monospace; color: #ebdbf8; letter-spacing: -0.025em; background-color: #3c2a52; }
#main-wrapper { display: flex; flex-wrap: wrap; width: 100%; -webkit-transition: filter 400ms ease-in; -moz-transition: filter 400ms ease-in; transition: filter 400ms ease-in; }
.content-wrapper { max-width: 1200px; margin: auto; }
.wrapper { margin: 20px 40px; }
.hero { display: flex; flex-wrap: wrap; flex-direction: row; align-content: center; background-color: #3c2a52; justify-content: center; background-size: cover; background-position: center; background-repeat: no-repeat; padding: 40px; position: relative; min-height: 75vh; width: 100vw; }
.hero div { z-index: 10; }
.hero div h1, .hero div p { flex: 1 0 100%; width: 100%; z-index: 10; color: #ebdbf8; text-align: center; max-width: 1200px; }
.hero div p { margin-top: 40px; }
.hero .imagecontainer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("../img/vignette.svg"); background-size: 480px 480px; background-repeat: repeat-x; background-position: bottom; z-index: 1; background-color: rgba(0, 0, 0, 0.75); }
section { flex: 1 1 100%; padding: 20px; background-color: #3c2a52; -webkit-box-shadow: inset 0px 23px 25px -25px rgba(0, 0, 0, 0.75); -moz-box-shadow: inset 0px 23px 25px -25px rgba(0, 0, 0, 0.75); box-shadow: inset 0px 23px 25px -25px rgba(0, 0, 0, 0.75); }
section h2 { text-align: center; }
section:first-of-type { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
footer { display: flex; flex-wrap: wrap; width: 100%; padding: 160px 20px 200px 20px; background-color: #ebdbf8; color: #3c2a52; justify-content: center; background-image: url("../img/vignette-footer.svg"); background-size: 480px 480px; background-repeat: repeat-x; background-position: top; box-sizing: border-box; }
footer div { flex: 0 1 280px; margin: 20px; }
footer div img { margin: auto; display: block; }
footer div li { border-bottom: 1px solid rgba(60, 42, 82, 0.75); line-height: 2; font-size: 1.5em; }
footer div li a { font-weight: 700; text-decoration: none; }
footer small { flex: 0 0 100%; margin: 20px; text-align: center; }
footer small .label { display: none; }
.post-navigation { padding: 80px 0 160px 0; display: flex; flex-wrap: wrap; justify-content: center; }
.post-navigation h2 { flex: 0 0 100%; margin-top: 40px; text-align: center; }
.post-navigation .post-nav, .post-navigation .post-nav-next { flex: 0 0 200px; margin: 40px; }
.post-navigation .post-nav h4, .post-navigation .post-nav-next h4 { font-size: 2em; justify-self: right; }
h1, h2, h3, h4, h5, h6 { font-family: "Staatliches", "Lucida Console", Monaco, monospace; }
h1 { font-size: 2.5em; }
h2 { font-size: 2em; }
h3 { font-size: 1.5em; }
strong { font-weight: 700; }
a { text-decoration-style: wavy; text-decoration-color: transparent; color: #8d3ed8; -moz-transition: all 0.2s ease-in-out, color 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out, color 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out, color 0.2s ease-in-out; transition: all 0.2s ease-in-out, color 0.2s ease-in-out; }
a:hover { color: #38ff59; text-decoration-style: wavy; text-decoration-color: unset; }
.button { background-color: #8d3ed8; padding: 1em; border-radius: 5px; text-align: center; text-decoration: none; text-transform: uppercase; font-weight: 500; color: #ebdbf8; }
.button:hover { background-color: #38ff59; color: #3c2a52; }
.releases { display: flex; flex-wrap: wrap; justify-content: space-around; padding: 20px; }
.releases h2 { flex: 0 0 100%; margin: 20px; }
.releases article { flex: 1 1 280px; max-width: 480px; margin: 20px; }
.releases img { width: 100%; height: 100%; object-fit: cover; border-radius: 5px; }
.streambox { text-align: center; line-height: 2em; }
.streambox > h2, .streambox div { margin: 20px; }
.streamer { margin-top: 2em; text-align: center; }
.label { display: none; }
.icon { flex: 0 0 45px; margin: 20px; font-size: 45px; border-radius: 100px; width: 100px; height: 100px; line-height: 100px; border: 1px solid #8d3ed8; text-align: center; text-decoration: none; -moz-transition: border 0.2s ease-in-out, color 0.2s ease-in-out; -webkit-transition: border 0.2s ease-in-out, color 0.2s ease-in-out; -ms-transition: border 0.2s ease-in-out, color 0.2s ease-in-out; transition: border 0.2s ease-in-out, color 0.2s ease-in-out; }
.icon:hover { border: 1px solid #38ff59; }
.small { border-radius: 80px; width: 70px; height: 70px; line-height: 70px; font-size: 45px; margin-left: 0; }
.smaller { border-radius: 30px; width: 30px; height: 30px; line-height: 30px; font-size: 18px; margin: 10px 10px 10px 0; }
#author { flex: 0 0 280px; margin: 20px; }
#author .date { font-size: .85em; }
#author .author-image { margin-right: 10px; background-repeat: no-repeat; background-size: cover; border-radius: 150px; width: 150px; height: 150px; }
.info, .info-pages { padding: 40px; }
.info > div, .info-pages > div { max-width: 1200px; margin: auto; }
.info p, .info-pages p { margin: 20px 0; }
.info-pages h2, .info-pages h3, .info-pages h4, .info-pages h5, .info-pages h6 { text-align: left; }
.news, .links { margin-top: 40px; padding: 0; display: flex; flex-wrap: wrap; }
.news h2, .links h2 { flex: 0 0 100%; margin-bottom: 20px; }
.news > div, .links > 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; }
.news .description, .links .description { min-height: unset; }
.news .description h2, .news .description p, .news .description a, .links .description h2, .links .description p, .links .description a { text-align: center; }
.news .description p, .links .description p { margin-top: 20px; }
.news .description p:last-child, .links .description p:last-child { margin-bottom: 40px; }
.news:nth-child(even), .links:nth-child(even) { flex-direction: row-reverse; }
.links > div { min-height: unset; }
.linksbg { background-size: 100%; background: #1f1729; background: linear-gradient(180deg, #1f1729 26%, rgba(56, 255, 89, 0.25) 100%); }
/* NAVIGATION */
#navbar { z-index: 10000; display: block; }
.logo { filter: blur(20px); opacity: 0; text-decoration: none; position: fixed; top: 0; width: 100%; height: 80px; z-index: 100; -webkit-transition: all 400ms ease-in; -moz-transition: all 400ms ease-in; transition: all 400ms ease-in; background-color: transparent; background-repeat: no-repeat; background-position: center center; background-size: 95% 95%; -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.75); -moz-box-shadow: 0px 3px 29px 0px rgba(0, 0, 0, 0.75); box-shadow: 0px 3px 29px 0px rgba(0, 0, 0, 0.75); display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; }
.logo > a { height: 40px; }
.logo:hover { filter: blur(0px); opacity: 1; -webkit-transition: all 400ms ease-in; -moz-transition: all 400ms ease-in; transition: all 400ms ease-in; background-color: #3c2a52; }
.sticky { filter: blur(0px); opacity: 1; background-color: #3c2a52; -webkit-transition: all 400ms ease-in; -moz-transition: all 400ms ease-in; transition: all 400ms ease-in; }
.navmenu { margin: 0 40px 0 20px; font-size: 34px; color: #38ff59; }
nav { position: absolute; width: 300px; max-height: 90vh; max-width: 90vw; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #3c2a52; border-radius: 5px; display: flex; flex-wrap: wrap; }
nav ul { padding: 20px; width: 100%; }
nav li { list-style-type: none; margin: 20px; padding: 0; }
nav li a { display: block; font-size: 14px; }
.blurredout { filter: blur(5px); -webkit-transition: filter 400ms ease-in; -moz-transition: filter 400ms ease-in; transition: filter 400ms ease-in; }
.modalDialog { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(60, 42, 82, 0.75); z-index: 10; opacity: 0; -webkit-transition: opacity 400ms ease-in; -moz-transition: opacity 400ms ease-in; transition: opacity 400ms ease-in; pointer-events: none; }
.modalDialog:target { opacity: 1; pointer-events: auto; }
.modalDialog > div { display: flex; align-items: center; position: relative; margin: 100px auto; padding: 20px; border-radius: 3px; background: #001f24; background: -moz-linear-gradient(#000, #001f24); background: -webkit-linear-gradient(#000, #001f24); background: -o-linear-gradient(#000, #001f24); }
.close-button { background-color: #8d3ed8; color: #38ff59; margin: 0 auto; line-height: 48px; position: absolute; right: -12px; text-align: center; top: -10px; width: 48px; height: 48px; text-decoration: none; font-weight: bold; border-radius: 48px; transition: all 400ms ease-in; }
.close-button:hover { background-color: #38ff59; color: #8d3ed8; }
#closearea { position: fixed; width: 100%; height: 100%; }
/* Background Video */
.fullscreen-bg { position: absolute; height: 100%; width: 100%; overflow: hidden; z-index: -100; background: #fff; }
.fullscreen-bg__video { background: #fff; position: relative; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; }
#myVideo { position: absolute; right: 0; bottom: 0; min-width: 100%; min-height: 100%; }
/* cookies */
#cookie-notice { display: none; text-align: right; position: fixed; bottom: 0; width: 100%; background-color: #000000; flex-wrap: wrap; justify-content: space-evenly; align-content: center; align-items: center; z-index: 1000; }
#cookie-notice p { flex: 1 0 250px; margin: 40px 20px 40px 40px; font-size: 0.75em; font-family: "Jetbrain-Regular", "Lucida Console", Monaco, monospace; }
@media only screen and (max-width: 651px) { #cookie-notice p { text-align: center; margin: 40px 40px 20px 40px; } #cookie-notice .yes { margin: 20px 40px 40px 40px; } }
.yes { flex: 0 0 250px; -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; -ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; text-align: center; background-position-x: 0%; background-position-y: 0%; background-repeat: repeat; background-attachment: scroll; background-image: linear-gradient(228deg, rgba(56, 255, 89, 0.75), rgba(141, 62, 216, 0.75)); background-origin: padding-box; background-clip: border-box; background-size: 400% 400%; -webkit-animation: backgroundBlink 2s ease infinite; -moz-animation: backgroundBlink 2s ease infinite; animation: backgroundBlink 2s ease infinite; margin: 40px 40px 40px 20px; }
.yes:hover { -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; -ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; }
/* Audio Player Styles
================================================== */
/* Default / Desktop / Firefox */
.album-player { display: flex; flex-wrap: wrap; padding: 20px; justify-content: space-evenly; flex-direction: row-reverse; align-items: center; }
.album-player > div { margin: 20px; }
audio { margin: 0; width: 100%; }
.player-wrap { flex: 1 1 400px; max-width: 700px; border-radius: 5px; width: 100%; }
#plwrap ul { list-style: none; padding: 0; }
#plwrap ul li { border-top: solid 1px rgba(235, 219, 248, 0.25); }
#plwrap ul li:first-child { border-radius: 5px 5px 0 0; }
#plwrap ul li:last-child { border-radius: 0 0 5px 5px; border-bottom: solid 1px rgba(235, 219, 248, 0.25); }
#audiowrap { background-color: #3c2a52; margin: 0 auto 0 auto; }
#plwrap { margin: 0 auto; }
#tracks { flex: 1 0 200px; min-height: 65px; position: relative; text-align: center; text-decoration: none; padding-top: 20px; }
#nowPlay { display: flex; width: 100%; height: 80px; flex-wrap: unset; justify-content: flex-start; align-items: center; background-color: #3c2a52; }
#npTitle { flex: 1 1 100%; margin: 0; padding: 21px; }
#npAction { display: none; margin: 0; padding: 21px; font-size: 12px; }
#plList { margin: 0; }
#plList li { background-color: #3c2a52; cursor: pointer; margin: 0; padding: 21px 0; border-left: 1px solid rgba(235, 219, 248, 0.25); border-right: 1px solid rgba(235, 219, 248, 0.25); border-top: 0; transition: all 400ms ease-in-out; }
#plList li:hover { background-color: #38ff59; color: #3c2a52; transition: all 400ms ease-in-out; }
.plItem { position: relative; }
.plTitle { left: 75px; overflow: hidden; position: absolute; right: 65px; text-overflow: ellipsis; top: 0; white-space: nowrap; font-weight: bold; padding-right: 10px; }
.plNum { padding-left: 21px; width: 65px; }
.plLength { padding-left: 21px; position: absolute; right: 21px; top: 0; }
.plSel { background-color: rgba(235, 219, 248, 0.25) !important; cursor: pointer !important; }
.plSel:hover { background-color: #38ff59 !important; }
a[id^="btn"] { font-size: 1.5em; color: #ebdbf8; cursor: pointer; margin: 0; padding: 0 27px 0 21px; text-decoration: none; }
a[id^="btn"]::-moz-focus-inner { border: 0; padding: 0; }
.coverart { flex: 1 1 400px; justify-content: center; display: flex; flex-wrap: wrap; max-width: 700px; }
.coverart #author { margin: 40px 0 0 0; flex: 1 1 auto; text-align: center; }
.coverartwrapper { width: 80%; padding-top: 80%; /* 1:1 Aspect Ratio */ position: relative; /* If you want text inside of it */ }
.coverartwrapped { position: absolute; top: 0; left: 0; bottom: 0; right: 0; border-radius: 100%; padding-bottom: 0; background-size: cover; }
.spinnit { -webkit-animation: infiniteRotate 2s linear infinite; /* Safari */ -moz-animation: infiniteRotate 2s linear infinite; animation: infiniteRotate 2s linear infinite; }
.paused { animation-play-state: paused; }
.track-picker { display: flex; flex-wrap: wrap; margin: 0; padding: 0; background-color: #38ff59; margin: 0; padding: 0; min-height: 50vw; text-align: left; }
.track-picker .button { background-color: #38ff59; color: #3c2a52; }
.track-picker .button:hover { background-color: #8d3ed8; color: #ebdbf8; }
.track-picker > div { flex: 1 1 auto; width: 50%; min-width: 280px; margin: 0; padding: 0; background-color: #3c2a52; -webkit-box-shadow: inset 0px 23px 25px -25px rgba(0, 0, 0, 0.75); -moz-box-shadow: inset 0px 23px 25px -25px rgba(0, 0, 0, 0.75); box-shadow: inset 0px 23px 25px -25px rgba(0, 0, 0, 0.75); }
.track-picker > div > h2, .track-picker > div p { text-align: left; margin: 20px 40px; }
.track-picker > div p:last-child { margin-bottom: 40px; }
.track-picker .full-image { width: 50%; min-width: 280px; min-height: 50vw; background-color: transparent; background-size: cover; background-position: center; }
.track-picker:nth-child(even) { flex-direction: row-reverse; background-color: #8d3ed8; text-align: right; }
.track-picker:nth-child(even) .button { background-color: #8d3ed8; color: #ebdbf8; }
.track-picker:nth-child(even) .button:hover { background-color: #38ff59; color: #3c2a52; }
.track-picker:nth-child(even) > div > h2, .track-picker:nth-child(even) > div a, .track-picker:nth-child(even) > div p { text-align: right; }
#fixedPlayer { background-color: #3c2a52; margin: 0; padding: 0; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 100000; -webkit-box-shadow: 0px 3px 35px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 3px 35px 2px rgba(0, 0, 0, 0.3); box-shadow: 0px 3px 35px 2px rgba(0, 0, 0, 0.3); -webkit-transition: all 400ms ease-in; -moz-transition: all 400ms ease-in; transition: all 400ms ease-in; }
.showplayer { height: 120px; }
.hideplayer { height: 0; }
@media only screen and (max-width: 559px) { .track-picker { background-size: 100%; } .track-picker .full-image { min-height: 100vw; } #nowPlay { align-items: baseline; padding-bottom: 20px; } #tracks { flex: 1 0 100px; width: 100px; position: relative; text-align: center; text-decoration: none; } a[id^="btn"] { font-size: 1em; color: #ebdbf8; cursor: pointer; margin: 0; padding: 0 0 0 20px; text-decoration: none; } #npTitle { font-size: 0.8em; text-decoration: none; margin: 0; padding: 0 0 0 20px; } }
#trackArt { overflow-x: hidden; flex: 1 1 50%; min-width: 512px; height: 100vh; padding: 0; margin: 0; background-size: 100%; background: #1f1729; background: linear-gradient(180deg, #1f1729 26%, rgba(56, 255, 89, 0.25) 100%); }
#trackArt > section { position: absolute; height: 100vh; width: 50%; background: transparent; padding: 0; margin: 0; text-align: center; }
#trackArt > section > * { margin: 40px; }
#trackArt .coverartwrapper { margin-top: 120px; margin-left: 50%; transform: translateX(-50%); width: 50%; padding-top: 50%; /* 1:1 Aspect Ratio */ position: relative; /* If you want text inside of it */ }
#trackArt .coverartwrapped { position: absolute; top: 0; left: 0; bottom: 0; right: 0; border-radius: 100%; padding-bottom: 0; background-size: cover; }
#trackArt .playbutton { cursor: pointer; justify-self: center; }
#trackInfo { flex: 1 1 50%; height: 100vh; overflow-y: scroll; overflow-x: hidden; margin: 0; padding: 0; }
#trackInfo section { text-align: left; }
#trackInfo section > * { margin: 20px; }
#trackInfo section .info { margin: 20px; padding: 0; }
#trackInfo section h1 { margin-top: 80px; }
#trackInfo .post-nav-next { text-align: right; }
#trackInfo .post-nav { text-align: left; }
@media only screen and (max-width: 1023px) { #trackArt { min-width: 100%; } #trackArt section { position: absolute; top: 0; margin: 0; width: 100%; height: 80vh; } #trackInfo { height: unset; overflow-y: unset; } #trackInfo section h1 { margin-top: 0; } }
.bouncer { -webkit-animation: backgroundSize 10s ease infinite; -moz-animation: backgroundSize 10s ease infinite; animation: backgroundSize 10s ease infinite; }
.editor-link { display: none; margin-top: 0; padding-top: 30px; }
.editor-link .btn { border: 0; border-radius: 2px; width: 100%; max-width: 500px; box-sizing: border-box; text-decoration: none; padding: 10px 15px; margin: 0; font-size: 18px; cursor: pointer; background-color: #f7e064; color: #333; box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.2); }
.editor-link .btn:hover { background-color: #f4d525; color: #333; }
.cms-editor-active .editor-link { display: block; }
.noJSalbum { display: none; }
.logo, #sticky { filter: blur(0px); opacity: 1; background-color: #3c2a52; }
.blurredout { filter: blur(0px); opacity: 1; background-color: #3c2a52; -webkit-transition: all 400ms ease-in; -moz-transition: all 400ms ease-in; transition: all 400ms ease-in; }
.hero { padding-top: 120px; }
.player-wrap { display: none; }
.noJSalbum { display: unset; flex: 0 1 400px; border-radius: 5px; width: 100%; }
#fixed-player { display: unset; height: unset; }
.hideWhenNoJS { display: none; }
/*# sourceMappingURL=noscripts-20200805.css.map */

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 15 KiB

After

Width:  |  Height:  |  Size: 15 KiB

View file

@ -2,8 +2,8 @@
<svg width="480" height="480" version="1.1" viewBox="0 0 127 127" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<linearGradient id="linearGradient857" x1="30.295" x2="30.295" y1="120.88" y2="63.5" gradientTransform="scale(3.7795)" gradientUnits="userSpaceOnUse">
<stop stop-color="#1f1729" offset="0"/>
<stop stop-color="#1f1729" stop-opacity="0" offset="1"/>
<stop stop-color="#3c2a52" offset="0"/>
<stop stop-color="#3c2a52" stop-opacity="0" offset="1"/>
</linearGradient>
<linearGradient id="linearGradient5491" x1="-1.7764e-15" x2="-1.7764e-15" y1="127" y2="-7.1054e-15" gradientTransform="matrix(1 0 0 .8654 0 17.094)" gradientUnits="userSpaceOnUse" xlink:href="#linearGradient857"/>
</defs>

Before

Width:  |  Height:  |  Size: 16 KiB

After

Width:  |  Height:  |  Size: 16 KiB

32
assets/js/set-20200805.js Normal file
View file

@ -0,0 +1,32 @@
// When the user scrolls the page, execute scrollMenu
window.onscroll = function () { scrollMenu() };
// Get the navbar
var navbar = document.getElementById("logo");
var hider = document.getElementById("sticky");
// Get the offset position of the navbar
var sticky = navbar.offsetTop;
// Add the sticky class to the navbar when you reach its scroll position. Remove "sticky" when you leave the scroll position
function scrollMenu() {
if (window.pageYOffset >= sticky) {
hider.classList.add("sticky")
} else {
hider.classList.remove("sticky")
}
}
// Make a pretty background when menu is open
var bodyBluring = document.getElementById("main-wrapper")
function blurBody() {
bodyBluring.classList.toggle("blurredout");
}
function removeBlur() {
bodyBluring.classList.remove("blurredout")
}
/// request permission to autoplay

View file

@ -117,11 +117,11 @@
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
<link rel="stylesheet" href="../assets/css/all.min.css" />
<link rel="stylesheet" href="../assets/css/main.css" />
<link rel="stylesheet" href="../assets/css/main-20200805.css" />
<link rel="apple-touch-icon" href="https://setto.basspistol.com/apple-touch-icon.png">
<link rel="icon" type="image/png" href="https://setto.basspistol.com/touch-icon.png" sizes="192x192">
<link rel="shortcut icon" href="https://setto.basspistol.com/images/setto-logoicon.svg" type="image/png" />
<noscript><link rel="stylesheet" href="../assets/css/noscripts.css" /></noscript>
<noscript><link rel="stylesheet" href="../assets/css/noscripts-20200805.css" /></noscript>
</head>
<body>
@ -136,8 +136,14 @@
<div>
<h1>Cookies & Privacy policy</h1>
<p>Privacy is important, therefor 徒 setto セット respects it!</p>
</div>
<div class="imagecontainer"></div>
<div class="imagecontainer">
</div>
</header>
<section class="info">
@ -563,7 +569,7 @@ _paq.push(['enableLinkTracking']);
<script src="../assets/js/set.js"></script>
<script src="../assets/js/set-20200805.js"></script>
</body>
</html>

View file

@ -45,7 +45,7 @@
<title>Play &quot;Cyber Grany&quot; by 徒 Setto セット | 徒 setto セット</title>
<meta name="title" content="Play &quot;Cyber Grany&quot; by 徒 Setto セット" />
<meta name="description" content="A release by 徒 Setto セット named &quot;Cyber Grany&quot; published on 徒 setto セット" />
<meta name="dc.date.modified" scheme="ISO8601" content="2020-08-04T10:18:11+00:00" />
<meta name="dc.date.modified" scheme="ISO8601" content="2020-08-05T08:56:44+00:00" />
<meta name="robots" content="index" />
<link rel="canonical" href="https://setto.basspistol.com/cyber-grany/" />
@ -105,11 +105,11 @@
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
<link rel="stylesheet" href="../assets/css/all.min.css" />
<link rel="stylesheet" href="../assets/css/main.css" />
<link rel="stylesheet" href="../assets/css/main-20200805.css" />
<link rel="apple-touch-icon" href="https://setto.basspistol.com/apple-touch-icon.png">
<link rel="icon" type="image/png" href="https://setto.basspistol.com/touch-icon.png" sizes="192x192">
<link rel="shortcut icon" href="https://setto.basspistol.com/images/setto-logoicon.svg" type="image/png" />
<noscript><link rel="stylesheet" href="../assets/css/noscripts.css" /></noscript>
<noscript><link rel="stylesheet" href="../assets/css/noscripts-20200805.css" /></noscript>
</head>
<body>
@ -122,8 +122,16 @@
<div>
<h1>Granny is a cyborg now</h1>
<p>Jazzy Cybersoul with a hint of 303 baselines.</p>
<p><a href="#npImage" class="button">Listen</a></p>
</div>
<div class="imagecontainer"></div>
<div class="imagecontainer">
</div>
</header>
@ -154,7 +162,9 @@
</div>
</div>
<div class="noJSalbum">
<div class="coverartwrapper">
<div class="coverartwrapped" style="background-image: url(/images/posts/1-grandma-got-the-ssh-keys.jpeg);"></div>
</div>
<div class="plItem">
@ -169,12 +179,14 @@
</div>
<div class="coverart">
<div class="coverartwrapper">
<div id="npImage" class="coverartwrapped"></div>
</div>
<div id="author">
<div class="bio">
<p><a href="mailto:setto@basspistol.com"><strong>徒 setto セット</strong></a></p>
@ -371,6 +383,7 @@
if ((index + 1) < trackCount) {
index++;
loadTrack(index);
playTrack(index);
audio.play();
} else {
audio.pause();
@ -703,7 +716,7 @@ _paq.push(['enableLinkTracking']);
<script src="../assets/js/set.js"></script>
<script src="../assets/js/set-20200805.js"></script>
</body>
</html>

View file

@ -46,7 +46,7 @@
<title>Play &quot;Darkweb&quot; by 徒 Setto セット | 徒 setto セット</title>
<meta name="title" content="Play &quot;Darkweb&quot; by 徒 Setto セット" />
<meta name="description" content="A release by 徒 Setto セット named &quot;Darkweb&quot; published on 徒 setto セット" />
<meta name="dc.date.modified" scheme="ISO8601" content="2020-08-04T10:18:11+00:00" />
<meta name="dc.date.modified" scheme="ISO8601" content="2020-08-05T08:56:44+00:00" />
<meta name="robots" content="index" />
<link rel="canonical" href="https://setto.basspistol.com/darkweb/" />
@ -105,11 +105,11 @@
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
<link rel="stylesheet" href="../assets/css/all.min.css" />
<link rel="stylesheet" href="../assets/css/main.css" />
<link rel="stylesheet" href="../assets/css/main-20200805.css" />
<link rel="apple-touch-icon" href="https://setto.basspistol.com/apple-touch-icon.png">
<link rel="icon" type="image/png" href="https://setto.basspistol.com/touch-icon.png" sizes="192x192">
<link rel="shortcut icon" href="https://setto.basspistol.com/images/setto-logoicon.svg" type="image/png" />
<noscript><link rel="stylesheet" href="../assets/css/noscripts.css" /></noscript>
<noscript><link rel="stylesheet" href="../assets/css/noscripts-20200805.css" /></noscript>
</head>
<body>
@ -122,8 +122,20 @@
<div>
<h1>Darkweb</h1>
<p>As dystopian as the present might seem on-line, there is always room for the strange in the cypher...</p>
<p><a href="#npImage" class="button">Listen</a></p>
</div>
<div class="imagecontainer"></div>
<div class="imagecontainer">
</div>
<video autoplay muted loop id="myVideo">
<source src="/videos/darkweb.webm" type="video/mp4">
</video>
</header>
@ -185,7 +197,9 @@
</div>
</div>
<div class="noJSalbum">
<div class="coverartwrapper">
<div class="coverartwrapped" style="background-image: url(/images/darkweb.jpg);"></div>
</div>
<div class="plItem">
@ -230,12 +244,14 @@
</div>
<div class="coverart">
<div class="coverartwrapper">
<div id="npImage" class="coverartwrapped"></div>
</div>
<div id="author">
<div class="bio">
<p><a href="mailto:setto@basspistol.com"><strong>徒 setto セット</strong></a></p>
@ -541,6 +557,7 @@
if ((index + 1) < trackCount) {
index++;
loadTrack(index);
playTrack(index);
audio.play();
} else {
audio.pause();
@ -872,7 +889,7 @@ _paq.push(['enableLinkTracking']);
<script src="../assets/js/set.js"></script>
<script src="../assets/js/set-20200805.js"></script>
</body>
</html>

View file

@ -117,11 +117,11 @@
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
<link rel="stylesheet" href="../assets/css/all.min.css" />
<link rel="stylesheet" href="../assets/css/main.css" />
<link rel="stylesheet" href="../assets/css/main-20200805.css" />
<link rel="apple-touch-icon" href="https://setto.basspistol.com/apple-touch-icon.png">
<link rel="icon" type="image/png" href="https://setto.basspistol.com/touch-icon.png" sizes="192x192">
<link rel="shortcut icon" href="https://setto.basspistol.com/images/setto-logoicon.svg" type="image/png" />
<noscript><link rel="stylesheet" href="../assets/css/noscripts.css" /></noscript>
<noscript><link rel="stylesheet" href="../assets/css/noscripts-20200805.css" /></noscript>
</head>
<body>
@ -136,8 +136,14 @@
<div>
<h1>Discography</h1>
<p>Collection of music releases published by 徒 setto セット over the years.</p>
</div>
<div class="imagecontainer"></div>
<div class="imagecontainer">
</div>
</header>
@ -519,7 +525,7 @@ _paq.push(['enableLinkTracking']);
<script src="../assets/js/set.js"></script>
<script src="../assets/js/set-20200805.js"></script>
</body>
</html>

View file

@ -6,7 +6,7 @@
<atom:link href="https://setto.basspistol.com/rss.xml" rel="self" type="application/rss+xml" />
<link>https://setto.basspistol.com</link>
<description>Set, Party, Gang! &amp;#35;Cybersoul.</description>
<lastBuildDate>Wed, 05 Aug 2020 07:07:05 +0000</lastBuildDate>
<lastBuildDate>Wed, 05 Aug 2020 08:56:47 +0000</lastBuildDate>
<language>en-US</language>
<sy:updatePeriod>hourly</sy:updatePeriod>
<sy:updateFrequency>1</sy:updateFrequency>

View file

@ -117,11 +117,11 @@
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
<link rel="stylesheet" href="./assets/css/all.min.css" />
<link rel="stylesheet" href="./assets/css/main.css" />
<link rel="stylesheet" href="./assets/css/main-20200805.css" />
<link rel="apple-touch-icon" href="https://setto.basspistol.com/apple-touch-icon.png">
<link rel="icon" type="image/png" href="https://setto.basspistol.com/touch-icon.png" sizes="192x192">
<link rel="shortcut icon" href="https://setto.basspistol.com/images/setto-logoicon.svg" type="image/png" />
<noscript><link rel="stylesheet" href="./assets/css/noscripts.css" /></noscript>
<noscript><link rel="stylesheet" href="./assets/css/noscripts-20200805.css" /></noscript>
</head>
<body>
@ -136,8 +136,14 @@
<div>
<h1>Yo, web-TV crib! ゲットー・スービド</h1>
<p>The music of To Setto Setto is a cypher cloud jam induced by popcorn chewing threads in obscure chat-rooms.</p>
</div>
<div class="imagecontainer"></div>
<div class="imagecontainer">
</div>
</header>
@ -675,7 +681,7 @@ _paq.push(['enableLinkTracking']);
<script src="./assets/js/set.js"></script>
<script src="./assets/js/set-20200805.js"></script>
</body>
</html>

View file

@ -117,11 +117,11 @@
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
<link rel="stylesheet" href="../assets/css/all.min.css" />
<link rel="stylesheet" href="../assets/css/main.css" />
<link rel="stylesheet" href="../assets/css/main-20200805.css" />
<link rel="apple-touch-icon" href="https://setto.basspistol.com/apple-touch-icon.png">
<link rel="icon" type="image/png" href="https://setto.basspistol.com/touch-icon.png" sizes="192x192">
<link rel="shortcut icon" href="https://setto.basspistol.com/images/setto-logoicon.svg" type="image/png" />
<noscript><link rel="stylesheet" href="../assets/css/noscripts.css" /></noscript>
<noscript><link rel="stylesheet" href="../assets/css/noscripts-20200805.css" /></noscript>
</head>
<body>
@ -136,8 +136,14 @@
<div>
<h1>Links</h1>
<p>Venture outside of your daily web-routine, read about some real projects. These links are way more than just Friends and Resources</p>
</div>
<div class="imagecontainer"></div>
<div class="imagecontainer">
</div>
</header>
@ -490,7 +496,7 @@ _paq.push(['enableLinkTracking']);
<script src="../assets/js/set.js"></script>
<script src="../assets/js/set-20200805.js"></script>
</body>
</html>

View file

@ -48,7 +48,7 @@
<title>Play &quot;Live with hardware&quot; by 徒 Setto セット | 徒 setto セット</title>
<meta name="title" content="Play &quot;Live with hardware&quot; by 徒 Setto セット" />
<meta name="description" content="A release by 徒 Setto セット named &quot;Live with hardware&quot; published on 徒 setto セット" />
<meta name="dc.date.modified" scheme="ISO8601" content="2020-08-04T10:18:11+00:00" />
<meta name="dc.date.modified" scheme="ISO8601" content="2020-08-05T08:56:44+00:00" />
<meta name="robots" content="index" />
<link rel="canonical" href="https://setto.basspistol.com/live-with-hardware/" />
@ -105,11 +105,11 @@
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
<link rel="stylesheet" href="../assets/css/all.min.css" />
<link rel="stylesheet" href="../assets/css/main.css" />
<link rel="stylesheet" href="../assets/css/main-20200805.css" />
<link rel="apple-touch-icon" href="https://setto.basspistol.com/apple-touch-icon.png">
<link rel="icon" type="image/png" href="https://setto.basspistol.com/touch-icon.png" sizes="192x192">
<link rel="shortcut icon" href="https://setto.basspistol.com/images/setto-logoicon.svg" type="image/png" />
<noscript><link rel="stylesheet" href="../assets/css/noscripts.css" /></noscript>
<noscript><link rel="stylesheet" href="../assets/css/noscripts-20200805.css" /></noscript>
</head>
<body>
@ -122,8 +122,16 @@
<div>
<h1>Live with hardware</h1>
<p>There is a weird meta-core to anything social exchange on internet that I can't get my finger on. Assumptions and projections that I think partially stem from the lack in body language</p>
<p><a href="#npImage" class="button">Listen</a></p>
</div>
<div class="imagecontainer"></div>
<div class="imagecontainer">
</div>
</header>
@ -157,7 +165,9 @@
</div>
</div>
<div class="noJSalbum">
<div class="coverartwrapper">
<div class="coverartwrapped" style="background-image: url(/images/posts/1-ep-life-of-a-dudelini.jpeg);"></div>
</div>
<div class="plItem">
@ -172,12 +182,14 @@
</div>
<div class="coverart">
<div class="coverartwrapper">
<div id="npImage" class="coverartwrapped"></div>
</div>
<div id="author">
<div class="bio">
<p><a href="mailto:setto@basspistol.com"><strong>徒 setto セット</strong></a></p>
@ -380,6 +392,7 @@ Open your mind, open the source!</p>
if ((index + 1) < trackCount) {
index++;
loadTrack(index);
playTrack(index);
audio.play();
} else {
audio.pause();
@ -712,7 +725,7 @@ _paq.push(['enableLinkTracking']);
<script src="../assets/js/set.js"></script>
<script src="../assets/js/set-20200805.js"></script>
</body>
</html>

View file

@ -117,11 +117,11 @@
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
<link rel="stylesheet" href="../assets/css/all.min.css" />
<link rel="stylesheet" href="../assets/css/main.css" />
<link rel="stylesheet" href="../assets/css/main-20200805.css" />
<link rel="apple-touch-icon" href="https://setto.basspistol.com/apple-touch-icon.png">
<link rel="icon" type="image/png" href="https://setto.basspistol.com/touch-icon.png" sizes="192x192">
<link rel="shortcut icon" href="https://setto.basspistol.com/images/setto-logoicon.svg" type="image/png" />
<noscript><link rel="stylesheet" href="../assets/css/noscripts.css" /></noscript>
<noscript><link rel="stylesheet" href="../assets/css/noscripts-20200805.css" /></noscript>
</head>
<body>
@ -136,8 +136,14 @@
<div>
<h1>Web-Log</h1>
<p>Ramblings, announcenments and thoughts going on in the 徒 setto セット Cypher. In written form intertwined with audio</p>
</div>
<div class="imagecontainer"></div>
<div class="imagecontainer">
</div>
</header>
<section>
@ -434,7 +440,7 @@ _paq.push(['enableLinkTracking']);
<script src="../assets/js/set.js"></script>
<script src="../assets/js/set-20200805.js"></script>
</body>
</html>

View file

@ -44,7 +44,7 @@
<title>Play &quot;Satoshi mon ami&quot; by 徒 Setto セット | 徒 setto セット</title>
<meta name="title" content="Play &quot;Satoshi mon ami&quot; by 徒 Setto セット" />
<meta name="description" content="A release by 徒 Setto セット named &quot;Satoshi mon ami&quot; published on 徒 setto セット" />
<meta name="dc.date.modified" scheme="ISO8601" content="2020-08-04T10:18:11+00:00" />
<meta name="dc.date.modified" scheme="ISO8601" content="2020-08-05T08:56:44+00:00" />
<meta name="robots" content="index" />
<link rel="canonical" href="https://setto.basspistol.com/satoshi-mon-ami/" />
@ -105,11 +105,11 @@
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
<link rel="stylesheet" href="../assets/css/all.min.css" />
<link rel="stylesheet" href="../assets/css/main.css" />
<link rel="stylesheet" href="../assets/css/main-20200805.css" />
<link rel="apple-touch-icon" href="https://setto.basspistol.com/apple-touch-icon.png">
<link rel="icon" type="image/png" href="https://setto.basspistol.com/touch-icon.png" sizes="192x192">
<link rel="shortcut icon" href="https://setto.basspistol.com/images/setto-logoicon.svg" type="image/png" />
<noscript><link rel="stylesheet" href="../assets/css/noscripts.css" /></noscript>
<noscript><link rel="stylesheet" href="../assets/css/noscripts-20200805.css" /></noscript>
</head>
<body>
@ -122,8 +122,20 @@
<div>
<h1>Satoshi Mon Ami</h1>
<p>The 2 tracks of laid back cloud rap are tales of daily digital life-struggles. When day-to-day communication blurs the line between the virtual and real.</p>
<p><a href="#npImage" class="button">Listen</a></p>
</div>
<div class="imagecontainer"></div>
<div class="imagecontainer">
</div>
<video autoplay muted loop id="myVideo">
<source src="/videos/satoshi.webm" type="video/mp4">
</video>
</header>
@ -163,7 +175,9 @@
</div>
</div>
<div class="noJSalbum">
<div class="coverartwrapper">
<div class="coverartwrapped" style="background-image: url(/images/posts/1-k-as-tu-fait-de-nous-.jpeg);"></div>
</div>
<div class="plItem">
@ -188,12 +202,14 @@
</div>
<div class="coverart">
<div class="coverartwrapper">
<div id="npImage" class="coverartwrapped"></div>
</div>
<div id="author">
<div class="bio">
<p><a href="mailto:setto@basspistol.com"><strong>徒 setto セット</strong></a></p>
@ -447,6 +463,7 @@
if ((index + 1) < trackCount) {
index++;
loadTrack(index);
playTrack(index);
audio.play();
} else {
audio.pause();
@ -778,7 +795,7 @@ _paq.push(['enableLinkTracking']);
<script src="../assets/js/set.js"></script>
<script src="../assets/js/set-20200805.js"></script>
</body>
</html>

View file

@ -2,27 +2,27 @@
<urlset xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.sitemaps.org/schemas/sitemap/0.9 http://www.sitemaps.org/schemas/sitemap/0.9/sitemap.xsd" xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
<url>
<loc>https://setto.basspistol.com/satoshi-mon-ami/</loc>
<lastmod>2020-08-04T10:18:11+00:00</lastmod>
<lastmod>2020-08-05T08:56:44+00:00</lastmod>
</url>
<url>
<loc>https://setto.basspistol.com/darkweb/</loc>
<lastmod>2020-08-04T10:18:11+00:00</lastmod>
<lastmod>2020-08-05T08:56:44+00:00</lastmod>
</url>
<url>
<loc>https://setto.basspistol.com/cyber-grany/</loc>
<lastmod>2020-08-04T10:18:11+00:00</lastmod>
<lastmod>2020-08-05T08:56:44+00:00</lastmod>
</url>
<url>
<loc>https://setto.basspistol.com/live-with-hardware/</loc>
<lastmod>2020-08-04T10:18:11+00:00</lastmod>
<lastmod>2020-08-05T08:56:44+00:00</lastmod>
</url>
<url>
<loc>https://setto.basspistol.com/unmet-dependencies/</loc>
<lastmod>2020-08-04T15:52:48+00:00</lastmod>
<lastmod>2020-08-05T08:56:44+00:00</lastmod>
</url>
<url>
<loc>https://setto.basspistol.com/333mix/</loc>
<lastmod>2020-08-04T10:18:11+00:00</lastmod>
<lastmod>2020-08-05T08:56:44+00:00</lastmod>
</url>
<url>
<loc>https://setto.basspistol.com/albums/cyber-grany/1-grandma-got-the-ssh-keys/</loc>
@ -66,7 +66,7 @@
</url>
<url>
<loc>https://setto.basspistol.com/404/</loc>
<lastmod>2020-08-05T07:07:03+00:00</lastmod>
<lastmod>2020-08-05T08:56:44+00:00</lastmod>
</url>
<url>
<loc>https://setto.basspistol.com/about/</loc>

View file

@ -47,7 +47,7 @@
<title>Play &quot;Unmet Dependencies&quot; by 徒 setto セット | 徒 setto セット</title>
<meta name="title" content="Play &quot;Unmet Dependencies&quot; by 徒 setto セット" />
<meta name="description" content="A release by 徒 setto セット named &quot;Unmet Dependencies&quot; published on 徒 setto セット" />
<meta name="dc.date.modified" scheme="ISO8601" content="2020-08-04T15:52:48+00:00" />
<meta name="dc.date.modified" scheme="ISO8601" content="2020-08-05T08:56:44+00:00" />
<meta name="robots" content="index" />
<link rel="canonical" href="https://setto.basspistol.com/unmet-dependencies/" />
@ -105,11 +105,11 @@
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
<link rel="stylesheet" href="../assets/css/all.min.css" />
<link rel="stylesheet" href="../assets/css/main.css" />
<link rel="stylesheet" href="../assets/css/main-20200805.css" />
<link rel="apple-touch-icon" href="https://setto.basspistol.com/apple-touch-icon.png">
<link rel="icon" type="image/png" href="https://setto.basspistol.com/touch-icon.png" sizes="192x192">
<link rel="shortcut icon" href="https://setto.basspistol.com/images/setto-logoicon.svg" type="image/png" />
<noscript><link rel="stylesheet" href="../assets/css/noscripts.css" /></noscript>
<noscript><link rel="stylesheet" href="../assets/css/noscripts-20200805.css" /></noscript>
</head>
<body>
@ -124,8 +124,16 @@
<p>Proprietary tools, consultancies, remote labor... The reality in the digital industry is as hard to cope with as it is building software in Haskell. Freedom is luxury, but also a burden.
Open your mind, open the source!</p>
<p><a href="#npImage" class="button">Listen</a></p>
</div>
<div class="imagecontainer"></div>
<div class="imagecontainer">
</div>
</header>
@ -168,7 +176,9 @@ Open your mind, open the source!</p>
</div>
</div>
<div class="noJSalbum">
<div class="coverartwrapper">
<div class="coverartwrapped" style="background-image: url(/images/posts/final-pingnucover1220x1200.jpg);"></div>
</div>
<div class="plItem">
@ -193,12 +203,14 @@ Open your mind, open the source!</p>
</div>
<div class="coverart">
<div class="coverartwrapper">
<div id="npImage" class="coverartwrapped"></div>
</div>
<div id="author">
<div class="bio">
<p><a href="mailto:setto@basspistol.com"><strong>徒 setto セット</strong></a></p>
@ -450,6 +462,7 @@ Open your mind, open the source!</p>
if ((index + 1) < trackCount) {
index++;
loadTrack(index);
playTrack(index);
audio.play();
} else {
audio.pause();
@ -773,7 +786,7 @@ _paq.push(['enableLinkTracking']);
<script src="../assets/js/set.js"></script>
<script src="../assets/js/set-20200805.js"></script>
</body>
</html>

BIN
videos/darkweb.webm Normal file

Binary file not shown.

BIN
videos/satoshi.webm Normal file

Binary file not shown.

View file

@ -117,11 +117,11 @@
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
<link rel="stylesheet" href="../assets/css/all.min.css" />
<link rel="stylesheet" href="../assets/css/main.css" />
<link rel="stylesheet" href="../assets/css/main-20200805.css" />
<link rel="apple-touch-icon" href="https://setto.basspistol.com/apple-touch-icon.png">
<link rel="icon" type="image/png" href="https://setto.basspistol.com/touch-icon.png" sizes="192x192">
<link rel="shortcut icon" href="https://setto.basspistol.com/images/setto-logoicon.svg" type="image/png" />
<noscript><link rel="stylesheet" href="../assets/css/noscripts.css" /></noscript>
<noscript><link rel="stylesheet" href="../assets/css/noscripts-20200805.css" /></noscript>
</head>
<body>
@ -136,8 +136,14 @@
<div>
<h1>Webcreds</h1>
<p>Information and credit regarding authors of tools, content and code used to build this website.</p>
</div>
<div class="imagecontainer"></div>
<div class="imagecontainer">
</div>
</header>
<section class="info">
@ -417,7 +423,7 @@ _paq.push(['enableLinkTracking']);
<script src="../assets/js/set.js"></script>
<script src="../assets/js/set-20200805.js"></script>
</body>
</html>