setto.basspistol.com/cyber-grany/index.html
2020-11-16 16:10:18 +00:00

713 lines
25 KiB
HTML
Raw Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

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

<!DOCTYPE HTML>
<!--
Publikatorized by Sakrecoer
Free for personal and commercial use under the CCA 3.0 license.
-->
<html lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!--
..............................................
..............................................
...........'';,...............................
.........'',,;:o:,............................
.......',;;::::::;;;,.........................
.....,;:ooooooooooo;,,''''....................
....,;ooooooooooooooo;,'..'''''...............
...,:ooooooooooooooooo;''......'''............
..,;:ooooooooooooooooo',,.........,'.......... _______ _ _ __
..,,;:,ooooo;;:ooo;o,:;,',.........;,''....... \____ \____ _____ __________ |_| ______/ |_ ___ | |
..,'..,,;:o,''.,;;'''..'';,,,,,,''',;'''...... | | _/\__ \/ __// __/\___ \| |/ __/\ _\/ \| |
..,'......':ooo:.......'';,'''''''',;,,,...... | | _/\__ \/ __// __/\___ \| |/ __/\ _\/ \| |
..,,.......,:o:'.......,'oooo:::::;:,.',;,.... | | _/\__ \/ __// __/\___ \| |/ __/\ _\/ \| |
..','.................',,..'',,,;;;;;;,.,:.... | | \ / _ \__ \ \__ \ | |_> > |\__ \ | | ( <> ) |__
...,,'...............',;oooooooooo:;;:,;oo,... |____ /(___ /___ >___ >| __/|_/____ > |_| \___/|____/
....,,'.............,,;ooooooooo;,..'',oooo,.. \/ \/ \/ \/ |_| \/
.....',,'........',,;ooo::;;,'........'oooo;..
.......'',,'''',,;;;,,'...............';;;'... All you saw was sound!
...........'''''..............................
..............................................
..............................................
..............................................
..............................................
-->
<!-- BEGIN seo.html -->
<title>Play &quot;Cyber Grany&quot; by 徒 Setto セット | 徒 setto セット</title>
<meta name="title" content="Play &quot;Cyber Grany&quot; by 徒 Setto セット" />
<meta name="description" content="A release by 徒 Setto セット named &quot;Cyber Grany&quot; published on 徒 setto セット" />
<meta name="dc.date.modified" scheme="ISO8601" content="2020-11-16T15:52:19+00:00" />
<meta name="robots" content="index" />
<link rel="canonical" href="https://setto.basspistol.com/cyber-grany/" />
<link rel="alternate" hreflang="x-default" href="https://setto.basspistol.com/cyber-grany/" />
<meta name="geo.region" content="CH-GE" />
<meta name="geo.placename" content="Geneva" />
<meta name="geo.position" content="46.203918;6.133011" />
<meta name="ICBM" content="46.203918, 6.133011" />
<meta name="author" content="徒 setto セット" />
<meta name="generator" content="Jekyll v4.0.0" />
<!-- Dublin Core basic info -->
<meta name="dcterms.Identifier" content="https://setto.basspistol.com" />
<meta name="dcterms.Format" content="text/html" />
<meta name="dcterms.Relation" content="徒 setto セット" />
<meta name="dcterms.Publisher" content="Basspistol" />
<meta name="dcterms.Type" content="text/html" />
<meta name="dcterms.Coverage" content="https://setto.basspistol.com/" />
<meta name="dcterms.Rights" content="Copyright &copy;2020 徒 setto セット." />
<meta name="dcterms.Subject" content="A release by 徒 Setto セット named &quot;Cyber Grany&quot; published on 徒 setto セット" />
<meta name="dcterms.Title" content="Play &quot;Cyber Grany&quot; by 徒 Setto セット" />
<meta name="dcterms.Contributor" content="徒 setto セット" />
<meta name="dcterms.Date" content="2019-12-12" />
<meta name="dcterms.Description" content="Listen and to a release by 徒 Setto セット named &quot;Cyber Grany&quot; and support your remote artist!" />
<!-- Facebook -->
<meta property="og:title" content="Cyber Grany by 徒 Setto セット" />
<meta property="og:locale" content="en" />
<meta property="og:description" content="Listen and to a release by 徒 Setto セット named &quot;Cyber Grany&quot; and support your remote artist!" />
<meta property="og:url" content="https://setto.basspistol.com/cyber-grany/" />
<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/cyber-grany/1-grandma-got-the-ssh-keys.mp3" />
<meta property="article:published_time" content="2019-12-12T03:03:00+00:00" />
<meta property="og:image" content="https://media.basspistol.com/setto.basspistol.com/cyber-grany/1-grandma-got-the-ssh-keys.jpeg" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Cyber Grany | 徒 setto セット" />
<meta name="twitter:description" content="Listen and to a release by 徒 Setto セット named &quot;Cyber Grany&quot; and support your remote artist!" />
<meta name="twitter:image" content="https://media.basspistol.com/setto.basspistol.com/cyber-grany/1-grandma-got-the-ssh-keys.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-20201116.css" />
<link rel="stylesheet" href="../assets/css/main-20201116.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-20201116.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-grandma-got-the-ssh-keys.jpeg);">
<div class="imagecontainer">
<h4>Granny is a cyborg now</h4>
</div>
<div class="splash">
<div class="splash-logo">
<a href="#play"><img src="/images/setto-logoicon.svg" width="240px" alt="徒 setto セット Logo" /></a>
</div>
<div class="description">
<h1>Granny is a cyborg now</h1>
<p>Jazzy Cybersoul with a hint of 303 baselines.</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">Grandma got the SSH keys</div>
<div class="plLength">
3:22
</div>
</div>
</li>
</ul>
</div>
</div>
<div class="noJSalbum">
<div class="coverartwrapper">
<div class="coverartwrapped" style="background-image: url(/images/posts/1-grandma-got-the-ssh-keys.jpeg);"></div>
</div>
<div class="plItem">
<div class="plNum">1.</div>
<div class="plTitle"><a href="https://media.basspistol.com/setto.basspistol.com/cyber-grany/1-grandma-got-the-ssh-keys.mp3" target="_blank" rel="noopener">Grandma got the SSH keys </a></div>
<div class="plLength">
3:22
</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="2019-12-12 03:03:00 +0000">
12:th
of
December
2019
</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/cyber-grany/&quest;pk_campaign=homeshare&amp;quote=Jazzy Cybersoul with a hint of 303 baselines.%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/cyber-grany/&quest;pk_campaign=homeshare&amp;text=Jazzy Cybersoul with a hint of 303 baselines.%20via%20&#64;ToSettoSetto%20&amp;hashtags=#basspistol" class="icon smaller fab fa-twitter"><span class="label">Twitter</span></a>
<a target="_blank" rel="nofollow noopener" title="Share to telegram" alt="Share to telgram" href="https://telegram.me/share/url?url=https://setto.basspistol.com/cyber-grany/&quest;pk_campaign=homeshare&amp;text=Jazzy Cybersoul with a hint of 303 baselines.%20via%20&#64;tosettosetto" class="icon smaller fab fa-telegram"><span class="label ">Telegram</span></a>
<a target="_blank" rel="nofollow noopener" title="Share to reddit" alt="Share to reddit" href="https://reddit.com/submit/?url=https://setto.basspistol.com/cyber-grany/&quest;pk_campaign=homeshare&amp;title=Jazzy Cybersoul with a hint of 303 baselines.%20By%20徒 setto セット" class="icon smaller fab fa-reddit"><span class="label">Reddit</span></a>
</ul>
<br />
<a href="../chat/#read" target="_blank" class="button">📢 Chat</a>
</div>
</div>
</div>
</div>
</section>
<section class="info">
<div class="container">
<p>My grandmother, 93,  added me on social media yesterday. So I called her. Long-chat good talk. TL;DR Damn what a woman! She told me she had a roll-walker. I said “were in the future now Grandma, youre a cyborg, half machine!”</p>
<p>She laughed and acknowledge it was a marvellous invention!</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">
<p class="right" id="npTitle" style="font-weight: bold;"></p>
<p class="left" id="npAction">Paused...</p>
</div>
</div>
<section class="streambox">
<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>
<!-- HERE ENDS MADNESS -->
<!-- post Naviation -->
<section class="post-navigation">
<div class="container">
<div class="post-nav">
<h4><a href="../darkweb/" alt="Read Darkweb" title="Read Darkweb"><span class="fas fa-arrow-left" style="font-size:3em;text-decoration: none;"></span></a></h4>
<h3>Darkweb</h3>
<p>As dystopian as the present might seem on-line, there is always room for the strange in the cypher...</p>
</div>
<div class="post-nav-next">
<h4><a href="/live-with-hardware/"><span class="fas fa-arrow-right" style="font-size:3em;"></span></a></h4>
<h3>Live with hardware</h3>
<p>There is a weird meta-core to anything social exchange on internet that I can't get my finger on. Assumptions and projections that I think partially stem from the lack in body language</p>
</div>
</div>
</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": "Grandma got the SSH keys",
"length": "3:22",
"file": "https://media.basspistol.com/setto.basspistol.com/cyber-grany/1-grandma-got-the-ssh-keys",
"image": "https://media.basspistol.com/setto.basspistol.com/cyber-grany/1-grandma-got-the-ssh-keys"
}],
trackCount = tracks.length,
npAction = $('#npAction'),
npTitle = $('#npTitle'),
npImage = $('#npImage'),
audio = $('#audio1').bind('play', function () {
playing = true;
npAction.text('Playing...');
$('#fixedPlayer').removeClass('hideplayer');
$("#npImage").addClass('spinnit');
}).bind('pause', function () {
playing = false;
npAction.text('Paused...');
$("#npImage").removeClass('spinnit');
}).bind('ended', function () {
npAction.text('Paused...');
if ((index + 1) < trackCount) {
index++;
loadTrack(index);
playTrack(index);
audio.play();
} else {
audio.pause();
index = 0;
loadTrack(index);
}
}).get(0),
btnPrev = $('#btnPrev').click(function () {
if ((index - 1) > -1) {
index--;
loadTrack(index);
playTrack(index);
if (playing) {
audio.play();
}
} else {
audio.pause();
index = 0;
loadTrack(index);
}
}),
btnNext = $('#btnNext').click(function () {
if ((index + 1) < trackCount) {
index++;
loadTrack(index);
playTrack(index);
if (playing) {
audio.play();
}
} else {
audio.pause();
index = 0;
loadTrack(index);
}
}),
li = $('#plList li').click(function () {
var id = parseInt($(this).index());
if (id !== index || playing == false) {
playTrack(id);
}else {
audio.pause();
}
}),
loadTrack = function (id) {
npTitle.text(tracks[id].name);
index = id;
audio.src = mediaPath + tracks[id].file + extension;
$('audio').attr("data-matomo-title", tracks[id].name);
$("#npImage").attr('style', 'background-image:url(' + tracks[id].image + '.jpeg)');
},
playTrack = function (id) {
$('.plSel').removeClass('plSel');
$('#plList li:eq(' + id + ')').addClass('plSel');
loadTrack(id);
audio.play();
};
extension = audio.canPlayType('audio/mpeg') ? '.mp3' : audio.canPlayType('audio/ogg') ? '.ogg' : '';
loadTrack(index);
}
});
</script>
<!-- Footer -->
<section class="streambox">
<h2>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>
<!-- 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" >📺 Video</a></li>
<li><a href="/about/" >🐿 About</a></li>
<li><a href="/links/" >🔗 Links</a></li>
<li><a href="/chat/#read" >📢 Chat</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>&copy;2020 Basspistol | <a href="../webcreds/">Credits</a> |
<a href="../cookies/">Cookies & Privacy</a>
<br />This page was last updated on Monday, Nov 16, 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" 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</a></li>
</ul>
</nav>
</div>
<!-- End Navigation -->
<div id="cookie-notice">
<p>
We only use cookies if you consent to it. They don't contain any identifiable info: they just let us know if you enjoyed this enough to come back.
<br /><a href="#" id="cookie-notice-decline">Click here</a> if you want this to go away without cookies.
<br />Read more about <a href="/cookies/"> how 徒 setto セット use cookies</a>
</p>
<a class="button yes" href="#"
id="cookie-notice-accept">Ok</a>
</div>
<script>
function createCookie(name, value, days) {
var expires = "";
if (days) {
var date = new Date();
date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
expires = "; expires=" + date.toUTCString();
}
document.cookie = name + "=" + value + expires + "; path=/;SameSite=Strict";
}
function readCookie(name) {
var nameEQ = name + "=";
var ca = document.cookie.split(';');
for (var i = 0; i < ca.length; i++) {
var c = ca[i];
while (c.charAt(0) == ' ') c = c.substring(1, c.length);
if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
}
return null;
}
function eraseCookie(name) {
createCookie(name, "", -1);
}
if (readCookie('cookie-notice-dismissed') == 'wantCookies') {
//* Matomo Tag Manager *//
var _mtm = _mtm || [];
_mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'});
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.type='text/javascript'; g.async=true; g.defer=true; g.src='https://cdn.matomo.cloud/terminalnetwork.matomo.cloud/container_kJUGWiO2.js'; s.parentNode.insertBefore(g,s);
//* End Matomo Tag Manager *//
} else {
document.getElementById('cookie-notice').style.display = 'flex';
var _paq = window._paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(["setDocumentTitle", document.domain + "/" + document.title]);
_paq.push(["disableCookies"]);
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="https://terminalnetwork.matomo.cloud/";
_paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '11']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.type='text/javascript'; g.async=true; g.defer=true; g.src='https://cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
})();
}
if (readCookie('cookie-notice-dismissed') == 'dontWantCookies') {
document.getElementById('cookie-notice').style.display = 'none';
var _paq = window._paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(["setDocumentTitle", document.domain + "/" + document.title]);
_paq.push(["disableCookies"]);
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="https://terminalnetwork.matomo.cloud/";
_paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '11']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.type='text/javascript'; g.async=true; g.defer=true; g.src='https://cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
})();
}
document.getElementById('cookie-notice-accept').addEventListener("click", function () {
createCookie('cookie-notice-dismissed', 'wantCookies', 31);
document.getElementById('cookie-notice').style.display = 'none';
_paq.push(['trackEvent', 'Consent', 'wantCookie']);
location.reload();
});
document.getElementById('cookie-notice-decline').addEventListener("click", function () {
createCookie('cookie-notice-dismissed', 'dontWantCookies', 31);
document.getElementById('cookie-notice').style.display = 'none';
_paq.push(['trackEvent', 'Consent', 'dontWantCookie']);
location.reload();
});
// document.getElementById('cookie-notice-gimme').addEventListener("click", function () {
// createCookie('cookie-notice-dismissed', 'wantCookies', 31);
// document.getElementById('cookie-notice').style.display = 'none';
// location.reload();
// });
</script>
<!-- Scripts -->
<script src="../assets/js/set-20201116.js"></script>
</body>
</html>