setto.basspistol.com/unmet-dependencies/index.html
2020-08-02 21:38:17 +00:00

780 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>
<!--
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>Play &quot;Unmet Dependencies&quot; by 徒 setto セット | 徒 setto セット</title>
<meta name="title" content="Play &quot;Unmet Dependencies&quot; by 徒 setto セット" />
<meta name="description" content="A release by 徒 setto セット named &quot;Unmet Dependencies&quot; published on 徒 setto セット" />
<meta name="dc.date.modified" scheme="ISO8601" content="2020-08-02T14:30:44+00:00" />
<meta name="robots" content="index" />
<link rel="canonical" href="https://setto.basspistol.com/unmet-dependencies/" />
<link rel="alternate" hreflang="x-default" href="https://setto.basspistol.com/unmet-dependencies/" />
<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;Unmet Dependencies&quot; published on 徒 setto セット" />
<meta name="dcterms.Title" content="Play &quot;Unmet Dependencies&quot; by 徒 setto セット" />
<meta name="dcterms.Contributor" content="徒 setto セット" />
<meta name="dcterms.Date" content="2020-08-02" />
<meta name="dcterms.Description" content="Listen and to a release by 徒 setto セット named &quot;Unmet Dependencies&quot; and support your remote artist!" />
<!-- Facebook -->
<meta property="og:title" content="Unmet Dependencies by 徒 setto セット" />
<meta property="og:locale" content="en" />
<meta property="og:description" content="Listen and to a release by 徒 setto セット named &quot;Unmet Dependencies&quot; and support your remote artist!" />
<meta property="og:url" content="https://setto.basspistol.com/unmet-dependencies/" />
<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/unmet-dependencies/1-dependency-error.mp3" /><meta property="og:audio" content="https://media.basspistol.com/setto.basspistol.com/unmet-dependencies/2-pingnu.mp3" />
<meta property="article:published_time" content="2020-08-02T14:30:44+00:00" />
<meta property="og:image" content="https://media.basspistol.com/setto.basspistol.com/unmet-dependencies/1-dependency-error.jpeg" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Unmet Dependencies | 徒 setto セット" />
<meta name="twitter:description" content="Listen and to a release by 徒 setto セット named &quot;Unmet Dependencies&quot; and support your remote artist!" />
<meta name="twitter:image" content="https://media.basspistol.com/setto.basspistol.com/unmet-dependencies/1-dependency-error.jpeg" />
<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">Unmet Dependencies</h1>
<p>Proprietary tools, consultancies, remote labor... The reality in the digital industry is as hard to cope with as it is building software in Haskell. Freedom is luxury, but also a burden.
Open your mind, open the source!</p>
<ul class="actions stacked">
<li><a href="#moe" class="button small smooth-scroll">Listen!</a></li>
</ul>
</div>
<div class="image">
<img src="../images/posts/final-pingnucover1220x1200.jpg" alt="Unmet Dependencies" 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
2:nd
of
August
2020
</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/unmet-dependencies/&amp;quote=Unmet Dependencies%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/unmet-dependencies/&amp;text=Unmet Dependencies%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/unmet-dependencies/&amp;text=Unmet Dependencies%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/unmet-dependencies/&amp;title=Unmet Dependencies%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">Dependency Error</div>
<div class="plLength">5:13</div>
</div>
</li>
<li>
<div class="plItem">
<div class="plNum">2.</div>
<div class="plTitle">Pingnu</div>
<div class="plLength">3:42</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/unmet-dependencies/1-dependency-error.mp3" target="_blank" rel="noopener">Dependency Error </a></div>
<div class="plLength">5:13</div>
</div>
<div class="plItem">
<div class="plNum">2.</div>
<div class="plTitle"><a href="https://media.basspistol.com/setto.basspistol.com/unmet-dependencies/2-pingnu.mp3" target="_blank" rel="noopener">Pingnu </a></div>
<div class="plLength">3:42</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>Oldies, but goldies! It is through these 2 tracks that i found the To Setto Setto in me. Before that i used to do some (Excellent, but) sort of lamo Electro-pop. Originally released under <a href="https://sakrecoer.com" target="_blank" rel="noreferrer noopener">Sakrecoer,</a> around 2016, they got some traction in Cyperpunk and geek circles, but never quite made it further…</p>
<p>I dont really expect them to go so much longer this time, the odds are about the same as winning the EU-Jackpot Lottery. But i decided they belonged to To Setto Setto now and i can do as I please with them.</p>
<p>Hope you like them!</p>
<p>Here is a video that was made for the track Pingnu. Its cute AF… but ok, thats how it was made!</p>
<iframe src="https://player.vimeo.com/video/253819945" allow="autoplay; fullscreen" allowfullscreen="" width="100%" height="360px" frameborder="0"></iframe>
</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/unmet-dependencies" 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']);" target="_blank" rel="noopener" href="https://open.spotify.com/album/2UBSokWbYLy0JqrwoGRp0K" alt="Stream from Spotify" title="Stream from Spotify" class="button small icon brands fa-spotify">Spotify</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Tidal']);" target="_blank" rel="noopener" href="https://listen.tidal.com/album/149706362" alt="Stream from Tidal" title="Stream from Tidal" class="button small icon brands fa-creative-commons-sampling">Tidal</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Apple']);" target="_blank" rel="noopener" href="https://music.apple.com/us/album/unmet-dependencies-single/1524841124?uo=4&app=music&at=1001lry3&ct=dashboard" alt="Stream from Apple" title="Stream from Apple" class="button small icon brands fa-apple">Apple</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Deezer']);" target="_blank" rel="noopener" href="https://www.deezer.com/us/album/162768022" alt="Stream from Deezer" title="Stream from Deezer" class="button small icon brands fa-creative-commons-sampling">Deezer</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>Dependency Error</h3>
<p>
5:13
<br /><strong>Cybersoul</strong>
<br />2020</p>
<ul class="actions stacked">
<li><a href="../albums/unmet-dependencies/1-dependency-error/" class="button small icon solid fa-play">Play</a></li>
</ul>
</div>
<div class="image">
<img src="https://media.basspistol.com/setto.basspistol.com/unmet-dependencies/1-dependency-error.jpeg" alt="Dependency Error" />
</div>
</section>
<section class="spotlight style4 orient-right content-align-left image-position-center onscroll-image-fade-in" >
<div class="content">
<h3>Pingnu</h3>
<p>
3:42
<br /><strong>Cybersoul</strong>
<br />2020</p>
<ul class="actions stacked">
<li><a href="../albums/unmet-dependencies/2-pingnu/" class="button small icon solid fa-play">Play</a></li>
</ul>
</div>
<div class="image">
<img src="https://media.basspistol.com/setto.basspistol.com/unmet-dependencies/2-pingnu.jpeg" alt="Pingnu" />
</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="/live-with-hardware/" alt="Read Live with hardware" title="Read Live with hardware"><i class="fas fa-arrow-left"></i></a> <a href="/live-with-hardware/">&nbsp;Live with hardware</a></h4>
<p style="margin-right: 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 class="post-nav-next">
</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/unmet-dependencies" 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']);" target="_blank" rel="noopener" href="https://open.spotify.com/album/2UBSokWbYLy0JqrwoGRp0K" alt="Stream from Spotify" title="Stream from Spotify" class="button small icon brands fa-spotify">Spotify</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Tidal']);" target="_blank" rel="noopener" href="https://listen.tidal.com/album/149706362" alt="Stream from Tidal" title="Stream from Tidal" class="button small icon brands fa-creative-commons-sampling">Tidal</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Apple']);" target="_blank" rel="noopener" href="https://music.apple.com/us/album/unmet-dependencies-single/1524841124?uo=4&app=music&at=1001lry3&ct=dashboard" alt="Stream from Apple" title="Stream from Apple" class="button small icon brands fa-apple">Apple</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Deezer']);" target="_blank" rel="noopener" href="https://www.deezer.com/us/album/162768022" alt="Stream from Deezer" title="Stream from Deezer" class="button small icon brands fa-creative-commons-sampling">Deezer</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": "Dependency Error",
"length": "5:13",
"file": "https://media.basspistol.com/setto.basspistol.com/unmet-dependencies/1-dependency-error"
},{
"track": 2,
"name": "Pingnu",
"length": "3:42",
"file": "https://media.basspistol.com/setto.basspistol.com/unmet-dependencies/2-pingnu"
}],
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>