<!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;Cyber Grany&quot; by 徒 Setto セット | 徒 setto セット</title>
<meta name="title" content="Play &quot;Cyber Grany&quot; by 徒 Setto セット" />
<meta name="description" content="A release by 徒 Setto セット named &quot;Cyber Grany&quot; published on 徒 setto セット" />
<meta name="dc.date.modified" scheme="ISO8601" content="2020-10-23T07:07:08+00:00" />
<meta name="robots" content="index" />

<link rel="canonical" href="https://setto.basspistol.com/cyber-grany/" />
<link rel="alternate" hreflang="x-default" href="https://setto.basspistol.com/cyber-grany/" />
<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;Cyber Grany&quot; published on 徒 setto セット" />
<meta name="dcterms.Title" content="Play &quot;Cyber Grany&quot; by 徒 Setto セット" />
<meta name="dcterms.Contributor" content="徒 setto セット" />
<meta name="dcterms.Date" content="2019-12-12" />
<meta name="dcterms.Description" content="Listen and to a release by 徒 Setto セット named &quot;Cyber Grany&quot; and support your remote artist!" />

<!-- Facebook -->

<meta property="og:title" content="Cyber Grany by 徒 Setto セット" />
<meta property="og:locale" content="en" />
<meta property="og:description" content="Listen and to a release by 徒 Setto セット named &quot;Cyber Grany&quot; and support your remote artist!" />
<meta property="og:url" content="https://setto.basspistol.com/cyber-grany/" />
<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/cyber-grany/1-grandma-got-the-ssh-keys.mp3" />
<meta property="article:published_time" content="2019-12-12T03:03:00+00:00" />
<meta property="og:image" content="https://media.basspistol.com/setto.basspistol.com/cyber-grany/1-grandma-got-the-ssh-keys.jpeg" />

<!-- Twitter Card -->

<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Cyber Grany | 徒 setto セット" />
<meta name="twitter:description" content="Listen and to a release by 徒 Setto セット named &quot;Cyber Grany&quot; and support your remote artist!" />
<meta name="twitter:image" content="https://media.basspistol.com/setto.basspistol.com/cyber-grany/1-grandma-got-the-ssh-keys.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-20200911.css" />
<link rel="stylesheet" href="../assets/css/main-20200911.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-20200911.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-grandma-got-the-ssh-keys.jpeg);">
  <div class="imagecontainer">
    <h4>Granny is a cyborg now</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>Granny is a cyborg now</h1>
      <p>Jazzy Cybersoul with a hint of 303 baselines.</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 class="" style="border-radius: 5px;">
        <div class="plItem">
          <div class="plNum">1.</div>
          <div class="plTitle">Grandma got the SSH keys</div>
          <div class="plLength">
            3:22
          </div>
        </div>
      </li>
      
    </ul>
  </div>
</div>
<div class="noJSalbum">
  <div class="coverartwrapper">
    <div class="coverartwrapped" style="background-image: url(/images/posts/1-grandma-got-the-ssh-keys.jpeg);"></div>
  </div>
  

  <div class="plItem">
    <div class="plNum">1.</div>
    <div class="plTitle"><a href="https://media.basspistol.com/setto.basspistol.com/cyber-grany/1-grandma-got-the-ssh-keys.mp3" target="_blank"
      rel="noopener">Grandma got the SSH keys </a></div>
    <div class="plLength">
      3:22
    </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="2019-12-12 03:03:00 +0000">
  
  12:th
   of 
  
  December
  
  2019
</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/cyber-grany/&quest;pk_campaign=homeshare&amp;quote=Jazzy Cybersoul with a hint of 303 baselines.%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/cyber-grany/&quest;pk_campaign=homeshare&amp;text=Jazzy Cybersoul with a hint of 303 baselines.%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/cyber-grany/&quest;pk_campaign=homeshare&amp;text=Jazzy Cybersoul with a hint of 303 baselines.%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/cyber-grany/&quest;pk_campaign=homeshare&amp;title=Jazzy Cybersoul with a hint of 303 baselines.%20By%20徒 setto セット" class="icon smaller fab fa-reddit"><span class="label">Reddit</span></a>
      </ul>
      <a href="../chat/#read" target="_blank" class="button">📢 Chat</a>
  
  
    </div>
  </div>
