setto.basspistol.com/little-bug-ep/index.html
2021-04-02 09:20:19 +00:00

860 lines
33 KiB
HTML
Raw Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. 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;Little Bug EP&quot; by 徒 Setto セット, Randulo | 徒settoセット</title>
<meta name="title" content="Play &quot;Little Bug EP&quot; by 徒 Setto セット, Randulo" />
<meta name="description" content="A release by 徒 Setto セット, Randulo named &quot;Little Bug EP&quot; published on 徒settoセット" />
<meta name="dc.date.modified" scheme="ISO8601" content="2021-04-01T11:20:09+02:00" />
<meta name="robots" content="index" />
<link rel="canonical" href="https://setto.basspistol.com/little-bug-ep/" />
<link rel="alternate" hreflang="x-default" href="https://setto.basspistol.com/little-bug-ep/" />
<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;2021 徒settoセット." />
<meta name="dcterms.Subject" content="A release by 徒 Setto セット, Randulo named &quot;Little Bug EP&quot; published on 徒settoセット" />
<meta name="dcterms.Title" content="Play &quot;Little Bug EP&quot; by 徒 Setto セット, Randulo" />
<meta name="dcterms.Contributor" content="徒settoセット" />
<meta name="dcterms.Date" content="2021-03-08" />
<meta name="dcterms.Description" content="Listen to a release by 徒 Setto セット, Randulo named &quot;Little Bug EP&quot; and support your remote artist!" />
<!-- Facebook -->
<meta property="og:title" content="Little Bug EP by 徒 Setto セット, Randulo" />
<meta property="og:locale" content="en" />
<meta property="og:description" content="Listen to a release by 徒 Setto セット, Randulo named &quot;Little Bug EP&quot; and support your remote artist!" />
<meta property="og:url" content="https://setto.basspistol.com/little-bug-ep/" />
<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/little-bug-ep/1-ding-ding-world.mp3" /><meta property="og:audio" content="https://media.basspistol.com/setto.basspistol.com/little-bug-ep/2-little-bug.mp3" />
<meta property="article:published_time" content="2021-03-08T19:07:00+01:00" />
<meta property="og:image" content="https://media.basspistol.com/setto.basspistol.com/little-bug-ep/1-ding-ding-world.jpeg" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Little Bug EP | 徒settoセット" />
<meta name="twitter:description" content="Listen to a release by 徒 Setto セット, Randulo named &quot;Little Bug EP&quot; and support your remote artist!" />
<meta name="twitter:image" content="https://media.basspistol.com/setto.basspistol.com/little-bug-ep/1-ding-ding-world.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-20201231.css" />
<link rel="stylesheet" href="../assets/css/main-20201231.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-20201231.css" /></noscript>
<script src="../assets/js/jquery-3.5.1.min.js"></script>
<meta name="theme-color" content=""/>
</head>
<body>
<!-- Wrapper -->
<div id="main-wrapper">
<header class="hero" id="play" style="background-image: url(../images/posts/littlebug1400x1400.png);">
<div class="imagecontainer">
<h4>Little Bug EP</h4>
</div>
<div class="album-player">
<div class="description">
<div class="player-wrap">
<h1 class="shadow">Little Bug EP</h1>
<p class="shadow">Lofi Hiphop from planet Foss.</p>
<div id="plwrap">
<h4>&nbsp;</h4>
<h4>Track list</h4>
<ul id="plList">
<li >
<div class="plItem">
<div class="plNum">1.</div>
<div class="plTitle">Ding Ding World</div>
<div class="plLength">
3:32
</div>
</div>
</li>
<li >
<div class="plItem">
<div class="plNum">2.</div>
<div class="plTitle">Little Bug</div>
<div class="plLength">
2:36
</div>
</div>
</li>
</ul>
</div>
</div>
<div class="noJSalbum">
<div class="coverartwrapper">
<div class="coverartwrapped" style="background-image: url(/images/posts/littlebug1400x1400.png);"></div>
</div>
<div class="plItem">
<div class="plNum">1.</div>
<div class="plTitle"><a href="https://media.basspistol.com/setto.basspistol.com/little-bug-ep/1-ding-ding-world.mp3" target="_blank" rel="noopener">Ding Ding World </a></div>
<div class="plLength">
3:32
</div>
</div>
<div class="plItem">
<div class="plNum">2.</div>
<div class="plTitle"><a href="https://media.basspistol.com/setto.basspistol.com/little-bug-ep/2-little-bug.mp3" target="_blank" rel="noopener">Little Bug </a></div>
<div class="plLength">
2:36
</div>
</div>
</div>
</div>
<div class="coverart" style="text-align: center;">
<div class="coverartwrapper">
<div id="npImage" class="coverartwrapped"></div>
</div>
<div id="author">
<div class="bio">
<p class="date">
Published the
<time datetime="2021-03-08 19:07:00 +0100">
8:th
of
March
2021
</time>
</p>
<h6>
Share this release:
</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/little-bug-ep/&quest;pk_campaign=homeshare&amp;quote=Lofi Hiphop from planet Foss.%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/little-bug-ep/&quest;pk_campaign=homeshare&amp;text=Lofi Hiphop from planet Foss.%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/little-bug-ep/&quest;pk_campaign=homeshare&amp;text=Lofi Hiphop from planet Foss.%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/little-bug-ep/&quest;pk_campaign=homeshare&amp;title=Lofi Hiphop from planet Foss.%20By%20徒settoセット" class="icon smaller fab fa-reddit"><span class="label">Reddit</span></a>
</ul>
</div>
</div>
</div>
</div>
</header>
<script type="text/javascript">
function generateRandomPosts() {
$.getJSON("/posts.json", function (data) {
console.log("[posts.json loaded for random posts]");
var postsCount = data.length;
var posts = data;
var randomIndexUsed = [];
var counter = 0;
var numberOfPosts = 1;
var divRandomPosts = $("#random_posts");
while (counter < numberOfPosts) {
var randomIndex = Math.floor(Math.random() * postsCount);
if (randomIndexUsed.indexOf(randomIndex) == "-1") {
var postHREF = posts[randomIndex].href;
var postTitle = posts[randomIndex].title;
if (counter == (numberOfPosts - 1)) {
divRandomPosts.append('<a class="button" href="' + postHREF + '">🔥</a>');
}
else {
divRandomPosts.append('<a class="button" href="' + postHREF + '">🔥</a>');
}
randomIndexUsed.push(randomIndex);
counter++;
}
}
});
}
$(document).ready(function () {
generateRandomPosts();
});
</script>
<!-- HERE BEGINS MADNESS -->
<section class="info">
<div class="container">
<p>A smol EP for human kind. A giant leap for me. This is my first release that is entirely produced using Cooperative software (AKA FLOSS). As in: no hardware!! Yes! it is also my first release in over a decade where all the synths and drum machines are software modules. It features flute and sax from the talented <a href="https://indieweb.social/@randulo" target="_blank" rel="noopener noreferrer">Randulo</a>, and I am happy to share it with you.</p>
<p>Let me know what you think! You can talk to me <a href="/chat/#read">here</a></p>
<p> </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">
<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 id="npTitle" style="font-weight: bold;"></p>
<div id="random_posts" style="margin-right: 40px;"></div>
</div>
</div>
<!-- Tracks -->
<section class="track-picker">
<div class="full-image" style="background-image:url(https://media.basspistol.com/setto.basspistol.com/little-bug-ep/1-ding-ding-world.jpeg);">
</div>
<div>
<h2>Ding Ding World</h2>
<p>
3:32
| <strong>Lo-Fi Hiphop</strong></p>
<p>2021</p>
<p><a href="../little-bug-ep/1-ding-ding-world/" 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/little-bug-ep/2-little-bug.jpeg);">
</div>
<div>
<h2>Little Bug</h2>
<p>
2:36
| <strong>Lo-Fi Hiphop</strong></p>
<p>2021</p>
<p><a href="../little-bug-ep/2-little-bug/" 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="../social-media-distancing/" alt="Read Social Media Distancing" title="Read Social Media Distancing"><span class="fas fa-arrow-left" style="font-size:3em;text-decoration: none;"></span></a></h4>
<h3>Social Media Distancing</h3>
<p>We see each other less, but when we do it's on the same screen we work on.</p>
</div>
<div class="post-nav-next">
</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": "Ding Ding World",
"length": "3:32",
"file": "https://media.basspistol.com/setto.basspistol.com/little-bug-ep/1-ding-ding-world",
"image": "https://media.basspistol.com/setto.basspistol.com/little-bug-ep/1-ding-ding-world"
},{
"track": 2,
"name": "Little Bug",
"length": "2:36",
"file": "https://media.basspistol.com/setto.basspistol.com/little-bug-ep/2-little-bug",
"image": "https://media.basspistol.com/setto.basspistol.com/little-bug-ep/2-little-bug"
}],
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" id="support">
<h2>Get this release</h2>
<div class="streamer">
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Bandcamp']);" target="_blank" rel="noopener" href="https://shop.basspistol.com/album/little-bug-ep" title="Stream from Bandcamp" class="icon fab fa-bandcamp"><span class="label">Bandcamp</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Audius']);" target="_blank" rel="noopener" href="https://audius.co/tosettosetto/playlist/little-bug-ep-31143" title="Stream from Audius" class="icon fab fa-creative-commons-sampling"><span class="label">Audius</span></a>
</div>
</section>
<section class="streambox" id="support">
<h2>I take bitcoin donations!</h2>
<div class="streamer" style="margin-top:0;">
<!-- BTC Pay -->
<script>if(!window.btcpay){ var head = document.getElementsByTagName('head')[0]; var script = document.createElement('script'); script.src='https://node1.terminalb.tc:49393/modal/btcpay.js'; script.type = 'text/javascript'; head.append(script);}function onBTCPayFormSubmit(event){ var xhttp = new XMLHttpRequest(); xhttp.onreadystatechange = function() { if (this.readyState == 4 && this.status == 200) { if(this.status == 200 && this.responseText){ var response = JSON.parse(this.responseText); window.btcpay.showInvoice(response.invoiceId); } } }; xhttp.open("POST", event.target.getAttribute('action'), true); xhttp.send(new FormData( event.target ));}</script>
<style type="text/css"> .btcpay-form { display: inline-flex; align-items: center; justify-content: center; } .btcpay-form--inline { flex-direction: row; } .btcpay-form--block { flex-direction: column; background-color: var(--fg); padding-top: 20px; border-radius: var(--border-radius); } .btcpay-form--inline .submit { margin-left: 15px; } .btcpay-form--block select { margin-bottom: 10px; } .btcpay-form .btcpay-custom-container{ text-align: center; }.btcpay-custom { display: flex; align-items: center; justify-content: center; } .btcpay-form .plus-minus { cursor:pointer; font-size:25px; line-height: 25px; background: var(--bg);color:var(--fg); height: 30px; width: 45px; border:none; border-radius: 60px; margin: auto 5px; display: inline-flex; justify-content: center; } .btcpay-form select { -moz-appearance: none; -webkit-appearance: none; appearance: none; color: var(--bg); background: transparent; border:1px solid transparent; display: block; padding: 1px; margin-left: auto; margin-right: auto; font-size: 1em; cursor: pointer; } .btcpay-form select:hover { border-color: #ccc; } #btcpay-input-price { -moz-appearance: none; -webkit-appearance: none; border: none; box-shadow: none; text-align: center; font-size: 25px; margin: auto; border-radius: 5px; line-height: 35px; background: #fff; } </style>
<!-- End BTC pay -->
<form method="POST" onsubmit="onBTCPayFormSubmit(event);return false" action="https://node1.terminalb.tc:49393/api/v1/invoices" class="btcpay-form btcpay-form--block">
<input type="hidden" name="storeId" value="FeM9np3QKxAB2PvLj3VeUcm6gV49hDyz8xz4DFceE41k" />
<input type="hidden" name="jsonResponse" value="true" />
<div class="btcpay-custom-container">
<div class="btcpay-custom">
<button class="plus-minus" onclick="event.preventDefault(); var price = parseInt(document.querySelector('#btcpay-input-price').value); if ('-' == '-' && (price - 1) < 1) { return; } document.querySelector('#btcpay-input-price').value = parseInt(document.querySelector('#btcpay-input-price').value) - 1;">-</button>
<input id="btcpay-input-price" name="price" type="text" min="1" max="100" step="1" value="10" style="width: 3em;" oninput="event.preventDefault();isNaN(event.target.value) || event.target.value <= 0 ? document.querySelector('#btcpay-input-price').value = 10 : event.target.value" />
<button class="plus-minus" onclick="event.preventDefault(); var price = parseInt(document.querySelector('#btcpay-input-price').value); if ('+' == '-' && (price - 1) < 1) { return; } document.querySelector('#btcpay-input-price').value = parseInt(document.querySelector('#btcpay-input-price').value) + 1;">+</button>
</div>
<select name="currency" style="text-align:center">
<option value="EUR" selected>EUR 💶</option>
<option value="CHF">CHF 💰</option>
<option value="USD">USD 💵</option>
<option value="GBP">GBP 💷</option>
<option value="BTC">BTC 🦄</option>
</select>
</div>
<input type="image" class="submit" name="submit" src="https://node1.terminalb.tc:49393/img/paybutton/pay.svg" style="width:209px;border:none;" alt="Pay with BtcPay, Self-Hosted Bitcoin Payment Processor">
</form>
</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="#support" >🌮 Support</a></li>
<li><a href="/discography" >💽 Music</a></li>
<li><a href="/log" >📰 Blog</a></li>
<li><a href="https://v.basspistol.org/accounts/setto/video-channels" target="_blank" rel="noopener"
>📹 Video</a></li>
<li><a href="/about/" >㊙️ About</a></li>
<li><a href="/links/" >🔗 Links</a></li>
<li><a href="https://matrix.to/#/!YQcdVviFQNGYFMYrxD:matrix.org" target="_blank" rel="noopener"
>👋 Chat</a></li>
</ul>
</div>
<div><a href="#main-wrapper"><img src="../images/setto-logoicon-footer.svg" alt="徒settoセット Logo" /></a></div>
<small>
<div style="text-align: center;">
<a target="_blank" alt="徒settoセット on Pleroma" title="徒settoセット on Pleroma" rel="noopener"
href="https://t.basspistol.org/setto" class="icon small fab fa-mastodon"><span class="label">Pleroma</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="徒settoセット on Peertube" title="徒settoセット on Peertube" rel="noopener"
href="https://v.basspistol.org/video-channels/tosettosetto/" class="icon small fab fa-youtube"><span class="label">Peertube</span></a>
<a target="_blank" alt="徒settoセット on Matrix" title="徒settoセット on Matrix" rel="noopener"
href="https://matrix.to/#/!YQcdVviFQNGYFMYrxD:matrix.org" class="icon small fab fa-connectdevelop"><span class="label">Matrix</span></a>
<a target="_blank" alt="email" title="email" href="mailto:setto@basspistol.com" class="icon small fas fa-envelope-open-text" rel="me"><span
class="label">Email</span></a>
</div>
<p>&copy;2021 Basspistol | <a href="../webcreds/">Credits</a> |
<a href="../cookies/">Cookies & Privacy</a>
<br />This page was last updated on Thursday, Apr 01, 2021</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="#support" target="_blank" rel="noopener" onclick="removeBlur()" class="button">🌮 Support</a></li>
<li><a href="../discography" onclick="removeBlur()" class="button">💽 Music</a></li>
<li><a href="../log" onclick="removeBlur()" class="button">📰 Blog</a></li>
<li><a href="https://v.basspistol.org/accounts/setto/video-channels" target="_blank" rel="noopener" onclick="removeBlur()" class="button">📹 Video</a></li>
<li><a href="../about/" onclick="removeBlur()" class="button">㊙️ About</a></li>
<li><a href="../links/" onclick="removeBlur()" class="button">🔗 Links</a></li>
<li><a href="https://matrix.to/#/!YQcdVviFQNGYFMYrxD:matrix.org" target="_blank" rel="noopener" onclick="removeBlur()" class="button">👋 Chat</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>
<button class="button yes"
id="cookie-notice-accept">Ok</button>
</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 + "; domain=.basspistol.com" + 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') {
var _paq = window._paq = window._paq || [];
_paq.push(["setDocumentTitle", document.domain + "/" + document.title]);
_paq.push(["setCookieDomain", "*.basspistol.com"]);
_paq.push(["setDomains", ["*.basspistol.org","*.basspistol.com","*.pauvrecoude.basspistol.com","*.paxnion.basspistol.com","*.radio.basspistol.com","*.sakrecoer.basspistol.com","*.sakrecoer.com","*.sethybowoy.basspistol.com","*.setto.basspistol.com","*.tfb.basspistol.com","*.v.basspistol.org"]]);
_paq.push(["enableCrossDomainLinking"]);
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="https://terminalnetwork.matomo.cloud/";
_paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '3']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.type='text/javascript'; g.async=true; g.src='https://cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
})();
} else {
document.getElementById('cookie-notice').style.display = 'flex';
//* Matomo *//
var _paq = window._paq = window._paq || [];
_paq.push(["setDocumentTitle", document.domain + "/" + document.title]);
_paq.push(["setCookieDomain", "*.basspistol.com"]);
_paq.push(["setDomains", ["*.basspistol.org","*.basspistol.com","*.pauvrecoude.basspistol.com","*.paxnion.basspistol.com","*.radio.basspistol.com","*.sakrecoer.basspistol.com","*.sakrecoer.com","*.sethybowoy.basspistol.com","*.setto.basspistol.com","*.tfb.basspistol.com","*.v.basspistol.org"]]);
_paq.push(["enableCrossDomainLinking"]);
_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', '3']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.type='text/javascript'; g.async=true; g.src='https://cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
})();
//* End Matomo *//
}
if (readCookie('cookie-notice-dismissed') == 'dontWantCookies') {
document.getElementById('cookie-notice').style.display = 'none';
//* Matomo *//
var _paq = window._paq = window._paq || [];
_paq.push(["setDocumentTitle", document.domain + "/" + document.title]);
_paq.push(["setCookieDomain", "*.basspistol.com"]);
_paq.push(["setDomains", ["*.basspistol.org","*.basspistol.com","*.pauvrecoude.basspistol.com","*.paxnion.basspistol.com","*.radio.basspistol.com","*.sakrecoer.basspistol.com","*.sakrecoer.com","*.sethybowoy.basspistol.com","*.setto.basspistol.com","*.tfb.basspistol.com","*.v.basspistol.org"]]);
_paq.push(["enableCrossDomainLinking"]);
_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', '3']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.type='text/javascript'; g.async=true; g.src='https://cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
})();
//* End Matomo *//
}
document.getElementById('cookie-notice-accept').addEventListener("click", function () {
createCookie('cookie-notice-dismissed', 'wantCookies', 365);
document.getElementById('cookie-notice').style.display = 'none';
_paq.push(['trackEvent', 'Consent', 'wantCookie']);
});
document.getElementById('cookie-notice-decline').addEventListener("click", function () {
createCookie('cookie-notice-dismissed', 'dontWantCookies', 365);
document.getElementById('cookie-notice').style.display = 'none';
_paq.push(['trackEvent', 'Consent', 'dontWantCookie']);
});
// document.getElementById('cookie-notice-gimme').addEventListener("click", function () {
// createCookie('cookie-notice-dismissed', 'wantCookies', 31);
// document.getElementById('cookie-notice').style.display = 'none';
//
// });
</script>
<!-- Scripts -->
<script src="../assets/js/set-20201231.js"></script>
<!-- Transparent footer -->
<style>
#main-wrapper {
background-image: url(/images/posts/littlebug1400x1400.png);
background-attachment: fixed;
background-size: cover;
}
</style>
</body>
</html>