setto.basspistol.com/satoshi-mon-ami/index.html
2020-08-10 11:56:49 +00:00

824 lines
30 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE HTML>
<!--
Publikatorized by Sakrecoer
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<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!
...........'''''..............................
..............................................
..............................................
..............................................
..............................................
-->
<!-- BEGIN seo.html -->
<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-05T10:06:39+00:00" />
<meta name="robots" content="index" />
<link rel="canonical" href="https://setto.basspistol.com/satoshi-mon-ami/" />
<link rel="alternate" hreflang="x-default" href="https://setto.basspistol.com/satoshi-mon-ami/" />
<meta name="geo.region" content="CH-GE" />
<meta name="geo.placename" content="Geneva" />
<meta name="geo.position" content="46.203918;6.133011" />
<meta name="ICBM" content="46.203918, 6.133011" />
<meta name="author" content="徒 setto セット" />
<meta name="generator" content="Jekyll v4.0.0" />
<!-- Dublin Core basic info -->
<meta name="dcterms.Identifier" content="https://setto.basspistol.com" />
<meta name="dcterms.Format" content="text/html" />
<meta name="dcterms.Relation" content="徒 setto セット" />
<meta name="dcterms.Publisher" content="Basspistol" />
<meta name="dcterms.Type" content="text/html" />
<meta name="dcterms.Coverage" content="https://setto.basspistol.com/" />
<meta name="dcterms.Rights" content="Copyright &copy;2020 徒 setto セット." />
<meta name="dcterms.Subject" content="A release by 徒 Setto セット named &quot;Satoshi mon ami&quot; published on 徒 setto セット" />
<meta name="dcterms.Title" content="Play &quot;Satoshi mon ami&quot; by 徒 Setto セット" />
<meta name="dcterms.Contributor" content="徒 setto セット" />
<meta name="dcterms.Date" content="2018-12-17" />
<meta name="dcterms.Description" content="Listen and to a release by 徒 Setto セット named &quot;Satoshi mon ami&quot; and support your remote artist!" />
<!-- Facebook -->
<meta property="og:title" content="Satoshi mon ami by 徒 Setto セット" />
<meta property="og:locale" content="en" />
<meta property="og:description" content="Listen and to a release by 徒 Setto セット named &quot;Satoshi mon ami&quot; and support your remote artist!" />
<meta property="og:url" content="https://setto.basspistol.com/satoshi-mon-ami/" />
<meta property="og:site_name" content="徒 setto セット" />
<meta property="og:type" content="music:album" />
<meta property="og:audio" content="https://media.basspistol.com/setto.basspistol.com/satoshi-mon-ami/1-k-as-tu-fait-de-nous-.mp3" /><meta property="og:audio" content="https://media.basspistol.com/setto.basspistol.com/satoshi-mon-ami/2-r-ve-de-toi.mp3" />
<meta property="article:published_time" content="2018-12-17T19:00:00+00:00" />
<meta property="og:image" content="https://media.basspistol.com/setto.basspistol.com/satoshi-mon-ami/1-k-as-tu-fait-de-nous-.jpeg" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Satoshi mon ami | 徒 setto セット" />
<meta name="twitter:description" content="Listen and to a release by 徒 Setto セット named &quot;Satoshi mon ami&quot; and support your remote artist!" />
<meta name="twitter:image" content="https://media.basspistol.com/setto.basspistol.com/satoshi-mon-ami/1-k-as-tu-fait-de-nous-.jpeg" />
<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/all.min.css" />
<link rel="stylesheet" href="../assets/css/main-20200810.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-20200810.css" /></noscript>
<link rel="manifest" href="/manifest.json" />
<meta name="theme-color" content="#3c2a52"/>
</head>
<body>
<!-- Wrapper -->
<div id="main-wrapper">
<script src="/assets/js/jquery-3.5.1.min.js"></script>
<header class="hero" >
<div class="textcontainer">
<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="#plwrap" class="button">Listen</a></p>
</div>
<div class="imagecontainer">
</div>
<video autoplay muted loop id="myVideo">
<source src="/videos/satoshi.webm" type="video/mp4">
</video>
</header>
<section class="album-player">
<!-- HERE BEGINS MADNESS -->
<div class="player-wrap">
<div id="plwrap">
<h2>Track list</h2>
<ul id="plList">
<li >
<div class="plItem">
<div class="plNum">1.</div>
<div class="plTitle">K'as-tu fait de nous?</div>
<div class="plLength">
5:05
</div>
</div>
</li>
<li >
<div class="plItem">
<div class="plNum">2.</div>
<div class="plTitle">Rêve de toi</div>
<div class="plLength">
3:06
</div>
</div>
</li>
</ul>
</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">
<div class="plNum">1.</div>
<div class="plTitle"><a href="https://media.basspistol.com/setto.basspistol.com/satoshi-mon-ami/1-k-as-tu-fait-de-nous-.mp3" target="_blank" rel="noopener">K'as-tu fait de nous? </a></div>
<div class="plLength">
5:05
</div>
</div>
<div class="plItem">
<div class="plNum">2.</div>
<div class="plTitle"><a href="https://media.basspistol.com/setto.basspistol.com/satoshi-mon-ami/2-r-ve-de-toi.mp3" target="_blank" rel="noopener">Rêve de toi </a></div>
<div class="plLength">
3:06
</div>
</div>
</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>
<p>Geek | <a target="_blank" rel="noopener" href="https://keyserver.ubuntu.com/pks/lookup?search=setto%40basspistol.com&fingerprint=on&op=index">GPG</a></p>
<p class="date">
Published the
17:th
of
December
2018
</p>
<h6>
Share this page:
</h6>
<ul>
<a target="_blank" rel="nofollow noopener" title="Share to facebook" alt="Share to facebook" href="https://touch.facebook.com/sharer.php?u=https://setto.basspistol.com/satoshi-mon-ami/&amp;quote=Satoshi Mon Ami%20by%20徒 setto セット%20via%20https://setto.basspistol.com" class="icon smaller fab fa-facebook-f"><span class="label">Facebook</span></a>
<a target="_blank" rel="nofollow noopener" title="Share to twitter" alt="Share to twitter" href="https://twitter.com/share?url=https://setto.basspistol.com/satoshi-mon-ami/&amp;text=Satoshi Mon Ami%20by%20徒 setto セット%20&amp;hashtags=paxNion" class="icon smaller fab fa-twitter"><span class="label">Twitter</span></a>
<a target="_blank" rel="nofollow noopener" title="Share to telegram" alt="Share to telgram" href="https://telegram.me/share/url?url=https://setto.basspistol.com/satoshi-mon-ami/&amp;text=Satoshi Mon Ami%20by%20徒 setto セット" class="icon smaller fab fa-telegram"><span class="label ">Telegram</span></a>
<a target="_blank" rel="nofollow noopener" title="Share to reddit" alt="Share to reddit" href="https://reddit.com/submit/?url=https://setto.basspistol.com/satoshi-mon-ami/&amp;title=Satoshi Mon Ami%20by%20徒 setto セット" class="icon smaller fab fa-reddit"><span class="label">Reddit</span></a>
</ul>
</div>
</div>
</div>
<div id="fixedPlayer" class="showplayer hideplayer">
<div id="audiowrap">
<div id="audio0">
<audio id="audio1" preload="metadata" controls="controls">
Your browser does not support HTML5 Audio!
</audio>
</div>
</div>
<div id="nowPlay">
<div id="tracks">
<a id="btnPrev"><span class="fas fa-fast-backward"></span></a>
<a id="btnNext"><span class="fas fa-fast-forward"></span></a>
</div>
<p class="right" id="npTitle" style="font-weight: bold;"></p>
<p class="left" id="npAction">Paused...</p>
</div>
</div>
</section>
<section class="info">
<div data-cms-content-wrapper="/_layouts/post.html">
<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>Being close to someone, without them knowing, anonymously and obsessively through a device. Decrypting interconnected sub-stories from every node in the graph and losing your mind on it.Whats the latest story? FOMO to the max, The Fear Of Missing Out!</p>
<p>Put your derpy VR-goggles on and check out the 360 video bellow!</p>
<iframe src="https://www.youtube-nocookie.com/embed/mOPubF0xhG8" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" width="100%" height="360" frameborder="0"></iframe>
<p>The video is delivered from YouTube, but is explicitly set not to push any cookies to your browser! <a href="https://www.youtube.com/watch?v=mOPubF0xhG8" target="_blank" rel="noopener noreferrer">Click here for a direct link</a></p>
</div>
</section>
<section class="streambox">
<h2>Get this release</h2>
<div class="streamer">
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Bandcamp']);" target="_blank" rel="noopener" href="https://shop.basspistol.com/album/satoshi-mon-ami" title="Stream from Bandcamp" class="icon fab fa-bandcamp"><span class="label">Bandcamp</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Tidal']);" target="_blank" rel="noopener" href="https://listen.tidal.com/album/101186541" title="Stream from Tidal" class="icon fab fa-creative-commons-sampling"><span class="label">Tidal</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Spotify']);" target="_blank" rel="noopener" href="https://open.spotify.com/album/116YJCcI5T9Iw9UBQCvJWF" title="Stream from Spotify" class="icon fab fa-spotify"><span class="label">Spotify</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'AppleMusic']);" target="_blank" rel="noopener" href="https://itunes.apple.com/us/album/satoshi-mon-ami-single/1447055511?uo=4&app=music&at=1001lry3&ct=dashboard" 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/album/%E5%BE%92_setto_%E3%82%BB%E3%83%83%E3%83%88_Satoshi_mon_ami?id=Bygwvidl75kflmclmchl6wc5uba" 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/album/82118382" 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-/album/satoshi-mon-ami" 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/playlist?list=OLAK5uy_nyQUN9OxdEy7wHql798vuBxt6o4GQhdQk" title="Stream from Youtube" class="icon fab fa-youtube"><span class="label">Youtube</span></a>
</div>
</section>
<!-- Tracks -->
<section class="track-picker">
<div class="full-image" style="background-image:url(https://media.basspistol.com/setto.basspistol.com/satoshi-mon-ami/1-k-as-tu-fait-de-nous-.jpeg);">
</div>
<div>
<h2>K'as-tu fait de nous?</h2>
<p>
5:05
| <strong>Cyber Soul</strong></p>
<p>2018</p>
<p><a href="/albums/satoshi-mon-ami/1-k-as-tu-fait-de-nous-/" class="button"><span class="fas fa-play"></span> Play</a></p>
</div>
</section>
<section class="track-picker">
<div class="full-image" style="background-image:url(https://media.basspistol.com/setto.basspistol.com/satoshi-mon-ami/2-r-ve-de-toi.jpeg);">
</div>
<div>
<h2>Rêve de toi</h2>
<p>
3:06
| <strong>Cyber Soul</strong></p>
<p>2018</p>
<p><a href="/albums/satoshi-mon-ami/2-r-ve-de-toi/" class="button"><span class="fas fa-play"></span> Play</a></p>
</div>
</section>
<!-- END Tracks -->
<!-- HERE ENDS MADNESS -->
<!-- post Naviation -->
<section class="post-navigation">
<h2>Check out more</h2>
<div class="post-nav">
</div>
<div class="post-nav-next">
<h3><a href="/darkweb/">Darkweb&nbsp;<span class="fas fa-arrow-right"></span></a></h3>
<p>As dystopian as the present might seem on-line, there is always room for the strange in the cypher...</p>
</div>
</section>
<!-- End Post Navigation -->
<script type="text/javascript">
// html5media enables <video> and <audio> tags in all major browsers
// External File: http://api.html5media.info/1.1.8/html5media.min.js
// Add user agent as an attribute on the <html> tag...
// Inspiration: http://css-tricks.com/ie-10-specific-styles/
// var b = document.documentElement;
// b.setAttribute('data-useragent', navigator.userAgent);
// b.setAttribute('data-platform', navigator.platform);
// HTML5 audio player + playlist controls...
// Inspiration: http://jonhall.info/how_to/create_a_playlist_for_html5_audio
// Mythium Archive: https://archive.org/details/mythium/
jQuery(function ($) {
var supportsAudio = !!document.createElement('audio').canPlayType;
if (supportsAudio) {
var index = 0,
playing = false,
mediaPath = '',
extension = '',
tracks = [{
"track": 1,
"name": "K'as-tu fait de nous?",
"length": "5:5",
"file": "https://media.basspistol.com/setto.basspistol.com/satoshi-mon-ami/1-k-as-tu-fait-de-nous-",
"image": "https://media.basspistol.com/setto.basspistol.com/satoshi-mon-ami/1-k-as-tu-fait-de-nous-"
},{
"track": 2,
"name": "Rêve de toi",
"length": "3:6",
"file": "https://media.basspistol.com/setto.basspistol.com/satoshi-mon-ami/2-r-ve-de-toi",
"image": "https://media.basspistol.com/setto.basspistol.com/satoshi-mon-ami/2-r-ve-de-toi"
}],
trackCount = tracks.length,
npAction = $('#npAction'),
npTitle = $('#npTitle'),
npImage = $('#npImage'),
audio = $('#audio1').bind('play', function () {
playing = true;
npAction.text('Playing...');
$('#fixedPlayer').removeClass('hideplayer');
$("#npImage").addClass('spinnit');
}).bind('pause', function () {
playing = false;
npAction.text('Paused...');
$("#npImage").removeClass('spinnit');
}).bind('ended', function () {
npAction.text('Paused...');
if ((index + 1) < trackCount) {
index++;
loadTrack(index);
playTrack(index);
audio.play();
} else {
audio.pause();
index = 0;
loadTrack(index);
}
}).get(0),
btnPrev = $('#btnPrev').click(function () {
if ((index - 1) > -1) {
index--;
loadTrack(index);
playTrack(index);
if (playing) {
audio.play();
}
} else {
audio.pause();
index = 0;
loadTrack(index);
}
}),
btnNext = $('#btnNext').click(function () {
if ((index + 1) < trackCount) {
index++;
loadTrack(index);
playTrack(index);
if (playing) {
audio.play();
}
} else {
audio.pause();
index = 0;
loadTrack(index);
}
}),
li = $('#plList li').click(function () {
var id = parseInt($(this).index());
if (id !== index || playing == false) {
playTrack(id);
}else {
audio.pause();
}
}),
loadTrack = function (id) {
npTitle.text(tracks[id].name);
index = id;
audio.src = mediaPath + tracks[id].file + extension;
$('audio').attr("data-matomo-title", tracks[id].name);
$("#npImage").attr('style', 'background-image:url(' + tracks[id].image + '.jpeg)');
},
playTrack = function (id) {
$('.plSel').removeClass('plSel');
$('#plList li:eq(' + id + ')').addClass('plSel');
loadTrack(id);
audio.play();
};
extension = audio.canPlayType('audio/mpeg') ? '.mp3' : audio.canPlayType('audio/ogg') ? '.ogg' : '';
loadTrack(index);
}
});
</script>
<!-- Footer -->
<!-- Footer -->
<section class="streambox">
<h2>Get this release</h2>
<div class="streamer">
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Bandcamp']);" target="_blank" rel="noopener" href="https://shop.basspistol.com/album/satoshi-mon-ami" title="Stream from Bandcamp" class="icon fab fa-bandcamp"><span class="label">Bandcamp</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Tidal']);" target="_blank" rel="noopener" href="https://listen.tidal.com/album/101186541" title="Stream from Tidal" class="icon fab fa-creative-commons-sampling"><span class="label">Tidal</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Spotify']);" target="_blank" rel="noopener" href="https://open.spotify.com/album/116YJCcI5T9Iw9UBQCvJWF" title="Stream from Spotify" class="icon fab fa-spotify"><span class="label">Spotify</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'AppleMusic']);" target="_blank" rel="noopener" href="https://itunes.apple.com/us/album/satoshi-mon-ami-single/1447055511?uo=4&app=music&at=1001lry3&ct=dashboard" 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/album/%E5%BE%92_setto_%E3%82%BB%E3%83%83%E3%83%88_Satoshi_mon_ami?id=Bygwvidl75kflmclmchl6wc5uba" 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/album/82118382" 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-/album/satoshi-mon-ami" 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/playlist?list=OLAK5uy_nyQUN9OxdEy7wHql798vuBxt6o4GQhdQk" title="Stream from Youtube" class="icon fab fa-youtube"><span class="label">Youtube</span></a>
</div>
</section>
<footer>
<div>
<h3>徒 setto セット</h3>
<p>Set, Party, Gang! &#35;Cybersoul.</p>
<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.svg" width="100%" alt="徒 setto セット Logo" /></div>
<div style="text-align: center;">
<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" title="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">
<a id="logo" href="/"><img height="40px" src="/images/setto-logo.svg" alt="徒 setto セット Logo" /></a>
<a href="#navbar" onclick="blurBody()" alt="Navigation Menu" title="Navigation Menu"><span
class="fas fa-bars navmenu"></span></a>
</div>
<div id="navbar" 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">X</a>
<ul>
<li><a href="../" class="button">home</a></li>
<li><a href="../discography/" class="button">Discog</a></li>
<li><a href="../log/" class="button">Log</a></li>
<li><a href="../about/" class="button">About</a></li>
<li><a href="../links/" class="button">Links</a></li>
</ul>
</nav>
</div>
<!-- End Navigation -->
<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 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=/;SameSite=Strict";
}
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='https://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='https://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>
<!-- Scripts -->
<script src="../assets/js/set-20200805.js"></script>
<div class="fullscreen-bg">
<video autoplay muted loop poster="/images/posts/1-k-as-tu-fait-de-nous-.jpeg" class="fullscreen-bg__video">
<source src="/videos/satoshi.webm" type="video/mp4">
</video>
</div>
<script>
window.onload = function () {
var script = document.createElement('script');
var firstScript = document.getElementsByTagName('script')[0];
script.type = 'text/javascript';
script.async = true;
script.src = '/sw-register.js?v=' + Date.now();
firstScript.parentNode.insertBefore(script, firstScript);
};
</script>
</body>
</html>