861 lines
33 KiB
HTML
861 lines
33 KiB
HTML
<!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 "Little Bug EP" by 徒 Setto セット, Randulo | 徒settoセット</title>
|
||
<meta name="title" content="Play "Little Bug EP" by 徒 Setto セット, Randulo" />
|
||
<meta name="description" content="A release by 徒 Setto セット, Randulo named "Little Bug EP" published on 徒settoセット" />
|
||
<meta name="dc.date.modified" scheme="ISO8601" content="2021-04-15T23:20:06+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 ©2021 徒settoセット." />
|
||
<meta name="dcterms.Subject" content="A release by 徒 Setto セット, Randulo named "Little Bug EP" published on 徒settoセット" />
|
||
<meta name="dcterms.Title" content="Play "Little Bug EP" 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 "Little Bug EP" 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 "Little Bug EP" 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 "Little Bug EP" 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-20210410rev1.css" />
|
||
<link rel="stylesheet" href="../assets/css/main-20210410rev1.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-20210410rev1.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> </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/?pk_campaign=homeshare&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/?pk_campaign=homeshare&text=Lofi Hiphop from planet Foss.%20via%20@ToSettoSetto%20&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/?pk_campaign=homeshare&text=Lofi Hiphop from planet Foss.%20via%20@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/?pk_campaign=homeshare&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://t.basspistol.org/setto" target="_blank" rel="noopener"
|
||
>📢 Fedi</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>©2021 Basspistol | <a href="../webcreds/">Credits</a> |
|
||
<a href="../cookies/">Cookies & Privacy</a>
|
||
<br />This page was last updated on Thursday, Apr 15, 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://t.basspistol.org/setto" target="_blank" rel="noopener" onclick="removeBlur()" class="button">📢 Fedi</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-20210410rev1.js"></script>
|
||
|
||
|
||
<!-- Transparent footer -->
|
||
|
||
<style>
|
||
#main-wrapper {
|
||
background-image: url(/images/posts/littlebug1400x1400.png);
|
||
background-attachment: fixed;
|
||
background-size: cover;
|
||
background-position: center center;
|
||
}
|
||
</style>
|
||
|
||
</body>
|
||
</html>
|
||
|