547 lines
19 KiB
HTML
547 lines
19 KiB
HTML
<!DOCTYPE html>
|
|
<!--
|
|
Based on _Story_ by html5up.net | @ajlkn
|
|
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
|
Remixed and Jekyllified by Setto
|
|
-->
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|
<!--
|
|
..............................................
|
|
..............................................
|
|
...........'';,...............................
|
|
.........'',,;:o:,............................
|
|
.......',;;::::::;;;,.........................
|
|
.....,;:ooooooooooo;,,''''....................
|
|
....,;ooooooooooooooo;,'..'''''...............
|
|
...,:ooooooooooooooooo;''......'''............
|
|
..,;:ooooooooooooooooo',,.........,'.......... _______ _ _ __
|
|
..,,;:,ooooo;;:ooo;o,:;,',.........;,''....... \____ \____ _____ __________ |_| ______/ |_ ___ | |
|
|
..,'..,,;:o,''.,;;'''..'';,,,,,,''',;'''...... | | _/\__ \/ __// __/\___ \| |/ __/\ _\/ \| |
|
|
..,'......':ooo:.......'';,'''''''',;,,,...... | | _/\__ \/ __// __/\___ \| |/ __/\ _\/ \| |
|
|
..,,.......,:o:'.......,'oooo:::::;:,.',;,.... | | _/\__ \/ __// __/\___ \| |/ __/\ _\/ \| |
|
|
..','.................',,..'',,,;;;;;;,.,:.... | | \ / _ \__ \ \__ \ | |_> > |\__ \ | | ( <> ) |__
|
|
...,,'...............',;oooooooooo:;;:,;oo,... |____ /(___ /___ >___ >| __/|_/____ > |_| \___/|____/
|
|
....,,'.............,,;ooooooooo;,..'',oooo,.. \/ \/ \/ \/ |_| \/
|
|
.....',,'........',,;ooo::;;,'........'oooo;..
|
|
.......'',,'''',,;;;,,'...............';;;'... All you saw was sound!
|
|
...........'''''..............................
|
|
..............................................
|
|
..............................................
|
|
..............................................
|
|
..............................................
|
|
-->
|
|
|
|
|
|
<link rel="alternate" type="application/rss+xml" href="https://setto.basspistol.com/feed.xml" title="徒 setto セット" />
|
|
<!-- END seo.html -->
|
|
|
|
|
|
|
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
|
|
<link rel="stylesheet" href="./assets/css/main20200727.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/noscript20200727.css" /></noscript>
|
|
</head>
|
|
|
|
<body id="body">
|
|
<span id="top" style="display: none;"></span>
|
|
<!-- Wrapper -->
|
|
<div id="wrapper" class="divided" data-cms-content-wrapper="/_layouts/default.html">
|
|
|
|
|
|
|
|
|
|
<!-- Banner -->
|
|
<section
|
|
class="banner onload-image-fade-in onload-content-fade-right style5 fullscreen content-align-center image-position-center;"
|
|
style="background-image:url('/images/nebula.jpg');background-size:cover;background-repeat:no-repeat;background-position: center;min-height: 100vh;">
|
|
<div
|
|
style="z-index:0;position:absolute; top:0; left:0; width:100%;min-height:100%;background-color: rgba(13, 13 ,13, 0.5);">
|
|
</div>
|
|
<div class="content" style="z-index:1">
|
|
<h1 style="margin-top:80px">徒 setto セット</h1>
|
|
|
|
<p>The music of To Setto Setto is a cypher cloud jam induced by popcorn chewing threads in obscure chat-rooms.</p>
|
|
<ul class="actions stacked">
|
|
<li><a href="#music" class="button small smooth-scroll-middle">Music!</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="image">
|
|
<img src="./images/setto-logoicon.svg" alt="徒 setto セット logo" />
|
|
</div>
|
|
</section>
|
|
|
|
|
|
<!-- Posts -->
|
|
<section id="news" class="wrapper style1 align-center">
|
|
<div class="inner" style="padding-top: 40px;">
|
|
<h2>Web-Log</h2>
|
|
<p>Ramblings, announcenments and thoughts going on in the 徒 setto セット Cypher. In written form intertwined with audio</p>
|
|
<ul class="actions stacked">
|
|
<li><a href="/log/" class="button small">Archive</a></li>
|
|
</ul>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
|
|
<section
|
|
class="section-shadow banner style1 orient-left content-align-right image-position-center fullscreen onload-image-fade-in onload-content-fade-right">
|
|
|
|
<div class="content">
|
|
<h3>Live with hardware</h3>
|
|
<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>2020</p>
|
|
|
|
|
|
<p style="margin-bottom: 30px;font-size: 14px">
|
|
<strong>1. EP-Life of a Dudelini</strong><br />
|
|
<span>11:23</span> |
|
|
<span style="font-size: 14px">Cybersoul </span>
|
|
</p>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<br />
|
|
<ul class="actions stacked">
|
|
|
|
<li><li><a href="/live-with-hardware/" class="button small icon solid fa-volume-up">Listen</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="image">
|
|
<img src="./images/posts/1-ep-life-of-a-dudelini.jpeg" alt="Live with hardware" title="Live with hardware" />
|
|
|
|
</div>
|
|
</section>
|
|
|
|
|
|
|
|
|
|
<section class="streambox" style="padding: 40px;">
|
|
<h2 style="text-align: center;display: block;">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" alt="Stream from Bandcamp" title="Stream from Bandcamp" class="button small icon brands fa-bandcamp">Bandcamp</a>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
<h2 style="text-align: center;display: block;"> </h2>
|
|
|
|
<div class="streamer">
|
|
|
|
|
|
|
|
|
|
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Spotify']);" target="_blank" rel="noopener" href="https://open.spotify.com/artist/0gus2IdSkfrvFDBPqeiksM/" alt="Stream from Spotify" title="Stream from Spotify" class="button small icon brands fa-spotify">Spotify</a>
|
|
|
|
|
|
|
|
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Tidal']);" target="_blank" rel="noopener" href="https://listen.tidal.com/artist/10745925" alt="Stream from Tidal" title="Stream from Tidal" class="button small icon brands fa-creative-commons-sampling">Tidal</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" alt="Stream from Apple Music" title="Stream from Apple Music" class="button small icon brands fa-apple">Apple Music</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" alt="Stream from Google Play" title="Stream from Google Play" class="button small icon brands fa-google-play">Google Play</a>
|
|
|
|
|
|
|
|
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Deezer']);" target="_blank" rel="noopener" href="https://www.deezer.com/fr/artist/56004012" alt="Stream from Deezer" title="Stream from Deezer" class="button small icon brands fa-creative-commons-sampling">Deezer</a>
|
|
|
|
|
|
|
|
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Napster']);" target="_blank" rel="noopener" href="https://us.napster.com/artist/-setto-" alt="Stream from Napster" title="Stream from Napster" class="button small icon brands fa-napster">Napster</a>
|
|
|
|
|
|
</div>
|
|
</section>
|
|
|
|
|
|
<!-- Releases -->
|
|
|
|
<section id="music" class="wrapper style1 align-center">
|
|
<div class="inner" style="padding-top: 40px;">
|
|
<h2>Releases</h2>
|
|
<p>Collection of released music through time</p>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
|
|
|
|
|
|
<section
|
|
class="spotlight style5 orient-right content-align-left image-position-center onscroll-image-fade-in"
|
|
style="box-shadow: none;" >
|
|
|
|
|
|
<div class="content">
|
|
<h3>Granny is a cyborg now</h3>
|
|
<p>2019</p>
|
|
|
|
<ul class="actions stacked">
|
|
<li><a href="/cyber-grany/" style="text-decoration:none;" class="button small icon solid fa-volume-up">Listen</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="image">
|
|
<img src="/images/posts/1-grandma-got-the-ssh-keys.jpeg"
|
|
alt="Granny is a cyborg now" />
|
|
</div>
|
|
|
|
</section>
|
|
|
|
|
|
|
|
<section
|
|
class="spotlight style5 orient-left content-align-right image-position-center onscroll-image-fade-in"
|
|
>
|
|
|
|
|
|
<div class="content">
|
|
<h3>Darkweb</h3>
|
|
<p>2019</p>
|
|
|
|
<ul class="actions stacked">
|
|
<li><a href="/darkweb/" style="text-decoration:none;" class="button small icon solid fa-volume-up">Listen</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="image">
|
|
<img src="/images/darkweb.jpg"
|
|
alt="Darkweb" />
|
|
</div>
|
|
|
|
</section>
|
|
|
|
|
|
|
|
<section
|
|
class="spotlight style5 orient-right content-align-left image-position-center onscroll-image-fade-in"
|
|
>
|
|
|
|
|
|
<div class="content">
|
|
<h3>Satoshi Mon Ami</h3>
|
|
<p>2018</p>
|
|
|
|
<ul class="actions stacked">
|
|
<li><a href="/satoshi-mon-ami/" style="text-decoration:none;" class="button small icon solid fa-volume-up">Listen</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="image">
|
|
<img src="/images/posts/1-k-as-tu-fait-de-nous-.jpeg"
|
|
alt="Satoshi Mon Ami" />
|
|
</div>
|
|
|
|
</section>
|
|
|
|
|
|
|
|
<!-- END Release -->
|
|
|
|
<!-- Footer -->
|
|
|
|
|
|
<section class="streambox" style="padding: 40px;">
|
|
<h2 style="text-align: center;display: block;">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" alt="Stream from Bandcamp" title="Stream from Bandcamp" class="button small icon brands fa-bandcamp">Bandcamp</a>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
<h2 style="text-align: center;display: block;"> </h2>
|
|
|
|
<div class="streamer">
|
|
|
|
|
|
|
|
|
|
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Spotify']);" target="_blank" rel="noopener" href="https://open.spotify.com/artist/0gus2IdSkfrvFDBPqeiksM/" alt="Stream from Spotify" title="Stream from Spotify" class="button small icon brands fa-spotify">Spotify</a>
|
|
|
|
|
|
|
|
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Tidal']);" target="_blank" rel="noopener" href="https://listen.tidal.com/artist/10745925" alt="Stream from Tidal" title="Stream from Tidal" class="button small icon brands fa-creative-commons-sampling">Tidal</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" alt="Stream from Apple Music" title="Stream from Apple Music" class="button small icon brands fa-apple">Apple Music</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" alt="Stream from Google Play" title="Stream from Google Play" class="button small icon brands fa-google-play">Google Play</a>
|
|
|
|
|
|
|
|
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Deezer']);" target="_blank" rel="noopener" href="https://www.deezer.com/fr/artist/56004012" alt="Stream from Deezer" title="Stream from Deezer" class="button small icon brands fa-creative-commons-sampling">Deezer</a>
|
|
|
|
|
|
|
|
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Napster']);" target="_blank" rel="noopener" href="https://us.napster.com/artist/-setto-" alt="Stream from Napster" title="Stream from Napster" class="button small icon brands fa-napster">Napster</a>
|
|
|
|
|
|
</div>
|
|
</section>
|
|
|
|
|
|
<footer id="footer" class="wrapper style1 align-center">
|
|
<div class="footflex">
|
|
<div>
|
|
<h4>徒 setto セット</h4>
|
|
<p>Set, Party, Gang! #Cybersoul.
|
|
<br /><a href="mailto:setto@basspistol.com">setto@basspistol.com</a></p>
|
|
</div>
|
|
<div>
|
|
<ul>
|
|
|
|
|
|
<li><a href="/discography/">Discog</a></li>
|
|
|
|
<li><a href="/log/">Log</a></li>
|
|
|
|
<li><a href="/about/">About</a></li>
|
|
|
|
<li><a href="/links/">Links</a></li>
|
|
|
|
</ul>
|
|
</div>
|
|
<div><img src="./images/setto-logo-dark.svg" style="max-width:300px" alt="徒 setto セット Logo" /></div>
|
|
</div>
|
|
<div class="inner">
|
|
<ul class="icons">
|
|
|
|
|
|
<li><a target="_blank" alt="徒 setto セット on Twitter" title="徒 setto セット on Twitter" rel="noopener" href="https://twitter.com/ToSettoSetto" class="icon brands style2 fa-twitter"><span class="label">Twitter</span></a></li>
|
|
|
|
|
|
|
|
<li><a target="_blank" alt="徒 setto セット on Instagram" title="徒 setto セット on Instagram" rel="noopener" href="https://www.instagram.com/tosettosetto/" class="icon brands style2 fa-instagram"><span class="label">Instagram</span></a></li>
|
|
|
|
|
|
|
|
<li><a target="_blank" alt="徒 setto セット on Telegram" title="徒 setto セット on Telegram" rel="noopener" href="https://t.me/basspistol" class="icon brands style2 fa-telegram"><span class="label">Telegram</span></a></li>
|
|
|
|
|
|
|
|
<li><a target="_blank" alt="徒 setto セット on Reddit" title="徒 setto セット on Reddit" rel="noopener" href="https://www.reddit.com/r/basspistol" class="icon brands style2 fa-reddit"><span class="label">Reddit</span></a></li>
|
|
|
|
|
|
|
|
</ul>
|
|
<p>©2020 Basspistol | <a href="./webcreds/">Credits</a> | <a href="./cookies/">Cookies & Privacy</a></p>
|
|
</div>
|
|
</footer>
|
|
|
|
|
|
</div>
|
|
<!-- Navigation -->
|
|
<div id="logo" class="logo">
|
|
<a href="/"><img width="100em" src="/images/setto-logoicon.svg" alt="徒 setto セット Logo" /></a>
|
|
<a href="#navbar" onclick="blurBody()" alt="Navigation Menu" title="Navigation Menu"><span class="icon solid fa-bars navmenu"></span></a>
|
|
</div>
|
|
|
|
<div id="navbar" style="display: block;" class="modalDialog">
|
|
<a href="#close" onclick="removeBlur()" alt="Close Menu" title="Close Menu"><div id="closearea"> </div></a>
|
|
<nav>
|
|
<a href="#close" title="Close" onclick="removeBlur()" class="close-button close" style="margin: 0 auto;">X</a>
|
|
<ul>
|
|
|
|
|
|
|
|
<li><a href="./discography/" class="button smaller">Discog</a></li>
|
|
|
|
|
|
|
|
<li><a href="./log/" class="button smaller">Log</a></li>
|
|
|
|
|
|
|
|
<li><a href="./about/" class="button smaller">About</a></li>
|
|
|
|
|
|
|
|
<li><a href="./links/" class="button smaller">Links</a></li>
|
|
|
|
|
|
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
|
|
|
|
<!-- 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">
|
|
<p>I only use cookies if you consent to it. They don't contain any identifiable info: they just let me know if you enjoyed this enough to come back. <br />Click <a href="#" id="cookie-notice-decline">here</a> if you want this shit to go away without cookies. <br />Read more about how me & basspistol <a href="/cookies/">use cookies</a> </p>
|
|
<a class="button small yes" href="#" id="cookie-notice-accept">I'm in!</a>
|
|
</div>
|
|
|
|
<script>
|
|
function createCookie(name, value, days) {
|
|
var expires = "";
|
|
if (days) {
|
|
var date = new Date();
|
|
date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
|
|
expires = "; expires=" + date.toUTCString();
|
|
}
|
|
document.cookie = name + "=" + value + expires + "; path=/";
|
|
}
|
|
function readCookie(name) {
|
|
var nameEQ = name + "=";
|
|
var ca = document.cookie.split(';');
|
|
for (var i = 0; i < ca.length; i++) {
|
|
var c = ca[i];
|
|
while (c.charAt(0) == ' ') c = c.substring(1, c.length);
|
|
if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
|
|
}
|
|
return null;
|
|
}
|
|
function eraseCookie(name) {
|
|
createCookie(name, "", -1);
|
|
}
|
|
|
|
if (readCookie('cookie-notice-dismissed') == 'wantCookies') {
|
|
|
|
//* Matomo Tag Manager *//
|
|
|
|
var _mtm = _mtm || [];
|
|
_mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'});
|
|
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
|
g.type='text/javascript'; g.async=true; g.defer=true; g.src='https://cdn.matomo.cloud/terminalnetwork.matomo.cloud/container_kJUGWiO2.js'; s.parentNode.insertBefore(g,s);
|
|
|
|
//* End Matomo Tag Manager *//
|
|
|
|
|
|
|
|
} else {
|
|
document.getElementById('cookie-notice').style.display = 'flex';
|
|
|
|
var _paq = window._paq || [];
|
|
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
|
|
_paq.push(["setDocumentTitle", document.domain + "/" + document.title]);
|
|
_paq.push(["disableCookies"]);
|
|
_paq.push(['trackPageView']);
|
|
_paq.push(['enableLinkTracking']);
|
|
(function() {
|
|
var u="https://terminalnetwork.matomo.cloud/";
|
|
_paq.push(['setTrackerUrl', u+'matomo.php']);
|
|
_paq.push(['setSiteId', '11']);
|
|
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
|
g.type='text/javascript'; g.async=true; g.defer=true; g.src='//cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
|
|
})();
|
|
|
|
|
|
}
|
|
if (readCookie('cookie-notice-dismissed') == 'dontWantCookies') {
|
|
document.getElementById('cookie-notice').style.display = 'none';
|
|
|
|
var _paq = window._paq || [];
|
|
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
|
|
_paq.push(["setDocumentTitle", document.domain + "/" + document.title]);
|
|
_paq.push(["disableCookies"]);
|
|
_paq.push(['trackPageView']);
|
|
_paq.push(['enableLinkTracking']);
|
|
(function() {
|
|
var u="https://terminalnetwork.matomo.cloud/";
|
|
_paq.push(['setTrackerUrl', u+'matomo.php']);
|
|
_paq.push(['setSiteId', '11']);
|
|
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
|
g.type='text/javascript'; g.async=true; g.defer=true; g.src='//cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
|
|
})();
|
|
|
|
}
|
|
document.getElementById('cookie-notice-accept').addEventListener("click", function () {
|
|
createCookie('cookie-notice-dismissed', 'wantCookies', 31);
|
|
document.getElementById('cookie-notice').style.display = 'none';
|
|
_paq.push(['trackEvent', 'Consent', 'wantCookie']);
|
|
location.reload();
|
|
});
|
|
|
|
document.getElementById('cookie-notice-decline').addEventListener("click", function () {
|
|
createCookie('cookie-notice-dismissed', 'dontWantCookies', 31);
|
|
document.getElementById('cookie-notice').style.display = 'none';
|
|
_paq.push(['trackEvent', 'Consent', 'dontWantCookie']);
|
|
location.reload();
|
|
});
|
|
|
|
// document.getElementById('cookie-notice-gimme').addEventListener("click", function () {
|
|
// createCookie('cookie-notice-dismissed', 'wantCookies', 31);
|
|
// document.getElementById('cookie-notice').style.display = 'none';
|
|
// location.reload();
|
|
// });
|
|
|
|
|
|
</script>
|
|
</body>
|
|
</html> |