</div>
</div>
</section>
<section class="info">
  <div class="container">
  <p>My grandmother, 93,  added me on social media yesterday. So I called her. Long-chat good talk. TL;DR Damn what a woman! She told me she had a roll-walker. I said “we’re in the future now Grandma, you’re a cyborg, half machine!”</p>

<p>She laughed and acknowledge it was a marvellous invention!</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">

    
    <p class="right" id="npTitle" style="font-weight: bold;"></p>
    <p class="left" id="npAction">Paused...</p>
  </div>

</div>


  
  
  <section class="streambox">
  <h2>This release can't be obtained</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" title="Stream from Bandcamp" class="icon fab fa-bandcamp"><span class="label">Bandcamp</span></a>

    

    <a onclick="_paq.push(['trackEvent', 'StoreLink', 'Spotify']);" target="_blank" rel="noopener" href="https://open.spotify.com/artist/0gus2IdSkfrvFDBPqeiksM/" title="Stream from Spotify" class="icon fab fa-spotify"><span class="label">Spotify</span></a>

    

    <a onclick="_paq.push(['trackEvent', 'StoreLink', 'Tidal']);" target="_blank" rel="noopener" href="https://listen.tidal.com/artist/10745925" title="Stream from Tidal" class="icon fab fa-creative-commons-sampling"><span class="label">Tidal</span></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" 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/artist/%E5%BE%92_setto_%E3%82%BB%E3%83%83%E3%83%88?id=Ayi4avjpfyinbrepzebpsvpjc5a" 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/fr/artist/56004012" 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-" 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/channel/UCKlONOrOgNQjBjxUyPj4jcw/playlists" title="Stream from Youtube" class="icon fab fa-youtube"><span class="label">Youtube</span></a>

    
  </div>
  </section>
  
  





  
  <!-- HERE ENDS MADNESS -->

<!-- post Naviation -->
<section class="post-navigation">
  
  <div class="container">
    <div class="post-nav">
      
      <h4><a href="../darkweb/" alt="Read Darkweb"
        title="Read Darkweb"><span class="fas fa-arrow-left"
        style="font-size:3em;text-decoration: none;"></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 class="post-nav-next">
      
      <h4><a href="/live-with-hardware/"><span class="fas fa-arrow-right" style="font-size:3em;"></span></a></h4>
      <h3>Live with hardware</h3>
      <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>
      
    </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": "Grandma got the SSH keys",
            "length": "3:22",
            "file": "https://media.basspistol.com/setto.basspistol.com/cyber-grany/1-grandma-got-the-ssh-keys",
            "image": "https://media.basspistol.com/setto.basspistol.com/cyber-grany/1-grandma-got-the-ssh-keys"
          }],
          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>This release can't be obtained</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" title="Stream from Bandcamp" class="icon fab fa-bandcamp"><span class="label">Bandcamp</span></a>

    

    <a onclick="_paq.push(['trackEvent', 'StoreLink', 'Spotify']);" target="_blank" rel="noopener" href="https://open.spotify.com/artist/0gus2IdSkfrvFDBPqeiksM/" title="Stream from Spotify" class="icon fab fa-spotify"><span class="label">Spotify</span></a>

    

    <a onclick="_paq.push(['trackEvent', 'StoreLink', 'Tidal']);" target="_blank" rel="noopener" href="https://listen.tidal.com/artist/10745925" title="Stream from Tidal" class="icon fab fa-creative-commons-sampling"><span class="label">Tidal</span></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" 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/artist/%E5%BE%92_setto_%E3%82%BB%E3%83%83%E3%83%88?id=Ayi4avjpfyinbrepzebpsvpjc5a" 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/fr/artist/56004012" 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-" 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/channel/UCKlONOrOgNQjBjxUyPj4jcw/playlists" title="Stream from Youtube" class="icon fab fa-youtube"><span class="label">Youtube</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="/about/" >🐿 About</a></li>
        
        <li><a href="/links/" >🔗 Links</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://mastodon.art/@tosettosetto" class="icon small fab fa-mastodon"><span class="label">Mastodon</span></a>
        
        <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 Facebook" title="徒 setto セット on Facebook" rel="noopener"
          href="https://www.facebook.com/徒-setto-セット-100627981795265" class="icon small fab fa-facebook"><span class="label">Facebook</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/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 Friday, Oct 23, 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="../about/" onclick="removeBlur()" class="button">🐿 About</a></li>
      
      
      
      <li><a href="../links/" onclick="removeBlur()" class="button">🔗 Links</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-20200911.js"></script>


</body>
</html>