setto.basspistol.com/satoshi-mon-ami/index.html
2020-11-16 16:10:18 +00:00

879 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.
-->
<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-11-16T15:52:19+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_large_image">
<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/colors-20201116.css" />
<link rel="stylesheet" href="../assets/css/main-20201116.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-20201116.css" /></noscript>
<meta name="theme-color" content=""/>
</head>
<body>
<!-- Wrapper -->
<div id="main-wrapper">
<script src="/assets/js/jquery-3.5.1.min.js"></script>
<header class="hero" style="background-image: url(../images/posts/1-k-as-tu-fait-de-nous-.jpeg);">
<div class="imagecontainer">
<h4>Satoshi Mon Ami</h4>
</div>
<div class="splash">
<div class="splash-logo">
<a href="#play"><img src="/images/setto-logoicon.svg" width="240px" alt="徒 setto セット Logo" /></a>
</div>
<div class="description">
<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="#play" class="button">🔊 Listen</a></p>
</div>
</div>
</header>
<section id="play">
<div 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 class="date">
Published the
<time datetime="2018-12-17 19:00:00 +0000">
17:th
of
December
2018
</time>
</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/&quest;pk_campaign=homeshare&amp;quote=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.%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/&quest;pk_campaign=homeshare&amp;text=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.%20via%20&#64;ToSettoSetto%20&amp;hashtags=#basspistol" 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/&quest;pk_campaign=homeshare&amp;text=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.%20via%20&#64;tosettosetto" 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/&quest;pk_campaign=homeshare&amp;title=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.%20By%20徒 setto セット" class="icon smaller fab fa-reddit"><span class="label">Reddit</span></a>
</ul>
<br />
<a href="../chat/#read" target="_blank" class="button">📢 Chat</a>
</div>
</div>
</div>
</div>
</section>
<section class="info">
<div class="container">
<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">Click here for a direct link</a></p>
</div>
</section>
<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 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', 'Audius']);" target="_blank" rel="noopener" href="https://audius.co/tosettosetto/playlist/satoshi-mon-ami-11205" title="Stream from Audius" class="icon fab fa-creative-commons-sampling"><span class="label">Audius</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Peertube']);" target="_blank" rel="noopener" href="https://v.basspistol.org/videos/watch/playlist/262e54c5-6f15-402a-972d-474a898129df" title="Stream from Peertube" class="icon fab fa-youtube"><span class="label">Peertube</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="../satoshi-mon-ami/1-k-as-tu-fait-de-nous-/" class="button">🔊 Play</a></p>
<p>
Qu'as-tu fais de nous
<br />
WTF coucou
<br />
Qu'as tu fais de nous
<br />
WTF coucou
<br />
<br />
Acid est la tribe
<br />
Cyberpunk le game
<br />
Sur des reseau de bribe
<br />
on fait monter le fame
<br />
Meme pas besoin de files
<br />
Isole sur l'iles
<br />
on fait un tour au grotte
<br />
pour pas que la story capotte
<br />
<br />
Qu'as-tu fais de nous
<br />
WTF coucou
<br />
Qu'as-tu fais de nous
<br />
WTF coucou
<br />
<br />
Si la police nous ajoute
<br />
Nouvelle vie nouveau compte
<br />
On tourne le dos au toute
<br />
on delete sans honte
<br />
Meme pas besoin d'ecrire
<br />
tu peux mäentendre rire
<br />
en tour de face a face
<br />
Qui brise la glace
<br />
<br />
Qu'as-tu fais de nous
<br />
WTF coucou
<br />
Qu'as tu fais de nous
<br />
WTF coucou
<br />
<br />
24 heures pour dechiffre
<br />
On dirait une invitation
<br />
La story que t'as balancer
<br />
Cryptokids une seul nation
<br />
celle des rave et du reve
<br />
Hilife a plein poumons
<br />
Le flux n'as pas de treve
<br />
Et en suede il mange du saumon
<br />
<br />
Qu'as-tu fais de nous
<br />
WTF coucou
<br />
Qu'as tu fais de nous
<br />
WTF coucou
<br />
Qu'as-tu fais de nous
<br />
WTF coucou
<br />
Qu'as tu fais de nous
<br />
WTF coucou
<br />
Qu'as-tu fais de nous
<br />
WTF coucou
<br />
Qu'as tu fais de nous
<br />
WTF coucou
</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="../satoshi-mon-ami/2-r-ve-de-toi/" class="button">🔊 Play</a></p>
<p>
Je rêve de toi
<br />
Chaque jour je te vois
<br />
Je fais pas de faux pas
<br />
Toujours des commentaires sympas
<br />
<br />
Ta vie est belle
<br />
Ça se voit sur les cocotiers
<br />
Mais mon label
<br />
Ne pourras pas me déployer
<br />
<br />
Une fois, chaque fois, que mon téléphone
<br />
Sallume, séclaire, sonne le vibraphone
<br />
Jespère, c'est claire, que c'est la bonne
<br />
Fois en moi, mais cette fois, ce n'est pas toi
<br />
<br />
J'ajoute des cœurs
<br />
A tous les poste que tu publies
<br />
Jenvoie des merdes
<br />
A tous les cons qui t'humilient
<br />
<br />
Ta vie radieuse
<br />
Illumine mes après-midi
<br />
Quand je me lève
<br />
Après avoir perdu encore une nuit
<br />
<br />
Une fois, chaque fois, que mon téléphone
<br />
Sallume, séclaire, sonne le vibraphone
<br />
Jespère, c'est claire, que c'est la bonne
<br />
Fois en moi, mais cette fois, toujours pas toi
</p>
</div>
</section>
<!-- END Tracks -->
<!-- HERE ENDS MADNESS -->
<!-- post Naviation -->
<section class="post-navigation">
<div class="container">
<div class="post-nav">
</div>
<div class="post-nav-next">
<h4><a href="/darkweb/"><span class="fas fa-arrow-right" style="font-size:3em;"></span></a></h4>
<h3>Darkweb</h3>
<p>As dystopian as the present might seem on-line, there is always room for the strange in the cypher...</p>
</div>
</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 -->
<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', 'Audius']);" target="_blank" rel="noopener" href="https://audius.co/tosettosetto/playlist/satoshi-mon-ami-11205" title="Stream from Audius" class="icon fab fa-creative-commons-sampling"><span class="label">Audius</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Peertube']);" target="_blank" rel="noopener" href="https://v.basspistol.org/videos/watch/playlist/262e54c5-6f15-402a-972d-474a898129df" title="Stream from Peertube" class="icon fab fa-youtube"><span class="label">Peertube</span></a>
</div>
</section>
<!-- Footer -->
<footer>
<div class="footframe">
<div>
<h3>徒 setto セット</h3>
<p>Set, Party, Gang! #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="https://v.basspistol.org/accounts/setto/video-channels" >📺 Video</a></li>
<li><a href="/about/" >🐿 About</a></li>
<li><a href="/links/" >🔗 Links</a></li>
<li><a href="/chat/#read" >📢 Chat</a></li>
</ul>
</div>
<div><a href="#main-wrapper"><img src="../images/setto-logoicon.svg" alt="徒 setto セット Logo" /></a></div>
<small>
<div style="text-align: center;">
<a target="_blank" alt="徒 setto セット on Mastodon" title="徒 setto セット on Mastodon" rel="me noopener"
href="https://kolektiva.social/@setto" class="icon small fab fa-mastodon"><span class="label">Mastodon</span></a>
<a target="_blank" alt="徒 setto セット on Telegram" title="徒 setto セット on Telegram" rel="noopener"
href="https://t.me/tosettosetto" 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>
<p>&copy;2020 Basspistol | <a href="../webcreds/">Credits</a> |
<a href="../cookies/">Cookies & Privacy</a>
<br />This page was last updated on Monday, Nov 16, 2020</p>
</small>
</div>
</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="../" onclick="removeBlur()" class="button">🏡 Home</a></li>
<li><a href="../discography/" onclick="removeBlur()" class="button">💽 Discog</a></li>
<li><a href="../log/" onclick="removeBlur()" class="button">📰 Log</a></li>
<li><a href="..https://v.basspistol.org/accounts/setto/video-channels" onclick="removeBlur()" class="button">📺 Video</a></li>
<li><a href="../about/" onclick="removeBlur()" class="button">🐿 About</a></li>
<li><a href="../links/" onclick="removeBlur()" class="button">🔗 Links</a></li>
<li><a href="../chat/#read" onclick="removeBlur()" class="button">📢 Chat</a></li>
</ul>
</nav>
</div>
<!-- End Navigation -->
<div id="cookie-notice">
<p>
We only use cookies if you consent to it. They don't contain any identifiable info: they just let us know if you enjoyed this enough to come back.
<br /><a href="#" id="cookie-notice-decline">Click here</a> if you want this to go away without cookies.
<br />Read more about <a href="/cookies/"> how 徒 setto セット use cookies</a>
</p>
<a class="button yes" href="#"
id="cookie-notice-accept">Ok</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-20201116.js"></script>
<div class="fullscreen-bg">
<video data-matomo-title="Satoshi Mon Ami VideoBG" 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>
</body>
</html>