setto.basspistol.com/satoshi-mon-ami/index.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!    
...........'''''.............................. 
..............................................  
..............................................                                                   
..............................................                             
..............................................                                               
-->

<!-- BEGIN seo.html -->

<title>Satoshi Mon Ami | 徒 setto セット</title>
<meta name="title" content="Satoshi Mon Ami | 徒 setto セット" />
<meta name="description" content="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." />
<meta name="dc.date.modified" scheme="ISO8601" content="2020-07-27T08:03:40+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="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." />
<meta name="dcterms.Title" content="Satoshi Mon Ami" />
<meta name="dcterms.Contributor" content="徒 setto セット" />
<meta name="dcterms.Date" content="2020-07-27" />
<meta name="dcterms.Description" content="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." />

<!-- Facebook -->

<meta property="og:title" content="Satoshi Mon Ami | 徒 setto セット" />
<meta property="og:locale" content="en" />
<meta property="og:description" content="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." />
<meta property="og:url" content="https://setto.basspistol.com/satoshi-mon-ami/" />
<meta property="og:site_name" content="徒 setto セット" />
<meta property="og:type" content="webpage" />
<meta property="article:published_time" content="2020-07-27T08:03:40+00:00" />
<meta property="og:image" content="https://setto.basspistol.com/images/posts/1-k-as-tu-fait-de-nous-.jpeg" />
<!-- Twitter Card -->

<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content=" | 徒 setto セット" />
<meta name="twitter:description" content="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." />
<meta name="twitter:image" content="https://setto.basspistol.com/images/posts/1-k-as-tu-fait-de-nous-.jpeg" />


<script type='application/ld+json'>
  {
    "@context": "http://www.schema.org",
    "@type": "Organization",
    "name": "徒 setto セット",
    "url": "https://setto.basspistol.com",
    "sameAs": [
    "https://twitter.com/ToSettoSetto","https://instagram.com/ToSettoSetto"
    ],
    "logo": "https://setto.basspistol.com/siteicon.png",
    "image": "https://setto.basspistol.com/images/posts/1-k-as-tu-fait-de-nous-.jpeg",
    "description": "Set, Party, Gang! &#35;Cybersoul.",
    "address": {
      "@type": "PostalAddress",
      "addressLocality": "Geneva",
      "addressRegion": "CH-GE",
      "postalCode": "1201",
      "addressCountry": "Switzerland"
    }
  }
</script>


<link rel="alternate" type="application/rss+xml" href="https://setto.basspistol.com/feed.xml" title="徒 setto セット" />
   <!-- END seo.html -->


<meta charset="utf-8" />
<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">

<!-- 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 editable" data-cms-source="/_layouts/post.html" data-cms-index="0">
    <h1 class="editable" data-cms-source="/_layouts/post.html" data-cms-index="1">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>
    <ul class="actions stacked">
      <li><a href="#moe" class="button small smooth-scroll">Cheggit!</a></li>
    </ul>
  </div>
  <div class="image">
    <img src="../images/posts/1-k-as-tu-fait-de-nous-.jpeg" alt="Satoshi Mon Ami" class="editable" data-cms-source="/_layouts/post.html" data-cms-index="2" />
  </div>
</section>
<!-- Content -->
<section class="wrapper style1 align-center">
  <div class="inner" style="padding-top: 40px;">
    <div class="index align-left">
      <!-- Author -->
      <section style="padding-top:40px;" id="moe">
        

<header id="author">
  <div class="bio">

  
  <div alt="Picture of 徒 setto セット"
    style="margin-right: 10px;background-image:url(/siteicon.png);background-repeat: no-repeat;background-size:cover; border-radius:150px; width:150px; height:150px;">
  </div>
  <br />
  <p style="font-style: normal;"><a href="mailto:setto@basspistol.com"><strong>徒 setto セット</strong></a></p>
  <p style="font-style: normal;">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 style="font-size:14px;font-style: normal;">
    Published the 


  17:th
   of 
  
  December
  
  2018

  </p>
  
  
  <h6>

    Share this page:  
 </h6>
  <ul class="icons"> 
    <li><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 brands style1 fa-facebook-f"><span class="label">Facebook</span></a></li>
    <li><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 brands style1 fa-twitter"><span class="label">Twitter</span></a></li>
    <li><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 brands style1 fa-telegram"><span class="label">Telegram</span></a></li>
    <li><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 brands style1 fa-reddit"><span class="label">Reddit</span></a></li>
  </ul>
  
</div>
</header>
        <!-- Content -->
        <div class="content">


          <!-- HERE BEGINS MADNESS -->
          
          
          <!-- Content -->
          <div class="content">
            <div id="mainwrap">
              <div id="nowPlay">
                <p class="right" id="npTitle" style="font-weight: bold;"></p>
                <p class="left" id="npAction">Paused...</p>
              </div>
              <div id="audiowrap">
                <div id="audio0">
                  <audio id="audio1" preload="metadata" controls="controls">Your browser does not support HTML5
                    Audio!</audio>
                </div>
                
                <div id="tracks">
                  <a id="btnPrev"><span class="icon solid fa-fast-backward"></span></a>
                  <a id="btnNext"><span class="icon solid fa-fast-forward"></span></a>
                </div>
                
              </div>
              <div id="plwrap">
                <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 id="noJSalbum">

                
                  <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>
          <div class="content editable" style="font-size: 16px;margin-top:60px;" data-cms-source="/_layouts/post.html" data-cms-index="3" 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.What’s the latest story? FOMO to the max, The Fear Of Missing Out!</p>

          </div>
        </div>
      </section>
    </div>
  </div>
</section>


<section class="streambox" style="padding: 40px;">
<h2 style="text-align: center;display: block;">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" alt="Stream from Bandcamp" title="Stream from Bandcamp" class="button small icon brands fa-bandcamp">Bandcamp</a>
  
  
</div>

<p style="text-align: center;display: block;margin-top:40px;">Stream it, follow, like and subscribe!</p>
<div class="streamer">

  
  <a onclick="_paq.push(['trackEvent', 'StoreLink', 'Spotify']);" style="flex: 0 0 45px;margin:10px; font-size: 45px;" target="_blank" rel="noopener" href="https://open.spotify.com/album/116YJCcI5T9Iw9UBQCvJWF" alt="Stream from Spotify" title="Stream from Spotify" class="icon style2 brands fa-spotify"><span class="label">Spotify</span></a>
  
  
  <a onclick="_paq.push(['trackEvent', 'StoreLink', 'AppleMusic']);" style="flex: 0 0 45px;margin:10px; font-size: 45px;" target="_blank" rel="noopener" href="https://itunes.apple.com/us/album/satoshi-mon-ami-single/1447055511?uo=4&app=music&at=1001lry3&ct=dashboard" alt="Stream from Apple Music" title="Stream from Apple Music" class="icon style2 brands fa-apple"><span class="label">Apple Music</span></a>
  
  
  <a onclick="_paq.push(['trackEvent', 'StoreLink', 'GooglePlay']);" style="flex: 0 0 45px;margin:10px; font-size: 45px;" 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" alt="Stream from Google Play" title="Stream from Google Play" class="icon style2 brands fa-google-play"><span class="label">Google Play</span></a>
  
  
  <a onclick="_paq.push(['trackEvent', 'StoreLink', 'Deezer']);" style="flex: 0 0 45px;margin:10px; font-size: 45px;" target="_blank" rel="noopener" href="https://www.deezer.com/album/82118382" alt="Stream from Deezer" title="Stream from Deezer" class="icon style2 brands fa-creative-commons-sampling"><span class="label">Deezer</span></a>
  
  
  <a onclick="_paq.push(['trackEvent', 'StoreLink', 'Napster']);" style="flex: 0 0 45px;margin:10px; font-size: 45px;" target="_blank" rel="noopener" href="https://us.napster.com/artist/-setto-/album/satoshi-mon-ami" alt="Stream from Napster" title="Stream from Napster" class="icon style2 brands fa-napster"><span class="label">Napster</span></a>
  
  
</div>
</section>


<!-- Tracks -->


<section class="spotlight style4 orient-left content-align-left image-position-center onscroll-image-fade-in" style="box-shadow: none;" >
  <div class="content">
    <h3>K'as-tu fait de nous?</h3>
    <p>
      5:05
      <br /><strong>Cyber Soul</strong>
      <br />2018</p>

    <ul class="actions stacked">
      <li><a href="../albums/satoshi-mon-ami/1-k-as-tu-fait-de-nous-/" class="button">Track</a></li>
    </ul>
  </div>
  <div class="image">
    <img src="https://media.basspistol.com/setto.basspistol.com/satoshi-mon-ami/1-k-as-tu-fait-de-nous-.jpeg" alt="K'as-tu fait de nous?" />
  </div>
</section>


<section class="spotlight style4 orient-right content-align-left image-position-center onscroll-image-fade-in" >
  <div class="content">
    <h3>Rêve de toi</h3>
    <p>
      3:06
      <br /><strong>Cyber Soul</strong>
      <br />2018</p>

    <ul class="actions stacked">
      <li><a href="../albums/satoshi-mon-ami/2-r-ve-de-toi/" class="button">Track</a></li>
    </ul>
  </div>
  <div class="image">
    <img src="https://media.basspistol.com/setto.basspistol.com/satoshi-mon-ami/2-r-ve-de-toi.jpeg" alt="Rêve de toi" />
  </div>
</section>


<!-- END Tracks -->


<!-- HERE ENDS MADNESS -->


<section class="wrapper style1 align-center">
  <div class="inner">
    <div class="index align-left">
      <!-- Author -->

      <section>

        <!-- Content -->
        <div class="content">
          <!-- post Naviation -->
          <div style="text-align: center;">
            <h3>Read more posts</h3>
          </div>
          <div class="post-nav">
            <div>
              
            </div>
            <div class="post-nav-next">
              
              <h4><a href="/darkweb/">&nbsp;Darkweb</a> <a href="/darkweb/" alt="Read Darkweb" title="Read Darkweb"><i class="fas fa-arrow-right"></i></a></h4>
              <p style="margin-left: 20px">As dystopian as the present might seem on-line, there is always room for the strange in the cypher...</p>
              
            </div>
          </div>
          <!-- End Post Navigation -->
        </div>
      </section>

    </div>
  </div>
</section>


<!-- Footer -->


<section class="streambox" style="padding: 40px;">
<h2 style="text-align: center;display: block;">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" alt="Stream from Bandcamp" title="Stream from Bandcamp" class="button small icon brands fa-bandcamp">Bandcamp</a>
  
  
</div>

<p style="text-align: center;display: block;margin-top:40px;">Stream it, follow, like and subscribe!</p>
<div class="streamer">

  
  <a onclick="_paq.push(['trackEvent', 'StoreLink', 'Spotify']);" style="flex: 0 0 45px;margin:10px; font-size: 45px;" target="_blank" rel="noopener" href="https://open.spotify.com/album/116YJCcI5T9Iw9UBQCvJWF" alt="Stream from Spotify" title="Stream from Spotify" class="icon style2 brands fa-spotify"><span class="label">Spotify</span></a>
  
  
  <a onclick="_paq.push(['trackEvent', 'StoreLink', 'AppleMusic']);" style="flex: 0 0 45px;margin:10px; font-size: 45px;" target="_blank" rel="noopener" href="https://itunes.apple.com/us/album/satoshi-mon-ami-single/1447055511?uo=4&app=music&at=1001lry3&ct=dashboard" alt="Stream from Apple Music" title="Stream from Apple Music" class="icon style2 brands fa-apple"><span class="label">Apple Music</span></a>
  
  
  <a onclick="_paq.push(['trackEvent', 'StoreLink', 'GooglePlay']);" style="flex: 0 0 45px;margin:10px; font-size: 45px;" 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" alt="Stream from Google Play" title="Stream from Google Play" class="icon style2 brands fa-google-play"><span class="label">Google Play</span></a>
  
  
  <a onclick="_paq.push(['trackEvent', 'StoreLink', 'Deezer']);" style="flex: 0 0 45px;margin:10px; font-size: 45px;" target="_blank" rel="noopener" href="https://www.deezer.com/album/82118382" alt="Stream from Deezer" title="Stream from Deezer" class="icon style2 brands fa-creative-commons-sampling"><span class="label">Deezer</span></a>
  
  
  <a onclick="_paq.push(['trackEvent', 'StoreLink', 'Napster']);" style="flex: 0 0 45px;margin:10px; font-size: 45px;" target="_blank" rel="noopener" href="https://us.napster.com/artist/-setto-/album/satoshi-mon-ami" alt="Stream from Napster" title="Stream from Napster" class="icon style2 brands fa-napster"><span class="label">Napster</span></a>
  
  
</div>
</section>


<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="../">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>&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="../" 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>


<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-"
        },{ 
          "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"
        }],
        trackCount = tracks.length,
        npAction = $('#npAction'),
        npTitle = $('#npTitle'),
        audio = $('#audio1').bind('play', function () {
          playing = true;
          npAction.text('Playing...');
        }).bind('pause', function () {
          playing = false;
          npAction.text('Paused...');
        }).bind('ended', function () {
          npAction.text('Paused...');
          if ((index + 1) < trackCount) {
            index++;
            loadTrack(index);
            audio.play();
          } else {
            audio.pause();
            index = 0;
            loadTrack(index);
          }
        }).get(0),
        btnPrev = $('#btnPrev').click(function () {
          if ((index - 1) > -1) {
            index--;
            loadTrack(index);
            if (playing) {
              audio.play();
            }
          } else {
            audio.pause();
            index = 0;
            loadTrack(index);
          }
        }),
        btnNext = $('#btnNext').click(function () {
          if ((index + 1) < trackCount) {
            index++;
            loadTrack(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) {
            playTrack(id);
          }
        }),
        loadTrack = function (id) {
          $('.plSel').removeClass('plSel');
          $('#plList li:eq(' + id + ')').addClass('plSel');
          npTitle.text(tracks[id].name);
          index = id;
          audio.src = mediaPath + tracks[id].file + extension;
          $('audio').attr("data-matomo-title", tracks[id].name);
        },
        playTrack = function (id) {
          loadTrack(id);
          audio.play();
        };
      extension = audio.canPlayType('audio/mpeg') ? '.mp3' : audio.canPlayType('audio/ogg') ? '.ogg' : '';
      loadTrack(index);
    }
  });

</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>