setto.basspistol.com/index.html

578 lines
20 KiB
HTML
Raw Normal View History

2020-07-28 11:27:23 +02:00
<!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&nbsp;Setto&nbsp;Setto is a cypher cloud jam induced by popcorn chewing threads in obscure chat-rooms.</p>
<ul class="actions stacked">
2020-07-29 14:49:16 +02:00
<li><a href="#music" class="button small smooth-scroll-middle">Music!</a></li>
2020-07-28 11:27:23 +02:00
</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">
2020-08-02 09:07:18 +02:00
<h3>Unmet Dependencies</h3>
<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>
2020-07-28 11:27:23 +02:00
<p>2020</p>
2020-07-28 11:59:57 +02:00
<p style="margin-bottom: 30px;font-size: 14px">
2020-08-02 09:07:18 +02:00
<strong>1. Dependency Error</strong><br />
<span>5:13</span> |
<span style="font-size: 14px">Cybersoul </span>
</p>
<p style="margin-bottom: 30px;font-size: 14px">
<strong>2. Pingnu</strong><br />
<span>3:42</span> |
2020-07-28 11:59:57 +02:00
<span style="font-size: 14px">Cybersoul </span>
2020-07-28 11:27:23 +02:00
</p>
<br />
<ul class="actions stacked">
2020-08-02 09:07:18 +02:00
<li><li><a href="/unmet-dependencies/" class="button small icon solid fa-volume-up">Listen</a>
2020-07-28 11:27:23 +02:00
</li>
</ul>
</div>
<div class="image">
2020-08-02 09:07:18 +02:00
<img src="./images/posts/final-pingnucover1220x1200.jpg" alt="Unmet Dependencies" title="Unmet Dependencies" />
2020-07-28 11:27:23 +02:00
</div>
</section>
2020-07-28 12:51:36 +02:00
<section class="streambox" style="padding: 40px;">
2020-07-28 11:27:23 +02:00
<h2 style="text-align: center;display: block;">Support 徒 setto セット</h2>
<p>Stream, follow, like and subscribe!</p>
<div class="streamer">
2020-07-28 12:51:36 +02:00
<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>
2020-08-01 13:12:36 +02:00
2020-07-28 11:27:23 +02:00
</div>
<h2 style="text-align: center;display: block;">&nbsp;</h2>
<div class="streamer">
2020-07-28 12:51:36 +02:00
<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>
2020-08-01 13:12:36 +02:00
<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>
2020-07-28 12:51:36 +02:00
<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>
2020-07-28 11:27:23 +02:00
</div>
2020-07-28 12:51:36 +02:00
</section>
2020-07-28 11:27:23 +02:00
2020-07-28 12:51:36 +02:00
2020-07-28 11:27:23 +02:00
<!-- 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;" >
2020-08-02 09:07:18 +02:00
<div class="content">
<h3>Live with hardware</h3>
<p>2020</p>
<ul class="actions stacked">
<li><a href="/live-with-hardware/" 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-ep-life-of-a-dudelini.jpeg"
alt="Live with hardware" />
</div>
</section>
<section
class="spotlight style5 orient-left content-align-right image-position-center onscroll-image-fade-in"
>
2020-07-28 11:27:23 +02:00
<div class="content">
<h3>Granny is a cyborg now</h3>
<p>2019</p>
<ul class="actions stacked">
2020-07-29 14:49:16 +02:00
<li><a href="/cyber-grany/" style="text-decoration:none;" class="button small icon solid fa-volume-up">Listen</a></li>
2020-07-28 11:27:23 +02:00
</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
2020-08-02 09:07:18 +02:00
class="spotlight style5 orient-right content-align-left image-position-center onscroll-image-fade-in"
2020-07-28 11:27:23 +02:00
>
<div class="content">
<h3>Darkweb</h3>
<p>2019</p>
<ul class="actions stacked">
2020-07-29 14:49:16 +02:00
<li><a href="/darkweb/" style="text-decoration:none;" class="button small icon solid fa-volume-up">Listen</a></li>
2020-07-28 11:27:23 +02:00
</ul>
</div>
<div class="image">
<img src="/images/darkweb.jpg"
alt="Darkweb" />
</div>
</section>
<section
2020-08-02 09:07:18 +02:00
class="spotlight style5 orient-left content-align-right image-position-center onscroll-image-fade-in"
2020-07-28 11:27:23 +02:00
>
<div class="content">
<h3>Satoshi Mon Ami</h3>
<p>2018</p>
<ul class="actions stacked">
2020-07-29 14:49:16 +02:00
<li><a href="/satoshi-mon-ami/" style="text-decoration:none;" class="button small icon solid fa-volume-up">Listen</a></li>
2020-07-28 11:27:23 +02:00
</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 -->
2020-07-28 12:51:36 +02:00
<section class="streambox" style="padding: 40px;">
2020-07-28 11:27:23 +02:00
<h2 style="text-align: center;display: block;">Support 徒 setto セット</h2>
<p>Stream, follow, like and subscribe!</p>
<div class="streamer">
2020-07-28 12:51:36 +02:00
<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>
2020-08-01 13:12:36 +02:00
2020-07-28 11:27:23 +02:00
</div>
<h2 style="text-align: center;display: block;">&nbsp;</h2>
<div class="streamer">
2020-07-28 12:51:36 +02:00
<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>
2020-08-01 13:12:36 +02:00
<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>
2020-07-28 12:51:36 +02:00
<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>
2020-07-28 11:27:23 +02:00
</section>
2020-07-28 12:51:36 +02:00
2020-07-28 11:27:23 +02:00
<footer id="footer" class="wrapper style1 align-center">
<div class="footflex">
<div>
<h4>徒 setto セット</h4>
<p>Set, Party, Gang! &#35;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>&copy;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>
&nbsp;&nbsp;&nbsp;<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>