687 lines
26 KiB
HTML
687 lines
26 KiB
HTML
|
||
<!DOCTYPE html>
|
||
<!--
|
||
Based on _Story_ by html5up.net | @ajlkn
|
||
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
||
Remixed and Jekyllified by Setto
|
||
-->
|
||
<html lang="en">
|
||
<head>
|
||
|
||
<link type="application/atom+xml" rel="alternate" href="https://setto.basspistol.com/feed.xml" title="" />
|
||
<!--
|
||
..............................................
|
||
..............................................
|
||
...........'';,...............................
|
||
.........'',,;: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>Granny is a cyborg now | 徒 setto セット</title>
|
||
<meta name="title" content="Granny is a cyborg now | 徒 setto セット" />
|
||
<meta name="description" content="Jazzy Cybersoul with a hint of 303 baselines." />
|
||
<meta name="dc.date.modified" scheme="ISO8601" content="2020-07-27T08:03:40+00:00" />
|
||
<meta name="robots" content="index" />
|
||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||
<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 ©2020 徒 setto セット." />
|
||
<meta name="dcterms.Subject" content="Jazzy Cybersoul with a hint of 303 baselines." />
|
||
<meta name="dcterms.Title" content="Granny is a cyborg now" />
|
||
<meta name="dcterms.Contributor" content="徒 setto セット" />
|
||
<meta name="dcterms.Date" content="2020-07-27" />
|
||
<meta name="dcterms.Description" content="Jazzy Cybersoul with a hint of 303 baselines." />
|
||
|
||
<!-- Facebook -->
|
||
|
||
<meta property="og:title" content="Granny is a cyborg now | 徒 setto セット" />
|
||
<meta property="og:locale" content="en" />
|
||
<meta property="og:description" content="Jazzy Cybersoul with a hint of 303 baselines." />
|
||
<meta property="og:url" content="https://setto.basspistol.com/cyber-grany/" />
|
||
<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-grandma-got-the-ssh-keys.jpeg" />
|
||
<!-- Twitter Card -->
|
||
|
||
<meta name="twitter:card" content="summary" />
|
||
<meta name="twitter:title" content=" | 徒 setto セット" />
|
||
<meta name="twitter:description" content="Jazzy Cybersoul with a hint of 303 baselines." />
|
||
<meta name="twitter:image" content="https://setto.basspistol.com/images/posts/1-grandma-got-the-ssh-keys.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/images/setto-logo.svg",
|
||
"image": "https://setto.basspistol.com/images/setto-logo.svg",
|
||
"description": "Set, Party, Gang! #Cybersoul.",
|
||
"address": {
|
||
"@type": "PostalAddress",
|
||
"addressLocality": "Geneva",
|
||
"addressRegion": "CH-GE",
|
||
"postalCode": "1201",
|
||
"addressCountry": "Switzerland"
|
||
}
|
||
}
|
||
</script>
|
||
|
||
|
||
|
||
|
||
|
||
<!-- 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">Granny is a cyborg now</h1>
|
||
<p>Jazzy Cybersoul with a hint of 303 baselines.</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-grandma-got-the-ssh-keys.jpeg" alt="Granny is a cyborg now" 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
|
||
|
||
|
||
|
||
12:th
|
||
of
|
||
|
||
December
|
||
|
||
2019
|
||
|
||
</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/cyber-grany/&quote=Granny is a cyborg now%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/cyber-grany/&text=Granny is a cyborg now%20by%20徒 setto セット%20&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/cyber-grany/&text=Granny is a cyborg now%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/cyber-grany/&title=Granny is a cyborg now%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>
|
||
<div id="plwrap">
|
||
<ul id="plList">
|
||
|
||
<li>
|
||
<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 id="noJSalbum">
|
||
|
||
|
||
|
||
<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>
|
||
<div class="content editable" style="font-family: monospace;font-size: 16px;margin-top:60px;" data-cms-source="/_layouts/post.html" data-cms-index="3" data-cms-content-wrapper="/_layouts/post.html">
|
||
<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>
|
||
</div>
|
||
</section>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="streambox" style="padding: 40px;">
|
||
|
||
|
||
|
||
|
||
<h3 style="text-align: center;display: block;">This release can't be bought</h3>
|
||
<p>Stream, follow, like and subscribe!</p>
|
||
<div class="streamer">
|
||
|
||
|
||
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Bandcamp']);" target="_blank" rel="noopener" href="https://shop.basspistol.com" alt="Stream from Bandcamp" title="Stream from Bandcamp" class="button icon brands fa-bandcamp">Bandcamp</a>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
</div>
|
||
<h3 style="text-align: center;display: block;"> </h3>
|
||
|
||
<div class="streamer">
|
||
|
||
|
||
|
||
|
||
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Spotify']);" target="_blank" rel="noopener" href="https://open.spotify.com/artist/0gus2IdSkfrvFDBPqeiksM/" alt="Stream from Spotify" title="Stream from Spotify" class="button icon brands fa-spotify">Spotify</a>
|
||
|
||
|
||
|
||
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'AppleMusic']);" target="_blank" rel="noopener" href="https://itunes.apple.com/us/artist/%E5%BE%92-setto-%E3%82%BB%E3%83%83%E3%83%88/1447055514" alt="Stream from Apple Music" title="Stream from Apple Music" class="button icon brands fa-apple">Apple Music</a>
|
||
|
||
|
||
|
||
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'GooglePlay']);" target="_blank" rel="noopener" href="https://play.google.com/store/music/artist/%E5%BE%92_setto_%E3%82%BB%E3%83%83%E3%83%88?id=Ayi4avjpfyinbrepzebpsvpjc5a" alt="Stream from Google Play" title="Stream from Google Play" class="button icon brands fa-google-play">Google Play</a>
|
||
|
||
|
||
|
||
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Deezer']);" target="_blank" rel="noopener" href="https://www.deezer.com/fr/artist/56004012" alt="Stream from Deezer" title="Stream from Deezer" class="button icon brands fa-creative-commons-sampling">Deezer</a>
|
||
|
||
|
||
|
||
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Napster']);" target="_blank" rel="noopener" href="https://us.napster.com/artist/-setto-" alt="Stream from Napster" title="Stream from Napster" class="button icon brands fa-napster">Napster</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>Grandma got the SSH keys</h3>
|
||
<p>
|
||
3:22
|
||
<br /><strong>Acid Trap</strong>
|
||
<br />2019</p>
|
||
|
||
<ul class="actions stacked">
|
||
<li><a href="../albums/cyber-grany/1-grandma-got-the-ssh-keys/" class="button">Track</a></li>
|
||
</ul>
|
||
</div>
|
||
<div class="image">
|
||
<img src="https://media.basspistol.com/setto.basspistol.com/cyber-grany/1-grandma-got-the-ssh-keys.jpeg" alt="Grandma got the SSH keys" />
|
||
</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>
|
||
|
||
<h4><a href="/darkweb/" alt="Read Darkweb" title="Read Darkweb"><i class="fas fa-arrow-left"></i></a> <a href="/darkweb/"> Darkweb</a></h4>
|
||
<p style="margin-right: 20px">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/"> Live with hardware</a> <a href="/live-with-hardware/" alt="Read Live with hardware" title="Read Live with hardware"><i class="fas fa-arrow-right"></i></a></h4>
|
||
<p style="margin-left: 20px">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>
|
||
<!-- End Post Navigation -->
|
||
</div>
|
||
</section>
|
||
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
|
||
<!-- Footer -->
|
||
<footer id="footer" class="wrapper style1 align-center">
|
||
<div class="footflex">
|
||
<div>
|
||
<h4>徒 setto セット</h4>
|
||
<p>Set, Party, Gang! #Cybersoul.
|
||
<br /><a href="mailto:info@basspistol.com">info@basspistol.com</a></p>
|
||
</div>
|
||
<div>
|
||
<ul>
|
||
|
||
<li><a href="../">Home</a></li>
|
||
|
||
|
||
<li><a href="/discography/">Discog</a></li>
|
||
|
||
<li><a href="/log/">Log</a></li>
|
||
|
||
<li><a href="/about/">About</a></li>
|
||
|
||
<li><a href="/links/">Links</a></li>
|
||
|
||
</ul>
|
||
</div>
|
||
<div><img src="../images/setto-logo-dark.svg" style="max-width:300px" alt="徒 setto セット Logo" /></div>
|
||
</div>
|
||
<div class="inner">
|
||
<ul class="icons">
|
||
|
||
|
||
<li><a target="_blank" alt="徒 setto セット on Twitter" title="徒 setto セット on Twitter" rel="noopener" href="https://twitter.com/ToSettoSetto" class="icon brands style2 fa-twitter"><span class="label">Twitter</span></a></li>
|
||
|
||
|
||
|
||
<li><a target="_blank" alt="徒 setto セット on Instagram" title="徒 setto セット on Instagram" rel="noopener" href="https://www.instagram.com/tosettosetto/" class="icon brands style2 fa-instagram"><span class="label">Instagram</span></a></li>
|
||
|
||
|
||
|
||
<li><a target="_blank" alt="徒 setto セット on Telegram" title="徒 setto セット on Telegram" rel="noopener" href="https://t.me/basspistol" class="icon brands style2 fa-telegram"><span class="label">Telegram</span></a></li>
|
||
|
||
|
||
|
||
<li><a target="_blank" alt="徒 setto セット on Reddit" title="徒 setto セット on Reddit" rel="noopener" href="https://www.reddit.com/r/basspistol" class="icon brands style2 fa-reddit"><span class="label">Reddit</span></a></li>
|
||
|
||
|
||
|
||
</ul>
|
||
<p>©2020 Basspistol | <a href="../webcreds/">Credits</a> | <a href="../cookies/">Cookies & Privacy</a></p>
|
||
</div>
|
||
</footer>
|
||
|
||
</div>
|
||
<!-- Navigation -->
|
||
<div id="logo" class="logo">
|
||
<a href="/"><img width="100em" src="/images/setto-logoicon.svg" alt=" Logo" /></a>
|
||
<a href="#navbar" onclick="blurBody()" alt="Navigation Menu" title="Navigation Menu"><span class="icon solid fa-bars navmenu"></span></a>
|
||
</div>
|
||
|
||
<div id="navbar" style="display: block;" class="modalDialog">
|
||
<a href="#close" onclick="removeBlur()" alt="Close Menu" title="Close Menu"><div id="closearea"> </div></a>
|
||
<nav>
|
||
<a href="#close" title="Close" onclick="removeBlur()" class="close-button close" style="margin: 0 auto;">X</a>
|
||
<ul>
|
||
|
||
<li><a href="../" class="button smaller">Home</a></li>
|
||
|
||
|
||
|
||
<li><a href="../discography/" class="button smaller">Discog</a></li>
|
||
|
||
|
||
|
||
<li><a href="../log/" class="button smaller">Log</a></li>
|
||
|
||
|
||
|
||
<li><a href="../about/" class="button smaller">About</a></li>
|
||
|
||
|
||
|
||
<li><a href="../links/" class="button smaller">Links</a></li>
|
||
|
||
|
||
|
||
</ul>
|
||
</nav>
|
||
</div>
|
||
|
||
|
||
<!-- End Navigation -->
|
||
<!-- Scripts -->
|
||
|
||
|
||
|
||
|
||
<script src="../assets/js/jquery.min.js"></script>
|
||
<script src="../assets/js/jquery.scrollex.min.js"></script>
|
||
<script src="../assets/js/jquery.scrolly.min.js"></script>
|
||
<script src="../assets/js/browser.min.js"></script>
|
||
<script src="../assets/js/breakpoints.min.js"></script>
|
||
<script src="../assets/js/util.js"></script>
|
||
<script src="../assets/js/main.js"></script>
|
||
<script src="../assets/js/set.js"></script>
|
||
|
||
|
||
|
||
<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"
|
||
}],
|
||
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>
|