497 lines
18 KiB
HTML
497 lines
18 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 style2 fullscreen content-align-center image-position-center" style="min-height:100vh;">
|
|
|
|
<div class="content">
|
|
<h1>Web-Log</h1>
|
|
<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="#news" class="button small smooth-scroll">Cheggit!</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="image">
|
|
<img src="/images/pages/grace-brauteseth-1R0hB9WWVvQ-unsplash.jpg" alt="unfound page" />
|
|
</div>
|
|
</section>
|
|
<!-- NEWS -->
|
|
<section id="news" class="wrapper style1 align-center">
|
|
<div class="inner editable" style="padding-top: 160px;" data-cms-source="/log.html" data-cms-index="0">
|
|
|
|
<ul class="actions stacked">
|
|
<li><a href="https://setto.basspistol.com/feed.xml" class="button small wide icon solid fa-rss">RSS</a></li>
|
|
</ul>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
<section id="second" class="spotlight style4 orient-left content-align-left image-position-center onscroll-image-fade-in" style="box-shadow: none;" >
|
|
<div class="content">
|
|
<h2>Unmet Dependencies</h2>
|
|
<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 style="font-size: 12px;">
|
|
|
|
2:nd
|
|
of
|
|
|
|
August
|
|
|
|
2020
|
|
</p>
|
|
<p class="editor-link"><a class="btn" rel="nofollow" href="cloudcannon:collections/_posts/2020-08-02-unmet-dependencies.md">
|
|
<strong>✎</strong> Edit Post
|
|
</a></p>
|
|
<ul class="actions stacked">
|
|
<li><a href="../unmet-dependencies/" class="button small">Read</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="image">
|
|
<img src="../images/posts/final-pingnucover1220x1200.jpg" alt="Web-Log" />
|
|
</div>
|
|
</section>
|
|
|
|
|
|
|
|
<section id="second" class="spotlight style4 orient-right content-align-left image-position-center onscroll-image-fade-in" >
|
|
<div class="content">
|
|
<h2>Live with hardware</h2>
|
|
<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 style="font-size: 12px;">
|
|
|
|
19:th
|
|
of
|
|
|
|
April
|
|
|
|
2020
|
|
</p>
|
|
<p class="editor-link"><a class="btn" rel="nofollow" href="cloudcannon:collections/_posts/2020-04-19-live-with-hardware.md">
|
|
<strong>✎</strong> Edit Post
|
|
</a></p>
|
|
<ul class="actions stacked">
|
|
<li><a href="../live-with-hardware/" class="button small">Read</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="image">
|
|
<img src="../images/posts/1-ep-life-of-a-dudelini.jpeg" alt="Web-Log" />
|
|
</div>
|
|
</section>
|
|
|
|
|
|
|
|
<section id="second" class="spotlight style4 orient-left content-align-left image-position-center onscroll-image-fade-in" >
|
|
<div class="content">
|
|
<h2>Granny is a cyborg now</h2>
|
|
<p>Jazzy Cybersoul with a hint of 303 baselines.</p>
|
|
<p style="font-size: 12px;">
|
|
|
|
12:th
|
|
of
|
|
|
|
December
|
|
|
|
2019
|
|
</p>
|
|
<p class="editor-link"><a class="btn" rel="nofollow" href="cloudcannon:collections/_posts/2019-12-12-cyber-grany.md">
|
|
<strong>✎</strong> Edit Post
|
|
</a></p>
|
|
<ul class="actions stacked">
|
|
<li><a href="../cyber-grany/" class="button small">Read</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="image">
|
|
<img src="../images/posts/1-grandma-got-the-ssh-keys.jpeg" alt="Web-Log" />
|
|
</div>
|
|
</section>
|
|
|
|
|
|
|
|
<section id="second" class="spotlight style4 orient-right content-align-left image-position-center onscroll-image-fade-in" >
|
|
<div class="content">
|
|
<h2>Darkweb</h2>
|
|
<p>As dystopian as the present might seem on-line, there is always room for the strange in the cypher...</p>
|
|
<p style="font-size: 12px;">
|
|
|
|
7:th
|
|
of
|
|
|
|
February
|
|
|
|
2019
|
|
</p>
|
|
<p class="editor-link"><a class="btn" rel="nofollow" href="cloudcannon:collections/_posts/2019-02-07-darkweb.md">
|
|
<strong>✎</strong> Edit Post
|
|
</a></p>
|
|
<ul class="actions stacked">
|
|
<li><a href="../darkweb/" class="button small">Read</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="image">
|
|
<img src="../images/darkweb.jpg" alt="Web-Log" />
|
|
</div>
|
|
</section>
|
|
|
|
|
|
|
|
<section id="second" class="spotlight style4 orient-left content-align-left image-position-center onscroll-image-fade-in" >
|
|
<div class="content">
|
|
<h2>Satoshi Mon Ami</h2>
|
|
<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 style="font-size: 12px;">
|
|
|
|
17:th
|
|
of
|
|
|
|
December
|
|
|
|
2018
|
|
</p>
|
|
<p class="editor-link"><a class="btn" rel="nofollow" href="cloudcannon:collections/_posts/2018-12-17-satoshi-mon-ami.md">
|
|
<strong>✎</strong> Edit Post
|
|
</a></p>
|
|
<ul class="actions stacked">
|
|
<li><a href="../satoshi-mon-ami/" class="button small">Read</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="image">
|
|
<img src="../images/posts/1-k-as-tu-fait-de-nous-.jpeg" alt="Web-Log" />
|
|
</div>
|
|
</section>
|
|
|
|
|
|
<section id="news" class="wrapper style1 align-center">
|
|
<div class="inner editable" style="padding-top: 160px;" data-cms-source="/log.html" data-cms-index="1">
|
|
|
|
<ul class="actions stacked">
|
|
<li><a href="https://setto.basspistol.com/feed.xml" class="button small icon solid fa-rss">RSS</a></li>
|
|
</ul>
|
|
</div>
|
|
</section>
|
|
<!-- 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="../">Home</a></li>
|
|
|
|
|
|
<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="../" class="button smaller">Home</a></li>
|
|
|
|
|
|
|
|
<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> |