714 lines
31 KiB
HTML
714 lines
31 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="2020-11-20T19:07:02+00: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 ©2020 徒 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 and 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 and 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-19T07:07:00+00: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 and 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-20201117.css" />
|
||
<link rel="stylesheet" href="../assets/css/main-20201117.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-20201117.css" /></noscript>
|
||
|
||
<meta name="theme-color" content=""/>
|
||
|
||
|
||
|
||
</head>
|
||
|
||
<body>
|
||
<!-- Wrapper -->
|
||
|
||
<div id="main-wrapper">
|
||
|
||
|
||
<script src="/assets/js/jquery-3.5.1.min.js"></script>
|
||
|
||
|
||
|
||
|
||
<header class="hero" style="background-image: url(../images/posts/1-ep-life-of-a-dudelini.jpeg);">
|
||
<div class="imagecontainer">
|
||
<h4>Live with hardware</h4>
|
||
</div>
|
||
<div class="splash">
|
||
<div class="splash-logo">
|
||
|
||
<a href="/"><img src="/images/setto-logoicon.svg" width="240px" alt="徒 setto セット Logo" /></a>
|
||
|
||
|
||
</div>
|
||
<div class="description">
|
||
|
||
<h1>Live with hardware</h1>
|
||
<p>There is a weird meta-core to anything social exchange on internet that I can't get my finger on. Assumptions and projections that I think partially stem from the lack in body language</p>
|
||
|
||
<p><a href="#play" class="button">🔊 Listen</a></p>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
|
||
</header>
|
||
|
||
|
||
<section id="play">
|
||
<div class="album-player">
|
||
|
||
<!-- HERE BEGINS MADNESS -->
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<div class="player-wrap">
|
||
|
||
<div id="plwrap">
|
||
<h2>Track list</h2>
|
||
<ul id="plList">
|
||
|
||
<li 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>
|
||
<h2 style="text-align: center;"><a href="#support" class="button">🙏 Support</a></h2>
|
||
</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 class="coverart">
|
||
<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 07:07:00 +0000">
|
||
|
||
19:th
|
||
of
|
||
|
||
April
|
||
|
||
2020
|
||
</time>
|
||
</p>
|
||
<h6>
|
||
Share this page:
|
||
</h6>
|
||
<ul>
|
||
<a target="_blank" rel="nofollow noopener" title="Share to facebook" alt="Share to facebook" href="https://touch.facebook.com/sharer.php?u=https://setto.basspistol.com/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>
|
||
</section>
|
||
<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 class="left" id="npAction">Paused...</p>
|
||
</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">
|
||
<p>I take bitcoin donations!</p>
|
||
<div class="streamer">
|
||
<script>if(!window.btcpay){ var head = document.getElementsByTagName('head')[0]; var script = document.createElement('script'); script.src='https://node.alsenet.com: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; } .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: #DFE0E1; 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: currentColor; background: transparent; border:1px solid transparent; display: block; padding: 1px; margin-left: auto; margin-right: auto; font-size: 11px; 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>
|
||
<form method="POST" onsubmit="onBTCPayFormSubmit(event);return false" action="https://node.alsenet.com: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://node.alsenet.com: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="/discography/" >💽 Discog</a></li>
|
||
|
||
<li><a href="/log/" >📰 Log</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="/chat/#read" >📢 Chat with me</a></li>
|
||
|
||
</ul>
|
||
</div>
|
||
|
||
<div><a href="#main-wrapper"><img src="../images/setto-logoicon.svg" alt="徒 setto セット Logo" /></a></div>
|
||
|
||
<small>
|
||
<div style="text-align: center;">
|
||
|
||
<a target="_blank" alt="徒 setto セット on Mastodon" title="徒 setto セット on Mastodon" rel="me noopener"
|
||
href="https://kolektiva.social/@setto" class="icon small fab fa-mastodon"><span class="label">Mastodon</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="email" title="email" href="mailto:setto@basspistol.com" class="icon small fas fa-envelope-open-text"><span
|
||
class="label">Email</span></a>
|
||
</div>
|
||
<p>©2020 Basspistol | <a href="../webcreds/">Credits</a> |
|
||
<a href="../cookies/">Cookies & Privacy</a>
|
||
<br />This page was last updated on Friday, Nov 20, 2020</p>
|
||
</small>
|
||
</div>
|
||
</footer>
|
||
|
||
|
||
|
||
<!-- END Footer -->
|
||
|
||
|
||
</div>
|
||
<!-- END Wrapper -->
|
||
|
||
<!-- Navigation -->
|
||
<div id="sticky" class="logo">
|
||
|
||
<a id="logo" href="/"><img height="40px" src="/images/setto-logo.svg" alt="徒 setto セット Logo" /></a>
|
||
<a href="#navbar" onclick="blurBody()" alt="Navigation Menu" title="Navigation Menu"><span
|
||
class="fas fa-bars navmenu"></span></a>
|
||
|
||
</div>
|
||
|
||
<div id="navbar" class="modalDialog">
|
||
<a href="#close" onclick="removeBlur()" alt="Close Menu" title="Close Menu">
|
||
<div id="closearea"> </div>
|
||
</a>
|
||
<nav>
|
||
<a href="#close" title="Close" onclick="removeBlur()" class="close-button">X</a>
|
||
<ul>
|
||
|
||
<li><a href="../" onclick="removeBlur()" class="button">🏡 Home</a></li>
|
||
|
||
|
||
|
||
<li><a href="../discography/" onclick="removeBlur()" class="button">💽 Discog</a></li>
|
||
|
||
|
||
|
||
<li><a href="../log/" onclick="removeBlur()" class="button">📰 Log</a></li>
|
||
|
||
|
||
|
||
<li><a href="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="../chat/#read" onclick="removeBlur()" class="button">📢 Chat with me</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') {
|
||
|
||
//* Matomo Tag Manager *//
|
||
|
||
var _mtm = _mtm || [];
|
||
_mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'});
|
||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||
g.type='text/javascript'; g.async=true; g.defer=true; g.src='https://cdn.matomo.cloud/terminalnetwork.matomo.cloud/container_kJUGWiO2.js'; s.parentNode.insertBefore(g,s);
|
||
|
||
//* End Matomo Tag Manager *//
|
||
|
||
|
||
|
||
} else {
|
||
document.getElementById('cookie-notice').style.display = 'flex';
|
||
|
||
var _paq = window._paq || [];
|
||
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
|
||
_paq.push(["setDocumentTitle", document.domain + "/" + document.title]);
|
||
_paq.push(["disableCookies"]);
|
||
_paq.push(['trackPageView']);
|
||
_paq.push(['enableLinkTracking']);
|
||
(function() {
|
||
var u="https://terminalnetwork.matomo.cloud/";
|
||
_paq.push(['setTrackerUrl', u+'matomo.php']);
|
||
_paq.push(['setSiteId', '11']);
|
||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||
g.type='text/javascript'; g.async=true; g.defer=true; g.src='https://cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
|
||
})();
|
||
|
||
|
||
}
|
||
if (readCookie('cookie-notice-dismissed') == 'dontWantCookies') {
|
||
document.getElementById('cookie-notice').style.display = 'none';
|
||
|
||
var _paq = window._paq || [];
|
||
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
|
||
_paq.push(["setDocumentTitle", document.domain + "/" + document.title]);
|
||
_paq.push(["disableCookies"]);
|
||
_paq.push(['trackPageView']);
|
||
_paq.push(['enableLinkTracking']);
|
||
(function() {
|
||
var u="https://terminalnetwork.matomo.cloud/";
|
||
_paq.push(['setTrackerUrl', u+'matomo.php']);
|
||
_paq.push(['setSiteId', '11']);
|
||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||
g.type='text/javascript'; g.async=true; g.defer=true; g.src='https://cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
|
||
})();
|
||
|
||
}
|
||
document.getElementById('cookie-notice-accept').addEventListener("click", function () {
|
||
createCookie('cookie-notice-dismissed', 'wantCookies', 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-20201117.js"></script>
|
||
|
||
|
||
</body>
|
||
</html>
|
||
|