setto.basspistol.com/unmet-dependencies/index.html
2020-09-26 07:07:16 +00:00

814 lines
30 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE HTML>
<!--
Publikatorized by Sakrecoer
Free for personal and commercial use under the CCA 3.0 license.
-->
<html lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!--
..............................................
..............................................
...........'';,...............................
.........'',,;:o:,............................
.......',;;::::::;;;,.........................
.....,;:ooooooooooo;,,''''....................
....,;ooooooooooooooo;,'..'''''...............
...,:ooooooooooooooooo;''......'''............
..,;:ooooooooooooooooo',,.........,'.......... _______ _ _ __
..,,;:,ooooo;;:ooo;o,:;,',.........;,''....... \____ \____ _____ __________ |_| ______/ |_ ___ | |
..,'..,,;:o,''.,;;'''..'';,,,,,,''',;'''...... | | _/\__ \/ __// __/\___ \| |/ __/\ _\/ \| |
..,'......':ooo:.......'';,'''''''',;,,,...... | | _/\__ \/ __// __/\___ \| |/ __/\ _\/ \| |
..,,.......,:o:'.......,'oooo:::::;:,.',;,.... | | _/\__ \/ __// __/\___ \| |/ __/\ _\/ \| |
..','.................',,..'',,,;;;;;;,.,:.... | | \ / _ \__ \ \__ \ | |_> > |\__ \ | | ( <> ) |__
...,,'...............',;oooooooooo:;;:,;oo,... |____ /(___ /___ >___ >| __/|_/____ > |_| \___/|____/
....,,'.............,,;ooooooooo;,..'',oooo,.. \/ \/ \/ \/ |_| \/
.....',,'........',,;ooo::;;,'........'oooo;..
.......'',,'''',,;;;,,'...............';;;'... All you saw was sound!
...........'''''..............................
..............................................
..............................................
..............................................
..............................................
-->
<!-- BEGIN seo.html -->
<title>Play &quot;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-09-22T07:07:06+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-02T07:00:00+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 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/final-pingnucover1220x1200.jpg);">
<div class="imagecontainer">
<h4>Unmet Dependencies</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>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>
<p><a href="#play" class="button">🔊 Listen</a></p>
</div>
</div>
</header>
<section id="play">
<div class="album-player">
<!-- HERE BEGINS MADNESS -->
<div class="player-wrap">
<div id="plwrap">
<h2>Track list</h2>
<ul id="plList">
<li >
<div class="plItem">
<div class="plNum">1.</div>
<div class="plTitle">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 class="noJSalbum">
<div class="coverartwrapper">
<div class="coverartwrapped" style="background-image: url(/images/posts/final-pingnucover1220x1200.jpg);"></div>
</div>
<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 class="coverart">
<div class="coverartwrapper">
<div id="npImage" class="coverartwrapped"></div>
</div>
<div id="author">
<div class="bio">
<p><a href="mailto:setto@basspistol.com"><strong>徒 setto セット</strong></a></p>
<p>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 class="date">
Published the
2:nd
of
August
2020
</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/unmet-dependencies/&amp;quote=Unmet Dependencies%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/unmet-dependencies/&amp;text=Unmet Dependencies%20by%20徒 setto セット%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/unmet-dependencies/&amp;text=Unmet Dependencies%20by%20徒 setto セット" 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/unmet-dependencies/&amp;title=Unmet Dependencies%20by%20徒 setto セット" class="icon smaller fab fa-reddit"><span class="label">Reddit</span></a>
</ul>
</div>
</div>
</div>
</div>
</section>
<section class="info">
<div class="container" data-cms-content-wrapper="/_layouts/post.html">
<h2 id="oldies-but-goldies">Oldies, but goldies</h2>
<p>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="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>
</section>
<div id="fixedPlayer" class="showplayer hideplayer">
<div id="audiowrap">
<div id="audio0">
<audio id="audio1" preload="metadata" controls="controls">
Your browser does not support HTML5 Audio!
</audio>
</div>
</div>
<div id="nowPlay">
<div id="tracks">
<a id="btnPrev"><span class="fas fa-fast-backward"></span></a>
<a id="btnNext"><span class="fas fa-fast-forward"></span></a>
</div>
<p class="right" id="npTitle" style="font-weight: bold;"></p>
<p class="left" id="npAction">Paused...</p>
</div>
</div>
<section class="streambox">
<h2>Get this release</h2>
<div class="streamer">
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Spotify']);" target="_blank" rel="noopener" href="https://open.spotify.com/album/2UBSokWbYLy0JqrwoGRp0K" 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/album/149706362" title="Stream from Tidal" class="icon fab fa-creative-commons-sampling"><span class="label">Tidal</span></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" title="Stream from Apple" class="icon fab fa-apple"><span class="label">Apple</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Bandcamp']);" target="_blank" rel="noopener" href="https://shop.basspistol.com/album/unmet-dependencies" title="Stream from Bandcamp" class="icon fab fa-bandcamp"><span class="label">Bandcamp</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Deezer']);" target="_blank" rel="noopener" href="https://www.deezer.com/us/album/162768022" title="Stream from Deezer" class="icon fab fa-deezer"><span class="label">Deezer</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Youtube']);" target="_blank" rel="noopener" href="https://www.youtube.com/playlist?list=OLAK5uy_nwAxqTcjZHW6XjNwHPkEd30jYsYcHJM_k" title="Stream from Youtube" class="icon fab fa-youtube"><span class="label">Youtube</span></a>
</div>
</section>
<!-- Tracks -->
<section class="track-picker">
<div class="full-image" style="background-image:url(https://media.basspistol.com/setto.basspistol.com/unmet-dependencies/1-dependency-error.jpeg);">
</div>
<div>
<h2>Dependency Error</h2>
<p>
5:13
| <strong>Cybersoul</strong></p>
<p>2020</p>
<p><a href="../albums/unmet-dependencies/1-dependency-error/" class="button">🔊 Play</a></p>
</div>
</section>
<section class="track-picker">
<div class="full-image" style="background-image:url(https://media.basspistol.com/setto.basspistol.com/unmet-dependencies/2-pingnu.jpeg);">
</div>
<div>
<h2>Pingnu</h2>
<p>
3:42
| <strong>Cybersoul</strong></p>
<p>2020</p>
<p><a href="../albums/unmet-dependencies/2-pingnu/" class="button">🔊 Play</a></p>
</div>
</section>
<!-- END Tracks -->
<!-- HERE ENDS MADNESS -->
<!-- post Naviation -->
<section class="post-navigation">
<div class="container">
<div class="post-nav">
<h4><a href="../live-with-hardware/" alt="Read Live with hardware" title="Read Live with hardware"><span class="fas fa-arrow-left" style="font-size:3em;text-decoration: none;"></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 class="post-nav-next">
<h4><a href="/333mix/"><span class="fas fa-arrow-right" style="font-size:3em;"></span></a></h4>
<h3>333mix</h3>
<p>Pignu got Chopped & Screwed by KodTreatment</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": "Dependency Error",
"length": "5:13",
"file": "https://media.basspistol.com/setto.basspistol.com/unmet-dependencies/1-dependency-error",
"image": "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",
"image": "https://media.basspistol.com/setto.basspistol.com/unmet-dependencies/2-pingnu"
}],
trackCount = tracks.length,
npAction = $('#npAction'),
npTitle = $('#npTitle'),
npImage = $('#npImage'),
audio = $('#audio1').bind('play', function () {
playing = true;
npAction.text('Playing...');
$('#fixedPlayer').removeClass('hideplayer');
$("#npImage").addClass('spinnit');
}).bind('pause', function () {
playing = false;
npAction.text('Paused...');
$("#npImage").removeClass('spinnit');
}).bind('ended', function () {
npAction.text('Paused...');
if ((index + 1) < trackCount) {
index++;
loadTrack(index);
playTrack(index);
audio.play();
} else {
audio.pause();
index = 0;
loadTrack(index);
}
}).get(0),
btnPrev = $('#btnPrev').click(function () {
if ((index - 1) > -1) {
index--;
loadTrack(index);
playTrack(index);
if (playing) {
audio.play();
}
} else {
audio.pause();
index = 0;
loadTrack(index);
}
}),
btnNext = $('#btnNext').click(function () {
if ((index + 1) < trackCount) {
index++;
loadTrack(index);
playTrack(index);
if (playing) {
audio.play();
}
} else {
audio.pause();
index = 0;
loadTrack(index);
}
}),
li = $('#plList li').click(function () {
var id = parseInt($(this).index());
if (id !== index || playing == false) {
playTrack(id);
}else {
audio.pause();
}
}),
loadTrack = function (id) {
npTitle.text(tracks[id].name);
index = id;
audio.src = mediaPath + tracks[id].file + extension;
$('audio').attr("data-matomo-title", tracks[id].name);
$("#npImage").attr('style', 'background-image:url(' + tracks[id].image + '.jpeg)');
},
playTrack = function (id) {
$('.plSel').removeClass('plSel');
$('#plList li:eq(' + id + ')').addClass('plSel');
loadTrack(id);
audio.play();
};
extension = audio.canPlayType('audio/mpeg') ? '.mp3' : audio.canPlayType('audio/ogg') ? '.ogg' : '';
loadTrack(index);
}
});
</script>
<!-- Footer -->
<section class="streambox">
<h2>Get this release</h2>
<div class="streamer">
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Spotify']);" target="_blank" rel="noopener" href="https://open.spotify.com/album/2UBSokWbYLy0JqrwoGRp0K" 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/album/149706362" title="Stream from Tidal" class="icon fab fa-creative-commons-sampling"><span class="label">Tidal</span></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" title="Stream from Apple" class="icon fab fa-apple"><span class="label">Apple</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Bandcamp']);" target="_blank" rel="noopener" href="https://shop.basspistol.com/album/unmet-dependencies" title="Stream from Bandcamp" class="icon fab fa-bandcamp"><span class="label">Bandcamp</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Deezer']);" target="_blank" rel="noopener" href="https://www.deezer.com/us/album/162768022" title="Stream from Deezer" class="icon fab fa-deezer"><span class="label">Deezer</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Youtube']);" target="_blank" rel="noopener" href="https://www.youtube.com/playlist?list=OLAK5uy_nwAxqTcjZHW6XjNwHPkEd30jYsYcHJM_k" 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/basspistol" 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 Tuesday, Sep 22, 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>
<div class="fullscreen-bg">
<video data-matomo-title="Unmet Dependencies VideoBG" autoplay muted loop poster="/images/posts/final-pingnucover1220x1200.jpg" class="fullscreen-bg__video">
<source src="/videos/pingu.mp4" type="video/mp4">
</video>
</div>
</body>
</html>