808 lines
35 KiB
HTML
808 lines
35 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 "Live with hardware" by 徒 Setto セット | 徒settoセット</title>
|
||
<meta name="title" content="Play "Live with hardware" by 徒 Setto セット" />
|
||
<meta name="description" content="A release by 徒 Setto セット named "Live with hardware" published on 徒settoセット" />
|
||
<meta name="dc.date.modified" scheme="ISO8601" content="2021-03-30T14:01:14+02:00" />
|
||
<meta name="robots" content="index" />
|
||
|
||
<link rel="canonical" href="https://setto.basspistol.com/live-with-hardware/" />
|
||
<link rel="alternate" hreflang="x-default" href="https://setto.basspistol.com/live-with-hardware/" />
|
||
<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 セット named "Live with hardware" published on 徒settoセット" />
|
||
<meta name="dcterms.Title" content="Play "Live with hardware" by 徒 Setto セット" />
|
||
<meta name="dcterms.Contributor" content="徒settoセット" />
|
||
<meta name="dcterms.Date" content="2020-04-19" />
|
||
<meta name="dcterms.Description" content="Listen to a release by 徒 Setto セット named "Live with hardware" and support your remote artist!" />
|
||
|
||
<!-- Facebook -->
|
||
|
||
<meta property="og:title" content="Live with hardware by 徒 Setto セット" />
|
||
<meta property="og:locale" content="en" />
|
||
<meta property="og:description" content="Listen to a release by 徒 Setto セット named "Live with hardware" and support your remote artist!" />
|
||
<meta property="og:url" content="https://setto.basspistol.com/live-with-hardware/" />
|
||
<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/live-with-hardware/1-ep-life-of-a-dudelini.mp3" />
|
||
<meta property="article:published_time" content="2020-04-19T09:07:00+02:00" />
|
||
<meta property="og:image" content="https://media.basspistol.com/setto.basspistol.com/live-with-hardware/1-ep-life-of-a-dudelini.jpeg" />
|
||
|
||
<!-- Twitter Card -->
|
||
|
||
<meta name="twitter:card" content="summary_large_image">
|
||
<meta name="twitter:title" content="Live with hardware | 徒settoセット" />
|
||
<meta name="twitter:description" content="Listen to a release by 徒 Setto セット named "Live with hardware" and support your remote artist!" />
|
||
<meta name="twitter:image" content="https://media.basspistol.com/setto.basspistol.com/live-with-hardware/1-ep-life-of-a-dudelini.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/1-ep-life-of-a-dudelini.jpeg);">
|
||
<div class="imagecontainer">
|
||
<h4>Live with hardware</h4>
|
||
</div>
|
||
<div class="album-player">
|
||
|
||
|
||
|
||
<div class="description">
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<div class="player-wrap">
|
||
<h1 class="shadow">Live with hardware</h1>
|
||
<p class="shadow">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 id="plwrap">
|
||
<h4> </h4>
|
||
<h4>Track list</h4>
|
||
<ul id="plList">
|
||
|
||
<li style="border-radius: 5px;">
|
||
<div class="plItem">
|
||
<div class="plNum">1.</div>
|
||
<div class="plTitle">EP-Life of a Dudelini</div>
|
||
<div class="plLength">
|
||
11:23
|
||
</div>
|
||
</div>
|
||
</li>
|
||
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="noJSalbum">
|
||
<div class="coverartwrapper">
|
||
<div class="coverartwrapped" style="background-image: url(/images/posts/1-ep-life-of-a-dudelini.jpeg);"></div>
|
||
</div>
|
||
|
||
|
||
<div class="plItem">
|
||
<div class="plNum">1.</div>
|
||
<div class="plTitle"><a href="https://media.basspistol.com/setto.basspistol.com/live-with-hardware/1-ep-life-of-a-dudelini.mp3" target="_blank" rel="noopener">EP-Life of a Dudelini </a></div>
|
||
<div class="plLength">
|
||
11:23
|
||
</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="2020-04-19 09:07:00 +0200">
|
||
|
||
19:th
|
||
of
|
||
|
||
April
|
||
|
||
2020
|
||
</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/live-with-hardware/?pk_campaign=homeshare&quote=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%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/live-with-hardware/?pk_campaign=homeshare&text=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%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/live-with-hardware/?pk_campaign=homeshare&text=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%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/live-with-hardware/?pk_campaign=homeshare&title=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%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>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 and the fact that we tend to be alone with our devices when we exchange. Even when we do so while our physical self is in a room full of friends. One of it’s symptoms is the <em>endorsement paradox,</em> for lack of better words. At some point it was common to see Twitter bios with the line <em>“retweets != Endorsement”.</em> It might have a better name, but that “endorsement paradox” is something I feel heavily used as a propaganda strategy. The thing is, there is always someone in anyone’s acquaintances that will resonate to shared info and critique in unexpected ways. For example some unspeakable parties triggered everyone to a point where everyone got so obsessed that everyone kept talking about those parties non stop. Basically taking said unspeakable parties out of the void they were in, and promoting them into a mass that had to be accounted for. I’m not saying unspeakable party propaganda should be ignored, but I think some information is better dissected away from public spaces where there is no control over the dimension of time since the discussion can keep on forever, even when everyone involved at first have moved on. Like that which happened to 4chan.</p>
|
||
|
||
<p>It takes at least 2 to have a dialogue. And to achieve that plurality in cyberspace seems to require a lot of effort. Probably due to that aforementioned conflict between solitude and time-traversing company. “Company” as in being accompanied and time-traversing because what we record today can be used in the future, and in the future we might use recordings from the past.</p>
|
||
|
||
<p>Either way, there is always something that escapes me when I try to thinker about exchange of information that pertain to the power limbo between humans. Hence the idea of a meta core: like a Russian doll. After all information is vehicular to energy. Be it human or robot information exchange: an impulse that turns a turbine on, a poem that make your heart beat faster…</p>
|
||
|
||
<p>Audio extracted from the 360 video of <a href="/hw-jam/">this jam</a> recorded a while back.</p>
|
||
|
||
<iframe sandbox="allow-same-origin allow-scripts allow-popups" src="https://v.basspistol.org/videos/embed/a6e9af57-b650-4274-92a8-5e806e641420" allowfullscreen="" width="100%" height="360" 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">
|
||
|
||
|
||
<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>
|
||
|
||
|
||
|
||
|
||
<!-- HERE ENDS MADNESS -->
|
||
|
||
<!-- post Naviation -->
|
||
<section class="post-navigation">
|
||
|
||
<div class="container">
|
||
<div class="post-nav">
|
||
|
||
<h4><a href="../granny-is-a-cyborg-now/" alt="Read Granny is a cyborg now" title="Read Granny is a cyborg now"><span class="fas fa-arrow-left" style="font-size:3em;text-decoration: none;"></span></a></h4>
|
||
<h3>Granny is a cyborg now</h3>
|
||
<p>Jazzy Cybersoul with a hint of 303 baselines.</p>
|
||
|
||
</div>
|
||
<div class="post-nav-next">
|
||
|
||
<h4><a href="/unmet-dependencies/"><span class="fas fa-arrow-right" style="font-size:3em;"></span></a></h4>
|
||
<h3>Unmet Dependencies</h3>
|
||
<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>
|
||
|
||
</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": "EP-Life of a Dudelini",
|
||
"length": "11:23",
|
||
"file": "https://media.basspistol.com/setto.basspistol.com/live-with-hardware/1-ep-life-of-a-dudelini",
|
||
"image": "https://media.basspistol.com/setto.basspistol.com/live-with-hardware/1-ep-life-of-a-dudelini"
|
||
}],
|
||
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>This release can't be obtained</h2>
|
||
<p>Stream, follow, like and subscribe!</p>
|
||
<div class="streamer">
|
||
|
||
|
||
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Bandcamp']);" target="_blank" rel="noopener" href="https://shop.basspistol.com" 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" title="Stream from Audius" class="icon fab fa-creative-commons-sampling"><span class="label">Audius</span></a>
|
||
|
||
|
||
|
||
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'PeerTube']);" target="_blank" rel="noopener" href="https://v.basspistol.org/accounts/setto/video-channels" title="Stream from PeerTube" class="icon fab fa-youtube"><span class="label">PeerTube</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 Tuesday, Mar 30, 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/1-ep-life-of-a-dudelini.jpeg);
|
||
background-attachment: fixed;
|
||
background-size: cover;
|
||
background-position: center center;
|
||
}
|
||
</style>
|
||
|
||
</body>
|
||
</html>
|
||
|