hq/setto.basspistol.com
hq/setto.basspistol.com
4
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

Updated 61 files via CloudCannon

Browse source
This commit is contained in:
CloudCannon 2020-08-04 10:18:19 +00:00
parent b0c571a7f7
commit d4af45800a
61 changed files with 10379 additions and 10054 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

413
333mix/index.html Normal file
View file

@ -0,0 +1,413 @@
<!DOCTYPE HTML>
<!--
Publikatorized by Sakrecoer
Free for personal and commercial use under the CCA 3.0 license (html5up.net/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>333mix | 徒 setto セット</title>
<meta name="title" content="333mix | 徒 setto セット" />
<meta name="description" content="Pignu got Chopped & Screwed by KodTreatment" />
<meta name="dc.date.modified" scheme="ISO8601" content="2020-08-04T10:18:11+00:00" />
<meta name="robots" content="index" />
<link rel="canonical" href="https://setto.basspistol.com/333mix/" />
<link rel="alternate" hreflang="x-default" href="https://setto.basspistol.com/333mix/" />
<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="Pignu got Chopped &amp; Screwed by KodTreatment" />
<meta name="dcterms.Title" content="333mix" />
<meta name="dcterms.Contributor" content="徒 setto セット" />
<meta name="dcterms.Date" content="2020-08-04" />
<meta name="dcterms.Description" content="Pignu got Chopped &amp; Screwed by KodTreatment" />
<!-- Facebook -->
<meta property="og:title" content="333mix | 徒 setto セット" />
<meta property="og:locale" content="en" />
<meta property="og:description" content="Pignu got Chopped &amp; Screwed by KodTreatment" />
<meta property="og:url" content="https://setto.basspistol.com/333mix/" />
<meta property="og:site_name" content="徒 setto セット" />
<meta property="og:type" content="webpage" />
<meta property="article:published_time" content="2020-08-04T10:18:11+00:00" />
<meta property="og:image" content="https://setto.basspistol.com/images/posts/333mix.jpg" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="333mix | 徒 setto セット" />
<meta name="twitter:description" content="Pignu got Chopped &amp; Screwed by KodTreatment" />
<meta name="twitter:image" content="https://setto.basspistol.com/images/posts/333mix.jpg" />
<script type='application/ld+json'>
{
"@context": "http://www.schema.org",
"@type": "Organization",
"name": "徒 setto セット",
"url": "https://setto.basspistol.com",
"sameAs": [
"https://twitter.com/ToSettoSetto","https://instagram.com/ToSettoSetto"
],
"logo": "https://setto.basspistol.com/siteicon.png",
"image": "https://setto.basspistol.com/images/posts/333mix.jpg",
"description": "Set, Party, Gang! &amp;#35;Cybersoul.",
"address": {
"@type": "PostalAddress",
"addressLocality": "Geneva",
"addressRegion": "CH-GE",
"postalCode": "1201",
"addressCountry": "Switzerland"
}
}
</script>
<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/main.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.css" /></noscript>
</head>
<body>
<!-- Wrapper -->
<div id="main-wrapper">
<header class="hero" style="background-image: url(/images/posts/333mix.jpg);">
<div>
<h1>333mix</h1>
<p>Pignu got Chopped & Screwed by KodTreatment</p>
</div>
<div class="imagecontainer"></div>
</header>
<section class="info">
<div>
<h2 id="im-super-stoked-about-this">I’m super stoked about this!</h2>
<p>Internet is wonderful: you put something in it and it gets a life, mutates, grows some muscles, finds a passion, duplicates itself, pops out and then back in on repeat!</p>
<p>Merci Rskp!<br />
👑<br />
🐧</p>
<iframe width="100%" height="360" src="https://www.youtube-nocookie.com/embed/gR6r4gUw6vI" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe>
<p>Check out the enitre project’s bandcamp on the link below!</p>
<p>&nbsp;</p>
<p style="text-align: center;"><a href="https://kodtreatment.bandcamp.com/" class="button">Check it out</a></p>
</div>
</section>
<!-- post Naviation -->
<section class="post-navigation">
<h2>Post Navigation</h2>
<div class="post-nav">
<h3><a href="/unmet-dependencies/" alt="Read Unmet Dependencies" title="Read Unmet Dependencies"><span class="fas fa-arrow-left"></span>&nbsp;Unmet Dependencies</a></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 class="post-nav-next">
</div>
</section>
<!-- Footer -->
<!-- Footer -->
<footer>
<div>
<h3>徒 setto セット</h3>
<p>Set, Party, Gang! &#35;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="/about/">About</a></li>
<li><a href="/links/">Links</a></li>
</ul>
</div>
<div><img src="../images/setto_logo.svg" width="100%" alt="徒 setto セット Logo" /></div>
<div style="text-align: center;">
<a target="_blank" alt="徒 setto セット on Twitter" title="徒 setto セット on Twitter" rel="noopener"
href="https://twitter.com/ToSettoSetto" class="icon small fab fa-twitter"><span class="label">Twitter</span></a>
<a target="_blank" alt="徒 setto セット on Instagram" title="徒 setto セット on Instagram" rel="noopener"
href="https://www.instagram.com/tosettosetto/" class="icon small fab fa-instagram"><span class="label">Instagram</span></a>
<a target="_blank" alt="徒 setto セット on Telegram" title="徒 setto セット on Telegram" rel="noopener"
href="https://t.me/basspistol" 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" href="mailto:setto@basspistol.com" class="icon small fas fa-envelope-open-text"><span
class="label">Email</span></a>
</div>
<small>
<p>&copy;2020 Basspistol | <a href="../webcreds/">Credits</a> | <a
href="../cookies/">Cookies & Privacy</a></p>
</small>
</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="../" class="button">home</a></li>
<li><a href="../discography/" class="button">Discog</a></li>
<li><a href="../log/" class="button">Log</a></li>
<li><a href="../about/" class="button">About</a></li>
<li><a href="../links/" class="button">Links</a></li>
</ul>
</nav>
</div>
<!-- End Navigation -->
<div id="cookie-notice">
<p>I only use cookies if you consent to it. They don't contain any identifiable info: they just let me know if you
enjoyed this enough to come back.
<br />Click <a href="#" id="cookie-notice-decline">here</a> if you want this shit to go away without cookies.
<br />Read more about how me & basspistol <a href="/cookies/">use cookies</a>
</p>
<a class="button yes" href="#"
id="cookie-notice-accept">I'm in!</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=/";
}
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='//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='//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.js"></script>
</body>
</html>

46
404/index.html
View file

@ -39,7 +39,7 @@
<title>Error 404 This is not a page | 徒 setto セット</title> <title>Error 404 This is not a page | 徒 setto セット</title>
<meta name="title" content="Error 404 This is not a page | 徒 setto セット" /> <meta name="title" content="Error 404 This is not a page | 徒 setto セット" />
<meta name="description" content="The page you are looking for has moved to the darknet." /> <meta name="description" content="The page you are looking for has moved to the darknet." />
<meta name="dc.date.modified" scheme="ISO8601" content="2020-08-04T07:07:00+00:00" /> <meta name="dc.date.modified" scheme="ISO8601" content="2020-08-04T10:18:11+00:00" />
<meta name="robots" content="index" /> <meta name="robots" content="index" />
<link rel="canonical" href="https://setto.basspistol.com/404/" /> <link rel="canonical" href="https://setto.basspistol.com/404/" />
@ -74,7 +74,7 @@
<meta property="og:url" content="https://setto.basspistol.com/404/" /> <meta property="og:url" content="https://setto.basspistol.com/404/" />
<meta property="og:site_name" content="徒 setto セット" /> <meta property="og:site_name" content="徒 setto セット" />
<meta property="og:type" content="webpage" /> <meta property="og:type" content="webpage" />
<meta property="article:published_time" content="2020-08-04T07:07:00+00:00" /> <meta property="article:published_time" content="2020-08-04T10:18:11+00:00" />
<meta property="og:image" content="https://setto.basspistol.com/images/pages/creds.jpg" /> <meta property="og:image" content="https://setto.basspistol.com/images/pages/creds.jpg" />
<!-- Twitter Card --> <!-- Twitter Card -->
@ -178,40 +178,45 @@
</div> </div>
<!-- Navigation --> <!-- Navigation -->
<div id="logo" class="logo"> <div id="sticky" class="logo">
<a href="/"><img width="100em" src="/images/setto-logoicon.svg" alt="徒 setto セット Logo" /></a>
&nbsp;&nbsp;&nbsp;<a href="#navbar" onclick="blurBody()" alt="Navigation Menu" title="Navigation Menu"><span class="icon solid fa-bars navmenu"></span></a>
</div>
<div id="navbar" style="display: block;" class="modalDialog"> <a id="logo" href="/"><img height="40px" src="/images/setto-logo.svg" alt="徒 setto セット Logo" /></a>
<a href="#close" onclick="removeBlur()" alt="Close Menu" title="Close Menu"><div id="closearea"> </div></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> <nav>
<a href="#close" title="Close" onclick="removeBlur()" class="close-button close" style="margin: 0 auto;">X</a> <a href="#close" title="Close" onclick="removeBlur()" class="close-button">X</a>
<ul> <ul>
<li><a href="/" class="button smaller">Home</a></li> <li><a href="/" class="button">home</a></li>
<li><a href="/discography/" class="button smaller">Discog</a></li> <li><a href="/discography/" class="button">Discog</a></li>
<li><a href="/log/" class="button smaller">Log</a></li> <li><a href="/log/" class="button">Log</a></li>
<li><a href="/about/" class="button smaller">About</a></li> <li><a href="/about/" class="button">About</a></li>
<li><a href="/links/" class="button smaller">Links</a></li> <li><a href="/links/" class="button">Links</a></li>
</ul> </ul>
</nav> </nav>
</div> </div>
<!-- End Navigation --> <!-- End Navigation -->
@ -229,8 +234,15 @@
<div id="cookie-notice"> <div id="cookie-notice">
<p>I only use cookies if you consent to it. They don't contain any identifiable info: they just let me know if you enjoyed this enough to come back. <br />Click <a href="#" id="cookie-notice-decline">here</a> if you want this shit to go away without cookies. <br />Read more about how me & basspistol <a href="/cookies/">use cookies</a> </p>
<a class="button small yes" href="#" id="cookie-notice-accept">I'm in!</a> <p>I only use cookies if you consent to it. They don't contain any identifiable info: they just let me know if you
enjoyed this enough to come back.
<br />Click <a href="#" id="cookie-notice-decline">here</a> if you want this shit to go away without cookies.
<br />Read more about how me & basspistol <a href="/cookies/">use cookies</a>
</p>
<a class="button yes" href="#"
id="cookie-notice-accept">I'm in!</a>
</div> </div>
<script> <script>

260
about/index.html
View file

@ -1,8 +1,7 @@
<!DOCTYPE html> <!DOCTYPE HTML>
<!-- <!--
Based on _Story_ by html5up.net | @ajlkn Publikatorized by Sakrecoer
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
Remixed and Jekyllified by Setto
--> -->
<html lang="en"> <html lang="en">
<head> <head>
@ -116,72 +115,34 @@
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" /> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
<link rel="stylesheet" href="../assets/css/main20200727.css" /> <link rel="stylesheet" href="../assets/css/all.min.css" />
<link rel="stylesheet" href="../assets/css/main.css" />
<link rel="apple-touch-icon" href="https://setto.basspistol.com/apple-touch-icon.png" /> <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="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" /> <link rel="shortcut icon" href="https://setto.basspistol.com/images/setto-logoicon.svg" type="image/png" />
<noscript><link rel="stylesheet" href="../assets/css/noscript20200727.css" /></noscript> <noscript><link rel="stylesheet" href="../assets/css/noscripts.css" /></noscript>
</head> </head>
<body id="body"> <body>
<span id="top" style="display: none;"></span> <!-- Wrapper -->
<!-- Wrapper --> <div id="main-wrapper">
<div id="wrapper" class="divided" data-cms-content-wrapper="/_layouts/default.html">
<!-- Banner --> <header class="hero" style="background-image: url(/images/pages/shane-young-S7fRAd0oTPI-unsplash.jpg);">
<section class="banner onload-image-fade-in onload-content-fade-right style2 fullscreen content-align-center image-position-center" style="min-height:100vh;"> <div>
<div class="content">
<h1>About</h1> <h1>About</h1>
<p>WTF is 徒 setto セット and what does the funky characters mean? Why so cryptic and whodafuq?</p> <p>WTF is 徒 setto セット and what does the funky characters mean? Why so cryptic and whodafuq?</p>
<ul class="actions stacked">
<li><a href="#readmore" class="button small smooth-scroll">Check it!</a></li>
</ul>
</div>
<div class="image">
<img src="/images/pages/shane-young-S7fRAd0oTPI-unsplash.jpg" alt="unfound page" />
</div>
</section>
<!-- Content -->
<section class="wrapper style1 align-center">
<div class="inner">
<div class="index align-left">
<!-- Author -->
<section>
<header id="author">
<div class="bio">
<h6>
Share this page:
</h6>
<ul class="icons">
<li><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/about/&amp;quote=About%20by%20徒 setto セット%20via%20https://setto.basspistol.com" class="icon brands style1 fa-facebook-f"><span class="label">Facebook</span></a></li>
<li><a target="_blank" rel="nofollow noopener" title="Share to twitter" alt="Share to twitter" href="https://twitter.com/share?url=https://setto.basspistol.com/about/&amp;text=About%20by%20徒 setto セット%20&amp;hashtags=paxNion" class="icon brands style1 fa-twitter"><span class="label">Twitter</span></a></li>
<li><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/about/&amp;text=About%20by%20徒 setto セット" class="icon brands style1 fa-telegram"><span class="label">Telegram</span></a></li>
<li><a target="_blank" rel="nofollow noopener" title="Share to reddit" alt="Share to reddit" href="https://reddit.com/submit/?url=https://setto.basspistol.com/about/&amp;title=About%20by%20徒 setto セット" class="icon brands style1 fa-reddit"><span class="label">Reddit</span></a></li>
</ul>
</div> </div>
<div class="imagecontainer"></div>
</header> </header>
<!-- Content --> <section class="info">
<div class="content" id="readmore" data-cms-content-wrapper="/_layouts/page.html"> <div class="info-pages" data-cms-content-wrapper="/_layouts/page.html">
<h2 id="set-party-gang">Set, Party, Gang</h2> <h2 id="set-party-gang">Set, Party, Gang</h2>
<p>徒 setto セット is pronounced “To Setto Setto”. I am the brainchild of wtfcoucou incarnated by Sethybwoy. Initially abandoned, this project first made sense as the post VHS-video era came to be. Cypher-punk at core, induced by popcorn chewing threads in obscure chat-rooms, my music is ▓▓▓▓▓▓▓ and ▓▓▓▓▓▓▓▓▓▓!</p> <p>徒 setto セット is pronounced “To Setto Setto”. I am the brainchild of wtfcoucou incarnated by Sethybwoy. Initially abandoned, this project first made sense as the post VHS-video era came to be. Cypher-punk at core, induced by popcorn chewing threads in obscure chat-rooms, my music is ▓▓▓▓▓▓▓ and ▓▓▓▓▓▓▓▓▓▓!</p>
@ -193,89 +154,60 @@
<p>Hope you like my shit, or hate it for that matter! Just make sure you share it!</p> <p>Hope you like my shit, or hate it for that matter! Just make sure you share it!</p>
</div>
</div>
</section>
</div>
</div>
</section> </section>
<!-- Footer -->
<!-- Footer --> <!-- Footer -->
<section class="streambox" style="padding: 40px;">
<h2 style="text-align: center;display: block;">Support 徒 setto セット</h2> <section class="streambox">
<p>Stream, follow, like and subscribe!</p> <h2>Support 徒 setto セット</h2>
<div class="streamer"> <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" alt="Stream from Bandcamp" title="Stream from Bandcamp" class="button small icon brands fa-bandcamp">Bandcamp</a> <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', 'Spotify']);" target="_blank" rel="noopener" href="https://open.spotify.com/artist/0gus2IdSkfrvFDBPqeiksM/" title="Stream from Spotify" class="icon fab fa-spotify"><span class="label">Spotify</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Tidal']);" target="_blank" rel="noopener" href="https://listen.tidal.com/artist/10745925" title="Stream from Tidal" class="icon fab fa-creative-commons-sampling"><span class="label">Tidal</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'AppleMusic']);" target="_blank" rel="noopener" href="https://itunes.apple.com/us/artist/%E5%BE%92-setto-%E3%82%BB%E3%83%83%E3%83%88/1447055514" title="Stream from Apple Music" class="icon fab fa-apple"><span class="label">Apple Music</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'GooglePlay']);" target="_blank" rel="noopener" href="https://play.google.com/store/music/artist/%E5%BE%92_setto_%E3%82%BB%E3%83%83%E3%83%88?id=Ayi4avjpfyinbrepzebpsvpjc5a" title="Stream from Google Play" class="icon fab fa-google-play"><span class="label">Google Play</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Deezer']);" target="_blank" rel="noopener" href="https://www.deezer.com/fr/artist/56004012" title="Stream from Deezer" class="icon fab fa-deezer"><span class="label">Deezer</span></a>
</div>
<h2 style="text-align: center;display: block;">&nbsp;</h2>
<div class="streamer">
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Napster']);" target="_blank" rel="noopener" href="https://us.napster.com/artist/-setto-" title="Stream from Napster" class="icon fab fa-napster"><span class="label">Napster</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Spotify']);" target="_blank" rel="noopener" href="https://open.spotify.com/artist/0gus2IdSkfrvFDBPqeiksM/" alt="Stream from Spotify" title="Stream from Spotify" class="button small icon brands fa-spotify">Spotify</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Tidal']);" target="_blank" rel="noopener" href="https://listen.tidal.com/artist/10745925" alt="Stream from Tidal" title="Stream from Tidal" class="button small icon brands fa-creative-commons-sampling">Tidal</a> <a onclick="_paq.push(['trackEvent', 'StoreLink', 'Youtube']);" target="_blank" rel="noopener" href="https://www.youtube.com/channel/UCKlONOrOgNQjBjxUyPj4jcw/playlists" title="Stream from Youtube" class="icon fab fa-youtube"><span class="label">Youtube</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'AppleMusic']);" target="_blank" rel="noopener" href="https://itunes.apple.com/us/artist/%E5%BE%92-setto-%E3%82%BB%E3%83%83%E3%83%88/1447055514" alt="Stream from Apple Music" title="Stream from Apple Music" class="button small icon brands fa-apple">Apple Music</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'GooglePlay']);" target="_blank" rel="noopener" href="https://play.google.com/store/music/artist/%E5%BE%92_setto_%E3%82%BB%E3%83%83%E3%83%88?id=Ayi4avjpfyinbrepzebpsvpjc5a" alt="Stream from Google Play" title="Stream from Google Play" class="button small icon brands fa-google-play">Google Play</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Deezer']);" target="_blank" rel="noopener" href="https://www.deezer.com/fr/artist/56004012" alt="Stream from Deezer" title="Stream from Deezer" class="button small icon brands fa-creative-commons-sampling">Deezer</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Napster']);" target="_blank" rel="noopener" href="https://us.napster.com/artist/-setto-" alt="Stream from Napster" title="Stream from Napster" class="button small icon brands fa-napster">Napster</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Youtube']);" target="_blank" rel="noopener" href="https://www.youtube.com/channel/UCKlONOrOgNQjBjxUyPj4jcw/playlists" alt="Stream from Youtube" title="Stream from Youtube" class="button small icon brands fa-youtube">Youtube</a>
</div>
</section>
<footer id="footer" class="wrapper style1 align-center">
<div class="footflex">
<div>
<h4>徒 setto セット</h4>
<p>Set, Party, Gang! &#35;Cybersoul.
<br /><a href="mailto:setto@basspistol.com">setto@basspistol.com</a></p>
</div> </div>
</section>
<footer>
<div> <div>
<h3>徒 setto セット</h3>
<p>Set, Party, Gang! &#35;Cybersoul.</p>
<ul> <ul>
<li><a href="../">Home</a></li> <li><a href="../">Home</a></li>
@ -291,90 +223,93 @@
</ul> </ul>
</div> </div>
<div><img src="../images/setto-logo-dark.svg" style="max-width:300px" alt="徒 setto セット Logo" /></div> <div><img src="../images/setto_logo.svg" width="100%" alt="徒 setto セット Logo" /></div>
<div style="text-align: center;">
<a target="_blank" alt="徒 setto セット on Twitter" title="徒 setto セット on Twitter" rel="noopener"
href="https://twitter.com/ToSettoSetto" class="icon small fab fa-twitter"><span class="label">Twitter</span></a>
<a target="_blank" alt="徒 setto セット on Instagram" title="徒 setto セット on Instagram" rel="noopener"
href="https://www.instagram.com/tosettosetto/" class="icon small fab fa-instagram"><span class="label">Instagram</span></a>
<a target="_blank" alt="徒 setto セット on Telegram" title="徒 setto セット on Telegram" rel="noopener"
href="https://t.me/basspistol" 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" href="mailto:setto@basspistol.com" class="icon small fas fa-envelope-open-text"><span
class="label">Email</span></a>
</div> </div>
<div class="inner"> <small>
<ul class="icons">
<p>&copy;2020 Basspistol | <a href="../webcreds/">Credits</a> | <a
<li><a target="_blank" alt="徒 setto セット on Twitter" title="徒 setto セット on Twitter" rel="noopener" href="https://twitter.com/ToSettoSetto" class="icon brands style2 fa-twitter"><span class="label">Twitter</span></a></li> href="../cookies/">Cookies & Privacy</a></p>
</small>
<li><a target="_blank" alt="徒 setto セット on Instagram" title="徒 setto セット on Instagram" rel="noopener" href="https://www.instagram.com/tosettosetto/" class="icon brands style2 fa-instagram"><span class="label">Instagram</span></a></li>
<li><a target="_blank" alt="徒 setto セット on Telegram" title="徒 setto セット on Telegram" rel="noopener" href="https://t.me/basspistol" class="icon brands style2 fa-telegram"><span class="label">Telegram</span></a></li>
<li><a target="_blank" alt="徒 setto セット on Reddit" title="徒 setto セット on Reddit" rel="noopener" href="https://www.reddit.com/r/basspistol" class="icon brands style2 fa-reddit"><span class="label">Reddit</span></a></li>
</ul>
<p>&copy;2020 Basspistol | <a href="../webcreds/">Credits</a> | <a href="../cookies/">Cookies & Privacy</a></p>
</div>
</footer> </footer>
</div>
<!-- Navigation -->
<div id="logo" class="logo">
<a href="/"><img width="100em" src="/images/setto-logoicon.svg" alt="徒 setto セット Logo" /></a>
&nbsp;&nbsp;&nbsp;<a href="#navbar" onclick="blurBody()" alt="Navigation Menu" title="Navigation Menu"><span class="icon solid fa-bars navmenu"></span></a>
</div>
<div id="navbar" style="display: block;" class="modalDialog"> <!-- END Footer -->
<a href="#close" onclick="removeBlur()" alt="Close Menu" title="Close Menu"><div id="closearea"> </div></a>
</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> <nav>
<a href="#close" title="Close" onclick="removeBlur()" class="close-button close" style="margin: 0 auto;">X</a> <a href="#close" title="Close" onclick="removeBlur()" class="close-button">X</a>
<ul> <ul>
<li><a href="../" class="button smaller">Home</a></li> <li><a href="../" class="button">home</a></li>
<li><a href="../discography/" class="button smaller">Discog</a></li> <li><a href="../discography/" class="button">Discog</a></li>
<li><a href="../log/" class="button smaller">Log</a></li> <li><a href="../log/" class="button">Log</a></li>
<li><a href="../about/" class="button smaller">About</a></li> <li><a href="../about/" class="button">About</a></li>
<li><a href="../links/" class="button smaller">Links</a></li> <li><a href="../links/" class="button">Links</a></li>
</ul> </ul>
</nav> </nav>
</div> </div>
<!-- End Navigation --> <!-- End Navigation -->
<!-- Scripts -->
<script src="../assets/js/jquery.min.js"></script>
<script src="../assets/js/jquery.scrollex.min.js"></script>
<script src="../assets/js/jquery.scrolly.min.js"></script>
<script src="../assets/js/browser.min.js"></script>
<script src="../assets/js/breakpoints.min.js"></script>
<script src="../assets/js/util.js"></script>
<script src="../assets/js/main.js"></script>
<script src="../assets/js/set.js"></script>
<div id="cookie-notice"> <div id="cookie-notice">
<p>I only use cookies if you consent to it. They don't contain any identifiable info: they just let me know if you enjoyed this enough to come back. <br />Click <a href="#" id="cookie-notice-decline">here</a> if you want this shit to go away without cookies. <br />Read more about how me & basspistol <a href="/cookies/">use cookies</a> </p>
<a class="button small yes" href="#" id="cookie-notice-accept">I'm in!</a> <p>I only use cookies if you consent to it. They don't contain any identifiable info: they just let me know if you
enjoyed this enough to come back.
<br />Click <a href="#" id="cookie-notice-decline">here</a> if you want this shit to go away without cookies.
<br />Read more about how me & basspistol <a href="/cookies/">use cookies</a>
</p>
<a class="button yes" href="#"
id="cookie-notice-accept">I'm in!</a>
</div> </div>
<script> <script>
@ -473,5 +408,12 @@ _paq.push(['enableLinkTracking']);
</script> </script>
<!-- Scripts -->
<script src="../assets/js/set.js"></script>
</body> </body>
</html> </html>

608
albums/cyber-grany/1-grandma-got-the-ssh-keys/index.html
View file

@ -1,8 +1,7 @@
<!DOCTYPE html> <!DOCTYPE HTML>
<!-- <!--
Based on _Story_ by html5up.net | @ajlkn Publikatorized by Sakrecoer
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
Remixed and Jekyllified by Setto
--> -->
<html lang="en"> <html lang="en">
<head> <head>
@ -93,51 +92,78 @@
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" /> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
<link rel="stylesheet" href="../../../assets/css/main20200727.css" /> <link rel="stylesheet" href="../../../assets/css/all.min.css" />
<link rel="stylesheet" href="../../../assets/css/main.css" />
<link rel="apple-touch-icon" href="https://setto.basspistol.com/apple-touch-icon.png" /> <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="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" /> <link rel="shortcut icon" href="https://setto.basspistol.com/images/setto-logoicon.svg" type="image/png" />
<noscript><link rel="stylesheet" href="../../../assets/css/noscript20200727.css" /></noscript> <noscript><link rel="stylesheet" href="../../../assets/css/noscripts.css" /></noscript>
</head> </head>
<body id="body"> <body>
<span id="top" style="display: none;"></span> <!-- Wrapper -->
<!-- Wrapper --> <div id="main-wrapper">
<div id="wrapper" class="divided" data-cms-content-wrapper="/_layouts/default.html">
<!-- Banner --> <!-- Banner -->
<section
class="banner onload-image-fade-in onload-content-fade-right style3 fullscreen content-align-center image-position-center" style="background-image:url('https://media.basspistol.com/setto.basspistol.com/cyber-grany/1-grandma-got-the-ssh-keys.jpeg');background-size: cover; background-repeat: no-repeat;">
<div style="z-index:0;position:absolute; top:0; left:0; width:100%;min-height:100%;background-color: rgba(13, 13 ,13, 0.5);"></div>
<div id="mainwrap" class="content" style="z-index:1">
<h1 style="margin-top:80px">Grandma got the SSH keys</h1>
<p><strong>Acid Trap</strong> by <strong>徒 Setto セット</strong>
<br />2019
</p>
<p><strong><span id="tracktime"></span></strong><span id="grandmagotthesshkeys"></span></strong></p>
<script type="text/javascript"> <div id="trackArt">
var grandmagotthesshkeystimestamp = 202; <section>
var grandmagotthesshkeyshours = Math.floor(grandmagotthesshkeystimestamp / 60 / 60); <div class="coverartwrapper">
var grandmagotthesshkeysminutes = Math.floor(grandmagotthesshkeystimestamp / 60) - (grandmagotthesshkeyshours * 60); <div class="coverartwrapped" id="coverart" style="background-image: url(https://media.basspistol.com/setto.basspistol.com/cyber-grany/1-grandma-got-the-ssh-keys.jpeg);"></div>
var grandmagotthesshkeysseconds = grandmagotthesshkeystimestamp % 60;
var grandmagotthesshkeysformatted = grandmagotthesshkeyshours.toString().padStart(2, '0') + ':' + grandmagotthesshkeysminutes.toString().padStart(2, '0') + ':' + grandmagotthesshkeysseconds.toString().padStart(2, '0');
var theSpan = document.getElementById("grandmagotthesshkeys");
theSpan.innerHTML = grandmagotthesshkeysformatted;
</script>
<ul class="actions stacked">
<li><button id="mu_pause" class="button small icon solid fa-play">Play!</button></li>
</ul>
</div> </div>
<div id="noJSalbum" class="content" style="z-index:1"> <div class="playbutton">
<a id="mu_pause" class="button">Play!</a>
</div>
<p><strong>Acid Trap</strong> by <strong>徒 Setto セット</strong>
<br />2019
</p>
</section>
</div>
<!-- Content -->
<div id="trackInfo">
<section>
<h1 style="margin-top:80px">Grandma got the SSH keys</h1>
<p><strong>3:22</strong></p>
<div id="author">
<div class="bio">
<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/albums/cyber-grany/1-grandma-got-the-ssh-keys/&amp;quote=1 Grandma Got The Ssh Keys%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/albums/cyber-grany/1-grandma-got-the-ssh-keys/&amp;text=1 Grandma Got The Ssh Keys%20by%20徒 setto セット%20&amp;hashtags=paxNion"
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/albums/cyber-grany/1-grandma-got-the-ssh-keys/&amp;text=1 Grandma Got The Ssh Keys%20by%20徒 setto セット"
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/albums/cyber-grany/1-grandma-got-the-ssh-keys/&amp;title=1 Grandma Got The Ssh Keys%20by%20徒 setto セット"
class="icon smaller fab fa-reddit"><span class="label">Reddit</span></a>
</ul>
</div>
</div>
<div class="noJSalbum">
<h1 style="margin-top:80px">Grandma got the SSH keys</h1> <h1 style="margin-top:80px">Grandma got the SSH keys</h1>
<p><strong>Acid Trap</strong> by <strong>徒 Setto セット</strong> <p><strong>Acid Trap</strong> by <strong>徒 Setto セット</strong>
<br />2019 <br />2019
@ -146,64 +172,94 @@
<p><strong>3:22</strong></p> <p><strong>3:22</strong></p>
<ul class="actions stacked"> <ul class="actions stacked">
<li><a class="button small icon solid fa-play" target="_blank" rel="noopener" href="https://media.basspistol.com/setto.basspistol.com/cyber-grany/1-grandma-got-the-ssh-keys.mp3">Play!</a></li> <li><a class="button" target="_blank" rel="noopener" href="https://media.basspistol.com/setto.basspistol.com/cyber-grany/1-grandma-got-the-ssh-keys.mp3"><span class="fas fa-play"></span> Play!</a></li>
</ul> </ul>
</div> </div>
<div class="image">
<img src="https://media.basspistol.com/setto.basspistol.com/cyber-grany/1-grandma-got-the-ssh-keys.jpeg" alt="1 Grandma Got The Ssh Keys logo" id="coverart" />
</div>
</section>
<!-- Content --> <!-- Content -->
<section class="wrapper style1 align-center">
<div class="inner" style="padding-top:40px">
<div class="index align-left">
<section style="padding-top:40px">
<header id="author">
<div class="bio">
<h6>
Share this page:
</h6>
<ul class="icons">
<li><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/albums/cyber-grany/1-grandma-got-the-ssh-keys/&amp;quote=1 Grandma Got The Ssh Keys%20by%20徒 setto セット%20via%20https://setto.basspistol.com" class="icon brands style1 fa-facebook-f"><span class="label">Facebook</span></a></li>
<li><a target="_blank" rel="nofollow noopener" title="Share to twitter" alt="Share to twitter" href="https://twitter.com/share?url=https://setto.basspistol.com/albums/cyber-grany/1-grandma-got-the-ssh-keys/&amp;text=1 Grandma Got The Ssh Keys%20by%20徒 setto セット%20&amp;hashtags=paxNion" class="icon brands style1 fa-twitter"><span class="label">Twitter</span></a></li>
<li><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/albums/cyber-grany/1-grandma-got-the-ssh-keys/&amp;text=1 Grandma Got The Ssh Keys%20by%20徒 setto セット" class="icon brands style1 fa-telegram"><span class="label">Telegram</span></a></li>
<li><a target="_blank" rel="nofollow noopener" title="Share to reddit" alt="Share to reddit" href="https://reddit.com/submit/?url=https://setto.basspistol.com/albums/cyber-grany/1-grandma-got-the-ssh-keys/&amp;title=1 Grandma Got The Ssh Keys%20by%20徒 setto セット" class="icon brands style1 fa-reddit"><span class="label">Reddit</span></a></li>
</ul>
<a href="../../../cyber-grany/" class="button smaller"> Back to Album</a><br /><br />
</div>
</header>
<!-- Content -->
<div class="content">
<p> <p>
Special track for Acid December 2019 Special track for Acid December 2019
</p> </p>
<a href="../../../cyber-grany/" class="button">See release page</a>
</section>
<section class="streambox">
<h2>This track 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', 'Spotify']);" target="_blank" rel="noopener" href="https://open.spotify.com/artist/0gus2IdSkfrvFDBPqeiksM/" title="Stream from Spotify" class="icon fab fa-spotify"><span class="label">Spotify</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Tidal']);" target="_blank" rel="noopener" href="https://listen.tidal.com/artist/10745925" title="Stream from Tidal" class="icon fab fa-creative-commons-sampling"><span class="label">Tidal</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'AppleMusic']);" target="_blank" rel="noopener" href="https://itunes.apple.com/us/artist/%E5%BE%92-setto-%E3%82%BB%E3%83%83%E3%83%88/1447055514" title="Stream from Apple Music" class="icon fab fa-apple"><span class="label">Apple Music</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'GooglePlay']);" target="_blank" rel="noopener" href="https://play.google.com/store/music/artist/%E5%BE%92_setto_%E3%82%BB%E3%83%83%E3%83%88?id=Ayi4avjpfyinbrepzebpsvpjc5a" title="Stream from Google Play" class="icon fab fa-google-play"><span class="label">Google Play</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Deezer']);" target="_blank" rel="noopener" href="https://www.deezer.com/fr/artist/56004012" title="Stream from Deezer" class="icon fab fa-deezer"><span class="label">Deezer</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Napster']);" target="_blank" rel="noopener" href="https://us.napster.com/artist/-setto-" title="Stream from Napster" class="icon fab fa-napster"><span class="label">Napster</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Youtube']);" target="_blank" rel="noopener" href="https://www.youtube.com/channel/UCKlONOrOgNQjBjxUyPj4jcw/playlists" title="Stream from Youtube" class="icon fab fa-youtube"><span class="label">Youtube</span></a>
</div> </div>
</section> </section>
</div>
</div>
</section>
@ -213,210 +269,39 @@
<section class="streambox" style="padding: 40px;"> <!-- post Naviation -->
<section class="post-navigation">
<h2>Track Navigation</h2>
<h2 style="text-align: center;display: block;">This track 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" alt="Stream from Bandcamp" title="Stream from Bandcamp" class="button small icon brands fa-bandcamp">Bandcamp</a>
</div>
<h2 style="text-align: center;display: block;">&nbsp;</h2>
<div class="streamer">
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Spotify']);" target="_blank" rel="noopener" href="https://open.spotify.com/artist/0gus2IdSkfrvFDBPqeiksM/" alt="Stream from Spotify" title="Stream from Spotify" class="button small icon brands fa-spotify">Spotify</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Tidal']);" target="_blank" rel="noopener" href="https://listen.tidal.com/artist/10745925" alt="Stream from Tidal" title="Stream from Tidal" class="button small icon brands fa-creative-commons-sampling">Tidal</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'AppleMusic']);" target="_blank" rel="noopener" href="https://itunes.apple.com/us/artist/%E5%BE%92-setto-%E3%82%BB%E3%83%83%E3%83%88/1447055514" alt="Stream from Apple Music" title="Stream from Apple Music" class="button small icon brands fa-apple">Apple Music</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'GooglePlay']);" target="_blank" rel="noopener" href="https://play.google.com/store/music/artist/%E5%BE%92_setto_%E3%82%BB%E3%83%83%E3%83%88?id=Ayi4avjpfyinbrepzebpsvpjc5a" alt="Stream from Google Play" title="Stream from Google Play" class="button small icon brands fa-google-play">Google Play</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Deezer']);" target="_blank" rel="noopener" href="https://www.deezer.com/fr/artist/56004012" alt="Stream from Deezer" title="Stream from Deezer" class="button small icon brands fa-creative-commons-sampling">Deezer</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Napster']);" target="_blank" rel="noopener" href="https://us.napster.com/artist/-setto-" alt="Stream from Napster" title="Stream from Napster" class="button small icon brands fa-napster">Napster</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Youtube']);" target="_blank" rel="noopener" href="https://www.youtube.com/channel/UCKlONOrOgNQjBjxUyPj4jcw/playlists" alt="Stream from Youtube" title="Stream from Youtube" class="button small icon brands fa-youtube">Youtube</a>
</div>
</section>
<!-- Page navigation -->
<section class="wrapper style1 align-center">
<div class="inner">
<div class="index align-left">
<!-- Author -->
<section>
<!-- Content -->
<div class="content">
<!-- post Naviation -->
<div style="text-align: center;">
<h3>Play more songs grom this release</h3>
</div>
<div class="post-nav"> <div class="post-nav">
<div>
<h4><a href="../../../albums/cyber-grany/1-grandma-got-the-ssh-keys/" alt="Read Grandma got the SSH keys" title="Read Grandma got the SSH keys"><i class="fas fa-arrow-left"></i></a> <a
href="../../../albums/cyber-grany/1-grandma-got-the-ssh-keys/">&nbsp;Grandma got the SSH keys</a>
</h4>
</div> </div>
<div class="post-nav-next"> <div class="post-nav-next">
<h4><a href="../../../albums/cyber-grany/1-grandma-got-the-ssh-keys/">&nbsp;Grandma got the SSH keys</a> <a <h4><a href="/albums/darkweb/1-swipe/">Next&nbsp;<span class="fas fa-arrow-right"></span></a></h4>
href="../../../albums/cyber-grany/1-grandma-got-the-ssh-keys/" alt="Read Grandma got the SSH keys" title="Read Grandma got the SSH keys"><i class="fas fa-arrow-right"></i></a></h4> <h3>Swipe</h3>
<p></p>
</div> </div>
</div>
<!-- End Post Navigation -->
</div>
</section>
</div>
</div>
</section> </section>
<!-- Audio player-->
<audio autoplay preload="metadata" data-matomo-title="Grandma got the SSH keys">
<source src="https://media.basspistol.com/setto.basspistol.com/cyber-grany/1-grandma-got-the-ssh-keys.mp3" type="audio/mpeg" ontimeupdate='updateTrackTime(this);' />
<h1>Your browser isn't ready for so much hotness. Use the download-link instead.</h1>.
</audio>
<!-- Footer --> <!-- Footer -->
<footer>
<section class="streambox" style="padding: 40px;">
<h2 style="text-align: center;display: block;">This track 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" alt="Stream from Bandcamp" title="Stream from Bandcamp" class="button small icon brands fa-bandcamp">Bandcamp</a>
</div>
<h2 style="text-align: center;display: block;">&nbsp;</h2>
<div class="streamer">
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Spotify']);" target="_blank" rel="noopener" href="https://open.spotify.com/artist/0gus2IdSkfrvFDBPqeiksM/" alt="Stream from Spotify" title="Stream from Spotify" class="button small icon brands fa-spotify">Spotify</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Tidal']);" target="_blank" rel="noopener" href="https://listen.tidal.com/artist/10745925" alt="Stream from Tidal" title="Stream from Tidal" class="button small icon brands fa-creative-commons-sampling">Tidal</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'AppleMusic']);" target="_blank" rel="noopener" href="https://itunes.apple.com/us/artist/%E5%BE%92-setto-%E3%82%BB%E3%83%83%E3%83%88/1447055514" alt="Stream from Apple Music" title="Stream from Apple Music" class="button small icon brands fa-apple">Apple Music</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'GooglePlay']);" target="_blank" rel="noopener" href="https://play.google.com/store/music/artist/%E5%BE%92_setto_%E3%82%BB%E3%83%83%E3%83%88?id=Ayi4avjpfyinbrepzebpsvpjc5a" alt="Stream from Google Play" title="Stream from Google Play" class="button small icon brands fa-google-play">Google Play</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Deezer']);" target="_blank" rel="noopener" href="https://www.deezer.com/fr/artist/56004012" alt="Stream from Deezer" title="Stream from Deezer" class="button small icon brands fa-creative-commons-sampling">Deezer</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Napster']);" target="_blank" rel="noopener" href="https://us.napster.com/artist/-setto-" alt="Stream from Napster" title="Stream from Napster" class="button small icon brands fa-napster">Napster</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Youtube']);" target="_blank" rel="noopener" href="https://www.youtube.com/channel/UCKlONOrOgNQjBjxUyPj4jcw/playlists" alt="Stream from Youtube" title="Stream from Youtube" class="button small icon brands fa-youtube">Youtube</a>
</div>
</section>
<footer id="footer" class="wrapper style1 align-center">
<div class="footflex">
<div>
<h4>徒 setto セット</h4>
<p>Set, Party, Gang! &#35;Cybersoul.
<br /><a href="mailto:setto@basspistol.com">setto@basspistol.com</a></p>
</div>
<div> <div>
<h3>徒 setto セット</h3>
<p>Set, Party, Gang! &#35;Cybersoul.</p>
<ul> <ul>
<li><a href="../../../">Home</a></li> <li><a href="../../../">Home</a></li>
@ -432,33 +317,67 @@
</ul> </ul>
</div> </div>
<div><img src="../../../images/setto-logo-dark.svg" style="max-width:300px" alt="徒 setto セット Logo" /></div> <div><img src="../../../images/setto_logo.svg" width="100%" alt="徒 setto セット Logo" /></div>
<div style="text-align: center;">
<a target="_blank" alt="徒 setto セット on Twitter" title="徒 setto セット on Twitter" rel="noopener"
href="https://twitter.com/ToSettoSetto" class="icon small fab fa-twitter"><span class="label">Twitter</span></a>
<a target="_blank" alt="徒 setto セット on Instagram" title="徒 setto セット on Instagram" rel="noopener"
href="https://www.instagram.com/tosettosetto/" class="icon small fab fa-instagram"><span class="label">Instagram</span></a>
<a target="_blank" alt="徒 setto セット on Telegram" title="徒 setto セット on Telegram" rel="noopener"
href="https://t.me/basspistol" 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" href="mailto:setto@basspistol.com" class="icon small fas fa-envelope-open-text"><span
class="label">Email</span></a>
</div> </div>
<div class="inner"> <small>
<ul class="icons">
<p>&copy;2020 Basspistol | <a href="../../../webcreds/">Credits</a> | <a
<li><a target="_blank" alt="徒 setto セット on Twitter" title="徒 setto セット on Twitter" rel="noopener" href="https://twitter.com/ToSettoSetto" class="icon brands style2 fa-twitter"><span class="label">Twitter</span></a></li> href="../../../cookies/">Cookies & Privacy</a></p>
</small>
<li><a target="_blank" alt="徒 setto セット on Instagram" title="徒 setto セット on Instagram" rel="noopener" href="https://www.instagram.com/tosettosetto/" class="icon brands style2 fa-instagram"><span class="label">Instagram</span></a></li>
<li><a target="_blank" alt="徒 setto セット on Telegram" title="徒 setto セット on Telegram" rel="noopener" href="https://t.me/basspistol" class="icon brands style2 fa-telegram"><span class="label">Telegram</span></a></li>
<li><a target="_blank" alt="徒 setto セット on Reddit" title="徒 setto セット on Reddit" rel="noopener" href="https://www.reddit.com/r/basspistol" class="icon brands style2 fa-reddit"><span class="label">Reddit</span></a></li>
</ul>
<p>&copy;2020 Basspistol | <a href="../../../webcreds/">Credits</a> | <a href="../../../cookies/">Cookies & Privacy</a></p>
</div>
</footer> </footer>
<!-- End Post Navigation -->
</div>
<!-- Audio player-->
<div id="fixedPlayer" class="showplayer hideplayer">
<div id="audiowrap">
<div id="audio0">
<audio controls autoplay preload="metadata" data-matomo-title="Grandma got the SSH keys">
<source src="https://media.basspistol.com/setto.basspistol.com/cyber-grany/1-grandma-got-the-ssh-keys.mp3" type="audio/mpeg" ontimeupdate='updateTrackTime(this);' />
<h1>Your browser isn't ready for so much hotness. Use the download-link instead.</h1>.
</audio>
</div>
</div>
<div id="nowPlay">
<div id="tracks">
<a id="btnNext"href="/albums/darkweb/1-swipe/"><span class="fas fa-fast-forward"></span></a>
</div>
<p class="right" id="npTitle" style="font-weight: bold;">Grandma got the SSH keys </a></p>
</div>
</div>
<script type="text/javascript"> <script type="text/javascript">
function loadUrl(newLocation) { function loadUrl(newLocation) {
@ -469,6 +388,7 @@
var mu = document.getElementsByTagName("audio")[0]; var mu = document.getElementsByTagName("audio")[0];
var pauseButton = document.getElementById("mu_pause"); var pauseButton = document.getElementById("mu_pause");
var spincover = document.getElementById("coverart"); var spincover = document.getElementById("coverart");
var fixedplayer = document.getElementById("fixedPlayer");
mu.addEventListener('ended', function () { mu.addEventListener('ended', function () {
// only functional if "loop" is removed // only functional if "loop" is removed
@ -478,10 +398,8 @@
}); });
mu.onplaying = function() { mu.onplaying = function() {
pauseButton.innerHTML = "Pause"; pauseButton.innerHTML = "Pause";
pauseButton.classList.remove("fa-play"); fixedplayer.classList.remove("hideplayer");
pauseButton.classList.add("fa-pause");
spincover.classList.add("spinnit");
spincover.classList.remove("paused");
}; };
pauseButton.addEventListener("click", function () { pauseButton.addEventListener("click", function () {
@ -491,82 +409,85 @@
} }
else { else {
mu.pause(); mu.pause();
pauseButton.innerHTML = "Resume";
pauseButton.classList.add("fa-play");
pauseButton.classList.remove("fa-pause");
spincover.classList.add("paused");
} }
}); });
mu.addEventListener('playing', function () {
mu.addEventListener('timeupdate', function () { spincover.classList.add("spinnit");
var timestamp = Math.floor(mu.currentTime); spincover.classList.remove("paused");
var hours = Math.floor(timestamp / 60 / 60);
var minutes = Math.floor(timestamp / 60) - (hours * 60);
var seconds = timestamp % 60;
var formatted = hours.toString().padStart(2, '0') + ':' + minutes.toString().padStart(2, '0') + ':' + seconds.toString().padStart(2, '0');
var thecurrentSpan = document.getElementById("tracktime");
thecurrentSpan.innerHTML = formatted + ' / ';
}); });
mu.addEventListener('pause', function () {
spincover.classList.add("paused");
pauseButton.innerHTML = "Resume";
});
</script> </script>
</div> <!-- Footer -->
<!-- Navigation -->
<div id="logo" class="logo">
<a href="/"><img width="100em" src="/images/setto-logoicon.svg" alt="徒 setto セット Logo" /></a>
&nbsp;&nbsp;&nbsp;<a href="#navbar" onclick="blurBody()" alt="Navigation Menu" title="Navigation Menu"><span class="icon solid fa-bars navmenu"></span></a>
</div>
<div id="navbar" style="display: block;" class="modalDialog"> <!-- END Footer -->
<a href="#close" onclick="removeBlur()" alt="Close Menu" title="Close Menu"><div id="closearea"> </div></a>
</div>
<!-- END Wrapper -->
<!-- Navigation -->
<div id="sticky" class="logo sticky">
<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> <nav>
<a href="#close" title="Close" onclick="removeBlur()" class="close-button close" style="margin: 0 auto;">X</a> <a href="#close" title="Close" onclick="removeBlur()" class="close-button">X</a>
<ul> <ul>
<li><a href="../../../" class="button smaller">Home</a></li> <li><a href="../../../" class="button">home</a></li>
<li><a href="../../../discography/" class="button smaller">Discog</a></li> <li><a href="../../../discography/" class="button">Discog</a></li>
<li><a href="../../../log/" class="button smaller">Log</a></li> <li><a href="../../../log/" class="button">Log</a></li>
<li><a href="../../../about/" class="button smaller">About</a></li> <li><a href="../../../about/" class="button">About</a></li>
<li><a href="../../../links/" class="button smaller">Links</a></li> <li><a href="../../../links/" class="button">Links</a></li>
</ul> </ul>
</nav> </nav>
</div> </div>
<!-- End Navigation --> <!-- End Navigation -->
<!-- Scripts -->
<script src="../../../assets/js/jquery.min.js"></script>
<script src="../../../assets/js/jquery.scrollex.min.js"></script>
<script src="../../../assets/js/jquery.scrolly.min.js"></script>
<script src="../../../assets/js/browser.min.js"></script>
<script src="../../../assets/js/breakpoints.min.js"></script>
<script src="../../../assets/js/util.js"></script>
<script src="../../../assets/js/main.js"></script>
<script src="../../../assets/js/set.js"></script>
<div id="cookie-notice"> <div id="cookie-notice">
<p>I only use cookies if you consent to it. They don't contain any identifiable info: they just let me know if you enjoyed this enough to come back. <br />Click <a href="#" id="cookie-notice-decline">here</a> if you want this shit to go away without cookies. <br />Read more about how me & basspistol <a href="/cookies/">use cookies</a> </p>
<a class="button small yes" href="#" id="cookie-notice-accept">I'm in!</a> <p>I only use cookies if you consent to it. They don't contain any identifiable info: they just let me know if you
enjoyed this enough to come back.
<br />Click <a href="#" id="cookie-notice-decline">here</a> if you want this shit to go away without cookies.
<br />Read more about how me & basspistol <a href="/cookies/">use cookies</a>
</p>
<a class="button yes" href="#"
id="cookie-notice-accept">I'm in!</a>
</div> </div>
<script> <script>
@ -665,5 +586,12 @@ _paq.push(['enableLinkTracking']);
</script> </script>
<!-- Scripts -->
<script src="../../../assets/js/set.js"></script>
</body> </body>
</html> </html>

654
albums/darkweb/1-swipe/index.html
View file

@ -1,8 +1,7 @@
<!DOCTYPE html> <!DOCTYPE HTML>
<!-- <!--
Based on _Story_ by html5up.net | @ajlkn Publikatorized by Sakrecoer
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
Remixed and Jekyllified by Setto
--> -->
<html lang="en"> <html lang="en">
<head> <head>
@ -93,51 +92,78 @@
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" /> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
<link rel="stylesheet" href="../../../assets/css/main20200727.css" /> <link rel="stylesheet" href="../../../assets/css/all.min.css" />
<link rel="stylesheet" href="../../../assets/css/main.css" />
<link rel="apple-touch-icon" href="https://setto.basspistol.com/apple-touch-icon.png" /> <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="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" /> <link rel="shortcut icon" href="https://setto.basspistol.com/images/setto-logoicon.svg" type="image/png" />
<noscript><link rel="stylesheet" href="../../../assets/css/noscript20200727.css" /></noscript> <noscript><link rel="stylesheet" href="../../../assets/css/noscripts.css" /></noscript>
</head> </head>
<body id="body"> <body>
<span id="top" style="display: none;"></span> <!-- Wrapper -->
<!-- Wrapper --> <div id="main-wrapper">
<div id="wrapper" class="divided" data-cms-content-wrapper="/_layouts/default.html">
<!-- Banner --> <!-- Banner -->
<section
class="banner onload-image-fade-in onload-content-fade-right style3 fullscreen content-align-center image-position-center" style="background-image:url('https://media.basspistol.com/setto.basspistol.com/darkweb/1-swipe.jpeg');background-size: cover; background-repeat: no-repeat;">
<div style="z-index:0;position:absolute; top:0; left:0; width:100%;min-height:100%;background-color: rgba(13, 13 ,13, 0.5);"></div>
<div id="mainwrap" class="content" style="z-index:1">
<h1 style="margin-top:80px">Swipe</h1>
<p><strong>Cyber Soul</strong> by <strong>徒 Setto セット</strong>
<br />2019
</p>
<p><strong><span id="tracktime"></span></strong><span id="swipe"></span></strong></p>
<script type="text/javascript"> <div id="trackArt">
var swipetimestamp = 281; <section>
var swipehours = Math.floor(swipetimestamp / 60 / 60); <div class="coverartwrapper">
var swipeminutes = Math.floor(swipetimestamp / 60) - (swipehours * 60); <div class="coverartwrapped" id="coverart" style="background-image: url(https://media.basspistol.com/setto.basspistol.com/darkweb/1-swipe.jpeg);"></div>
var swipeseconds = swipetimestamp % 60;
var swipeformatted = swipehours.toString().padStart(2, '0') + ':' + swipeminutes.toString().padStart(2, '0') + ':' + swipeseconds.toString().padStart(2, '0');
var theSpan = document.getElementById("swipe");
theSpan.innerHTML = swipeformatted;
</script>
<ul class="actions stacked">
<li><button id="mu_pause" class="button small icon solid fa-play">Play!</button></li>
</ul>
</div> </div>
<div id="noJSalbum" class="content" style="z-index:1"> <div class="playbutton">
<a id="mu_pause" class="button">Play!</a>
</div>
<p><strong>Cyber Soul</strong> by <strong>徒 Setto セット</strong>
<br />2019
</p>
</section>
</div>
<!-- Content -->
<div id="trackInfo">
<section>
<h1 style="margin-top:80px">Swipe</h1>
<p><strong>4:41</strong></p>
<div id="author">
<div class="bio">
<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/albums/darkweb/1-swipe/&amp;quote=1 Swipe%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/albums/darkweb/1-swipe/&amp;text=1 Swipe%20by%20徒 setto セット%20&amp;hashtags=paxNion"
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/albums/darkweb/1-swipe/&amp;text=1 Swipe%20by%20徒 setto セット"
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/albums/darkweb/1-swipe/&amp;title=1 Swipe%20by%20徒 setto セット"
class="icon smaller fab fa-reddit"><span class="label">Reddit</span></a>
</ul>
</div>
</div>
<div class="noJSalbum">
<h1 style="margin-top:80px">Swipe</h1> <h1 style="margin-top:80px">Swipe</h1>
<p><strong>Cyber Soul</strong> by <strong>徒 Setto セット</strong> <p><strong>Cyber Soul</strong> by <strong>徒 Setto セット</strong>
<br />2019 <br />2019
@ -146,57 +172,16 @@
<p><strong>4:41</strong></p> <p><strong>4:41</strong></p>
<ul class="actions stacked"> <ul class="actions stacked">
<li><a class="button small icon solid fa-play" target="_blank" rel="noopener" href="https://media.basspistol.com/setto.basspistol.com/darkweb/1-swipe.mp3">Play!</a></li> <li><a class="button" target="_blank" rel="noopener" href="https://media.basspistol.com/setto.basspistol.com/darkweb/1-swipe.mp3"><span class="fas fa-play"></span> Play!</a></li>
</ul> </ul>
</div> </div>
<div class="image">
<img src="https://media.basspistol.com/setto.basspistol.com/darkweb/1-swipe.jpeg" alt="1 Swipe logo" id="coverart" />
</div>
</section>
<!-- Content --> <!-- Content -->
<section class="wrapper style1 align-center">
<div class="inner" style="padding-top:40px">
<div class="index align-left">
<section style="padding-top:40px">
<header id="author"> <div class="info">
<div class="bio"> <p>
<h6>
Share this page:
</h6>
<ul class="icons">
<li><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/albums/darkweb/1-swipe/&amp;quote=1 Swipe%20by%20徒 setto セット%20via%20https://setto.basspistol.com" class="icon brands style1 fa-facebook-f"><span class="label">Facebook</span></a></li>
<li><a target="_blank" rel="nofollow noopener" title="Share to twitter" alt="Share to twitter" href="https://twitter.com/share?url=https://setto.basspistol.com/albums/darkweb/1-swipe/&amp;text=1 Swipe%20by%20徒 setto セット%20&amp;hashtags=paxNion" class="icon brands style1 fa-twitter"><span class="label">Twitter</span></a></li>
<li><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/albums/darkweb/1-swipe/&amp;text=1 Swipe%20by%20徒 setto セット" class="icon brands style1 fa-telegram"><span class="label">Telegram</span></a></li>
<li><a target="_blank" rel="nofollow noopener" title="Share to reddit" alt="Share to reddit" href="https://reddit.com/submit/?url=https://setto.basspistol.com/albums/darkweb/1-swipe/&amp;title=1 Swipe%20by%20徒 setto セット" class="icon brands style1 fa-reddit"><span class="label">Reddit</span></a></li>
</ul>
<a href="../../../darkweb/" class="button smaller"> Back to Album</a><br /><br />
</div>
</header>
<!-- Content -->
<div class="content">
<p style="font-size:16px;">
Comme tous les après-midis, Assis dans le tram en face d'une jolie vie,<br /> Comme tous les après-midis, Assis dans le tram en face d'une jolie vie,<br />
Sur mon écran elles sont encore plus sexy. <br /> Sur mon écran elles sont encore plus sexy. <br />
Swipe à gauche swipe à droite, <br /> Swipe à gauche swipe à droite, <br />
@ -233,15 +218,95 @@ Je swipe à droite, <br />
Je swipe à gauche, <br /> Je swipe à gauche, <br />
Je yeuxt vers l'avant de temps en temps. Je yeuxt vers l'avant de temps en temps.
</p> </p>
</div>
<p> <p>
Cover art by Mattias Ritarn Lindström, Music by To&nbsp;Setto&nbsp;Setto Cover art by Mattias Ritarn Lindström, Music by To&nbsp;Setto&nbsp;Setto
</p> </p>
<a href="../../../darkweb/" class="button">See release page</a>
</section>
<section class="streambox">
<h2>Get this track</h2>
<div class="streamer">
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Bandcamp']);" target="_blank" rel="noopener" href="https://shop.basspistol.com/album/darkweb" title="Stream from Bandcamp" class="icon fab fa-bandcamp"><span class="label">Bandcamp</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Spotify']);" target="_blank" rel="noopener" href="https://open.spotify.com/album/0meSZO7BeGoHJc6BWnRvhN" title="Stream from Spotify" class="icon fab fa-spotify"><span class="label">Spotify</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Tidal']);" target="_blank" rel="noopener" href="https://listen.tidal.com/album/102587870" title="Stream from Tidal" class="icon fab fa-creative-commons-sampling"><span class="label">Tidal</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'AppleMusic']);" target="_blank" rel="noopener" href="https://itunes.apple.com/us/album/darkweb-single/1449847586" title="Stream from Apple Music" class="icon fab fa-apple"><span class="label">Apple Music</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'GooglePlay']);" target="_blank" rel="noopener" href="https://play.google.com/store/music/album/%E5%BE%92_setto_%E3%82%BB%E3%83%83%E3%83%88_Darkweb?id=Bcrzzrtj7yfcyladynit7hg4age" title="Stream from Google Play" class="icon fab fa-google-play"><span class="label">Google Play</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Deezer']);" target="_blank" rel="noopener" href="https://www.deezer.com/fr/album/84669482" title="Stream from Deezer" class="icon fab fa-deezer"><span class="label">Deezer</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Napster']);" target="_blank" rel="noopener" href="https://us.napster.com/artist/-setto-/album/darkweb-single" title="Stream from Napster" class="icon fab fa-napster"><span class="label">Napster</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Youtube']);" target="_blank" rel="noopener" href="https://www.youtube.com/playlist?list=OLAK5uy_khsKshJLKdcurSUZzssZliYbrVOQx9GT8" title="Stream from Youtube" class="icon fab fa-youtube"><span class="label">Youtube</span></a>
</div> </div>
</section> </section>
</div>
</div>
</section>
@ -249,238 +314,44 @@ Je yeuxt vers l'avant de temps en temps.
<!-- post Naviation -->
<section class="post-navigation">
<section class="streambox" style="padding: 40px;"> <h2>Track Navigation</h2>
<h2 style="text-align: center;display: block;">Get this track</h2>
<div class="streamer">
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Bandcamp']);" target="_blank" rel="noopener" href="https://shop.basspistol.com/album/darkweb" alt="Stream from Bandcamp" title="Stream from Bandcamp" class="button small icon brands fa-bandcamp">Bandcamp</a>
</div>
<p style="text-align: center;display: block;margin-top:40px;">Stream it, follow, like and subscribe!</p>
<div class="streamer">
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Spotify']);" target="_blank" rel="noopener" href="https://open.spotify.com/album/0meSZO7BeGoHJc6BWnRvhN" alt="Stream from Spotify" title="Stream from Spotify" class="button small icon brands fa-spotify">Spotify</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Tidal']);" target="_blank" rel="noopener" href="https://listen.tidal.com/album/102587870" alt="Stream from Tidal" title="Stream from Tidal" class="button small icon brands fa-creative-commons-sampling">Tidal</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'AppleMusic']);" target="_blank" rel="noopener" href="https://itunes.apple.com/us/album/darkweb-single/1449847586" alt="Stream from Apple Music" title="Stream from Apple Music" class="button small icon brands fa-apple">Apple Music</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'GooglePlay']);" target="_blank" rel="noopener" href="https://play.google.com/store/music/album/%E5%BE%92_setto_%E3%82%BB%E3%83%83%E3%83%88_Darkweb?id=Bcrzzrtj7yfcyladynit7hg4age" alt="Stream from Google Play" title="Stream from Google Play" class="button small icon brands fa-google-play">Google Play</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Deezer']);" target="_blank" rel="noopener" href="https://www.deezer.com/fr/album/84669482" alt="Stream from Deezer" title="Stream from Deezer" class="button small icon brands fa-creative-commons-sampling">Deezer</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Napster']);" target="_blank" rel="noopener" href="https://us.napster.com/artist/-setto-/album/darkweb-single" alt="Stream from Napster" title="Stream from Napster" class="button small icon brands fa-napster">Napster</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Youtube']);" target="_blank" rel="noopener" href="https://www.youtube.com/playlist?list=OLAK5uy_khsKshJLKdcurSUZzssZliYbrVOQx9GT8" alt="Stream from Youtube" title="Stream from Youtube" class="button small icon brands fa-youtube">Youtube</a>
</div>
</section>
<!-- Page navigation -->
<section class="wrapper style1 align-center">
<div class="inner">
<div class="index align-left">
<!-- Author -->
<section>
<!-- Content -->
<div class="content">
<!-- post Naviation -->
<div style="text-align: center;">
<h3>Play more songs grom this release</h3>
</div>
<div class="post-nav"> <div class="post-nav">
<div>
<h4><a href="../../../albums/darkweb/4-darkweb-instrumental-/" alt="Read Darkweb (Instrumental)" title="Read Darkweb (Instrumental)"><i class="fas fa-arrow-left"></i></a> <a
href="../../../albums/darkweb/4-darkweb-instrumental-/">&nbsp;Darkweb (Instrumental)</a> <h4><a href="/albums/cyber-grany/1-grandma-got-the-ssh-keys/" alt="Read 1 Grandma Got The Ssh Keys" title="Read 1 Grandma Got The Ssh Keys"><span
</h4> class="fas fa-arrow-left"></span>&nbsp;Previous</a></h4>
<h3>Grandma got the SSH keys</h3>
<p></p>
</div> </div>
<div class="post-nav-next"> <div class="post-nav-next">
<h4><a href="../../../albums/darkweb/2-darkweb/">&nbsp;Darkweb</a> <a <h4><a href="/albums/darkweb/2-darkweb/">Next&nbsp;<span class="fas fa-arrow-right"></span></a></h4>
href="../../../albums/darkweb/2-darkweb/" alt="Read Darkweb" title="Read Darkweb"><i class="fas fa-arrow-right"></i></a></h4> <h3>Darkweb</h3>
<p></p>
</div> </div>
</div>
<!-- End Post Navigation -->
</div>
</section>
</div>
</div>
</section> </section>
<!-- Audio player-->
<audio autoplay preload="metadata" data-matomo-title="Swipe">
<source src="https://media.basspistol.com/setto.basspistol.com/darkweb/1-swipe.mp3" type="audio/mpeg" ontimeupdate='updateTrackTime(this);' />
<h1>Your browser isn't ready for so much hotness. Use the download-link instead.</h1>.
</audio>
<!-- Footer --> <!-- Footer -->
<footer>
<section class="streambox" style="padding: 40px;">
<h2 style="text-align: center;display: block;">Get this track</h2>
<div class="streamer">
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Bandcamp']);" target="_blank" rel="noopener" href="https://shop.basspistol.com/album/darkweb" alt="Stream from Bandcamp" title="Stream from Bandcamp" class="button small icon brands fa-bandcamp">Bandcamp</a>
</div>
<p style="text-align: center;display: block;margin-top:40px;">Stream it, follow, like and subscribe!</p>
<div class="streamer">
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Spotify']);" target="_blank" rel="noopener" href="https://open.spotify.com/album/0meSZO7BeGoHJc6BWnRvhN" alt="Stream from Spotify" title="Stream from Spotify" class="button small icon brands fa-spotify">Spotify</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Tidal']);" target="_blank" rel="noopener" href="https://listen.tidal.com/album/102587870" alt="Stream from Tidal" title="Stream from Tidal" class="button small icon brands fa-creative-commons-sampling">Tidal</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'AppleMusic']);" target="_blank" rel="noopener" href="https://itunes.apple.com/us/album/darkweb-single/1449847586" alt="Stream from Apple Music" title="Stream from Apple Music" class="button small icon brands fa-apple">Apple Music</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'GooglePlay']);" target="_blank" rel="noopener" href="https://play.google.com/store/music/album/%E5%BE%92_setto_%E3%82%BB%E3%83%83%E3%83%88_Darkweb?id=Bcrzzrtj7yfcyladynit7hg4age" alt="Stream from Google Play" title="Stream from Google Play" class="button small icon brands fa-google-play">Google Play</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Deezer']);" target="_blank" rel="noopener" href="https://www.deezer.com/fr/album/84669482" alt="Stream from Deezer" title="Stream from Deezer" class="button small icon brands fa-creative-commons-sampling">Deezer</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Napster']);" target="_blank" rel="noopener" href="https://us.napster.com/artist/-setto-/album/darkweb-single" alt="Stream from Napster" title="Stream from Napster" class="button small icon brands fa-napster">Napster</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Youtube']);" target="_blank" rel="noopener" href="https://www.youtube.com/playlist?list=OLAK5uy_khsKshJLKdcurSUZzssZliYbrVOQx9GT8" alt="Stream from Youtube" title="Stream from Youtube" class="button small icon brands fa-youtube">Youtube</a>
</div>
</section>
<footer id="footer" class="wrapper style1 align-center">
<div class="footflex">
<div>
<h4>徒 setto セット</h4>
<p>Set, Party, Gang! &#35;Cybersoul.
<br /><a href="mailto:setto@basspistol.com">setto@basspistol.com</a></p>
</div>
<div> <div>
<h3>徒 setto セット</h3>
<p>Set, Party, Gang! &#35;Cybersoul.</p>
<ul> <ul>
<li><a href="../../../">Home</a></li> <li><a href="../../../">Home</a></li>
@ -496,33 +367,69 @@ Je yeuxt vers l'avant de temps en temps.
</ul> </ul>
</div> </div>
<div><img src="../../../images/setto-logo-dark.svg" style="max-width:300px" alt="徒 setto セット Logo" /></div> <div><img src="../../../images/setto_logo.svg" width="100%" alt="徒 setto セット Logo" /></div>
<div style="text-align: center;">
<a target="_blank" alt="徒 setto セット on Twitter" title="徒 setto セット on Twitter" rel="noopener"
href="https://twitter.com/ToSettoSetto" class="icon small fab fa-twitter"><span class="label">Twitter</span></a>
<a target="_blank" alt="徒 setto セット on Instagram" title="徒 setto セット on Instagram" rel="noopener"
href="https://www.instagram.com/tosettosetto/" class="icon small fab fa-instagram"><span class="label">Instagram</span></a>
<a target="_blank" alt="徒 setto セット on Telegram" title="徒 setto セット on Telegram" rel="noopener"
href="https://t.me/basspistol" 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" href="mailto:setto@basspistol.com" class="icon small fas fa-envelope-open-text"><span
class="label">Email</span></a>
</div> </div>
<div class="inner"> <small>
<ul class="icons">
<p>&copy;2020 Basspistol | <a href="../../../webcreds/">Credits</a> | <a
<li><a target="_blank" alt="徒 setto セット on Twitter" title="徒 setto セット on Twitter" rel="noopener" href="https://twitter.com/ToSettoSetto" class="icon brands style2 fa-twitter"><span class="label">Twitter</span></a></li> href="../../../cookies/">Cookies & Privacy</a></p>
</small>
<li><a target="_blank" alt="徒 setto セット on Instagram" title="徒 setto セット on Instagram" rel="noopener" href="https://www.instagram.com/tosettosetto/" class="icon brands style2 fa-instagram"><span class="label">Instagram</span></a></li>
<li><a target="_blank" alt="徒 setto セット on Telegram" title="徒 setto セット on Telegram" rel="noopener" href="https://t.me/basspistol" class="icon brands style2 fa-telegram"><span class="label">Telegram</span></a></li>
<li><a target="_blank" alt="徒 setto セット on Reddit" title="徒 setto セット on Reddit" rel="noopener" href="https://www.reddit.com/r/basspistol" class="icon brands style2 fa-reddit"><span class="label">Reddit</span></a></li>
</ul>
<p>&copy;2020 Basspistol | <a href="../../../webcreds/">Credits</a> | <a href="../../../cookies/">Cookies & Privacy</a></p>
</div>
</footer> </footer>
<!-- End Post Navigation -->
</div>
<!-- Audio player-->
<div id="fixedPlayer" class="showplayer hideplayer">
<div id="audiowrap">
<div id="audio0">
<audio controls autoplay preload="metadata" data-matomo-title="Swipe">
<source src="https://media.basspistol.com/setto.basspistol.com/darkweb/1-swipe.mp3" type="audio/mpeg" ontimeupdate='updateTrackTime(this);' />
<h1>Your browser isn't ready for so much hotness. Use the download-link instead.</h1>.
</audio>
</div>
</div>
<div id="nowPlay">
<div id="tracks">
<a id="btnPrev" href="/albums/cyber-grany/1-grandma-got-the-ssh-keys/"><span class="fas fa-fast-backward"></span></a>
<a id="btnNext"href="/albums/darkweb/2-darkweb/"><span class="fas fa-fast-forward"></span></a>
</div>
<p class="right" id="npTitle" style="font-weight: bold;">Swipe </a></p>
</div>
</div>
<script type="text/javascript"> <script type="text/javascript">
function loadUrl(newLocation) { function loadUrl(newLocation) {
@ -533,6 +440,7 @@ Je yeuxt vers l'avant de temps en temps.
var mu = document.getElementsByTagName("audio")[0]; var mu = document.getElementsByTagName("audio")[0];
var pauseButton = document.getElementById("mu_pause"); var pauseButton = document.getElementById("mu_pause");
var spincover = document.getElementById("coverart"); var spincover = document.getElementById("coverart");
var fixedplayer = document.getElementById("fixedPlayer");
mu.addEventListener('ended', function () { mu.addEventListener('ended', function () {
// only functional if "loop" is removed // only functional if "loop" is removed
@ -542,10 +450,8 @@ Je yeuxt vers l'avant de temps en temps.
}); });
mu.onplaying = function() { mu.onplaying = function() {
pauseButton.innerHTML = "Pause"; pauseButton.innerHTML = "Pause";
pauseButton.classList.remove("fa-play"); fixedplayer.classList.remove("hideplayer");
pauseButton.classList.add("fa-pause");
spincover.classList.add("spinnit");
spincover.classList.remove("paused");
}; };
pauseButton.addEventListener("click", function () { pauseButton.addEventListener("click", function () {
@ -555,82 +461,85 @@ Je yeuxt vers l'avant de temps en temps.
} }
else { else {
mu.pause(); mu.pause();
pauseButton.innerHTML = "Resume";
pauseButton.classList.add("fa-play");
pauseButton.classList.remove("fa-pause");
spincover.classList.add("paused");
} }
}); });
mu.addEventListener('playing', function () {
mu.addEventListener('timeupdate', function () { spincover.classList.add("spinnit");
var timestamp = Math.floor(mu.currentTime); spincover.classList.remove("paused");
var hours = Math.floor(timestamp / 60 / 60);
var minutes = Math.floor(timestamp / 60) - (hours * 60);
var seconds = timestamp % 60;
var formatted = hours.toString().padStart(2, '0') + ':' + minutes.toString().padStart(2, '0') + ':' + seconds.toString().padStart(2, '0');
var thecurrentSpan = document.getElementById("tracktime");
thecurrentSpan.innerHTML = formatted + ' / ';
}); });
mu.addEventListener('pause', function () {
spincover.classList.add("paused");
pauseButton.innerHTML = "Resume";
});
</script> </script>
</div> <!-- Footer -->
<!-- Navigation -->
<div id="logo" class="logo">
<a href="/"><img width="100em" src="/images/setto-logoicon.svg" alt="徒 setto セット Logo" /></a>
&nbsp;&nbsp;&nbsp;<a href="#navbar" onclick="blurBody()" alt="Navigation Menu" title="Navigation Menu"><span class="icon solid fa-bars navmenu"></span></a>
</div>
<div id="navbar" style="display: block;" class="modalDialog"> <!-- END Footer -->
<a href="#close" onclick="removeBlur()" alt="Close Menu" title="Close Menu"><div id="closearea"> </div></a>
</div>
<!-- END Wrapper -->
<!-- Navigation -->
<div id="sticky" class="logo sticky">
<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> <nav>
<a href="#close" title="Close" onclick="removeBlur()" class="close-button close" style="margin: 0 auto;">X</a> <a href="#close" title="Close" onclick="removeBlur()" class="close-button">X</a>
<ul> <ul>
<li><a href="../../../" class="button smaller">Home</a></li> <li><a href="../../../" class="button">home</a></li>
<li><a href="../../../discography/" class="button smaller">Discog</a></li> <li><a href="../../../discography/" class="button">Discog</a></li>
<li><a href="../../../log/" class="button smaller">Log</a></li> <li><a href="../../../log/" class="button">Log</a></li>
<li><a href="../../../about/" class="button smaller">About</a></li> <li><a href="../../../about/" class="button">About</a></li>
<li><a href="../../../links/" class="button smaller">Links</a></li> <li><a href="../../../links/" class="button">Links</a></li>
</ul> </ul>
</nav> </nav>
</div> </div>
<!-- End Navigation --> <!-- End Navigation -->
<!-- Scripts -->
<script src="../../../assets/js/jquery.min.js"></script>
<script src="../../../assets/js/jquery.scrollex.min.js"></script>
<script src="../../../assets/js/jquery.scrolly.min.js"></script>
<script src="../../../assets/js/browser.min.js"></script>
<script src="../../../assets/js/breakpoints.min.js"></script>
<script src="../../../assets/js/util.js"></script>
<script src="../../../assets/js/main.js"></script>
<script src="../../../assets/js/set.js"></script>
<div id="cookie-notice"> <div id="cookie-notice">
<p>I only use cookies if you consent to it. They don't contain any identifiable info: they just let me know if you enjoyed this enough to come back. <br />Click <a href="#" id="cookie-notice-decline">here</a> if you want this shit to go away without cookies. <br />Read more about how me & basspistol <a href="/cookies/">use cookies</a> </p>
<a class="button small yes" href="#" id="cookie-notice-accept">I'm in!</a> <p>I only use cookies if you consent to it. They don't contain any identifiable info: they just let me know if you
enjoyed this enough to come back.
<br />Click <a href="#" id="cookie-notice-decline">here</a> if you want this shit to go away without cookies.
<br />Read more about how me & basspistol <a href="/cookies/">use cookies</a>
</p>
<a class="button yes" href="#"
id="cookie-notice-accept">I'm in!</a>
</div> </div>
<script> <script>
@ -729,5 +638,12 @@ _paq.push(['enableLinkTracking']);
</script> </script>
<!-- Scripts -->
<script src="../../../assets/js/set.js"></script>
</body> </body>
</html> </html>

654
albums/darkweb/2-darkweb/index.html
View file

@ -1,8 +1,7 @@
<!DOCTYPE html> <!DOCTYPE HTML>
<!-- <!--
Based on _Story_ by html5up.net | @ajlkn Publikatorized by Sakrecoer
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
Remixed and Jekyllified by Setto
--> -->
<html lang="en"> <html lang="en">
<head> <head>
@ -93,51 +92,78 @@
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" /> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
<link rel="stylesheet" href="../../../assets/css/main20200727.css" /> <link rel="stylesheet" href="../../../assets/css/all.min.css" />
<link rel="stylesheet" href="../../../assets/css/main.css" />
<link rel="apple-touch-icon" href="https://setto.basspistol.com/apple-touch-icon.png" /> <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="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" /> <link rel="shortcut icon" href="https://setto.basspistol.com/images/setto-logoicon.svg" type="image/png" />
<noscript><link rel="stylesheet" href="../../../assets/css/noscript20200727.css" /></noscript> <noscript><link rel="stylesheet" href="../../../assets/css/noscripts.css" /></noscript>
</head> </head>
<body id="body"> <body>
<span id="top" style="display: none;"></span> <!-- Wrapper -->
<!-- Wrapper --> <div id="main-wrapper">
<div id="wrapper" class="divided" data-cms-content-wrapper="/_layouts/default.html">
<!-- Banner --> <!-- Banner -->
<section
class="banner onload-image-fade-in onload-content-fade-right style3 fullscreen content-align-center image-position-center" style="background-image:url('https://media.basspistol.com/setto.basspistol.com/darkweb/2-darkweb.jpeg');background-size: cover; background-repeat: no-repeat;">
<div style="z-index:0;position:absolute; top:0; left:0; width:100%;min-height:100%;background-color: rgba(13, 13 ,13, 0.5);"></div>
<div id="mainwrap" class="content" style="z-index:1">
<h1 style="margin-top:80px">Darkweb</h1>
<p><strong>Cypher Rap</strong> by <strong>徒 Setto セット</strong>
<br />2019
</p>
<p><strong><span id="tracktime"></span></strong><span id="darkweb"></span></strong></p>
<script type="text/javascript"> <div id="trackArt">
var darkwebtimestamp = 285; <section>
var darkwebhours = Math.floor(darkwebtimestamp / 60 / 60); <div class="coverartwrapper">
var darkwebminutes = Math.floor(darkwebtimestamp / 60) - (darkwebhours * 60); <div class="coverartwrapped" id="coverart" style="background-image: url(https://media.basspistol.com/setto.basspistol.com/darkweb/2-darkweb.jpeg);"></div>
var darkwebseconds = darkwebtimestamp % 60;
var darkwebformatted = darkwebhours.toString().padStart(2, '0') + ':' + darkwebminutes.toString().padStart(2, '0') + ':' + darkwebseconds.toString().padStart(2, '0');
var theSpan = document.getElementById("darkweb");
theSpan.innerHTML = darkwebformatted;
</script>
<ul class="actions stacked">
<li><button id="mu_pause" class="button small icon solid fa-play">Play!</button></li>
</ul>
</div> </div>
<div id="noJSalbum" class="content" style="z-index:1"> <div class="playbutton">
<a id="mu_pause" class="button">Play!</a>
</div>
<p><strong>Cypher Rap</strong> by <strong>徒 Setto セット</strong>
<br />2019
</p>
</section>
</div>
<!-- Content -->
<div id="trackInfo">
<section>
<h1 style="margin-top:80px">Darkweb</h1>
<p><strong>4:45</strong></p>
<div id="author">
<div class="bio">
<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/albums/darkweb/2-darkweb/&amp;quote=2 Darkweb%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/albums/darkweb/2-darkweb/&amp;text=2 Darkweb%20by%20徒 setto セット%20&amp;hashtags=paxNion"
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/albums/darkweb/2-darkweb/&amp;text=2 Darkweb%20by%20徒 setto セット"
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/albums/darkweb/2-darkweb/&amp;title=2 Darkweb%20by%20徒 setto セット"
class="icon smaller fab fa-reddit"><span class="label">Reddit</span></a>
</ul>
</div>
</div>
<div class="noJSalbum">
<h1 style="margin-top:80px">Darkweb</h1> <h1 style="margin-top:80px">Darkweb</h1>
<p><strong>Cypher Rap</strong> by <strong>徒 Setto セット</strong> <p><strong>Cypher Rap</strong> by <strong>徒 Setto セット</strong>
<br />2019 <br />2019
@ -146,57 +172,16 @@
<p><strong>4:45</strong></p> <p><strong>4:45</strong></p>
<ul class="actions stacked"> <ul class="actions stacked">
<li><a class="button small icon solid fa-play" target="_blank" rel="noopener" href="https://media.basspistol.com/setto.basspistol.com/darkweb/2-darkweb.mp3">Play!</a></li> <li><a class="button" target="_blank" rel="noopener" href="https://media.basspistol.com/setto.basspistol.com/darkweb/2-darkweb.mp3"><span class="fas fa-play"></span> Play!</a></li>
</ul> </ul>
</div> </div>
<div class="image">
<img src="https://media.basspistol.com/setto.basspistol.com/darkweb/2-darkweb.jpeg" alt="2 Darkweb logo" id="coverart" />
</div>
</section>
<!-- Content --> <!-- Content -->
<section class="wrapper style1 align-center">
<div class="inner" style="padding-top:40px">
<div class="index align-left">
<section style="padding-top:40px">
<header id="author"> <div class="info">
<div class="bio"> <p>
<h6>
Share this page:
</h6>
<ul class="icons">
<li><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/albums/darkweb/2-darkweb/&amp;quote=2 Darkweb%20by%20徒 setto セット%20via%20https://setto.basspistol.com" class="icon brands style1 fa-facebook-f"><span class="label">Facebook</span></a></li>
<li><a target="_blank" rel="nofollow noopener" title="Share to twitter" alt="Share to twitter" href="https://twitter.com/share?url=https://setto.basspistol.com/albums/darkweb/2-darkweb/&amp;text=2 Darkweb%20by%20徒 setto セット%20&amp;hashtags=paxNion" class="icon brands style1 fa-twitter"><span class="label">Twitter</span></a></li>
<li><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/albums/darkweb/2-darkweb/&amp;text=2 Darkweb%20by%20徒 setto セット" class="icon brands style1 fa-telegram"><span class="label">Telegram</span></a></li>
<li><a target="_blank" rel="nofollow noopener" title="Share to reddit" alt="Share to reddit" href="https://reddit.com/submit/?url=https://setto.basspistol.com/albums/darkweb/2-darkweb/&amp;title=2 Darkweb%20by%20徒 setto セット" class="icon brands style1 fa-reddit"><span class="label">Reddit</span></a></li>
</ul>
<a href="../../../darkweb/" class="button smaller"> Back to Album</a><br /><br />
</div>
</header>
<!-- Content -->
<div class="content">
<p style="font-size:16px;">
Y'en a mare de ce web <br /> Y'en a mare de ce web <br />
Il est tout pourri <br /> Il est tout pourri <br />
On peu plus rien y faire <br /> On peu plus rien y faire <br />
@ -263,15 +248,95 @@ Tu vas aussi kiffer <br />
La clef tu peux la prendre <br /> La clef tu peux la prendre <br />
Tu vas aussi kiffer Tu vas aussi kiffer
</p> </p>
</div>
<p> <p>
Cover art by Mattias Ritarn Lindström, Music by To&nbsp;Setto&nbsp;Setto Cover art by Mattias Ritarn Lindström, Music by To&nbsp;Setto&nbsp;Setto
</p> </p>
<a href="../../../darkweb/" class="button">See release page</a>
</section>
<section class="streambox">
<h2>Get this track</h2>
<div class="streamer">
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Bandcamp']);" target="_blank" rel="noopener" href="https://shop.basspistol.com/album/darkweb" title="Stream from Bandcamp" class="icon fab fa-bandcamp"><span class="label">Bandcamp</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Spotify']);" target="_blank" rel="noopener" href="https://open.spotify.com/album/0meSZO7BeGoHJc6BWnRvhN" title="Stream from Spotify" class="icon fab fa-spotify"><span class="label">Spotify</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Tidal']);" target="_blank" rel="noopener" href="https://listen.tidal.com/album/102587870" title="Stream from Tidal" class="icon fab fa-creative-commons-sampling"><span class="label">Tidal</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'AppleMusic']);" target="_blank" rel="noopener" href="https://itunes.apple.com/us/album/darkweb-single/1449847586" title="Stream from Apple Music" class="icon fab fa-apple"><span class="label">Apple Music</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'GooglePlay']);" target="_blank" rel="noopener" href="https://play.google.com/store/music/album/%E5%BE%92_setto_%E3%82%BB%E3%83%83%E3%83%88_Darkweb?id=Bcrzzrtj7yfcyladynit7hg4age" title="Stream from Google Play" class="icon fab fa-google-play"><span class="label">Google Play</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Deezer']);" target="_blank" rel="noopener" href="https://www.deezer.com/fr/album/84669482" title="Stream from Deezer" class="icon fab fa-deezer"><span class="label">Deezer</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Napster']);" target="_blank" rel="noopener" href="https://us.napster.com/artist/-setto-/album/darkweb-single" title="Stream from Napster" class="icon fab fa-napster"><span class="label">Napster</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Youtube']);" target="_blank" rel="noopener" href="https://www.youtube.com/playlist?list=OLAK5uy_khsKshJLKdcurSUZzssZliYbrVOQx9GT8" title="Stream from Youtube" class="icon fab fa-youtube"><span class="label">Youtube</span></a>
</div> </div>
</section> </section>
</div>
</div>
</section>
@ -279,238 +344,44 @@ Tu vas aussi kiffer
<!-- post Naviation -->
<section class="post-navigation">
<section class="streambox" style="padding: 40px;"> <h2>Track Navigation</h2>
<h2 style="text-align: center;display: block;">Get this track</h2>
<div class="streamer">
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Bandcamp']);" target="_blank" rel="noopener" href="https://shop.basspistol.com/album/darkweb" alt="Stream from Bandcamp" title="Stream from Bandcamp" class="button small icon brands fa-bandcamp">Bandcamp</a>
</div>
<p style="text-align: center;display: block;margin-top:40px;">Stream it, follow, like and subscribe!</p>
<div class="streamer">
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Spotify']);" target="_blank" rel="noopener" href="https://open.spotify.com/album/0meSZO7BeGoHJc6BWnRvhN" alt="Stream from Spotify" title="Stream from Spotify" class="button small icon brands fa-spotify">Spotify</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Tidal']);" target="_blank" rel="noopener" href="https://listen.tidal.com/album/102587870" alt="Stream from Tidal" title="Stream from Tidal" class="button small icon brands fa-creative-commons-sampling">Tidal</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'AppleMusic']);" target="_blank" rel="noopener" href="https://itunes.apple.com/us/album/darkweb-single/1449847586" alt="Stream from Apple Music" title="Stream from Apple Music" class="button small icon brands fa-apple">Apple Music</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'GooglePlay']);" target="_blank" rel="noopener" href="https://play.google.com/store/music/album/%E5%BE%92_setto_%E3%82%BB%E3%83%83%E3%83%88_Darkweb?id=Bcrzzrtj7yfcyladynit7hg4age" alt="Stream from Google Play" title="Stream from Google Play" class="button small icon brands fa-google-play">Google Play</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Deezer']);" target="_blank" rel="noopener" href="https://www.deezer.com/fr/album/84669482" alt="Stream from Deezer" title="Stream from Deezer" class="button small icon brands fa-creative-commons-sampling">Deezer</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Napster']);" target="_blank" rel="noopener" href="https://us.napster.com/artist/-setto-/album/darkweb-single" alt="Stream from Napster" title="Stream from Napster" class="button small icon brands fa-napster">Napster</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Youtube']);" target="_blank" rel="noopener" href="https://www.youtube.com/playlist?list=OLAK5uy_khsKshJLKdcurSUZzssZliYbrVOQx9GT8" alt="Stream from Youtube" title="Stream from Youtube" class="button small icon brands fa-youtube">Youtube</a>
</div>
</section>
<!-- Page navigation -->
<section class="wrapper style1 align-center">
<div class="inner">
<div class="index align-left">
<!-- Author -->
<section>
<!-- Content -->
<div class="content">
<!-- post Naviation -->
<div style="text-align: center;">
<h3>Play more songs grom this release</h3>
</div>
<div class="post-nav"> <div class="post-nav">
<div>
<h4><a href="../../../albums/darkweb/1-swipe/" alt="Read Swipe" title="Read Swipe"><i class="fas fa-arrow-left"></i></a> <a
href="../../../albums/darkweb/1-swipe/">&nbsp;Swipe</a> <h4><a href="/albums/darkweb/1-swipe/" alt="Read 1 Swipe" title="Read 1 Swipe"><span
</h4> class="fas fa-arrow-left"></span>&nbsp;Previous</a></h4>
<h3>Swipe</h3>
<p></p>
</div> </div>
<div class="post-nav-next"> <div class="post-nav-next">
<h4><a href="../../../albums/darkweb/3-swipe-instrumental-/">&nbsp;Swipe (Instrumental)</a> <a <h4><a href="/albums/darkweb/3-swipe-instrumental-/">Next&nbsp;<span class="fas fa-arrow-right"></span></a></h4>
href="../../../albums/darkweb/3-swipe-instrumental-/" alt="Read Swipe (Instrumental)" title="Read Swipe (Instrumental)"><i class="fas fa-arrow-right"></i></a></h4> <h3>Swipe (Instrumental)</h3>
<p></p>
</div> </div>
</div>
<!-- End Post Navigation -->
</div>
</section>
</div>
</div>
</section> </section>
<!-- Audio player-->
<audio autoplay preload="metadata" data-matomo-title="Darkweb">
<source src="https://media.basspistol.com/setto.basspistol.com/darkweb/2-darkweb.mp3" type="audio/mpeg" ontimeupdate='updateTrackTime(this);' />
<h1>Your browser isn't ready for so much hotness. Use the download-link instead.</h1>.
</audio>
<!-- Footer --> <!-- Footer -->
<footer>
<section class="streambox" style="padding: 40px;">
<h2 style="text-align: center;display: block;">Get this track</h2>
<div class="streamer">
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Bandcamp']);" target="_blank" rel="noopener" href="https://shop.basspistol.com/album/darkweb" alt="Stream from Bandcamp" title="Stream from Bandcamp" class="button small icon brands fa-bandcamp">Bandcamp</a>
</div>
<p style="text-align: center;display: block;margin-top:40px;">Stream it, follow, like and subscribe!</p>
<div class="streamer">
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Spotify']);" target="_blank" rel="noopener" href="https://open.spotify.com/album/0meSZO7BeGoHJc6BWnRvhN" alt="Stream from Spotify" title="Stream from Spotify" class="button small icon brands fa-spotify">Spotify</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Tidal']);" target="_blank" rel="noopener" href="https://listen.tidal.com/album/102587870" alt="Stream from Tidal" title="Stream from Tidal" class="button small icon brands fa-creative-commons-sampling">Tidal</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'AppleMusic']);" target="_blank" rel="noopener" href="https://itunes.apple.com/us/album/darkweb-single/1449847586" alt="Stream from Apple Music" title="Stream from Apple Music" class="button small icon brands fa-apple">Apple Music</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'GooglePlay']);" target="_blank" rel="noopener" href="https://play.google.com/store/music/album/%E5%BE%92_setto_%E3%82%BB%E3%83%83%E3%83%88_Darkweb?id=Bcrzzrtj7yfcyladynit7hg4age" alt="Stream from Google Play" title="Stream from Google Play" class="button small icon brands fa-google-play">Google Play</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Deezer']);" target="_blank" rel="noopener" href="https://www.deezer.com/fr/album/84669482" alt="Stream from Deezer" title="Stream from Deezer" class="button small icon brands fa-creative-commons-sampling">Deezer</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Napster']);" target="_blank" rel="noopener" href="https://us.napster.com/artist/-setto-/album/darkweb-single" alt="Stream from Napster" title="Stream from Napster" class="button small icon brands fa-napster">Napster</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Youtube']);" target="_blank" rel="noopener" href="https://www.youtube.com/playlist?list=OLAK5uy_khsKshJLKdcurSUZzssZliYbrVOQx9GT8" alt="Stream from Youtube" title="Stream from Youtube" class="button small icon brands fa-youtube">Youtube</a>
</div>
</section>
<footer id="footer" class="wrapper style1 align-center">
<div class="footflex">
<div>
<h4>徒 setto セット</h4>
<p>Set, Party, Gang! &#35;Cybersoul.
<br /><a href="mailto:setto@basspistol.com">setto@basspistol.com</a></p>
</div>
<div> <div>
<h3>徒 setto セット</h3>
<p>Set, Party, Gang! &#35;Cybersoul.</p>
<ul> <ul>
<li><a href="../../../">Home</a></li> <li><a href="../../../">Home</a></li>
@ -526,33 +397,69 @@ Tu vas aussi kiffer
</ul> </ul>
</div> </div>
<div><img src="../../../images/setto-logo-dark.svg" style="max-width:300px" alt="徒 setto セット Logo" /></div> <div><img src="../../../images/setto_logo.svg" width="100%" alt="徒 setto セット Logo" /></div>
<div style="text-align: center;">
<a target="_blank" alt="徒 setto セット on Twitter" title="徒 setto セット on Twitter" rel="noopener"
href="https://twitter.com/ToSettoSetto" class="icon small fab fa-twitter"><span class="label">Twitter</span></a>
<a target="_blank" alt="徒 setto セット on Instagram" title="徒 setto セット on Instagram" rel="noopener"
href="https://www.instagram.com/tosettosetto/" class="icon small fab fa-instagram"><span class="label">Instagram</span></a>
<a target="_blank" alt="徒 setto セット on Telegram" title="徒 setto セット on Telegram" rel="noopener"
href="https://t.me/basspistol" 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" href="mailto:setto@basspistol.com" class="icon small fas fa-envelope-open-text"><span
class="label">Email</span></a>
</div> </div>
<div class="inner"> <small>
<ul class="icons">
<p>&copy;2020 Basspistol | <a href="../../../webcreds/">Credits</a> | <a
<li><a target="_blank" alt="徒 setto セット on Twitter" title="徒 setto セット on Twitter" rel="noopener" href="https://twitter.com/ToSettoSetto" class="icon brands style2 fa-twitter"><span class="label">Twitter</span></a></li> href="../../../cookies/">Cookies & Privacy</a></p>
</small>
<li><a target="_blank" alt="徒 setto セット on Instagram" title="徒 setto セット on Instagram" rel="noopener" href="https://www.instagram.com/tosettosetto/" class="icon brands style2 fa-instagram"><span class="label">Instagram</span></a></li>
<li><a target="_blank" alt="徒 setto セット on Telegram" title="徒 setto セット on Telegram" rel="noopener" href="https://t.me/basspistol" class="icon brands style2 fa-telegram"><span class="label">Telegram</span></a></li>
<li><a target="_blank" alt="徒 setto セット on Reddit" title="徒 setto セット on Reddit" rel="noopener" href="https://www.reddit.com/r/basspistol" class="icon brands style2 fa-reddit"><span class="label">Reddit</span></a></li>
</ul>
<p>&copy;2020 Basspistol | <a href="../../../webcreds/">Credits</a> | <a href="../../../cookies/">Cookies & Privacy</a></p>
</div>
</footer> </footer>
<!-- End Post Navigation -->
</div>
<!-- Audio player-->
<div id="fixedPlayer" class="showplayer hideplayer">
<div id="audiowrap">
<div id="audio0">
<audio controls autoplay preload="metadata" data-matomo-title="Darkweb">
<source src="https://media.basspistol.com/setto.basspistol.com/darkweb/2-darkweb.mp3" type="audio/mpeg" ontimeupdate='updateTrackTime(this);' />
<h1>Your browser isn't ready for so much hotness. Use the download-link instead.</h1>.
</audio>
</div>
</div>
<div id="nowPlay">
<div id="tracks">
<a id="btnPrev" href="/albums/darkweb/1-swipe/"><span class="fas fa-fast-backward"></span></a>
<a id="btnNext"href="/albums/darkweb/3-swipe-instrumental-/"><span class="fas fa-fast-forward"></span></a>
</div>
<p class="right" id="npTitle" style="font-weight: bold;">Darkweb </a></p>
</div>
</div>
<script type="text/javascript"> <script type="text/javascript">
function loadUrl(newLocation) { function loadUrl(newLocation) {
@ -563,6 +470,7 @@ Tu vas aussi kiffer
var mu = document.getElementsByTagName("audio")[0]; var mu = document.getElementsByTagName("audio")[0];
var pauseButton = document.getElementById("mu_pause"); var pauseButton = document.getElementById("mu_pause");
var spincover = document.getElementById("coverart"); var spincover = document.getElementById("coverart");
var fixedplayer = document.getElementById("fixedPlayer");
mu.addEventListener('ended', function () { mu.addEventListener('ended', function () {
// only functional if "loop" is removed // only functional if "loop" is removed
@ -572,10 +480,8 @@ Tu vas aussi kiffer
}); });
mu.onplaying = function() { mu.onplaying = function() {
pauseButton.innerHTML = "Pause"; pauseButton.innerHTML = "Pause";
pauseButton.classList.remove("fa-play"); fixedplayer.classList.remove("hideplayer");
pauseButton.classList.add("fa-pause");
spincover.classList.add("spinnit");
spincover.classList.remove("paused");
}; };
pauseButton.addEventListener("click", function () { pauseButton.addEventListener("click", function () {
@ -585,82 +491,85 @@ Tu vas aussi kiffer
} }
else { else {
mu.pause(); mu.pause();
pauseButton.innerHTML = "Resume";
pauseButton.classList.add("fa-play");
pauseButton.classList.remove("fa-pause");
spincover.classList.add("paused");
} }
}); });
mu.addEventListener('playing', function () {
mu.addEventListener('timeupdate', function () { spincover.classList.add("spinnit");
var timestamp = Math.floor(mu.currentTime); spincover.classList.remove("paused");
var hours = Math.floor(timestamp / 60 / 60);
var minutes = Math.floor(timestamp / 60) - (hours * 60);
var seconds = timestamp % 60;
var formatted = hours.toString().padStart(2, '0') + ':' + minutes.toString().padStart(2, '0') + ':' + seconds.toString().padStart(2, '0');
var thecurrentSpan = document.getElementById("tracktime");
thecurrentSpan.innerHTML = formatted + ' / ';
}); });
mu.addEventListener('pause', function () {
spincover.classList.add("paused");
pauseButton.innerHTML = "Resume";
});
</script> </script>
</div> <!-- Footer -->
<!-- Navigation -->
<div id="logo" class="logo">
<a href="/"><img width="100em" src="/images/setto-logoicon.svg" alt="徒 setto セット Logo" /></a>
&nbsp;&nbsp;&nbsp;<a href="#navbar" onclick="blurBody()" alt="Navigation Menu" title="Navigation Menu"><span class="icon solid fa-bars navmenu"></span></a>
</div>
<div id="navbar" style="display: block;" class="modalDialog"> <!-- END Footer -->
<a href="#close" onclick="removeBlur()" alt="Close Menu" title="Close Menu"><div id="closearea"> </div></a>
</div>
<!-- END Wrapper -->
<!-- Navigation -->
<div id="sticky" class="logo sticky">
<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> <nav>
<a href="#close" title="Close" onclick="removeBlur()" class="close-button close" style="margin: 0 auto;">X</a> <a href="#close" title="Close" onclick="removeBlur()" class="close-button">X</a>
<ul> <ul>
<li><a href="../../../" class="button smaller">Home</a></li> <li><a href="../../../" class="button">home</a></li>
<li><a href="../../../discography/" class="button smaller">Discog</a></li> <li><a href="../../../discography/" class="button">Discog</a></li>
<li><a href="../../../log/" class="button smaller">Log</a></li> <li><a href="../../../log/" class="button">Log</a></li>
<li><a href="../../../about/" class="button smaller">About</a></li> <li><a href="../../../about/" class="button">About</a></li>
<li><a href="../../../links/" class="button smaller">Links</a></li> <li><a href="../../../links/" class="button">Links</a></li>
</ul> </ul>
</nav> </nav>
</div> </div>
<!-- End Navigation --> <!-- End Navigation -->
<!-- Scripts -->
<script src="../../../assets/js/jquery.min.js"></script>
<script src="../../../assets/js/jquery.scrollex.min.js"></script>
<script src="../../../assets/js/jquery.scrolly.min.js"></script>
<script src="../../../assets/js/browser.min.js"></script>
<script src="../../../assets/js/breakpoints.min.js"></script>
<script src="../../../assets/js/util.js"></script>
<script src="../../../assets/js/main.js"></script>
<script src="../../../assets/js/set.js"></script>
<div id="cookie-notice"> <div id="cookie-notice">
<p>I only use cookies if you consent to it. They don't contain any identifiable info: they just let me know if you enjoyed this enough to come back. <br />Click <a href="#" id="cookie-notice-decline">here</a> if you want this shit to go away without cookies. <br />Read more about how me & basspistol <a href="/cookies/">use cookies</a> </p>
<a class="button small yes" href="#" id="cookie-notice-accept">I'm in!</a> <p>I only use cookies if you consent to it. They don't contain any identifiable info: they just let me know if you
enjoyed this enough to come back.
<br />Click <a href="#" id="cookie-notice-decline">here</a> if you want this shit to go away without cookies.
<br />Read more about how me & basspistol <a href="/cookies/">use cookies</a>
</p>
<a class="button yes" href="#"
id="cookie-notice-accept">I'm in!</a>
</div> </div>
<script> <script>
@ -759,5 +668,12 @@ _paq.push(['enableLinkTracking']);
</script> </script>
<!-- Scripts -->
<script src="../../../assets/js/set.js"></script>
</body> </body>
</html> </html>

650
albums/darkweb/3-swipe-instrumental-/index.html
View file

@ -1,8 +1,7 @@
<!DOCTYPE html> <!DOCTYPE HTML>
<!-- <!--
Based on _Story_ by html5up.net | @ajlkn Publikatorized by Sakrecoer
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
Remixed and Jekyllified by Setto
--> -->
<html lang="en"> <html lang="en">
<head> <head>
@ -93,51 +92,78 @@
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" /> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
<link rel="stylesheet" href="../../../assets/css/main20200727.css" /> <link rel="stylesheet" href="../../../assets/css/all.min.css" />
<link rel="stylesheet" href="../../../assets/css/main.css" />
<link rel="apple-touch-icon" href="https://setto.basspistol.com/apple-touch-icon.png" /> <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="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" /> <link rel="shortcut icon" href="https://setto.basspistol.com/images/setto-logoicon.svg" type="image/png" />
<noscript><link rel="stylesheet" href="../../../assets/css/noscript20200727.css" /></noscript> <noscript><link rel="stylesheet" href="../../../assets/css/noscripts.css" /></noscript>
</head> </head>
<body id="body"> <body>
<span id="top" style="display: none;"></span> <!-- Wrapper -->
<!-- Wrapper --> <div id="main-wrapper">
<div id="wrapper" class="divided" data-cms-content-wrapper="/_layouts/default.html">
<!-- Banner --> <!-- Banner -->
<section
class="banner onload-image-fade-in onload-content-fade-right style3 fullscreen content-align-center image-position-center" style="background-image:url('https://media.basspistol.com/setto.basspistol.com/darkweb/3-swipe-instrumental-.jpeg');background-size: cover; background-repeat: no-repeat;">
<div style="z-index:0;position:absolute; top:0; left:0; width:100%;min-height:100%;background-color: rgba(13, 13 ,13, 0.5);"></div>
<div id="mainwrap" class="content" style="z-index:1">
<h1 style="margin-top:80px">Swipe (Instrumental)</h1>
<p><strong>Cyber Soul</strong> by <strong>徒 Setto セット</strong>
<br />2019
</p>
<p><strong><span id="tracktime"></span></strong><span id="swipeinstrumental"></span></strong></p>
<script type="text/javascript"> <div id="trackArt">
var swipeinstrumentaltimestamp = 282; <section>
var swipeinstrumentalhours = Math.floor(swipeinstrumentaltimestamp / 60 / 60); <div class="coverartwrapper">
var swipeinstrumentalminutes = Math.floor(swipeinstrumentaltimestamp / 60) - (swipeinstrumentalhours * 60); <div class="coverartwrapped" id="coverart" style="background-image: url(https://media.basspistol.com/setto.basspistol.com/darkweb/3-swipe-instrumental-.jpeg);"></div>
var swipeinstrumentalseconds = swipeinstrumentaltimestamp % 60;
var swipeinstrumentalformatted = swipeinstrumentalhours.toString().padStart(2, '0') + ':' + swipeinstrumentalminutes.toString().padStart(2, '0') + ':' + swipeinstrumentalseconds.toString().padStart(2, '0');
var theSpan = document.getElementById("swipeinstrumental");
theSpan.innerHTML = swipeinstrumentalformatted;
</script>
<ul class="actions stacked">
<li><button id="mu_pause" class="button small icon solid fa-play">Play!</button></li>
</ul>
</div> </div>
<div id="noJSalbum" class="content" style="z-index:1"> <div class="playbutton">
<a id="mu_pause" class="button">Play!</a>
</div>
<p><strong>Cyber Soul</strong> by <strong>徒 Setto セット</strong>
<br />2019
</p>
</section>
</div>
<!-- Content -->
<div id="trackInfo">
<section>
<h1 style="margin-top:80px">Swipe (Instrumental)</h1>
<p><strong>4:42</strong></p>
<div id="author">
<div class="bio">
<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/albums/darkweb/3-swipe-instrumental-/&amp;quote=3 Swipe Instrumental%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/albums/darkweb/3-swipe-instrumental-/&amp;text=3 Swipe Instrumental%20by%20徒 setto セット%20&amp;hashtags=paxNion"
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/albums/darkweb/3-swipe-instrumental-/&amp;text=3 Swipe Instrumental%20by%20徒 setto セット"
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/albums/darkweb/3-swipe-instrumental-/&amp;title=3 Swipe Instrumental%20by%20徒 setto セット"
class="icon smaller fab fa-reddit"><span class="label">Reddit</span></a>
</ul>
</div>
</div>
<div class="noJSalbum">
<h1 style="margin-top:80px">Swipe (Instrumental)</h1> <h1 style="margin-top:80px">Swipe (Instrumental)</h1>
<p><strong>Cyber Soul</strong> by <strong>徒 Setto セット</strong> <p><strong>Cyber Soul</strong> by <strong>徒 Setto セット</strong>
<br />2019 <br />2019
@ -146,64 +172,101 @@
<p><strong>4:42</strong></p> <p><strong>4:42</strong></p>
<ul class="actions stacked"> <ul class="actions stacked">
<li><a class="button small icon solid fa-play" target="_blank" rel="noopener" href="https://media.basspistol.com/setto.basspistol.com/darkweb/3-swipe-instrumental-.mp3">Play!</a></li> <li><a class="button" target="_blank" rel="noopener" href="https://media.basspistol.com/setto.basspistol.com/darkweb/3-swipe-instrumental-.mp3"><span class="fas fa-play"></span> Play!</a></li>
</ul> </ul>
</div> </div>
<div class="image">
<img src="https://media.basspistol.com/setto.basspistol.com/darkweb/3-swipe-instrumental-.jpeg" alt="3 Swipe Instrumental logo" id="coverart" />
</div>
</section>
<!-- Content --> <!-- Content -->
<section class="wrapper style1 align-center">
<div class="inner" style="padding-top:40px">
<div class="index align-left">
<section style="padding-top:40px">
<header id="author">
<div class="bio">
<h6>
Share this page:
</h6>
<ul class="icons">
<li><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/albums/darkweb/3-swipe-instrumental-/&amp;quote=3 Swipe Instrumental%20by%20徒 setto セット%20via%20https://setto.basspistol.com" class="icon brands style1 fa-facebook-f"><span class="label">Facebook</span></a></li>
<li><a target="_blank" rel="nofollow noopener" title="Share to twitter" alt="Share to twitter" href="https://twitter.com/share?url=https://setto.basspistol.com/albums/darkweb/3-swipe-instrumental-/&amp;text=3 Swipe Instrumental%20by%20徒 setto セット%20&amp;hashtags=paxNion" class="icon brands style1 fa-twitter"><span class="label">Twitter</span></a></li>
<li><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/albums/darkweb/3-swipe-instrumental-/&amp;text=3 Swipe Instrumental%20by%20徒 setto セット" class="icon brands style1 fa-telegram"><span class="label">Telegram</span></a></li>
<li><a target="_blank" rel="nofollow noopener" title="Share to reddit" alt="Share to reddit" href="https://reddit.com/submit/?url=https://setto.basspistol.com/albums/darkweb/3-swipe-instrumental-/&amp;title=3 Swipe Instrumental%20by%20徒 setto セット" class="icon brands style1 fa-reddit"><span class="label">Reddit</span></a></li>
</ul>
<a href="../../../darkweb/" class="button smaller"> Back to Album</a><br /><br />
</div>
</header>
<!-- Content -->
<div class="content">
<p> <p>
Cover art by Mattias Ritarn Lindström, Music by To&nbsp;Setto&nbsp;Setto Cover art by Mattias Ritarn Lindström, Music by To&nbsp;Setto&nbsp;Setto
</p> </p>
<a href="../../../darkweb/" class="button">See release page</a>
</section>
<section class="streambox">
<h2>Get this track</h2>
<div class="streamer">
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Bandcamp']);" target="_blank" rel="noopener" href="https://shop.basspistol.com/album/darkweb" title="Stream from Bandcamp" class="icon fab fa-bandcamp"><span class="label">Bandcamp</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Spotify']);" target="_blank" rel="noopener" href="https://open.spotify.com/album/0meSZO7BeGoHJc6BWnRvhN" title="Stream from Spotify" class="icon fab fa-spotify"><span class="label">Spotify</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Tidal']);" target="_blank" rel="noopener" href="https://listen.tidal.com/album/102587870" title="Stream from Tidal" class="icon fab fa-creative-commons-sampling"><span class="label">Tidal</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'AppleMusic']);" target="_blank" rel="noopener" href="https://itunes.apple.com/us/album/darkweb-single/1449847586" title="Stream from Apple Music" class="icon fab fa-apple"><span class="label">Apple Music</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'GooglePlay']);" target="_blank" rel="noopener" href="https://play.google.com/store/music/album/%E5%BE%92_setto_%E3%82%BB%E3%83%83%E3%83%88_Darkweb?id=Bcrzzrtj7yfcyladynit7hg4age" title="Stream from Google Play" class="icon fab fa-google-play"><span class="label">Google Play</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Deezer']);" target="_blank" rel="noopener" href="https://www.deezer.com/fr/album/84669482" title="Stream from Deezer" class="icon fab fa-deezer"><span class="label">Deezer</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Napster']);" target="_blank" rel="noopener" href="https://us.napster.com/artist/-setto-/album/darkweb-single" title="Stream from Napster" class="icon fab fa-napster"><span class="label">Napster</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Youtube']);" target="_blank" rel="noopener" href="https://www.youtube.com/playlist?list=OLAK5uy_khsKshJLKdcurSUZzssZliYbrVOQx9GT8" title="Stream from Youtube" class="icon fab fa-youtube"><span class="label">Youtube</span></a>
</div> </div>
</section> </section>
</div>
</div>
</section>
@ -211,238 +274,44 @@
<!-- post Naviation -->
<section class="post-navigation">
<section class="streambox" style="padding: 40px;"> <h2>Track Navigation</h2>
<h2 style="text-align: center;display: block;">Get this track</h2>
<div class="streamer">
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Bandcamp']);" target="_blank" rel="noopener" href="https://shop.basspistol.com/album/darkweb" alt="Stream from Bandcamp" title="Stream from Bandcamp" class="button small icon brands fa-bandcamp">Bandcamp</a>
</div>
<p style="text-align: center;display: block;margin-top:40px;">Stream it, follow, like and subscribe!</p>
<div class="streamer">
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Spotify']);" target="_blank" rel="noopener" href="https://open.spotify.com/album/0meSZO7BeGoHJc6BWnRvhN" alt="Stream from Spotify" title="Stream from Spotify" class="button small icon brands fa-spotify">Spotify</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Tidal']);" target="_blank" rel="noopener" href="https://listen.tidal.com/album/102587870" alt="Stream from Tidal" title="Stream from Tidal" class="button small icon brands fa-creative-commons-sampling">Tidal</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'AppleMusic']);" target="_blank" rel="noopener" href="https://itunes.apple.com/us/album/darkweb-single/1449847586" alt="Stream from Apple Music" title="Stream from Apple Music" class="button small icon brands fa-apple">Apple Music</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'GooglePlay']);" target="_blank" rel="noopener" href="https://play.google.com/store/music/album/%E5%BE%92_setto_%E3%82%BB%E3%83%83%E3%83%88_Darkweb?id=Bcrzzrtj7yfcyladynit7hg4age" alt="Stream from Google Play" title="Stream from Google Play" class="button small icon brands fa-google-play">Google Play</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Deezer']);" target="_blank" rel="noopener" href="https://www.deezer.com/fr/album/84669482" alt="Stream from Deezer" title="Stream from Deezer" class="button small icon brands fa-creative-commons-sampling">Deezer</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Napster']);" target="_blank" rel="noopener" href="https://us.napster.com/artist/-setto-/album/darkweb-single" alt="Stream from Napster" title="Stream from Napster" class="button small icon brands fa-napster">Napster</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Youtube']);" target="_blank" rel="noopener" href="https://www.youtube.com/playlist?list=OLAK5uy_khsKshJLKdcurSUZzssZliYbrVOQx9GT8" alt="Stream from Youtube" title="Stream from Youtube" class="button small icon brands fa-youtube">Youtube</a>
</div>
</section>
<!-- Page navigation -->
<section class="wrapper style1 align-center">
<div class="inner">
<div class="index align-left">
<!-- Author -->
<section>
<!-- Content -->
<div class="content">
<!-- post Naviation -->
<div style="text-align: center;">
<h3>Play more songs grom this release</h3>
</div>
<div class="post-nav"> <div class="post-nav">
<div>
<h4><a href="../../../albums/darkweb/2-darkweb/" alt="Read Darkweb" title="Read Darkweb"><i class="fas fa-arrow-left"></i></a> <a
href="../../../albums/darkweb/2-darkweb/">&nbsp;Darkweb</a> <h4><a href="/albums/darkweb/2-darkweb/" alt="Read 2 Darkweb" title="Read 2 Darkweb"><span
</h4> class="fas fa-arrow-left"></span>&nbsp;Previous</a></h4>
<h3>Darkweb</h3>
<p></p>
</div> </div>
<div class="post-nav-next"> <div class="post-nav-next">
<h4><a href="../../../albums/darkweb/4-darkweb-instrumental-/">&nbsp;Darkweb (Instrumental)</a> <a <h4><a href="/albums/darkweb/4-darkweb-instrumental-/">Next&nbsp;<span class="fas fa-arrow-right"></span></a></h4>
href="../../../albums/darkweb/4-darkweb-instrumental-/" alt="Read Darkweb (Instrumental)" title="Read Darkweb (Instrumental)"><i class="fas fa-arrow-right"></i></a></h4> <h3>Darkweb (Instrumental)</h3>
<p></p>
</div> </div>
</div>
<!-- End Post Navigation -->
</div>
</section>
</div>
</div>
</section> </section>
<!-- Audio player-->
<audio autoplay preload="metadata" data-matomo-title="Swipe (Instrumental)">
<source src="https://media.basspistol.com/setto.basspistol.com/darkweb/3-swipe-instrumental-.mp3" type="audio/mpeg" ontimeupdate='updateTrackTime(this);' />
<h1>Your browser isn't ready for so much hotness. Use the download-link instead.</h1>.
</audio>
<!-- Footer --> <!-- Footer -->
<footer>
<section class="streambox" style="padding: 40px;">
<h2 style="text-align: center;display: block;">Get this track</h2>
<div class="streamer">
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Bandcamp']);" target="_blank" rel="noopener" href="https://shop.basspistol.com/album/darkweb" alt="Stream from Bandcamp" title="Stream from Bandcamp" class="button small icon brands fa-bandcamp">Bandcamp</a>
</div>
<p style="text-align: center;display: block;margin-top:40px;">Stream it, follow, like and subscribe!</p>
<div class="streamer">
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Spotify']);" target="_blank" rel="noopener" href="https://open.spotify.com/album/0meSZO7BeGoHJc6BWnRvhN" alt="Stream from Spotify" title="Stream from Spotify" class="button small icon brands fa-spotify">Spotify</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Tidal']);" target="_blank" rel="noopener" href="https://listen.tidal.com/album/102587870" alt="Stream from Tidal" title="Stream from Tidal" class="button small icon brands fa-creative-commons-sampling">Tidal</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'AppleMusic']);" target="_blank" rel="noopener" href="https://itunes.apple.com/us/album/darkweb-single/1449847586" alt="Stream from Apple Music" title="Stream from Apple Music" class="button small icon brands fa-apple">Apple Music</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'GooglePlay']);" target="_blank" rel="noopener" href="https://play.google.com/store/music/album/%E5%BE%92_setto_%E3%82%BB%E3%83%83%E3%83%88_Darkweb?id=Bcrzzrtj7yfcyladynit7hg4age" alt="Stream from Google Play" title="Stream from Google Play" class="button small icon brands fa-google-play">Google Play</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Deezer']);" target="_blank" rel="noopener" href="https://www.deezer.com/fr/album/84669482" alt="Stream from Deezer" title="Stream from Deezer" class="button small icon brands fa-creative-commons-sampling">Deezer</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Napster']);" target="_blank" rel="noopener" href="https://us.napster.com/artist/-setto-/album/darkweb-single" alt="Stream from Napster" title="Stream from Napster" class="button small icon brands fa-napster">Napster</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Youtube']);" target="_blank" rel="noopener" href="https://www.youtube.com/playlist?list=OLAK5uy_khsKshJLKdcurSUZzssZliYbrVOQx9GT8" alt="Stream from Youtube" title="Stream from Youtube" class="button small icon brands fa-youtube">Youtube</a>
</div>
</section>
<footer id="footer" class="wrapper style1 align-center">
<div class="footflex">
<div>
<h4>徒 setto セット</h4>
<p>Set, Party, Gang! &#35;Cybersoul.
<br /><a href="mailto:setto@basspistol.com">setto@basspistol.com</a></p>
</div>
<div> <div>
<h3>徒 setto セット</h3>
<p>Set, Party, Gang! &#35;Cybersoul.</p>
<ul> <ul>
<li><a href="../../../">Home</a></li> <li><a href="../../../">Home</a></li>
@ -458,33 +327,69 @@
</ul> </ul>
</div> </div>
<div><img src="../../../images/setto-logo-dark.svg" style="max-width:300px" alt="徒 setto セット Logo" /></div> <div><img src="../../../images/setto_logo.svg" width="100%" alt="徒 setto セット Logo" /></div>
<div style="text-align: center;">
<a target="_blank" alt="徒 setto セット on Twitter" title="徒 setto セット on Twitter" rel="noopener"
href="https://twitter.com/ToSettoSetto" class="icon small fab fa-twitter"><span class="label">Twitter</span></a>
<a target="_blank" alt="徒 setto セット on Instagram" title="徒 setto セット on Instagram" rel="noopener"
href="https://www.instagram.com/tosettosetto/" class="icon small fab fa-instagram"><span class="label">Instagram</span></a>
<a target="_blank" alt="徒 setto セット on Telegram" title="徒 setto セット on Telegram" rel="noopener"
href="https://t.me/basspistol" 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" href="mailto:setto@basspistol.com" class="icon small fas fa-envelope-open-text"><span
class="label">Email</span></a>
</div> </div>
<div class="inner"> <small>
<ul class="icons">
<p>&copy;2020 Basspistol | <a href="../../../webcreds/">Credits</a> | <a
<li><a target="_blank" alt="徒 setto セット on Twitter" title="徒 setto セット on Twitter" rel="noopener" href="https://twitter.com/ToSettoSetto" class="icon brands style2 fa-twitter"><span class="label">Twitter</span></a></li> href="../../../cookies/">Cookies & Privacy</a></p>
</small>
<li><a target="_blank" alt="徒 setto セット on Instagram" title="徒 setto セット on Instagram" rel="noopener" href="https://www.instagram.com/tosettosetto/" class="icon brands style2 fa-instagram"><span class="label">Instagram</span></a></li>
<li><a target="_blank" alt="徒 setto セット on Telegram" title="徒 setto セット on Telegram" rel="noopener" href="https://t.me/basspistol" class="icon brands style2 fa-telegram"><span class="label">Telegram</span></a></li>
<li><a target="_blank" alt="徒 setto セット on Reddit" title="徒 setto セット on Reddit" rel="noopener" href="https://www.reddit.com/r/basspistol" class="icon brands style2 fa-reddit"><span class="label">Reddit</span></a></li>
</ul>
<p>&copy;2020 Basspistol | <a href="../../../webcreds/">Credits</a> | <a href="../../../cookies/">Cookies & Privacy</a></p>
</div>
</footer> </footer>
<!-- End Post Navigation -->
</div>
<!-- Audio player-->
<div id="fixedPlayer" class="showplayer hideplayer">
<div id="audiowrap">
<div id="audio0">
<audio controls autoplay preload="metadata" data-matomo-title="Swipe (Instrumental)">
<source src="https://media.basspistol.com/setto.basspistol.com/darkweb/3-swipe-instrumental-.mp3" type="audio/mpeg" ontimeupdate='updateTrackTime(this);' />
<h1>Your browser isn't ready for so much hotness. Use the download-link instead.</h1>.
</audio>
</div>
</div>
<div id="nowPlay">
<div id="tracks">
<a id="btnPrev" href="/albums/darkweb/2-darkweb/"><span class="fas fa-fast-backward"></span></a>
<a id="btnNext"href="/albums/darkweb/4-darkweb-instrumental-/"><span class="fas fa-fast-forward"></span></a>
</div>
<p class="right" id="npTitle" style="font-weight: bold;">Swipe (Instrumental) </a></p>
</div>
</div>
<script type="text/javascript"> <script type="text/javascript">
function loadUrl(newLocation) { function loadUrl(newLocation) {
@ -495,6 +400,7 @@
var mu = document.getElementsByTagName("audio")[0]; var mu = document.getElementsByTagName("audio")[0];
var pauseButton = document.getElementById("mu_pause"); var pauseButton = document.getElementById("mu_pause");
var spincover = document.getElementById("coverart"); var spincover = document.getElementById("coverart");
var fixedplayer = document.getElementById("fixedPlayer");
mu.addEventListener('ended', function () { mu.addEventListener('ended', function () {
// only functional if "loop" is removed // only functional if "loop" is removed
@ -504,10 +410,8 @@
}); });
mu.onplaying = function() { mu.onplaying = function() {
pauseButton.innerHTML = "Pause"; pauseButton.innerHTML = "Pause";
pauseButton.classList.remove("fa-play"); fixedplayer.classList.remove("hideplayer");
pauseButton.classList.add("fa-pause");
spincover.classList.add("spinnit");
spincover.classList.remove("paused");
}; };
pauseButton.addEventListener("click", function () { pauseButton.addEventListener("click", function () {
@ -517,82 +421,85 @@
} }
else { else {
mu.pause(); mu.pause();
pauseButton.innerHTML = "Resume";
pauseButton.classList.add("fa-play");
pauseButton.classList.remove("fa-pause");
spincover.classList.add("paused");
} }
}); });
mu.addEventListener('playing', function () {
mu.addEventListener('timeupdate', function () { spincover.classList.add("spinnit");
var timestamp = Math.floor(mu.currentTime); spincover.classList.remove("paused");
var hours = Math.floor(timestamp / 60 / 60);
var minutes = Math.floor(timestamp / 60) - (hours * 60);
var seconds = timestamp % 60;
var formatted = hours.toString().padStart(2, '0') + ':' + minutes.toString().padStart(2, '0') + ':' + seconds.toString().padStart(2, '0');
var thecurrentSpan = document.getElementById("tracktime");
thecurrentSpan.innerHTML = formatted + ' / ';
}); });
mu.addEventListener('pause', function () {
spincover.classList.add("paused");
pauseButton.innerHTML = "Resume";
});
</script> </script>
</div> <!-- Footer -->
<!-- Navigation -->
<div id="logo" class="logo">
<a href="/"><img width="100em" src="/images/setto-logoicon.svg" alt="徒 setto セット Logo" /></a>
&nbsp;&nbsp;&nbsp;<a href="#navbar" onclick="blurBody()" alt="Navigation Menu" title="Navigation Menu"><span class="icon solid fa-bars navmenu"></span></a>
</div>
<div id="navbar" style="display: block;" class="modalDialog"> <!-- END Footer -->
<a href="#close" onclick="removeBlur()" alt="Close Menu" title="Close Menu"><div id="closearea"> </div></a>
</div>
<!-- END Wrapper -->
<!-- Navigation -->
<div id="sticky" class="logo sticky">
<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> <nav>
<a href="#close" title="Close" onclick="removeBlur()" class="close-button close" style="margin: 0 auto;">X</a> <a href="#close" title="Close" onclick="removeBlur()" class="close-button">X</a>
<ul> <ul>
<li><a href="../../../" class="button smaller">Home</a></li> <li><a href="../../../" class="button">home</a></li>
<li><a href="../../../discography/" class="button smaller">Discog</a></li> <li><a href="../../../discography/" class="button">Discog</a></li>
<li><a href="../../../log/" class="button smaller">Log</a></li> <li><a href="../../../log/" class="button">Log</a></li>
<li><a href="../../../about/" class="button smaller">About</a></li> <li><a href="../../../about/" class="button">About</a></li>
<li><a href="../../../links/" class="button smaller">Links</a></li> <li><a href="../../../links/" class="button">Links</a></li>
</ul> </ul>
</nav> </nav>
</div> </div>
<!-- End Navigation --> <!-- End Navigation -->
<!-- Scripts -->
<script src="../../../assets/js/jquery.min.js"></script>
<script src="../../../assets/js/jquery.scrollex.min.js"></script>
<script src="../../../assets/js/jquery.scrolly.min.js"></script>
<script src="../../../assets/js/browser.min.js"></script>
<script src="../../../assets/js/breakpoints.min.js"></script>
<script src="../../../assets/js/util.js"></script>
<script src="../../../assets/js/main.js"></script>
<script src="../../../assets/js/set.js"></script>
<div id="cookie-notice"> <div id="cookie-notice">
<p>I only use cookies if you consent to it. They don't contain any identifiable info: they just let me know if you enjoyed this enough to come back. <br />Click <a href="#" id="cookie-notice-decline">here</a> if you want this shit to go away without cookies. <br />Read more about how me & basspistol <a href="/cookies/">use cookies</a> </p>
<a class="button small yes" href="#" id="cookie-notice-accept">I'm in!</a> <p>I only use cookies if you consent to it. They don't contain any identifiable info: they just let me know if you
enjoyed this enough to come back.
<br />Click <a href="#" id="cookie-notice-decline">here</a> if you want this shit to go away without cookies.
<br />Read more about how me & basspistol <a href="/cookies/">use cookies</a>
</p>
<a class="button yes" href="#"
id="cookie-notice-accept">I'm in!</a>
</div> </div>
<script> <script>
@ -691,5 +598,12 @@ _paq.push(['enableLinkTracking']);
</script> </script>
<!-- Scripts -->
<script src="../../../assets/js/set.js"></script>
</body> </body>
</html> </html>

650
albums/darkweb/4-darkweb-instrumental-/index.html
View file

@ -1,8 +1,7 @@
<!DOCTYPE html> <!DOCTYPE HTML>
<!-- <!--
Based on _Story_ by html5up.net | @ajlkn Publikatorized by Sakrecoer
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
Remixed and Jekyllified by Setto
--> -->
<html lang="en"> <html lang="en">
<head> <head>
@ -93,51 +92,78 @@
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" /> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
<link rel="stylesheet" href="../../../assets/css/main20200727.css" /> <link rel="stylesheet" href="../../../assets/css/all.min.css" />
<link rel="stylesheet" href="../../../assets/css/main.css" />
<link rel="apple-touch-icon" href="https://setto.basspistol.com/apple-touch-icon.png" /> <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="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" /> <link rel="shortcut icon" href="https://setto.basspistol.com/images/setto-logoicon.svg" type="image/png" />
<noscript><link rel="stylesheet" href="../../../assets/css/noscript20200727.css" /></noscript> <noscript><link rel="stylesheet" href="../../../assets/css/noscripts.css" /></noscript>
</head> </head>
<body id="body"> <body>
<span id="top" style="display: none;"></span> <!-- Wrapper -->
<!-- Wrapper --> <div id="main-wrapper">
<div id="wrapper" class="divided" data-cms-content-wrapper="/_layouts/default.html">
<!-- Banner --> <!-- Banner -->
<section
class="banner onload-image-fade-in onload-content-fade-right style3 fullscreen content-align-center image-position-center" style="background-image:url('https://media.basspistol.com/setto.basspistol.com/darkweb/4-darkweb-instrumental-.jpeg');background-size: cover; background-repeat: no-repeat;">
<div style="z-index:0;position:absolute; top:0; left:0; width:100%;min-height:100%;background-color: rgba(13, 13 ,13, 0.5);"></div>
<div id="mainwrap" class="content" style="z-index:1">
<h1 style="margin-top:80px">Darkweb (Instrumental)</h1>
<p><strong>Cypher Rap</strong> by <strong>徒 Setto セット</strong>
<br />2019
</p>
<p><strong><span id="tracktime"></span></strong><span id="darkwebinstrumental"></span></strong></p>
<script type="text/javascript"> <div id="trackArt">
var darkwebinstrumentaltimestamp = 284; <section>
var darkwebinstrumentalhours = Math.floor(darkwebinstrumentaltimestamp / 60 / 60); <div class="coverartwrapper">
var darkwebinstrumentalminutes = Math.floor(darkwebinstrumentaltimestamp / 60) - (darkwebinstrumentalhours * 60); <div class="coverartwrapped" id="coverart" style="background-image: url(https://media.basspistol.com/setto.basspistol.com/darkweb/4-darkweb-instrumental-.jpeg);"></div>
var darkwebinstrumentalseconds = darkwebinstrumentaltimestamp % 60;
var darkwebinstrumentalformatted = darkwebinstrumentalhours.toString().padStart(2, '0') + ':' + darkwebinstrumentalminutes.toString().padStart(2, '0') + ':' + darkwebinstrumentalseconds.toString().padStart(2, '0');
var theSpan = document.getElementById("darkwebinstrumental");
theSpan.innerHTML = darkwebinstrumentalformatted;
</script>
<ul class="actions stacked">
<li><button id="mu_pause" class="button small icon solid fa-play">Play!</button></li>
</ul>
</div> </div>
<div id="noJSalbum" class="content" style="z-index:1"> <div class="playbutton">
<a id="mu_pause" class="button">Play!</a>
</div>
<p><strong>Cypher Rap</strong> by <strong>徒 Setto セット</strong>
<br />2019
</p>
</section>
</div>
<!-- Content -->
<div id="trackInfo">
<section>
<h1 style="margin-top:80px">Darkweb (Instrumental)</h1>
<p><strong>4:44</strong></p>
<div id="author">
<div class="bio">
<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/albums/darkweb/4-darkweb-instrumental-/&amp;quote=4 Darkweb Instrumental%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/albums/darkweb/4-darkweb-instrumental-/&amp;text=4 Darkweb Instrumental%20by%20徒 setto セット%20&amp;hashtags=paxNion"
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/albums/darkweb/4-darkweb-instrumental-/&amp;text=4 Darkweb Instrumental%20by%20徒 setto セット"
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/albums/darkweb/4-darkweb-instrumental-/&amp;title=4 Darkweb Instrumental%20by%20徒 setto セット"
class="icon smaller fab fa-reddit"><span class="label">Reddit</span></a>
</ul>
</div>
</div>
<div class="noJSalbum">
<h1 style="margin-top:80px">Darkweb (Instrumental)</h1> <h1 style="margin-top:80px">Darkweb (Instrumental)</h1>
<p><strong>Cypher Rap</strong> by <strong>徒 Setto セット</strong> <p><strong>Cypher Rap</strong> by <strong>徒 Setto セット</strong>
<br />2019 <br />2019
@ -146,64 +172,101 @@
<p><strong>4:44</strong></p> <p><strong>4:44</strong></p>
<ul class="actions stacked"> <ul class="actions stacked">
<li><a class="button small icon solid fa-play" target="_blank" rel="noopener" href="https://media.basspistol.com/setto.basspistol.com/darkweb/4-darkweb-instrumental-.mp3">Play!</a></li> <li><a class="button" target="_blank" rel="noopener" href="https://media.basspistol.com/setto.basspistol.com/darkweb/4-darkweb-instrumental-.mp3"><span class="fas fa-play"></span> Play!</a></li>
</ul> </ul>
</div> </div>
<div class="image">
<img src="https://media.basspistol.com/setto.basspistol.com/darkweb/4-darkweb-instrumental-.jpeg" alt="4 Darkweb Instrumental logo" id="coverart" />
</div>
</section>
<!-- Content --> <!-- Content -->
<section class="wrapper style1 align-center">
<div class="inner" style="padding-top:40px">
<div class="index align-left">
<section style="padding-top:40px">
<header id="author">
<div class="bio">
<h6>
Share this page:
</h6>
<ul class="icons">
<li><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/albums/darkweb/4-darkweb-instrumental-/&amp;quote=4 Darkweb Instrumental%20by%20徒 setto セット%20via%20https://setto.basspistol.com" class="icon brands style1 fa-facebook-f"><span class="label">Facebook</span></a></li>
<li><a target="_blank" rel="nofollow noopener" title="Share to twitter" alt="Share to twitter" href="https://twitter.com/share?url=https://setto.basspistol.com/albums/darkweb/4-darkweb-instrumental-/&amp;text=4 Darkweb Instrumental%20by%20徒 setto セット%20&amp;hashtags=paxNion" class="icon brands style1 fa-twitter"><span class="label">Twitter</span></a></li>
<li><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/albums/darkweb/4-darkweb-instrumental-/&amp;text=4 Darkweb Instrumental%20by%20徒 setto セット" class="icon brands style1 fa-telegram"><span class="label">Telegram</span></a></li>
<li><a target="_blank" rel="nofollow noopener" title="Share to reddit" alt="Share to reddit" href="https://reddit.com/submit/?url=https://setto.basspistol.com/albums/darkweb/4-darkweb-instrumental-/&amp;title=4 Darkweb Instrumental%20by%20徒 setto セット" class="icon brands style1 fa-reddit"><span class="label">Reddit</span></a></li>
</ul>
<a href="../../../darkweb/" class="button smaller"> Back to Album</a><br /><br />
</div>
</header>
<!-- Content -->
<div class="content">
<p> <p>
Cover art and music by To&nbsp;Setto&nbsp;Setto Cover art and music by To&nbsp;Setto&nbsp;Setto
</p> </p>
<a href="../../../darkweb/" class="button">See release page</a>
</section>
<section class="streambox">
<h2>Get this track</h2>
<div class="streamer">
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Bandcamp']);" target="_blank" rel="noopener" href="https://shop.basspistol.com/album/darkweb" title="Stream from Bandcamp" class="icon fab fa-bandcamp"><span class="label">Bandcamp</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Spotify']);" target="_blank" rel="noopener" href="https://open.spotify.com/album/0meSZO7BeGoHJc6BWnRvhN" title="Stream from Spotify" class="icon fab fa-spotify"><span class="label">Spotify</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Tidal']);" target="_blank" rel="noopener" href="https://listen.tidal.com/album/102587870" title="Stream from Tidal" class="icon fab fa-creative-commons-sampling"><span class="label">Tidal</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'AppleMusic']);" target="_blank" rel="noopener" href="https://itunes.apple.com/us/album/darkweb-single/1449847586" title="Stream from Apple Music" class="icon fab fa-apple"><span class="label">Apple Music</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'GooglePlay']);" target="_blank" rel="noopener" href="https://play.google.com/store/music/album/%E5%BE%92_setto_%E3%82%BB%E3%83%83%E3%83%88_Darkweb?id=Bcrzzrtj7yfcyladynit7hg4age" title="Stream from Google Play" class="icon fab fa-google-play"><span class="label">Google Play</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Deezer']);" target="_blank" rel="noopener" href="https://www.deezer.com/fr/album/84669482" title="Stream from Deezer" class="icon fab fa-deezer"><span class="label">Deezer</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Napster']);" target="_blank" rel="noopener" href="https://us.napster.com/artist/-setto-/album/darkweb-single" title="Stream from Napster" class="icon fab fa-napster"><span class="label">Napster</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Youtube']);" target="_blank" rel="noopener" href="https://www.youtube.com/playlist?list=OLAK5uy_khsKshJLKdcurSUZzssZliYbrVOQx9GT8" title="Stream from Youtube" class="icon fab fa-youtube"><span class="label">Youtube</span></a>
</div> </div>
</section> </section>
</div>
</div>
</section>
@ -211,238 +274,44 @@
<!-- post Naviation -->
<section class="post-navigation">
<section class="streambox" style="padding: 40px;"> <h2>Track Navigation</h2>
<h2 style="text-align: center;display: block;">Get this track</h2>
<div class="streamer">
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Bandcamp']);" target="_blank" rel="noopener" href="https://shop.basspistol.com/album/darkweb" alt="Stream from Bandcamp" title="Stream from Bandcamp" class="button small icon brands fa-bandcamp">Bandcamp</a>
</div>
<p style="text-align: center;display: block;margin-top:40px;">Stream it, follow, like and subscribe!</p>
<div class="streamer">
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Spotify']);" target="_blank" rel="noopener" href="https://open.spotify.com/album/0meSZO7BeGoHJc6BWnRvhN" alt="Stream from Spotify" title="Stream from Spotify" class="button small icon brands fa-spotify">Spotify</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Tidal']);" target="_blank" rel="noopener" href="https://listen.tidal.com/album/102587870" alt="Stream from Tidal" title="Stream from Tidal" class="button small icon brands fa-creative-commons-sampling">Tidal</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'AppleMusic']);" target="_blank" rel="noopener" href="https://itunes.apple.com/us/album/darkweb-single/1449847586" alt="Stream from Apple Music" title="Stream from Apple Music" class="button small icon brands fa-apple">Apple Music</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'GooglePlay']);" target="_blank" rel="noopener" href="https://play.google.com/store/music/album/%E5%BE%92_setto_%E3%82%BB%E3%83%83%E3%83%88_Darkweb?id=Bcrzzrtj7yfcyladynit7hg4age" alt="Stream from Google Play" title="Stream from Google Play" class="button small icon brands fa-google-play">Google Play</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Deezer']);" target="_blank" rel="noopener" href="https://www.deezer.com/fr/album/84669482" alt="Stream from Deezer" title="Stream from Deezer" class="button small icon brands fa-creative-commons-sampling">Deezer</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Napster']);" target="_blank" rel="noopener" href="https://us.napster.com/artist/-setto-/album/darkweb-single" alt="Stream from Napster" title="Stream from Napster" class="button small icon brands fa-napster">Napster</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Youtube']);" target="_blank" rel="noopener" href="https://www.youtube.com/playlist?list=OLAK5uy_khsKshJLKdcurSUZzssZliYbrVOQx9GT8" alt="Stream from Youtube" title="Stream from Youtube" class="button small icon brands fa-youtube">Youtube</a>
</div>
</section>
<!-- Page navigation -->
<section class="wrapper style1 align-center">
<div class="inner">
<div class="index align-left">
<!-- Author -->
<section>
<!-- Content -->
<div class="content">
<!-- post Naviation -->
<div style="text-align: center;">
<h3>Play more songs grom this release</h3>
</div>
<div class="post-nav"> <div class="post-nav">
<div>
<h4><a href="../../../albums/darkweb/3-swipe-instrumental-/" alt="Read Swipe (Instrumental)" title="Read Swipe (Instrumental)"><i class="fas fa-arrow-left"></i></a> <a
href="../../../albums/darkweb/3-swipe-instrumental-/">&nbsp;Swipe (Instrumental)</a> <h4><a href="/albums/darkweb/3-swipe-instrumental-/" alt="Read 3 Swipe Instrumental" title="Read 3 Swipe Instrumental"><span
</h4> class="fas fa-arrow-left"></span>&nbsp;Previous</a></h4>
<h3>Swipe (Instrumental)</h3>
<p></p>
</div> </div>
<div class="post-nav-next"> <div class="post-nav-next">
<h4><a href="../../../albums/darkweb/1-swipe/">&nbsp;Swipe</a> <a <h4><a href="/albums/live-with-hardware/1-ep-life-of-a-dudelini/">Next&nbsp;<span class="fas fa-arrow-right"></span></a></h4>
href="../../../albums/darkweb/1-swipe/" alt="Read Swipe" title="Read Swipe"><i class="fas fa-arrow-right"></i></a></h4> <h3>EP-Life of a Dudelini</h3>
<p></p>
</div> </div>
</div>
<!-- End Post Navigation -->
</div>
</section>
</div>
</div>
</section> </section>
<!-- Audio player-->
<audio autoplay preload="metadata" data-matomo-title="Darkweb (Instrumental)">
<source src="https://media.basspistol.com/setto.basspistol.com/darkweb/4-darkweb-instrumental-.mp3" type="audio/mpeg" ontimeupdate='updateTrackTime(this);' />
<h1>Your browser isn't ready for so much hotness. Use the download-link instead.</h1>.
</audio>
<!-- Footer --> <!-- Footer -->
<footer>
<section class="streambox" style="padding: 40px;">
<h2 style="text-align: center;display: block;">Get this track</h2>
<div class="streamer">
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Bandcamp']);" target="_blank" rel="noopener" href="https://shop.basspistol.com/album/darkweb" alt="Stream from Bandcamp" title="Stream from Bandcamp" class="button small icon brands fa-bandcamp">Bandcamp</a>
</div>
<p style="text-align: center;display: block;margin-top:40px;">Stream it, follow, like and subscribe!</p>
<div class="streamer">
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Spotify']);" target="_blank" rel="noopener" href="https://open.spotify.com/album/0meSZO7BeGoHJc6BWnRvhN" alt="Stream from Spotify" title="Stream from Spotify" class="button small icon brands fa-spotify">Spotify</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Tidal']);" target="_blank" rel="noopener" href="https://listen.tidal.com/album/102587870" alt="Stream from Tidal" title="Stream from Tidal" class="button small icon brands fa-creative-commons-sampling">Tidal</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'AppleMusic']);" target="_blank" rel="noopener" href="https://itunes.apple.com/us/album/darkweb-single/1449847586" alt="Stream from Apple Music" title="Stream from Apple Music" class="button small icon brands fa-apple">Apple Music</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'GooglePlay']);" target="_blank" rel="noopener" href="https://play.google.com/store/music/album/%E5%BE%92_setto_%E3%82%BB%E3%83%83%E3%83%88_Darkweb?id=Bcrzzrtj7yfcyladynit7hg4age" alt="Stream from Google Play" title="Stream from Google Play" class="button small icon brands fa-google-play">Google Play</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Deezer']);" target="_blank" rel="noopener" href="https://www.deezer.com/fr/album/84669482" alt="Stream from Deezer" title="Stream from Deezer" class="button small icon brands fa-creative-commons-sampling">Deezer</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Napster']);" target="_blank" rel="noopener" href="https://us.napster.com/artist/-setto-/album/darkweb-single" alt="Stream from Napster" title="Stream from Napster" class="button small icon brands fa-napster">Napster</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Youtube']);" target="_blank" rel="noopener" href="https://www.youtube.com/playlist?list=OLAK5uy_khsKshJLKdcurSUZzssZliYbrVOQx9GT8" alt="Stream from Youtube" title="Stream from Youtube" class="button small icon brands fa-youtube">Youtube</a>
</div>
</section>
<footer id="footer" class="wrapper style1 align-center">
<div class="footflex">
<div>
<h4>徒 setto セット</h4>
<p>Set, Party, Gang! &#35;Cybersoul.
<br /><a href="mailto:setto@basspistol.com">setto@basspistol.com</a></p>
</div>
<div> <div>
<h3>徒 setto セット</h3>
<p>Set, Party, Gang! &#35;Cybersoul.</p>
<ul> <ul>
<li><a href="../../../">Home</a></li> <li><a href="../../../">Home</a></li>
@ -458,33 +327,69 @@
</ul> </ul>
</div> </div>
<div><img src="../../../images/setto-logo-dark.svg" style="max-width:300px" alt="徒 setto セット Logo" /></div> <div><img src="../../../images/setto_logo.svg" width="100%" alt="徒 setto セット Logo" /></div>
<div style="text-align: center;">
<a target="_blank" alt="徒 setto セット on Twitter" title="徒 setto セット on Twitter" rel="noopener"
href="https://twitter.com/ToSettoSetto" class="icon small fab fa-twitter"><span class="label">Twitter</span></a>
<a target="_blank" alt="徒 setto セット on Instagram" title="徒 setto セット on Instagram" rel="noopener"
href="https://www.instagram.com/tosettosetto/" class="icon small fab fa-instagram"><span class="label">Instagram</span></a>
<a target="_blank" alt="徒 setto セット on Telegram" title="徒 setto セット on Telegram" rel="noopener"
href="https://t.me/basspistol" 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" href="mailto:setto@basspistol.com" class="icon small fas fa-envelope-open-text"><span
class="label">Email</span></a>
</div> </div>
<div class="inner"> <small>
<ul class="icons">
<p>&copy;2020 Basspistol | <a href="../../../webcreds/">Credits</a> | <a
<li><a target="_blank" alt="徒 setto セット on Twitter" title="徒 setto セット on Twitter" rel="noopener" href="https://twitter.com/ToSettoSetto" class="icon brands style2 fa-twitter"><span class="label">Twitter</span></a></li> href="../../../cookies/">Cookies & Privacy</a></p>
</small>
<li><a target="_blank" alt="徒 setto セット on Instagram" title="徒 setto セット on Instagram" rel="noopener" href="https://www.instagram.com/tosettosetto/" class="icon brands style2 fa-instagram"><span class="label">Instagram</span></a></li>
<li><a target="_blank" alt="徒 setto セット on Telegram" title="徒 setto セット on Telegram" rel="noopener" href="https://t.me/basspistol" class="icon brands style2 fa-telegram"><span class="label">Telegram</span></a></li>
<li><a target="_blank" alt="徒 setto セット on Reddit" title="徒 setto セット on Reddit" rel="noopener" href="https://www.reddit.com/r/basspistol" class="icon brands style2 fa-reddit"><span class="label">Reddit</span></a></li>
</ul>
<p>&copy;2020 Basspistol | <a href="../../../webcreds/">Credits</a> | <a href="../../../cookies/">Cookies & Privacy</a></p>
</div>
</footer> </footer>
<!-- End Post Navigation -->
</div>
<!-- Audio player-->
<div id="fixedPlayer" class="showplayer hideplayer">
<div id="audiowrap">
<div id="audio0">
<audio controls autoplay preload="metadata" data-matomo-title="Darkweb (Instrumental)">
<source src="https://media.basspistol.com/setto.basspistol.com/darkweb/4-darkweb-instrumental-.mp3" type="audio/mpeg" ontimeupdate='updateTrackTime(this);' />
<h1>Your browser isn't ready for so much hotness. Use the download-link instead.</h1>.
</audio>
</div>
</div>
<div id="nowPlay">
<div id="tracks">
<a id="btnPrev" href="/albums/darkweb/3-swipe-instrumental-/"><span class="fas fa-fast-backward"></span></a>
<a id="btnNext"href="/albums/live-with-hardware/1-ep-life-of-a-dudelini/"><span class="fas fa-fast-forward"></span></a>
</div>
<p class="right" id="npTitle" style="font-weight: bold;">Darkweb (Instrumental) </a></p>
</div>
</div>
<script type="text/javascript"> <script type="text/javascript">
function loadUrl(newLocation) { function loadUrl(newLocation) {
@ -495,6 +400,7 @@
var mu = document.getElementsByTagName("audio")[0]; var mu = document.getElementsByTagName("audio")[0];
var pauseButton = document.getElementById("mu_pause"); var pauseButton = document.getElementById("mu_pause");
var spincover = document.getElementById("coverart"); var spincover = document.getElementById("coverart");
var fixedplayer = document.getElementById("fixedPlayer");
mu.addEventListener('ended', function () { mu.addEventListener('ended', function () {
// only functional if "loop" is removed // only functional if "loop" is removed
@ -504,10 +410,8 @@
}); });
mu.onplaying = function() { mu.onplaying = function() {
pauseButton.innerHTML = "Pause"; pauseButton.innerHTML = "Pause";
pauseButton.classList.remove("fa-play"); fixedplayer.classList.remove("hideplayer");
pauseButton.classList.add("fa-pause");
spincover.classList.add("spinnit");
spincover.classList.remove("paused");
}; };
pauseButton.addEventListener("click", function () { pauseButton.addEventListener("click", function () {
@ -517,82 +421,85 @@
} }
else { else {
mu.pause(); mu.pause();
pauseButton.innerHTML = "Resume";
pauseButton.classList.add("fa-play");
pauseButton.classList.remove("fa-pause");
spincover.classList.add("paused");
} }
}); });
mu.addEventListener('playing', function () {
mu.addEventListener('timeupdate', function () { spincover.classList.add("spinnit");
var timestamp = Math.floor(mu.currentTime); spincover.classList.remove("paused");
var hours = Math.floor(timestamp / 60 / 60);
var minutes = Math.floor(timestamp / 60) - (hours * 60);
var seconds = timestamp % 60;
var formatted = hours.toString().padStart(2, '0') + ':' + minutes.toString().padStart(2, '0') + ':' + seconds.toString().padStart(2, '0');
var thecurrentSpan = document.getElementById("tracktime");
thecurrentSpan.innerHTML = formatted + ' / ';
}); });
mu.addEventListener('pause', function () {
spincover.classList.add("paused");
pauseButton.innerHTML = "Resume";
});
</script> </script>
</div> <!-- Footer -->
<!-- Navigation -->
<div id="logo" class="logo">
<a href="/"><img width="100em" src="/images/setto-logoicon.svg" alt="徒 setto セット Logo" /></a>
&nbsp;&nbsp;&nbsp;<a href="#navbar" onclick="blurBody()" alt="Navigation Menu" title="Navigation Menu"><span class="icon solid fa-bars navmenu"></span></a>
</div>
<div id="navbar" style="display: block;" class="modalDialog"> <!-- END Footer -->
<a href="#close" onclick="removeBlur()" alt="Close Menu" title="Close Menu"><div id="closearea"> </div></a>
</div>
<!-- END Wrapper -->
<!-- Navigation -->
<div id="sticky" class="logo sticky">
<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> <nav>
<a href="#close" title="Close" onclick="removeBlur()" class="close-button close" style="margin: 0 auto;">X</a> <a href="#close" title="Close" onclick="removeBlur()" class="close-button">X</a>
<ul> <ul>
<li><a href="../../../" class="button smaller">Home</a></li> <li><a href="../../../" class="button">home</a></li>
<li><a href="../../../discography/" class="button smaller">Discog</a></li> <li><a href="../../../discography/" class="button">Discog</a></li>
<li><a href="../../../log/" class="button smaller">Log</a></li> <li><a href="../../../log/" class="button">Log</a></li>
<li><a href="../../../about/" class="button smaller">About</a></li> <li><a href="../../../about/" class="button">About</a></li>
<li><a href="../../../links/" class="button smaller">Links</a></li> <li><a href="../../../links/" class="button">Links</a></li>
</ul> </ul>
</nav> </nav>
</div> </div>
<!-- End Navigation --> <!-- End Navigation -->
<!-- Scripts -->
<script src="../../../assets/js/jquery.min.js"></script>
<script src="../../../assets/js/jquery.scrollex.min.js"></script>
<script src="../../../assets/js/jquery.scrolly.min.js"></script>
<script src="../../../assets/js/browser.min.js"></script>
<script src="../../../assets/js/breakpoints.min.js"></script>
<script src="../../../assets/js/util.js"></script>
<script src="../../../assets/js/main.js"></script>
<script src="../../../assets/js/set.js"></script>
<div id="cookie-notice"> <div id="cookie-notice">
<p>I only use cookies if you consent to it. They don't contain any identifiable info: they just let me know if you enjoyed this enough to come back. <br />Click <a href="#" id="cookie-notice-decline">here</a> if you want this shit to go away without cookies. <br />Read more about how me & basspistol <a href="/cookies/">use cookies</a> </p>
<a class="button small yes" href="#" id="cookie-notice-accept">I'm in!</a> <p>I only use cookies if you consent to it. They don't contain any identifiable info: they just let me know if you
enjoyed this enough to come back.
<br />Click <a href="#" id="cookie-notice-decline">here</a> if you want this shit to go away without cookies.
<br />Read more about how me & basspistol <a href="/cookies/">use cookies</a>
</p>
<a class="button yes" href="#"
id="cookie-notice-accept">I'm in!</a>
</div> </div>
<script> <script>
@ -691,5 +598,12 @@ _paq.push(['enableLinkTracking']);
</script> </script>
<!-- Scripts -->
<script src="../../../assets/js/set.js"></script>
</body> </body>
</html> </html>

605
albums/live-with-hardware/1-ep-life-of-a-dudelini/index.html
View file

@ -1,8 +1,7 @@
<!DOCTYPE html> <!DOCTYPE HTML>
<!-- <!--
Based on _Story_ by html5up.net | @ajlkn Publikatorized by Sakrecoer
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
Remixed and Jekyllified by Setto
--> -->
<html lang="en"> <html lang="en">
<head> <head>
@ -93,51 +92,78 @@
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" /> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
<link rel="stylesheet" href="../../../assets/css/main20200727.css" /> <link rel="stylesheet" href="../../../assets/css/all.min.css" />
<link rel="stylesheet" href="../../../assets/css/main.css" />
<link rel="apple-touch-icon" href="https://setto.basspistol.com/apple-touch-icon.png" /> <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="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" /> <link rel="shortcut icon" href="https://setto.basspistol.com/images/setto-logoicon.svg" type="image/png" />
<noscript><link rel="stylesheet" href="../../../assets/css/noscript20200727.css" /></noscript> <noscript><link rel="stylesheet" href="../../../assets/css/noscripts.css" /></noscript>
</head> </head>
<body id="body"> <body>
<span id="top" style="display: none;"></span> <!-- Wrapper -->
<!-- Wrapper --> <div id="main-wrapper">
<div id="wrapper" class="divided" data-cms-content-wrapper="/_layouts/default.html">
<!-- Banner --> <!-- Banner -->
<section
class="banner onload-image-fade-in onload-content-fade-right style3 fullscreen content-align-center image-position-center" style="background-image:url('https://media.basspistol.com/setto.basspistol.com/live-with-hardware/1-ep-life-of-a-dudelini.jpeg');background-size: cover; background-repeat: no-repeat;">
<div style="z-index:0;position:absolute; top:0; left:0; width:100%;min-height:100%;background-color: rgba(13, 13 ,13, 0.5);"></div>
<div id="mainwrap" class="content" style="z-index:1">
<h1 style="margin-top:80px">EP-Life of a Dudelini</h1>
<p><strong>Cybersoul</strong> by <strong>徒 Setto セット</strong>
<br />2020
</p>
<p><strong><span id="tracktime"></span></strong><span id="eplifeofadudelini"></span></strong></p>
<script type="text/javascript"> <div id="trackArt">
var eplifeofadudelinitimestamp = 683; <section>
var eplifeofadudelinihours = Math.floor(eplifeofadudelinitimestamp / 60 / 60); <div class="coverartwrapper">
var eplifeofadudeliniminutes = Math.floor(eplifeofadudelinitimestamp / 60) - (eplifeofadudelinihours * 60); <div class="coverartwrapped" id="coverart" style="background-image: url(https://media.basspistol.com/setto.basspistol.com/live-with-hardware/1-ep-life-of-a-dudelini.jpeg);"></div>
var eplifeofadudeliniseconds = eplifeofadudelinitimestamp % 60;
var eplifeofadudeliniformatted = eplifeofadudelinihours.toString().padStart(2, '0') + ':' + eplifeofadudeliniminutes.toString().padStart(2, '0') + ':' + eplifeofadudeliniseconds.toString().padStart(2, '0');
var theSpan = document.getElementById("eplifeofadudelini");
theSpan.innerHTML = eplifeofadudeliniformatted;
</script>
<ul class="actions stacked">
<li><button id="mu_pause" class="button small icon solid fa-play">Play!</button></li>
</ul>
</div> </div>
<div id="noJSalbum" class="content" style="z-index:1"> <div class="playbutton">
<a id="mu_pause" class="button">Play!</a>
</div>
<p><strong>Cybersoul</strong> by <strong>徒 Setto セット</strong>
<br />2020
</p>
</section>
</div>
<!-- Content -->
<div id="trackInfo">
<section>
<h1 style="margin-top:80px">EP-Life of a Dudelini</h1>
<p><strong>11:23</strong></p>
<div id="author">
<div class="bio">
<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/albums/live-with-hardware/1-ep-life-of-a-dudelini/&amp;quote=1 Ep Life Of A Dudelini%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/albums/live-with-hardware/1-ep-life-of-a-dudelini/&amp;text=1 Ep Life Of A Dudelini%20by%20徒 setto セット%20&amp;hashtags=paxNion"
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/albums/live-with-hardware/1-ep-life-of-a-dudelini/&amp;text=1 Ep Life Of A Dudelini%20by%20徒 setto セット"
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/albums/live-with-hardware/1-ep-life-of-a-dudelini/&amp;title=1 Ep Life Of A Dudelini%20by%20徒 setto セット"
class="icon smaller fab fa-reddit"><span class="label">Reddit</span></a>
</ul>
</div>
</div>
<div class="noJSalbum">
<h1 style="margin-top:80px">EP-Life of a Dudelini</h1> <h1 style="margin-top:80px">EP-Life of a Dudelini</h1>
<p><strong>Cybersoul</strong> by <strong>徒 Setto セット</strong> <p><strong>Cybersoul</strong> by <strong>徒 Setto セット</strong>
<br />2020 <br />2020
@ -146,64 +172,90 @@
<p><strong>11:23</strong></p> <p><strong>11:23</strong></p>
<ul class="actions stacked"> <ul class="actions stacked">
<li><a class="button small icon solid fa-play" target="_blank" rel="noopener" href="https://media.basspistol.com/setto.basspistol.com/live-with-hardware/1-ep-life-of-a-dudelini.mp3">Play!</a></li> <li><a class="button" target="_blank" rel="noopener" href="https://media.basspistol.com/setto.basspistol.com/live-with-hardware/1-ep-life-of-a-dudelini.mp3"><span class="fas fa-play"></span> Play!</a></li>
</ul> </ul>
</div> </div>
<div class="image">
<img src="https://media.basspistol.com/setto.basspistol.com/live-with-hardware/1-ep-life-of-a-dudelini.jpeg" alt="1 Ep Life Of A Dudelini logo" id="coverart" />
</div>
</section>
<!-- Content --> <!-- Content -->
<section class="wrapper style1 align-center">
<div class="inner" style="padding-top:40px">
<div class="index align-left">
<section style="padding-top:40px">
<header id="author">
<div class="bio">
<h6>
Share this page:
</h6>
<ul class="icons">
<li><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/albums/live-with-hardware/1-ep-life-of-a-dudelini/&amp;quote=1 Ep Life Of A Dudelini%20by%20徒 setto セット%20via%20https://setto.basspistol.com" class="icon brands style1 fa-facebook-f"><span class="label">Facebook</span></a></li>
<li><a target="_blank" rel="nofollow noopener" title="Share to twitter" alt="Share to twitter" href="https://twitter.com/share?url=https://setto.basspistol.com/albums/live-with-hardware/1-ep-life-of-a-dudelini/&amp;text=1 Ep Life Of A Dudelini%20by%20徒 setto セット%20&amp;hashtags=paxNion" class="icon brands style1 fa-twitter"><span class="label">Twitter</span></a></li>
<li><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/albums/live-with-hardware/1-ep-life-of-a-dudelini/&amp;text=1 Ep Life Of A Dudelini%20by%20徒 setto セット" class="icon brands style1 fa-telegram"><span class="label">Telegram</span></a></li>
<li><a target="_blank" rel="nofollow noopener" title="Share to reddit" alt="Share to reddit" href="https://reddit.com/submit/?url=https://setto.basspistol.com/albums/live-with-hardware/1-ep-life-of-a-dudelini/&amp;title=1 Ep Life Of A Dudelini%20by%20徒 setto セット" class="icon brands style1 fa-reddit"><span class="label">Reddit</span></a></li>
</ul>
<a href="../../../live-with-hardware/" class="button smaller"> Back to Album</a><br /><br />
</div>
</header>
<!-- Content -->
<div class="content">
<p> <p>
</p> </p>
<a href="../../../live-with-hardware/" class="button">See release page</a>
</section>
<section class="streambox">
<h2>This track 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', 'Spotify']);" target="_blank" rel="noopener" href="https://open.spotify.com/artist/0gus2IdSkfrvFDBPqeiksM/" title="Stream from Spotify" class="icon fab fa-spotify"><span class="label">Spotify</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Tidal']);" target="_blank" rel="noopener" href="https://listen.tidal.com/artist/10745925" title="Stream from Tidal" class="icon fab fa-creative-commons-sampling"><span class="label">Tidal</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'AppleMusic']);" target="_blank" rel="noopener" href="https://itunes.apple.com/us/artist/%E5%BE%92-setto-%E3%82%BB%E3%83%83%E3%83%88/1447055514" title="Stream from Apple Music" class="icon fab fa-apple"><span class="label">Apple Music</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'GooglePlay']);" target="_blank" rel="noopener" href="https://play.google.com/store/music/artist/%E5%BE%92_setto_%E3%82%BB%E3%83%83%E3%83%88?id=Ayi4avjpfyinbrepzebpsvpjc5a" title="Stream from Google Play" class="icon fab fa-google-play"><span class="label">Google Play</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Deezer']);" target="_blank" rel="noopener" href="https://www.deezer.com/fr/artist/56004012" title="Stream from Deezer" class="icon fab fa-deezer"><span class="label">Deezer</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Napster']);" target="_blank" rel="noopener" href="https://us.napster.com/artist/-setto-" title="Stream from Napster" class="icon fab fa-napster"><span class="label">Napster</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Youtube']);" target="_blank" rel="noopener" href="https://www.youtube.com/channel/UCKlONOrOgNQjBjxUyPj4jcw/playlists" title="Stream from Youtube" class="icon fab fa-youtube"><span class="label">Youtube</span></a>
</div> </div>
</section> </section>
</div>
</div>
</section>
@ -211,208 +263,48 @@
<section class="streambox" style="padding: 40px;">
<!-- post Naviation -->
<section class="post-navigation">
<h2 style="text-align: center;display: block;">This track can't be obtained</h2>
<p>Stream, follow, like and subscribe!</p>
<div class="streamer">
<h2>Track Navigation</h2>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Bandcamp']);" target="_blank" rel="noopener" href="https://shop.basspistol.com" alt="Stream from Bandcamp" title="Stream from Bandcamp" class="button small icon brands fa-bandcamp">Bandcamp</a>
</div>
<h2 style="text-align: center;display: block;">&nbsp;</h2>
<div class="streamer">
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Spotify']);" target="_blank" rel="noopener" href="https://open.spotify.com/artist/0gus2IdSkfrvFDBPqeiksM/" alt="Stream from Spotify" title="Stream from Spotify" class="button small icon brands fa-spotify">Spotify</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Tidal']);" target="_blank" rel="noopener" href="https://listen.tidal.com/artist/10745925" alt="Stream from Tidal" title="Stream from Tidal" class="button small icon brands fa-creative-commons-sampling">Tidal</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'AppleMusic']);" target="_blank" rel="noopener" href="https://itunes.apple.com/us/artist/%E5%BE%92-setto-%E3%82%BB%E3%83%83%E3%83%88/1447055514" alt="Stream from Apple Music" title="Stream from Apple Music" class="button small icon brands fa-apple">Apple Music</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'GooglePlay']);" target="_blank" rel="noopener" href="https://play.google.com/store/music/artist/%E5%BE%92_setto_%E3%82%BB%E3%83%83%E3%83%88?id=Ayi4avjpfyinbrepzebpsvpjc5a" alt="Stream from Google Play" title="Stream from Google Play" class="button small icon brands fa-google-play">Google Play</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Deezer']);" target="_blank" rel="noopener" href="https://www.deezer.com/fr/artist/56004012" alt="Stream from Deezer" title="Stream from Deezer" class="button small icon brands fa-creative-commons-sampling">Deezer</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Napster']);" target="_blank" rel="noopener" href="https://us.napster.com/artist/-setto-" alt="Stream from Napster" title="Stream from Napster" class="button small icon brands fa-napster">Napster</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Youtube']);" target="_blank" rel="noopener" href="https://www.youtube.com/channel/UCKlONOrOgNQjBjxUyPj4jcw/playlists" alt="Stream from Youtube" title="Stream from Youtube" class="button small icon brands fa-youtube">Youtube</a>
</div>
</section>
<!-- Page navigation -->
<section class="wrapper style1 align-center">
<div class="inner">
<div class="index align-left">
<!-- Author -->
<section>
<!-- Content -->
<div class="content">
<!-- post Naviation -->
<div style="text-align: center;">
<h3>Play more songs grom this release</h3>
</div>
<div class="post-nav"> <div class="post-nav">
<div>
<h4><a href="../../../albums/live-with-hardware/1-ep-life-of-a-dudelini/" alt="Read EP-Life of a Dudelini" title="Read EP-Life of a Dudelini"><i class="fas fa-arrow-left"></i></a> <a
href="../../../albums/live-with-hardware/1-ep-life-of-a-dudelini/">&nbsp;EP-Life of a Dudelini</a> <h4><a href="/albums/darkweb/4-darkweb-instrumental-/" alt="Read 4 Darkweb Instrumental" title="Read 4 Darkweb Instrumental"><span
</h4> class="fas fa-arrow-left"></span>&nbsp;Previous</a></h4>
<h3>Darkweb (Instrumental)</h3>
<p></p>
</div> </div>
<div class="post-nav-next"> <div class="post-nav-next">
<h4><a href="../../../albums/live-with-hardware/1-ep-life-of-a-dudelini/">&nbsp;EP-Life of a Dudelini</a> <a <h4><a href="/albums/satoshi-mon-ami/1-k-as-tu-fait-de-nous-/">Next&nbsp;<span class="fas fa-arrow-right"></span></a></h4>
href="../../../albums/live-with-hardware/1-ep-life-of-a-dudelini/" alt="Read EP-Life of a Dudelini" title="Read EP-Life of a Dudelini"><i class="fas fa-arrow-right"></i></a></h4> <h3>K'as-tu fait de nous?</h3>
<p></p>
</div> </div>
</div>
<!-- End Post Navigation -->
</div>
</section>
</div>
</div>
</section> </section>
<!-- Audio player-->
<audio autoplay preload="metadata" data-matomo-title="EP-Life of a Dudelini">
<source src="https://media.basspistol.com/setto.basspistol.com/live-with-hardware/1-ep-life-of-a-dudelini.mp3" type="audio/mpeg" ontimeupdate='updateTrackTime(this);' />
<h1>Your browser isn't ready for so much hotness. Use the download-link instead.</h1>.
</audio>
<!-- Footer --> <!-- Footer -->
<footer>
<section class="streambox" style="padding: 40px;">
<h2 style="text-align: center;display: block;">This track 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" alt="Stream from Bandcamp" title="Stream from Bandcamp" class="button small icon brands fa-bandcamp">Bandcamp</a>
</div>
<h2 style="text-align: center;display: block;">&nbsp;</h2>
<div class="streamer">
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Spotify']);" target="_blank" rel="noopener" href="https://open.spotify.com/artist/0gus2IdSkfrvFDBPqeiksM/" alt="Stream from Spotify" title="Stream from Spotify" class="button small icon brands fa-spotify">Spotify</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Tidal']);" target="_blank" rel="noopener" href="https://listen.tidal.com/artist/10745925" alt="Stream from Tidal" title="Stream from Tidal" class="button small icon brands fa-creative-commons-sampling">Tidal</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'AppleMusic']);" target="_blank" rel="noopener" href="https://itunes.apple.com/us/artist/%E5%BE%92-setto-%E3%82%BB%E3%83%83%E3%83%88/1447055514" alt="Stream from Apple Music" title="Stream from Apple Music" class="button small icon brands fa-apple">Apple Music</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'GooglePlay']);" target="_blank" rel="noopener" href="https://play.google.com/store/music/artist/%E5%BE%92_setto_%E3%82%BB%E3%83%83%E3%83%88?id=Ayi4avjpfyinbrepzebpsvpjc5a" alt="Stream from Google Play" title="Stream from Google Play" class="button small icon brands fa-google-play">Google Play</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Deezer']);" target="_blank" rel="noopener" href="https://www.deezer.com/fr/artist/56004012" alt="Stream from Deezer" title="Stream from Deezer" class="button small icon brands fa-creative-commons-sampling">Deezer</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Napster']);" target="_blank" rel="noopener" href="https://us.napster.com/artist/-setto-" alt="Stream from Napster" title="Stream from Napster" class="button small icon brands fa-napster">Napster</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Youtube']);" target="_blank" rel="noopener" href="https://www.youtube.com/channel/UCKlONOrOgNQjBjxUyPj4jcw/playlists" alt="Stream from Youtube" title="Stream from Youtube" class="button small icon brands fa-youtube">Youtube</a>
</div>
</section>
<footer id="footer" class="wrapper style1 align-center">
<div class="footflex">
<div>
<h4>徒 setto セット</h4>
<p>Set, Party, Gang! &#35;Cybersoul.
<br /><a href="mailto:setto@basspistol.com">setto@basspistol.com</a></p>
</div>
<div> <div>
<h3>徒 setto セット</h3>
<p>Set, Party, Gang! &#35;Cybersoul.</p>
<ul> <ul>
<li><a href="../../../">Home</a></li> <li><a href="../../../">Home</a></li>
@ -428,33 +320,69 @@
</ul> </ul>
</div> </div>
<div><img src="../../../images/setto-logo-dark.svg" style="max-width:300px" alt="徒 setto セット Logo" /></div> <div><img src="../../../images/setto_logo.svg" width="100%" alt="徒 setto セット Logo" /></div>
<div style="text-align: center;">
<a target="_blank" alt="徒 setto セット on Twitter" title="徒 setto セット on Twitter" rel="noopener"
href="https://twitter.com/ToSettoSetto" class="icon small fab fa-twitter"><span class="label">Twitter</span></a>
<a target="_blank" alt="徒 setto セット on Instagram" title="徒 setto セット on Instagram" rel="noopener"
href="https://www.instagram.com/tosettosetto/" class="icon small fab fa-instagram"><span class="label">Instagram</span></a>
<a target="_blank" alt="徒 setto セット on Telegram" title="徒 setto セット on Telegram" rel="noopener"
href="https://t.me/basspistol" 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" href="mailto:setto@basspistol.com" class="icon small fas fa-envelope-open-text"><span
class="label">Email</span></a>
</div> </div>
<div class="inner"> <small>
<ul class="icons">
<p>&copy;2020 Basspistol | <a href="../../../webcreds/">Credits</a> | <a
<li><a target="_blank" alt="徒 setto セット on Twitter" title="徒 setto セット on Twitter" rel="noopener" href="https://twitter.com/ToSettoSetto" class="icon brands style2 fa-twitter"><span class="label">Twitter</span></a></li> href="../../../cookies/">Cookies & Privacy</a></p>
</small>
<li><a target="_blank" alt="徒 setto セット on Instagram" title="徒 setto セット on Instagram" rel="noopener" href="https://www.instagram.com/tosettosetto/" class="icon brands style2 fa-instagram"><span class="label">Instagram</span></a></li>
<li><a target="_blank" alt="徒 setto セット on Telegram" title="徒 setto セット on Telegram" rel="noopener" href="https://t.me/basspistol" class="icon brands style2 fa-telegram"><span class="label">Telegram</span></a></li>
<li><a target="_blank" alt="徒 setto セット on Reddit" title="徒 setto セット on Reddit" rel="noopener" href="https://www.reddit.com/r/basspistol" class="icon brands style2 fa-reddit"><span class="label">Reddit</span></a></li>
</ul>
<p>&copy;2020 Basspistol | <a href="../../../webcreds/">Credits</a> | <a href="../../../cookies/">Cookies & Privacy</a></p>
</div>
</footer> </footer>
<!-- End Post Navigation -->
</div>
<!-- Audio player-->
<div id="fixedPlayer" class="showplayer hideplayer">
<div id="audiowrap">
<div id="audio0">
<audio controls autoplay preload="metadata" data-matomo-title="EP-Life of a Dudelini">
<source src="https://media.basspistol.com/setto.basspistol.com/live-with-hardware/1-ep-life-of-a-dudelini.mp3" type="audio/mpeg" ontimeupdate='updateTrackTime(this);' />
<h1>Your browser isn't ready for so much hotness. Use the download-link instead.</h1>.
</audio>
</div>
</div>
<div id="nowPlay">
<div id="tracks">
<a id="btnPrev" href="/albums/darkweb/4-darkweb-instrumental-/"><span class="fas fa-fast-backward"></span></a>
<a id="btnNext"href="/albums/satoshi-mon-ami/1-k-as-tu-fait-de-nous-/"><span class="fas fa-fast-forward"></span></a>
</div>
<p class="right" id="npTitle" style="font-weight: bold;">EP-Life of a Dudelini </a></p>
</div>
</div>
<script type="text/javascript"> <script type="text/javascript">
function loadUrl(newLocation) { function loadUrl(newLocation) {
@ -465,6 +393,7 @@
var mu = document.getElementsByTagName("audio")[0]; var mu = document.getElementsByTagName("audio")[0];
var pauseButton = document.getElementById("mu_pause"); var pauseButton = document.getElementById("mu_pause");
var spincover = document.getElementById("coverart"); var spincover = document.getElementById("coverart");
var fixedplayer = document.getElementById("fixedPlayer");
mu.addEventListener('ended', function () { mu.addEventListener('ended', function () {
// only functional if "loop" is removed // only functional if "loop" is removed
@ -474,10 +403,8 @@
}); });
mu.onplaying = function() { mu.onplaying = function() {
pauseButton.innerHTML = "Pause"; pauseButton.innerHTML = "Pause";
pauseButton.classList.remove("fa-play"); fixedplayer.classList.remove("hideplayer");
pauseButton.classList.add("fa-pause");
spincover.classList.add("spinnit");
spincover.classList.remove("paused");
}; };
pauseButton.addEventListener("click", function () { pauseButton.addEventListener("click", function () {
@ -487,82 +414,85 @@
} }
else { else {
mu.pause(); mu.pause();
pauseButton.innerHTML = "Resume";
pauseButton.classList.add("fa-play");
pauseButton.classList.remove("fa-pause");
spincover.classList.add("paused");
} }
}); });
mu.addEventListener('playing', function () {
mu.addEventListener('timeupdate', function () { spincover.classList.add("spinnit");
var timestamp = Math.floor(mu.currentTime); spincover.classList.remove("paused");
var hours = Math.floor(timestamp / 60 / 60);
var minutes = Math.floor(timestamp / 60) - (hours * 60);
var seconds = timestamp % 60;
var formatted = hours.toString().padStart(2, '0') + ':' + minutes.toString().padStart(2, '0') + ':' + seconds.toString().padStart(2, '0');
var thecurrentSpan = document.getElementById("tracktime");
thecurrentSpan.innerHTML = formatted + ' / ';
}); });
mu.addEventListener('pause', function () {
spincover.classList.add("paused");
pauseButton.innerHTML = "Resume";
});
</script> </script>
</div> <!-- Footer -->
<!-- Navigation -->
<div id="logo" class="logo">
<a href="/"><img width="100em" src="/images/setto-logoicon.svg" alt="徒 setto セット Logo" /></a>
&nbsp;&nbsp;&nbsp;<a href="#navbar" onclick="blurBody()" alt="Navigation Menu" title="Navigation Menu"><span class="icon solid fa-bars navmenu"></span></a>
</div>
<div id="navbar" style="display: block;" class="modalDialog"> <!-- END Footer -->
<a href="#close" onclick="removeBlur()" alt="Close Menu" title="Close Menu"><div id="closearea"> </div></a>
</div>
<!-- END Wrapper -->
<!-- Navigation -->
<div id="sticky" class="logo sticky">
<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> <nav>
<a href="#close" title="Close" onclick="removeBlur()" class="close-button close" style="margin: 0 auto;">X</a> <a href="#close" title="Close" onclick="removeBlur()" class="close-button">X</a>
<ul> <ul>
<li><a href="../../../" class="button smaller">Home</a></li> <li><a href="../../../" class="button">home</a></li>
<li><a href="../../../discography/" class="button smaller">Discog</a></li> <li><a href="../../../discography/" class="button">Discog</a></li>
<li><a href="../../../log/" class="button smaller">Log</a></li> <li><a href="../../../log/" class="button">Log</a></li>
<li><a href="../../../about/" class="button smaller">About</a></li> <li><a href="../../../about/" class="button">About</a></li>
<li><a href="../../../links/" class="button smaller">Links</a></li> <li><a href="../../../links/" class="button">Links</a></li>
</ul> </ul>
</nav> </nav>
</div> </div>
<!-- End Navigation --> <!-- End Navigation -->
<!-- Scripts -->
<script src="../../../assets/js/jquery.min.js"></script>
<script src="../../../assets/js/jquery.scrollex.min.js"></script>
<script src="../../../assets/js/jquery.scrolly.min.js"></script>
<script src="../../../assets/js/browser.min.js"></script>
<script src="../../../assets/js/breakpoints.min.js"></script>
<script src="../../../assets/js/util.js"></script>
<script src="../../../assets/js/main.js"></script>
<script src="../../../assets/js/set.js"></script>
<div id="cookie-notice"> <div id="cookie-notice">
<p>I only use cookies if you consent to it. They don't contain any identifiable info: they just let me know if you enjoyed this enough to come back. <br />Click <a href="#" id="cookie-notice-decline">here</a> if you want this shit to go away without cookies. <br />Read more about how me & basspistol <a href="/cookies/">use cookies</a> </p>
<a class="button small yes" href="#" id="cookie-notice-accept">I'm in!</a> <p>I only use cookies if you consent to it. They don't contain any identifiable info: they just let me know if you
enjoyed this enough to come back.
<br />Click <a href="#" id="cookie-notice-decline">here</a> if you want this shit to go away without cookies.
<br />Read more about how me & basspistol <a href="/cookies/">use cookies</a>
</p>
<a class="button yes" href="#"
id="cookie-notice-accept">I'm in!</a>
</div> </div>
<script> <script>
@ -661,5 +591,12 @@ _paq.push(['enableLinkTracking']);
</script> </script>
<!-- Scripts -->
<script src="../../../assets/js/set.js"></script>
</body> </body>
</html> </html>

658
albums/satoshi-mon-ami/1-k-as-tu-fait-de-nous-/index.html
View file

@ -1,8 +1,7 @@
<!DOCTYPE html> <!DOCTYPE HTML>
<!-- <!--
Based on _Story_ by html5up.net | @ajlkn Publikatorized by Sakrecoer
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
Remixed and Jekyllified by Setto
--> -->
<html lang="en"> <html lang="en">
<head> <head>
@ -93,51 +92,78 @@
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" /> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
<link rel="stylesheet" href="../../../assets/css/main20200727.css" /> <link rel="stylesheet" href="../../../assets/css/all.min.css" />
<link rel="stylesheet" href="../../../assets/css/main.css" />
<link rel="apple-touch-icon" href="https://setto.basspistol.com/apple-touch-icon.png" /> <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="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" /> <link rel="shortcut icon" href="https://setto.basspistol.com/images/setto-logoicon.svg" type="image/png" />
<noscript><link rel="stylesheet" href="../../../assets/css/noscript20200727.css" /></noscript> <noscript><link rel="stylesheet" href="../../../assets/css/noscripts.css" /></noscript>
</head> </head>
<body id="body"> <body>
<span id="top" style="display: none;"></span> <!-- Wrapper -->
<!-- Wrapper --> <div id="main-wrapper">
<div id="wrapper" class="divided" data-cms-content-wrapper="/_layouts/default.html">
<!-- Banner --> <!-- Banner -->
<section
class="banner onload-image-fade-in onload-content-fade-right style3 fullscreen content-align-center image-position-center" style="background-image:url('https://media.basspistol.com/setto.basspistol.com/satoshi-mon-ami/1-k-as-tu-fait-de-nous-.jpeg');background-size: cover; background-repeat: no-repeat;">
<div style="z-index:0;position:absolute; top:0; left:0; width:100%;min-height:100%;background-color: rgba(13, 13 ,13, 0.5);"></div>
<div id="mainwrap" class="content" style="z-index:1">
<h1 style="margin-top:80px">K'as-tu fait de nous?</h1>
<p><strong>Cyber Soul</strong> by <strong>徒 Setto セット</strong>
<br />2018
</p>
<p><strong><span id="tracktime"></span></strong><span id="kastufaitdenous"></span></strong></p>
<script type="text/javascript"> <div id="trackArt">
var kastufaitdenoustimestamp = 305; <section>
var kastufaitdenoushours = Math.floor(kastufaitdenoustimestamp / 60 / 60); <div class="coverartwrapper">
var kastufaitdenousminutes = Math.floor(kastufaitdenoustimestamp / 60) - (kastufaitdenoushours * 60); <div class="coverartwrapped" id="coverart" style="background-image: url(https://media.basspistol.com/setto.basspistol.com/satoshi-mon-ami/1-k-as-tu-fait-de-nous-.jpeg);"></div>
var kastufaitdenousseconds = kastufaitdenoustimestamp % 60;
var kastufaitdenousformatted = kastufaitdenoushours.toString().padStart(2, '0') + ':' + kastufaitdenousminutes.toString().padStart(2, '0') + ':' + kastufaitdenousseconds.toString().padStart(2, '0');
var theSpan = document.getElementById("kastufaitdenous");
theSpan.innerHTML = kastufaitdenousformatted;
</script>
<ul class="actions stacked">
<li><button id="mu_pause" class="button small icon solid fa-play">Play!</button></li>
</ul>
</div> </div>
<div id="noJSalbum" class="content" style="z-index:1"> <div class="playbutton">
<a id="mu_pause" class="button">Play!</a>
</div>
<p><strong>Cyber Soul</strong> by <strong>徒 Setto セット</strong>
<br />2018
</p>
</section>
</div>
<!-- Content -->
<div id="trackInfo">
<section>
<h1 style="margin-top:80px">K'as-tu fait de nous?</h1>
<p><strong>5:05</strong></p>
<div id="author">
<div class="bio">
<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/albums/satoshi-mon-ami/1-k-as-tu-fait-de-nous-/&amp;quote=1 K As Tu Fait De Nous%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/albums/satoshi-mon-ami/1-k-as-tu-fait-de-nous-/&amp;text=1 K As Tu Fait De Nous%20by%20徒 setto セット%20&amp;hashtags=paxNion"
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/albums/satoshi-mon-ami/1-k-as-tu-fait-de-nous-/&amp;text=1 K As Tu Fait De Nous%20by%20徒 setto セット"
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/albums/satoshi-mon-ami/1-k-as-tu-fait-de-nous-/&amp;title=1 K As Tu Fait De Nous%20by%20徒 setto セット"
class="icon smaller fab fa-reddit"><span class="label">Reddit</span></a>
</ul>
</div>
</div>
<div class="noJSalbum">
<h1 style="margin-top:80px">K'as-tu fait de nous?</h1> <h1 style="margin-top:80px">K'as-tu fait de nous?</h1>
<p><strong>Cyber Soul</strong> by <strong>徒 Setto セット</strong> <p><strong>Cyber Soul</strong> by <strong>徒 Setto セット</strong>
<br />2018 <br />2018
@ -146,57 +172,16 @@
<p><strong>5:05</strong></p> <p><strong>5:05</strong></p>
<ul class="actions stacked"> <ul class="actions stacked">
<li><a class="button small icon solid fa-play" target="_blank" rel="noopener" href="https://media.basspistol.com/setto.basspistol.com/satoshi-mon-ami/1-k-as-tu-fait-de-nous-.mp3">Play!</a></li> <li><a class="button" target="_blank" rel="noopener" href="https://media.basspistol.com/setto.basspistol.com/satoshi-mon-ami/1-k-as-tu-fait-de-nous-.mp3"><span class="fas fa-play"></span> Play!</a></li>
</ul> </ul>
</div> </div>
<div class="image">
<img src="https://media.basspistol.com/setto.basspistol.com/satoshi-mon-ami/1-k-as-tu-fait-de-nous-.jpeg" alt="1 K As Tu Fait De Nous logo" id="coverart" />
</div>
</section>
<!-- Content --> <!-- Content -->
<section class="wrapper style1 align-center">
<div class="inner" style="padding-top:40px">
<div class="index align-left">
<section style="padding-top:40px">
<header id="author"> <div class="info">
<div class="bio"> <p>
<h6>
Share this page:
</h6>
<ul class="icons">
<li><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/albums/satoshi-mon-ami/1-k-as-tu-fait-de-nous-/&amp;quote=1 K As Tu Fait De Nous%20by%20徒 setto セット%20via%20https://setto.basspistol.com" class="icon brands style1 fa-facebook-f"><span class="label">Facebook</span></a></li>
<li><a target="_blank" rel="nofollow noopener" title="Share to twitter" alt="Share to twitter" href="https://twitter.com/share?url=https://setto.basspistol.com/albums/satoshi-mon-ami/1-k-as-tu-fait-de-nous-/&amp;text=1 K As Tu Fait De Nous%20by%20徒 setto セット%20&amp;hashtags=paxNion" class="icon brands style1 fa-twitter"><span class="label">Twitter</span></a></li>
<li><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/albums/satoshi-mon-ami/1-k-as-tu-fait-de-nous-/&amp;text=1 K As Tu Fait De Nous%20by%20徒 setto セット" class="icon brands style1 fa-telegram"><span class="label">Telegram</span></a></li>
<li><a target="_blank" rel="nofollow noopener" title="Share to reddit" alt="Share to reddit" href="https://reddit.com/submit/?url=https://setto.basspistol.com/albums/satoshi-mon-ami/1-k-as-tu-fait-de-nous-/&amp;title=1 K As Tu Fait De Nous%20by%20徒 setto セット" class="icon brands style1 fa-reddit"><span class="label">Reddit</span></a></li>
</ul>
<a href="../../../satoshi-mon-ami/" class="button smaller"> Back to Album</a><br /><br />
</div>
</header>
<!-- Content -->
<div class="content">
<p style="font-size:16px;">
Qu'as-tu fais de nous <br /> Qu'as-tu fais de nous <br />
WTF coucou <br /> WTF coucou <br />
Qu'as tu fais de nous <br /> Qu'as tu fais de nous <br />
@ -252,254 +237,140 @@ WTF coucou <br />
Qu'as tu fais de nous <br /> Qu'as tu fais de nous <br />
WTF coucou WTF coucou
</p> </p>
</div>
<p> <p>
</p> </p>
<a href="../../../satoshi-mon-ami/" class="button">See release page</a>
</section>
<section class="streambox">
<h2>Get this track</h2>
<div class="streamer">
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Bandcamp']);" target="_blank" rel="noopener" href="https://shop.basspistol.com/album/satoshi-mon-ami" title="Stream from Bandcamp" class="icon fab fa-bandcamp"><span class="label">Bandcamp</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Tidal']);" target="_blank" rel="noopener" href="https://listen.tidal.com/album/101186541" title="Stream from Tidal" class="icon fab fa-creative-commons-sampling"><span class="label">Tidal</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Spotify']);" target="_blank" rel="noopener" href="https://open.spotify.com/album/116YJCcI5T9Iw9UBQCvJWF" title="Stream from Spotify" class="icon fab fa-spotify"><span class="label">Spotify</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'AppleMusic']);" target="_blank" rel="noopener" href="https://itunes.apple.com/us/album/satoshi-mon-ami-single/1447055511?uo=4&app=music&at=1001lry3&ct=dashboard" title="Stream from Apple Music" class="icon fab fa-apple"><span class="label">Apple Music</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'GooglePlay']);" target="_blank" rel="noopener" href="https://play.google.com/store/music/album/%E5%BE%92_setto_%E3%82%BB%E3%83%83%E3%83%88_Satoshi_mon_ami?id=Bygwvidl75kflmclmchl6wc5uba" title="Stream from Google Play" class="icon fab fa-google-play"><span class="label">Google Play</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Deezer']);" target="_blank" rel="noopener" href="https://www.deezer.com/album/82118382" title="Stream from Deezer" class="icon fab fa-deezer"><span class="label">Deezer</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Napster']);" target="_blank" rel="noopener" href="https://us.napster.com/artist/-setto-/album/satoshi-mon-ami" title="Stream from Napster" class="icon fab fa-napster"><span class="label">Napster</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Youtube']);" target="_blank" rel="noopener" href="https://www.youtube.com/playlist?list=OLAK5uy_nyQUN9OxdEy7wHql798vuBxt6o4GQhdQk" title="Stream from Youtube" class="icon fab fa-youtube"><span class="label">Youtube</span></a>
</div> </div>
</section> </section>
</div>
</div>
</section>
<!-- post Naviation -->
<section class="post-navigation">
<h2>Track Navigation</h2>
<section class="streambox" style="padding: 40px;">
<h2 style="text-align: center;display: block;">Get this track</h2>
<div class="streamer">
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Bandcamp']);" target="_blank" rel="noopener" href="https://shop.basspistol.com/album/satoshi-mon-ami" alt="Stream from Bandcamp" title="Stream from Bandcamp" class="button small icon brands fa-bandcamp">Bandcamp</a>
</div>
<p style="text-align: center;display: block;margin-top:40px;">Stream it, follow, like and subscribe!</p>
<div class="streamer">
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Tidal']);" target="_blank" rel="noopener" href="https://listen.tidal.com/album/101186541" alt="Stream from Tidal" title="Stream from Tidal" class="button small icon brands fa-creative-commons-sampling">Tidal</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Spotify']);" target="_blank" rel="noopener" href="https://open.spotify.com/album/116YJCcI5T9Iw9UBQCvJWF" alt="Stream from Spotify" title="Stream from Spotify" class="button small icon brands fa-spotify">Spotify</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'AppleMusic']);" target="_blank" rel="noopener" href="https://itunes.apple.com/us/album/satoshi-mon-ami-single/1447055511?uo=4&app=music&at=1001lry3&ct=dashboard" alt="Stream from Apple Music" title="Stream from Apple Music" class="button small icon brands fa-apple">Apple Music</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'GooglePlay']);" target="_blank" rel="noopener" href="https://play.google.com/store/music/album/%E5%BE%92_setto_%E3%82%BB%E3%83%83%E3%83%88_Satoshi_mon_ami?id=Bygwvidl75kflmclmchl6wc5uba" alt="Stream from Google Play" title="Stream from Google Play" class="button small icon brands fa-google-play">Google Play</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Deezer']);" target="_blank" rel="noopener" href="https://www.deezer.com/album/82118382" alt="Stream from Deezer" title="Stream from Deezer" class="button small icon brands fa-creative-commons-sampling">Deezer</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Napster']);" target="_blank" rel="noopener" href="https://us.napster.com/artist/-setto-/album/satoshi-mon-ami" alt="Stream from Napster" title="Stream from Napster" class="button small icon brands fa-napster">Napster</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Youtube']);" target="_blank" rel="noopener" href="https://www.youtube.com/playlist?list=OLAK5uy_nyQUN9OxdEy7wHql798vuBxt6o4GQhdQk" alt="Stream from Youtube" title="Stream from Youtube" class="button small icon brands fa-youtube">Youtube</a>
</div>
</section>
<!-- Page navigation -->
<section class="wrapper style1 align-center">
<div class="inner">
<div class="index align-left">
<!-- Author -->
<section>
<!-- Content -->
<div class="content">
<!-- post Naviation -->
<div style="text-align: center;">
<h3>Play more songs grom this release</h3>
</div>
<div class="post-nav"> <div class="post-nav">
<div>
<h4><a href="../../../albums/satoshi-mon-ami/2-r-ve-de-toi/" alt="Read Rêve de toi" title="Read Rêve de toi"><i class="fas fa-arrow-left"></i></a> <a
href="../../../albums/satoshi-mon-ami/2-r-ve-de-toi/">&nbsp;Rêve de toi</a> <h4><a href="/albums/live-with-hardware/1-ep-life-of-a-dudelini/" alt="Read 1 Ep Life Of A Dudelini" title="Read 1 Ep Life Of A Dudelini"><span
</h4> class="fas fa-arrow-left"></span>&nbsp;Previous</a></h4>
<h3>EP-Life of a Dudelini</h3>
<p></p>
</div> </div>
<div class="post-nav-next"> <div class="post-nav-next">
<h4><a href="../../../albums/satoshi-mon-ami/2-r-ve-de-toi/">&nbsp;Rêve de toi</a> <a <h4><a href="/albums/satoshi-mon-ami/2-r-ve-de-toi/">Next&nbsp;<span class="fas fa-arrow-right"></span></a></h4>
href="../../../albums/satoshi-mon-ami/2-r-ve-de-toi/" alt="Read Rêve de toi" title="Read Rêve de toi"><i class="fas fa-arrow-right"></i></a></h4> <h3>Rêve de toi</h3>
<p></p>
</div> </div>
</div>
<!-- End Post Navigation -->
</div>
</section>
</div>
</div>
</section> </section>
<!-- Audio player-->
<audio autoplay preload="metadata" data-matomo-title="K'as-tu fait de nous?">
<source src="https://media.basspistol.com/setto.basspistol.com/satoshi-mon-ami/1-k-as-tu-fait-de-nous-.mp3" type="audio/mpeg" ontimeupdate='updateTrackTime(this);' />
<h1>Your browser isn't ready for so much hotness. Use the download-link instead.</h1>.
</audio>
<!-- Footer --> <!-- Footer -->
<footer>
<section class="streambox" style="padding: 40px;">
<h2 style="text-align: center;display: block;">Get this track</h2>
<div class="streamer">
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Bandcamp']);" target="_blank" rel="noopener" href="https://shop.basspistol.com/album/satoshi-mon-ami" alt="Stream from Bandcamp" title="Stream from Bandcamp" class="button small icon brands fa-bandcamp">Bandcamp</a>
</div>
<p style="text-align: center;display: block;margin-top:40px;">Stream it, follow, like and subscribe!</p>
<div class="streamer">
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Tidal']);" target="_blank" rel="noopener" href="https://listen.tidal.com/album/101186541" alt="Stream from Tidal" title="Stream from Tidal" class="button small icon brands fa-creative-commons-sampling">Tidal</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Spotify']);" target="_blank" rel="noopener" href="https://open.spotify.com/album/116YJCcI5T9Iw9UBQCvJWF" alt="Stream from Spotify" title="Stream from Spotify" class="button small icon brands fa-spotify">Spotify</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'AppleMusic']);" target="_blank" rel="noopener" href="https://itunes.apple.com/us/album/satoshi-mon-ami-single/1447055511?uo=4&app=music&at=1001lry3&ct=dashboard" alt="Stream from Apple Music" title="Stream from Apple Music" class="button small icon brands fa-apple">Apple Music</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'GooglePlay']);" target="_blank" rel="noopener" href="https://play.google.com/store/music/album/%E5%BE%92_setto_%E3%82%BB%E3%83%83%E3%83%88_Satoshi_mon_ami?id=Bygwvidl75kflmclmchl6wc5uba" alt="Stream from Google Play" title="Stream from Google Play" class="button small icon brands fa-google-play">Google Play</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Deezer']);" target="_blank" rel="noopener" href="https://www.deezer.com/album/82118382" alt="Stream from Deezer" title="Stream from Deezer" class="button small icon brands fa-creative-commons-sampling">Deezer</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Napster']);" target="_blank" rel="noopener" href="https://us.napster.com/artist/-setto-/album/satoshi-mon-ami" alt="Stream from Napster" title="Stream from Napster" class="button small icon brands fa-napster">Napster</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Youtube']);" target="_blank" rel="noopener" href="https://www.youtube.com/playlist?list=OLAK5uy_nyQUN9OxdEy7wHql798vuBxt6o4GQhdQk" alt="Stream from Youtube" title="Stream from Youtube" class="button small icon brands fa-youtube">Youtube</a>
</div>
</section>
<footer id="footer" class="wrapper style1 align-center">
<div class="footflex">
<div>
<h4>徒 setto セット</h4>
<p>Set, Party, Gang! &#35;Cybersoul.
<br /><a href="mailto:setto@basspistol.com">setto@basspistol.com</a></p>
</div>
<div> <div>
<h3>徒 setto セット</h3>
<p>Set, Party, Gang! &#35;Cybersoul.</p>
<ul> <ul>
<li><a href="../../../">Home</a></li> <li><a href="../../../">Home</a></li>
@ -515,33 +386,69 @@ WTF coucou
</ul> </ul>
</div> </div>
<div><img src="../../../images/setto-logo-dark.svg" style="max-width:300px" alt="徒 setto セット Logo" /></div> <div><img src="../../../images/setto_logo.svg" width="100%" alt="徒 setto セット Logo" /></div>
<div style="text-align: center;">
<a target="_blank" alt="徒 setto セット on Twitter" title="徒 setto セット on Twitter" rel="noopener"
href="https://twitter.com/ToSettoSetto" class="icon small fab fa-twitter"><span class="label">Twitter</span></a>
<a target="_blank" alt="徒 setto セット on Instagram" title="徒 setto セット on Instagram" rel="noopener"
href="https://www.instagram.com/tosettosetto/" class="icon small fab fa-instagram"><span class="label">Instagram</span></a>
<a target="_blank" alt="徒 setto セット on Telegram" title="徒 setto セット on Telegram" rel="noopener"
href="https://t.me/basspistol" 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" href="mailto:setto@basspistol.com" class="icon small fas fa-envelope-open-text"><span
class="label">Email</span></a>
</div> </div>
<div class="inner"> <small>
<ul class="icons">
<p>&copy;2020 Basspistol | <a href="../../../webcreds/">Credits</a> | <a
<li><a target="_blank" alt="徒 setto セット on Twitter" title="徒 setto セット on Twitter" rel="noopener" href="https://twitter.com/ToSettoSetto" class="icon brands style2 fa-twitter"><span class="label">Twitter</span></a></li> href="../../../cookies/">Cookies & Privacy</a></p>
</small>
<li><a target="_blank" alt="徒 setto セット on Instagram" title="徒 setto セット on Instagram" rel="noopener" href="https://www.instagram.com/tosettosetto/" class="icon brands style2 fa-instagram"><span class="label">Instagram</span></a></li>
<li><a target="_blank" alt="徒 setto セット on Telegram" title="徒 setto セット on Telegram" rel="noopener" href="https://t.me/basspistol" class="icon brands style2 fa-telegram"><span class="label">Telegram</span></a></li>
<li><a target="_blank" alt="徒 setto セット on Reddit" title="徒 setto セット on Reddit" rel="noopener" href="https://www.reddit.com/r/basspistol" class="icon brands style2 fa-reddit"><span class="label">Reddit</span></a></li>
</ul>
<p>&copy;2020 Basspistol | <a href="../../../webcreds/">Credits</a> | <a href="../../../cookies/">Cookies & Privacy</a></p>
</div>
</footer> </footer>
<!-- End Post Navigation -->
</div>
<!-- Audio player-->
<div id="fixedPlayer" class="showplayer hideplayer">
<div id="audiowrap">
<div id="audio0">
<audio controls autoplay preload="metadata" data-matomo-title="K'as-tu fait de nous?">
<source src="https://media.basspistol.com/setto.basspistol.com/satoshi-mon-ami/1-k-as-tu-fait-de-nous-.mp3" type="audio/mpeg" ontimeupdate='updateTrackTime(this);' />
<h1>Your browser isn't ready for so much hotness. Use the download-link instead.</h1>.
</audio>
</div>
</div>
<div id="nowPlay">
<div id="tracks">
<a id="btnPrev" href="/albums/live-with-hardware/1-ep-life-of-a-dudelini/"><span class="fas fa-fast-backward"></span></a>
<a id="btnNext"href="/albums/satoshi-mon-ami/2-r-ve-de-toi/"><span class="fas fa-fast-forward"></span></a>
</div>
<p class="right" id="npTitle" style="font-weight: bold;">K'as-tu fait de nous? </a></p>
</div>
</div>
<script type="text/javascript"> <script type="text/javascript">
function loadUrl(newLocation) { function loadUrl(newLocation) {
@ -552,6 +459,7 @@ WTF coucou
var mu = document.getElementsByTagName("audio")[0]; var mu = document.getElementsByTagName("audio")[0];
var pauseButton = document.getElementById("mu_pause"); var pauseButton = document.getElementById("mu_pause");
var spincover = document.getElementById("coverart"); var spincover = document.getElementById("coverart");
var fixedplayer = document.getElementById("fixedPlayer");
mu.addEventListener('ended', function () { mu.addEventListener('ended', function () {
// only functional if "loop" is removed // only functional if "loop" is removed
@ -561,10 +469,8 @@ WTF coucou
}); });
mu.onplaying = function() { mu.onplaying = function() {
pauseButton.innerHTML = "Pause"; pauseButton.innerHTML = "Pause";
pauseButton.classList.remove("fa-play"); fixedplayer.classList.remove("hideplayer");
pauseButton.classList.add("fa-pause");
spincover.classList.add("spinnit");
spincover.classList.remove("paused");
}; };
pauseButton.addEventListener("click", function () { pauseButton.addEventListener("click", function () {
@ -574,82 +480,85 @@ WTF coucou
} }
else { else {
mu.pause(); mu.pause();
pauseButton.innerHTML = "Resume";
pauseButton.classList.add("fa-play");
pauseButton.classList.remove("fa-pause");
spincover.classList.add("paused");
} }
}); });
mu.addEventListener('playing', function () {
mu.addEventListener('timeupdate', function () { spincover.classList.add("spinnit");
var timestamp = Math.floor(mu.currentTime); spincover.classList.remove("paused");
var hours = Math.floor(timestamp / 60 / 60);
var minutes = Math.floor(timestamp / 60) - (hours * 60);
var seconds = timestamp % 60;
var formatted = hours.toString().padStart(2, '0') + ':' + minutes.toString().padStart(2, '0') + ':' + seconds.toString().padStart(2, '0');
var thecurrentSpan = document.getElementById("tracktime");
thecurrentSpan.innerHTML = formatted + ' / ';
}); });
mu.addEventListener('pause', function () {
spincover.classList.add("paused");
pauseButton.innerHTML = "Resume";
});
</script> </script>
</div> <!-- Footer -->
<!-- Navigation -->
<div id="logo" class="logo">
<a href="/"><img width="100em" src="/images/setto-logoicon.svg" alt="徒 setto セット Logo" /></a>
&nbsp;&nbsp;&nbsp;<a href="#navbar" onclick="blurBody()" alt="Navigation Menu" title="Navigation Menu"><span class="icon solid fa-bars navmenu"></span></a>
</div>
<div id="navbar" style="display: block;" class="modalDialog"> <!-- END Footer -->
<a href="#close" onclick="removeBlur()" alt="Close Menu" title="Close Menu"><div id="closearea"> </div></a>
</div>
<!-- END Wrapper -->
<!-- Navigation -->
<div id="sticky" class="logo sticky">
<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> <nav>
<a href="#close" title="Close" onclick="removeBlur()" class="close-button close" style="margin: 0 auto;">X</a> <a href="#close" title="Close" onclick="removeBlur()" class="close-button">X</a>
<ul> <ul>
<li><a href="../../../" class="button smaller">Home</a></li> <li><a href="../../../" class="button">home</a></li>
<li><a href="../../../discography/" class="button smaller">Discog</a></li> <li><a href="../../../discography/" class="button">Discog</a></li>
<li><a href="../../../log/" class="button smaller">Log</a></li> <li><a href="../../../log/" class="button">Log</a></li>
<li><a href="../../../about/" class="button smaller">About</a></li> <li><a href="../../../about/" class="button">About</a></li>
<li><a href="../../../links/" class="button smaller">Links</a></li> <li><a href="../../../links/" class="button">Links</a></li>
</ul> </ul>
</nav> </nav>
</div> </div>
<!-- End Navigation --> <!-- End Navigation -->
<!-- Scripts -->
<script src="../../../assets/js/jquery.min.js"></script>
<script src="../../../assets/js/jquery.scrollex.min.js"></script>
<script src="../../../assets/js/jquery.scrolly.min.js"></script>
<script src="../../../assets/js/browser.min.js"></script>
<script src="../../../assets/js/breakpoints.min.js"></script>
<script src="../../../assets/js/util.js"></script>
<script src="../../../assets/js/main.js"></script>
<script src="../../../assets/js/set.js"></script>
<div id="cookie-notice"> <div id="cookie-notice">
<p>I only use cookies if you consent to it. They don't contain any identifiable info: they just let me know if you enjoyed this enough to come back. <br />Click <a href="#" id="cookie-notice-decline">here</a> if you want this shit to go away without cookies. <br />Read more about how me & basspistol <a href="/cookies/">use cookies</a> </p>
<a class="button small yes" href="#" id="cookie-notice-accept">I'm in!</a> <p>I only use cookies if you consent to it. They don't contain any identifiable info: they just let me know if you
enjoyed this enough to come back.
<br />Click <a href="#" id="cookie-notice-decline">here</a> if you want this shit to go away without cookies.
<br />Read more about how me & basspistol <a href="/cookies/">use cookies</a>
</p>
<a class="button yes" href="#"
id="cookie-notice-accept">I'm in!</a>
</div> </div>
<script> <script>
@ -748,5 +657,12 @@ _paq.push(['enableLinkTracking']);
</script> </script>
<!-- Scripts -->
<script src="../../../assets/js/set.js"></script>
</body> </body>
</html> </html>

658
albums/satoshi-mon-ami/2-r-ve-de-toi/index.html
View file

@ -1,8 +1,7 @@
<!DOCTYPE html> <!DOCTYPE HTML>
<!-- <!--
Based on _Story_ by html5up.net | @ajlkn Publikatorized by Sakrecoer
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
Remixed and Jekyllified by Setto
--> -->
<html lang="en"> <html lang="en">
<head> <head>
@ -93,51 +92,78 @@
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" /> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
<link rel="stylesheet" href="../../../assets/css/main20200727.css" /> <link rel="stylesheet" href="../../../assets/css/all.min.css" />
<link rel="stylesheet" href="../../../assets/css/main.css" />
<link rel="apple-touch-icon" href="https://setto.basspistol.com/apple-touch-icon.png" /> <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="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" /> <link rel="shortcut icon" href="https://setto.basspistol.com/images/setto-logoicon.svg" type="image/png" />
<noscript><link rel="stylesheet" href="../../../assets/css/noscript20200727.css" /></noscript> <noscript><link rel="stylesheet" href="../../../assets/css/noscripts.css" /></noscript>
</head> </head>
<body id="body"> <body>
<span id="top" style="display: none;"></span> <!-- Wrapper -->
<!-- Wrapper --> <div id="main-wrapper">
<div id="wrapper" class="divided" data-cms-content-wrapper="/_layouts/default.html">
<!-- Banner --> <!-- Banner -->
<section
class="banner onload-image-fade-in onload-content-fade-right style3 fullscreen content-align-center image-position-center" style="background-image:url('https://media.basspistol.com/setto.basspistol.com/satoshi-mon-ami/2-r-ve-de-toi.jpeg');background-size: cover; background-repeat: no-repeat;">
<div style="z-index:0;position:absolute; top:0; left:0; width:100%;min-height:100%;background-color: rgba(13, 13 ,13, 0.5);"></div>
<div id="mainwrap" class="content" style="z-index:1">
<h1 style="margin-top:80px">Rêve de toi</h1>
<p><strong>Cyber Soul</strong> by <strong>徒 Setto セット</strong>
<br />2018
</p>
<p><strong><span id="tracktime"></span></strong><span id="rêvedetoi"></span></strong></p>
<script type="text/javascript"> <div id="trackArt">
var rêvedetoitimestamp = 186; <section>
var rêvedetoihours = Math.floor(rêvedetoitimestamp / 60 / 60); <div class="coverartwrapper">
var rêvedetoiminutes = Math.floor(rêvedetoitimestamp / 60) - (rêvedetoihours * 60); <div class="coverartwrapped" id="coverart" style="background-image: url(https://media.basspistol.com/setto.basspistol.com/satoshi-mon-ami/2-r-ve-de-toi.jpeg);"></div>
var rêvedetoiseconds = rêvedetoitimestamp % 60;
var rêvedetoiformatted = rêvedetoihours.toString().padStart(2, '0') + ':' + rêvedetoiminutes.toString().padStart(2, '0') + ':' + rêvedetoiseconds.toString().padStart(2, '0');
var theSpan = document.getElementById("rêvedetoi");
theSpan.innerHTML = rêvedetoiformatted;
</script>
<ul class="actions stacked">
<li><button id="mu_pause" class="button small icon solid fa-play">Play!</button></li>
</ul>
</div> </div>
<div id="noJSalbum" class="content" style="z-index:1"> <div class="playbutton">
<a id="mu_pause" class="button">Play!</a>
</div>
<p><strong>Cyber Soul</strong> by <strong>徒 Setto セット</strong>
<br />2018
</p>
</section>
</div>
<!-- Content -->
<div id="trackInfo">
<section>
<h1 style="margin-top:80px">Rêve de toi</h1>
<p><strong>3:06</strong></p>
<div id="author">
<div class="bio">
<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/albums/satoshi-mon-ami/2-r-ve-de-toi/&amp;quote=2 R Ve De Toi%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/albums/satoshi-mon-ami/2-r-ve-de-toi/&amp;text=2 R Ve De Toi%20by%20徒 setto セット%20&amp;hashtags=paxNion"
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/albums/satoshi-mon-ami/2-r-ve-de-toi/&amp;text=2 R Ve De Toi%20by%20徒 setto セット"
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/albums/satoshi-mon-ami/2-r-ve-de-toi/&amp;title=2 R Ve De Toi%20by%20徒 setto セット"
class="icon smaller fab fa-reddit"><span class="label">Reddit</span></a>
</ul>
</div>
</div>
<div class="noJSalbum">
<h1 style="margin-top:80px">Rêve de toi</h1> <h1 style="margin-top:80px">Rêve de toi</h1>
<p><strong>Cyber Soul</strong> by <strong>徒 Setto セット</strong> <p><strong>Cyber Soul</strong> by <strong>徒 Setto セット</strong>
<br />2018 <br />2018
@ -146,57 +172,16 @@
<p><strong>3:06</strong></p> <p><strong>3:06</strong></p>
<ul class="actions stacked"> <ul class="actions stacked">
<li><a class="button small icon solid fa-play" target="_blank" rel="noopener" href="https://media.basspistol.com/setto.basspistol.com/satoshi-mon-ami/2-r-ve-de-toi.mp3">Play!</a></li> <li><a class="button" target="_blank" rel="noopener" href="https://media.basspistol.com/setto.basspistol.com/satoshi-mon-ami/2-r-ve-de-toi.mp3"><span class="fas fa-play"></span> Play!</a></li>
</ul> </ul>
</div> </div>
<div class="image">
<img src="https://media.basspistol.com/setto.basspistol.com/satoshi-mon-ami/2-r-ve-de-toi.jpeg" alt="2 R Ve De Toi logo" id="coverart" />
</div>
</section>
<!-- Content --> <!-- Content -->
<section class="wrapper style1 align-center">
<div class="inner" style="padding-top:40px">
<div class="index align-left">
<section style="padding-top:40px">
<header id="author"> <div class="info">
<div class="bio"> <p>
<h6>
Share this page:
</h6>
<ul class="icons">
<li><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/albums/satoshi-mon-ami/2-r-ve-de-toi/&amp;quote=2 R Ve De Toi%20by%20徒 setto セット%20via%20https://setto.basspistol.com" class="icon brands style1 fa-facebook-f"><span class="label">Facebook</span></a></li>
<li><a target="_blank" rel="nofollow noopener" title="Share to twitter" alt="Share to twitter" href="https://twitter.com/share?url=https://setto.basspistol.com/albums/satoshi-mon-ami/2-r-ve-de-toi/&amp;text=2 R Ve De Toi%20by%20徒 setto セット%20&amp;hashtags=paxNion" class="icon brands style1 fa-twitter"><span class="label">Twitter</span></a></li>
<li><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/albums/satoshi-mon-ami/2-r-ve-de-toi/&amp;text=2 R Ve De Toi%20by%20徒 setto セット" class="icon brands style1 fa-telegram"><span class="label">Telegram</span></a></li>
<li><a target="_blank" rel="nofollow noopener" title="Share to reddit" alt="Share to reddit" href="https://reddit.com/submit/?url=https://setto.basspistol.com/albums/satoshi-mon-ami/2-r-ve-de-toi/&amp;title=2 R Ve De Toi%20by%20徒 setto セット" class="icon brands style1 fa-reddit"><span class="label">Reddit</span></a></li>
</ul>
<a href="../../../satoshi-mon-ami/" class="button smaller"> Back to Album</a><br /><br />
</div>
</header>
<!-- Content -->
<div class="content">
<p style="font-size:16px;">
Je rêve de toi <br /> Je rêve de toi <br />
Chaque jour je te vois <br /> Chaque jour je te vois <br />
Je fais pas de faux pas <br /> Je fais pas de faux pas <br />
@ -227,254 +212,140 @@ S’allume, s’éclaire, sonne le vibraphone <br />
J’espère, c'est claire, que c'est la bonne <br /> J’espère, c'est claire, que c'est la bonne <br />
Fois en moi, mais cette fois, toujours pas toi Fois en moi, mais cette fois, toujours pas toi
</p> </p>
</div>
<p> <p>
</p> </p>
<a href="../../../satoshi-mon-ami/" class="button">See release page</a>
</section>
<section class="streambox">
<h2>Get this track</h2>
<div class="streamer">
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Bandcamp']);" target="_blank" rel="noopener" href="https://shop.basspistol.com/album/satoshi-mon-ami" title="Stream from Bandcamp" class="icon fab fa-bandcamp"><span class="label">Bandcamp</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Tidal']);" target="_blank" rel="noopener" href="https://listen.tidal.com/album/101186541" title="Stream from Tidal" class="icon fab fa-creative-commons-sampling"><span class="label">Tidal</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Spotify']);" target="_blank" rel="noopener" href="https://open.spotify.com/album/116YJCcI5T9Iw9UBQCvJWF" title="Stream from Spotify" class="icon fab fa-spotify"><span class="label">Spotify</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'AppleMusic']);" target="_blank" rel="noopener" href="https://itunes.apple.com/us/album/satoshi-mon-ami-single/1447055511?uo=4&app=music&at=1001lry3&ct=dashboard" title="Stream from Apple Music" class="icon fab fa-apple"><span class="label">Apple Music</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'GooglePlay']);" target="_blank" rel="noopener" href="https://play.google.com/store/music/album/%E5%BE%92_setto_%E3%82%BB%E3%83%83%E3%83%88_Satoshi_mon_ami?id=Bygwvidl75kflmclmchl6wc5uba" title="Stream from Google Play" class="icon fab fa-google-play"><span class="label">Google Play</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Deezer']);" target="_blank" rel="noopener" href="https://www.deezer.com/album/82118382" title="Stream from Deezer" class="icon fab fa-deezer"><span class="label">Deezer</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Napster']);" target="_blank" rel="noopener" href="https://us.napster.com/artist/-setto-/album/satoshi-mon-ami" title="Stream from Napster" class="icon fab fa-napster"><span class="label">Napster</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Youtube']);" target="_blank" rel="noopener" href="https://www.youtube.com/playlist?list=OLAK5uy_nyQUN9OxdEy7wHql798vuBxt6o4GQhdQk" title="Stream from Youtube" class="icon fab fa-youtube"><span class="label">Youtube</span></a>
</div> </div>
</section> </section>
</div>
</div>
</section>
<!-- post Naviation -->
<section class="post-navigation">
<h2>Track Navigation</h2>
<section class="streambox" style="padding: 40px;">
<h2 style="text-align: center;display: block;">Get this track</h2>
<div class="streamer">
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Bandcamp']);" target="_blank" rel="noopener" href="https://shop.basspistol.com/album/satoshi-mon-ami" alt="Stream from Bandcamp" title="Stream from Bandcamp" class="button small icon brands fa-bandcamp">Bandcamp</a>
</div>
<p style="text-align: center;display: block;margin-top:40px;">Stream it, follow, like and subscribe!</p>
<div class="streamer">
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Tidal']);" target="_blank" rel="noopener" href="https://listen.tidal.com/album/101186541" alt="Stream from Tidal" title="Stream from Tidal" class="button small icon brands fa-creative-commons-sampling">Tidal</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Spotify']);" target="_blank" rel="noopener" href="https://open.spotify.com/album/116YJCcI5T9Iw9UBQCvJWF" alt="Stream from Spotify" title="Stream from Spotify" class="button small icon brands fa-spotify">Spotify</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'AppleMusic']);" target="_blank" rel="noopener" href="https://itunes.apple.com/us/album/satoshi-mon-ami-single/1447055511?uo=4&app=music&at=1001lry3&ct=dashboard" alt="Stream from Apple Music" title="Stream from Apple Music" class="button small icon brands fa-apple">Apple Music</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'GooglePlay']);" target="_blank" rel="noopener" href="https://play.google.com/store/music/album/%E5%BE%92_setto_%E3%82%BB%E3%83%83%E3%83%88_Satoshi_mon_ami?id=Bygwvidl75kflmclmchl6wc5uba" alt="Stream from Google Play" title="Stream from Google Play" class="button small icon brands fa-google-play">Google Play</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Deezer']);" target="_blank" rel="noopener" href="https://www.deezer.com/album/82118382" alt="Stream from Deezer" title="Stream from Deezer" class="button small icon brands fa-creative-commons-sampling">Deezer</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Napster']);" target="_blank" rel="noopener" href="https://us.napster.com/artist/-setto-/album/satoshi-mon-ami" alt="Stream from Napster" title="Stream from Napster" class="button small icon brands fa-napster">Napster</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Youtube']);" target="_blank" rel="noopener" href="https://www.youtube.com/playlist?list=OLAK5uy_nyQUN9OxdEy7wHql798vuBxt6o4GQhdQk" alt="Stream from Youtube" title="Stream from Youtube" class="button small icon brands fa-youtube">Youtube</a>
</div>
</section>
<!-- Page navigation -->
<section class="wrapper style1 align-center">
<div class="inner">
<div class="index align-left">
<!-- Author -->
<section>
<!-- Content -->
<div class="content">
<!-- post Naviation -->
<div style="text-align: center;">
<h3>Play more songs grom this release</h3>
</div>
<div class="post-nav"> <div class="post-nav">
<div>
<h4><a href="../../../albums/satoshi-mon-ami/1-k-as-tu-fait-de-nous-/" alt="Read K'as-tu fait de nous?" title="Read K'as-tu fait de nous?"><i class="fas fa-arrow-left"></i></a> <a
href="../../../albums/satoshi-mon-ami/1-k-as-tu-fait-de-nous-/">&nbsp;K'as-tu fait de nous?</a> <h4><a href="/albums/satoshi-mon-ami/1-k-as-tu-fait-de-nous-/" alt="Read 1 K As Tu Fait De Nous" title="Read 1 K As Tu Fait De Nous"><span
</h4> class="fas fa-arrow-left"></span>&nbsp;Previous</a></h4>
<h3>K'as-tu fait de nous?</h3>
<p></p>
</div> </div>
<div class="post-nav-next"> <div class="post-nav-next">
<h4><a href="../../../albums/satoshi-mon-ami/1-k-as-tu-fait-de-nous-/">&nbsp;K'as-tu fait de nous?</a> <a <h4><a href="/albums/unmet-dependencies/1-dependency-error/">Next&nbsp;<span class="fas fa-arrow-right"></span></a></h4>
href="../../../albums/satoshi-mon-ami/1-k-as-tu-fait-de-nous-/" alt="Read K'as-tu fait de nous?" title="Read K'as-tu fait de nous?"><i class="fas fa-arrow-right"></i></a></h4> <h3>Dependency Error</h3>
<p></p>
</div> </div>
</div>
<!-- End Post Navigation -->
</div>
</section>
</div>
</div>
</section> </section>
<!-- Audio player-->
<audio autoplay preload="metadata" data-matomo-title="Rêve de toi">
<source src="https://media.basspistol.com/setto.basspistol.com/satoshi-mon-ami/2-r-ve-de-toi.mp3" type="audio/mpeg" ontimeupdate='updateTrackTime(this);' />
<h1>Your browser isn't ready for so much hotness. Use the download-link instead.</h1>.
</audio>
<!-- Footer --> <!-- Footer -->
<footer>
<section class="streambox" style="padding: 40px;">
<h2 style="text-align: center;display: block;">Get this track</h2>
<div class="streamer">
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Bandcamp']);" target="_blank" rel="noopener" href="https://shop.basspistol.com/album/satoshi-mon-ami" alt="Stream from Bandcamp" title="Stream from Bandcamp" class="button small icon brands fa-bandcamp">Bandcamp</a>
</div>
<p style="text-align: center;display: block;margin-top:40px;">Stream it, follow, like and subscribe!</p>
<div class="streamer">
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Tidal']);" target="_blank" rel="noopener" href="https://listen.tidal.com/album/101186541" alt="Stream from Tidal" title="Stream from Tidal" class="button small icon brands fa-creative-commons-sampling">Tidal</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Spotify']);" target="_blank" rel="noopener" href="https://open.spotify.com/album/116YJCcI5T9Iw9UBQCvJWF" alt="Stream from Spotify" title="Stream from Spotify" class="button small icon brands fa-spotify">Spotify</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'AppleMusic']);" target="_blank" rel="noopener" href="https://itunes.apple.com/us/album/satoshi-mon-ami-single/1447055511?uo=4&app=music&at=1001lry3&ct=dashboard" alt="Stream from Apple Music" title="Stream from Apple Music" class="button small icon brands fa-apple">Apple Music</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'GooglePlay']);" target="_blank" rel="noopener" href="https://play.google.com/store/music/album/%E5%BE%92_setto_%E3%82%BB%E3%83%83%E3%83%88_Satoshi_mon_ami?id=Bygwvidl75kflmclmchl6wc5uba" alt="Stream from Google Play" title="Stream from Google Play" class="button small icon brands fa-google-play">Google Play</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Deezer']);" target="_blank" rel="noopener" href="https://www.deezer.com/album/82118382" alt="Stream from Deezer" title="Stream from Deezer" class="button small icon brands fa-creative-commons-sampling">Deezer</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Napster']);" target="_blank" rel="noopener" href="https://us.napster.com/artist/-setto-/album/satoshi-mon-ami" alt="Stream from Napster" title="Stream from Napster" class="button small icon brands fa-napster">Napster</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Youtube']);" target="_blank" rel="noopener" href="https://www.youtube.com/playlist?list=OLAK5uy_nyQUN9OxdEy7wHql798vuBxt6o4GQhdQk" alt="Stream from Youtube" title="Stream from Youtube" class="button small icon brands fa-youtube">Youtube</a>
</div>
</section>
<footer id="footer" class="wrapper style1 align-center">
<div class="footflex">
<div>
<h4>徒 setto セット</h4>
<p>Set, Party, Gang! &#35;Cybersoul.
<br /><a href="mailto:setto@basspistol.com">setto@basspistol.com</a></p>
</div>
<div> <div>
<h3>徒 setto セット</h3>
<p>Set, Party, Gang! &#35;Cybersoul.</p>
<ul> <ul>
<li><a href="../../../">Home</a></li> <li><a href="../../../">Home</a></li>
@ -490,33 +361,69 @@ Fois en moi, mais cette fois, toujours pas toi
</ul> </ul>
</div> </div>
<div><img src="../../../images/setto-logo-dark.svg" style="max-width:300px" alt="徒 setto セット Logo" /></div> <div><img src="../../../images/setto_logo.svg" width="100%" alt="徒 setto セット Logo" /></div>
<div style="text-align: center;">
<a target="_blank" alt="徒 setto セット on Twitter" title="徒 setto セット on Twitter" rel="noopener"
href="https://twitter.com/ToSettoSetto" class="icon small fab fa-twitter"><span class="label">Twitter</span></a>
<a target="_blank" alt="徒 setto セット on Instagram" title="徒 setto セット on Instagram" rel="noopener"
href="https://www.instagram.com/tosettosetto/" class="icon small fab fa-instagram"><span class="label">Instagram</span></a>
<a target="_blank" alt="徒 setto セット on Telegram" title="徒 setto セット on Telegram" rel="noopener"
href="https://t.me/basspistol" 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" href="mailto:setto@basspistol.com" class="icon small fas fa-envelope-open-text"><span
class="label">Email</span></a>
</div> </div>
<div class="inner"> <small>
<ul class="icons">
<p>&copy;2020 Basspistol | <a href="../../../webcreds/">Credits</a> | <a
<li><a target="_blank" alt="徒 setto セット on Twitter" title="徒 setto セット on Twitter" rel="noopener" href="https://twitter.com/ToSettoSetto" class="icon brands style2 fa-twitter"><span class="label">Twitter</span></a></li> href="../../../cookies/">Cookies & Privacy</a></p>
</small>
<li><a target="_blank" alt="徒 setto セット on Instagram" title="徒 setto セット on Instagram" rel="noopener" href="https://www.instagram.com/tosettosetto/" class="icon brands style2 fa-instagram"><span class="label">Instagram</span></a></li>
<li><a target="_blank" alt="徒 setto セット on Telegram" title="徒 setto セット on Telegram" rel="noopener" href="https://t.me/basspistol" class="icon brands style2 fa-telegram"><span class="label">Telegram</span></a></li>
<li><a target="_blank" alt="徒 setto セット on Reddit" title="徒 setto セット on Reddit" rel="noopener" href="https://www.reddit.com/r/basspistol" class="icon brands style2 fa-reddit"><span class="label">Reddit</span></a></li>
</ul>
<p>&copy;2020 Basspistol | <a href="../../../webcreds/">Credits</a> | <a href="../../../cookies/">Cookies & Privacy</a></p>
</div>
</footer> </footer>
<!-- End Post Navigation -->
</div>
<!-- Audio player-->
<div id="fixedPlayer" class="showplayer hideplayer">
<div id="audiowrap">
<div id="audio0">
<audio controls autoplay preload="metadata" data-matomo-title="Rêve de toi">
<source src="https://media.basspistol.com/setto.basspistol.com/satoshi-mon-ami/2-r-ve-de-toi.mp3" type="audio/mpeg" ontimeupdate='updateTrackTime(this);' />
<h1>Your browser isn't ready for so much hotness. Use the download-link instead.</h1>.
</audio>
</div>
</div>
<div id="nowPlay">
<div id="tracks">
<a id="btnPrev" href="/albums/satoshi-mon-ami/1-k-as-tu-fait-de-nous-/"><span class="fas fa-fast-backward"></span></a>
<a id="btnNext"href="/albums/unmet-dependencies/1-dependency-error/"><span class="fas fa-fast-forward"></span></a>
</div>
<p class="right" id="npTitle" style="font-weight: bold;">Rêve de toi </a></p>
</div>
</div>
<script type="text/javascript"> <script type="text/javascript">
function loadUrl(newLocation) { function loadUrl(newLocation) {
@ -527,6 +434,7 @@ Fois en moi, mais cette fois, toujours pas toi
var mu = document.getElementsByTagName("audio")[0]; var mu = document.getElementsByTagName("audio")[0];
var pauseButton = document.getElementById("mu_pause"); var pauseButton = document.getElementById("mu_pause");
var spincover = document.getElementById("coverart"); var spincover = document.getElementById("coverart");
var fixedplayer = document.getElementById("fixedPlayer");
mu.addEventListener('ended', function () { mu.addEventListener('ended', function () {
// only functional if "loop" is removed // only functional if "loop" is removed
@ -536,10 +444,8 @@ Fois en moi, mais cette fois, toujours pas toi
}); });
mu.onplaying = function() { mu.onplaying = function() {
pauseButton.innerHTML = "Pause"; pauseButton.innerHTML = "Pause";
pauseButton.classList.remove("fa-play"); fixedplayer.classList.remove("hideplayer");
pauseButton.classList.add("fa-pause");
spincover.classList.add("spinnit");
spincover.classList.remove("paused");
}; };
pauseButton.addEventListener("click", function () { pauseButton.addEventListener("click", function () {
@ -549,82 +455,85 @@ Fois en moi, mais cette fois, toujours pas toi
} }
else { else {
mu.pause(); mu.pause();
pauseButton.innerHTML = "Resume";
pauseButton.classList.add("fa-play");
pauseButton.classList.remove("fa-pause");
spincover.classList.add("paused");
} }
}); });
mu.addEventListener('playing', function () {
mu.addEventListener('timeupdate', function () { spincover.classList.add("spinnit");
var timestamp = Math.floor(mu.currentTime); spincover.classList.remove("paused");
var hours = Math.floor(timestamp / 60 / 60);
var minutes = Math.floor(timestamp / 60) - (hours * 60);
var seconds = timestamp % 60;
var formatted = hours.toString().padStart(2, '0') + ':' + minutes.toString().padStart(2, '0') + ':' + seconds.toString().padStart(2, '0');
var thecurrentSpan = document.getElementById("tracktime");
thecurrentSpan.innerHTML = formatted + ' / ';
}); });
mu.addEventListener('pause', function () {
spincover.classList.add("paused");
pauseButton.innerHTML = "Resume";
});
</script> </script>
</div> <!-- Footer -->
<!-- Navigation -->
<div id="logo" class="logo">
<a href="/"><img width="100em" src="/images/setto-logoicon.svg" alt="徒 setto セット Logo" /></a>
&nbsp;&nbsp;&nbsp;<a href="#navbar" onclick="blurBody()" alt="Navigation Menu" title="Navigation Menu"><span class="icon solid fa-bars navmenu"></span></a>
</div>
<div id="navbar" style="display: block;" class="modalDialog"> <!-- END Footer -->
<a href="#close" onclick="removeBlur()" alt="Close Menu" title="Close Menu"><div id="closearea"> </div></a>
</div>
<!-- END Wrapper -->
<!-- Navigation -->
<div id="sticky" class="logo sticky">
<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> <nav>
<a href="#close" title="Close" onclick="removeBlur()" class="close-button close" style="margin: 0 auto;">X</a> <a href="#close" title="Close" onclick="removeBlur()" class="close-button">X</a>
<ul> <ul>
<li><a href="../../../" class="button smaller">Home</a></li> <li><a href="../../../" class="button">home</a></li>
<li><a href="../../../discography/" class="button smaller">Discog</a></li> <li><a href="../../../discography/" class="button">Discog</a></li>
<li><a href="../../../log/" class="button smaller">Log</a></li> <li><a href="../../../log/" class="button">Log</a></li>
<li><a href="../../../about/" class="button smaller">About</a></li> <li><a href="../../../about/" class="button">About</a></li>
<li><a href="../../../links/" class="button smaller">Links</a></li> <li><a href="../../../links/" class="button">Links</a></li>
</ul> </ul>
</nav> </nav>
</div> </div>
<!-- End Navigation --> <!-- End Navigation -->
<!-- Scripts -->
<script src="../../../assets/js/jquery.min.js"></script>
<script src="../../../assets/js/jquery.scrollex.min.js"></script>
<script src="../../../assets/js/jquery.scrolly.min.js"></script>
<script src="../../../assets/js/browser.min.js"></script>
<script src="../../../assets/js/breakpoints.min.js"></script>
<script src="../../../assets/js/util.js"></script>
<script src="../../../assets/js/main.js"></script>
<script src="../../../assets/js/set.js"></script>
<div id="cookie-notice"> <div id="cookie-notice">
<p>I only use cookies if you consent to it. They don't contain any identifiable info: they just let me know if you enjoyed this enough to come back. <br />Click <a href="#" id="cookie-notice-decline">here</a> if you want this shit to go away without cookies. <br />Read more about how me & basspistol <a href="/cookies/">use cookies</a> </p>
<a class="button small yes" href="#" id="cookie-notice-accept">I'm in!</a> <p>I only use cookies if you consent to it. They don't contain any identifiable info: they just let me know if you
enjoyed this enough to come back.
<br />Click <a href="#" id="cookie-notice-decline">here</a> if you want this shit to go away without cookies.
<br />Read more about how me & basspistol <a href="/cookies/">use cookies</a>
</p>
<a class="button yes" href="#"
id="cookie-notice-accept">I'm in!</a>
</div> </div>
<script> <script>
@ -723,5 +632,12 @@ _paq.push(['enableLinkTracking']);
</script> </script>
<!-- Scripts -->
<script src="../../../assets/js/set.js"></script>
</body> </body>
</html> </html>

606
albums/unmet-dependencies/1-dependency-error/index.html
View file

@ -1,8 +1,7 @@
<!DOCTYPE html> <!DOCTYPE HTML>
<!-- <!--
Based on _Story_ by html5up.net | @ajlkn Publikatorized by Sakrecoer
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
Remixed and Jekyllified by Setto
--> -->
<html lang="en"> <html lang="en">
<head> <head>
@ -93,51 +92,78 @@
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" /> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
<link rel="stylesheet" href="../../../assets/css/main20200727.css" /> <link rel="stylesheet" href="../../../assets/css/all.min.css" />
<link rel="stylesheet" href="../../../assets/css/main.css" />
<link rel="apple-touch-icon" href="https://setto.basspistol.com/apple-touch-icon.png" /> <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="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" /> <link rel="shortcut icon" href="https://setto.basspistol.com/images/setto-logoicon.svg" type="image/png" />
<noscript><link rel="stylesheet" href="../../../assets/css/noscript20200727.css" /></noscript> <noscript><link rel="stylesheet" href="../../../assets/css/noscripts.css" /></noscript>
</head> </head>
<body id="body"> <body>
<span id="top" style="display: none;"></span> <!-- Wrapper -->
<!-- Wrapper --> <div id="main-wrapper">
<div id="wrapper" class="divided" data-cms-content-wrapper="/_layouts/default.html">
<!-- Banner --> <!-- Banner -->
<section
class="banner onload-image-fade-in onload-content-fade-right style3 fullscreen content-align-center image-position-center" style="background-image:url('https://media.basspistol.com/setto.basspistol.com/unmet-dependencies/1-dependency-error.jpeg');background-size: cover; background-repeat: no-repeat;">
<div style="z-index:0;position:absolute; top:0; left:0; width:100%;min-height:100%;background-color: rgba(13, 13 ,13, 0.5);"></div>
<div id="mainwrap" class="content" style="z-index:1">
<h1 style="margin-top:80px">Dependency Error</h1>
<p><strong>Cybersoul</strong> by <strong>徒 setto セット</strong>
<br />2020
</p>
<p><strong><span id="tracktime"></span></strong><span id="dependencyerror"></span></strong></p>
<script type="text/javascript"> <div id="trackArt">
var dependencyerrortimestamp = 313; <section>
var dependencyerrorhours = Math.floor(dependencyerrortimestamp / 60 / 60); <div class="coverartwrapper">
var dependencyerrorminutes = Math.floor(dependencyerrortimestamp / 60) - (dependencyerrorhours * 60); <div class="coverartwrapped" id="coverart" style="background-image: url(https://media.basspistol.com/setto.basspistol.com/unmet-dependencies/1-dependency-error.jpeg);"></div>
var dependencyerrorseconds = dependencyerrortimestamp % 60;
var dependencyerrorformatted = dependencyerrorhours.toString().padStart(2, '0') + ':' + dependencyerrorminutes.toString().padStart(2, '0') + ':' + dependencyerrorseconds.toString().padStart(2, '0');
var theSpan = document.getElementById("dependencyerror");
theSpan.innerHTML = dependencyerrorformatted;
</script>
<ul class="actions stacked">
<li><button id="mu_pause" class="button small icon solid fa-play">Play!</button></li>
</ul>
</div> </div>
<div id="noJSalbum" class="content" style="z-index:1"> <div class="playbutton">
<a id="mu_pause" class="button">Play!</a>
</div>
<p><strong>Cybersoul</strong> by <strong>徒 setto セット</strong>
<br />2020
</p>
</section>
</div>
<!-- Content -->
<div id="trackInfo">
<section>
<h1 style="margin-top:80px">Dependency Error</h1>
<p><strong>5:13</strong></p>
<div id="author">
<div class="bio">
<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/albums/unmet-dependencies/1-dependency-error/&amp;quote=1 Dependency Error%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/albums/unmet-dependencies/1-dependency-error/&amp;text=1 Dependency Error%20by%20徒 setto セット%20&amp;hashtags=paxNion"
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/albums/unmet-dependencies/1-dependency-error/&amp;text=1 Dependency Error%20by%20徒 setto セット"
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/albums/unmet-dependencies/1-dependency-error/&amp;title=1 Dependency Error%20by%20徒 setto セット"
class="icon smaller fab fa-reddit"><span class="label">Reddit</span></a>
</ul>
</div>
</div>
<div class="noJSalbum">
<h1 style="margin-top:80px">Dependency Error</h1> <h1 style="margin-top:80px">Dependency Error</h1>
<p><strong>Cybersoul</strong> by <strong>徒 setto セット</strong> <p><strong>Cybersoul</strong> by <strong>徒 setto セット</strong>
<br />2020 <br />2020
@ -146,57 +172,16 @@
<p><strong>5:13</strong></p> <p><strong>5:13</strong></p>
<ul class="actions stacked"> <ul class="actions stacked">
<li><a class="button small icon solid fa-play" target="_blank" rel="noopener" href="https://media.basspistol.com/setto.basspistol.com/unmet-dependencies/1-dependency-error.mp3">Play!</a></li> <li><a class="button" target="_blank" rel="noopener" href="https://media.basspistol.com/setto.basspistol.com/unmet-dependencies/1-dependency-error.mp3"><span class="fas fa-play"></span> Play!</a></li>
</ul> </ul>
</div> </div>
<div class="image">
<img src="https://media.basspistol.com/setto.basspistol.com/unmet-dependencies/1-dependency-error.jpeg" alt="1 Dependency Error logo" id="coverart" />
</div>
</section>
<!-- Content --> <!-- Content -->
<section class="wrapper style1 align-center">
<div class="inner" style="padding-top:40px">
<div class="index align-left">
<section style="padding-top:40px">
<header id="author"> <div class="info">
<div class="bio"> <p>
<h6>
Share this page:
</h6>
<ul class="icons">
<li><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/albums/unmet-dependencies/1-dependency-error/&amp;quote=1 Dependency Error%20by%20徒 setto セット%20via%20https://setto.basspistol.com" class="icon brands style1 fa-facebook-f"><span class="label">Facebook</span></a></li>
<li><a target="_blank" rel="nofollow noopener" title="Share to twitter" alt="Share to twitter" href="https://twitter.com/share?url=https://setto.basspistol.com/albums/unmet-dependencies/1-dependency-error/&amp;text=1 Dependency Error%20by%20徒 setto セット%20&amp;hashtags=paxNion" class="icon brands style1 fa-twitter"><span class="label">Twitter</span></a></li>
<li><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/albums/unmet-dependencies/1-dependency-error/&amp;text=1 Dependency Error%20by%20徒 setto セット" class="icon brands style1 fa-telegram"><span class="label">Telegram</span></a></li>
<li><a target="_blank" rel="nofollow noopener" title="Share to reddit" alt="Share to reddit" href="https://reddit.com/submit/?url=https://setto.basspistol.com/albums/unmet-dependencies/1-dependency-error/&amp;title=1 Dependency Error%20by%20徒 setto セット" class="icon brands style1 fa-reddit"><span class="label">Reddit</span></a></li>
</ul>
<a href="../../../unmet-dependencies/" class="button smaller"> Back to Album</a><br /><br />
</div>
</header>
<!-- Content -->
<div class="content">
<p style="font-size:16px;">
Sudo apt update<br /> Sudo apt update<br />
Sudo apt upgrade<br /> Sudo apt upgrade<br />
Sudo apt update<br /> Sudo apt update<br />
@ -231,226 +216,132 @@ Sudo apt update<br />
Sudo apt upgrade<br /> Sudo apt upgrade<br />
</p> </p>
</div>
<p> <p>
</p> </p>
<a href="../../../unmet-dependencies/" class="button">See release page</a>
</section>
<section class="streambox">
<h2>Get this track</h2>
<div class="streamer">
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Spotify']);" target="_blank" rel="noopener" href="https://open.spotify.com/album/2UBSokWbYLy0JqrwoGRp0K" title="Stream from Spotify" class="icon fab fa-spotify"><span class="label">Spotify</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Tidal']);" target="_blank" rel="noopener" href="https://listen.tidal.com/album/149706362" title="Stream from Tidal" class="icon fab fa-creative-commons-sampling"><span class="label">Tidal</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Apple']);" target="_blank" rel="noopener" href="https://music.apple.com/us/album/unmet-dependencies-single/1524841124?uo=4&app=music&at=1001lry3&ct=dashboard" title="Stream from Apple" class="icon fab fa-apple"><span class="label">Apple</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Bandcamp']);" target="_blank" rel="noopener" href="https://shop.basspistol.com/album/unmet-dependencies" title="Stream from Bandcamp" class="icon fab fa-bandcamp"><span class="label">Bandcamp</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Deezer']);" target="_blank" rel="noopener" href="https://www.deezer.com/us/album/162768022" title="Stream from Deezer" class="icon fab fa-deezer"><span class="label">Deezer</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Youtube']);" target="_blank" rel="noopener" href="https://www.youtube.com/playlist?list=OLAK5uy_nwAxqTcjZHW6XjNwHPkEd30jYsYcHJM_k" title="Stream from Youtube" class="icon fab fa-youtube"><span class="label">Youtube</span></a>
</div> </div>
</section> </section>
</div>
</div>
</section>
<section class="streambox" style="padding: 40px;">
<h2 style="text-align: center;display: block;">Get this track</h2>
<div class="streamer">
<!-- post Naviation -->
<section class="post-navigation">
<h2>Track Navigation</h2>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Bandcamp']);" target="_blank" rel="noopener" href="https://shop.basspistol.com/album/unmet-dependencies" alt="Stream from Bandcamp" title="Stream from Bandcamp" class="button small icon brands fa-bandcamp">Bandcamp</a>
</div>
<p style="text-align: center;display: block;margin-top:40px;">Stream it, follow, like and subscribe!</p>
<div class="streamer">
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Spotify']);" target="_blank" rel="noopener" href="https://open.spotify.com/album/2UBSokWbYLy0JqrwoGRp0K" alt="Stream from Spotify" title="Stream from Spotify" class="button small icon brands fa-spotify">Spotify</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Tidal']);" target="_blank" rel="noopener" href="https://listen.tidal.com/album/149706362" alt="Stream from Tidal" title="Stream from Tidal" class="button small icon brands fa-creative-commons-sampling">Tidal</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Apple']);" target="_blank" rel="noopener" href="https://music.apple.com/us/album/unmet-dependencies-single/1524841124?uo=4&app=music&at=1001lry3&ct=dashboard" alt="Stream from Apple" title="Stream from Apple" class="button small icon brands fa-apple">Apple</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Deezer']);" target="_blank" rel="noopener" href="https://www.deezer.com/us/album/162768022" alt="Stream from Deezer" title="Stream from Deezer" class="button small icon brands fa-creative-commons-sampling">Deezer</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Youtube']);" target="_blank" rel="noopener" href="https://www.youtube.com/playlist?list=OLAK5uy_nwAxqTcjZHW6XjNwHPkEd30jYsYcHJM_k" alt="Stream from Youtube" title="Stream from Youtube" class="button small icon brands fa-youtube">Youtube</a>
</div>
</section>
<!-- Page navigation -->
<section class="wrapper style1 align-center">
<div class="inner">
<div class="index align-left">
<!-- Author -->
<section>
<!-- Content -->
<div class="content">
<!-- post Naviation -->
<div style="text-align: center;">
<h3>Play more songs grom this release</h3>
</div>
<div class="post-nav"> <div class="post-nav">
<div>
<h4><a href="../../../albums/unmet-dependencies/2-pingnu/" alt="Read Pingnu" title="Read Pingnu"><i class="fas fa-arrow-left"></i></a> <a
href="../../../albums/unmet-dependencies/2-pingnu/">&nbsp;Pingnu</a> <h4><a href="/albums/satoshi-mon-ami/2-r-ve-de-toi/" alt="Read 2 R Ve De Toi" title="Read 2 R Ve De Toi"><span
</h4> class="fas fa-arrow-left"></span>&nbsp;Previous</a></h4>
<h3>Rêve de toi</h3>
<p></p>
</div> </div>
<div class="post-nav-next"> <div class="post-nav-next">
<h4><a href="../../../albums/unmet-dependencies/2-pingnu/">&nbsp;Pingnu</a> <a <h4><a href="/albums/unmet-dependencies/2-pingnu/">Next&nbsp;<span class="fas fa-arrow-right"></span></a></h4>
href="../../../albums/unmet-dependencies/2-pingnu/" alt="Read Pingnu" title="Read Pingnu"><i class="fas fa-arrow-right"></i></a></h4> <h3>Pingnu</h3>
<p></p>
</div> </div>
</div>
<!-- End Post Navigation -->
</div>
</section>
</div>
</div>
</section> </section>
<!-- Audio player-->
<audio autoplay preload="metadata" data-matomo-title="Dependency Error">
<source src="https://media.basspistol.com/setto.basspistol.com/unmet-dependencies/1-dependency-error.mp3" type="audio/mpeg" ontimeupdate='updateTrackTime(this);' />
<h1>Your browser isn't ready for so much hotness. Use the download-link instead.</h1>.
</audio>
<!-- Footer --> <!-- Footer -->
<footer>
<section class="streambox" style="padding: 40px;">
<h2 style="text-align: center;display: block;">Get this track</h2>
<div class="streamer">
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Bandcamp']);" target="_blank" rel="noopener" href="https://shop.basspistol.com/album/unmet-dependencies" alt="Stream from Bandcamp" title="Stream from Bandcamp" class="button small icon brands fa-bandcamp">Bandcamp</a>
</div>
<p style="text-align: center;display: block;margin-top:40px;">Stream it, follow, like and subscribe!</p>
<div class="streamer">
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Spotify']);" target="_blank" rel="noopener" href="https://open.spotify.com/album/2UBSokWbYLy0JqrwoGRp0K" alt="Stream from Spotify" title="Stream from Spotify" class="button small icon brands fa-spotify">Spotify</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Tidal']);" target="_blank" rel="noopener" href="https://listen.tidal.com/album/149706362" alt="Stream from Tidal" title="Stream from Tidal" class="button small icon brands fa-creative-commons-sampling">Tidal</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Apple']);" target="_blank" rel="noopener" href="https://music.apple.com/us/album/unmet-dependencies-single/1524841124?uo=4&app=music&at=1001lry3&ct=dashboard" alt="Stream from Apple" title="Stream from Apple" class="button small icon brands fa-apple">Apple</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Deezer']);" target="_blank" rel="noopener" href="https://www.deezer.com/us/album/162768022" alt="Stream from Deezer" title="Stream from Deezer" class="button small icon brands fa-creative-commons-sampling">Deezer</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Youtube']);" target="_blank" rel="noopener" href="https://www.youtube.com/playlist?list=OLAK5uy_nwAxqTcjZHW6XjNwHPkEd30jYsYcHJM_k" alt="Stream from Youtube" title="Stream from Youtube" class="button small icon brands fa-youtube">Youtube</a>
</div>
</section>
<footer id="footer" class="wrapper style1 align-center">
<div class="footflex">
<div>
<h4>徒 setto セット</h4>
<p>Set, Party, Gang! &#35;Cybersoul.
<br /><a href="mailto:setto@basspistol.com">setto@basspistol.com</a></p>
</div>
<div> <div>
<h3>徒 setto セット</h3>
<p>Set, Party, Gang! &#35;Cybersoul.</p>
<ul> <ul>
<li><a href="../../../">Home</a></li> <li><a href="../../../">Home</a></li>
@ -466,33 +357,69 @@ Sudo apt upgrade<br />
</ul> </ul>
</div> </div>
<div><img src="../../../images/setto-logo-dark.svg" style="max-width:300px" alt="徒 setto セット Logo" /></div> <div><img src="../../../images/setto_logo.svg" width="100%" alt="徒 setto セット Logo" /></div>
<div style="text-align: center;">
<a target="_blank" alt="徒 setto セット on Twitter" title="徒 setto セット on Twitter" rel="noopener"
href="https://twitter.com/ToSettoSetto" class="icon small fab fa-twitter"><span class="label">Twitter</span></a>
<a target="_blank" alt="徒 setto セット on Instagram" title="徒 setto セット on Instagram" rel="noopener"
href="https://www.instagram.com/tosettosetto/" class="icon small fab fa-instagram"><span class="label">Instagram</span></a>
<a target="_blank" alt="徒 setto セット on Telegram" title="徒 setto セット on Telegram" rel="noopener"
href="https://t.me/basspistol" 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" href="mailto:setto@basspistol.com" class="icon small fas fa-envelope-open-text"><span
class="label">Email</span></a>
</div> </div>
<div class="inner"> <small>
<ul class="icons">
<p>&copy;2020 Basspistol | <a href="../../../webcreds/">Credits</a> | <a
<li><a target="_blank" alt="徒 setto セット on Twitter" title="徒 setto セット on Twitter" rel="noopener" href="https://twitter.com/ToSettoSetto" class="icon brands style2 fa-twitter"><span class="label">Twitter</span></a></li> href="../../../cookies/">Cookies & Privacy</a></p>
</small>
<li><a target="_blank" alt="徒 setto セット on Instagram" title="徒 setto セット on Instagram" rel="noopener" href="https://www.instagram.com/tosettosetto/" class="icon brands style2 fa-instagram"><span class="label">Instagram</span></a></li>
<li><a target="_blank" alt="徒 setto セット on Telegram" title="徒 setto セット on Telegram" rel="noopener" href="https://t.me/basspistol" class="icon brands style2 fa-telegram"><span class="label">Telegram</span></a></li>
<li><a target="_blank" alt="徒 setto セット on Reddit" title="徒 setto セット on Reddit" rel="noopener" href="https://www.reddit.com/r/basspistol" class="icon brands style2 fa-reddit"><span class="label">Reddit</span></a></li>
</ul>
<p>&copy;2020 Basspistol | <a href="../../../webcreds/">Credits</a> | <a href="../../../cookies/">Cookies & Privacy</a></p>
</div>
</footer> </footer>
<!-- End Post Navigation -->
</div>
<!-- Audio player-->
<div id="fixedPlayer" class="showplayer hideplayer">
<div id="audiowrap">
<div id="audio0">
<audio controls autoplay preload="metadata" data-matomo-title="Dependency Error">
<source src="https://media.basspistol.com/setto.basspistol.com/unmet-dependencies/1-dependency-error.mp3" type="audio/mpeg" ontimeupdate='updateTrackTime(this);' />
<h1>Your browser isn't ready for so much hotness. Use the download-link instead.</h1>.
</audio>
</div>
</div>
<div id="nowPlay">
<div id="tracks">
<a id="btnPrev" href="/albums/satoshi-mon-ami/2-r-ve-de-toi/"><span class="fas fa-fast-backward"></span></a>
<a id="btnNext"href="/albums/unmet-dependencies/2-pingnu/"><span class="fas fa-fast-forward"></span></a>
</div>
<p class="right" id="npTitle" style="font-weight: bold;">Dependency Error </a></p>
</div>
</div>
<script type="text/javascript"> <script type="text/javascript">
function loadUrl(newLocation) { function loadUrl(newLocation) {
@ -503,6 +430,7 @@ Sudo apt upgrade<br />
var mu = document.getElementsByTagName("audio")[0]; var mu = document.getElementsByTagName("audio")[0];
var pauseButton = document.getElementById("mu_pause"); var pauseButton = document.getElementById("mu_pause");
var spincover = document.getElementById("coverart"); var spincover = document.getElementById("coverart");
var fixedplayer = document.getElementById("fixedPlayer");
mu.addEventListener('ended', function () { mu.addEventListener('ended', function () {
// only functional if "loop" is removed // only functional if "loop" is removed
@ -512,10 +440,8 @@ Sudo apt upgrade<br />
}); });
mu.onplaying = function() { mu.onplaying = function() {
pauseButton.innerHTML = "Pause"; pauseButton.innerHTML = "Pause";
pauseButton.classList.remove("fa-play"); fixedplayer.classList.remove("hideplayer");
pauseButton.classList.add("fa-pause");
spincover.classList.add("spinnit");
spincover.classList.remove("paused");
}; };
pauseButton.addEventListener("click", function () { pauseButton.addEventListener("click", function () {
@ -525,82 +451,85 @@ Sudo apt upgrade<br />
} }
else { else {
mu.pause(); mu.pause();
pauseButton.innerHTML = "Resume";
pauseButton.classList.add("fa-play");
pauseButton.classList.remove("fa-pause");
spincover.classList.add("paused");
} }
}); });
mu.addEventListener('playing', function () {
mu.addEventListener('timeupdate', function () { spincover.classList.add("spinnit");
var timestamp = Math.floor(mu.currentTime); spincover.classList.remove("paused");
var hours = Math.floor(timestamp / 60 / 60);
var minutes = Math.floor(timestamp / 60) - (hours * 60);
var seconds = timestamp % 60;
var formatted = hours.toString().padStart(2, '0') + ':' + minutes.toString().padStart(2, '0') + ':' + seconds.toString().padStart(2, '0');
var thecurrentSpan = document.getElementById("tracktime");
thecurrentSpan.innerHTML = formatted + ' / ';
}); });
mu.addEventListener('pause', function () {
spincover.classList.add("paused");
pauseButton.innerHTML = "Resume";
});
</script> </script>
</div> <!-- Footer -->
<!-- Navigation -->
<div id="logo" class="logo">
<a href="/"><img width="100em" src="/images/setto-logoicon.svg" alt="徒 setto セット Logo" /></a>
&nbsp;&nbsp;&nbsp;<a href="#navbar" onclick="blurBody()" alt="Navigation Menu" title="Navigation Menu"><span class="icon solid fa-bars navmenu"></span></a>
</div>
<div id="navbar" style="display: block;" class="modalDialog"> <!-- END Footer -->
<a href="#close" onclick="removeBlur()" alt="Close Menu" title="Close Menu"><div id="closearea"> </div></a>
</div>
<!-- END Wrapper -->
<!-- Navigation -->
<div id="sticky" class="logo sticky">
<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> <nav>
<a href="#close" title="Close" onclick="removeBlur()" class="close-button close" style="margin: 0 auto;">X</a> <a href="#close" title="Close" onclick="removeBlur()" class="close-button">X</a>
<ul> <ul>
<li><a href="../../../" class="button smaller">Home</a></li> <li><a href="../../../" class="button">home</a></li>
<li><a href="../../../discography/" class="button smaller">Discog</a></li> <li><a href="../../../discography/" class="button">Discog</a></li>
<li><a href="../../../log/" class="button smaller">Log</a></li> <li><a href="../../../log/" class="button">Log</a></li>
<li><a href="../../../about/" class="button smaller">About</a></li> <li><a href="../../../about/" class="button">About</a></li>
<li><a href="../../../links/" class="button smaller">Links</a></li> <li><a href="../../../links/" class="button">Links</a></li>
</ul> </ul>
</nav> </nav>
</div> </div>
<!-- End Navigation --> <!-- End Navigation -->
<!-- Scripts -->
<script src="../../../assets/js/jquery.min.js"></script>
<script src="../../../assets/js/jquery.scrollex.min.js"></script>
<script src="../../../assets/js/jquery.scrolly.min.js"></script>
<script src="../../../assets/js/browser.min.js"></script>
<script src="../../../assets/js/breakpoints.min.js"></script>
<script src="../../../assets/js/util.js"></script>
<script src="../../../assets/js/main.js"></script>
<script src="../../../assets/js/set.js"></script>
<div id="cookie-notice"> <div id="cookie-notice">
<p>I only use cookies if you consent to it. They don't contain any identifiable info: they just let me know if you enjoyed this enough to come back. <br />Click <a href="#" id="cookie-notice-decline">here</a> if you want this shit to go away without cookies. <br />Read more about how me & basspistol <a href="/cookies/">use cookies</a> </p>
<a class="button small yes" href="#" id="cookie-notice-accept">I'm in!</a> <p>I only use cookies if you consent to it. They don't contain any identifiable info: they just let me know if you
enjoyed this enough to come back.
<br />Click <a href="#" id="cookie-notice-decline">here</a> if you want this shit to go away without cookies.
<br />Read more about how me & basspistol <a href="/cookies/">use cookies</a>
</p>
<a class="button yes" href="#"
id="cookie-notice-accept">I'm in!</a>
</div> </div>
<script> <script>
@ -699,5 +628,12 @@ _paq.push(['enableLinkTracking']);
</script> </script>
<!-- Scripts -->
<script src="../../../assets/js/set.js"></script>
</body> </body>
</html> </html>

602
albums/unmet-dependencies/2-pingnu/index.html
View file

@ -1,8 +1,7 @@
<!DOCTYPE html> <!DOCTYPE HTML>
<!-- <!--
Based on _Story_ by html5up.net | @ajlkn Publikatorized by Sakrecoer
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
Remixed and Jekyllified by Setto
--> -->
<html lang="en"> <html lang="en">
<head> <head>
@ -93,51 +92,78 @@
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" /> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
<link rel="stylesheet" href="../../../assets/css/main20200727.css" /> <link rel="stylesheet" href="../../../assets/css/all.min.css" />
<link rel="stylesheet" href="../../../assets/css/main.css" />
<link rel="apple-touch-icon" href="https://setto.basspistol.com/apple-touch-icon.png" /> <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="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" /> <link rel="shortcut icon" href="https://setto.basspistol.com/images/setto-logoicon.svg" type="image/png" />
<noscript><link rel="stylesheet" href="../../../assets/css/noscript20200727.css" /></noscript> <noscript><link rel="stylesheet" href="../../../assets/css/noscripts.css" /></noscript>
</head> </head>
<body id="body"> <body>
<span id="top" style="display: none;"></span> <!-- Wrapper -->
<!-- Wrapper --> <div id="main-wrapper">
<div id="wrapper" class="divided" data-cms-content-wrapper="/_layouts/default.html">
<!-- Banner --> <!-- Banner -->
<section
class="banner onload-image-fade-in onload-content-fade-right style3 fullscreen content-align-center image-position-center" style="background-image:url('https://media.basspistol.com/setto.basspistol.com/unmet-dependencies/2-pingnu.jpeg');background-size: cover; background-repeat: no-repeat;">
<div style="z-index:0;position:absolute; top:0; left:0; width:100%;min-height:100%;background-color: rgba(13, 13 ,13, 0.5);"></div>
<div id="mainwrap" class="content" style="z-index:1">
<h1 style="margin-top:80px">Pingnu</h1>
<p><strong>Cybersoul</strong> by <strong>徒 setto セット</strong>
<br />2020
</p>
<p><strong><span id="tracktime"></span></strong><span id="pingnu"></span></strong></p>
<script type="text/javascript"> <div id="trackArt">
var pingnutimestamp = 222; <section>
var pingnuhours = Math.floor(pingnutimestamp / 60 / 60); <div class="coverartwrapper">
var pingnuminutes = Math.floor(pingnutimestamp / 60) - (pingnuhours * 60); <div class="coverartwrapped" id="coverart" style="background-image: url(https://media.basspistol.com/setto.basspistol.com/unmet-dependencies/2-pingnu.jpeg);"></div>
var pingnuseconds = pingnutimestamp % 60;
var pingnuformatted = pingnuhours.toString().padStart(2, '0') + ':' + pingnuminutes.toString().padStart(2, '0') + ':' + pingnuseconds.toString().padStart(2, '0');
var theSpan = document.getElementById("pingnu");
theSpan.innerHTML = pingnuformatted;
</script>
<ul class="actions stacked">
<li><button id="mu_pause" class="button small icon solid fa-play">Play!</button></li>
</ul>
</div> </div>
<div id="noJSalbum" class="content" style="z-index:1"> <div class="playbutton">
<a id="mu_pause" class="button">Play!</a>
</div>
<p><strong>Cybersoul</strong> by <strong>徒 setto セット</strong>
<br />2020
</p>
</section>
</div>
<!-- Content -->
<div id="trackInfo">
<section>
<h1 style="margin-top:80px">Pingnu</h1>
<p><strong>3:42</strong></p>
<div id="author">
<div class="bio">
<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/albums/unmet-dependencies/2-pingnu/&amp;quote=2 Pingnu%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/albums/unmet-dependencies/2-pingnu/&amp;text=2 Pingnu%20by%20徒 setto セット%20&amp;hashtags=paxNion"
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/albums/unmet-dependencies/2-pingnu/&amp;text=2 Pingnu%20by%20徒 setto セット"
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/albums/unmet-dependencies/2-pingnu/&amp;title=2 Pingnu%20by%20徒 setto セット"
class="icon smaller fab fa-reddit"><span class="label">Reddit</span></a>
</ul>
</div>
</div>
<div class="noJSalbum">
<h1 style="margin-top:80px">Pingnu</h1> <h1 style="margin-top:80px">Pingnu</h1>
<p><strong>Cybersoul</strong> by <strong>徒 setto セット</strong> <p><strong>Cybersoul</strong> by <strong>徒 setto セット</strong>
<br />2020 <br />2020
@ -146,57 +172,16 @@
<p><strong>3:42</strong></p> <p><strong>3:42</strong></p>
<ul class="actions stacked"> <ul class="actions stacked">
<li><a class="button small icon solid fa-play" target="_blank" rel="noopener" href="https://media.basspistol.com/setto.basspistol.com/unmet-dependencies/2-pingnu.mp3">Play!</a></li> <li><a class="button" target="_blank" rel="noopener" href="https://media.basspistol.com/setto.basspistol.com/unmet-dependencies/2-pingnu.mp3"><span class="fas fa-play"></span> Play!</a></li>
</ul> </ul>
</div> </div>
<div class="image">
<img src="https://media.basspistol.com/setto.basspistol.com/unmet-dependencies/2-pingnu.jpeg" alt="2 Pingnu logo" id="coverart" />
</div>
</section>
<!-- Content --> <!-- Content -->
<section class="wrapper style1 align-center">
<div class="inner" style="padding-top:40px">
<div class="index align-left">
<section style="padding-top:40px">
<header id="author"> <div class="info">
<div class="bio"> <p>
<h6>
Share this page:
</h6>
<ul class="icons">
<li><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/albums/unmet-dependencies/2-pingnu/&amp;quote=2 Pingnu%20by%20徒 setto セット%20via%20https://setto.basspistol.com" class="icon brands style1 fa-facebook-f"><span class="label">Facebook</span></a></li>
<li><a target="_blank" rel="nofollow noopener" title="Share to twitter" alt="Share to twitter" href="https://twitter.com/share?url=https://setto.basspistol.com/albums/unmet-dependencies/2-pingnu/&amp;text=2 Pingnu%20by%20徒 setto セット%20&amp;hashtags=paxNion" class="icon brands style1 fa-twitter"><span class="label">Twitter</span></a></li>
<li><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/albums/unmet-dependencies/2-pingnu/&amp;text=2 Pingnu%20by%20徒 setto セット" class="icon brands style1 fa-telegram"><span class="label">Telegram</span></a></li>
<li><a target="_blank" rel="nofollow noopener" title="Share to reddit" alt="Share to reddit" href="https://reddit.com/submit/?url=https://setto.basspistol.com/albums/unmet-dependencies/2-pingnu/&amp;title=2 Pingnu%20by%20徒 setto セット" class="icon brands style1 fa-reddit"><span class="label">Reddit</span></a></li>
</ul>
<a href="../../../unmet-dependencies/" class="button smaller"> Back to Album</a><br /><br />
</div>
</header>
<!-- Content -->
<div class="content">
<p style="font-size:16px;">
I’m a little Pingu, riding on a GNU.<br /> I’m a little Pingu, riding on a GNU.<br />
Looking at the world, looking at you.<br /> Looking at the world, looking at you.<br />
Free at the core, i wonder why don’t you,<br /> Free at the core, i wonder why don’t you,<br />
@ -218,226 +203,128 @@ Someone has taken your tool into dispute,<br />
This is what together we should refute.<br /> This is what together we should refute.<br />
</p> </p>
</div>
<p> <p>
</p> </p>
<a href="../../../unmet-dependencies/" class="button">See release page</a>
</section>
<section class="streambox">
<h2>Get this track</h2>
<div class="streamer">
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Spotify']);" target="_blank" rel="noopener" href="https://open.spotify.com/album/2UBSokWbYLy0JqrwoGRp0K" title="Stream from Spotify" class="icon fab fa-spotify"><span class="label">Spotify</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Tidal']);" target="_blank" rel="noopener" href="https://listen.tidal.com/album/149706362" title="Stream from Tidal" class="icon fab fa-creative-commons-sampling"><span class="label">Tidal</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Apple']);" target="_blank" rel="noopener" href="https://music.apple.com/us/album/unmet-dependencies-single/1524841124?uo=4&app=music&at=1001lry3&ct=dashboard" title="Stream from Apple" class="icon fab fa-apple"><span class="label">Apple</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Bandcamp']);" target="_blank" rel="noopener" href="https://shop.basspistol.com/album/unmet-dependencies" title="Stream from Bandcamp" class="icon fab fa-bandcamp"><span class="label">Bandcamp</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Deezer']);" target="_blank" rel="noopener" href="https://www.deezer.com/us/album/162768022" title="Stream from Deezer" class="icon fab fa-deezer"><span class="label">Deezer</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Youtube']);" target="_blank" rel="noopener" href="https://www.youtube.com/playlist?list=OLAK5uy_nwAxqTcjZHW6XjNwHPkEd30jYsYcHJM_k" title="Stream from Youtube" class="icon fab fa-youtube"><span class="label">Youtube</span></a>
</div> </div>
</section> </section>
</div>
</div>
</section>
<section class="streambox" style="padding: 40px;">
<h2 style="text-align: center;display: block;">Get this track</h2>
<div class="streamer">
<!-- post Naviation -->
<section class="post-navigation">
<h2>Track Navigation</h2>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Bandcamp']);" target="_blank" rel="noopener" href="https://shop.basspistol.com/album/unmet-dependencies" alt="Stream from Bandcamp" title="Stream from Bandcamp" class="button small icon brands fa-bandcamp">Bandcamp</a>
</div>
<p style="text-align: center;display: block;margin-top:40px;">Stream it, follow, like and subscribe!</p>
<div class="streamer">
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Spotify']);" target="_blank" rel="noopener" href="https://open.spotify.com/album/2UBSokWbYLy0JqrwoGRp0K" alt="Stream from Spotify" title="Stream from Spotify" class="button small icon brands fa-spotify">Spotify</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Tidal']);" target="_blank" rel="noopener" href="https://listen.tidal.com/album/149706362" alt="Stream from Tidal" title="Stream from Tidal" class="button small icon brands fa-creative-commons-sampling">Tidal</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Apple']);" target="_blank" rel="noopener" href="https://music.apple.com/us/album/unmet-dependencies-single/1524841124?uo=4&app=music&at=1001lry3&ct=dashboard" alt="Stream from Apple" title="Stream from Apple" class="button small icon brands fa-apple">Apple</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Deezer']);" target="_blank" rel="noopener" href="https://www.deezer.com/us/album/162768022" alt="Stream from Deezer" title="Stream from Deezer" class="button small icon brands fa-creative-commons-sampling">Deezer</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Youtube']);" target="_blank" rel="noopener" href="https://www.youtube.com/playlist?list=OLAK5uy_nwAxqTcjZHW6XjNwHPkEd30jYsYcHJM_k" alt="Stream from Youtube" title="Stream from Youtube" class="button small icon brands fa-youtube">Youtube</a>
</div>
</section>
<!-- Page navigation -->
<section class="wrapper style1 align-center">
<div class="inner">
<div class="index align-left">
<!-- Author -->
<section>
<!-- Content -->
<div class="content">
<!-- post Naviation -->
<div style="text-align: center;">
<h3>Play more songs grom this release</h3>
</div>
<div class="post-nav"> <div class="post-nav">
<div>
<h4><a href="../../../albums/unmet-dependencies/1-dependency-error/" alt="Read Dependency Error" title="Read Dependency Error"><i class="fas fa-arrow-left"></i></a> <a
href="../../../albums/unmet-dependencies/1-dependency-error/">&nbsp;Dependency Error</a> <h4><a href="/albums/unmet-dependencies/1-dependency-error/" alt="Read 1 Dependency Error" title="Read 1 Dependency Error"><span
</h4> class="fas fa-arrow-left"></span>&nbsp;Previous</a></h4>
<h3>Dependency Error</h3>
<p></p>
</div> </div>
<div class="post-nav-next"> <div class="post-nav-next">
<h4><a href="../../../albums/unmet-dependencies/1-dependency-error/">&nbsp;Dependency Error</a> <a </div>
href="../../../albums/unmet-dependencies/1-dependency-error/" alt="Read Dependency Error" title="Read Dependency Error"><i class="fas fa-arrow-right"></i></a></h4>
</div>
</div>
<!-- End Post Navigation -->
</div>
</section>
</div>
</div>
</section> </section>
<!-- Audio player-->
<audio autoplay preload="metadata" data-matomo-title="Pingnu">
<source src="https://media.basspistol.com/setto.basspistol.com/unmet-dependencies/2-pingnu.mp3" type="audio/mpeg" ontimeupdate='updateTrackTime(this);' />
<h1>Your browser isn't ready for so much hotness. Use the download-link instead.</h1>.
</audio>
<!-- Footer --> <!-- Footer -->
<footer>
<section class="streambox" style="padding: 40px;">
<h2 style="text-align: center;display: block;">Get this track</h2>
<div class="streamer">
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Bandcamp']);" target="_blank" rel="noopener" href="https://shop.basspistol.com/album/unmet-dependencies" alt="Stream from Bandcamp" title="Stream from Bandcamp" class="button small icon brands fa-bandcamp">Bandcamp</a>
</div>
<p style="text-align: center;display: block;margin-top:40px;">Stream it, follow, like and subscribe!</p>
<div class="streamer">
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Spotify']);" target="_blank" rel="noopener" href="https://open.spotify.com/album/2UBSokWbYLy0JqrwoGRp0K" alt="Stream from Spotify" title="Stream from Spotify" class="button small icon brands fa-spotify">Spotify</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Tidal']);" target="_blank" rel="noopener" href="https://listen.tidal.com/album/149706362" alt="Stream from Tidal" title="Stream from Tidal" class="button small icon brands fa-creative-commons-sampling">Tidal</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Apple']);" target="_blank" rel="noopener" href="https://music.apple.com/us/album/unmet-dependencies-single/1524841124?uo=4&app=music&at=1001lry3&ct=dashboard" alt="Stream from Apple" title="Stream from Apple" class="button small icon brands fa-apple">Apple</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Deezer']);" target="_blank" rel="noopener" href="https://www.deezer.com/us/album/162768022" alt="Stream from Deezer" title="Stream from Deezer" class="button small icon brands fa-creative-commons-sampling">Deezer</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Youtube']);" target="_blank" rel="noopener" href="https://www.youtube.com/playlist?list=OLAK5uy_nwAxqTcjZHW6XjNwHPkEd30jYsYcHJM_k" alt="Stream from Youtube" title="Stream from Youtube" class="button small icon brands fa-youtube">Youtube</a>
</div>
</section>
<footer id="footer" class="wrapper style1 align-center">
<div class="footflex">
<div>
<h4>徒 setto セット</h4>
<p>Set, Party, Gang! &#35;Cybersoul.
<br /><a href="mailto:setto@basspistol.com">setto@basspistol.com</a></p>
</div>
<div> <div>
<h3>徒 setto セット</h3>
<p>Set, Party, Gang! &#35;Cybersoul.</p>
<ul> <ul>
<li><a href="../../../">Home</a></li> <li><a href="../../../">Home</a></li>
@ -453,33 +340,67 @@ This is what together we should refute.<br />
</ul> </ul>
</div> </div>
<div><img src="../../../images/setto-logo-dark.svg" style="max-width:300px" alt="徒 setto セット Logo" /></div> <div><img src="../../../images/setto_logo.svg" width="100%" alt="徒 setto セット Logo" /></div>
<div style="text-align: center;">
<a target="_blank" alt="徒 setto セット on Twitter" title="徒 setto セット on Twitter" rel="noopener"
href="https://twitter.com/ToSettoSetto" class="icon small fab fa-twitter"><span class="label">Twitter</span></a>
<a target="_blank" alt="徒 setto セット on Instagram" title="徒 setto セット on Instagram" rel="noopener"
href="https://www.instagram.com/tosettosetto/" class="icon small fab fa-instagram"><span class="label">Instagram</span></a>
<a target="_blank" alt="徒 setto セット on Telegram" title="徒 setto セット on Telegram" rel="noopener"
href="https://t.me/basspistol" 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" href="mailto:setto@basspistol.com" class="icon small fas fa-envelope-open-text"><span
class="label">Email</span></a>
</div> </div>
<div class="inner"> <small>
<ul class="icons">
<p>&copy;2020 Basspistol | <a href="../../../webcreds/">Credits</a> | <a
<li><a target="_blank" alt="徒 setto セット on Twitter" title="徒 setto セット on Twitter" rel="noopener" href="https://twitter.com/ToSettoSetto" class="icon brands style2 fa-twitter"><span class="label">Twitter</span></a></li> href="../../../cookies/">Cookies & Privacy</a></p>
</small>
<li><a target="_blank" alt="徒 setto セット on Instagram" title="徒 setto セット on Instagram" rel="noopener" href="https://www.instagram.com/tosettosetto/" class="icon brands style2 fa-instagram"><span class="label">Instagram</span></a></li>
<li><a target="_blank" alt="徒 setto セット on Telegram" title="徒 setto セット on Telegram" rel="noopener" href="https://t.me/basspistol" class="icon brands style2 fa-telegram"><span class="label">Telegram</span></a></li>
<li><a target="_blank" alt="徒 setto セット on Reddit" title="徒 setto セット on Reddit" rel="noopener" href="https://www.reddit.com/r/basspistol" class="icon brands style2 fa-reddit"><span class="label">Reddit</span></a></li>
</ul>
<p>&copy;2020 Basspistol | <a href="../../../webcreds/">Credits</a> | <a href="../../../cookies/">Cookies & Privacy</a></p>
</div>
</footer> </footer>
<!-- End Post Navigation -->
</div>
<!-- Audio player-->
<div id="fixedPlayer" class="showplayer hideplayer">
<div id="audiowrap">
<div id="audio0">
<audio controls autoplay preload="metadata" data-matomo-title="Pingnu">
<source src="https://media.basspistol.com/setto.basspistol.com/unmet-dependencies/2-pingnu.mp3" type="audio/mpeg" ontimeupdate='updateTrackTime(this);' />
<h1>Your browser isn't ready for so much hotness. Use the download-link instead.</h1>.
</audio>
</div>
</div>
<div id="nowPlay">
<div id="tracks">
<a id="btnPrev" href="/albums/unmet-dependencies/1-dependency-error/"><span class="fas fa-fast-backward"></span></a>
</div>
<p class="right" id="npTitle" style="font-weight: bold;">Pingnu </a></p>
</div>
</div>
<script type="text/javascript"> <script type="text/javascript">
function loadUrl(newLocation) { function loadUrl(newLocation) {
@ -490,6 +411,7 @@ This is what together we should refute.<br />
var mu = document.getElementsByTagName("audio")[0]; var mu = document.getElementsByTagName("audio")[0];
var pauseButton = document.getElementById("mu_pause"); var pauseButton = document.getElementById("mu_pause");
var spincover = document.getElementById("coverart"); var spincover = document.getElementById("coverart");
var fixedplayer = document.getElementById("fixedPlayer");
mu.addEventListener('ended', function () { mu.addEventListener('ended', function () {
// only functional if "loop" is removed // only functional if "loop" is removed
@ -499,10 +421,8 @@ This is what together we should refute.<br />
}); });
mu.onplaying = function() { mu.onplaying = function() {
pauseButton.innerHTML = "Pause"; pauseButton.innerHTML = "Pause";
pauseButton.classList.remove("fa-play"); fixedplayer.classList.remove("hideplayer");
pauseButton.classList.add("fa-pause");
spincover.classList.add("spinnit");
spincover.classList.remove("paused");
}; };
pauseButton.addEventListener("click", function () { pauseButton.addEventListener("click", function () {
@ -512,82 +432,85 @@ This is what together we should refute.<br />
} }
else { else {
mu.pause(); mu.pause();
pauseButton.innerHTML = "Resume";
pauseButton.classList.add("fa-play");
pauseButton.classList.remove("fa-pause");
spincover.classList.add("paused");
} }
}); });
mu.addEventListener('playing', function () {
mu.addEventListener('timeupdate', function () { spincover.classList.add("spinnit");
var timestamp = Math.floor(mu.currentTime); spincover.classList.remove("paused");
var hours = Math.floor(timestamp / 60 / 60);
var minutes = Math.floor(timestamp / 60) - (hours * 60);
var seconds = timestamp % 60;
var formatted = hours.toString().padStart(2, '0') + ':' + minutes.toString().padStart(2, '0') + ':' + seconds.toString().padStart(2, '0');
var thecurrentSpan = document.getElementById("tracktime");
thecurrentSpan.innerHTML = formatted + ' / ';
}); });
mu.addEventListener('pause', function () {
spincover.classList.add("paused");
pauseButton.innerHTML = "Resume";
});
</script> </script>
</div> <!-- Footer -->
<!-- Navigation -->
<div id="logo" class="logo">
<a href="/"><img width="100em" src="/images/setto-logoicon.svg" alt="徒 setto セット Logo" /></a>
&nbsp;&nbsp;&nbsp;<a href="#navbar" onclick="blurBody()" alt="Navigation Menu" title="Navigation Menu"><span class="icon solid fa-bars navmenu"></span></a>
</div>
<div id="navbar" style="display: block;" class="modalDialog"> <!-- END Footer -->
<a href="#close" onclick="removeBlur()" alt="Close Menu" title="Close Menu"><div id="closearea"> </div></a>
</div>
<!-- END Wrapper -->
<!-- Navigation -->
<div id="sticky" class="logo sticky">
<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> <nav>
<a href="#close" title="Close" onclick="removeBlur()" class="close-button close" style="margin: 0 auto;">X</a> <a href="#close" title="Close" onclick="removeBlur()" class="close-button">X</a>
<ul> <ul>
<li><a href="../../../" class="button smaller">Home</a></li> <li><a href="../../../" class="button">home</a></li>
<li><a href="../../../discography/" class="button smaller">Discog</a></li> <li><a href="../../../discography/" class="button">Discog</a></li>
<li><a href="../../../log/" class="button smaller">Log</a></li> <li><a href="../../../log/" class="button">Log</a></li>
<li><a href="../../../about/" class="button smaller">About</a></li> <li><a href="../../../about/" class="button">About</a></li>
<li><a href="../../../links/" class="button smaller">Links</a></li> <li><a href="../../../links/" class="button">Links</a></li>
</ul> </ul>
</nav> </nav>
</div> </div>
<!-- End Navigation --> <!-- End Navigation -->
<!-- Scripts -->
<script src="../../../assets/js/jquery.min.js"></script>
<script src="../../../assets/js/jquery.scrollex.min.js"></script>
<script src="../../../assets/js/jquery.scrolly.min.js"></script>
<script src="../../../assets/js/browser.min.js"></script>
<script src="../../../assets/js/breakpoints.min.js"></script>
<script src="../../../assets/js/util.js"></script>
<script src="../../../assets/js/main.js"></script>
<script src="../../../assets/js/set.js"></script>
<div id="cookie-notice"> <div id="cookie-notice">
<p>I only use cookies if you consent to it. They don't contain any identifiable info: they just let me know if you enjoyed this enough to come back. <br />Click <a href="#" id="cookie-notice-decline">here</a> if you want this shit to go away without cookies. <br />Read more about how me & basspistol <a href="/cookies/">use cookies</a> </p>
<a class="button small yes" href="#" id="cookie-notice-accept">I'm in!</a> <p>I only use cookies if you consent to it. They don't contain any identifiable info: they just let me know if you
enjoyed this enough to come back.
<br />Click <a href="#" id="cookie-notice-decline">here</a> if you want this shit to go away without cookies.
<br />Read more about how me & basspistol <a href="/cookies/">use cookies</a>
</p>
<a class="button yes" href="#"
id="cookie-notice-accept">I'm in!</a>
</div> </div>
<script> <script>
@ -686,5 +609,12 @@ _paq.push(['enableLinkTracking']);
</script> </script>
<!-- Scripts -->
<script src="../../../assets/js/set.js"></script>
</body> </body>
</html> </html>

5
assets/css/all.min.css vendored Normal file
View file

File diff suppressed because one or more lines are too long

374
assets/css/main.css Normal file
View file

@ -0,0 +1,374 @@
@font-face { font-family: 'Jetbrain-regular'; font-style: normal; font-weight: 400; src: local("Jetbrain Regular"), local("Jetbrain-Regular"), url(/assets/fonts/JetBrainsMono_Regular.ttf) format("truetype"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Jetbrain-regular'; font-style: italic; font-weight: 400; src: local("Jetbrain Regular"), local("Jetbrain-Regular"), url(/assets/fonts/JetBrainsMono_Italic.ttf) format("truetype"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Jetbrain-regular'; font-style: normal; font-weight: 500; src: local("Jetbrain Bold"), local("Jetbrain-Bold"), url(/assets/fonts/JetBrainsMono_Bold.ttf) format("truetype"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Jetbrain-regular'; font-style: italic; font-weight: 500; src: local("Jetbrain Bold"), local("Jetbrain-Bold"), url(/assets/fonts/JetBrainsMono_Bold_Italic.ttf) format("truetype"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Jetbrain-Extrabold'; font-style: normal; font-weight: 700; src: local("Jetbrain ExtraBold"), local("Jetbrain-ExtraBold"), url(/assets/fonts/JetBrainsMono_ExtraBold.ttf) format("truetype"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Jetbrain-Extrabold'; font-style: italic; font-weight: 700; src: local("Jetbrain ExtraBold"), local("Jetbrain-ExtraBold"), url(/assets/fonts/JetBrainsMono_ExtraBold_Italic.ttf) format("truetype"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Staatliches'; font-style: normal; font-weight: 400; src: local("Astloch Bold"), local("Astloch-Bold"), url(/assets/fonts/Astloch-Bold.ttf) format("truetype"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1.75; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
body { -webkit-text-size-adjust: none; }
mark { background-color: transparent; color: inherit; }
input::-moz-focus-inner { border: 0; padding: 0; }
input, select, textarea { -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; appearance: none; }
html, body { margin: 0; padding: 0; }
body { height: 100vh; width: 100%; font-family: "Jetbrain-Regular", "Lucida Console", Monaco, monospace; color: #ebdbf8; letter-spacing: -0.025em; background-color: #1f1729; }
#main-wrapper { display: flex; flex-wrap: wrap; width: 100%; -webkit-transition: filter 400ms ease-in; -moz-transition: filter 400ms ease-in; transition: filter 400ms ease-in; }
.content-wrapper { max-width: 1200px; margin: auto; }
.wrapper { margin: 20px 40px; }
.hero { display: flex; flex-wrap: wrap; flex-direction: row; align-content: center; background-color: #1f1729; justify-content: center; background-size: cover; background-position: center; background-repeat: no-repeat; padding: 40px; position: relative; min-height: 75vh; width: 100vw; }
.hero div { z-index: 10; }
.hero div h1, .hero div p { flex: 1 0 100%; width: 100%; z-index: 10; color: #ebdbf8; text-align: center; max-width: 1200px; }
.hero .imagecontainer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("../img/vignette.svg"); background-size: 480px 480px; background-repeat: repeat-x; background-position: bottom; z-index: 1; background-color: rgba(0, 0, 0, 0.75); }
section { flex: 1 1 100%; padding: 20px; background-color: #1f1729; -webkit-box-shadow: inset 0px 23px 25px -25px rgba(0, 0, 0, 0.75); -moz-box-shadow: inset 0px 23px 25px -25px rgba(0, 0, 0, 0.75); box-shadow: inset 0px 23px 25px -25px rgba(0, 0, 0, 0.75); }
section h2 { text-align: center; }
section:first-of-type { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
footer { display: flex; flex-wrap: wrap; width: 100%; padding: 160px 20px 200px 20px; background-color: #ebdbf8; color: #1f1729; justify-content: center; background-image: url("../img/vignette-footer.svg"); background-size: 480px 480px; background-repeat: repeat-x; background-position: top; box-sizing: border-box; }
footer div { flex: 0 1 280px; margin: 20px; }
footer div img { margin: auto; display: block; }
footer div li { border-bottom: 1px solid rgba(31, 23, 41, 0.75); line-height: 2; font-size: 1.5em; }
footer div li a { font-weight: 700; text-decoration: none; }
footer small { flex: 0 0 100%; margin: 20px; text-align: center; }
footer small .label { display: none; }
.post-navigation { padding: 80px 0 160px 0; display: flex; flex-wrap: wrap; justify-content: center; }
.post-navigation h2 { flex: 0 0 100%; margin-top: 40px; text-align: center; }
.post-navigation .post-nav, .post-navigation .post-nav-next { flex: 0 0 200px; margin: 40px; }
.post-navigation .post-nav h4, .post-navigation .post-nav-next h4 { font-size: 2em; justify-self: right; }
@-webkit-keyframes infiniteRotate { 0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); } }
@-moz-keyframes infiniteRotate { 0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); } }
@keyframes infiniteRotate { 0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); } }
@-webkit-keyframes backgroundBlink { 0% { background-position: 73% 0%; }
50% { background-position: 28% 100%; }
100% { background-position: 73% 0%; } }
@-moz-keyframes backgroundBlink { 0% { background-position: 73% 0%; }
50% { background-position: 28% 100%; }
100% { background-position: 73% 0%; } }
@keyframes backgroundBlink { 0% { background-position: 73% 0%; }
50% { background-position: 28% 100%; }
100% { background-position: 73% 0%; } }
@-webkit-keyframes backgroundSize { 0% { background-size: 100% 150%; }
50% { background-size: 150% 100%; }
100% { background-size: 100% 150%; } }
@-moz-keyframes backgroundSize { 0% { background-size: 100% 150%; }
50% { background-size: 150% 100%; }
100% { background-size: 100% 150%; } }
@keyframes backgroundSize { 0% { background-size: 100% 150%; }
50% { background-size: 150% 100%; }
100% { background-size: 100% 150%; } }
h1, h2, h3, h4, h5, h6 { font-family: "Staatliches", "Lucida Console", Monaco, monospace; }
h1 { font-size: 2.5em; }
h2 { font-size: 2em; }
h3 { font-size: 1.5em; }
strong { font-weight: 700; }
a { text-decoration-style: wavy; text-decoration-color: transparent; color: #8d3ed8; -moz-transition: all 0.2s ease-in-out, color 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out, color 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out, color 0.2s ease-in-out; transition: all 0.2s ease-in-out, color 0.2s ease-in-out; }
a:hover { color: #38ff59; text-decoration-style: wavy; text-decoration-color: unset; }
.button { background-color: #8d3ed8; padding: 1em; border-radius: 5px; text-align: center; text-decoration: none; text-transform: uppercase; font-weight: 500; color: #ebdbf8; }
.button:hover { background-color: #38ff59; color: #1f1729; }
.releases { display: flex; flex-wrap: wrap; justify-content: space-around; padding: 20px; }
.releases h2 { flex: 0 0 100%; margin: 20px; }
.releases article { flex: 1 1 280px; max-width: 480px; margin: 20px; }
.releases img { width: 100%; height: 100%; object-fit: cover; border-radius: 5px; }
.streambox { text-align: center; line-height: 2em; }
.streambox > h2, .streambox div { margin: 20px; }
.streamer { margin-top: 2em; text-align: center; }
.label { display: none; }
.icon { flex: 0 0 45px; margin: 20px; font-size: 45px; border-radius: 100px; width: 100px; height: 100px; line-height: 100px; border: 1px solid #8d3ed8; text-align: center; text-decoration: none; -moz-transition: border 0.2s ease-in-out, color 0.2s ease-in-out; -webkit-transition: border 0.2s ease-in-out, color 0.2s ease-in-out; -ms-transition: border 0.2s ease-in-out, color 0.2s ease-in-out; transition: border 0.2s ease-in-out, color 0.2s ease-in-out; }
.icon:hover { border: 1px solid #38ff59; }
.small { border-radius: 80px; width: 70px; height: 70px; line-height: 70px; font-size: 45px; margin-left: 0; }
.smaller { border-radius: 30px; width: 30px; height: 30px; line-height: 30px; font-size: 18px; margin: 10px 10px 10px 0; }
#author { flex: 0 0 280px; margin: 20px; }
#author .date { font-size: .85em; }
#author .author-image { margin-right: 10px; background-repeat: no-repeat; background-size: cover; border-radius: 150px; width: 150px; height: 150px; }
.info, .info-pages { padding: 40px; }
.info > div, .info-pages > div { max-width: 1200px; margin: auto; }
.info p, .info-pages p { margin: 20px 0; }
.info-pages h2, .info-pages h3, .info-pages h4, .info-pages h5, .info-pages h6 { text-align: left; }
.news, .links { margin-top: 40px; padding: 0; display: flex; flex-wrap: wrap; }
.news h2, .links h2 { flex: 0 0 100%; margin-bottom: 20px; }
.news > div, .links > div { background-size: cover; background-repeat: no; background-position: center center; flex: 1 1 512px; min-height: 80vh; padding: 40px; box-sizing: border-box; text-align: left; }
.news .description, .links .description { min-height: unset; }
.news .description h2, .news .description p, .news .description a, .links .description h2, .links .description p, .links .description a { text-align: center; }
.news .description p, .links .description p { margin-top: 20px; }
.news .description p:last-child, .links .description p:last-child { margin-bottom: 20px; }
.news:nth-child(even), .links:nth-child(even) { flex-direction: row-reverse; }
.links > div { min-height: unset; }
.linksbg { background-size: 100%; background: #1f1729; background: linear-gradient(180deg, #1f1729 26%, rgba(56, 255, 89, 0.25) 100%); }
/* NAVIGATION */
#navbar { z-index: 10000; display: block; }
.logo { filter: blur(20px); opacity: 0; text-decoration: none; position: fixed; top: 0; width: 100%; height: 80px; z-index: 100; -webkit-transition: all 400ms ease-in; -moz-transition: all 400ms ease-in; transition: all 400ms ease-in; background-color: transparent; background-repeat: no-repeat; background-position: center center; background-size: 95% 95%; -webkit-transition: all 400ms ease-in; -moz-transition: all 400ms ease-in; transition: all 400ms ease-in; -webkit-box-shadow: 0px 3px 29px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 3px 29px 0px rgba(0, 0, 0, 0.75); box-shadow: 0px 3px 29px 0px rgba(0, 0, 0, 0.75); display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; }
.logo > a { height: 40px; }
.logo:hover { filter: blur(0px); opacity: 1; -webkit-transition: all 400ms ease-in; -moz-transition: all 400ms ease-in; transition: all 400ms ease-in; background-color: #1f1729; }
.sticky { filter: blur(0px); opacity: 1; background-color: #1f1729; -webkit-transition: all 400ms ease-in; -moz-transition: all 400ms ease-in; transition: all 400ms ease-in; }
.navmenu { margin: 0 40px 0 20px; font-size: 34px; color: #38ff59; }
nav { position: absolute; width: 300px; max-height: 90vh; max-width: 90vw; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #1f1729; border-radius: 5px; display: flex; flex-wrap: wrap; }
nav ul { padding: 20px; width: 100%; }
nav li { list-style-type: none; margin: 20px; padding: 0; }
nav li a { display: block; font-size: 14px; }
.blurredout { filter: blur(5px); -webkit-transition: filter 400ms ease-in; -moz-transition: filter 400ms ease-in; transition: filter 400ms ease-in; }
.modalDialog { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(31, 23, 41, 0.75); z-index: 10; opacity: 0; -webkit-transition: opacity 400ms ease-in; -moz-transition: opacity 400ms ease-in; transition: opacity 400ms ease-in; pointer-events: none; }
.modalDialog:target { opacity: 1; pointer-events: auto; }
.modalDialog > div { display: flex; align-items: center; position: relative; margin: 100px auto; padding: 20px; border-radius: 3px; background: #001f24; background: -moz-linear-gradient(#000, #001f24); background: -webkit-linear-gradient(#000, #001f24); background: -o-linear-gradient(#000, #001f24); }
.close-button { background-color: #8d3ed8; color: #38ff59; margin: 0 auto; line-height: 48px; position: absolute; right: -12px; text-align: center; top: -10px; width: 48px; height: 48px; text-decoration: none; font-weight: bold; border-radius: 48px; transition: all 400ms ease-in; }
.close-button:hover { background-color: #38ff59; color: #8d3ed8; }
#closearea { position: fixed; width: 100%; height: 100%; }
/* Background Video */
.fullscreen-bg { position: absolute; height: 100%; width: 100%; overflow: hidden; z-index: -100; background: #fff; }
.fullscreen-bg__video { background: #fff; position: relative; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; }
/* cookies */
#cookie-notice { display: none; text-align: right; position: fixed; bottom: 0; width: 100%; background-color: #000000; flex-wrap: wrap; justify-content: space-evenly; align-content: center; align-items: center; z-index: 1000; }
#cookie-notice p { flex: 1 0 250px; margin: 40px 20px 40px 40px; font-size: 0.75em; font-family: "Jetbrain-Regular", "Lucida Console", Monaco, monospace; }
@media only screen and (max-width: 651px) { #cookie-notice p { text-align: center; margin: 40px 40px 20px 40px; } #cookie-notice .yes { margin: 20px 40px 40px 40px; } }
.yes { flex: 0 0 250px; -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; -ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; text-align: center; background-position-x: 0%; background-position-y: 0%; background-repeat: repeat; background-attachment: scroll; background-image: linear-gradient(228deg, rgba(56, 255, 89, 0.75), rgba(141, 62, 216, 0.75)); background-origin: padding-box; background-clip: border-box; background-size: 400% 400%; -webkit-animation: backgroundBlink 2s ease infinite; -moz-animation: backgroundBlink 2s ease infinite; animation: backgroundBlink 2s ease infinite; margin: 40px 40px 40px 20px; }
.yes:hover { -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; -ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; }
/* Audio Player Styles
================================================== */
/* Default / Desktop / Firefox */
.album-player { display: flex; flex-wrap: wrap; padding: 20px; justify-content: space-evenly; flex-direction: row-reverse; align-items: center; }
.album-player > div { margin: 20px; }
audio { margin: 0; width: 100%; }
.player-wrap { flex: 1 1 400px; max-width: 700px; border-radius: 5px; width: 100%; }
#plwrap ul { list-style: none; padding: 0; }
#plwrap ul li { border-top: solid 1px rgba(235, 219, 248, 0.25); }
#plwrap ul li:first-child { border-radius: 5px 5px 0 0; }
#plwrap ul li:last-child { border-radius: 0 0 5px 5px; border-bottom: solid 1px rgba(235, 219, 248, 0.25); }
#audiowrap { background-color: #1f1729; margin: 0 auto 0 auto; }
#plwrap { margin: 0 auto; }
#tracks { flex: 1 0 200px; min-height: 65px; position: relative; text-align: center; text-decoration: none; padding-top: 20px; }
#nowPlay { display: flex; width: 100%; height: 80px; flex-wrap: unset; justify-content: flex-start; align-items: center; background-color: #1f1729; }
#npTitle { flex: 1 1 100%; margin: 0; padding: 21px; }
#npAction { display: none; margin: 0; padding: 21px; font-size: 12px; }
#plList { margin: 0; }
#plList li { background-color: #1f1729; cursor: pointer; margin: 0; padding: 21px 0; border-left: 1px solid rgba(235, 219, 248, 0.25); border-right: 1px solid rgba(235, 219, 248, 0.25); border-top: 0; transition: all 400ms ease-in-out; }
#plList li:hover { background-color: #38ff59; color: #1f1729; transition: all 400ms ease-in-out; }
.plItem { position: relative; }
.plTitle { left: 75px; overflow: hidden; position: absolute; right: 65px; text-overflow: ellipsis; top: 0; white-space: nowrap; font-weight: bold; padding-right: 10px; }
.plNum { padding-left: 21px; width: 65px; }
.plLength { padding-left: 21px; position: absolute; right: 21px; top: 0; }
.plSel { background-color: rgba(235, 219, 248, 0.25) !important; cursor: pointer !important; }
.plSel:hover { background-color: #38ff59 !important; }
a[id^="btn"] { font-size: 1.5em; color: #ebdbf8; cursor: pointer; margin: 0; padding: 0 27px 0 21px; text-decoration: none; }
a[id^="btn"]::-moz-focus-inner { border: 0; padding: 0; }
.coverart { flex: 1 1 400px; justify-content: center; display: flex; flex-wrap: wrap; max-width: 700px; }
.coverart #author { margin: 40px 0 0 0; flex: 1 1 auto; text-align: center; }
.coverartwrapper { width: 80%; padding-top: 80%; /* 1:1 Aspect Ratio */ position: relative; /* If you want text inside of it */ }
.coverartwrapped { position: absolute; top: 0; left: 0; bottom: 0; right: 0; border-radius: 100%; padding-bottom: 0; background-size: cover; }
.spinnit { -webkit-animation: infiniteRotate 2s linear infinite; /* Safari */ -moz-animation: infiniteRotate 2s linear infinite; animation: infiniteRotate 2s linear infinite; }
.paused { animation-play-state: paused; }
.track-picker { display: flex; flex-wrap: wrap; margin: 0; padding: 0; background-color: #38ff59; margin: 0; padding: 0; min-height: 50vw; text-align: left; }
.track-picker .button { background-color: #38ff59; color: #1f1729; }
.track-picker .button:hover { background-color: #8d3ed8; color: #ebdbf8; }
.track-picker > div { flex: 1 1 auto; width: 50%; min-width: 280px; margin: 0; padding: 0; background-color: #1f1729; -webkit-box-shadow: inset 0px 23px 25px -25px rgba(0, 0, 0, 0.75); -moz-box-shadow: inset 0px 23px 25px -25px rgba(0, 0, 0, 0.75); box-shadow: inset 0px 23px 25px -25px rgba(0, 0, 0, 0.75); }
.track-picker > div > h2, .track-picker > div a, .track-picker > div p { text-align: left; margin: 20px 40px; }
.track-picker .full-image { width: 50%; min-width: 280px; min-height: 50vw; background-color: transparent; background-size: cover; background-position: center; }
.track-picker:nth-child(even) { flex-direction: row-reverse; background-color: #8d3ed8; text-align: right; }
.track-picker:nth-child(even) .button { background-color: #8d3ed8; color: #ebdbf8; }
.track-picker:nth-child(even) .button:hover { background-color: #38ff59; color: #1f1729; }
.track-picker:nth-child(even) > div > h2, .track-picker:nth-child(even) > div a, .track-picker:nth-child(even) > div p { text-align: right; }
#fixedPlayer { background-color: #1f1729; margin: 0; padding: 0; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 100000; -webkit-box-shadow: 0px 3px 35px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 3px 35px 2px rgba(0, 0, 0, 0.3); box-shadow: 0px 3px 35px 2px rgba(0, 0, 0, 0.3); -webkit-transition: all 400ms ease-in; -moz-transition: all 400ms ease-in; transition: all 400ms ease-in; }
.showplayer { height: 120px; }
.hideplayer { height: 0; }
@media only screen and (max-width: 559px) { .track-picker { background-size: 100%; } .track-picker .full-image { min-height: 100vw; } #nowPlay { align-items: baseline; padding-bottom: 20px; } #tracks { flex: 1 0 100px; width: 100px; position: relative; text-align: center; text-decoration: none; } a[id^="btn"] { font-size: 1em; color: #ebdbf8; cursor: pointer; margin: 0; padding: 0 0 0 20px; text-decoration: none; } #npTitle { font-size: 0.8em; text-decoration: none; margin: 0; padding: 0 0 0 20px; } }
#trackArt { overflow-x: hidden; flex: 1 1 50%; min-width: 512px; height: 100vh; padding: 0; margin: 0; background-size: 100%; background: #1f1729; background: linear-gradient(180deg, #1f1729 26%, rgba(56, 255, 89, 0.25) 100%); }
#trackArt > section { position: absolute; height: 100vh; width: 50%; background: transparent; padding: 0; margin: 0; text-align: center; }
#trackArt > section > * { margin: 40px; }
#trackArt .coverartwrapper { margin-top: 120px; margin-left: 50%; transform: translateX(-50%); width: 50%; padding-top: 50%; /* 1:1 Aspect Ratio */ position: relative; /* If you want text inside of it */ }
#trackArt .coverartwrapped { position: absolute; top: 0; left: 0; bottom: 0; right: 0; border-radius: 100%; padding-bottom: 0; background-size: cover; }
#trackArt .playbutton { cursor: pointer; justify-self: center; }
#trackInfo { flex: 1 1 50%; height: 100vh; overflow-y: scroll; overflow-x: hidden; margin: 0; padding: 0; }
#trackInfo section { text-align: left; }
#trackInfo section > * { margin: 20px; }
#trackInfo section .info { margin: 20px; padding: 0; }
#trackInfo .post-nav-next { text-align: right; }
#trackInfo .post-nav { text-align: left; }
@media only screen and (max-width: 1023px) { #trackArt { height: 80vh; min-width: 100%; } #trackArt section { position: absolute; top: 0; margin: 0; width: 100%; height: 80vh; } #trackInfo { height: unset; overflow-y: unset; } }
.bouncer { -webkit-animation: backgroundSize 10s ease infinite; -moz-animation: backgroundSize 10s ease infinite; animation: backgroundSize 10s ease infinite; }
.editor-link { display: none; margin-top: 0; padding-top: 30px; }
.editor-link .btn { border: 0; border-radius: 2px; width: 100%; max-width: 500px; box-sizing: border-box; text-decoration: none; padding: 10px 15px; margin: 0; font-size: 18px; cursor: pointer; background-color: #f7e064; color: #333; box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.2); }
.editor-link .btn:hover { background-color: #f4d525; color: #333; }
.cms-editor-active .editor-link { display: block; }
.noJSalbum { display: none; }
/*# sourceMappingURL=main.css.map */

34
assets/css/main.css.map Normal file
View file

File diff suppressed because one or more lines are too long

386
assets/css/noscripts.css Normal file
View file

@ -0,0 +1,386 @@
@font-face { font-family: 'Jetbrain-regular'; font-style: normal; font-weight: 400; src: local("Jetbrain Regular"), local("Jetbrain-Regular"), url(/assets/fonts/JetBrainsMono_Regular.ttf) format("truetype"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Jetbrain-regular'; font-style: italic; font-weight: 400; src: local("Jetbrain Regular"), local("Jetbrain-Regular"), url(/assets/fonts/JetBrainsMono_Italic.ttf) format("truetype"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Jetbrain-regular'; font-style: normal; font-weight: 500; src: local("Jetbrain Bold"), local("Jetbrain-Bold"), url(/assets/fonts/JetBrainsMono_Bold.ttf) format("truetype"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Jetbrain-regular'; font-style: italic; font-weight: 500; src: local("Jetbrain Bold"), local("Jetbrain-Bold"), url(/assets/fonts/JetBrainsMono_Bold_Italic.ttf) format("truetype"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Jetbrain-Extrabold'; font-style: normal; font-weight: 700; src: local("Jetbrain ExtraBold"), local("Jetbrain-ExtraBold"), url(/assets/fonts/JetBrainsMono_ExtraBold.ttf) format("truetype"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Jetbrain-Extrabold'; font-style: italic; font-weight: 700; src: local("Jetbrain ExtraBold"), local("Jetbrain-ExtraBold"), url(/assets/fonts/JetBrainsMono_ExtraBold_Italic.ttf) format("truetype"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Staatliches'; font-style: normal; font-weight: 400; src: local("Astloch Bold"), local("Astloch-Bold"), url(/assets/fonts/Astloch-Bold.ttf) format("truetype"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1.75; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
body { -webkit-text-size-adjust: none; }
mark { background-color: transparent; color: inherit; }
input::-moz-focus-inner { border: 0; padding: 0; }
input, select, textarea { -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; appearance: none; }
@-webkit-keyframes infiniteRotate { 0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); } }
@-moz-keyframes infiniteRotate { 0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); } }
@keyframes infiniteRotate { 0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); } }
@-webkit-keyframes backgroundBlink { 0% { background-position: 73% 0%; }
50% { background-position: 28% 100%; }
100% { background-position: 73% 0%; } }
@-moz-keyframes backgroundBlink { 0% { background-position: 73% 0%; }
50% { background-position: 28% 100%; }
100% { background-position: 73% 0%; } }
@keyframes backgroundBlink { 0% { background-position: 73% 0%; }
50% { background-position: 28% 100%; }
100% { background-position: 73% 0%; } }
@-webkit-keyframes backgroundSize { 0% { background-size: 100% 150%; }
50% { background-size: 150% 100%; }
100% { background-size: 100% 150%; } }
@-moz-keyframes backgroundSize { 0% { background-size: 100% 150%; }
50% { background-size: 150% 100%; }
100% { background-size: 100% 150%; } }
@keyframes backgroundSize { 0% { background-size: 100% 150%; }
50% { background-size: 150% 100%; }
100% { background-size: 100% 150%; } }
html, body { margin: 0; padding: 0; }
body { height: 100vh; width: 100%; font-family: "Jetbrain-Regular", "Lucida Console", Monaco, monospace; color: #ebdbf8; letter-spacing: -0.025em; background-color: #1f1729; }
#main-wrapper { display: flex; flex-wrap: wrap; width: 100%; -webkit-transition: filter 400ms ease-in; -moz-transition: filter 400ms ease-in; transition: filter 400ms ease-in; }
.content-wrapper { max-width: 1200px; margin: auto; }
.wrapper { margin: 20px 40px; }
.hero { display: flex; flex-wrap: wrap; flex-direction: row; align-content: center; background-color: #1f1729; justify-content: center; background-size: cover; background-position: center; background-repeat: no-repeat; padding: 40px; position: relative; min-height: 75vh; width: 100vw; }
.hero div { z-index: 10; }
.hero div h1, .hero div p { flex: 1 0 100%; width: 100%; z-index: 10; color: #ebdbf8; text-align: center; max-width: 1200px; }
.hero .imagecontainer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("../img/vignette.svg"); background-size: 480px 480px; background-repeat: repeat-x; background-position: bottom; z-index: 1; background-color: rgba(0, 0, 0, 0.75); }
section { flex: 1 1 100%; padding: 20px; background-color: #1f1729; -webkit-box-shadow: inset 0px 23px 25px -25px rgba(0, 0, 0, 0.75); -moz-box-shadow: inset 0px 23px 25px -25px rgba(0, 0, 0, 0.75); box-shadow: inset 0px 23px 25px -25px rgba(0, 0, 0, 0.75); }
section h2 { text-align: center; }
section:first-of-type { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
footer { display: flex; flex-wrap: wrap; width: 100%; padding: 160px 20px 200px 20px; background-color: #ebdbf8; color: #1f1729; justify-content: center; background-image: url("../img/vignette-footer.svg"); background-size: 480px 480px; background-repeat: repeat-x; background-position: top; box-sizing: border-box; }
footer div { flex: 0 1 280px; margin: 20px; }
footer div img { margin: auto; display: block; }
footer div li { border-bottom: 1px solid rgba(31, 23, 41, 0.75); line-height: 2; font-size: 1.5em; }
footer div li a { font-weight: 700; text-decoration: none; }
footer small { flex: 0 0 100%; margin: 20px; text-align: center; }
footer small .label { display: none; }
.post-navigation { padding: 80px 0 160px 0; display: flex; flex-wrap: wrap; justify-content: center; }
.post-navigation h2 { flex: 0 0 100%; margin-top: 40px; text-align: center; }
.post-navigation .post-nav, .post-navigation .post-nav-next { flex: 0 0 200px; margin: 40px; }
.post-navigation .post-nav h4, .post-navigation .post-nav-next h4 { font-size: 2em; justify-self: right; }
h1, h2, h3, h4, h5, h6 { font-family: "Staatliches", "Lucida Console", Monaco, monospace; }
h1 { font-size: 2.5em; }
h2 { font-size: 2em; }
h3 { font-size: 1.5em; }
strong { font-weight: 700; }
a { text-decoration-style: wavy; text-decoration-color: transparent; color: #8d3ed8; -moz-transition: all 0.2s ease-in-out, color 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out, color 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out, color 0.2s ease-in-out; transition: all 0.2s ease-in-out, color 0.2s ease-in-out; }
a:hover { color: #38ff59; text-decoration-style: wavy; text-decoration-color: unset; }
.button { background-color: #8d3ed8; padding: 1em; border-radius: 5px; text-align: center; text-decoration: none; text-transform: uppercase; font-weight: 500; color: #ebdbf8; }
.button:hover { background-color: #38ff59; color: #1f1729; }
.releases { display: flex; flex-wrap: wrap; justify-content: space-around; padding: 20px; }
.releases h2 { flex: 0 0 100%; margin: 20px; }
.releases article { flex: 1 1 280px; max-width: 480px; margin: 20px; }
.releases img { width: 100%; height: 100%; object-fit: cover; border-radius: 5px; }
.streambox { text-align: center; line-height: 2em; }
.streambox > h2, .streambox div { margin: 20px; }
.streamer { margin-top: 2em; text-align: center; }
.label { display: none; }
.icon { flex: 0 0 45px; margin: 20px; font-size: 45px; border-radius: 100px; width: 100px; height: 100px; line-height: 100px; border: 1px solid #8d3ed8; text-align: center; text-decoration: none; -moz-transition: border 0.2s ease-in-out, color 0.2s ease-in-out; -webkit-transition: border 0.2s ease-in-out, color 0.2s ease-in-out; -ms-transition: border 0.2s ease-in-out, color 0.2s ease-in-out; transition: border 0.2s ease-in-out, color 0.2s ease-in-out; }
.icon:hover { border: 1px solid #38ff59; }
.small { border-radius: 80px; width: 70px; height: 70px; line-height: 70px; font-size: 45px; margin-left: 0; }
.smaller { border-radius: 30px; width: 30px; height: 30px; line-height: 30px; font-size: 18px; margin: 10px 10px 10px 0; }
#author { flex: 0 0 280px; margin: 20px; }
#author .date { font-size: .85em; }
#author .author-image { margin-right: 10px; background-repeat: no-repeat; background-size: cover; border-radius: 150px; width: 150px; height: 150px; }
.info, .info-pages { padding: 40px; }
.info > div, .info-pages > div { max-width: 1200px; margin: auto; }
.info p, .info-pages p { margin: 20px 0; }
.info-pages h2, .info-pages h3, .info-pages h4, .info-pages h5, .info-pages h6 { text-align: left; }
.news, .links { margin-top: 40px; padding: 0; display: flex; flex-wrap: wrap; }
.news h2, .links h2 { flex: 0 0 100%; margin-bottom: 20px; }
.news > div, .links > div { background-size: cover; background-repeat: no; background-position: center center; flex: 1 1 512px; min-height: 80vh; padding: 40px; box-sizing: border-box; text-align: left; }
.news .description, .links .description { min-height: unset; }
.news .description h2, .news .description p, .news .description a, .links .description h2, .links .description p, .links .description a { text-align: center; }
.news .description p, .links .description p { margin-top: 20px; }
.news .description p:last-child, .links .description p:last-child { margin-bottom: 20px; }
.news:nth-child(even), .links:nth-child(even) { flex-direction: row-reverse; }
.links > div { min-height: unset; }
.linksbg { background-size: 100%; background: #1f1729; background: linear-gradient(180deg, #1f1729 26%, rgba(56, 255, 89, 0.25) 100%); }
/* NAVIGATION */
#navbar { z-index: 10000; display: block; }
.logo { filter: blur(20px); opacity: 0; text-decoration: none; position: fixed; top: 0; width: 100%; height: 80px; z-index: 100; -webkit-transition: all 400ms ease-in; -moz-transition: all 400ms ease-in; transition: all 400ms ease-in; background-color: transparent; background-repeat: no-repeat; background-position: center center; background-size: 95% 95%; -webkit-transition: all 400ms ease-in; -moz-transition: all 400ms ease-in; transition: all 400ms ease-in; -webkit-box-shadow: 0px 3px 29px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 3px 29px 0px rgba(0, 0, 0, 0.75); box-shadow: 0px 3px 29px 0px rgba(0, 0, 0, 0.75); display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; }
.logo > a { height: 40px; }
.logo:hover { filter: blur(0px); opacity: 1; -webkit-transition: all 400ms ease-in; -moz-transition: all 400ms ease-in; transition: all 400ms ease-in; background-color: #1f1729; }
.sticky { filter: blur(0px); opacity: 1; background-color: #1f1729; -webkit-transition: all 400ms ease-in; -moz-transition: all 400ms ease-in; transition: all 400ms ease-in; }
.navmenu { margin: 0 40px 0 20px; font-size: 34px; color: #38ff59; }
nav { position: absolute; width: 300px; max-height: 90vh; max-width: 90vw; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #1f1729; border-radius: 5px; display: flex; flex-wrap: wrap; }
nav ul { padding: 20px; width: 100%; }
nav li { list-style-type: none; margin: 20px; padding: 0; }
nav li a { display: block; font-size: 14px; }
.blurredout { filter: blur(5px); -webkit-transition: filter 400ms ease-in; -moz-transition: filter 400ms ease-in; transition: filter 400ms ease-in; }
.modalDialog { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(31, 23, 41, 0.75); z-index: 10; opacity: 0; -webkit-transition: opacity 400ms ease-in; -moz-transition: opacity 400ms ease-in; transition: opacity 400ms ease-in; pointer-events: none; }
.modalDialog:target { opacity: 1; pointer-events: auto; }
.modalDialog > div { display: flex; align-items: center; position: relative; margin: 100px auto; padding: 20px; border-radius: 3px; background: #001f24; background: -moz-linear-gradient(#000, #001f24); background: -webkit-linear-gradient(#000, #001f24); background: -o-linear-gradient(#000, #001f24); }
.close-button { background-color: #8d3ed8; color: #38ff59; margin: 0 auto; line-height: 48px; position: absolute; right: -12px; text-align: center; top: -10px; width: 48px; height: 48px; text-decoration: none; font-weight: bold; border-radius: 48px; transition: all 400ms ease-in; }
.close-button:hover { background-color: #38ff59; color: #8d3ed8; }
#closearea { position: fixed; width: 100%; height: 100%; }
/* Background Video */
.fullscreen-bg { position: absolute; height: 100%; width: 100%; overflow: hidden; z-index: -100; background: #fff; }
.fullscreen-bg__video { background: #fff; position: relative; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; }
/* cookies */
#cookie-notice { display: none; text-align: right; position: fixed; bottom: 0; width: 100%; background-color: #000000; flex-wrap: wrap; justify-content: space-evenly; align-content: center; align-items: center; z-index: 1000; }
#cookie-notice p { flex: 1 0 250px; margin: 40px 20px 40px 40px; font-size: 0.75em; font-family: "Jetbrain-Regular", "Lucida Console", Monaco, monospace; }
@media only screen and (max-width: 651px) { #cookie-notice p { text-align: center; margin: 40px 40px 20px 40px; } #cookie-notice .yes { margin: 20px 40px 40px 40px; } }
.yes { flex: 0 0 250px; -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; -ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; text-align: center; background-position-x: 0%; background-position-y: 0%; background-repeat: repeat; background-attachment: scroll; background-image: linear-gradient(228deg, rgba(56, 255, 89, 0.75), rgba(141, 62, 216, 0.75)); background-origin: padding-box; background-clip: border-box; background-size: 400% 400%; -webkit-animation: backgroundBlink 2s ease infinite; -moz-animation: backgroundBlink 2s ease infinite; animation: backgroundBlink 2s ease infinite; margin: 40px 40px 40px 20px; }
.yes:hover { -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; -ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; }
/* Audio Player Styles
================================================== */
/* Default / Desktop / Firefox */
.album-player { display: flex; flex-wrap: wrap; padding: 20px; justify-content: space-evenly; flex-direction: row-reverse; align-items: center; }
.album-player > div { margin: 20px; }
audio { margin: 0; width: 100%; }
.player-wrap { flex: 1 1 400px; max-width: 700px; border-radius: 5px; width: 100%; }
#plwrap ul { list-style: none; padding: 0; }
#plwrap ul li { border-top: solid 1px rgba(235, 219, 248, 0.25); }
#plwrap ul li:first-child { border-radius: 5px 5px 0 0; }
#plwrap ul li:last-child { border-radius: 0 0 5px 5px; border-bottom: solid 1px rgba(235, 219, 248, 0.25); }
#audiowrap { background-color: #1f1729; margin: 0 auto 0 auto; }
#plwrap { margin: 0 auto; }
#tracks { flex: 1 0 200px; min-height: 65px; position: relative; text-align: center; text-decoration: none; padding-top: 20px; }
#nowPlay { display: flex; width: 100%; height: 80px; flex-wrap: unset; justify-content: flex-start; align-items: center; background-color: #1f1729; }
#npTitle { flex: 1 1 100%; margin: 0; padding: 21px; }
#npAction { display: none; margin: 0; padding: 21px; font-size: 12px; }
#plList { margin: 0; }
#plList li { background-color: #1f1729; cursor: pointer; margin: 0; padding: 21px 0; border-left: 1px solid rgba(235, 219, 248, 0.25); border-right: 1px solid rgba(235, 219, 248, 0.25); border-top: 0; transition: all 400ms ease-in-out; }
#plList li:hover { background-color: #38ff59; color: #1f1729; transition: all 400ms ease-in-out; }
.plItem { position: relative; }
.plTitle { left: 75px; overflow: hidden; position: absolute; right: 65px; text-overflow: ellipsis; top: 0; white-space: nowrap; font-weight: bold; padding-right: 10px; }
.plNum { padding-left: 21px; width: 65px; }
.plLength { padding-left: 21px; position: absolute; right: 21px; top: 0; }
.plSel { background-color: rgba(235, 219, 248, 0.25) !important; cursor: pointer !important; }
.plSel:hover { background-color: #38ff59 !important; }
a[id^="btn"] { font-size: 1.5em; color: #ebdbf8; cursor: pointer; margin: 0; padding: 0 27px 0 21px; text-decoration: none; }
a[id^="btn"]::-moz-focus-inner { border: 0; padding: 0; }
.coverart { flex: 1 1 400px; justify-content: center; display: flex; flex-wrap: wrap; max-width: 700px; }
.coverart #author { margin: 40px 0 0 0; flex: 1 1 auto; text-align: center; }
.coverartwrapper { width: 80%; padding-top: 80%; /* 1:1 Aspect Ratio */ position: relative; /* If you want text inside of it */ }
.coverartwrapped { position: absolute; top: 0; left: 0; bottom: 0; right: 0; border-radius: 100%; padding-bottom: 0; background-size: cover; }
.spinnit { -webkit-animation: infiniteRotate 2s linear infinite; /* Safari */ -moz-animation: infiniteRotate 2s linear infinite; animation: infiniteRotate 2s linear infinite; }
.paused { animation-play-state: paused; }
.track-picker { display: flex; flex-wrap: wrap; margin: 0; padding: 0; background-color: #38ff59; margin: 0; padding: 0; min-height: 50vw; text-align: left; }
.track-picker .button { background-color: #38ff59; color: #1f1729; }
.track-picker .button:hover { background-color: #8d3ed8; color: #ebdbf8; }
.track-picker > div { flex: 1 1 auto; width: 50%; min-width: 280px; margin: 0; padding: 0; background-color: #1f1729; -webkit-box-shadow: inset 0px 23px 25px -25px rgba(0, 0, 0, 0.75); -moz-box-shadow: inset 0px 23px 25px -25px rgba(0, 0, 0, 0.75); box-shadow: inset 0px 23px 25px -25px rgba(0, 0, 0, 0.75); }
.track-picker > div > h2, .track-picker > div a, .track-picker > div p { text-align: left; margin: 20px 40px; }
.track-picker .full-image { width: 50%; min-width: 280px; min-height: 50vw; background-color: transparent; background-size: cover; background-position: center; }
.track-picker:nth-child(even) { flex-direction: row-reverse; background-color: #8d3ed8; text-align: right; }
.track-picker:nth-child(even) .button { background-color: #8d3ed8; color: #ebdbf8; }
.track-picker:nth-child(even) .button:hover { background-color: #38ff59; color: #1f1729; }
.track-picker:nth-child(even) > div > h2, .track-picker:nth-child(even) > div a, .track-picker:nth-child(even) > div p { text-align: right; }
#fixedPlayer { background-color: #1f1729; margin: 0; padding: 0; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 100000; -webkit-box-shadow: 0px 3px 35px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 3px 35px 2px rgba(0, 0, 0, 0.3); box-shadow: 0px 3px 35px 2px rgba(0, 0, 0, 0.3); -webkit-transition: all 400ms ease-in; -moz-transition: all 400ms ease-in; transition: all 400ms ease-in; }
.showplayer { height: 120px; }
.hideplayer { height: 0; }
@media only screen and (max-width: 559px) { .track-picker { background-size: 100%; } .track-picker .full-image { min-height: 100vw; } #nowPlay { align-items: baseline; padding-bottom: 20px; } #tracks { flex: 1 0 100px; width: 100px; position: relative; text-align: center; text-decoration: none; } a[id^="btn"] { font-size: 1em; color: #ebdbf8; cursor: pointer; margin: 0; padding: 0 0 0 20px; text-decoration: none; } #npTitle { font-size: 0.8em; text-decoration: none; margin: 0; padding: 0 0 0 20px; } }
#trackArt { overflow-x: hidden; flex: 1 1 50%; min-width: 512px; height: 100vh; padding: 0; margin: 0; background-size: 100%; background: #1f1729; background: linear-gradient(180deg, #1f1729 26%, rgba(56, 255, 89, 0.25) 100%); }
#trackArt > section { position: absolute; height: 100vh; width: 50%; background: transparent; padding: 0; margin: 0; text-align: center; }
#trackArt > section > * { margin: 40px; }
#trackArt .coverartwrapper { margin-top: 120px; margin-left: 50%; transform: translateX(-50%); width: 50%; padding-top: 50%; /* 1:1 Aspect Ratio */ position: relative; /* If you want text inside of it */ }
#trackArt .coverartwrapped { position: absolute; top: 0; left: 0; bottom: 0; right: 0; border-radius: 100%; padding-bottom: 0; background-size: cover; }
#trackArt .playbutton { cursor: pointer; justify-self: center; }
#trackInfo { flex: 1 1 50%; height: 100vh; overflow-y: scroll; overflow-x: hidden; margin: 0; padding: 0; }
#trackInfo section { text-align: left; }
#trackInfo section > * { margin: 20px; }
#trackInfo section .info { margin: 20px; padding: 0; }
#trackInfo .post-nav-next { text-align: right; }
#trackInfo .post-nav { text-align: left; }
@media only screen and (max-width: 1023px) { #trackArt { height: 80vh; min-width: 100%; } #trackArt section { position: absolute; top: 0; margin: 0; width: 100%; height: 80vh; } #trackInfo { height: unset; overflow-y: unset; } }
.bouncer { -webkit-animation: backgroundSize 10s ease infinite; -moz-animation: backgroundSize 10s ease infinite; animation: backgroundSize 10s ease infinite; }
.editor-link { display: none; margin-top: 0; padding-top: 30px; }
.editor-link .btn { border: 0; border-radius: 2px; width: 100%; max-width: 500px; box-sizing: border-box; text-decoration: none; padding: 10px 15px; margin: 0; font-size: 18px; cursor: pointer; background-color: #f7e064; color: #333; box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.2); }
.editor-link .btn:hover { background-color: #f4d525; color: #333; }
.cms-editor-active .editor-link { display: block; }
.noJSalbum { display: none; }
.logo, #sticky { filter: blur(0px); opacity: 1; background-color: #1f1729; }
.blurredout { filter: blur(0px); opacity: 1; background-color: #1f1729; -webkit-transition: all 400ms ease-in; -moz-transition: all 400ms ease-in; transition: all 400ms ease-in; }
.hero { padding-top: 120px; }
.player-wrap { display: none; }
.noJSalbum { display: unset; flex: 0 1 400px; border-radius: 5px; width: 100%; }
#fixed-player { display: unset; height: unset; }
/*# sourceMappingURL=noscripts.css.map */

36
assets/css/noscripts.css.map Normal file
View file

File diff suppressed because one or more lines are too long

BIN
assets/fonts/JetBrainsMono_Bold.ttf Normal file
View file

Binary file not shown.

BIN
assets/fonts/JetBrainsMono_Bold_Italic.ttf Normal file
View file

Binary file not shown.

BIN
assets/fonts/JetBrainsMono_ExtraBold.ttf Normal file
View file

Binary file not shown.

BIN
assets/fonts/JetBrainsMono_ExtraBold_Italic.ttf Normal file
View file

Binary file not shown.

BIN
assets/fonts/JetBrainsMono_Italic.ttf Normal file
View file

Binary file not shown.

BIN
assets/fonts/JetBrainsMono_Regular.ttf Normal file
View file

Binary file not shown.

BIN
assets/fonts/Staatliches-Regular.ttf Normal file
View file

Binary file not shown.

10
assets/img/vignette-footer.svg Normal file
View file

File diff suppressed because one or more lines are too long
Side by side

After

Width:  |  Height:  |  Size: 15 KiB

BIN
assets/img/vignette.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 27 KiB

12
assets/img/vignette.svg Normal file
View file

File diff suppressed because one or more lines are too long
Side by side

After

Width:  |  Height:  |  Size: 16 KiB

2
assets/js/jquery-3.5.1.min.js vendored Normal file
View file

File diff suppressed because one or more lines are too long

8
assets/js/set.js
View file

@ -3,7 +3,7 @@ window.onscroll = function () { scrollMenu() };
// Get the navbar // Get the navbar
var navbar = document.getElementById("logo"); var navbar = document.getElementById("logo");
var hider = document.getElementById("sticky");
// Get the offset position of the navbar // Get the offset position of the navbar
var sticky = navbar.offsetTop; var sticky = navbar.offsetTop;
@ -12,15 +12,15 @@ var sticky = navbar.offsetTop;
// Add the sticky class to the navbar when you reach its scroll position. Remove "sticky" when you leave the scroll position // Add the sticky class to the navbar when you reach its scroll position. Remove "sticky" when you leave the scroll position
function scrollMenu() { function scrollMenu() {
if (window.pageYOffset >= sticky) { if (window.pageYOffset >= sticky) {
navbar.classList.add("sticky") hider.classList.add("sticky")
} else { } else {
navbar.classList.remove("sticky") hider.classList.remove("sticky")
} }
} }
// Make a pretty background when menu is open // Make a pretty background when menu is open
var bodyBluring = document.getElementById("wrapper") var bodyBluring = document.getElementById("main-wrapper")
function blurBody() { function blurBody() {
bodyBluring.classList.toggle("blurredout"); bodyBluring.classList.toggle("blurredout");

BIN
assets/webfonts/fa-brands-400.eot
View file

Binary file not shown.

1227
assets/webfonts/fa-brands-400.svg
View file

File diff suppressed because it is too large Load diff
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 674 KiB

After

Width:  |  Height:  |  Size: 713 KiB

BIN
assets/webfonts/fa-brands-400.ttf
View file

Binary file not shown.

BIN
assets/webfonts/fa-brands-400.woff
View file

Binary file not shown.

BIN
assets/webfonts/fa-brands-400.woff2
View file

Binary file not shown.

BIN
assets/webfonts/fa-regular-400.eot
View file

Binary file not shown.

186
assets/webfonts/fa-regular-400.svg
View file

@ -1,12 +1,12 @@
<?xml version="1.0" standalone="no"?> <?xml version="1.0" standalone="no"?>
<!-- <!--
Font Awesome Free 5.9.0 by @fontawesome - https://fontawesome.com Font Awesome Free 5.14.0 by @fontawesome - https://fontawesome.com
License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
--> -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" > <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1">
<metadata> <metadata>
Created by FontForge 20190112 at Tue Jun 4 15:16:44 2019 Created by FontForge 20200314 at Wed Jul 15 11:59:40 2020
By Robert Madole By Robert Madole
Copyright (c) Font Awesome Copyright (c) Font Awesome
</metadata> </metadata>
@ -20,9 +20,9 @@ Copyright (c) Font Awesome
panose-1="2 0 5 3 0 0 0 0 0 0" panose-1="2 0 5 3 0 0 0 0 0 0"
ascent="448" ascent="448"
descent="-64" descent="-64"
bbox="-0.0663408 -64.0662 640.01 448.1" bbox="-0.0663408 -64.0662 640.004 448.1"
underline-thickness="25" underline-thickness="25"
underline-position="-51" underline-position="-50"
unicode-range="U+0020-F5C8" unicode-range="U+0020-F5C8"
/> />
<missing-glyph /> <missing-glyph />
@ -50,7 +50,7 @@ s-36 16.1182 -36 36s16.1182 36 36 36s36 -16.1182 36 -36zM164 192c0 -19.8818 -16.
<glyph glyph-name="flag" unicode="&#xf024;" <glyph glyph-name="flag" unicode="&#xf024;"
d="M336.174 368c35.4668 0 73.0195 12.6914 108.922 28.1797c31.6406 13.6514 66.9043 -9.65723 66.9043 -44.1162v-239.919c0 -16.1953 -8.1543 -31.3057 -21.7129 -40.1631c-26.5762 -17.3643 -70.0693 -39.9814 -128.548 -39.9814c-68.6084 0 -112.781 32 -161.913 32 d="M336.174 368c35.4668 0 73.0195 12.6914 108.922 28.1797c31.6406 13.6514 66.9043 -9.65723 66.9043 -44.1162v-239.919c0 -16.1953 -8.1543 -31.3057 -21.7129 -40.1631c-26.5762 -17.3643 -70.0693 -39.9814 -128.548 -39.9814c-68.6084 0 -112.781 32 -161.913 32
c-56.5674 0 -89.957 -11.2803 -127.826 -28.5566v-83.4434c0 -8.83691 -7.16309 -16 -16 -16h-16c-8.83691 0 -16 7.16309 -16 16v406.438c-14.3428 8.2998 -24 23.7979 -24 41.5615c0 27.5693 23.2422 49.71 51.2012 47.8965 c-56.5674 0 -89.957 -11.2803 -127.826 -28.5566v-83.4434c0 -8.83691 -7.16309 -16 -16 -16h-16c-8.83691 0 -16 7.16309 -16 16v406.438c-14.3428 8.2998 -24 23.7979 -24 41.5615c0 27.5693 23.2422 49.71 51.2012 47.8965
c22.9658 -1.49023 41.8662 -19.4717 44.4805 -42.3379c0.177734 -1.52441 0.321289 -4.00781 0.321289 -5.54199c0 -4.30176 -1.10352 -11.1035 -2.46289 -15.1846c22.418 8.68555 49.4199 15.168 80.7207 15.168c68.6084 0 112.781 -32 161.913 -32zM464 112v240 c22.9658 -1.49023 41.8662 -19.4717 44.4805 -42.3379c0.213867 -1.83398 0.308594 -3.65918 0.308594 -5.5498c0 -5.30273 -0.860352 -10.4053 -2.4502 -15.1768c22.418 8.68555 49.4199 15.168 80.7207 15.168c68.6084 0 112.781 -32 161.913 -32zM464 112v240
c-31.5059 -14.6338 -84.5547 -32 -127.826 -32c-59.9111 0 -101.968 32 -161.913 32c-41.4365 0 -80.4766 -16.5879 -102.261 -32v-232c31.4473 14.5967 84.4648 24 127.826 24c59.9111 0 101.968 -32 161.913 -32c41.4365 0 80.4775 16.5879 102.261 32z" /> c-31.5059 -14.6338 -84.5547 -32 -127.826 -32c-59.9111 0 -101.968 32 -161.913 32c-41.4365 0 -80.4766 -16.5879 -102.261 -32v-232c31.4473 14.5967 84.4648 24 127.826 24c59.9111 0 101.968 -32 161.913 -32c41.4365 0 80.4775 16.5879 102.261 32z" />
<glyph glyph-name="bookmark" unicode="&#xf02e;" horiz-adv-x="384" <glyph glyph-name="bookmark" unicode="&#xf02e;" horiz-adv-x="384"
d="M336 448c26.5098 0 48 -21.4902 48 -48v-464l-192 112l-192 -112v464c0 26.5098 21.4902 48 48 48h288zM336 19.5703v374.434c0 3.31348 -2.68555 5.99609 -6 5.99609h-276c-3.31152 0 -6 -2.68848 -6 -6v-374.43l144 84z" /> d="M336 448c26.5098 0 48 -21.4902 48 -48v-464l-192 112l-192 -112v464c0 26.5098 21.4902 48 48 48h288zM336 19.5703v374.434c0 3.31348 -2.68555 5.99609 -6 5.99609h-276c-3.31152 0 -6 -2.68848 -6 -6v-374.43l144 84z" />
@ -77,17 +77,17 @@ c0 -110.569 89.4678 -200 200 -200zM363.244 247.2c0 -67.0518 -72.4209 -68.084 -72
c17.5615 9.84473 28.3242 16.541 28.3242 29.5791c0 17.2461 -21.999 28.6934 -39.7842 28.6934c-23.1885 0 -33.8936 -10.9775 -48.9424 -29.9697c-4.05664 -5.11914 -11.46 -6.07031 -16.666 -2.12402l-27.8232 21.0986 c17.5615 9.84473 28.3242 16.541 28.3242 29.5791c0 17.2461 -21.999 28.6934 -39.7842 28.6934c-23.1885 0 -33.8936 -10.9775 -48.9424 -29.9697c-4.05664 -5.11914 -11.46 -6.07031 -16.666 -2.12402l-27.8232 21.0986
c-5.10742 3.87207 -6.25098 11.0654 -2.64453 16.3633c23.627 34.6934 53.7217 54.1846 100.575 54.1846c49.0713 0 101.45 -38.3037 101.45 -88.7998zM298 80c0 -23.1592 -18.8408 -42 -42 -42s-42 18.8408 -42 42s18.8408 42 42 42s42 -18.8408 42 -42z" /> c-5.10742 3.87207 -6.25098 11.0654 -2.64453 16.3633c23.627 34.6934 53.7217 54.1846 100.575 54.1846c49.0713 0 101.45 -38.3037 101.45 -88.7998zM298 80c0 -23.1592 -18.8408 -42 -42 -42s-42 18.8408 -42 42s18.8408 42 42 42s42 -18.8408 42 -42z" />
<glyph glyph-name="eye" unicode="&#xf06e;" horiz-adv-x="576" <glyph glyph-name="eye" unicode="&#xf06e;" horiz-adv-x="576"
d="M288 304c0.0927734 0 0.244141 0.000976562 0.336914 0.000976562c61.6641 0 111.71 -50.0469 111.71 -111.711c0 -61.6631 -50.0459 -111.71 -111.71 -111.71s-111.71 50.0469 -111.71 111.71c0 8.71289 1.95898 22.5781 4.37305 30.9502 d="M288 304c0.114258 0 0.240234 -0.0175781 0.354492 -0.0175781c61.6543 0 111.71 -50.0557 111.71 -111.71s-50.0557 -111.71 -111.71 -111.71s-111.71 50.0557 -111.71 111.71c0 10.7422 1.51953 21.1328 4.35547 30.9678
c6.93066 -3.94141 19.0273 -7.18457 27 -7.24023c30.9121 0 56 25.0879 56 56c-0.0556641 7.97266 -3.29883 20.0693 -7.24023 27c8.42383 2.62207 22.4189 4.8623 31.2402 5zM572.52 206.6c1.9209 -3.79883 3.47949 -10.3379 3.47949 -14.5947 c7.95898 -4.52637 17.2129 -7.17188 27 -7.24023c30.9072 0 56 25.0928 56 56c-0.0683594 9.78711 -2.71387 19.041 -7.24023 27c9.88379 3.07617 20.3896 4.83008 31.2402 5zM572.52 206.6c2.21387 -4.37793 3.46094 -9.38965 3.46094 -14.626
s-1.55859 -10.7959 -3.47949 -14.5947c-54.1992 -105.771 -161.59 -177.41 -284.52 -177.41s-230.29 71.5898 -284.52 177.4c-1.9209 3.79883 -3.47949 10.3379 -3.47949 14.5947s1.55859 10.7959 3.47949 14.5947c54.1992 105.771 161.59 177.41 284.52 177.41 c0 -5.2373 -1.24707 -10.1855 -3.46094 -14.5635c-54.1992 -105.771 -161.59 -177.41 -284.52 -177.41s-230.29 71.5898 -284.52 177.4c-2.21387 4.37793 -3.46094 9.38965 -3.46094 14.626c0 5.2373 1.24707 10.1855 3.46094 14.5635
s230.29 -71.5898 284.52 -177.4zM288 48c98.6602 0 189.1 55 237.93 144c-48.8398 89 -139.27 144 -237.93 144s-189.09 -55 -237.93 -144c48.8398 -89 139.279 -144 237.93 -144z" /> c54.1992 105.771 161.59 177.41 284.52 177.41s230.29 -71.5898 284.52 -177.4zM288 48c98.6602 0 189.1 55 237.93 144c-48.8398 89 -139.27 144 -237.93 144s-189.09 -55 -237.93 -144c48.8398 -89 139.279 -144 237.93 -144z" />
<glyph glyph-name="eye-slash" unicode="&#xf070;" horiz-adv-x="640" <glyph glyph-name="eye-slash" unicode="&#xf070;" horiz-adv-x="640"
d="M634 -23c3.31738 -2.65137 6.00977 -8.25098 6.00977 -12.498c0 -3.10449 -1.57715 -7.58984 -3.51953 -10.0117l-10 -12.4902c-2.65234 -3.31152 -8.24707 -6 -12.4902 -6c-3.09961 0 -7.58008 1.57227 -10 3.50977l-598 467.49 d="M634 -23c3.66895 -2.93262 6.00391 -7.45117 6.00391 -12.5088c0 -3.7832 -1.31543 -7.26074 -3.51367 -10.001l-10 -12.4902c-2.93359 -3.66309 -7.44824 -5.99414 -12.502 -5.99414c-3.77637 0 -7.25 1.31152 -9.98828 3.50391l-598 467.49
c-3.31738 2.65137 -6.00977 8.25098 -6.00977 12.498c0 3.10449 1.57715 7.58984 3.51953 10.0117l10 12.4902c2.65234 3.31152 8.24707 6 12.4902 6c3.09961 0 7.58008 -1.57227 10 -3.50977zM296.79 301.53c6.33496 1.35059 16.7324 2.45801 23.21 2.46973 c-3.66895 2.93262 -6.00391 7.45117 -6.00391 12.5088c0 3.7832 1.31543 7.26074 3.51367 10.001l10 12.4902c2.93359 3.66309 7.44824 5.99414 12.502 5.99414c3.77637 0 7.25 -1.31152 9.98828 -3.50391zM296.79 301.53c7.51172 1.60254 15.2266 2.45508 23.21 2.46973
c60.4805 0 109.36 -47.9102 111.58 -107.85zM343.21 82.46c-6.33496 -1.34375 -16.7334 -2.44629 -23.21 -2.45996c-60.4697 0 -109.35 47.9102 -111.58 107.84zM320 336c-19.8799 0 -39.2803 -2.7998 -58.2197 -7.09961l-46.4102 36.29 c60.4805 0 109.36 -47.9102 111.58 -107.85zM343.21 82.46c-7.51367 -1.59375 -15.2285 -2.44336 -23.21 -2.45996c-60.4697 0 -109.35 47.9102 -111.58 107.84zM320 336c-19.8799 0 -39.2803 -2.7998 -58.2197 -7.09961l-46.4102 36.29
c32.9199 11.8096 67.9297 18.8096 104.63 18.8096c122.93 0 230.29 -71.5898 284.57 -177.4c1.91992 -3.79883 3.47949 -10.3379 3.47949 -14.5947s-1.55957 -10.7959 -3.47949 -14.5947c-11.7197 -22.7598 -35.4189 -56.4092 -52.9004 -75.1104l-37.7402 29.5 c32.9199 11.8096 67.9297 18.8096 104.63 18.8096c122.93 0 230.29 -71.5898 284.57 -177.4c2.21289 -4.37793 3.45996 -9.38965 3.45996 -14.626c0 -5.2373 -1.24707 -10.1855 -3.45996 -14.5635c-14.1924 -27.5625 -31.9229 -52.6689 -52.9004 -75.1104l-37.7402 29.5
c14.333 15.0156 34.0449 41.9854 44 60.2002c-48.8398 89 -139.279 144 -237.93 144zM320 48c19.8896 0 39.2803 2.7998 58.2197 7.08984l46.4102 -36.2803c-32.9199 -11.7598 -67.9297 -18.8096 -104.63 -18.8096c-122.92 0 -230.28 71.5898 -284.51 177.4 c17.2305 18.0527 31.9385 38.1318 44 60.2002c-48.8398 89 -139.279 144 -237.93 144zM320 48c19.8896 0 39.2803 2.7998 58.2197 7.08984l46.4102 -36.2803c-32.9199 -11.7598 -67.9297 -18.8096 -104.63 -18.8096c-122.92 0 -230.28 71.5898 -284.51 177.4
c-1.9209 3.79883 -3.47949 10.3379 -3.47949 14.5947s1.55859 10.7959 3.47949 14.5947c11.7168 22.7568 35.4111 56.4014 52.8896 75.1006l37.7402 -29.5c-14.3467 -15.0107 -34.0811 -41.9756 -44.0498 -60.1904c48.8496 -89 139.279 -144 237.93 -144z" /> c-2.21387 4.37793 -3.46094 9.38965 -3.46094 14.626c0 5.2373 1.24707 10.1855 3.46094 14.5635c14.1885 27.5586 31.916 52.6621 52.8896 75.1006l37.7402 -29.5c-17.249 -18.0469 -31.9727 -38.1221 -44.0498 -60.1904c48.8496 -89 139.279 -144 237.93 -144z" />
<glyph glyph-name="calendar-alt" unicode="&#xf073;" horiz-adv-x="448" <glyph glyph-name="calendar-alt" unicode="&#xf073;" horiz-adv-x="448"
d="M148 160h-40c-6.59961 0 -12 5.40039 -12 12v40c0 6.59961 5.40039 12 12 12h40c6.59961 0 12 -5.40039 12 -12v-40c0 -6.59961 -5.40039 -12 -12 -12zM256 172c0 -6.59961 -5.40039 -12 -12 -12h-40c-6.59961 0 -12 5.40039 -12 12v40c0 6.59961 5.40039 12 12 12h40 d="M148 160h-40c-6.59961 0 -12 5.40039 -12 12v40c0 6.59961 5.40039 12 12 12h40c6.59961 0 12 -5.40039 12 -12v-40c0 -6.59961 -5.40039 -12 -12 -12zM256 172c0 -6.59961 -5.40039 -12 -12 -12h-40c-6.59961 0 -12 5.40039 -12 12v40c0 6.59961 5.40039 12 12 12h40
c6.59961 0 12 -5.40039 12 -12v-40zM352 172c0 -6.59961 -5.40039 -12 -12 -12h-40c-6.59961 0 -12 5.40039 -12 12v40c0 6.59961 5.40039 12 12 12h40c6.59961 0 12 -5.40039 12 -12v-40zM256 76c0 -6.59961 -5.40039 -12 -12 -12h-40c-6.59961 0 -12 5.40039 -12 12v40 c6.59961 0 12 -5.40039 12 -12v-40zM352 172c0 -6.59961 -5.40039 -12 -12 -12h-40c-6.59961 0 -12 5.40039 -12 12v40c0 6.59961 5.40039 12 12 12h40c6.59961 0 12 -5.40039 12 -12v-40zM256 76c0 -6.59961 -5.40039 -12 -12 -12h-40c-6.59961 0 -12 5.40039 -12 12v40
@ -131,47 +131,47 @@ d="M527.9 416c26.5996 0 48.0996 -21.5 48.0996 -48v-352c0 -26.5 -21.5 -48 -48.099
h-467.801zM521.9 16c3.2998 0 6 2.7002 6 6v170h-479.801v-170c0 -3.2998 2.7002 -6 6 -6h467.801zM192 116v-40c0 -6.59961 -5.40039 -12 -12 -12h-72c-6.59961 0 -12 5.40039 -12 12v40c0 6.59961 5.40039 12 12 12h72c6.59961 0 12 -5.40039 12 -12zM384 116v-40 h-467.801zM521.9 16c3.2998 0 6 2.7002 6 6v170h-479.801v-170c0 -3.2998 2.7002 -6 6 -6h467.801zM192 116v-40c0 -6.59961 -5.40039 -12 -12 -12h-72c-6.59961 0 -12 5.40039 -12 12v40c0 6.59961 5.40039 12 12 12h72c6.59961 0 12 -5.40039 12 -12zM384 116v-40
c0 -6.59961 -5.40039 -12 -12 -12h-136c-6.59961 0 -12 5.40039 -12 12v40c0 6.59961 5.40039 12 12 12h136c6.59961 0 12 -5.40039 12 -12z" /> c0 -6.59961 -5.40039 -12 -12 -12h-136c-6.59961 0 -12 5.40039 -12 12v40c0 6.59961 5.40039 12 12 12h136c6.59961 0 12 -5.40039 12 -12z" />
<glyph glyph-name="hdd" unicode="&#xf0a0;" horiz-adv-x="576" <glyph glyph-name="hdd" unicode="&#xf0a0;" horiz-adv-x="576"
d="M567.403 212.358c5.59668 -8.04688 8.59668 -17.6113 8.59668 -27.4121v-136.946c0 -26.5098 -21.4902 -48 -48 -48h-480c-26.5098 0 -48 21.4902 -48 48v136.946c0 8.30957 3.85156 20.5898 8.59668 27.4121l105.08 151.053 d="M567.403 212.358c5.59668 -8.04688 8.59668 -17.6113 8.59668 -27.4121v-136.946c0 -26.5098 -21.4902 -48 -48 -48h-480c-26.5098 0 -48 21.4902 -48 48v136.946c0 10.167 3.19531 19.6465 8.59668 27.4121l105.08 151.053
c7.90625 11.3652 25.5596 20.5889 39.4033 20.5889h0.000976562h269.838h0.000976562c13.8438 0 31.4971 -9.22363 39.4033 -20.5889zM153.081 336l-77.9131 -112h425.664l-77.9131 112h-269.838zM528 48v128h-480v-128h480zM496 112c0 -17.6729 -14.3271 -32 -32 -32 c8.67383 12.4678 23.0791 20.5889 39.4043 20.5889h269.838c16.3252 0 30.7305 -8.12109 39.4043 -20.5889zM153.081 336l-77.9131 -112h425.664l-77.9131 112h-269.838zM528 48v128h-480v-128h480zM496 112c0 -17.6729 -14.3271 -32 -32 -32s-32 14.3271 -32 32
s-32 14.3271 -32 32s14.3271 32 32 32s32 -14.3271 32 -32zM400 112c0 -17.6729 -14.3271 -32 -32 -32s-32 14.3271 -32 32s14.3271 32 32 32s32 -14.3271 32 -32z" /> s14.3271 32 32 32s32 -14.3271 32 -32zM400 112c0 -17.6729 -14.3271 -32 -32 -32s-32 14.3271 -32 32s14.3271 32 32 32s32 -14.3271 32 -32z" />
<glyph glyph-name="hand-point-right" unicode="&#xf0a4;" <glyph glyph-name="hand-point-right" unicode="&#xf0a4;"
d="M428.8 310.4c45.0996 0 83.2002 -38.1016 83.2002 -83.2002c0 -45.6162 -37.7646 -83.2002 -83.2002 -83.2002h-35.6475c-1.41602 -6.36719 -4.96875 -16.252 -7.92969 -22.0645c2.50586 -22.0059 -3.50293 -44.9775 -15.9844 -62.791 d="M428.8 310.4c45.0996 0 83.2002 -38.1016 83.2002 -83.2002c0 -45.6162 -37.7646 -83.2002 -83.2002 -83.2002h-35.6475c-1.71387 -7.70605 -4.43555 -15.2051 -7.92969 -22.0645c2.50586 -22.0059 -3.50293 -44.9775 -15.9844 -62.791
c-1.14062 -52.4863 -37.3984 -91.1445 -99.9404 -91.1445h-21.2988c-60.0635 0 -98.5117 40 -127.2 40h-2.67871c-5.74707 -4.95215 -13.5361 -8 -22.1201 -8h-64c-17.6729 0 -32 12.8936 -32 28.7998v230.4c0 15.9062 14.3271 28.7998 32 28.7998h64.001 c-1.14062 -52.4863 -37.3984 -91.1445 -99.9404 -91.1445h-21.2988c-60.0635 0 -98.5117 40 -127.2 40h-2.67871c-5.74707 -4.95215 -13.5361 -8 -22.1201 -8h-64c-17.6729 0 -32 12.8936 -32 28.7998v230.4c0 15.9062 14.3271 28.7998 32 28.7998h64.001
c8.58398 0 16.373 -3.04785 22.1201 -8h2.67871c6.96387 0 14.8623 6.19336 30.1816 23.6689l0.128906 0.148438l0.130859 0.145508c8.85645 9.93652 18.1162 20.8398 25.8506 33.2529c18.7051 30.2471 30.3936 78.7842 75.707 78.7842c56.9277 0 92 -35.2861 92 -83.2002 c8.58398 0 16.373 -3.04785 22.1201 -8h2.67871c6.96387 0 14.8623 6.19336 30.1816 23.6689l0.128906 0.148438l0.130859 0.145508c8.85645 9.93652 18.1162 20.8398 25.8506 33.2529c18.7051 30.2471 30.3936 78.7842 75.707 78.7842c56.9277 0 92 -35.2861 92 -83.2002
v-0.0839844c0 -6.21777 -0.974609 -16.2148 -2.17578 -22.3154h86.1768zM428.8 192c18.9756 0 35.2002 16.2246 35.2002 35.2002c0 18.7002 -16.7754 35.2002 -35.2002 35.2002h-158.399c0 17.3242 26.3994 35.1992 26.3994 70.3994c0 26.4004 -20.625 35.2002 -44 35.2002 c0 -0.0283203 0 0.0361328 0 0.0078125c0 -7.66602 -0.748047 -15.1582 -2.17578 -22.4072h86.1768zM428.8 192c18.9756 0 35.2002 16.2246 35.2002 35.2002c0 18.7002 -16.7754 35.2002 -35.2002 35.2002h-158.399c0 17.3242 26.3994 35.1992 26.3994 70.3994
c-8.79395 0 -20.4443 -32.7119 -34.9258 -56.0996c-9.07422 -14.5752 -19.5244 -27.2256 -30.7988 -39.875c-16.1094 -18.374 -33.8359 -36.6328 -59.0752 -39.5967v-176.753c42.79 -3.7627 74.5088 -39.6758 120 -39.6758h21.2988 c0 26.4004 -20.625 35.2002 -44 35.2002c-8.79395 0 -20.4443 -32.7119 -34.9258 -56.0996c-9.07422 -14.5752 -19.5244 -27.2256 -30.7988 -39.875c-16.1094 -18.374 -33.8359 -36.6328 -59.0752 -39.5967v-176.753c42.79 -3.7627 74.5088 -39.6758 120 -39.6758h21.2988
c40.5244 0 57.124 22.1973 50.6006 61.3252c14.6113 8.00098 24.1514 33.9785 12.9248 53.625c19.3652 18.2246 17.7871 46.3809 4.9502 61.0498h91.0254zM88 64c0 13.2549 -10.7451 24 -24 24s-24 -10.7451 -24 -24s10.7451 -24 24 -24s24 10.7451 24 24z" /> c40.5244 0 57.124 22.1973 50.6006 61.3252c14.6113 8.00098 24.1514 33.9785 12.9248 53.625c19.3652 18.2246 17.7871 46.3809 4.9502 61.0498h91.0254zM88 64c0 13.2549 -10.7451 24 -24 24s-24 -10.7451 -24 -24s10.7451 -24 24 -24s24 10.7451 24 24z" />
<glyph glyph-name="hand-point-left" unicode="&#xf0a5;" <glyph glyph-name="hand-point-left" unicode="&#xf0a5;"
d="M0 227.2c0 45.0986 38.1006 83.2002 83.2002 83.2002h86.1758c-1.3623 6.91016 -2.17578 14.374 -2.17578 22.3994c0 47.9141 35.0723 83.2002 92 83.2002c45.3135 0 57.002 -48.5371 75.7061 -78.7852c7.73438 -12.4121 16.9951 -23.3154 25.8506 -33.2529 d="M0 227.2c0 45.0986 38.1006 83.2002 83.2002 83.2002h86.1758c-1.3623 6.91016 -2.17578 14.374 -2.17578 22.3994c0 47.9141 35.0723 83.2002 92 83.2002c45.3135 0 57.002 -48.5371 75.7061 -78.7852c7.73438 -12.4121 16.9951 -23.3154 25.8506 -33.2529
l0.130859 -0.145508l0.128906 -0.148438c15.3213 -17.4746 23.2197 -23.668 30.1836 -23.668h2.67871c5.74707 4.95215 13.5361 8 22.1201 8h64c17.6729 0 32 -12.8936 32 -28.7998v-230.4c0 -15.9062 -14.3271 -28.7998 -32 -28.7998h-64 l0.130859 -0.145508l0.128906 -0.148438c15.3213 -17.4746 23.2197 -23.668 30.1836 -23.668h2.67871c5.74707 4.95215 13.5361 8 22.1201 8h64c17.6729 0 32 -12.8936 32 -28.7998v-230.4c0 -15.9062 -14.3271 -28.7998 -32 -28.7998h-64
c-8.58398 0 -16.373 3.04785 -22.1201 8h-2.67871c-28.6885 0 -67.1367 -40 -127.2 -40h-21.2988c-62.542 0 -98.8008 38.6582 -99.9404 91.1445c-12.4814 17.8135 -18.4922 40.7852 -15.9844 62.791c-2.96094 5.8125 -6.51367 15.6973 -7.92969 22.0645h-35.6465 c-8.58398 0 -16.373 3.04785 -22.1201 8h-2.67871c-28.6885 0 -67.1367 -40 -127.2 -40h-21.2988c-62.542 0 -98.8008 38.6582 -99.9404 91.1445c-12.4814 17.8135 -18.4922 40.7852 -15.9844 62.791c-3.49414 6.85938 -6.21582 14.3584 -7.92969 22.0645h-35.6465
c-45.4355 0 -83.2002 37.584 -83.2002 83.2002zM48 227.2c0 -18.9756 16.2246 -35.2002 35.2002 -35.2002h91.0244c-12.8369 -14.6689 -14.415 -42.8252 4.9502 -61.0498c-11.2256 -19.6465 -1.68652 -45.624 12.9248 -53.625 c-45.4355 0 -83.2002 37.584 -83.2002 83.2002zM48 227.2c0 -18.9756 16.2246 -35.2002 35.2002 -35.2002h91.0244c-12.8369 -14.6689 -14.415 -42.8252 4.9502 -61.0498c-11.2256 -19.6465 -1.68652 -45.624 12.9248 -53.625
c-6.52246 -39.1279 10.0771 -61.3252 50.6016 -61.3252h21.2988c45.4912 0 77.21 35.9131 120 39.6768v176.752c-25.2393 2.96289 -42.9658 21.2227 -59.0752 39.5967c-11.2744 12.6494 -21.7246 25.2998 -30.7988 39.875 c-6.52246 -39.1279 10.0771 -61.3252 50.6016 -61.3252h21.2988c45.4912 0 77.21 35.9131 120 39.6768v176.752c-25.2393 2.96289 -42.9658 21.2227 -59.0752 39.5967c-11.2744 12.6494 -21.7246 25.2998 -30.7988 39.875
c-14.4814 23.3877 -26.1318 56.0996 -34.9258 56.0996c-23.375 0 -44 -8.7998 -44 -35.2002c0 -35.2002 26.3994 -53.0752 26.3994 -70.3994h-158.399c-18.4248 0 -35.2002 -16.5 -35.2002 -35.2002zM448 88c-13.2549 0 -24 -10.7451 -24 -24s10.7451 -24 24 -24 c-14.4814 23.3877 -26.1318 56.0996 -34.9258 56.0996c-23.375 0 -44 -8.7998 -44 -35.2002c0 -35.2002 26.3994 -53.0752 26.3994 -70.3994h-158.399c-18.4248 0 -35.2002 -16.5 -35.2002 -35.2002zM448 88c-13.2549 0 -24 -10.7451 -24 -24s10.7451 -24 24 -24
s24 10.7451 24 24s-10.7451 24 -24 24z" /> s24 10.7451 24 24s-10.7451 24 -24 24z" />
<glyph glyph-name="hand-point-up" unicode="&#xf0a6;" horiz-adv-x="448" <glyph glyph-name="hand-point-up" unicode="&#xf0a6;" horiz-adv-x="448"
d="M105.6 364.8c0 45.0996 38.1016 83.2002 83.2002 83.2002c45.6162 0 83.2002 -37.7646 83.2002 -83.2002v-35.6465c6.36719 -1.41602 16.252 -4.96875 22.0645 -7.92969c22.0059 2.50684 44.9775 -3.50293 62.791 -15.9844 d="M105.6 364.8c0 45.0996 38.1016 83.2002 83.2002 83.2002c45.6162 0 83.2002 -37.7646 83.2002 -83.2002v-35.6465c7.70605 -1.71387 15.2051 -4.43555 22.0645 -7.92969c22.0059 2.50684 44.9775 -3.50293 62.791 -15.9844
c52.4863 -1.14062 91.1445 -37.3984 91.1445 -99.9404v-21.2988c0 -60.0635 -40 -98.5117 -40 -127.2v-2.67871c4.95215 -5.74707 8 -13.5361 8 -22.1201v-64c0 -17.6729 -12.8936 -32 -28.7998 -32h-230.4c-15.9062 0 -28.7998 14.3271 -28.7998 32v64 c52.4863 -1.14062 91.1445 -37.3984 91.1445 -99.9404v-21.2988c0 -60.0635 -40 -98.5117 -40 -127.2v-2.67871c4.95215 -5.74707 8 -13.5361 8 -22.1201v-64c0 -17.6729 -12.8936 -32 -28.7998 -32h-230.4c-15.9062 0 -28.7998 14.3271 -28.7998 32v64
c0 8.58398 3.04785 16.373 8 22.1201v2.67871c0 6.96387 -6.19336 14.8623 -23.6689 30.1816l-0.148438 0.128906l-0.145508 0.130859c-9.93652 8.85645 -20.8398 18.1162 -33.2529 25.8506c-30.2471 18.7051 -78.7842 30.3936 -78.7842 75.707 c0 8.58398 3.04785 16.373 8 22.1201v2.67871c0 6.96387 -6.19336 14.8623 -23.6689 30.1816l-0.148438 0.128906l-0.145508 0.130859c-9.93652 8.85645 -20.8398 18.1162 -33.2529 25.8506c-30.2471 18.7051 -78.7842 30.3936 -78.7842 75.707
c0 56.9277 35.2861 92 83.2002 92h0.0839844c6.21777 0 16.2148 -0.974609 22.3154 -2.17578v86.1768zM224 364.8c0 18.9756 -16.2246 35.2002 -35.2002 35.2002c-18.7002 0 -35.2002 -16.7754 -35.2002 -35.2002v-158.399c-17.3242 0 -35.1992 26.3994 -70.3994 26.3994 c0 56.9277 35.2861 92 83.2002 92c0.0283203 0 -0.0361328 0 -0.0078125 0c7.66602 0 15.1582 -0.748047 22.4072 -2.17578v86.1768zM224 364.8c0 18.9756 -16.2246 35.2002 -35.2002 35.2002c-18.7002 0 -35.2002 -16.7754 -35.2002 -35.2002v-158.399
c-26.4004 0 -35.2002 -20.625 -35.2002 -44c0 -8.79395 32.7119 -20.4443 56.0996 -34.9258c14.5752 -9.07422 27.2256 -19.5244 39.875 -30.7988c18.374 -16.1094 36.6328 -33.8359 39.5967 -59.0752h176.753c3.7627 42.79 39.6758 74.5088 39.6758 120v21.2988 c-17.3242 0 -35.1992 26.3994 -70.3994 26.3994c-26.4004 0 -35.2002 -20.625 -35.2002 -44c0 -8.79395 32.7119 -20.4443 56.0996 -34.9258c14.5752 -9.07422 27.2256 -19.5244 39.875 -30.7988c18.374 -16.1094 36.6328 -33.8359 39.5967 -59.0752h176.753
c0 40.5244 -22.1973 57.124 -61.3252 50.6006c-8.00098 14.6113 -33.9785 24.1514 -53.625 12.9248c-18.2246 19.3652 -46.3809 17.7871 -61.0498 4.9502v91.0254zM352 24c-13.2549 0 -24 -10.7451 -24 -24s10.7451 -24 24 -24s24 10.7451 24 24s-10.7451 24 -24 24z" /> c3.7627 42.79 39.6758 74.5088 39.6758 120v21.2988c0 40.5244 -22.1973 57.124 -61.3252 50.6006c-8.00098 14.6113 -33.9785 24.1514 -53.625 12.9248c-18.2246 19.3652 -46.3809 17.7871 -61.0498 4.9502v91.0254zM352 24c-13.2549 0 -24 -10.7451 -24 -24
s10.7451 -24 24 -24s24 10.7451 24 24s-10.7451 24 -24 24z" />
<glyph glyph-name="hand-point-down" unicode="&#xf0a7;" horiz-adv-x="448" <glyph glyph-name="hand-point-down" unicode="&#xf0a7;" horiz-adv-x="448"
d="M188.8 -64c-45.0986 0 -83.2002 38.1006 -83.2002 83.2002v86.1758c-6.91016 -1.3623 -14.374 -2.17578 -22.3994 -2.17578c-47.9141 0 -83.2002 35.0723 -83.2002 92c0 45.3135 48.5371 57.002 78.7852 75.707c12.4121 7.73438 23.3154 16.9951 33.2529 25.8506 d="M188.8 -64c-45.0986 0 -83.2002 38.1006 -83.2002 83.2002v86.1758c-6.91016 -1.3623 -14.374 -2.17578 -22.3994 -2.17578c-47.9141 0 -83.2002 35.0723 -83.2002 92c0 45.3135 48.5371 57.002 78.7852 75.707c12.4121 7.73438 23.3154 16.9951 33.2529 25.8506
l0.145508 0.130859l0.148438 0.128906c17.4746 15.3213 23.668 23.2197 23.668 30.1836v2.67871c-4.95215 5.74707 -8 13.5361 -8 22.1201v64c0 17.6729 12.8936 32 28.7998 32h230.4c15.9062 0 28.7998 -14.3271 28.7998 -32v-64.001 l0.145508 0.130859l0.148438 0.128906c17.4746 15.3213 23.668 23.2197 23.668 30.1836v2.67871c-4.95215 5.74707 -8 13.5361 -8 22.1201v64c0 17.6729 12.8936 32 28.7998 32h230.4c15.9062 0 28.7998 -14.3271 28.7998 -32v-64.001
c0 -8.58398 -3.04785 -16.373 -8 -22.1201v-2.67871c0 -28.6885 40 -67.1367 40 -127.2v-21.2988c0 -62.542 -38.6582 -98.8008 -91.1445 -99.9404c-17.8135 -12.4814 -40.7852 -18.4922 -62.791 -15.9844c-5.8125 -2.96094 -15.6973 -6.51367 -22.0645 -7.92969v-35.6465 c0 -8.58398 -3.04785 -16.373 -8 -22.1201v-2.67871c0 -28.6885 40 -67.1367 40 -127.2v-21.2988c0 -62.542 -38.6582 -98.8008 -91.1445 -99.9404c-17.8135 -12.4814 -40.7852 -18.4922 -62.791 -15.9844c-6.85938 -3.49414 -14.3584 -6.21582 -22.0645 -7.92969v-35.6465
c0 -45.4355 -37.584 -83.2002 -83.2002 -83.2002zM188.8 -16c18.9756 0 35.2002 16.2246 35.2002 35.2002v91.0244c14.6689 -12.8369 42.8252 -14.415 61.0498 4.9502c19.6465 -11.2256 45.624 -1.68652 53.625 12.9248c39.1279 -6.52246 61.3252 10.0771 61.3252 50.6016 c0 -45.4355 -37.584 -83.2002 -83.2002 -83.2002zM188.8 -16c18.9756 0 35.2002 16.2246 35.2002 35.2002v91.0244c14.6689 -12.8369 42.8252 -14.415 61.0498 4.9502c19.6465 -11.2256 45.624 -1.68652 53.625 12.9248c39.1279 -6.52246 61.3252 10.0771 61.3252 50.6016
v21.2988c0 45.4912 -35.9131 77.21 -39.6768 120h-176.752c-2.96289 -25.2393 -21.2227 -42.9658 -39.5967 -59.0752c-12.6494 -11.2744 -25.2998 -21.7246 -39.875 -30.7988c-23.3877 -14.4814 -56.0996 -26.1318 -56.0996 -34.9258c0 -23.375 8.7998 -44 35.2002 -44 v21.2988c0 45.4912 -35.9131 77.21 -39.6768 120h-176.752c-2.96289 -25.2393 -21.2227 -42.9658 -39.5967 -59.0752c-12.6494 -11.2744 -25.2998 -21.7246 -39.875 -30.7988c-23.3877 -14.4814 -56.0996 -26.1318 -56.0996 -34.9258c0 -23.375 8.7998 -44 35.2002 -44
c35.2002 0 53.0752 26.3994 70.3994 26.3994v-158.399c0 -18.4248 16.5 -35.2002 35.2002 -35.2002zM328 384c0 -13.2549 10.7451 -24 24 -24s24 10.7451 24 24s-10.7451 24 -24 24s-24 -10.7451 -24 -24z" /> c35.2002 0 53.0752 26.3994 70.3994 26.3994v-158.399c0 -18.4248 16.5 -35.2002 35.2002 -35.2002zM328 384c0 -13.2549 10.7451 -24 24 -24s24 10.7451 24 24s-10.7451 24 -24 24s-24 -10.7451 -24 -24z" />
<glyph glyph-name="copy" unicode="&#xf0c5;" horiz-adv-x="448" <glyph glyph-name="copy" unicode="&#xf0c5;" horiz-adv-x="448"
d="M433.941 382.059c7.75977 -7.75977 14.0586 -22.9658 14.0586 -33.9404v-268.118c0 -26.5098 -21.4902 -48 -48 -48h-80v-48c0 -26.5098 -21.4902 -48 -48 -48h-224c-26.5098 0 -48 21.4902 -48 48v320c0 26.5098 21.4902 48 48 48h80v48c0 26.5098 21.4902 48 48 48 d="M433.941 382.059c8.68848 -8.68848 14.0586 -20.6943 14.0586 -33.9404v-268.118c0 -26.5098 -21.4902 -48 -48 -48h-80v-48c0 -26.5098 -21.4902 -48 -48 -48h-224c-26.5098 0 -48 21.4902 -48 48v320c0 26.5098 21.4902 48 48 48h80v48c0 26.5098 21.4902 48 48 48
h172.118c10.9746 0 26.1807 -6.29883 33.9404 -14.0586zM266 -16c3.31152 0 6 2.68848 6 6v42h-96c-26.5098 0 -48 21.4902 -48 48v224h-74c-3.31152 0 -6 -2.68848 -6 -6v-308c0 -3.31152 2.68848 -6 6 -6h212zM394 80c3.31152 0 6 2.68848 6 6v202h-88 h172.118c13.2461 0 25.252 -5.37012 33.9404 -14.0586zM266 -16c3.31152 0 6 2.68848 6 6v42h-96c-26.5098 0 -48 21.4902 -48 48v224h-74c-3.31152 0 -6 -2.68848 -6 -6v-308c0 -3.31152 2.68848 -6 6 -6h212zM394 80c3.31152 0 6 2.68848 6 6v202h-88
c-13.2549 0 -24 10.7451 -24 24v88h-106c-3.31152 0 -6 -2.68848 -6 -6v-308c0 -3.31152 2.68848 -6 6 -6h212zM400 336v9.63184v0.000976562c0 1.37207 -0.787109 3.27246 -1.75684 4.24219l-48.3682 48.3682c-1.12598 1.125 -2.65234 1.75684 -4.24316 1.75684h-9.63184 c-13.2549 0 -24 10.7451 -24 24v88h-106c-3.31152 0 -6 -2.68848 -6 -6v-308c0 -3.31152 2.68848 -6 6 -6h212zM400 336v9.63184c0 1.65527 -0.670898 3.15723 -1.75684 4.24316l-48.3682 48.3682c-1.12598 1.125 -2.65234 1.75684 -4.24316 1.75684h-9.63184v-64h64z" />
v-64h64z" />
<glyph glyph-name="save" unicode="&#xf0c7;" horiz-adv-x="448" <glyph glyph-name="save" unicode="&#xf0c7;" horiz-adv-x="448"
d="M433.941 318.059c7.75977 -7.75977 14.0586 -22.9658 14.0586 -33.9404v-268.118c0 -26.5098 -21.4902 -48 -48 -48h-352c-26.5098 0 -48 21.4902 -48 48v352c0 26.5098 21.4902 48 48 48h268.118c10.9746 0 26.1807 -6.29883 33.9404 -14.0586zM272 368h-128v-80h128v80 d="M433.941 318.059c8.68848 -8.68848 14.0586 -20.6943 14.0586 -33.9404v-268.118c0 -26.5098 -21.4902 -48 -48 -48h-352c-26.5098 0 -48 21.4902 -48 48v352c0 26.5098 21.4902 48 48 48h268.118c13.2461 0 25.252 -5.37012 33.9404 -14.0586zM272 368h-128v-80h128v80z
zM394 16c3.31152 0 6 2.68848 6 6v259.632v0.000976562c0 1.37207 -0.787109 3.27246 -1.75684 4.24219l-78.2432 78.2432v-100.118c0 -13.2549 -10.7451 -24 -24 -24h-176c-13.2549 0 -24 10.7451 -24 24v104h-42c-3.31152 0 -6 -2.68848 -6 -6v-340 M394 16c3.31152 0 6 2.68848 6 6v259.632c0 1.65527 -0.670898 3.15723 -1.75684 4.24316l-78.2432 78.2432v-100.118c0 -13.2549 -10.7451 -24 -24 -24h-176c-13.2549 0 -24 10.7451 -24 24v104h-42c-3.31152 0 -6 -2.68848 -6 -6v-340c0 -3.31152 2.68848 -6 6 -6h340z
c0 -3.31152 2.68848 -6 6 -6h340zM224 216c48.5234 0 88 -39.4766 88 -88s-39.4766 -88 -88 -88s-88 39.4766 -88 88s39.4766 88 88 88zM224 88c22.0557 0 40 17.9443 40 40s-17.9443 40 -40 40s-40 -17.9443 -40 -40s17.9443 -40 40 -40z" /> M224 216c48.5234 0 88 -39.4766 88 -88s-39.4766 -88 -88 -88s-88 39.4766 -88 88s39.4766 88 88 88zM224 88c22.0557 0 40 17.9443 40 40s-17.9443 40 -40 40s-40 -17.9443 -40 -40s17.9443 -40 40 -40z" />
<glyph glyph-name="square" unicode="&#xf0c8;" horiz-adv-x="448" <glyph glyph-name="square" unicode="&#xf0c8;" horiz-adv-x="448"
d="M400 416c26.5 0 48 -21.5 48 -48v-352c0 -26.5 -21.5 -48 -48 -48h-352c-26.5 0 -48 21.5 -48 48v352c0 26.5 21.5 48 48 48h352zM394 16c3.2998 0 6 2.7002 6 6v340c0 3.2998 -2.7002 6 -6 6h-340c-3.2998 0 -6 -2.7002 -6 -6v-340c0 -3.2998 2.7002 -6 6 -6h340z" /> d="M400 416c26.5 0 48 -21.5 48 -48v-352c0 -26.5 -21.5 -48 -48 -48h-352c-26.5 0 -48 21.5 -48 48v352c0 26.5 21.5 48 48 48h352zM394 16c3.2998 0 6 2.7002 6 6v340c0 3.2998 -2.7002 6 -6 6h-340c-3.2998 0 -6 -2.7002 -6 -6v-340c0 -3.2998 2.7002 -6 6 -6h340z" />
<glyph glyph-name="envelope" unicode="&#xf0e0;" <glyph glyph-name="envelope" unicode="&#xf0e0;"
@ -181,7 +181,7 @@ c-22.5439 -17.748 -60.3359 -55.1787 -103.053 -54.9473c-42.9277 -0.231445 -81.205
<glyph glyph-name="lightbulb" unicode="&#xf0eb;" horiz-adv-x="352" <glyph glyph-name="lightbulb" unicode="&#xf0eb;" horiz-adv-x="352"
d="M176 368c8.83984 0 16 -7.16016 16 -16s-7.16016 -16 -16 -16c-35.2803 0 -64 -28.7002 -64 -64c0 -8.83984 -7.16016 -16 -16 -16s-16 7.16016 -16 16c0 52.9404 43.0596 96 96 96zM96.0596 -11.1699l-0.0400391 43.1797h159.961l-0.0507812 -43.1797 d="M176 368c8.83984 0 16 -7.16016 16 -16s-7.16016 -16 -16 -16c-35.2803 0 -64 -28.7002 -64 -64c0 -8.83984 -7.16016 -16 -16 -16s-16 7.16016 -16 16c0 52.9404 43.0596 96 96 96zM96.0596 -11.1699l-0.0400391 43.1797h159.961l-0.0507812 -43.1797
c-0.00976562 -3.13965 -0.939453 -6.21973 -2.67969 -8.83984l-24.5098 -36.8398c-2.95996 -4.45996 -7.95996 -7.14062 -13.3203 -7.14062h-78.8496c-5.35059 0 -10.3506 2.68066 -13.3203 7.14062l-24.5098 36.8398c-1.75 2.62012 -2.68066 5.68945 -2.68066 8.83984z c-0.00976562 -3.13965 -0.939453 -6.21973 -2.67969 -8.83984l-24.5098 -36.8398c-2.95996 -4.45996 -7.95996 -7.14062 -13.3203 -7.14062h-78.8496c-5.35059 0 -10.3506 2.68066 -13.3203 7.14062l-24.5098 36.8398c-1.75 2.62012 -2.68066 5.68945 -2.68066 8.83984z
M176 448c97.2002 0 176 -78.7998 176 -176c0 -44.3701 -16.4502 -84.8496 -43.5498 -115.79c-16.6406 -18.9795 -42.7402 -58.79 -52.4199 -92.1602v-0.0498047h-48v0.0996094c0.00390625 4.04199 0.999023 10.4482 2.21973 14.3008 M176 448c97.2002 0 176 -78.7998 176 -176c0 -44.3701 -16.4502 -84.8496 -43.5498 -115.79c-16.6406 -18.9795 -42.7402 -58.79 -52.4199 -92.1602v-0.0498047h-48v0.0996094c0.00488281 4.98145 0.790039 9.78809 2.21973 14.3008
c5.67969 17.9893 22.9902 64.8496 62.0996 109.46c20.4102 23.29 31.6504 53.1699 31.6504 84.1396c0 70.5801 -57.4199 128 -128 128c-68.2803 0 -128.15 -54.3604 -127.95 -128c0.0898438 -30.9902 11.0703 -60.71 31.6104 -84.1396 c5.67969 17.9893 22.9902 64.8496 62.0996 109.46c20.4102 23.29 31.6504 53.1699 31.6504 84.1396c0 70.5801 -57.4199 128 -128 128c-68.2803 0 -128.15 -54.3604 -127.95 -128c0.0898438 -30.9902 11.0703 -60.71 31.6104 -84.1396
c39.3496 -44.9004 56.5801 -91.8604 62.1699 -109.67c1.42969 -4.56055 2.13965 -9.30078 2.15039 -14.0703v-0.120117h-48v0.0595703c-9.68066 33.3604 -35.7803 73.1709 -52.4209 92.1602c-27.1094 30.9307 -43.5596 71.4102 -43.5596 115.78 c39.3496 -44.9004 56.5801 -91.8604 62.1699 -109.67c1.42969 -4.56055 2.13965 -9.30078 2.15039 -14.0703v-0.120117h-48v0.0595703c-9.68066 33.3604 -35.7803 73.1709 -52.4209 92.1602c-27.1094 30.9307 -43.5596 71.4102 -43.5596 115.78
c0 93.0303 73.7197 176 176 176z" /> c0 93.0303 73.7197 176 176 176z" />
@ -241,13 +241,13 @@ c4.70508 4.66699 12.3027 4.63672 16.9697 -0.0683594l22.5361 -22.7178c4.66699 -4.
<glyph glyph-name="share-square" unicode="&#xf14d;" horiz-adv-x="576" <glyph glyph-name="share-square" unicode="&#xf14d;" horiz-adv-x="576"
d="M561.938 289.94c18.75 -18.7402 18.75 -49.1406 0 -67.8809l-143.998 -144c-29.9727 -29.9727 -81.9404 -9.05273 -81.9404 33.9404v53.7998c-101.266 -7.83691 -99.625 -31.6406 -84.1104 -78.7598c14.2285 -43.0889 -33.4736 -79.248 -71.0195 -55.7402 d="M561.938 289.94c18.75 -18.7402 18.75 -49.1406 0 -67.8809l-143.998 -144c-29.9727 -29.9727 -81.9404 -9.05273 -81.9404 33.9404v53.7998c-101.266 -7.83691 -99.625 -31.6406 -84.1104 -78.7598c14.2285 -43.0889 -33.4736 -79.248 -71.0195 -55.7402
c-51.6924 32.3057 -84.8701 83.0635 -84.8701 144.76c0 39.3408 12.2197 72.7402 36.3301 99.3008c19.8398 21.8398 47.7402 38.4697 82.9102 49.4199c36.7295 11.4395 78.3096 16.1094 120.76 17.9893v57.1982c0 42.9355 51.9258 63.9541 81.9404 33.9404zM384 112l144 144 c-51.6924 32.3057 -84.8701 83.0635 -84.8701 144.76c0 39.3408 12.2197 72.7402 36.3301 99.3008c19.8398 21.8398 47.7402 38.4697 82.9102 49.4199c36.7295 11.4395 78.3096 16.1094 120.76 17.9893v57.1982c0 42.9355 51.9258 63.9541 81.9404 33.9404zM384 112l144 144
l-144 144v-104.09c-110.86 -0.90332 -240 -10.5166 -240 -119.851c0 -52.1396 32.79 -85.6094 62.3096 -104.06c-39.8174 120.65 48.999 141.918 177.69 143.84v-103.84zM408.74 27.5068c6.14844 1.75684 15.5449 5.92383 20.9736 9.30273 l-144 144v-104.09c-110.86 -0.90332 -240 -10.5166 -240 -119.851c0 -52.1396 32.79 -85.6094 62.3096 -104.06c-39.8174 120.65 48.999 141.918 177.69 143.84v-103.84zM408.74 27.5068c7.4375 2.125 14.5508 5.30566 20.9736 9.30273
c7.97656 4.95215 18.2861 -0.825195 18.2861 -10.2139v-42.5957c0 -26.5098 -21.4902 -48 -48 -48h-352c-26.5098 0 -48 21.4902 -48 48v352c0 26.5098 21.4902 48 48 48h132c6.62695 0 12 -5.37305 12 -12v-4.48633c0 -4.91699 -2.9873 -9.36914 -7.56934 -11.1514 c7.97656 4.95215 18.2861 -0.825195 18.2861 -10.2139v-42.5957c0 -26.5098 -21.4902 -48 -48 -48h-352c-26.5098 0 -48 21.4902 -48 48v352c0 26.5098 21.4902 48 48 48h132c6.62695 0 12 -5.37305 12 -12v-4.48633c0 -4.91699 -2.9873 -9.36914 -7.56934 -11.1514
c-13.7021 -5.33105 -26.3955 -11.5371 -38.0498 -18.585c-1.59668 -0.974609 -4.41016 -1.77051 -6.28027 -1.77734h-86.1006c-3.31152 0 -6 -2.68848 -6 -6v-340c0 -3.31152 2.68848 -6 6 -6h340c3.31152 0 6 2.68848 6 6v25.9658c0 5.37012 3.5791 10.0596 8.74023 11.541 c-13.7021 -5.33105 -26.3955 -11.5371 -38.0498 -18.585c-1.82715 -1.11523 -3.98633 -1.76953 -6.28027 -1.77734h-86.1006c-3.31152 0 -6 -2.68848 -6 -6v-340c0 -3.31152 2.68848 -6 6 -6h340c3.31152 0 6 2.68848 6 6v25.9658c0 5.37012 3.5791 10.0596 8.74023 11.541z
z" /> " />
<glyph glyph-name="compass" unicode="&#xf14e;" horiz-adv-x="496" <glyph glyph-name="compass" unicode="&#xf14e;" horiz-adv-x="496"
d="M347.94 318.14c16.6592 7.61035 33.8096 -9.54004 26.1992 -26.1992l-65.9697 -144.341c-2.73047 -5.97363 -9.7959 -13.0391 -15.7695 -15.7695l-144.341 -65.9697c-16.6592 -7.61035 -33.8096 9.5498 -26.1992 26.1992l65.9697 144.341 d="M347.94 318.14c16.6592 7.61035 33.8096 -9.54004 26.1992 -26.1992l-65.9697 -144.341c-3.19238 -6.9834 -8.78613 -12.5771 -15.7695 -15.7695l-144.341 -65.9697c-16.6592 -7.61035 -33.8096 9.5498 -26.1992 26.1992l65.9697 144.341
c2.73047 5.97363 9.7959 13.0391 15.7695 15.7695zM270.58 169.42c12.4697 12.4697 12.4697 32.6904 0 45.1602s-32.6904 12.4697 -45.1602 0s-12.4697 -32.6904 0 -45.1602s32.6904 -12.4697 45.1602 0zM248 440c136.97 0 248 -111.03 248 -248s-111.03 -248 -248 -248 c3.19238 6.9834 8.78613 12.5771 15.7695 15.7695zM270.58 169.42c12.4697 12.4697 12.4697 32.6904 0 45.1602s-32.6904 12.4697 -45.1602 0s-12.4697 -32.6904 0 -45.1602s32.6904 -12.4697 45.1602 0zM248 440c136.97 0 248 -111.03 248 -248s-111.03 -248 -248 -248
s-248 111.03 -248 248s111.03 248 248 248zM248 -8c110.28 0 200 89.7197 200 200s-89.7197 200 -200 200s-200 -89.7197 -200 -200s89.7197 -200 200 -200z" /> s-248 111.03 -248 248s111.03 248 248 248zM248 -8c110.28 0 200 89.7197 200 200s-89.7197 200 -200 200s-200 -89.7197 -200 -200s89.7197 -200 200 -200z" />
<glyph glyph-name="caret-square-down" unicode="&#xf150;" horiz-adv-x="448" <glyph glyph-name="caret-square-down" unicode="&#xf150;" horiz-adv-x="448"
d="M125.1 240h197.801c10.6992 0 16.0996 -13 8.5 -20.5l-98.9004 -98.2998c-4.7002 -4.7002 -12.2002 -4.7002 -16.9004 0l-98.8994 98.2998c-7.7002 7.5 -2.2998 20.5 8.39941 20.5zM448 368v-352c0 -26.5 -21.5 -48 -48 -48h-352c-26.5 0 -48 21.5 -48 48v352 d="M125.1 240h197.801c10.6992 0 16.0996 -13 8.5 -20.5l-98.9004 -98.2998c-4.7002 -4.7002 -12.2002 -4.7002 -16.9004 0l-98.8994 98.2998c-7.7002 7.5 -2.2998 20.5 8.39941 20.5zM448 368v-352c0 -26.5 -21.5 -48 -48 -48h-352c-26.5 0 -48 21.5 -48 48v352
@ -287,7 +287,7 @@ l40.4004 -59.8994l70.8994 13.6992c13 2.60059 26.6006 -1.59961 36.2002 -11.0996c9
l-91 17.5996l17.5996 -91.2002l-76.7998 -52l76.7998 -52l-17.5996 -91.1992l90.8994 17.5996l51.9004 -77l51.9004 76.9004l91 -17.6006zM256 296c57.2998 0 104 -46.7002 104 -104s-46.7002 -104 -104 -104s-104 46.7002 -104 104s46.7002 104 104 104zM256 136 l-91 17.5996l17.5996 -91.2002l-76.7998 -52l76.7998 -52l-17.5996 -91.1992l90.8994 17.5996l51.9004 -77l51.9004 76.9004l91 -17.6006zM256 296c57.2998 0 104 -46.7002 104 -104s-46.7002 -104 -104 -104s-104 46.7002 -104 104s46.7002 104 104 104zM256 136
c30.9004 0 56 25.0996 56 56s-25.0996 56 -56 56s-56 -25.0996 -56 -56s25.0996 -56 56 -56z" /> c30.9004 0 56 25.0996 56 56s-25.0996 56 -56 56s-56 -25.0996 -56 -56s25.0996 -56 56 -56z" />
<glyph glyph-name="moon" unicode="&#xf186;" <glyph glyph-name="moon" unicode="&#xf186;"
d="M279.135 -64c-141.424 0 -256 114.64 -256 256c0 141.425 114.641 256 256 256c13.0068 -0.00195312 33.9443 -1.91797 46.7354 -4.27734c44.0205 -8.13086 53.7666 -66.8691 15.0215 -88.9189c-41.374 -23.5439 -67.4336 -67.4121 -67.4336 -115.836 d="M279.135 -64c-141.424 0 -256 114.64 -256 256c0 141.425 114.641 256 256 256c16.0342 -0.00292969 31.5078 -1.46875 46.7354 -4.27734c44.0205 -8.13086 53.7666 -66.8691 15.0215 -88.9189c-41.374 -23.5439 -67.4336 -67.4121 -67.4336 -115.836
c0 -83.5234 75.9238 -146.475 158.272 -130.792c43.6904 8.32129 74.5186 -42.5693 46.248 -77.4004c-47.8613 -58.9717 -120.088 -94.7754 -198.844 -94.7754zM279.135 400c-114.875 0 -208 -93.125 -208 -208s93.125 -208 208 -208 c0 -83.5234 75.9238 -146.475 158.272 -130.792c43.6904 8.32129 74.5186 -42.5693 46.248 -77.4004c-47.8613 -58.9717 -120.088 -94.7754 -198.844 -94.7754zM279.135 400c-114.875 0 -208 -93.125 -208 -208s93.125 -208 208 -208
c65.2314 0 123.439 30.0361 161.575 77.0244c-111.611 -21.2568 -215.252 64.0957 -215.252 177.943c0 67.5127 36.9326 126.392 91.6934 157.555c-12.3271 2.27637 -25.0312 3.47754 -38.0166 3.47754z" /> c65.2314 0 123.439 30.0361 161.575 77.0244c-111.611 -21.2568 -215.252 64.0957 -215.252 177.943c0 67.5127 36.9326 126.392 91.6934 157.555c-12.3271 2.27637 -25.0312 3.47754 -38.0166 3.47754z" />
<glyph glyph-name="caret-square-left" unicode="&#xf191;" horiz-adv-x="448" <glyph glyph-name="caret-square-left" unicode="&#xf191;" horiz-adv-x="448"
@ -334,12 +334,12 @@ c12.7002 0 24.9004 -5.09961 33.9004 -14.0996zM256 396.1v-76.0996h76.0996zM336 -1
c-33.2002 0 -58 30.4004 -51.4004 62.9004l19.7002 97.0996v32h32v-32h22.1006c5.7998 0 10.6992 -4.09961 11.7998 -9.7002zM160.3 57.9004c17.9004 0 32.4004 12.0996 32.4004 27c0 14.8994 -14.5 27 -32.4004 27c-17.8994 0 -32.3994 -12.1006 -32.3994 -27 c-33.2002 0 -58 30.4004 -51.4004 62.9004l19.7002 97.0996v32h32v-32h22.1006c5.7998 0 10.6992 -4.09961 11.7998 -9.7002zM160.3 57.9004c17.9004 0 32.4004 12.0996 32.4004 27c0 14.8994 -14.5 27 -32.4004 27c-17.8994 0 -32.3994 -12.1006 -32.3994 -27
c0 -14.9004 14.5 -27 32.3994 -27zM192.3 256v-32h-32v32h32z" /> c0 -14.9004 14.5 -27 32.3994 -27zM192.3 256v-32h-32v32h32z" />
<glyph glyph-name="file-audio" unicode="&#xf1c7;" horiz-adv-x="384" <glyph glyph-name="file-audio" unicode="&#xf1c7;" horiz-adv-x="384"
d="M369.941 350.059c7.75977 -7.75977 14.0586 -22.9658 14.0586 -33.9404v-332.118c0 -26.5098 -21.4902 -48 -48 -48h-288c-26.5098 0 -48 21.4902 -48 48v416c0 26.5098 21.4902 48 48 48h204.118c10.9746 0 26.1807 -6.29883 33.9404 -14.0586zM332.118 320 d="M369.941 350.059c8.68848 -8.68848 14.0586 -20.6943 14.0586 -33.9404v-332.118c0 -26.5098 -21.4902 -48 -48 -48h-288c-26.5098 0 -48 21.4902 -48 48v416c0 26.5098 21.4902 48 48 48h204.118c13.2461 0 25.252 -5.37012 33.9404 -14.0586zM332.118 320
l-76.1182 76.1182v-76.1182h76.1182zM48 -16h288v288h-104c-13.2549 0 -24 10.7451 -24 24v104h-160v-416zM192 60.0244c0 -10.6914 -12.9258 -16.0459 -20.4854 -8.48535l-35.5146 35.9746h-28c-6.62695 0 -12 5.37305 -12 12v56c0 6.62695 5.37305 12 12 12h28 l-76.1182 76.1182v-76.1182h76.1182zM48 -16h288v288h-104c-13.2549 0 -24 10.7451 -24 24v104h-160v-416zM192 60.0244c0 -10.6914 -12.9258 -16.0459 -20.4854 -8.48535l-35.5146 35.9746h-28c-6.62695 0 -12 5.37305 -12 12v56c0 6.62695 5.37305 12 12 12h28
l35.5146 36.9473c7.56055 7.56055 20.4854 2.20605 20.4854 -8.48535v-135.951zM233.201 107.154c9.05078 9.29688 9.05957 24.1328 0.000976562 33.4385c-22.1494 22.752 12.2344 56.2461 34.3945 33.4814c27.1982 -27.9404 27.2119 -72.4443 0.000976562 -100.401 l35.5146 36.9473c7.56055 7.56055 20.4854 2.20605 20.4854 -8.48535v-135.951zM233.201 107.154c9.05078 9.29688 9.05957 24.1328 0.000976562 33.4385c-22.1494 22.752 12.2344 56.2461 34.3945 33.4814c27.1982 -27.9404 27.2119 -72.4443 0.000976562 -100.401
c-21.793 -22.3857 -56.9463 10.3154 -34.3965 33.4814z" /> c-21.793 -22.3857 -56.9463 10.3154 -34.3965 33.4814z" />
<glyph glyph-name="file-video" unicode="&#xf1c8;" horiz-adv-x="384" <glyph glyph-name="file-video" unicode="&#xf1c8;" horiz-adv-x="384"
d="M369.941 350.059c7.75977 -7.75977 14.0586 -22.9658 14.0586 -33.9404v-332.118c0 -26.5098 -21.4902 -48 -48 -48h-288c-26.5098 0 -48 21.4902 -48 48v416c0 26.5098 21.4902 48 48 48h204.118c10.9746 0 26.1807 -6.29883 33.9404 -14.0586zM332.118 320 d="M369.941 350.059c8.68848 -8.68848 14.0586 -20.6943 14.0586 -33.9404v-332.118c0 -26.5098 -21.4902 -48 -48 -48h-288c-26.5098 0 -48 21.4902 -48 48v416c0 26.5098 21.4902 48 48 48h204.118c13.2461 0 25.252 -5.37012 33.9404 -14.0586zM332.118 320
l-76.1182 76.1182v-76.1182h76.1182zM48 -16h288v288h-104c-13.2549 0 -24 10.7451 -24 24v104h-160v-416zM276.687 195.303c10.0049 10.0049 27.3135 2.99707 27.3135 -11.3135v-111.976c0 -14.2939 -17.2959 -21.332 -27.3135 -11.3135l-52.6865 52.6738v-37.374 l-76.1182 76.1182v-76.1182h76.1182zM48 -16h288v288h-104c-13.2549 0 -24 10.7451 -24 24v104h-160v-416zM276.687 195.303c10.0049 10.0049 27.3135 2.99707 27.3135 -11.3135v-111.976c0 -14.2939 -17.2959 -21.332 -27.3135 -11.3135l-52.6865 52.6738v-37.374
c0 -11.0459 -8.9541 -20 -20 -20h-104c-11.0459 0 -20 8.9541 -20 20v104c0 11.0459 8.9541 20 20 20h104c11.0459 0 20 -8.9541 20 -20v-37.374z" /> c0 -11.0459 -8.9541 -20 -20 -20h-104c-11.0459 0 -20 8.9541 -20 20v104c0 11.0459 8.9541 20 20 20h104c11.0459 0 20 -8.9541 20 -20v-37.374z" />
<glyph glyph-name="file-code" unicode="&#xf1c9;" horiz-adv-x="384" <glyph glyph-name="file-code" unicode="&#xf1c9;" horiz-adv-x="384"
@ -376,9 +376,9 @@ c73.46 -15.2598 127.939 -77.46 127.939 -155.16c0 -41.3604 6.03027 -70.7197 14.33
c-35.3203 0 -63.9697 28.6504 -63.9697 64h127.939c0 -35.3496 -28.6494 -64 -63.9697 -64z" /> c-35.3203 0 -63.9697 28.6504 -63.9697 64h127.939c0 -35.3496 -28.6494 -64 -63.9697 -64z" />
<glyph glyph-name="copyright" unicode="&#xf1f9;" <glyph glyph-name="copyright" unicode="&#xf1f9;"
d="M256 440c136.967 0 248 -111.033 248 -248s-111.033 -248 -248 -248s-248 111.033 -248 248s111.033 248 248 248zM256 -8c110.549 0 200 89.4678 200 200c0 110.549 -89.4678 200 -200 200c-110.549 0 -200 -89.4688 -200 -200c0 -110.549 89.4678 -200 200 -200z d="M256 440c136.967 0 248 -111.033 248 -248s-111.033 -248 -248 -248s-248 111.033 -248 248s111.033 248 248 248zM256 -8c110.549 0 200 89.4678 200 200c0 110.549 -89.4678 200 -200 200c-110.549 0 -200 -89.4688 -200 -200c0 -110.549 89.4678 -200 200 -200z
M363.351 93.0645c-9.61328 -9.71289 -45.5293 -41.3965 -104.064 -41.3965c-82.4297 0 -140.484 61.4248 -140.484 141.567c0 79.1514 60.2754 139.4 139.763 139.4c55.5303 0 88.7373 -26.6201 97.5928 -34.7783c2.13379 -1.96289 3.86523 -5.9082 3.86523 -8.80762 M363.351 93.0645c-9.61328 -9.71289 -45.5293 -41.3965 -104.064 -41.3965c-82.4297 0 -140.484 61.4248 -140.484 141.567c0 79.1514 60.2754 139.4 139.763 139.4c55.5303 0 88.7373 -26.6201 97.5928 -34.7783c2.37793 -2.1875 3.86914 -5.3252 3.86914 -8.80762
c0 -1.95508 -0.864258 -4.87402 -1.92969 -6.51465l-18.1543 -28.1133c-3.8418 -5.9502 -11.9668 -7.28223 -17.499 -2.9209c-8.5957 6.77637 -31.8145 22.5381 -61.708 22.5381c-48.3037 0 -77.916 -35.3301 -77.916 -80.082c0 -41.5889 26.8877 -83.6924 78.2764 -83.6924 c0 -2.39746 -0.717773 -4.64258 -1.93359 -6.51465l-18.1543 -28.1133c-3.8418 -5.9502 -11.9668 -7.28223 -17.499 -2.9209c-8.5957 6.77637 -31.8145 22.5381 -61.708 22.5381c-48.3037 0 -77.916 -35.3301 -77.916 -80.082c0 -41.5889 26.8877 -83.6924 78.2764 -83.6924
c32.6572 0 56.8428 19.0391 65.7266 27.2256c5.26953 4.85645 13.5957 4.03906 17.8193 -1.73828l19.8652 -27.1699c1.28613 -1.74512 2.33008 -4.91992 2.33008 -7.08789c0 -2.72363 -1.56055 -6.5 -3.48242 -8.42969z" /> c32.6572 0 56.8428 19.0391 65.7266 27.2256c5.26953 4.85645 13.5957 4.03906 17.8193 -1.73828l19.8652 -27.1699c1.45996 -1.98145 2.32422 -4.42969 2.32422 -7.07715c0 -3.28809 -1.32422 -6.2793 -3.47656 -8.44043z" />
<glyph glyph-name="closed-captioning" unicode="&#xf20a;" <glyph glyph-name="closed-captioning" unicode="&#xf20a;"
d="M464 384c26.5 0 48 -21.5 48 -48v-288c0 -26.5 -21.5 -48 -48 -48h-416c-26.5 0 -48 21.5 -48 48v288c0 26.5 21.5 48 48 48h416zM458 48c3.2998 0 6 2.7002 6 6v276c0 3.2998 -2.7002 6 -6 6h-404c-3.2998 0 -6 -2.7002 -6 -6v-276c0 -3.2998 2.7002 -6 6 -6h404z d="M464 384c26.5 0 48 -21.5 48 -48v-288c0 -26.5 -21.5 -48 -48 -48h-416c-26.5 0 -48 21.5 -48 48v288c0 26.5 21.5 48 48 48h416zM458 48c3.2998 0 6 2.7002 6 6v276c0 3.2998 -2.7002 6 -6 6h-404c-3.2998 0 -6 -2.7002 -6 -6v-276c0 -3.2998 2.7002 -6 6 -6h404z
M246.9 133.7c1.69922 -2.40039 1.5 -5.60059 -0.5 -7.7002c-53.6006 -56.7998 -172.801 -32.0996 -172.801 67.9004c0 97.2998 121.7 119.5 172.5 70.0996c2.10059 -2 2.5 -3.2002 1 -5.7002l-17.5 -30.5c-1.89941 -3.09961 -6.19922 -4 -9.09961 -1.7002 M246.9 133.7c1.69922 -2.40039 1.5 -5.60059 -0.5 -7.7002c-53.6006 -56.7998 -172.801 -32.0996 -172.801 67.9004c0 97.2998 121.7 119.5 172.5 70.0996c2.10059 -2 2.5 -3.2002 1 -5.7002l-17.5 -30.5c-1.89941 -3.09961 -6.19922 -4 -9.09961 -1.7002
@ -398,7 +398,7 @@ c6.62695 0 12 -5.37305 12 -12v-72c0 -6.62695 -5.37305 -12 -12 -12h-12v-24h88v12c
h-32v-32h32zM96 136h224v12c0 6.62695 5.37305 12 12 12h12v160h-12c-6.62695 0 -12 5.37305 -12 12v12h-224v-12c0 -6.62695 -5.37305 -12 -12 -12h-12v-160h12c6.62695 0 12 -5.37305 12 -12v-12zM224 0v32h-32v-32h32zM504 64v160h-12c-6.62695 0 -12 5.37305 -12 12v12 h-32v-32h32zM96 136h224v12c0 6.62695 5.37305 12 12 12h12v160h-12c-6.62695 0 -12 5.37305 -12 12v12h-224v-12c0 -6.62695 -5.37305 -12 -12 -12h-12v-160h12c6.62695 0 12 -5.37305 12 -12v-12zM224 0v32h-32v-32h32zM504 64v160h-12c-6.62695 0 -12 5.37305 -12 12v12
h-88v-88h12c6.62695 0 12 -5.37305 12 -12v-72c0 -6.62695 -5.37305 -12 -12 -12h-72c-6.62695 0 -12 5.37305 -12 12v12h-88v-24h12c6.62695 0 12 -5.37305 12 -12v-12h224v12c0 6.62695 5.37305 12 12 12h12zM544 0v32h-32v-32h32zM544 256v32h-32v-32h32z" /> h-88v-88h12c6.62695 0 12 -5.37305 12 -12v-72c0 -6.62695 -5.37305 -12 -12 -12h-72c-6.62695 0 -12 5.37305 -12 12v12h-88v-24h12c6.62695 0 12 -5.37305 12 -12v-12h224v12c0 6.62695 5.37305 12 12 12h12zM544 0v32h-32v-32h32zM544 256v32h-32v-32h32z" />
<glyph glyph-name="sticky-note" unicode="&#xf249;" horiz-adv-x="448" <glyph glyph-name="sticky-note" unicode="&#xf249;" horiz-adv-x="448"
d="M448 99.8936c0 -10.9746 -6.29883 -26.1797 -14.0586 -33.9404l-83.8828 -83.8818c-7.75977 -7.76074 -22.9658 -14.0596 -33.9404 -14.0596h-268.118c-26.5098 0 -48 21.4902 -48 48v351.988c0 26.5098 21.4902 48 48 48h352c26.5098 0 48 -21.4902 48 -48v-268.106z d="M448 99.8936c0 -13.2451 -5.37012 -25.252 -14.0586 -33.9404l-83.8828 -83.8818c-8.68848 -8.68848 -20.6943 -14.0596 -33.9404 -14.0596h-268.118c-26.5098 0 -48 21.4902 -48 48v351.988c0 26.5098 21.4902 48 48 48h352c26.5098 0 48 -21.4902 48 -48v-268.106z
M320 19.8936l76.1182 76.1182h-76.1182v-76.1182zM400 368h-352v-351.988h224v104c0 13.2549 10.7451 24 24 24h104v223.988z" /> M320 19.8936l76.1182 76.1182h-76.1182v-76.1182zM400 368h-352v-351.988h224v104c0 13.2549 10.7451 24 24 24h104v223.988z" />
<glyph glyph-name="clone" unicode="&#xf24d;" <glyph glyph-name="clone" unicode="&#xf24d;"
d="M464 448c26.5098 0 48 -21.4902 48 -48v-320c0 -26.5098 -21.4902 -48 -48 -48h-48v-48c0 -26.5098 -21.4902 -48 -48 -48h-320c-26.5098 0 -48 21.4902 -48 48v320c0 26.5098 21.4902 48 48 48h48v48c0 26.5098 21.4902 48 48 48h320zM362 -16c3.31152 0 6 2.68848 6 6 d="M464 448c26.5098 0 48 -21.4902 48 -48v-320c0 -26.5098 -21.4902 -48 -48 -48h-48v-48c0 -26.5098 -21.4902 -48 -48 -48h-320c-26.5098 0 -48 21.4902 -48 48v320c0 26.5098 21.4902 48 48 48h48v48c0 26.5098 21.4902 48 48 48h320zM362 -16c3.31152 0 6 2.68848 6 6
@ -412,11 +412,11 @@ d="M408.864 368.948c48.8213 20.751 103.136 -15.0723 103.136 -67.9111v-114.443c0
c-17.6729 0 -32 14.3271 -32 32c0 27.3301 1.1416 29.2012 -3.11035 32.9033l-97.71 85.0811c-24.8994 21.6797 -39.1797 52.8926 -39.1797 85.6338v56.9531c0 47.4277 44.8457 82.0215 91.0459 71.1807c1.96094 55.751 63.5107 87.8262 110.671 60.8057 c-17.6729 0 -32 14.3271 -32 32c0 27.3301 1.1416 29.2012 -3.11035 32.9033l-97.71 85.0811c-24.8994 21.6797 -39.1797 52.8926 -39.1797 85.6338v56.9531c0 47.4277 44.8457 82.0215 91.0459 71.1807c1.96094 55.751 63.5107 87.8262 110.671 60.8057
c29.1895 31.0713 78.8604 31.4473 108.334 -0.0214844c32.7051 18.6846 76.4121 10.3096 98.8135 -23.5879zM464 186.594v114.445c0 34.29 -52 33.8232 -52 0.676758c0 -8.83594 -7.16309 -16 -16 -16h-7c-8.83691 0 -16 7.16406 -16 16v26.751 c29.1895 31.0713 78.8604 31.4473 108.334 -0.0214844c32.7051 18.6846 76.4121 10.3096 98.8135 -23.5879zM464 186.594v114.445c0 34.29 -52 33.8232 -52 0.676758c0 -8.83594 -7.16309 -16 -16 -16h-7c-8.83691 0 -16 7.16406 -16 16v26.751
c0 34.457 -52 33.707 -52 0.676758v-27.4287c0 -8.83594 -7.16309 -16 -16 -16h-7c-8.83691 0 -16 7.16406 -16 16v40.4658c0 34.3525 -52 33.8115 -52 0.677734v-41.1436c0 -8.83594 -7.16406 -16 -16 -16h-7c-8.83594 0 -16 7.16406 -16 16v26.751 c0 34.457 -52 33.707 -52 0.676758v-27.4287c0 -8.83594 -7.16309 -16 -16 -16h-7c-8.83691 0 -16 7.16406 -16 16v40.4658c0 34.3525 -52 33.8115 -52 0.677734v-41.1436c0 -8.83594 -7.16406 -16 -16 -16h-7c-8.83594 0 -16 7.16406 -16 16v26.751
c0 34.4023 -52 33.7744 -52 0.676758v-116.571c0 -8.83203 -7.16797 -16 -16 -16c-3.30664 0 -8.01367 1.7627 -10.5068 3.93359l-7 6.09473c-3.03223 2.64062 -5.49316 8.04688 -5.49316 12.0674v0v41.2275c0 34.2148 -52 33.8857 -52 0.677734v-56.9531 c0 34.4023 -52 33.7744 -52 0.676758v-116.571c0 -8.83105 -7.17773 -15.9961 -16.0078 -15.9961c-4.0166 0 -7.68848 1.48242 -10.499 3.92969l-7 6.09473c-3.37012 2.93457 -5.49316 7.25293 -5.49316 12.0674v41.2275c0 34.2148 -52 33.8857 -52 0.677734v-56.9531
c0 -18.8555 8.27441 -36.874 22.7002 -49.4365l97.71 -85.0801c12.4502 -10.8398 19.5898 -26.4463 19.5898 -42.8164v-10.2861h220v7.07617c0 13.21 2.65332 26.0791 7.88281 38.25l42.835 99.6553c2.91602 6.75391 5.28223 18.207 5.28223 25.5635v0.0488281z" /> c0 -18.8555 8.27441 -36.874 22.7002 -49.4365l97.71 -85.0801c12.4502 -10.8398 19.5898 -26.4463 19.5898 -42.8164v-10.2861h220v7.07617c0 13.21 2.65332 26.0791 7.88281 38.25l42.835 99.6553c3.37891 7.82715 5.28223 16.501 5.28223 25.5625v0.0498047z" />
<glyph glyph-name="hand-paper" unicode="&#xf256;" horiz-adv-x="448" <glyph glyph-name="hand-paper" unicode="&#xf256;" horiz-adv-x="448"
d="M372.57 335.359c39.9062 5.63281 75.4297 -25.7393 75.4297 -66.3594v-131.564c-0.00195312 -12.7666 -2.33008 -33.2246 -5.19531 -45.666l-30.1836 -130.958c-3.34668 -14.5234 -16.2783 -24.8125 -31.1816 -24.8125h-222.897 d="M372.57 335.359c39.9062 5.63281 75.4297 -25.7393 75.4297 -66.3594v-131.564c-0.00292969 -15.7393 -1.80566 -30.9482 -5.19531 -45.666l-30.1836 -130.958c-3.34668 -14.5234 -16.2783 -24.8125 -31.1816 -24.8125h-222.897
c-9.10352 0 -20.7793 6.01758 -26.0615 13.4316l-119.97 168.415c-21.2441 29.8203 -14.8047 71.3574 14.5498 93.1533c18.7754 13.9395 42.1309 16.2979 62.083 8.87109v126.13c0 44.0547 41.125 75.5439 82.4053 64.9834c23.8926 48.1963 92.3535 50.2471 117.982 0.74707 c-10.7539 0 -20.2588 5.28613 -26.0615 13.4316l-119.97 168.415c-21.2441 29.8203 -14.8047 71.3574 14.5498 93.1533c18.7754 13.9395 42.1309 16.2979 62.083 8.87109v126.13c0 44.0547 41.125 75.5439 82.4053 64.9834c23.8926 48.1963 92.3535 50.2471 117.982 0.74707
c42.5186 11.1445 83.0391 -21.9346 83.0391 -65.5469v-10.8242zM399.997 137.437l-0.00195312 131.563c0 24.9492 -36.5703 25.5508 -36.5703 -0.691406v-76.3086c0 -8.83691 -7.16309 -16 -16 -16h-6.85645c-8.83691 0 -16 7.16309 -16 16v154.184 c42.5186 11.1445 83.0391 -21.9346 83.0391 -65.5469v-10.8242zM399.997 137.437l-0.00195312 131.563c0 24.9492 -36.5703 25.5508 -36.5703 -0.691406v-76.3086c0 -8.83691 -7.16309 -16 -16 -16h-6.85645c-8.83691 0 -16 7.16309 -16 16v154.184
c0 25.501 -36.5703 26.3633 -36.5703 0.691406v-154.875c0 -8.83691 -7.16309 -16 -16 -16h-6.85645c-8.83691 0 -16 7.16309 -16 16v188.309c0 25.501 -36.5703 26.3545 -36.5703 0.691406v-189c0 -8.83691 -7.16309 -16 -16 -16h-6.85645c-8.83691 0 -16 7.16309 -16 16 c0 25.501 -36.5703 26.3633 -36.5703 0.691406v-154.875c0 -8.83691 -7.16309 -16 -16 -16h-6.85645c-8.83691 0 -16 7.16309 -16 16v188.309c0 25.501 -36.5703 26.3545 -36.5703 0.691406v-189c0 -8.83691 -7.16309 -16 -16 -16h-6.85645c-8.83691 0 -16 7.16309 -16 16
v153.309c0 25.501 -36.5713 26.3359 -36.5713 0.691406v-206.494c0 -15.5703 -20.0352 -21.9092 -29.0303 -9.2832l-27.1279 38.0791c-14.3711 20.1709 -43.833 -2.33496 -29.3945 -22.6045l115.196 -161.697h201.92l27.3252 118.551 v153.309c0 25.501 -36.5713 26.3359 -36.5713 0.691406v-206.494c0 -15.5703 -20.0352 -21.9092 -29.0303 -9.2832l-27.1279 38.0791c-14.3711 20.1709 -43.833 -2.33496 -29.3945 -22.6045l115.196 -161.697h201.92l27.3252 118.551
@ -424,45 +424,46 @@ c2.63086 11.417 3.96484 23.1553 3.96484 34.8857z" />
<glyph glyph-name="hand-scissors" unicode="&#xf257;" <glyph glyph-name="hand-scissors" unicode="&#xf257;"
d="M256 -32c-44.9561 0 -77.3428 43.2627 -64.0244 85.8535c-21.6484 13.71 -34.0156 38.7617 -30.3408 65.0068h-87.6348c-40.8037 0 -74 32.8105 -74 73.1406c0 40.3291 33.1963 73.1396 74 73.1396l94 -9.14062l-78.8496 18.6787 d="M256 -32c-44.9561 0 -77.3428 43.2627 -64.0244 85.8535c-21.6484 13.71 -34.0156 38.7617 -30.3408 65.0068h-87.6348c-40.8037 0 -74 32.8105 -74 73.1406c0 40.3291 33.1963 73.1396 74 73.1396l94 -9.14062l-78.8496 18.6787
c-38.3076 14.7422 -57.04 57.4707 -41.9424 95.1123c15.0303 37.4736 57.7549 55.7803 95.6416 41.2012l144.929 -55.7568c24.9551 30.5566 57.8086 43.9932 92.2178 24.7324l97.999 -54.8525c20.9746 -11.7393 34.0049 -33.8457 34.0049 -57.6904v-205.702 c-38.3076 14.7422 -57.04 57.4707 -41.9424 95.1123c15.0303 37.4736 57.7549 55.7803 95.6416 41.2012l144.929 -55.7568c24.9551 30.5566 57.8086 43.9932 92.2178 24.7324l97.999 -54.8525c20.9746 -11.7393 34.0049 -33.8457 34.0049 -57.6904v-205.702
c0 -30.7422 -21.4404 -57.5576 -51.7979 -64.5537l-118.999 -27.4268c-4.97168 -1.14648 -10.0889 -1.72949 -15.2031 -1.72949zM256 16.0127l70 -0.000976562c1.23633 0 3.21777 0.225586 4.42285 0.501953l119.001 27.4277 c0 -30.7422 -21.4404 -57.5576 -51.7979 -64.5537l-118.999 -27.4268c-4.97168 -1.14648 -10.0889 -1.72949 -15.2031 -1.72949zM256 16.0127l70 -0.000976562c1.52441 0 2.99707 0.174805 4.42285 0.501953l119.001 27.4277
c8.58203 1.97754 14.5762 9.29102 14.5762 17.7812v205.701c0 6.4873 -3.62109 12.542 -9.44922 15.8047l-98 54.8545c-8.13965 4.55566 -18.668 2.61914 -24.4873 -4.50781l-21.7646 -26.6475c-2.65039 -3.24512 -8.20215 -5.87891 -12.3926 -5.87891 c8.58203 1.97754 14.5762 9.29102 14.5762 17.7812v205.701c0 6.4873 -3.62109 12.542 -9.44922 15.8047l-98 54.8545c-8.13965 4.55566 -18.668 2.61914 -24.4873 -4.50781l-21.7646 -26.6475c-2.93457 -3.59375 -7.40332 -5.87305 -12.4004 -5.87305
c-1.64062 0 -4.21484 0.477539 -5.74609 1.06738l-166.549 64.0908c-32.6543 12.5664 -50.7744 -34.5771 -19.2227 -46.7168l155.357 -59.7852c5.66016 -2.17773 10.2539 -8.86816 10.2539 -14.9326v0v-11.6328c0 -8.83691 -7.16309 -16 -16 -16h-182 c-2.02246 0 -3.95703 0.375977 -5.73828 1.06152l-166.549 64.0908c-32.6543 12.5664 -50.7744 -34.5771 -19.2227 -46.7168l155.357 -59.7852c6 -2.30859 10.2539 -8.12402 10.2539 -14.9326v-11.6328c0 -8.83691 -7.16309 -16 -16 -16h-182
c-34.375 0 -34.4297 -50.2803 0 -50.2803h182c8.83691 0 16 -7.16309 16 -16v-6.85645c0 -8.83691 -7.16309 -16 -16 -16h-28c-25.1221 0 -25.1592 -36.5674 0 -36.5674h28c8.83691 0 16 -7.16211 16 -16v-6.85547c0 -8.83691 -7.16309 -16 -16 -16 c-34.375 0 -34.4297 -50.2803 0 -50.2803h182c8.83691 0 16 -7.16309 16 -16v-6.85645c0 -8.83691 -7.16309 -16 -16 -16h-28c-25.1221 0 -25.1592 -36.5674 0 -36.5674h28c8.83691 0 16 -7.16211 16 -16v-6.85547c0 -8.83691 -7.16309 -16 -16 -16
c-25.1201 0 -25.1602 -36.5674 0 -36.5674z" /> c-25.1201 0 -25.1602 -36.5674 0 -36.5674z" />
<glyph glyph-name="hand-lizard" unicode="&#xf258;" horiz-adv-x="576" <glyph glyph-name="hand-lizard" unicode="&#xf258;" horiz-adv-x="576"
d="M556.686 157.458c12.6357 -19.4863 19.3145 -42.0615 19.3145 -65.2871v-124.171h-224v71.582l-99.751 38.7871c-2.7832 1.08203 -5.70996 1.63086 -8.69727 1.63086h-131.552c-30.8789 0 -56 25.1211 -56 56c0 48.5234 39.4766 88 88 88h113.709l18.333 48h-196.042 d="M556.686 157.458c12.6357 -19.4863 19.3145 -42.0615 19.3145 -65.2871v-124.171h-224v71.582l-99.751 38.7871c-2.7832 1.08203 -5.70996 1.63086 -8.69727 1.63086h-131.552c-30.8789 0 -56 25.1211 -56 56c0 48.5234 39.4766 88 88 88h113.709l18.333 48h-196.042
c-44.1123 0 -80 35.8877 -80 80v8c0 30.8779 25.1211 56 56 56h293.917c24.5 0 47.084 -12.2725 60.4111 -32.8291zM528 16v76.1709v0.0478516c0 11.7461 -5.19141 29.2734 -11.5879 39.124l-146.358 225.715c-4.44336 6.85254 -11.9707 10.9424 -20.1367 10.9424h-293.917 c-44.1123 0 -80 35.8877 -80 80v8c0 30.8779 25.1211 56 56 56h293.917c24.5 0 47.084 -12.2725 60.4111 -32.8291zM528 16v76.1709c0 0.0166016 -0.0439453 0.106445 -0.0439453 0.12207c0 14.3945 -4.24219 27.8057 -11.5439 39.0498l-146.358 225.715
c-4.41113 0 -8 -3.58887 -8 -8v-8c0 -17.6445 14.3555 -32 32 -32h213.471c25.2021 0 42.626 -25.293 33.6299 -48.8457l-24.5518 -64.2812c-7.05371 -18.4658 -25.0732 -30.873 -44.8398 -30.873h-113.709c-22.0557 0 -40 -17.9443 -40 -40c0 -4.41113 3.58887 -8 8 -8 c-4.44336 6.85254 -11.9707 10.9424 -20.1367 10.9424h-293.917c-4.41113 0 -8 -3.58887 -8 -8v-8c0 -17.6445 14.3555 -32 32 -32h213.471c25.2021 0 42.626 -25.293 33.6299 -48.8457l-24.5518 -64.2812c-7.05371 -18.4658 -25.0732 -30.873 -44.8398 -30.873h-113.709
h131.552h0.0517578c7.44141 0 19.1074 -2.19238 26.041 -4.89355l99.752 -38.7881c18.5898 -7.22852 30.6035 -24.7881 30.6035 -44.7363v-23.582h128z" /> c-22.0557 0 -40 -17.9443 -40 -40c0 -4.41113 3.58887 -8 8 -8h131.552c0.0175781 0 0.0712891 -0.0273438 0.0888672 -0.0273438c9.16992 0 17.9404 -1.72461 26.0039 -4.86621l99.752 -38.7881c18.5898 -7.22852 30.6035 -24.7881 30.6035 -44.7363v-23.582h128z" />
<glyph glyph-name="hand-spock" unicode="&#xf259;" <glyph glyph-name="hand-spock" unicode="&#xf259;"
d="M21.0957 66.21c-26.9688 25.3818 -28.2471 67.7461 -2.87109 94.707c24.1982 25.7139 64.2881 28.2373 91.4824 5.72168l-31.04 136.509c-9.38379 41.2803 21.4336 81.0127 64.0713 81.8438c1.74414 28.9062 22.2656 54.4912 51.8818 61.2949 d="M501.03 331.824c6.92773 -11.1826 10.9697 -24.4053 10.9697 -38.5146c0 -5.92676 -0.706055 -11.6885 -2.03809 -17.208l-57.623 -241.963c-13.2236 -56.1904 -63.707 -98.1387 -123.908 -98.1387h-0.352539h-107.455
c36.001 8.27539 72.0176 -14.2266 80.3037 -50.2959l21.6748 -131.99l16.9014 105.25c9.02344 36.0947 45.4473 57.7021 81.25 48.75c27.3066 -6.82715 45.7061 -29.1357 49.8496 -53.9922c43.2285 0.212891 75.6436 -40.1133 65.5439 -82.5244l-31.7295 -133.41 c-0.0761719 0 -0.193359 0.00195312 -0.270508 0.00195312c-40.9248 0 -78.1475 15.9814 -105.761 42.0391l-91.3652 85.9766c-14.3076 13.4434 -23.2246 32.5547 -23.2246 53.7168c0 19.5254 7.61035 37.2861 20.0254 50.4766
c-0.938477 -3.94141 -1.41406 -7.99414 -1.41406 -12.0449v-36.8389v-0.00683594c0 -9.29102 -2.14355 -24.0596 -4.78516 -32.9668l-31.8145 -107.312c-4.02734 -13.585 -16.5107 -22.9043 -30.6807 -22.9043h-237.6c-7.00586 0 -16.8311 3.89648 -21.9316 8.69824z c5.31836 5.66406 29.875 29.3926 68.1152 21.8477l-24.3594 82.1973c-1.97363 6.64844 -2.97656 13.6836 -2.97656 20.9688c0 38.6953 29.8926 70.4639 67.8262 73.4531c-0.246094 2.45117 -0.34082 4.85547 -0.34082 7.37207c0 34.4199 23.585 63.376 55.4619 71.5752
M53.1641 128.021c-7.17969 -7.62891 -6.81543 -19.6777 0.813477 -26.8574l124.487 -117.164h219.311l28.4199 95.8613c1.86133 6.27637 2.80469 12.7793 2.80469 19.3281v36.8389c0.000976562 6.48047 1.21973 16.8574 2.71973 23.1621l31.7549 133.407 c43.248 10.9785 80.5645 -17.7012 89.6602 -53.0723l13.6836 -53.207l4.64648 22.6602c6.99023 33.5186 36.6826 58.8037 72.2373 58.916c8.73438 0 56.625 -3.26953 70.7383 -54.0801c15.0664 0.710938 46.9199 -3.50977 66.3105 -35.0176zM463.271 287.219
c5.83105 24.4893 -31.1445 33.25 -36.9658 8.80273l-26.9229 -113.105c-1.61523 -6.78711 -8.58887 -12.2949 -15.5645 -12.2949h-9.69434c-10.4072 0 -18.043 9.79199 -15.5225 19.8799l38.127 152.512c6.09766 24.376 -30.7607 33.6396 -36.8643 9.21777l-42.3721 -169.49 c7.86914 32.9844 -42.1211 45.2695 -50.0859 11.9219l-24.8008 -104.146c-4.38867 -18.4141 -31.7783 -11.8926 -28.0557 6.2168l28.5479 139.166c7.39844 36.0703 -43.3076 45.0703 -50.1182 11.9629l-31.791 -154.971
c-1.67285 -6.68945 -8.62695 -12.1191 -15.5225 -12.1191h-13.2168v0c-7.0332 0 -14.0195 5.5625 -15.5938 12.417l-45.2207 196.828c-5.64453 24.5684 -42.6572 15.9609 -37.0342 -8.50781l41.6191 -181.153c2.30078 -10.0156 -5.31738 -19.583 -15.5938 -19.583h-8.60352 c-3.54883 -17.3086 -28.2832 -18.0469 -32.7109 -0.804688l-47.3262 184.035c-8.43359 32.8105 -58.3691 20.2676 -49.8652 -12.8359l42.4414 -165.039c4.81641 -18.7207 -23.3711 -26.9121 -28.9648 -8.00781l-31.3438 105.779
h-0.000976562c-7.0498 0 -14.04 5.5791 -15.6025 12.4541l-30.3984 133.757c-5.55273 24.4395 -42.6504 16.1963 -37.0547 -8.4209l34.1299 -150.172c0.263672 -1.16309 0.397461 -2.35352 0.397461 -3.5459v-69.4795c0 -13.9941 -16.7754 -21.2432 -26.9658 -11.6523 c-9.6875 32.6465 -59.1191 18.2578 -49.3867 -14.625l36.0137 -121.539c6.59375 -22.2441 10.1777 -45.7803 10.1777 -70.1523c0 -6.54297 -8.05664 -10.9355 -13.4824 -5.82617l-51.123 48.1074c-24.7852 23.4082 -60.0527 -14.1875 -35.2793 -37.4902l91.3691 -85.9805
l-53.0117 49.8936c-7.61523 7.16699 -19.6377 6.85938 -26.8564 -0.8125z" /> c19.0469 -17.9736 44.75 -28.998 72.9795 -28.998h0.157227h107.455c0.0732422 0 0.138672 0.0429688 0.212891 0.0429688c37.5791 0 69.1016 26.1416 77.3564 61.2168z" />
<glyph glyph-name="hand-pointer" unicode="&#xf25a;" horiz-adv-x="448" <glyph glyph-name="hand-pointer" unicode="&#xf25a;" horiz-adv-x="448"
d="M358.182 268.639c43.1934 16.6348 89.8184 -15.7949 89.8184 -62.6387v-84c-0.000976562 -4.25 -0.775391 -11.0615 -1.72754 -15.2041l-27.4297 -118.999c-6.98242 -30.2969 -33.7549 -51.7969 -64.5566 -51.7969h-178.286c-21.2588 0 -41.3682 10.4102 -53.791 27.8457 d="M358.182 268.639c43.1934 16.6348 89.8184 -15.7949 89.8184 -62.6387v-84c-0.000976562 -5.24023 -0.600586 -10.3037 -1.72754 -15.2041l-27.4297 -118.999c-6.98242 -30.2969 -33.7549 -51.7969 -64.5566 -51.7969h-178.286
l-109.699 154.001c-21.2432 29.8193 -14.8047 71.3574 14.5498 93.1523c18.8115 13.9658 42.1748 16.2822 62.083 8.87207v161.129c0 36.9443 29.7363 67 66.2861 67s66.2861 -30.0557 66.2861 -67v-73.6338c20.4131 2.85742 41.4678 -3.94238 56.5947 -19.6289 c-21.2588 0 -41.3682 10.4102 -53.791 27.8457l-109.699 154.001c-21.2432 29.8193 -14.8047 71.3574 14.5498 93.1523c18.8115 13.9658 42.1748 16.2822 62.083 8.87207v161.129c0 36.9443 29.7363 67 66.2861 67s66.2861 -30.0557 66.2861 -67v-73.6338
c27.1934 12.8467 60.3799 5.66992 79.8721 -19.0986zM80.9854 168.303c-14.4004 20.2119 -43.8008 -2.38281 -29.3945 -22.6055l109.712 -154c3.43457 -4.81934 8.92871 -7.69727 14.6973 -7.69727h178.285c8.49219 0 15.8037 5.99414 17.7822 14.5762l27.4297 119.001 c20.4131 2.85742 41.4678 -3.94238 56.5947 -19.6289c27.1934 12.8467 60.3799 5.66992 79.8721 -19.0986zM80.9854 168.303c-14.4004 20.2119 -43.8008 -2.38281 -29.3945 -22.6055l109.712 -154c3.43457 -4.81934 8.92871 -7.69727 14.6973 -7.69727h178.285
c0.333008 1.44629 0.501953 2.93457 0.501953 4.42285v84c0 25.1602 -36.5713 25.1211 -36.5713 0c0 -8.83594 -7.16309 -16 -16 -16h-6.85645c-8.83691 0 -16 7.16406 -16 16v21c0 25.1602 -36.5713 25.1201 -36.5713 0v-21c0 -8.83594 -7.16309 -16 -16 -16h-6.85938 c8.49219 0 15.8037 5.99414 17.7822 14.5762l27.4297 119.001c0.333008 1.44629 0.501953 2.93457 0.501953 4.42285v84c0 25.1602 -36.5713 25.1211 -36.5713 0c0 -8.83594 -7.16309 -16 -16 -16h-6.85645c-8.83691 0 -16 7.16406 -16 16v21
c-8.83691 0 -16 7.16406 -16 16v35c0 25.1602 -36.5703 25.1201 -36.5703 0v-35c0 -8.83594 -7.16309 -16 -16 -16h-6.85742c-8.83691 0 -16 7.16406 -16 16v175c0 25.1602 -36.5713 25.1201 -36.5713 0v-241.493c0 -15.5703 -20.0352 -21.9092 -29.0303 -9.2832z c0 25.1602 -36.5713 25.1201 -36.5713 0v-21c0 -8.83594 -7.16309 -16 -16 -16h-6.85938c-8.83691 0 -16 7.16406 -16 16v35c0 25.1602 -36.5703 25.1201 -36.5703 0v-35c0 -8.83594 -7.16309 -16 -16 -16h-6.85742c-8.83691 0 -16 7.16406 -16 16v175
M176.143 48v96c0 8.83691 6.26855 16 14 16h6c7.73242 0 14 -7.16309 14 -16v-96c0 -8.83691 -6.26758 -16 -14 -16h-6c-7.73242 0 -14 7.16309 -14 16zM251.571 48v96c0 8.83691 6.26758 16 14 16h6c7.73145 0 14 -7.16309 14 -16v-96c0 -8.83691 -6.26855 -16 -14 -16h-6 c0 25.1602 -36.5713 25.1201 -36.5713 0v-241.493c0 -15.5703 -20.0352 -21.9092 -29.0303 -9.2832zM176.143 48v96c0 8.83691 6.26855 16 14 16h6c7.73242 0 14 -7.16309 14 -16v-96c0 -8.83691 -6.26758 -16 -14 -16h-6c-7.73242 0 -14 7.16309 -14 16zM251.571 48v96
c-7.73242 0 -14 7.16309 -14 16zM327 48v96c0 8.83691 6.26758 16 14 16h6c7.73242 0 14 -7.16309 14 -16v-96c0 -8.83691 -6.26758 -16 -14 -16h-6c-7.73242 0 -14 7.16309 -14 16z" /> c0 8.83691 6.26758 16 14 16h6c7.73145 0 14 -7.16309 14 -16v-96c0 -8.83691 -6.26855 -16 -14 -16h-6c-7.73242 0 -14 7.16309 -14 16zM327 48v96c0 8.83691 6.26758 16 14 16h6c7.73242 0 14 -7.16309 14 -16v-96c0 -8.83691 -6.26758 -16 -14 -16h-6
c-7.73242 0 -14 7.16309 -14 16z" />
<glyph glyph-name="hand-peace" unicode="&#xf25b;" horiz-adv-x="448" <glyph glyph-name="hand-peace" unicode="&#xf25b;" horiz-adv-x="448"
d="M362.146 256.024c42.5908 13.3184 85.8535 -19.0684 85.8535 -64.0244l-0.0117188 -70.001c-0.000976562 -4.25 -0.775391 -11.0615 -1.72949 -15.2031l-27.4268 -118.999c-6.99707 -30.3564 -33.8105 -51.7969 -64.5547 -51.7969h-205.702 d="M362.146 256.024c42.5908 13.3184 85.8535 -19.0684 85.8535 -64.0244l-0.0117188 -70.001c-0.000976562 -5.24023 -0.600586 -10.3027 -1.72949 -15.2031l-27.4268 -118.999c-6.99707 -30.3564 -33.8105 -51.7969 -64.5547 -51.7969h-205.702
c-23.8447 0 -45.9502 13.0303 -57.6904 34.0059l-54.8525 97.999c-19.2607 34.4092 -5.82422 67.2617 24.7324 92.2178l-55.7568 144.928c-14.5791 37.8867 3.72754 80.6113 41.2012 95.6416c37.6406 15.0977 80.3691 -3.63477 95.1123 -41.9424l18.6787 -78.8496 c-23.8447 0 -45.9502 13.0303 -57.6904 34.0059l-54.8525 97.999c-19.2607 34.4092 -5.82422 67.2617 24.7324 92.2178l-55.7568 144.928c-14.5791 37.8867 3.72754 80.6113 41.2012 95.6416c37.6406 15.0977 80.3691 -3.63477 95.1123 -41.9424l18.6787 -78.8496
l-9.14062 94c0 40.8037 32.8096 74 73.1396 74s73.1406 -33.1963 73.1406 -74v-87.6348c26.2451 3.6748 51.2959 -8.69238 65.0068 -30.3408zM399.987 122l-0.000976562 70c0 25.1602 -36.5674 25.1201 -36.5674 0c0 -8.83691 -7.16309 -16 -16 -16h-6.85547 l-9.14062 94c0 40.8037 32.8096 74 73.1396 74s73.1406 -33.1963 73.1406 -74v-87.6348c26.2451 3.6748 51.2959 -8.69238 65.0068 -30.3408zM399.987 122l-0.000976562 70c0 25.1602 -36.5674 25.1201 -36.5674 0c0 -8.83691 -7.16309 -16 -16 -16h-6.85547
c-8.83789 0 -16 7.16309 -16 16v28c0 25.1592 -36.5674 25.1221 -36.5674 0v-28c0 -8.83691 -7.16309 -16 -16 -16h-6.85645c-8.83691 0 -16 7.16309 -16 16v182c0 34.4297 -50.2803 34.375 -50.2803 0v-182c0 -8.83691 -7.16309 -16 -16 -16h-11.6328v0 c-8.83789 0 -16 7.16309 -16 16v28c0 25.1592 -36.5674 25.1221 -36.5674 0v-28c0 -8.83691 -7.16309 -16 -16 -16h-6.85645c-8.83691 0 -16 7.16309 -16 16v182c0 34.4297 -50.2803 34.375 -50.2803 0v-182c0 -8.83691 -7.16309 -16 -16 -16h-11.6328
c-6.06445 0 -12.7549 4.59375 -14.9326 10.2539l-59.7842 155.357c-12.1396 31.5518 -59.2842 13.4326 -46.7168 -19.2227l64.0898 -166.549c0.589844 -1.53125 1.06738 -4.10547 1.06738 -5.74609c0 -4.19043 -2.63379 -9.74219 -5.87891 -12.3926l-26.6475 -21.7646 c-6.80859 0 -12.624 4.25391 -14.9326 10.2539l-59.7842 155.357c-12.1396 31.5518 -59.2842 13.4326 -46.7168 -19.2227l64.0898 -166.549c0.685547 -1.78125 1.07812 -3.71875 1.07812 -5.74121c0 -4.99707 -2.2959 -9.46289 -5.88965 -12.3975l-26.6475 -21.7646
c-7.12695 -5.81934 -9.06445 -16.3467 -4.50781 -24.4873l54.8535 -98c3.26367 -5.82812 9.31934 -9.44922 15.8057 -9.44922h205.701c8.49121 0 15.8037 5.99414 17.7812 14.5762l27.4277 119.001c0.333008 1.44629 0.501953 2.93457 0.501953 4.42285z" /> c-7.12695 -5.81934 -9.06445 -16.3467 -4.50781 -24.4873l54.8535 -98c3.26367 -5.82812 9.31934 -9.44922 15.8057 -9.44922h205.701c8.49121 0 15.8037 5.99414 17.7812 14.5762l27.4277 119.001c0.333008 1.44629 0.501953 2.93457 0.501953 4.42285z" />
<glyph glyph-name="registered" unicode="&#xf25d;" <glyph glyph-name="registered" unicode="&#xf25d;"
d="M256 440c136.967 0 248 -111.033 248 -248s-111.033 -248 -248 -248s-248 111.033 -248 248s111.033 248 248 248zM256 -8c110.549 0 200 89.4678 200 200c0 110.549 -89.4678 200 -200 200c-110.549 0 -200 -89.4688 -200 -200c0 -110.549 89.4678 -200 200 -200z d="M256 440c136.967 0 248 -111.033 248 -248s-111.033 -248 -248 -248s-248 111.033 -248 248s111.033 248 248 248zM256 -8c110.549 0 200 89.4678 200 200c0 110.549 -89.4678 200 -200 200c-110.549 0 -200 -89.4688 -200 -200c0 -110.549 89.4678 -200 200 -200z
M366.442 73.791c4.40332 -7.99219 -1.37012 -17.791 -10.5107 -17.791h-42.8096h-0.0126953c-3.97559 0 -8.71582 2.84961 -10.5801 6.36035l-47.5156 89.3027h-31.958v-83.6631c0 -6.61719 -5.38281 -12 -12 -12h-38.5674c-6.61719 0 -12 5.38281 -12 12v248.304 M366.442 73.791c4.40332 -7.99219 -1.37012 -17.791 -10.5107 -17.791h-42.8096c-0.00488281 0 -0.000976562 -0.0126953 -0.00585938 -0.0126953c-4.58594 0 -8.57422 2.58301 -10.5869 6.37305l-47.5156 89.3027h-31.958v-83.6631c0 -6.61719 -5.38281 -12 -12 -12
c0 6.61719 5.38281 12 12 12h78.667c71.251 0 101.498 -32.749 101.498 -85.252c0 -31.6123 -15.2148 -59.2969 -39.4824 -73.1758c3.02148 -4.61719 0.225586 0.199219 53.2715 -96.085zM256.933 208.094c20.9131 0 32.4307 11.5186 32.4316 32.4316 h-38.5674c-6.61719 0 -12 5.38281 -12 12v248.304c0 6.61719 5.38281 12 12 12h78.667c71.251 0 101.498 -32.749 101.498 -85.252c0 -31.6123 -15.2148 -59.2969 -39.4824 -73.1758c3.02148 -4.61719 0.225586 0.199219 53.2715 -96.085zM256.933 208.094
c0 19.5752 -6.5127 31.709 -38.9297 31.709h-27.377v-64.1406h33.875z" /> c20.9131 0 32.4307 11.5186 32.4316 32.4316c0 19.5752 -6.5127 31.709 -38.9297 31.709h-27.377v-64.1406h33.875z" />
<glyph glyph-name="calendar-plus" unicode="&#xf271;" horiz-adv-x="448" <glyph glyph-name="calendar-plus" unicode="&#xf271;" horiz-adv-x="448"
d="M336 156v-24c0 -6.59961 -5.40039 -12 -12 -12h-76v-76c0 -6.59961 -5.40039 -12 -12 -12h-24c-6.59961 0 -12 5.40039 -12 12v76h-76c-6.59961 0 -12 5.40039 -12 12v24c0 6.59961 5.40039 12 12 12h76v76c0 6.59961 5.40039 12 12 12h24c6.59961 0 12 -5.40039 12 -12 d="M336 156v-24c0 -6.59961 -5.40039 -12 -12 -12h-76v-76c0 -6.59961 -5.40039 -12 -12 -12h-24c-6.59961 0 -12 5.40039 -12 12v76h-76c-6.59961 0 -12 5.40039 -12 12v24c0 6.59961 5.40039 12 12 12h76v76c0 6.59961 5.40039 12 12 12h24c6.59961 0 12 -5.40039 12 -12
v-76h76c6.59961 0 12 -5.40039 12 -12zM448 336v-352c0 -26.5 -21.5 -48 -48 -48h-352c-26.5 0 -48 21.5 -48 48v352c0 26.5 21.5 48 48 48h48v52c0 6.59961 5.40039 12 12 12h40c6.59961 0 12 -5.40039 12 -12v-52h128v52c0 6.59961 5.40039 12 12 12h40 v-76h76c6.59961 0 12 -5.40039 12 -12zM448 336v-352c0 -26.5 -21.5 -48 -48 -48h-352c-26.5 0 -48 21.5 -48 48v352c0 26.5 21.5 48 48 48h48v52c0 6.59961 5.40039 12 12 12h40c6.59961 0 12 -5.40039 12 -12v-52h128v52c0 6.59961 5.40039 12 12 12h40
@ -481,9 +482,9 @@ c6.62695 0 12 -5.37305 12 -12v-52h48zM394 -16c3.31152 0 6 2.68848 6 6v298h-352v-
c-4.66699 4.70508 -4.6377 12.3027 0.0673828 16.9707l22.7197 22.5361c4.70508 4.66699 12.3027 4.63672 16.9697 -0.0693359l44.1035 -44.4609l111.072 110.182c4.70508 4.66699 12.3027 4.63672 16.9707 -0.0683594l22.5361 -22.7178 c-4.66699 4.70508 -4.6377 12.3027 0.0673828 16.9707l22.7197 22.5361c4.70508 4.66699 12.3027 4.63672 16.9697 -0.0693359l44.1035 -44.4609l111.072 110.182c4.70508 4.66699 12.3027 4.63672 16.9707 -0.0683594l22.5361 -22.7178
c4.66699 -4.70508 4.63672 -12.3027 -0.0683594 -16.9697z" /> c4.66699 -4.70508 4.63672 -12.3027 -0.0683594 -16.9697z" />
<glyph glyph-name="map" unicode="&#xf279;" horiz-adv-x="576" <glyph glyph-name="map" unicode="&#xf279;" horiz-adv-x="576"
d="M560.02 416c8.4502 0 15.9805 -6.83008 15.9805 -16.0195v-346.32c0 -11.9609 -9.01367 -25.2705 -20.1201 -29.71l-151.83 -52.8105c-5.32617 -1.7334 -14.1953 -3.13965 -19.7969 -3.13965c-5.7373 0 -14.8105 1.47363 -20.2529 3.29004l-172 60.71l-170.05 -62.8398 d="M560.02 416c8.4502 0 15.9805 -6.83008 15.9805 -16.0195v-346.32c0 -13.4707 -8.32422 -24.9951 -20.1201 -29.71l-151.83 -52.8105c-6.23242 -2.02832 -12.9023 -3.12305 -19.8076 -3.12305c-7.07324 0 -13.8799 1.15039 -20.2422 3.27344l-172 60.71l-170.05 -62.8398
c-1.99023 -0.790039 -4 -1.16016 -5.95996 -1.16016c-8.45996 0 -15.9902 6.83008 -15.9902 16.0195v346.32c0.00292969 11.959 9.0166 25.2686 20.1201 29.71l151.83 52.8105c6.43945 2.08984 13.1201 3.13965 19.8096 3.13965 c-1.99023 -0.790039 -4 -1.16016 -5.95996 -1.16016c-8.45996 0 -15.9902 6.83008 -15.9902 16.0195v346.32c0.00292969 13.4697 8.32617 24.9932 20.1201 29.71l151.83 52.8105c6.43945 2.08984 13.1201 3.13965 19.8096 3.13965
c5.73242 -0.00195312 14.8008 -1.47168 20.2402 -3.28027l172 -60.7197h0.00976562l170.05 62.8398c1.98047 0.790039 4 1.16016 5.95996 1.16016zM224 357.58v-285.97l128 -45.1904v285.97zM48 29.9502l127.36 47.0801l0.639648 0.229492v286.2l-128 -44.5303v-288.979z c7.06641 -0.00292969 13.8789 -1.16602 20.2402 -3.28027l172 -60.7197h0.00976562l170.05 62.8398c1.98047 0.790039 4 1.16016 5.95996 1.16016zM224 357.58v-285.97l128 -45.1904v285.97zM48 29.9502l127.36 47.0801l0.639648 0.229492v286.2l-128 -44.5303v-288.979z
M528 65.0801v288.97l-127.36 -47.0693l-0.639648 -0.240234v-286.19z" /> M528 65.0801v288.97l-127.36 -47.0693l-0.639648 -0.240234v-286.19z" />
<glyph glyph-name="comment-alt" unicode="&#xf27a;" <glyph glyph-name="comment-alt" unicode="&#xf27a;"
d="M448 448c35.2998 0 64 -28.7002 64 -64v-288c0 -35.2998 -28.7002 -64 -64 -64h-144l-124.9 -93.5996c-2.19922 -1.7002 -4.69922 -2.40039 -7.09961 -2.40039c-6.2002 0 -12 4.90039 -12 12v84h-96c-35.2998 0 -64 28.7002 -64 64v288c0 35.2998 28.7002 64 64 64h384z d="M448 448c35.2998 0 64 -28.7002 64 -64v-288c0 -35.2998 -28.7002 -64 -64 -64h-144l-124.9 -93.5996c-2.19922 -1.7002 -4.69922 -2.40039 -7.09961 -2.40039c-6.2002 0 -12 4.90039 -12 12v84h-96c-35.2998 0 -64 28.7002 -64 64v288c0 35.2998 28.7002 64 64 64h384z
@ -497,16 +498,16 @@ c-8.7998 0 -16 7.2002 -16 16v160c0 8.7998 7.2002 16 16 16h160c8.7998 0 16 -7.200
<glyph glyph-name="handshake" unicode="&#xf2b5;" horiz-adv-x="640" <glyph glyph-name="handshake" unicode="&#xf2b5;" horiz-adv-x="640"
d="M519.2 320.1h120.8v-255.699h-64c-17.5 0 -31.7998 14.1992 -31.9004 31.6992h-57.8994c-1.7998 -8.19922 -5.2998 -16.0996 -10.9004 -23l-26.2002 -32.2998c-15.7998 -19.3994 -41.8994 -25.5 -64 -16.7998c-13.5 -16.5996 -30.5996 -24 -48.7998 -24 d="M519.2 320.1h120.8v-255.699h-64c-17.5 0 -31.7998 14.1992 -31.9004 31.6992h-57.8994c-1.7998 -8.19922 -5.2998 -16.0996 -10.9004 -23l-26.2002 -32.2998c-15.7998 -19.3994 -41.8994 -25.5 -64 -16.7998c-13.5 -16.5996 -30.5996 -24 -48.7998 -24
c-15.0996 0 -28.5996 5.09961 -41.0996 15.9004c-31.7998 -21.9004 -74.7002 -21.3008 -105.601 3.7998l-84.5996 76.3994h-9.09961c-0.100586 -17.5 -14.3008 -31.6992 -31.9004 -31.6992h-64v255.699h118l47.5996 47.6006c10.5 10.3994 24.8008 16.2998 39.6006 16.2998 c-15.0996 0 -28.5996 5.09961 -41.0996 15.9004c-31.7998 -21.9004 -74.7002 -21.3008 -105.601 3.7998l-84.5996 76.3994h-9.09961c-0.100586 -17.5 -14.3008 -31.6992 -31.9004 -31.6992h-64v255.699h118l47.5996 47.6006c10.5 10.3994 24.8008 16.2998 39.6006 16.2998
h226.8v0c12.7812 0 30.5225 -7.30273 39.5996 -16.2998zM48 96.4004c8.7998 0 16 7.09961 16 16c0 8.7998 -7.2002 16 -16 16s-16 -7.2002 -16 -16c0 -8.80078 7.2002 -16 16 -16zM438 103.3c2.7002 3.40039 2.2002 8.5 -1.2002 11.2998l-108.2 87.8008l-8.19922 -7.5 h226.8c15.4326 0 29.4326 -6.22168 39.5996 -16.2998zM48 96.4004c8.7998 0 16 7.09961 16 16c0 8.7998 -7.2002 16 -16 16s-16 -7.2002 -16 -16c0 -8.80078 7.2002 -16 16 -16zM438 103.3c2.7002 3.40039 2.2002 8.5 -1.2002 11.2998l-108.2 87.8008l-8.19922 -7.5
c-40.3008 -36.8008 -86.7002 -11.8008 -101.5 4.39941c-26.7002 29 -25 74.4004 4.39941 101.3l38.7002 35.5h-56.7002c-2 -0.799805 -3.7002 -1.5 -5.7002 -2.2998l-61.6992 -61.5996h-41.9004v-128.101h27.7002l97.2998 -88 c-40.3008 -36.8008 -86.7002 -11.8008 -101.5 4.39941c-26.7002 29 -25 74.4004 4.39941 101.3l38.7002 35.5h-56.7002c-2 -0.799805 -3.7002 -1.5 -5.7002 -2.2998l-61.6992 -61.5996h-41.9004v-128.101h27.7002l97.2998 -88
c16.0996 -13.0996 41.4004 -10.5 55.2998 6.60059l15.6006 19.2002l36.7998 -31.5c3 -2.40039 12 -4.90039 18 2.39941l30 36.5l23.8994 -19.3994c3.5 -2.80078 8.5 -2.2002 11.3008 1.19922zM544 144.1v128h-44.7002l-61.7002 61.6006 c16.0996 -13.0996 41.4004 -10.5 55.2998 6.60059l15.6006 19.2002l36.7998 -31.5c3 -2.40039 12 -4.90039 18 2.39941l30 36.5l23.8994 -19.3994c3.5 -2.80078 8.5 -2.2002 11.3008 1.19922zM544 144.1v128h-44.7002l-61.7002 61.6006
c-1.39941 1.5 -3.39941 2.2998 -5.5 2.2998l-83.6992 -0.200195c-10 0 -19.6006 -3.7002 -27 -10.5l-65.6006 -60.0996c-9.7002 -8.7998 -10.5 -24 -1.2002 -33.9004c8.90039 -9.39941 25.1006 -8.7002 34.6006 0l55.2002 50.6006c6.5 5.89941 16.5996 5.5 22.5996 -1 c-1.39941 1.5 -3.39941 2.2998 -5.5 2.2998l-83.6992 -0.200195c-10 0 -19.6006 -3.7002 -27 -10.5l-65.6006 -60.0996c-9.7002 -8.7998 -10.5 -24 -1.2002 -33.9004c8.90039 -9.39941 25.1006 -8.7002 34.6006 0l55.2002 50.6006c6.5 5.89941 16.5996 5.5 22.5996 -1
l10.9004 -11.7002c6 -6.5 5.5 -16.6006 -1 -22.6006l-12.5 -11.3994l102.699 -83.4004c2.80078 -2.2998 5.40039 -4.89941 7.7002 -7.7002h69.2002zM592 96.4004c8.7998 0 16 7.09961 16 16c0 8.7998 -7.2002 16 -16 16s-16 -7.2002 -16 -16c0 -8.80078 7.2002 -16 16 -16z l10.9004 -11.7002c6 -6.5 5.5 -16.6006 -1 -22.6006l-12.5 -11.3994l102.699 -83.4004c2.80078 -2.2998 5.40039 -4.89941 7.7002 -7.7002h69.2002zM592 96.4004c8.7998 0 16 7.09961 16 16c0 8.7998 -7.2002 16 -16 16s-16 -7.2002 -16 -16c0 -8.80078 7.2002 -16 16 -16z
" /> " />
<glyph glyph-name="envelope-open" unicode="&#xf2b6;" <glyph glyph-name="envelope-open" unicode="&#xf2b6;"
d="M494.586 283.484c9.6123 -7.94824 17.4141 -24.5205 17.4141 -36.9932v-262.491c0 -26.5098 -21.4902 -48 -48 -48h-416c-26.5098 0 -48 21.4902 -48 48v262.515c0 12.5166 7.84668 29.1279 17.5146 37.0771c4.08008 3.35449 110.688 89.0996 135.15 108.549 d="M494.586 283.484c10.6523 -8.80762 17.4141 -22.1064 17.4141 -36.9932v-262.491c0 -26.5098 -21.4902 -48 -48 -48h-416c-26.5098 0 -48 21.4902 -48 48v262.515c0 14.9355 6.80469 28.2705 17.5146 37.0771c4.08008 3.35449 110.688 89.0996 135.15 108.549
c22.6992 18.1426 60.1299 55.8594 103.335 55.8594c43.4365 0 81.2314 -38.1914 103.335 -55.8594c23.5283 -18.707 130.554 -104.773 135.251 -108.656zM464 -10v253.632v0.00488281c0 1.5791 -0.996094 3.66602 -2.22363 4.6582 c22.6992 18.1426 60.1299 55.8594 103.335 55.8594c43.4365 0 81.2314 -38.1914 103.335 -55.8594c23.5283 -18.707 130.554 -104.773 135.251 -108.656zM464 -10v253.632c0 0.00195312 0.00390625 0.000976562 0.00390625 0.00292969
c-15.8633 12.8232 -108.793 87.5752 -132.366 106.316c-17.5527 14.0195 -49.7168 45.3887 -73.4102 45.3887c-23.6016 0 -55.2451 -30.8799 -73.4102 -45.3887c-23.5713 -18.7393 -116.494 -93.4795 -132.364 -106.293 c0 1.88184 -0.869141 3.56152 -2.22754 4.66016c-15.8633 12.8232 -108.793 87.5752 -132.366 106.316c-17.5527 14.0195 -49.7168 45.3887 -73.4102 45.3887c-23.6016 0 -55.2451 -30.8799 -73.4102 -45.3887c-23.5713 -18.7393 -116.494 -93.4795 -132.364 -106.293
c-1.40918 -1.13965 -2.22559 -2.85254 -2.22559 -4.66504v-253.653c0 -3.31152 2.68848 -6 6 -6h404c3.31152 0 6 2.68848 6 6zM432.009 177.704c4.24902 -5.15918 3.46484 -12.7949 -1.74512 -16.9814c-28.9746 -23.2822 -59.2734 -47.5967 -70.9287 -56.8623 c-1.40918 -1.13965 -2.22559 -2.85254 -2.22559 -4.66504v-253.653c0 -3.31152 2.68848 -6 6 -6h404c3.31152 0 6 2.68848 6 6zM432.009 177.704c4.24902 -5.15918 3.46484 -12.7949 -1.74512 -16.9814c-28.9746 -23.2822 -59.2734 -47.5967 -70.9287 -56.8623
c-22.6992 -18.1436 -60.1299 -55.8604 -103.335 -55.8604c-43.4521 0 -81.2871 38.2373 -103.335 55.8604c-11.2793 8.9668 -41.7441 33.4131 -70.9268 56.8643c-5.20996 4.1875 -5.99316 11.8223 -1.74512 16.9814l15.2578 18.5283 c-22.6992 -18.1436 -60.1299 -55.8604 -103.335 -55.8604c-43.4521 0 -81.2871 38.2373 -103.335 55.8604c-11.2793 8.9668 -41.7441 33.4131 -70.9268 56.8643c-5.20996 4.1875 -5.99316 11.8223 -1.74512 16.9814l15.2578 18.5283
c4.17773 5.07227 11.6572 5.84277 16.7793 1.72559c28.6182 -23.001 58.5654 -47.0352 70.5596 -56.5713c17.5527 -14.0195 49.7168 -45.3887 73.4102 -45.3887c23.6016 0 55.2461 30.8799 73.4102 45.3887c11.9941 9.53516 41.9434 33.5703 70.5625 56.5684 c4.17773 5.07227 11.6572 5.84277 16.7793 1.72559c28.6182 -23.001 58.5654 -47.0352 70.5596 -56.5713c17.5527 -14.0195 49.7168 -45.3887 73.4102 -45.3887c23.6016 0 55.2461 30.8799 73.4102 45.3887c11.9941 9.53516 41.9434 33.5703 70.5625 56.5684
@ -555,10 +556,11 @@ c6.09961 -6.2002 6.09961 -16.4004 0 -22.6006l-58.2998 -59.2998v-84.5l71.8994 42.
c7.5 4.39941 17.2002 1.7998 21.5 -5.90039l7.90039 -13.9004c4.2998 -7.69922 1.7002 -17.5 -5.7998 -21.8994l-39.2002 -23l34.0996 -9.2998c8.40039 -2.30078 13.3008 -11.1006 11.1006 -19.6006l-4.10059 -15.5c-2.2998 -8.5 -10.8994 -13.5996 -19.2998 -11.2998 c7.5 4.39941 17.2002 1.7998 21.5 -5.90039l7.90039 -13.9004c4.2998 -7.69922 1.7002 -17.5 -5.7998 -21.8994l-39.2002 -23l34.0996 -9.2998c8.40039 -2.30078 13.3008 -11.1006 11.1006 -19.6006l-4.10059 -15.5c-2.2998 -8.5 -10.8994 -13.5996 -19.2998 -11.2998
l-79.7002 21.7002l-71.8994 -42.2002l71.7998 -42.2002l79.7002 21.7002c8.39941 2.2998 17.0996 -2.7998 19.2998 -11.2998l4.09961 -15.5c2.30078 -8.5 -2.69922 -17.2998 -11.0996 -19.6006l-34.0996 -9.2998z" /> l-79.7002 21.7002l-71.8994 -42.2002l71.7998 -42.2002l79.7002 21.7002c8.39941 2.2998 17.0996 -2.7998 19.2998 -11.2998l4.09961 -15.5c2.30078 -8.5 -2.69922 -17.2998 -11.0996 -19.6006l-34.0996 -9.2998z" />
<glyph glyph-name="trash-alt" unicode="&#xf2ed;" horiz-adv-x="448" <glyph glyph-name="trash-alt" unicode="&#xf2ed;" horiz-adv-x="448"
d="M268 32c-6.62402 0 -12 5.37598 -12 12v216c0 6.62402 5.37598 12 12 12h24c6.62402 0 12 -5.37598 12 -12v-216c0 -6.62402 -5.37598 -12 -12 -12h-24zM432 368c8.83203 0 16 -7.16797 16 -16v-16c0 -8.83203 -7.16797 -16 -16 -16h-16v-336 d="M268 32c-6.62305 0 -12 5.37695 -12 12v216c0 6.62305 5.37695 12 12 12h24c6.62305 0 12 -5.37695 12 -12v-216c0 -6.62305 -5.37695 -12 -12 -12h-24zM432 368c8.83105 0 16 -7.16895 16 -16v-16c0 -8.83105 -7.16895 -16 -16 -16h-16v-336
c0 -26.4961 -21.5039 -48 -48 -48h-288c-26.4961 0 -48 21.5039 -48 48v336h-16c-8.83203 0 -16 7.16797 -16 16v16c0 8.83203 7.16797 16 16 16h82.4102l34.0195 56.7002c7.71875 12.8613 26.1572 23.2998 41.1572 23.2998h0.00292969h100.82h0.0224609 c0 -26.4922 -21.5078 -48 -48 -48h-288c-26.4922 0 -48 21.5078 -48 48v336h-16c-8.83105 0 -16 7.16895 -16 16v16c0 8.83105 7.16895 16 16 16h82.4102l34.0195 56.7002c8.39258 13.9844 23.6777 23.2998 41.1602 23.2998h100.82
c15 0 33.4385 -10.4385 41.1572 -23.2998l34 -56.7002h82.4102zM171.84 397.09l-17.4502 -29.0898h139.221l-17.46 29.0898c-0.96582 1.60645 -3.26953 2.91016 -5.14355 2.91016h-0.00683594h-94h-0.0166016c-1.87402 0 -4.17871 -1.30371 -5.14355 -2.91016zM368 -16v336 c0.0078125 0 -0.015625 0.0517578 -0.0078125 0.0517578c17.4824 0 32.7949 -9.36719 41.1875 -23.3516l34 -56.7002h82.4102zM171.84 397.09l-17.4502 -29.0898h139.221l-17.46 29.0898c-1.0498 1.74707 -2.95898 2.91016 -5.14355 2.91016h-0.00683594h-94
h-288v-336h288zM156 32c-6.62402 0 -12 5.37598 -12 12v216c0 6.62402 5.37598 12 12 12h24c6.62402 0 12 -5.37598 12 -12v-216c0 -6.62402 -5.37598 -12 -12 -12h-24z" /> c-0.00585938 0 -0.00683594 0.00683594 -0.0126953 0.00683594c-2.18457 0 -4.09766 -1.16992 -5.14746 -2.91699zM368 -16v336h-288v-336h288zM156 32c-6.62305 0 -12 5.37695 -12 12v216c0 6.62305 5.37695 12 12 12h24c6.62305 0 12 -5.37695 12 -12v-216
c0 -6.62305 -5.37695 -12 -12 -12h-24z" />
<glyph glyph-name="images" unicode="&#xf302;" horiz-adv-x="576" <glyph glyph-name="images" unicode="&#xf302;" horiz-adv-x="576"
d="M480 32v-16c0 -26.5098 -21.4902 -48 -48 -48h-384c-26.5098 0 -48 21.4902 -48 48v256c0 26.5098 21.4902 48 48 48h16v-48h-10c-3.31152 0 -6 -2.68848 -6 -6v-244c0 -3.31152 2.68848 -6 6 -6h372c3.31152 0 6 2.68848 6 6v10h48zM522 368h-372 d="M480 32v-16c0 -26.5098 -21.4902 -48 -48 -48h-384c-26.5098 0 -48 21.4902 -48 48v256c0 26.5098 21.4902 48 48 48h16v-48h-10c-3.31152 0 -6 -2.68848 -6 -6v-244c0 -3.31152 2.68848 -6 6 -6h372c3.31152 0 6 2.68848 6 6v10h48zM522 368h-372
c-3.31152 0 -6 -2.68848 -6 -6v-244c0 -3.31152 2.68848 -6 6 -6h372c3.31152 0 6 2.68848 6 6v244c0 3.31152 -2.68848 6 -6 6zM528 416c26.5098 0 48 -21.4902 48 -48v-256c0 -26.5098 -21.4902 -48 -48 -48h-384c-26.5098 0 -48 21.4902 -48 48v256 c-3.31152 0 -6 -2.68848 -6 -6v-244c0 -3.31152 2.68848 -6 6 -6h372c3.31152 0 6 2.68848 6 6v244c0 3.31152 -2.68848 6 -6 6zM528 416c26.5098 0 48 -21.4902 48 -48v-256c0 -26.5098 -21.4902 -48 -48 -48h-384c-26.5098 0 -48 21.4902 -48 48v256
@ -584,9 +586,9 @@ d="M464 448c4.09961 0 7.7998 -2 10.0996 -5.40039l99.9004 -147.199c2.90039 -4.400
c2.2002 3.40039 6 5.40039 10 5.40039h352zM444.7 400h-56.7998l51.6992 -96h68.4004zM242.6 400l-51.5996 -96h194l-51.7002 96h-90.7002zM131.3 400l-63.2998 -96h68.4004l51.6992 96h-56.7998zM88.2998 256l119.7 -160l-68.2998 160h-51.4004zM191.2 256l96.7998 -243.3 c2.2002 3.40039 6 5.40039 10 5.40039h352zM444.7 400h-56.7998l51.6992 -96h68.4004zM242.6 400l-51.5996 -96h194l-51.7002 96h-90.7002zM131.3 400l-63.2998 -96h68.4004l51.6992 96h-56.7998zM88.2998 256l119.7 -160l-68.2998 160h-51.4004zM191.2 256l96.7998 -243.3
l96.7998 243.3h-193.6zM368 96l119.6 160h-51.3994z" /> l96.7998 243.3h-193.6zM368 96l119.6 160h-51.3994z" />
<glyph glyph-name="money-bill-alt" unicode="&#xf3d1;" horiz-adv-x="640" <glyph glyph-name="money-bill-alt" unicode="&#xf3d1;" horiz-adv-x="640"
d="M320 304c53.0195 0 96 -50.1396 96 -112c0 -61.8701 -43 -112 -96 -112c-53.0195 0 -96 50.1504 -96 112c0 61.8604 42.9805 112 96 112zM360 136v16c0 4.41992 -3.58008 8 -8 8h-16v88c0 4.41992 -3.58008 8 -8 8h-13.5801h-0.000976562 d="M320 304c53.0195 0 96 -50.1396 96 -112c0 -61.8701 -43 -112 -96 -112c-53.0195 0 -96 50.1504 -96 112c0 61.8604 42.9805 112 96 112zM360 136v16c0 4.41992 -3.58008 8 -8 8h-16v88c0 4.41992 -3.58008 8 -8 8h-13.5801
c-4.01074 0 -9.97266 -1.80566 -13.3086 -4.03027l-15.3301 -10.2197c-1.96777 -1.30957 -3.56445 -4.29004 -3.56445 -6.65332c0 -1.33691 0.601562 -3.32422 1.34375 -4.43652l8.88086 -13.3105c1.30859 -1.9668 4.29004 -3.56445 6.65332 -3.56445 c-4.91113 0 -9.50586 -1.49316 -13.3096 -4.03027l-15.3301 -10.2197c-2.15332 -1.43262 -3.55957 -3.88379 -3.55957 -6.66113c0 -1.6377 0.493164 -3.16113 1.33887 -4.42871l8.88086 -13.3105c1.43164 -2.15234 3.88379 -3.55957 6.66113 -3.55957
c1.33691 0 3.32422 0.602539 4.43652 1.34473l0.469727 0.310547v-55.4404h-16c-4.41992 0 -8 -3.58008 -8 -8v-16c0 -4.41992 3.58008 -8 8 -8h64c4.41992 0 8 3.58008 8 8zM608 384c17.6699 0 32 -14.3301 32 -32v-320c0 -17.6699 -14.3301 -32 -32 -32h-576 c1.6377 0 3.16016 0.494141 4.42871 1.33984l0.469727 0.310547v-55.4404h-16c-4.41992 0 -8 -3.58008 -8 -8v-16c0 -4.41992 3.58008 -8 8 -8h64c4.41992 0 8 3.58008 8 8zM608 384c17.6699 0 32 -14.3301 32 -32v-320c0 -17.6699 -14.3301 -32 -32 -32h-576
c-17.6699 0 -32 14.3301 -32 32v320c0 17.6699 14.3301 32 32 32h576zM592 112v160c-35.3496 0 -64 28.6504 -64 64h-416c0 -35.3496 -28.6504 -64 -64 -64v-160c35.3496 0 64 -28.6504 64 -64h416c0 35.3496 28.6504 64 64 64z" /> c-17.6699 0 -32 14.3301 -32 32v320c0 17.6699 14.3301 32 32 32h576zM592 112v160c-35.3496 0 -64 28.6504 -64 64h-416c0 -35.3496 -28.6504 -64 -64 -64v-160c35.3496 0 64 -28.6504 64 -64h416c0 35.3496 28.6504 64 64 64z" />
<glyph glyph-name="window-close" unicode="&#xf410;" <glyph glyph-name="window-close" unicode="&#xf410;"
d="M464 416c26.5 0 48 -21.5 48 -48v-352c0 -26.5 -21.5 -48 -48 -48h-416c-26.5 0 -48 21.5 -48 48v352c0 26.5 21.5 48 48 48h416zM464 22v340c0 3.2998 -2.7002 6 -6 6h-404c-3.2998 0 -6 -2.7002 -6 -6v-340c0 -3.2998 2.7002 -6 6 -6h404c3.2998 0 6 2.7002 6 6z d="M464 416c26.5 0 48 -21.5 48 -48v-352c0 -26.5 -21.5 -48 -48 -48h-416c-26.5 0 -48 21.5 -48 48v352c0 26.5 21.5 48 48 48h416zM464 22v340c0 3.2998 -2.7002 6 -6 6h-404c-3.2998 0 -6 -2.7002 -6 -6v-340c0 -3.2998 2.7002 -6 6 -6h404c3.2998 0 6 2.7002 6 6z

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 141 KiB

After

Width:  |  Height:  |  Size: 141 KiB

BIN
assets/webfonts/fa-regular-400.ttf
View file

Binary file not shown.

BIN
assets/webfonts/fa-regular-400.woff
View file

Binary file not shown.

BIN
assets/webfonts/fa-regular-400.woff2
View file

Binary file not shown.

BIN
assets/webfonts/fa-solid-900.eot
View file

Binary file not shown.

2018
assets/webfonts/fa-solid-900.svg
View file

File diff suppressed because it is too large Load diff
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 820 KiB

After

Width:  |  Height:  |  Size: 893 KiB

BIN
assets/webfonts/fa-solid-900.ttf
View file

Binary file not shown.

BIN
assets/webfonts/fa-solid-900.woff
View file

Binary file not shown.

BIN
assets/webfonts/fa-solid-900.woff2
View file

Binary file not shown.

243
cookies/index.html
View file

@ -1,8 +1,7 @@
<!DOCTYPE html> <!DOCTYPE HTML>
<!-- <!--
Based on _Story_ by html5up.net | @ajlkn Publikatorized by Sakrecoer
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
Remixed and Jekyllified by Setto
--> -->
<html lang="en"> <html lang="en">
<head> <head>
@ -116,51 +115,34 @@
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" /> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
<link rel="stylesheet" href="../assets/css/main20200727.css" /> <link rel="stylesheet" href="../assets/css/all.min.css" />
<link rel="stylesheet" href="../assets/css/main.css" />
<link rel="apple-touch-icon" href="https://setto.basspistol.com/apple-touch-icon.png" /> <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="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" /> <link rel="shortcut icon" href="https://setto.basspistol.com/images/setto-logoicon.svg" type="image/png" />
<noscript><link rel="stylesheet" href="../assets/css/noscript20200727.css" /></noscript> <noscript><link rel="stylesheet" href="../assets/css/noscripts.css" /></noscript>
</head> </head>
<body id="body"> <body>
<span id="top" style="display: none;"></span> <!-- Wrapper -->
<!-- Wrapper --> <div id="main-wrapper">
<div id="wrapper" class="divided" data-cms-content-wrapper="/_layouts/default.html">
<!-- Banner --> <header class="hero" style="background-image: url(/images/pages/arget-zvhhkivur9m-unsplash.jpg);">
<section class="banner onload-image-fade-in onload-content-fade-right style2 fullscreen content-align-center image-position-center" style="min-height:100vh;"> <div>
<div class="content">
<h1>Cookies & Privacy policy</h1> <h1>Cookies & Privacy policy</h1>
<p>Privacy is important, therefor 徒 setto セット respects it!</p> <p>Privacy is important, therefor 徒 setto セット respects it!</p>
<ul class="actions stacked"> </div>
<li><a href="#readmore" class="button small smooth-scroll">Check it!</a></li> <div class="imagecontainer"></div>
</ul> </header>
</div>
<div class="image"> <section class="info">
<img src="/images/pages/arget-zvhhkivur9m-unsplash.jpg" alt="unfound page" /> <div class="info-pages" data-cms-content-wrapper="/_layouts/page.html">
</div> <p>To improve our marketing efforts, we at Basspistol sometimes place small data files called cookies on your device. However this site will work perfectly without them. We do however use anonymised analytics of the site-usage regardless of cookies (see bellow if you want to opt out of this too) This usage-data contain no identifiable information.</p>
</section>
<!-- Content -->
<section class="wrapper style1 align-center">
<div class="inner">
<div class="index align-left">
<!-- Author -->
<section>
<!-- Content -->
<div class="content" id="readmore" data-cms-content-wrapper="/_layouts/page.html">
<p>To improve our marketing efforts, we at Basspistol sometimes place small data files called cookies on your device. However this site will work perfectly without them. We do however use anonymised analytics of the site-usage regardless of cookies (see bellow if you want to opt out of this too) This usage-data contain no identifiable information.</p>
<h2 id="what-are-cookies">What are cookies?</h2> <h2 id="what-are-cookies">What are cookies?</h2>
@ -322,89 +304,60 @@
<p>Email: <a href="mailto:info@basspistol.com">info@basspistol.com</a></p> <p>Email: <a href="mailto:info@basspistol.com">info@basspistol.com</a></p>
</div>
</div>
</section>
</div>
</div>
</section> </section>
<!-- Footer -->
<!-- Footer --> <!-- Footer -->
<section class="streambox" style="padding: 40px;">
<h2 style="text-align: center;display: block;">Support 徒 setto セット</h2> <section class="streambox">
<p>Stream, follow, like and subscribe!</p> <h2>Support 徒 setto セット</h2>
<div class="streamer"> <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" alt="Stream from Bandcamp" title="Stream from Bandcamp" class="button small icon brands fa-bandcamp">Bandcamp</a> <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', 'Spotify']);" target="_blank" rel="noopener" href="https://open.spotify.com/artist/0gus2IdSkfrvFDBPqeiksM/" title="Stream from Spotify" class="icon fab fa-spotify"><span class="label">Spotify</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Tidal']);" target="_blank" rel="noopener" href="https://listen.tidal.com/artist/10745925" title="Stream from Tidal" class="icon fab fa-creative-commons-sampling"><span class="label">Tidal</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'AppleMusic']);" target="_blank" rel="noopener" href="https://itunes.apple.com/us/artist/%E5%BE%92-setto-%E3%82%BB%E3%83%83%E3%83%88/1447055514" title="Stream from Apple Music" class="icon fab fa-apple"><span class="label">Apple Music</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'GooglePlay']);" target="_blank" rel="noopener" href="https://play.google.com/store/music/artist/%E5%BE%92_setto_%E3%82%BB%E3%83%83%E3%83%88?id=Ayi4avjpfyinbrepzebpsvpjc5a" title="Stream from Google Play" class="icon fab fa-google-play"><span class="label">Google Play</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Deezer']);" target="_blank" rel="noopener" href="https://www.deezer.com/fr/artist/56004012" title="Stream from Deezer" class="icon fab fa-deezer"><span class="label">Deezer</span></a>
</div>
<h2 style="text-align: center;display: block;">&nbsp;</h2>
<div class="streamer">
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Napster']);" target="_blank" rel="noopener" href="https://us.napster.com/artist/-setto-" title="Stream from Napster" class="icon fab fa-napster"><span class="label">Napster</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Spotify']);" target="_blank" rel="noopener" href="https://open.spotify.com/artist/0gus2IdSkfrvFDBPqeiksM/" alt="Stream from Spotify" title="Stream from Spotify" class="button small icon brands fa-spotify">Spotify</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Tidal']);" target="_blank" rel="noopener" href="https://listen.tidal.com/artist/10745925" alt="Stream from Tidal" title="Stream from Tidal" class="button small icon brands fa-creative-commons-sampling">Tidal</a> <a onclick="_paq.push(['trackEvent', 'StoreLink', 'Youtube']);" target="_blank" rel="noopener" href="https://www.youtube.com/channel/UCKlONOrOgNQjBjxUyPj4jcw/playlists" title="Stream from Youtube" class="icon fab fa-youtube"><span class="label">Youtube</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'AppleMusic']);" target="_blank" rel="noopener" href="https://itunes.apple.com/us/artist/%E5%BE%92-setto-%E3%82%BB%E3%83%83%E3%83%88/1447055514" alt="Stream from Apple Music" title="Stream from Apple Music" class="button small icon brands fa-apple">Apple Music</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'GooglePlay']);" target="_blank" rel="noopener" href="https://play.google.com/store/music/artist/%E5%BE%92_setto_%E3%82%BB%E3%83%83%E3%83%88?id=Ayi4avjpfyinbrepzebpsvpjc5a" alt="Stream from Google Play" title="Stream from Google Play" class="button small icon brands fa-google-play">Google Play</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Deezer']);" target="_blank" rel="noopener" href="https://www.deezer.com/fr/artist/56004012" alt="Stream from Deezer" title="Stream from Deezer" class="button small icon brands fa-creative-commons-sampling">Deezer</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Napster']);" target="_blank" rel="noopener" href="https://us.napster.com/artist/-setto-" alt="Stream from Napster" title="Stream from Napster" class="button small icon brands fa-napster">Napster</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Youtube']);" target="_blank" rel="noopener" href="https://www.youtube.com/channel/UCKlONOrOgNQjBjxUyPj4jcw/playlists" alt="Stream from Youtube" title="Stream from Youtube" class="button small icon brands fa-youtube">Youtube</a>
</div>
</section>
<footer id="footer" class="wrapper style1 align-center">
<div class="footflex">
<div>
<h4>徒 setto セット</h4>
<p>Set, Party, Gang! &#35;Cybersoul.
<br /><a href="mailto:setto@basspistol.com">setto@basspistol.com</a></p>
</div> </div>
</section>
<footer>
<div> <div>
<h3>徒 setto セット</h3>
<p>Set, Party, Gang! &#35;Cybersoul.</p>
<ul> <ul>
<li><a href="../">Home</a></li> <li><a href="../">Home</a></li>
@ -420,90 +373,93 @@
</ul> </ul>
</div> </div>
<div><img src="../images/setto-logo-dark.svg" style="max-width:300px" alt="徒 setto セット Logo" /></div> <div><img src="../images/setto_logo.svg" width="100%" alt="徒 setto セット Logo" /></div>
<div style="text-align: center;">
<a target="_blank" alt="徒 setto セット on Twitter" title="徒 setto セット on Twitter" rel="noopener"
href="https://twitter.com/ToSettoSetto" class="icon small fab fa-twitter"><span class="label">Twitter</span></a>
<a target="_blank" alt="徒 setto セット on Instagram" title="徒 setto セット on Instagram" rel="noopener"
href="https://www.instagram.com/tosettosetto/" class="icon small fab fa-instagram"><span class="label">Instagram</span></a>
<a target="_blank" alt="徒 setto セット on Telegram" title="徒 setto セット on Telegram" rel="noopener"
href="https://t.me/basspistol" 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" href="mailto:setto@basspistol.com" class="icon small fas fa-envelope-open-text"><span
class="label">Email</span></a>
</div> </div>
<div class="inner"> <small>
<ul class="icons">
<p>&copy;2020 Basspistol | <a href="../webcreds/">Credits</a> | <a
<li><a target="_blank" alt="徒 setto セット on Twitter" title="徒 setto セット on Twitter" rel="noopener" href="https://twitter.com/ToSettoSetto" class="icon brands style2 fa-twitter"><span class="label">Twitter</span></a></li> href="../cookies/">Cookies & Privacy</a></p>
</small>
<li><a target="_blank" alt="徒 setto セット on Instagram" title="徒 setto セット on Instagram" rel="noopener" href="https://www.instagram.com/tosettosetto/" class="icon brands style2 fa-instagram"><span class="label">Instagram</span></a></li>
<li><a target="_blank" alt="徒 setto セット on Telegram" title="徒 setto セット on Telegram" rel="noopener" href="https://t.me/basspistol" class="icon brands style2 fa-telegram"><span class="label">Telegram</span></a></li>
<li><a target="_blank" alt="徒 setto セット on Reddit" title="徒 setto セット on Reddit" rel="noopener" href="https://www.reddit.com/r/basspistol" class="icon brands style2 fa-reddit"><span class="label">Reddit</span></a></li>
</ul>
<p>&copy;2020 Basspistol | <a href="../webcreds/">Credits</a> | <a href="../cookies/">Cookies & Privacy</a></p>
</div>
</footer> </footer>
</div>
<!-- Navigation -->
<div id="logo" class="logo">
<a href="/"><img width="100em" src="/images/setto-logoicon.svg" alt="徒 setto セット Logo" /></a>
&nbsp;&nbsp;&nbsp;<a href="#navbar" onclick="blurBody()" alt="Navigation Menu" title="Navigation Menu"><span class="icon solid fa-bars navmenu"></span></a>
</div>
<div id="navbar" style="display: block;" class="modalDialog"> <!-- END Footer -->
<a href="#close" onclick="removeBlur()" alt="Close Menu" title="Close Menu"><div id="closearea"> </div></a>
</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> <nav>
<a href="#close" title="Close" onclick="removeBlur()" class="close-button close" style="margin: 0 auto;">X</a> <a href="#close" title="Close" onclick="removeBlur()" class="close-button">X</a>
<ul> <ul>
<li><a href="../" class="button smaller">Home</a></li> <li><a href="../" class="button">home</a></li>
<li><a href="../discography/" class="button smaller">Discog</a></li> <li><a href="../discography/" class="button">Discog</a></li>
<li><a href="../log/" class="button smaller">Log</a></li> <li><a href="../log/" class="button">Log</a></li>
<li><a href="../about/" class="button smaller">About</a></li> <li><a href="../about/" class="button">About</a></li>
<li><a href="../links/" class="button smaller">Links</a></li> <li><a href="../links/" class="button">Links</a></li>
</ul> </ul>
</nav> </nav>
</div> </div>
<!-- End Navigation --> <!-- End Navigation -->
<!-- Scripts -->
<script src="../assets/js/jquery.min.js"></script>
<script src="../assets/js/jquery.scrollex.min.js"></script>
<script src="../assets/js/jquery.scrolly.min.js"></script>
<script src="../assets/js/browser.min.js"></script>
<script src="../assets/js/breakpoints.min.js"></script>
<script src="../assets/js/util.js"></script>
<script src="../assets/js/main.js"></script>
<script src="../assets/js/set.js"></script>
<div id="cookie-notice"> <div id="cookie-notice">
<p>I only use cookies if you consent to it. They don't contain any identifiable info: they just let me know if you enjoyed this enough to come back. <br />Click <a href="#" id="cookie-notice-decline">here</a> if you want this shit to go away without cookies. <br />Read more about how me & basspistol <a href="/cookies/">use cookies</a> </p>
<a class="button small yes" href="#" id="cookie-notice-accept">I'm in!</a> <p>I only use cookies if you consent to it. They don't contain any identifiable info: they just let me know if you
enjoyed this enough to come back.
<br />Click <a href="#" id="cookie-notice-decline">here</a> if you want this shit to go away without cookies.
<br />Read more about how me & basspistol <a href="/cookies/">use cookies</a>
</p>
<a class="button yes" href="#"
id="cookie-notice-accept">I'm in!</a>
</div> </div>
<script> <script>
@ -602,5 +558,12 @@ _paq.push(['enableLinkTracking']);
</script> </script>
<!-- Scripts -->
<script src="../assets/js/set.js"></script>
</body> </body>
</html> </html>

717
cyber-grany/index.html
View file

@ -1,13 +1,10 @@
<!DOCTYPE HTML>
<!DOCTYPE html>
<!-- <!--
Based on _Story_ by html5up.net | @ajlkn Publikatorized by Sakrecoer
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
Remixed and Jekyllified by Setto
--> -->
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- <!--
@ -48,7 +45,7 @@
<title>Play &quot;Cyber Grany&quot; by 徒 Setto セット | 徒 setto セット</title> <title>Play &quot;Cyber Grany&quot; by 徒 Setto セット | 徒 setto セット</title>
<meta name="title" content="Play &quot;Cyber Grany&quot; by 徒 Setto セット" /> <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="description" content="A release by 徒 Setto セット named &quot;Cyber Grany&quot; published on 徒 setto セット" />
<meta name="dc.date.modified" scheme="ISO8601" content="2020-07-27T08:03:40+00:00" /> <meta name="dc.date.modified" scheme="ISO8601" content="2020-08-04T10:18:11+00:00" />
<meta name="robots" content="index" /> <meta name="robots" content="index" />
<link rel="canonical" href="https://setto.basspistol.com/cyber-grany/" /> <link rel="canonical" href="https://setto.basspistol.com/cyber-grany/" />
@ -72,7 +69,7 @@
<meta name="dcterms.Subject" content="A release by 徒 Setto セット named &quot;Cyber Grany&quot; published on 徒 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.Title" content="Play &quot;Cyber Grany&quot; by 徒 Setto セット" />
<meta name="dcterms.Contributor" content="徒 setto セット" /> <meta name="dcterms.Contributor" content="徒 setto セット" />
<meta name="dcterms.Date" content="2020-07-27" /> <meta name="dcterms.Date" content="2020-08-04" />
<meta name="dcterms.Description" content="Listen and to a release by 徒 Setto セット named &quot;Cyber Grany&quot; and support your remote artist!" /> <meta name="dcterms.Description" content="Listen and to a release by 徒 Setto セット named &quot;Cyber Grany&quot; and support your remote artist!" />
<!-- Facebook --> <!-- Facebook -->
@ -84,7 +81,7 @@
<meta property="og:site_name" content="徒 setto セット" /> <meta property="og:site_name" content="徒 setto セット" />
<meta property="og:type" content="music:album" /> <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="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="2020-07-27T08:03:40+00:00" /> <meta property="article:published_time" content="2020-08-04T10:18:11+00:00" />
<meta property="og:image" content="https://media.basspistol.com/setto.basspistol.com/cyber-grany/1-grandma-got-the-ssh-keys.jpeg" /> <meta property="og:image" content="https://media.basspistol.com/setto.basspistol.com/cyber-grany/1-grandma-got-the-ssh-keys.jpeg" />
<!-- Twitter Card --> <!-- Twitter Card -->
@ -106,51 +103,83 @@
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" /> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
<link rel="stylesheet" href="../assets/css/main20200727.css" /> <link rel="stylesheet" href="../assets/css/all.min.css" />
<link rel="apple-touch-icon" href="https://setto.basspistol.com/apple-touch-icon.png" /> <link rel="stylesheet" href="../assets/css/main.css" />
<link rel="icon" type="image/png" href="https://setto.basspistol.com/touch-icon.png" sizes="192x192" /> <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" /> <link rel="shortcut icon" href="https://setto.basspistol.com/images/setto-logoicon.svg" type="image/png" />
<noscript><link rel="stylesheet" href="../assets/css/noscript20200727.css" /></noscript> <noscript><link rel="stylesheet" href="../assets/css/noscripts.css" /></noscript>
</head> </head>
<body id="body">
<span id="top" style="display: none;"></span>
<!-- Wrapper -->
<div id="wrapper" class="divided">
<!-- Banner --> <body>
<section class="banner onload-image-fade-in onload-content-fade-right style2 fullscreen content-align-center image-position-center" style="min-height:100vh;"> <!-- Wrapper -->
<div class="content editable" data-cms-source="/_layouts/post.html" data-cms-index="0"> <div id="main-wrapper">
<h1 class="editable" data-cms-source="/_layouts/post.html" data-cms-index="1">Granny is a cyborg now</h1>
<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>
<h1>Granny is a cyborg now</h1>
<p>Jazzy Cybersoul with a hint of 303 baselines.</p> <p>Jazzy Cybersoul with a hint of 303 baselines.</p>
<ul class="actions stacked"> </div>
<li><a href="#moe" class="button small smooth-scroll">Listen!</a></li> <div class="imagecontainer"></div>
</header>
<section 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> </ul>
</div> </div>
<div class="image"> </div>
<img src="../images/posts/1-grandma-got-the-ssh-keys.jpeg" alt="Granny is a cyborg now" class="editable" data-cms-source="/_layouts/post.html" data-cms-index="2" /> <div class="noJSalbum">
<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>
</section>
<!-- Content -->
<section class="wrapper style1 align-center">
<div class="inner" style="padding-top: 40px;">
<div class="index align-left">
<!-- Author -->
<section style="padding-top:40px;" id="moe">
<header id="author">
</div>
<div class="coverart">
<div class="coverartwrapper">
<div id="npImage" class="coverartwrapped"></div>
</div>
<div id="author">
<div class="bio"> <div class="bio">
<p><a href="mailto:setto@basspistol.com"><strong>徒 setto セット</strong></a></p>
<p>Geek | <a target="_blank" rel="noopener" href="https://keyserver.ubuntu.com/pks/lookup?search=setto%40basspistol.com&fingerprint=on&op=index">GPG</a></p>
<div alt="Picture of 徒 setto セット" <p class="date">
style="margin-right: 10px;background-image:url(/siteicon.png);background-repeat: no-repeat;background-size:cover; border-radius:150px; width:150px; height:150px;">
</div>
<br />
<p style="font-style: normal;"><a href="mailto:setto@basspistol.com"><strong>徒 setto セット</strong></a></p>
<p style="font-style: normal;">Geek | <a target="_blank" rel="noopener" href="https://keyserver.ubuntu.com/pks/lookup?search=setto%40basspistol.com&fingerprint=on&op=index">GPG</a></p>
<p style="font-size:14px;font-style: normal;">
Published the Published the
@ -169,397 +198,141 @@
Share this page: Share this page:
</h6> </h6>
<ul class="icons"> <ul>
<li><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/&amp;quote=Granny is a cyborg now%20by%20徒 setto セット%20via%20https://setto.basspistol.com" class="icon brands style1 fa-facebook-f"><span class="label">Facebook</span></a></li> <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/&amp;quote=Granny is a cyborg now%20by%20徒 setto セット%20via%20https://setto.basspistol.com" class="icon smaller fab fa-facebook-f"><span class="label">Facebook</span></a>
<li><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/&amp;text=Granny is a cyborg now%20by%20徒 setto セット%20&amp;hashtags=paxNion" class="icon brands style1 fa-twitter"><span class="label">Twitter</span></a></li> <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/&amp;text=Granny is a cyborg now%20by%20徒 setto セット%20&amp;hashtags=paxNion" class="icon smaller fab fa-twitter"><span class="label">Twitter</span></a>
<li><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/&amp;text=Granny is a cyborg now%20by%20徒 setto セット" class="icon brands style1 fa-telegram"><span class="label">Telegram</span></a></li> <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/&amp;text=Granny is a cyborg now%20by%20徒 setto セット" class="icon smaller fab fa-telegram"><span class="label ">Telegram</span></a>
<li><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/&amp;title=Granny is a cyborg now%20by%20徒 setto セット" class="icon brands style1 fa-reddit"><span class="label">Reddit</span></a></li> <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/&amp;title=Granny is a cyborg now%20by%20徒 setto セット" class="icon smaller fab fa-reddit"><span class="label">Reddit</span></a>
</ul> </ul>
</div>
</div>
</div> </div>
</header> <div id="fixedPlayer" class="showplayer hideplayer">
<!-- Content --> <div id="audiowrap">
<div class="content">
<div id="audio0">
<audio id="audio1" preload="metadata" controls="controls">
Your browser does not support HTML5 Audio!
</audio>
</div>
<!-- HERE BEGINS MADNESS --> </div>
<!-- Content -->
<div class="content">
<div id="mainwrap">
<div id="nowPlay"> <div id="nowPlay">
<p class="right" id="npTitle" style="font-weight: bold;"></p> <p class="right" id="npTitle" style="font-weight: bold;"></p>
<p class="left" id="npAction">Paused...</p> <p class="left" id="npAction">Paused...</p>
</div> </div>
<div id="audiowrap">
<div id="audio0">
<audio id="audio1" preload="metadata" controls="controls">Your browser does not support HTML5
Audio!</audio>
</div>
</div> </div>
<div id="plwrap"> </section>
<ul id="plList"> <section class="info">
<div data-cms-content-wrapper="/_layouts/post.html">
<li>
<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 id="noJSalbum">
<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>
<div class="content editable" style="font-size: 16px;margin-top:60px;" data-cms-source="/_layouts/post.html" data-cms-index="3" data-cms-content-wrapper="/_layouts/post.html">
<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 “we’re in the future now Grandma, you’re a cyborg, half machine!”</p> <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 “we’re in the future now Grandma, you’re a cyborg, half machine!”</p>
<p>She laughed and acknowledge it was a marvellous invention!</p> <p>She laughed and acknowledge it was a marvellous invention!</p>
</div> </div>
</div>
</section>
</div>
</div>
</section> </section>
<section class="streambox" style="padding: 40px;"> <section class="streambox">
<h2 style="text-align: center;display: block;">This release can't be obtained</h2> <h2>This release can't be obtained</h2>
<p>Stream, follow, like and subscribe!</p> <p>Stream, follow, like and subscribe!</p>
<div class="streamer"> <div class="streamer">
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Bandcamp']);" target="_blank" rel="noopener" href="https://shop.basspistol.com" alt="Stream from Bandcamp" title="Stream from Bandcamp" class="button small icon brands fa-bandcamp">Bandcamp</a> <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', 'Spotify']);" target="_blank" rel="noopener" href="https://open.spotify.com/artist/0gus2IdSkfrvFDBPqeiksM/" title="Stream from Spotify" class="icon fab fa-spotify"><span class="label">Spotify</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Tidal']);" target="_blank" rel="noopener" href="https://listen.tidal.com/artist/10745925" title="Stream from Tidal" class="icon fab fa-creative-commons-sampling"><span class="label">Tidal</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'AppleMusic']);" target="_blank" rel="noopener" href="https://itunes.apple.com/us/artist/%E5%BE%92-setto-%E3%82%BB%E3%83%83%E3%83%88/1447055514" title="Stream from Apple Music" class="icon fab fa-apple"><span class="label">Apple Music</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'GooglePlay']);" target="_blank" rel="noopener" href="https://play.google.com/store/music/artist/%E5%BE%92_setto_%E3%82%BB%E3%83%83%E3%83%88?id=Ayi4avjpfyinbrepzebpsvpjc5a" title="Stream from Google Play" class="icon fab fa-google-play"><span class="label">Google Play</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Deezer']);" target="_blank" rel="noopener" href="https://www.deezer.com/fr/artist/56004012" title="Stream from Deezer" class="icon fab fa-deezer"><span class="label">Deezer</span></a>
</div>
<h2 style="text-align: center;display: block;">&nbsp;</h2>
<div class="streamer">
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Napster']);" target="_blank" rel="noopener" href="https://us.napster.com/artist/-setto-" title="Stream from Napster" class="icon fab fa-napster"><span class="label">Napster</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Spotify']);" target="_blank" rel="noopener" href="https://open.spotify.com/artist/0gus2IdSkfrvFDBPqeiksM/" alt="Stream from Spotify" title="Stream from Spotify" class="button small icon brands fa-spotify">Spotify</a> <a onclick="_paq.push(['trackEvent', 'StoreLink', 'Youtube']);" target="_blank" rel="noopener" href="https://www.youtube.com/channel/UCKlONOrOgNQjBjxUyPj4jcw/playlists" title="Stream from Youtube" class="icon fab fa-youtube"><span class="label">Youtube</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Tidal']);" target="_blank" rel="noopener" href="https://listen.tidal.com/artist/10745925" alt="Stream from Tidal" title="Stream from Tidal" class="button small icon brands fa-creative-commons-sampling">Tidal</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'AppleMusic']);" target="_blank" rel="noopener" href="https://itunes.apple.com/us/artist/%E5%BE%92-setto-%E3%82%BB%E3%83%83%E3%83%88/1447055514" alt="Stream from Apple Music" title="Stream from Apple Music" class="button small icon brands fa-apple">Apple Music</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'GooglePlay']);" target="_blank" rel="noopener" href="https://play.google.com/store/music/artist/%E5%BE%92_setto_%E3%82%BB%E3%83%83%E3%83%88?id=Ayi4avjpfyinbrepzebpsvpjc5a" alt="Stream from Google Play" title="Stream from Google Play" class="button small icon brands fa-google-play">Google Play</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Deezer']);" target="_blank" rel="noopener" href="https://www.deezer.com/fr/artist/56004012" alt="Stream from Deezer" title="Stream from Deezer" class="button small icon brands fa-creative-commons-sampling">Deezer</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Napster']);" target="_blank" rel="noopener" href="https://us.napster.com/artist/-setto-" alt="Stream from Napster" title="Stream from Napster" class="button small icon brands fa-napster">Napster</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Youtube']);" target="_blank" rel="noopener" href="https://www.youtube.com/channel/UCKlONOrOgNQjBjxUyPj4jcw/playlists" alt="Stream from Youtube" title="Stream from Youtube" class="button small icon brands fa-youtube">Youtube</a>
</div>
</section>
<!-- Tracks -->
<section class="spotlight style4 orient-left content-align-left image-position-center onscroll-image-fade-in" style="box-shadow: none;" >
<div class="content">
<h3>Grandma got the SSH keys</h3>
<p>
3:22
<br /><strong>Acid Trap</strong>
<br />2019</p>
<ul class="actions stacked">
<li><a href="../albums/cyber-grany/1-grandma-got-the-ssh-keys/" class="button small icon solid fa-play">Play</a></li>
</ul>
</div>
<div class="image">
<img src="https://media.basspistol.com/setto.basspistol.com/cyber-grany/1-grandma-got-the-ssh-keys.jpeg" alt="Grandma got the SSH keys" />
</div>
</section>
<!-- END Tracks -->
<!-- HERE ENDS MADNESS -->
<section class="wrapper style1 align-center">
<div class="inner">
<div class="index align-left">
<!-- Author -->
<section>
<!-- Content -->
<div class="content">
<!-- post Naviation -->
<div style="text-align: center;">
<h3>Read more posts</h3>
</div>
<div class="post-nav">
<div>
<h4><a href="/darkweb/" alt="Read Darkweb" title="Read Darkweb"><i class="fas fa-arrow-left"></i></a> <a href="/darkweb/">&nbsp;Darkweb</a></h4>
<p style="margin-right: 20px">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/">&nbsp;Live with hardware</a> <a href="/live-with-hardware/" alt="Read Live with hardware" title="Read Live with hardware"><i class="fas fa-arrow-right"></i></a></h4>
<p style="margin-left: 20px">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>
<!-- End Post Navigation -->
</div> </div>
</section> </section>
</div>
</div>
<!-- HERE ENDS MADNESS -->
<!-- post Naviation -->
<section class="post-navigation">
<h2>Check out more</h2>
<div class="post-nav">
<h3><a href="/darkweb/" alt="Read Darkweb" title="Read Darkweb"><span class="fas fa-arrow-left"></span>&nbsp;Darkweb</a></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">
<h3><a href="/live-with-hardware/">Live with hardware&nbsp;<span class="fas fa-arrow-right"></span></a></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>
</section> </section>
<!-- End Post Navigation -->
<!-- Footer --> <script type="text/javascript">
<section class="streambox" style="padding: 40px;">
<h2 style="text-align: center;display: block;">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" alt="Stream from Bandcamp" title="Stream from Bandcamp" class="button small icon brands fa-bandcamp">Bandcamp</a>
</div>
<h2 style="text-align: center;display: block;">&nbsp;</h2>
<div class="streamer">
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Spotify']);" target="_blank" rel="noopener" href="https://open.spotify.com/artist/0gus2IdSkfrvFDBPqeiksM/" alt="Stream from Spotify" title="Stream from Spotify" class="button small icon brands fa-spotify">Spotify</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Tidal']);" target="_blank" rel="noopener" href="https://listen.tidal.com/artist/10745925" alt="Stream from Tidal" title="Stream from Tidal" class="button small icon brands fa-creative-commons-sampling">Tidal</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'AppleMusic']);" target="_blank" rel="noopener" href="https://itunes.apple.com/us/artist/%E5%BE%92-setto-%E3%82%BB%E3%83%83%E3%83%88/1447055514" alt="Stream from Apple Music" title="Stream from Apple Music" class="button small icon brands fa-apple">Apple Music</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'GooglePlay']);" target="_blank" rel="noopener" href="https://play.google.com/store/music/artist/%E5%BE%92_setto_%E3%82%BB%E3%83%83%E3%83%88?id=Ayi4avjpfyinbrepzebpsvpjc5a" alt="Stream from Google Play" title="Stream from Google Play" class="button small icon brands fa-google-play">Google Play</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Deezer']);" target="_blank" rel="noopener" href="https://www.deezer.com/fr/artist/56004012" alt="Stream from Deezer" title="Stream from Deezer" class="button small icon brands fa-creative-commons-sampling">Deezer</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Napster']);" target="_blank" rel="noopener" href="https://us.napster.com/artist/-setto-" alt="Stream from Napster" title="Stream from Napster" class="button small icon brands fa-napster">Napster</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Youtube']);" target="_blank" rel="noopener" href="https://www.youtube.com/channel/UCKlONOrOgNQjBjxUyPj4jcw/playlists" alt="Stream from Youtube" title="Stream from Youtube" class="button small icon brands fa-youtube">Youtube</a>
</div>
</section>
<footer id="footer" class="wrapper style1 align-center">
<div class="footflex">
<div>
<h4>徒 setto セット</h4>
<p>Set, Party, Gang! &#35;Cybersoul.
<br /><a href="mailto:setto@basspistol.com">setto@basspistol.com</a></p>
</div>
<div>
<ul>
<li><a href="../">Home</a></li>
<li><a href="/discography/">Discog</a></li>
<li><a href="/log/">Log</a></li>
<li><a href="/about/">About</a></li>
<li><a href="/links/">Links</a></li>
</ul>
</div>
<div><img src="../images/setto-logo-dark.svg" style="max-width:300px" alt="徒 setto セット Logo" /></div>
</div>
<div class="inner">
<ul class="icons">
<li><a target="_blank" alt="徒 setto セット on Twitter" title="徒 setto セット on Twitter" rel="noopener" href="https://twitter.com/ToSettoSetto" class="icon brands style2 fa-twitter"><span class="label">Twitter</span></a></li>
<li><a target="_blank" alt="徒 setto セット on Instagram" title="徒 setto セット on Instagram" rel="noopener" href="https://www.instagram.com/tosettosetto/" class="icon brands style2 fa-instagram"><span class="label">Instagram</span></a></li>
<li><a target="_blank" alt="徒 setto セット on Telegram" title="徒 setto セット on Telegram" rel="noopener" href="https://t.me/basspistol" class="icon brands style2 fa-telegram"><span class="label">Telegram</span></a></li>
<li><a target="_blank" alt="徒 setto セット on Reddit" title="徒 setto セット on Reddit" rel="noopener" href="https://www.reddit.com/r/basspistol" class="icon brands style2 fa-reddit"><span class="label">Reddit</span></a></li>
</ul>
<p>&copy;2020 Basspistol | <a href="../webcreds/">Credits</a> | <a href="../cookies/">Cookies & Privacy</a></p>
</div>
</footer>
</div>
<!-- Navigation -->
<div id="logo" class="logo">
<a href="/"><img width="100em" src="/images/setto-logoicon.svg" alt="徒 setto セット Logo" /></a>
&nbsp;&nbsp;&nbsp;<a href="#navbar" onclick="blurBody()" alt="Navigation Menu" title="Navigation Menu"><span class="icon solid fa-bars navmenu"></span></a>
</div>
<div id="navbar" style="display: block;" 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 close" style="margin: 0 auto;">X</a>
<ul>
<li><a href="../" class="button smaller">Home</a></li>
<li><a href="../discography/" class="button smaller">Discog</a></li>
<li><a href="../log/" class="button smaller">Log</a></li>
<li><a href="../about/" class="button smaller">About</a></li>
<li><a href="../links/" class="button smaller">Links</a></li>
</ul>
</nav>
</div>
<!-- End Navigation -->
<!-- Scripts -->
<script src="../assets/js/jquery.min.js"></script>
<script src="../assets/js/jquery.scrollex.min.js"></script>
<script src="../assets/js/jquery.scrolly.min.js"></script>
<script src="../assets/js/browser.min.js"></script>
<script src="../assets/js/breakpoints.min.js"></script>
<script src="../assets/js/util.js"></script>
<script src="../assets/js/main.js"></script>
<script src="../assets/js/set.js"></script>
<script type="text/javascript">
// html5media enables <video> and <audio> tags in all major browsers // html5media enables <video> and <audio> tags in all major browsers
// External File: http://api.html5media.info/1.1.8/html5media.min.js // External File: http://api.html5media.info/1.1.8/html5media.min.js
// Add user agent as an attribute on the <html> tag... // Add user agent as an attribute on the <html> tag...
// Inspiration: http://css-tricks.com/ie-10-specific-styles/ // Inspiration: http://css-tricks.com/ie-10-specific-styles/
var b = document.documentElement; // var b = document.documentElement;
b.setAttribute('data-useragent', navigator.userAgent); // b.setAttribute('data-useragent', navigator.userAgent);
b.setAttribute('data-platform', navigator.platform); // b.setAttribute('data-platform', navigator.platform);
// HTML5 audio player + playlist controls... // HTML5 audio player + playlist controls...
@ -576,17 +349,23 @@
"track": 1, "track": 1,
"name": "Grandma got the SSH keys", "name": "Grandma got the SSH keys",
"length": "3:22", "length": "3:22",
"file": "https://media.basspistol.com/setto.basspistol.com/cyber-grany/1-grandma-got-the-ssh-keys" "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, trackCount = tracks.length,
npAction = $('#npAction'), npAction = $('#npAction'),
npTitle = $('#npTitle'), npTitle = $('#npTitle'),
npImage = $('#npImage'),
audio = $('#audio1').bind('play', function () { audio = $('#audio1').bind('play', function () {
playing = true; playing = true;
npAction.text('Playing...'); npAction.text('Playing...');
$('#fixedPlayer').removeClass('hideplayer');
$("#npImage").addClass('spinnit');
}).bind('pause', function () { }).bind('pause', function () {
playing = false; playing = false;
npAction.text('Paused...'); npAction.text('Paused...');
$("#npImage").removeClass('spinnit');
}).bind('ended', function () { }).bind('ended', function () {
npAction.text('Paused...'); npAction.text('Paused...');
if ((index + 1) < trackCount) { if ((index + 1) < trackCount) {
@ -603,6 +382,7 @@
if ((index - 1) > -1) { if ((index - 1) > -1) {
index--; index--;
loadTrack(index); loadTrack(index);
playTrack(index);
if (playing) { if (playing) {
audio.play(); audio.play();
} }
@ -616,6 +396,7 @@
if ((index + 1) < trackCount) { if ((index + 1) < trackCount) {
index++; index++;
loadTrack(index); loadTrack(index);
playTrack(index);
if (playing) { if (playing) {
audio.play(); audio.play();
} }
@ -627,33 +408,198 @@
}), }),
li = $('#plList li').click(function () { li = $('#plList li').click(function () {
var id = parseInt($(this).index()); var id = parseInt($(this).index());
if (id !== index) { if (id !== index || playing == false) {
playTrack(id); playTrack(id);
}else {
audio.pause();
} }
}), }),
loadTrack = function (id) { loadTrack = function (id) {
$('.plSel').removeClass('plSel');
$('#plList li:eq(' + id + ')').addClass('plSel');
npTitle.text(tracks[id].name); npTitle.text(tracks[id].name);
index = id; index = id;
audio.src = mediaPath + tracks[id].file + extension; audio.src = mediaPath + tracks[id].file + extension;
$('audio').attr("data-matomo-title", tracks[id].name); $('audio').attr("data-matomo-title", tracks[id].name);
$("#npImage").attr('style', 'background-image:url(' + tracks[id].image + '.jpeg)');
}, },
playTrack = function (id) { playTrack = function (id) {
$('.plSel').removeClass('plSel');
$('#plList li:eq(' + id + ')').addClass('plSel');
loadTrack(id); loadTrack(id);
audio.play(); audio.play();
}; };
extension = audio.canPlayType('audio/mpeg') ? '.mp3' : audio.canPlayType('audio/ogg') ? '.ogg' : ''; extension = audio.canPlayType('audio/mpeg') ? '.mp3' : audio.canPlayType('audio/ogg') ? '.ogg' : '';
loadTrack(index); loadTrack(index);
} }
}); });
</script> </script>
<!-- Footer -->
<!-- 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', 'Spotify']);" target="_blank" rel="noopener" href="https://open.spotify.com/artist/0gus2IdSkfrvFDBPqeiksM/" title="Stream from Spotify" class="icon fab fa-spotify"><span class="label">Spotify</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Tidal']);" target="_blank" rel="noopener" href="https://listen.tidal.com/artist/10745925" title="Stream from Tidal" class="icon fab fa-creative-commons-sampling"><span class="label">Tidal</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'AppleMusic']);" target="_blank" rel="noopener" href="https://itunes.apple.com/us/artist/%E5%BE%92-setto-%E3%82%BB%E3%83%83%E3%83%88/1447055514" title="Stream from Apple Music" class="icon fab fa-apple"><span class="label">Apple Music</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'GooglePlay']);" target="_blank" rel="noopener" href="https://play.google.com/store/music/artist/%E5%BE%92_setto_%E3%82%BB%E3%83%83%E3%83%88?id=Ayi4avjpfyinbrepzebpsvpjc5a" title="Stream from Google Play" class="icon fab fa-google-play"><span class="label">Google Play</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Deezer']);" target="_blank" rel="noopener" href="https://www.deezer.com/fr/artist/56004012" title="Stream from Deezer" class="icon fab fa-deezer"><span class="label">Deezer</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Napster']);" target="_blank" rel="noopener" href="https://us.napster.com/artist/-setto-" title="Stream from Napster" class="icon fab fa-napster"><span class="label">Napster</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Youtube']);" target="_blank" rel="noopener" href="https://www.youtube.com/channel/UCKlONOrOgNQjBjxUyPj4jcw/playlists" title="Stream from Youtube" class="icon fab fa-youtube"><span class="label">Youtube</span></a>
</div>
</section>
<footer>
<div>
<h3>徒 setto セット</h3>
<p>Set, Party, Gang! &#35;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="/about/">About</a></li>
<li><a href="/links/">Links</a></li>
</ul>
</div>
<div><img src="../images/setto_logo.svg" width="100%" alt="徒 setto セット Logo" /></div>
<div style="text-align: center;">
<a target="_blank" alt="徒 setto セット on Twitter" title="徒 setto セット on Twitter" rel="noopener"
href="https://twitter.com/ToSettoSetto" class="icon small fab fa-twitter"><span class="label">Twitter</span></a>
<a target="_blank" alt="徒 setto セット on Instagram" title="徒 setto セット on Instagram" rel="noopener"
href="https://www.instagram.com/tosettosetto/" class="icon small fab fa-instagram"><span class="label">Instagram</span></a>
<a target="_blank" alt="徒 setto セット on Telegram" title="徒 setto セット on Telegram" rel="noopener"
href="https://t.me/basspistol" 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" href="mailto:setto@basspistol.com" class="icon small fas fa-envelope-open-text"><span
class="label">Email</span></a>
</div>
<small>
<p>&copy;2020 Basspistol | <a href="../webcreds/">Credits</a> | <a
href="../cookies/">Cookies & Privacy</a></p>
</small>
</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="../" class="button">home</a></li>
<li><a href="../discography/" class="button">Discog</a></li>
<li><a href="../log/" class="button">Log</a></li>
<li><a href="../about/" class="button">About</a></li>
<li><a href="../links/" class="button">Links</a></li>
</ul>
</nav>
</div>
<!-- End Navigation -->
<div id="cookie-notice"> <div id="cookie-notice">
<p>I only use cookies if you consent to it. They don't contain any identifiable info: they just let me know if you enjoyed this enough to come back. <br />Click <a href="#" id="cookie-notice-decline">here</a> if you want this shit to go away without cookies. <br />Read more about how me & basspistol <a href="/cookies/">use cookies</a> </p>
<a class="button small yes" href="#" id="cookie-notice-accept">I'm in!</a> <p>I only use cookies if you consent to it. They don't contain any identifiable info: they just let me know if you
enjoyed this enough to come back.
<br />Click <a href="#" id="cookie-notice-decline">here</a> if you want this shit to go away without cookies.
<br />Read more about how me & basspistol <a href="/cookies/">use cookies</a>
</p>
<a class="button yes" href="#"
id="cookie-notice-accept">I'm in!</a>
</div> </div>
<script> <script>
@ -752,5 +698,12 @@ _paq.push(['enableLinkTracking']);
</script> </script>
<!-- Scripts -->
<script src="../assets/js/set.js"></script>
</body> </body>
</html> </html>

960
darkweb/index.html
View file

File diff suppressed because it is too large Load diff

568
discography/index.html
View file

@ -1,8 +1,7 @@
<!DOCTYPE html> <!DOCTYPE HTML>
<!-- <!--
Based on _Story_ by html5up.net | @ajlkn Publikatorized by Sakrecoer
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
Remixed and Jekyllified by Setto
--> -->
<html lang="en"> <html lang="en">
<head> <head>
@ -39,7 +38,7 @@
<title>Discography | 徒 setto セット</title> <title>Discography | 徒 setto セット</title>
<meta name="title" content="Discography | 徒 setto セット" /> <meta name="title" content="Discography | 徒 setto セット" />
<meta name="description" content="Collection of music releases published by 徒 setto セット over the years." /> <meta name="description" content="Collection of music releases published by 徒 setto セット over the years." />
<meta name="dc.date.modified" scheme="ISO8601" content="2020-08-04T07:07:00+00:00" /> <meta name="dc.date.modified" scheme="ISO8601" content="2020-08-04T10:18:11+00:00" />
<meta name="robots" content="index" /> <meta name="robots" content="index" />
<link rel="canonical" href="https://setto.basspistol.com/discography/" /> <link rel="canonical" href="https://setto.basspistol.com/discography/" />
@ -74,7 +73,7 @@
<meta property="og:url" content="https://setto.basspistol.com/discography/" /> <meta property="og:url" content="https://setto.basspistol.com/discography/" />
<meta property="og:site_name" content="徒 setto セット" /> <meta property="og:site_name" content="徒 setto セット" />
<meta property="og:type" content="webpage" /> <meta property="og:type" content="webpage" />
<meta property="article:published_time" content="2020-08-04T07:07:00+00:00" /> <meta property="article:published_time" content="2020-08-04T10:18:11+00:00" />
<meta property="og:image" content="https://setto.basspistol.com/images/pages/jack-hamilton-CMnNiQBkwBI-unsplash.jpg" /> <meta property="og:image" content="https://setto.basspistol.com/images/pages/jack-hamilton-CMnNiQBkwBI-unsplash.jpg" />
<!-- Twitter Card --> <!-- Twitter Card -->
@ -116,382 +115,208 @@
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" /> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
<link rel="stylesheet" href="../assets/css/main20200727.css" /> <link rel="stylesheet" href="../assets/css/all.min.css" />
<link rel="stylesheet" href="../assets/css/main.css" />
<link rel="apple-touch-icon" href="https://setto.basspistol.com/apple-touch-icon.png" /> <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="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" /> <link rel="shortcut icon" href="https://setto.basspistol.com/images/setto-logoicon.svg" type="image/png" />
<noscript><link rel="stylesheet" href="../assets/css/noscript20200727.css" /></noscript> <noscript><link rel="stylesheet" href="../assets/css/noscripts.css" /></noscript>
</head> </head>
<body id="body"> <body>
<span id="top" style="display: none;"></span> <!-- Wrapper -->
<!-- Wrapper --> <div id="main-wrapper">
<div id="wrapper" class="divided" data-cms-content-wrapper="/_layouts/default.html">
<!-- Banner -->
<section class="banner onload-image-fade-in onload-content-fade-right style2 fullscreen content-align-center image-position-center" style="min-height:100vh;">
<div class="content editable" data-cms-source="/discography.html" data-cms-index="0">
<h1 class="editable" data-cms-source="/discography.html" data-cms-index="1">Discog</h1>
<header class="hero" style="background-image: url(/images/pages/jack-hamilton-CMnNiQBkwBI-unsplash.jpg);">
<div>
<h1>Discography</h1>
<p>Collection of music releases published by 徒 setto セット over the years.</p> <p>Collection of music releases published by 徒 setto セット over the years.</p>
<ul class="actions stacked"> </div>
<li><a href="#moe" class="button small smooth-scroll">Cheggit!</a></li> <div class="imagecontainer"></div>
</ul> </header>
</div>
<div class="image">
<img src="/images/pages/jack-hamilton-CMnNiQBkwBI-unsplash.jpg" alt="Discography" class="editable" data-cms-source="/discography.html" data-cms-index="2" />
</div>
</section>
<section class="news" style="margin:0;">
<div style="background-image:url(../images/posts/final-pingnucover1220x1200.jpg"></div>
<div class="description">
<h2>Unmet Dependencies</h2>
<p><strong>
2:nd
of
August
2020
</strong></p>
<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>
<p><a href="../unmet-dependencies/" class="button">Read post</a></p>
</div>
<section class="wrapper style1 align-center" id="moe">
</section> </section>
<section class="news" style="margin:0;">
<section class="spotlight style4 orient-left content-align-left image-position-center onscroll-image-fade-in" style="box-shadow: none;" > <div style="background-image:url(../images/posts/1-ep-life-of-a-dudelini.jpeg"></div>
<div class="content"> <div class="description">
<h1>Unmet Dependencies</h1> <h2>Live with hardware</h2>
<p><strong>
19:th
of
April
2020
</strong></p>
<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="../live-with-hardware/" class="button">Read post</a></p>
</div>
<p>2020</p>
<p style="margin-bottom: 30px; font-size: 14px">
<strong>1. Dependency Error</strong><br />
<span>5:13</span> |
<span style="font-size: 14px">Cybersoul </span>
</p>
<p style="margin-bottom: 30px; font-size: 14px">
<strong>2. Pingnu</strong><br />
<span>3:42</span> |
<span style="font-size: 14px">Cybersoul </span>
</p>
<br />
<ul class="actions stacked">
<li><a href="/unmet-dependencies/" class="button small icon solid fa-volume-up">Listen</a>
</li>
</ul>
</div>
<div class="image">
<img src="/images/posts/final-pingnucover1220x1200.jpg" alt="Unmet Dependencies" title="Unmet Dependencies" />
</div>
</section> </section>
<section class="spotlight style4 orient-right content-align-left image-position-center onscroll-image-fade-in" > <section class="news" style="margin:0;">
<div class="content">
<h1>Live with hardware</h1> <div style="background-image:url(../images/posts/1-grandma-got-the-ssh-keys.jpeg"></div>
<div class="description">
<h2>Granny is a cyborg now</h2>
<p><strong>
12:th
of
December
2019
</strong></p>
<p>Jazzy Cybersoul with a hint of 303 baselines.</p>
<p><a href="../cyber-grany/" class="button">Read post</a></p>
</div>
<p>2020</p>
<p style="margin-bottom: 30px; font-size: 14px">
<strong>1. EP-Life of a Dudelini</strong><br />
<span>11:23</span> |
<span style="font-size: 14px">Cybersoul </span>
</p>
<br />
<ul class="actions stacked">
<li><a href="/live-with-hardware/" class="button small icon solid fa-volume-up">Listen</a>
</li>
</ul>
</div>
<div class="image">
<img src="/images/posts/1-ep-life-of-a-dudelini.jpeg" alt="Live with hardware" title="Live with hardware" />
</div>
</section> </section>
<section class="spotlight style4 orient-left content-align-left image-position-center onscroll-image-fade-in" > <section class="news" style="margin:0;">
<div class="content">
<h1>Granny is a cyborg now</h1> <div style="background-image:url(../images/darkweb.jpg"></div>
<div class="description">
<h2>Darkweb</h2>
<p><strong>
7:th
of
February
2019
</strong></p>
<p>As dystopian as the present might seem on-line, there is always room for the strange in the cypher...</p>
<p><a href="../darkweb/" class="button">Read post</a></p>
</div>
<p>2019</p>
<p style="margin-bottom: 30px; font-size: 14px">
<strong>1. Grandma got the SSH keys</strong><br />
<span>3:22</span> |
<span style="font-size: 14px">Acid Trap </span>
</p>
<br />
<ul class="actions stacked">
<li><a href="/cyber-grany/" class="button small icon solid fa-volume-up">Listen</a>
</li>
</ul>
</div>
<div class="image">
<img src="/images/posts/1-grandma-got-the-ssh-keys.jpeg" alt="Granny is a cyborg now" title="Granny is a cyborg now" />
</div>
</section> </section>
<section class="spotlight style4 orient-right content-align-left image-position-center onscroll-image-fade-in" > <section class="news" style="margin:0;">
<div class="content">
<h1>Darkweb</h1> <div style="background-image:url(../images/posts/1-k-as-tu-fait-de-nous-.jpeg"></div>
<div class="description">
<h2>Satoshi Mon Ami</h2>
<p><strong>
17:th
of
December
2018
</strong></p>
<p>The 2 tracks of laid back cloud rap are tales of daily digital life-struggles. When day-to-day communication blurs the line between the virtual and real.</p>
<p><a href="../satoshi-mon-ami/" class="button">Read post</a></p>
</div>
<p>2019</p>
<p style="margin-bottom: 30px; font-size: 14px">
<strong>1. Swipe</strong><br />
<span>4:41</span> |
<span style="font-size: 14px">Cyber Soul </span>
</p>
<p style="margin-bottom: 30px; font-size: 14px">
<strong>2. Darkweb</strong><br />
<span>4:45</span> |
<span style="font-size: 14px">Cypher Rap </span>
</p>
<p style="margin-bottom: 30px; font-size: 14px">
<strong>3. Swipe (Instrumental)</strong><br />
<span>4:42</span> |
<span style="font-size: 14px">Cyber Soul </span>
</p>
<p style="margin-bottom: 30px; font-size: 14px">
<strong>4. Darkweb (Instrumental)</strong><br />
<span>4:44</span> |
<span style="font-size: 14px">Cypher Rap </span>
</p>
<br />
<ul class="actions stacked">
<li><a href="/darkweb/" class="button small icon solid fa-volume-up">Listen</a>
</li>
</ul>
</div>
<div class="image">
<img src="/images/darkweb.jpg" alt="Darkweb" title="Darkweb" />
</div>
</section> </section>
<section class="spotlight style4 orient-left content-align-left image-position-center onscroll-image-fade-in" >
<div class="content">
<h1>Satoshi Mon Ami</h1>
<p>2018</p>
<p style="margin-bottom: 30px; font-size: 14px">
<strong>1. K'as-tu fait de nous?</strong><br />
<span>5:05</span> |
<span style="font-size: 14px">Cyber Soul </span>
</p>
<p style="margin-bottom: 30px; font-size: 14px">
<strong>2. Rêve de toi</strong><br />
<span>3:06</span> |
<span style="font-size: 14px">Cyber Soul </span>
</p>
<br />
<ul class="actions stacked">
<li><a href="/satoshi-mon-ami/" class="button small icon solid fa-volume-up">Listen</a>
</li>
</ul>
</div>
<div class="image">
<img src="/images/posts/1-k-as-tu-fait-de-nous-.jpeg" alt="Satoshi Mon Ami" title="Satoshi Mon Ami" />
</div>
</section>
<!-- Footer --> <!-- Footer -->
<!-- Footer -->
<section class="streambox" style="padding: 40px;">
<h2 style="text-align: center;display: block;">Support 徒 setto セット</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" alt="Stream from Bandcamp" title="Stream from Bandcamp" class="button small icon brands fa-bandcamp">Bandcamp</a>
<section class="streambox">
<h2>Support 徒 setto セット</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', 'Spotify']);" target="_blank" rel="noopener" href="https://open.spotify.com/artist/0gus2IdSkfrvFDBPqeiksM/" title="Stream from Spotify" class="icon fab fa-spotify"><span class="label">Spotify</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Tidal']);" target="_blank" rel="noopener" href="https://listen.tidal.com/artist/10745925" title="Stream from Tidal" class="icon fab fa-creative-commons-sampling"><span class="label">Tidal</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'AppleMusic']);" target="_blank" rel="noopener" href="https://itunes.apple.com/us/artist/%E5%BE%92-setto-%E3%82%BB%E3%83%83%E3%83%88/1447055514" title="Stream from Apple Music" class="icon fab fa-apple"><span class="label">Apple Music</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'GooglePlay']);" target="_blank" rel="noopener" href="https://play.google.com/store/music/artist/%E5%BE%92_setto_%E3%82%BB%E3%83%83%E3%83%88?id=Ayi4avjpfyinbrepzebpsvpjc5a" title="Stream from Google Play" class="icon fab fa-google-play"><span class="label">Google Play</span></a>
</div>
<h2 style="text-align: center;display: block;">&nbsp;</h2>
<div class="streamer">
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Deezer']);" target="_blank" rel="noopener" href="https://www.deezer.com/fr/artist/56004012" title="Stream from Deezer" class="icon fab fa-deezer"><span class="label">Deezer</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Spotify']);" target="_blank" rel="noopener" href="https://open.spotify.com/artist/0gus2IdSkfrvFDBPqeiksM/" alt="Stream from Spotify" title="Stream from Spotify" class="button small icon brands fa-spotify">Spotify</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Tidal']);" target="_blank" rel="noopener" href="https://listen.tidal.com/artist/10745925" alt="Stream from Tidal" title="Stream from Tidal" class="button small icon brands fa-creative-commons-sampling">Tidal</a> <a onclick="_paq.push(['trackEvent', 'StoreLink', 'Napster']);" target="_blank" rel="noopener" href="https://us.napster.com/artist/-setto-" title="Stream from Napster" class="icon fab fa-napster"><span class="label">Napster</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'AppleMusic']);" target="_blank" rel="noopener" href="https://itunes.apple.com/us/artist/%E5%BE%92-setto-%E3%82%BB%E3%83%83%E3%83%88/1447055514" alt="Stream from Apple Music" title="Stream from Apple Music" class="button small icon brands fa-apple">Apple Music</a> <a onclick="_paq.push(['trackEvent', 'StoreLink', 'Youtube']);" target="_blank" rel="noopener" href="https://www.youtube.com/channel/UCKlONOrOgNQjBjxUyPj4jcw/playlists" title="Stream from Youtube" class="icon fab fa-youtube"><span class="label">Youtube</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'GooglePlay']);" target="_blank" rel="noopener" href="https://play.google.com/store/music/artist/%E5%BE%92_setto_%E3%82%BB%E3%83%83%E3%83%88?id=Ayi4avjpfyinbrepzebpsvpjc5a" alt="Stream from Google Play" title="Stream from Google Play" class="button small icon brands fa-google-play">Google Play</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Deezer']);" target="_blank" rel="noopener" href="https://www.deezer.com/fr/artist/56004012" alt="Stream from Deezer" title="Stream from Deezer" class="button small icon brands fa-creative-commons-sampling">Deezer</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Napster']);" target="_blank" rel="noopener" href="https://us.napster.com/artist/-setto-" alt="Stream from Napster" title="Stream from Napster" class="button small icon brands fa-napster">Napster</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Youtube']);" target="_blank" rel="noopener" href="https://www.youtube.com/channel/UCKlONOrOgNQjBjxUyPj4jcw/playlists" alt="Stream from Youtube" title="Stream from Youtube" class="button small icon brands fa-youtube">Youtube</a>
</div>
</section>
<footer id="footer" class="wrapper style1 align-center">
<div class="footflex">
<div>
<h4>徒 setto セット</h4>
<p>Set, Party, Gang! &#35;Cybersoul.
<br /><a href="mailto:setto@basspistol.com">setto@basspistol.com</a></p>
</div> </div>
</section>
<footer>
<div> <div>
<h3>徒 setto セット</h3>
<p>Set, Party, Gang! &#35;Cybersoul.</p>
<ul> <ul>
<li><a href="/">Home</a></li> <li><a href="../">Home</a></li>
<li><a href="/discography/">Discog</a></li> <li><a href="/discography/">Discog</a></li>
@ -504,91 +329,93 @@
</ul> </ul>
</div> </div>
<div><img src="/images/setto-logo-dark.svg" style="max-width:300px" alt="徒 setto セット Logo" /></div> <div><img src="../images/setto_logo.svg" width="100%" alt="徒 setto セット Logo" /></div>
<div style="text-align: center;">
<a target="_blank" alt="徒 setto セット on Twitter" title="徒 setto セット on Twitter" rel="noopener"
href="https://twitter.com/ToSettoSetto" class="icon small fab fa-twitter"><span class="label">Twitter</span></a>
<a target="_blank" alt="徒 setto セット on Instagram" title="徒 setto セット on Instagram" rel="noopener"
href="https://www.instagram.com/tosettosetto/" class="icon small fab fa-instagram"><span class="label">Instagram</span></a>
<a target="_blank" alt="徒 setto セット on Telegram" title="徒 setto セット on Telegram" rel="noopener"
href="https://t.me/basspistol" 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" href="mailto:setto@basspistol.com" class="icon small fas fa-envelope-open-text"><span
class="label">Email</span></a>
</div> </div>
<div class="inner"> <small>
<ul class="icons">
<p>&copy;2020 Basspistol | <a href="../webcreds/">Credits</a> | <a
<li><a target="_blank" alt="徒 setto セット on Twitter" title="徒 setto セット on Twitter" rel="noopener" href="https://twitter.com/ToSettoSetto" class="icon brands style2 fa-twitter"><span class="label">Twitter</span></a></li> href="../cookies/">Cookies & Privacy</a></p>
</small>
<li><a target="_blank" alt="徒 setto セット on Instagram" title="徒 setto セット on Instagram" rel="noopener" href="https://www.instagram.com/tosettosetto/" class="icon brands style2 fa-instagram"><span class="label">Instagram</span></a></li>
<li><a target="_blank" alt="徒 setto セット on Telegram" title="徒 setto セット on Telegram" rel="noopener" href="https://t.me/basspistol" class="icon brands style2 fa-telegram"><span class="label">Telegram</span></a></li>
<li><a target="_blank" alt="徒 setto セット on Reddit" title="徒 setto セット on Reddit" rel="noopener" href="https://www.reddit.com/r/basspistol" class="icon brands style2 fa-reddit"><span class="label">Reddit</span></a></li>
</ul>
<p>&copy;2020 Basspistol | <a href="/webcreds/">Credits</a> | <a href="/cookies/">Cookies & Privacy</a></p>
</div>
</footer> </footer>
</div> <!-- END Footer -->
<!-- Navigation -->
<div id="logo" class="logo">
<a href="/"><img width="100em" src="/images/setto-logoicon.svg" alt="徒 setto セット Logo" /></a>
&nbsp;&nbsp;&nbsp;<a href="#navbar" onclick="blurBody()" alt="Navigation Menu" title="Navigation Menu"><span class="icon solid fa-bars navmenu"></span></a>
</div>
<div id="navbar" style="display: block;" class="modalDialog">
<a href="#close" onclick="removeBlur()" alt="Close Menu" title="Close Menu"><div id="closearea"> </div></a> </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> <nav>
<a href="#close" title="Close" onclick="removeBlur()" class="close-button close" style="margin: 0 auto;">X</a> <a href="#close" title="Close" onclick="removeBlur()" class="close-button">X</a>
<ul> <ul>
<li><a href="../" class="button smaller">Home</a></li> <li><a href="../" class="button">home</a></li>
<li><a href="../discography/" class="button smaller">Discog</a></li> <li><a href="../discography/" class="button">Discog</a></li>
<li><a href="../log/" class="button smaller">Log</a></li> <li><a href="../log/" class="button">Log</a></li>
<li><a href="../about/" class="button smaller">About</a></li> <li><a href="../about/" class="button">About</a></li>
<li><a href="../links/" class="button smaller">Links</a></li> <li><a href="../links/" class="button">Links</a></li>
</ul> </ul>
</nav> </nav>
</div> </div>
<!-- End Navigation --> <!-- End Navigation -->
<!-- Scripts -->
<script src="../assets/js/jquery.min.js"></script>
<script src="../assets/js/jquery.scrollex.min.js"></script>
<script src="../assets/js/jquery.scrolly.min.js"></script>
<script src="../assets/js/browser.min.js"></script>
<script src="../assets/js/breakpoints.min.js"></script>
<script src="../assets/js/util.js"></script>
<script src="../assets/js/main.js"></script>
<script src="../assets/js/set.js"></script>
<div id="cookie-notice"> <div id="cookie-notice">
<p>I only use cookies if you consent to it. They don't contain any identifiable info: they just let me know if you enjoyed this enough to come back. <br />Click <a href="#" id="cookie-notice-decline">here</a> if you want this shit to go away without cookies. <br />Read more about how me & basspistol <a href="/cookies/">use cookies</a> </p>
<a class="button small yes" href="#" id="cookie-notice-accept">I'm in!</a> <p>I only use cookies if you consent to it. They don't contain any identifiable info: they just let me know if you
enjoyed this enough to come back.
<br />Click <a href="#" id="cookie-notice-decline">here</a> if you want this shit to go away without cookies.
<br />Read more about how me & basspistol <a href="/cookies/">use cookies</a>
</p>
<a class="button yes" href="#"
id="cookie-notice-accept">I'm in!</a>
</div> </div>
<script> <script>
@ -687,5 +514,12 @@ _paq.push(['enableLinkTracking']);
</script> </script>
<!-- Scripts -->
<script src="../assets/js/set.js"></script>
</body> </body>
</html> </html>

28
feed.xml
View file

@ -6,7 +6,7 @@
<atom:link href="https://setto.basspistol.com/rss.xml" rel="self" type="application/rss+xml" /> <atom:link href="https://setto.basspistol.com/rss.xml" rel="self" type="application/rss+xml" />
<link>https://setto.basspistol.com</link> <link>https://setto.basspistol.com</link>
<description>Set, Party, Gang! &amp;#35;Cybersoul.</description> <description>Set, Party, Gang! &amp;#35;Cybersoul.</description>
<lastBuildDate>Tue, 04 Aug 2020 07:07:03 +0000</lastBuildDate> <lastBuildDate>Tue, 04 Aug 2020 10:18:15 +0000</lastBuildDate>
<language>en-US</language> <language>en-US</language>
<sy:updatePeriod>hourly</sy:updatePeriod> <sy:updatePeriod>hourly</sy:updatePeriod>
<sy:updateFrequency>1</sy:updateFrequency> <sy:updateFrequency>1</sy:updateFrequency>
@ -35,6 +35,22 @@
<rawvoice:rating>TV-14</rawvoice:rating> <rawvoice:rating>TV-14</rawvoice:rating>
<rawvoice:frequency>Daily</rawvoice:frequency> <rawvoice:frequency>Daily</rawvoice:frequency>
<item>
<title>333mix</title>
<link>https://setto.basspistol.com/333mix/</link>
<guid isPermaLink="true">https://setto.basspistol.com/333mix/</guid>
<description> &lt;img src=&quot;https://setto.basspistol.com/images/posts/333mix.jpg&quot; /&gt; &lt;br /&gt;Pignu got Chopped &amp; Screwed by KodTreatment</description>
<category>Web Logs</category>
<author>setto</author>
<pubDate>Mon, 03 Aug 2020 00:00:00 +0000</pubDate>
<itunes:author>setto</itunes:author>
<itunes:explicit>Yes</itunes:explicit>
<itunes:subtitle>Pignu got Chopped &amp; Screwed by KodTreatment</itunes:subtitle>
<itunes:summary>Pignu got Chopped &amp; Screwed by KodTreatment</itunes:summary>
<itunes:keywords></itunes:keywords>
<itunes:image href="https://setto.basspistol.com/images/posts/333mix.jpg"/>
</item>
<item> <item>
<title>Unmet Dependencies</title> <title>Unmet Dependencies</title>
<link>https://setto.basspistol.com/unmet-dependencies/</link> <link>https://setto.basspistol.com/unmet-dependencies/</link>
@ -51,7 +67,7 @@ Open your mind, open the source!</itunes:subtitle>
<itunes:summary>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. <itunes:summary>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!</itunes:summary> Open your mind, open the source!</itunes:summary>
<itunes:keywords></itunes:keywords> <itunes:keywords>EP</itunes:keywords>
<itunes:image href="https://setto.basspistol.com/images/posts/final-pingnucover1220x1200.jpg"/> <itunes:image href="https://setto.basspistol.com/images/posts/final-pingnucover1220x1200.jpg"/>
</item> </item>
@ -67,7 +83,7 @@ Open your mind, open the source!</itunes:summary>
<itunes:explicit>Yes</itunes:explicit> <itunes:explicit>Yes</itunes:explicit>
<itunes:subtitle>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</itunes:subtitle> <itunes:subtitle>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</itunes:subtitle>
<itunes:summary>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</itunes:summary> <itunes:summary>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</itunes:summary>
<itunes:keywords></itunes:keywords> <itunes:keywords>single</itunes:keywords>
<itunes:image href="https://setto.basspistol.com/images/posts/1-ep-life-of-a-dudelini.jpeg"/> <itunes:image href="https://setto.basspistol.com/images/posts/1-ep-life-of-a-dudelini.jpeg"/>
</item> </item>
@ -83,7 +99,7 @@ Open your mind, open the source!</itunes:summary>
<itunes:explicit>Yes</itunes:explicit> <itunes:explicit>Yes</itunes:explicit>
<itunes:subtitle>Jazzy Cybersoul with a hint of 303 baselines.</itunes:subtitle> <itunes:subtitle>Jazzy Cybersoul with a hint of 303 baselines.</itunes:subtitle>
<itunes:summary>Jazzy Cybersoul with a hint of 303 baselines.</itunes:summary> <itunes:summary>Jazzy Cybersoul with a hint of 303 baselines.</itunes:summary>
<itunes:keywords></itunes:keywords> <itunes:keywords>single</itunes:keywords>
<itunes:image href="https://setto.basspistol.com/images/posts/1-grandma-got-the-ssh-keys.jpeg"/> <itunes:image href="https://setto.basspistol.com/images/posts/1-grandma-got-the-ssh-keys.jpeg"/>
</item> </item>
@ -99,7 +115,7 @@ Open your mind, open the source!</itunes:summary>
<itunes:explicit>Yes</itunes:explicit> <itunes:explicit>Yes</itunes:explicit>
<itunes:subtitle>As dystopian as the present might seem on-line, there is always room for the strange in the cypher...</itunes:subtitle> <itunes:subtitle>As dystopian as the present might seem on-line, there is always room for the strange in the cypher...</itunes:subtitle>
<itunes:summary>As dystopian as the present might seem on-line, there is always room for the strange in the cypher...</itunes:summary> <itunes:summary>As dystopian as the present might seem on-line, there is always room for the strange in the cypher...</itunes:summary>
<itunes:keywords></itunes:keywords> <itunes:keywords>EP</itunes:keywords>
<itunes:image href="https://setto.basspistol.com/images/darkweb.jpg"/> <itunes:image href="https://setto.basspistol.com/images/darkweb.jpg"/>
</item> </item>
@ -115,7 +131,7 @@ Open your mind, open the source!</itunes:summary>
<itunes:explicit>Yes</itunes:explicit> <itunes:explicit>Yes</itunes:explicit>
<itunes:subtitle>The 2 tracks of laid back cloud rap are tales of daily digital life-struggles. When day-to-day communication blurs the line between the virtual and real.</itunes:subtitle> <itunes:subtitle>The 2 tracks of laid back cloud rap are tales of daily digital life-struggles. When day-to-day communication blurs the line between the virtual and real.</itunes:subtitle>
<itunes:summary>The 2 tracks of laid back cloud rap are tales of daily digital life-struggles. When day-to-day communication blurs the line between the virtual and real.</itunes:summary> <itunes:summary>The 2 tracks of laid back cloud rap are tales of daily digital life-struggles. When day-to-day communication blurs the line between the virtual and real.</itunes:summary>
<itunes:keywords></itunes:keywords> <itunes:keywords>EP</itunes:keywords>
<itunes:image href="https://setto.basspistol.com/images/posts/1-k-as-tu-fait-de-nous-.jpeg"/> <itunes:image href="https://setto.basspistol.com/images/posts/1-k-as-tu-fait-de-nous-.jpeg"/>
</item> </item>

BIN
images/posts/333mix.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 60 KiB

2
images/setto-logo.svg
View file

@ -1,4 +1,4 @@
<svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" id="svg927" fill="#eeeeee" version="1.1" width="416.57043" height="91.665543" viewBox="0 0 110.21759 24.253175"> <svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" id="svg927" fill="#ebdbf8" version="1.1" width="416.57043" height="91.665543" viewBox="0 0 110.21759 24.253175">
<g id="g1355"> <g id="g1355">
<path id="path825" d="m 18.776752,19.26664 c -0.84149,-0.23758 -1.5619,-0.48815 -1.6009,-0.55683 -0.13389,-0.23576 1.17519,-6.64433 1.38113,-6.76129 0.1714,-0.0973 2.18286,1.83925 2.58728,2.49098 0.13901,0.22399 -0.53248,5.08585 -0.71688,5.19057 -0.0664,0.0377 -0.80914,-0.12586 -1.65063,-0.36343 z m -7.71412,3.6497 c -0.11943,-0.10151 -0.46471,-0.76441 -0.76727,-1.47311 l -0.55013,-1.28856 3.0905,-1.82263 c 1.69978,-1.00245 3.13215,-1.7493 3.18305,-1.65966 0.16047,0.28255 -0.35523,3.62001 -0.60662,3.9259 -0.46822,0.56974 -4.11797,2.51485 -4.34953,2.31806 z m -6.3649,-3.70632 c -1.25796,-0.50119 -2.32429,-0.97659 -2.36964,-1.05643 -0.0913,-0.16071 1.26536,-2.75645 1.5146,-2.89799 0.1698,-0.0964 5.98831,2.32745 6.40084,2.66648 0.2054,0.1688 -0.0672,0.38679 -1.50386,1.20269 l -1.75474,0.99652 z m 16.18215,-7.2164 c -0.50323,-0.2754 -4.16428,-5.03379 -3.96153,-5.14894 0.032,-0.0182 0.92215,-0.0526 1.97817,-0.0766 l 1.92003,-0.0436 1.47937,1.66712 c 1.05116,1.18456 1.45442,1.75759 1.39322,1.97969 -0.10705,0.38842 -2.51888,1.78126 -2.80926,1.62235 z M 4.112442,13.68166 2.484422,12.9594 1.886542,10.71411 C 1.557712,9.4792 1.304552,8.41117 1.323962,8.34071 c 0.0194,-0.0705 0.75331,-0.23119 1.63087,-0.35719 1.75007,-0.25126 1.80708,-0.21501 2.16317,1.37546 0.12108,0.54084 0.41232,1.84403 0.64718,2.89598 0.23486,1.05195 0.32538,1.96581 0.20115,2.0308 -0.12423,0.065 -0.95848,-0.20686 -1.85389,-0.6041 z m 10.30409,-8.18967 c -1.67351,-0.0303 -3.09954,-0.15056 -3.16895,-0.26719 -0.0694,-0.11662 0.30683,-0.87455 0.83608,-1.68429 l 0.96229,-1.47226 2.06111,-0.0348 c 3.31853,-0.0561 3.09724,-0.18375 2.91885,1.68397 -0.084,0.87994 -0.24591,1.6516 -0.35972,1.71482 -0.11384,0.0632 -1.57615,0.0901 -3.24966,0.0598 z m -7.77928,3.31209 c -0.25432,-0.48092 -1.2349,-3.29514 -1.1932,-3.42443 0.15114,-0.46861 2.47205,-4.02087 2.65002,-4.05596 0.21024,-0.0415 2.33773,1.6074 2.54508,1.97252 0.079,0.13916 -3.46469,5.63381 -3.731,5.78505 -0.0526,0.0299 -0.17449,-0.0949 -0.2709,-0.27718 z"></path> <path id="path825" d="m 18.776752,19.26664 c -0.84149,-0.23758 -1.5619,-0.48815 -1.6009,-0.55683 -0.13389,-0.23576 1.17519,-6.64433 1.38113,-6.76129 0.1714,-0.0973 2.18286,1.83925 2.58728,2.49098 0.13901,0.22399 -0.53248,5.08585 -0.71688,5.19057 -0.0664,0.0377 -0.80914,-0.12586 -1.65063,-0.36343 z m -7.71412,3.6497 c -0.11943,-0.10151 -0.46471,-0.76441 -0.76727,-1.47311 l -0.55013,-1.28856 3.0905,-1.82263 c 1.69978,-1.00245 3.13215,-1.7493 3.18305,-1.65966 0.16047,0.28255 -0.35523,3.62001 -0.60662,3.9259 -0.46822,0.56974 -4.11797,2.51485 -4.34953,2.31806 z m -6.3649,-3.70632 c -1.25796,-0.50119 -2.32429,-0.97659 -2.36964,-1.05643 -0.0913,-0.16071 1.26536,-2.75645 1.5146,-2.89799 0.1698,-0.0964 5.98831,2.32745 6.40084,2.66648 0.2054,0.1688 -0.0672,0.38679 -1.50386,1.20269 l -1.75474,0.99652 z m 16.18215,-7.2164 c -0.50323,-0.2754 -4.16428,-5.03379 -3.96153,-5.14894 0.032,-0.0182 0.92215,-0.0526 1.97817,-0.0766 l 1.92003,-0.0436 1.47937,1.66712 c 1.05116,1.18456 1.45442,1.75759 1.39322,1.97969 -0.10705,0.38842 -2.51888,1.78126 -2.80926,1.62235 z M 4.112442,13.68166 2.484422,12.9594 1.886542,10.71411 C 1.557712,9.4792 1.304552,8.41117 1.323962,8.34071 c 0.0194,-0.0705 0.75331,-0.23119 1.63087,-0.35719 1.75007,-0.25126 1.80708,-0.21501 2.16317,1.37546 0.12108,0.54084 0.41232,1.84403 0.64718,2.89598 0.23486,1.05195 0.32538,1.96581 0.20115,2.0308 -0.12423,0.065 -0.95848,-0.20686 -1.85389,-0.6041 z m 10.30409,-8.18967 c -1.67351,-0.0303 -3.09954,-0.15056 -3.16895,-0.26719 -0.0694,-0.11662 0.30683,-0.87455 0.83608,-1.68429 l 0.96229,-1.47226 2.06111,-0.0348 c 3.31853,-0.0561 3.09724,-0.18375 2.91885,1.68397 -0.084,0.87994 -0.24591,1.6516 -0.35972,1.71482 -0.11384,0.0632 -1.57615,0.0901 -3.24966,0.0598 z m -7.77928,3.31209 c -0.25432,-0.48092 -1.2349,-3.29514 -1.1932,-3.42443 0.15114,-0.46861 2.47205,-4.02087 2.65002,-4.05596 0.21024,-0.0415 2.33773,1.6074 2.54508,1.97252 0.079,0.13916 -3.46469,5.63381 -3.731,5.78505 -0.0526,0.0299 -0.17449,-0.0949 -0.2709,-0.27718 z"></path>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 24 KiB

After

Width:  |  Height:  |  Size: 24 KiB

154
images/setto_logo.svg
View file

File diff suppressed because one or more lines are too long
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 56 KiB

After

Width:  |  Height:  |  Size: 42 KiB

646
index.html
View file

@ -1,8 +1,7 @@
<!DOCTYPE html> <!DOCTYPE HTML>
<!-- <!--
Based on _Story_ by html5up.net | @ajlkn Publikatorized by Sakrecoer
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
Remixed and Jekyllified by Setto
--> -->
<html lang="en"> <html lang="en">
<head> <head>
@ -36,10 +35,10 @@
<!-- BEGIN seo.html --> <!-- BEGIN seo.html -->
<title>Yo, webTV crib! ゲットー・スービド | 徒 setto セット</title> <title>Yo, web-TV crib! ゲットー・スービド | 徒 setto セット</title>
<meta name="title" content="Yo, webTV crib! ゲットー・スービド | 徒 setto セット" /> <meta name="title" content="Yo, web-TV crib! ゲットー・スービド | 徒 setto セット" />
<meta name="description" content="The music of To Setto Setto is a cypher cloud jam induced by popcorn chewing threads in obscure chat-rooms." /> <meta name="description" content="The music of To Setto Setto is a cypher cloud jam induced by popcorn chewing threads in obscure chat-rooms." />
<meta name="dc.date.modified" scheme="ISO8601" content="2020-08-02T22:16:05+00:00" /> <meta name="dc.date.modified" scheme="ISO8601" content="2020-08-04T10:18:11+00:00" />
<meta name="robots" content="index" /> <meta name="robots" content="index" />
<link rel="canonical" href="https://setto.basspistol.com/" /> <link rel="canonical" href="https://setto.basspistol.com/" />
@ -61,25 +60,25 @@
<meta name="dcterms.Coverage" content="https://setto.basspistol.com/" /> <meta name="dcterms.Coverage" content="https://setto.basspistol.com/" />
<meta name="dcterms.Rights" content="Copyright &copy;2020 徒 setto セット." /> <meta name="dcterms.Rights" content="Copyright &copy;2020 徒 setto セット." />
<meta name="dcterms.Subject" content="The music of To Setto Setto is a cypher cloud jam induced by popcorn chewing threads in obscure chat-rooms." /> <meta name="dcterms.Subject" content="The music of To Setto Setto is a cypher cloud jam induced by popcorn chewing threads in obscure chat-rooms." />
<meta name="dcterms.Title" content="Yo, webTV crib! ゲットー・スービド" /> <meta name="dcterms.Title" content="Yo, web-TV crib! ゲットー・スービド" />
<meta name="dcterms.Contributor" content="徒 setto セット" /> <meta name="dcterms.Contributor" content="徒 setto セット" />
<meta name="dcterms.Date" content="2020-08-02" /> <meta name="dcterms.Date" content="2020-08-04" />
<meta name="dcterms.Description" content="The music of To Setto Setto is a cypher cloud jam induced by popcorn chewing threads in obscure chat-rooms." /> <meta name="dcterms.Description" content="The music of To Setto Setto is a cypher cloud jam induced by popcorn chewing threads in obscure chat-rooms." />
<!-- Facebook --> <!-- Facebook -->
<meta property="og:title" content="Yo, webTV crib! ゲットー・スービド | 徒 setto セット" /> <meta property="og:title" content="Yo, web-TV crib! ゲットー・スービド | 徒 setto セット" />
<meta property="og:locale" content="en" /> <meta property="og:locale" content="en" />
<meta property="og:description" content="The music of To Setto Setto is a cypher cloud jam induced by popcorn chewing threads in obscure chat-rooms." /> <meta property="og:description" content="The music of To Setto Setto is a cypher cloud jam induced by popcorn chewing threads in obscure chat-rooms." />
<meta property="og:url" content="https://setto.basspistol.com/" /> <meta property="og:url" content="https://setto.basspistol.com/" />
<meta property="og:site_name" content="徒 setto セット" /> <meta property="og:site_name" content="徒 setto セット" />
<meta property="og:type" content="webpage" /> <meta property="og:type" content="webpage" />
<meta property="article:published_time" content="2020-08-02T22:16:05+00:00" /> <meta property="article:published_time" content="2020-08-04T10:18:11+00:00" />
<meta property="og:image" content="https://setto.basspistol.com/siteicon.png" /> <meta property="og:image" content="https://setto.basspistol.com/siteicon.png" />
<!-- Twitter Card --> <!-- Twitter Card -->
<meta name="twitter:card" content="summary" /> <meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Yo, webTV crib! ゲットー・スービド | 徒 setto セット" /> <meta name="twitter:title" content="Yo, web-TV crib! ゲットー・スービド | 徒 setto セット" />
<meta name="twitter:description" content="The music of To Setto Setto is a cypher cloud jam induced by popcorn chewing threads in obscure chat-rooms." /> <meta name="twitter:description" content="The music of To Setto Setto is a cypher cloud jam induced by popcorn chewing threads in obscure chat-rooms." />
<meta name="twitter:image" content="https://setto.basspistol.com/siteicon.png" /> <meta name="twitter:image" content="https://setto.basspistol.com/siteicon.png" />
@ -116,67 +115,56 @@
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" /> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
<link rel="stylesheet" href="./assets/css/main20200727.css" /> <link rel="stylesheet" href="./assets/css/all.min.css" />
<link rel="stylesheet" href="./assets/css/main.css" />
<link rel="apple-touch-icon" href="https://setto.basspistol.com/apple-touch-icon.png" /> <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="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" /> <link rel="shortcut icon" href="https://setto.basspistol.com/images/setto-logoicon.svg" type="image/png" />
<noscript><link rel="stylesheet" href="./assets/css/noscript20200727.css" /></noscript> <noscript><link rel="stylesheet" href="./assets/css/noscripts.css" /></noscript>
</head> </head>
<body id="body"> <body>
<span id="top" style="display: none;"></span> <!-- Wrapper -->
<!-- Wrapper --> <div id="main-wrapper">
<div id="wrapper" class="divided" data-cms-content-wrapper="/_layouts/default.html">
<!-- Banner -->
<section
class="banner onload-image-fade-in onload-content-fade-right style5 fullscreen content-align-center image-position-center;"
style="background-image:url('./images/nebula.jpg');background-size:cover;background-repeat:no-repeat;background-position: center;min-height: 100vh;">
<div
style="z-index:0;position:absolute; top:0; left:0; width:100%;min-height:100%;background-color: rgba(13, 13 ,13, 0.5);">
</div>
<div class="content" style="z-index:1">
<h1 style="margin-top:80px">徒 setto セット</h1>
<header class="hero" style="background-image: url(/siteicon.png);">
<div>
<h1>Yo, web-TV crib! ゲットー・スービド</h1>
<p>The music of To Setto Setto is a cypher cloud jam induced by popcorn chewing threads in obscure chat-rooms.</p> <p>The music of To Setto Setto is a cypher cloud jam induced by popcorn chewing threads in obscure chat-rooms.</p>
<ul class="actions stacked"> </div>
<li><a href="#music" class="button small smooth-scroll-middle">Music!</a></li> <div class="imagecontainer"></div>
</ul> </header>
</div>
<section class="news">
<h2>Latest News</h2>
<div style="background-image:url(./images/posts/333mix.jpg"></div>
<div class="description">
<h2>333mix</h2>
<p><strong>
3:rd
of
August
2020
</strong></p>
<p>Pignu got Chopped & Screwed by KodTreatment</p>
<p><a href="./333mix/" class="button">Read post</a></p>
</div>
<div class="image">
<img src="./siteicon.png" alt="徒 setto セット logo" />
</div>
</section> </section>
<section class="releases">
<!-- Posts --> <h2>EPs and LPs</h2>
<section id="news" class="wrapper style1 align-center">
<div class="inner" style="padding-top: 40px;">
<h2>Web-Log</h2>
<p>Ramblings, announcenments and thoughts going on in the 徒 setto セット Cypher. In written form intertwined with audio</p>
<ul class="actions stacked">
<li><a href="/log/" class="button small">Archive</a></li>
</ul>
</div>
</section>
<section
class="section-shadow banner style1 orient-left content-align-right image-position-center fullscreen onload-image-fade-in onload-content-fade-right">
<div class="content">
<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>
@ -188,23 +176,6 @@ Open your mind, open the source!</p>
<p>2020</p>
<p style="margin-bottom: 30px;font-size: 14px">
<strong>1. Dependency Error</strong><br />
<span>5:13</span> |
<span style="font-size: 14px">Cybersoul </span>
</p>
<p style="margin-bottom: 30px;font-size: 14px">
<strong>2. Pingnu</strong><br />
<span>3:42</span> |
<span style="font-size: 14px">Cybersoul </span>
</p>
@ -212,30 +183,31 @@ Open your mind, open the source!</p>
<article>
<figure>
<a href="/unmet-dependencies/">
<img src="https://media.basspistol.com/setto.basspistol.com/unmet-dependencies/1-dependency-error.jpeg" /></a>
<figcaption>
<strong>Unmet Dependencies</strong><br />
8:55
<br /> <br />
<ul class="actions stacked">
<li><li><a href="/unmet-dependencies/" class="button small icon solid fa-volume-up">Listen</a>
</li>
</ul>
</div>
<div class="image">
<img src="./images/posts/final-pingnucover1220x1200.jpg" alt="Unmet Dependencies" title="Unmet Dependencies" />
</div>
</section>
2020
</figcaption>
<section class="streambox" style="padding: 40px;"> </figure>
<h2 style="text-align: center;display: block;">Support 徒 setto セット</h2> </article>
<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" alt="Stream from Bandcamp" title="Stream from Bandcamp" class="button small icon brands fa-bandcamp">Bandcamp</a>
@ -252,221 +224,256 @@ Open your mind, open the source!</p>
</div>
<h2 style="text-align: center;display: block;">&nbsp;</h2>
<div class="streamer">
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Spotify']);" target="_blank" rel="noopener" href="https://open.spotify.com/artist/0gus2IdSkfrvFDBPqeiksM/" alt="Stream from Spotify" title="Stream from Spotify" class="button small icon brands fa-spotify">Spotify</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Tidal']);" target="_blank" rel="noopener" href="https://listen.tidal.com/artist/10745925" alt="Stream from Tidal" title="Stream from Tidal" class="button small icon brands fa-creative-commons-sampling">Tidal</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'AppleMusic']);" target="_blank" rel="noopener" href="https://itunes.apple.com/us/artist/%E5%BE%92-setto-%E3%82%BB%E3%83%83%E3%83%88/1447055514" alt="Stream from Apple Music" title="Stream from Apple Music" class="button small icon brands fa-apple">Apple Music</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'GooglePlay']);" target="_blank" rel="noopener" href="https://play.google.com/store/music/artist/%E5%BE%92_setto_%E3%82%BB%E3%83%83%E3%83%88?id=Ayi4avjpfyinbrepzebpsvpjc5a" alt="Stream from Google Play" title="Stream from Google Play" class="button small icon brands fa-google-play">Google Play</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Deezer']);" target="_blank" rel="noopener" href="https://www.deezer.com/fr/artist/56004012" alt="Stream from Deezer" title="Stream from Deezer" class="button small icon brands fa-creative-commons-sampling">Deezer</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Napster']);" target="_blank" rel="noopener" href="https://us.napster.com/artist/-setto-" alt="Stream from Napster" title="Stream from Napster" class="button small icon brands fa-napster">Napster</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Youtube']);" target="_blank" rel="noopener" href="https://www.youtube.com/channel/UCKlONOrOgNQjBjxUyPj4jcw/playlists" alt="Stream from Youtube" title="Stream from Youtube" class="button small icon brands fa-youtube">Youtube</a>
</div>
</section>
<!-- Releases -->
<section id="music" class="wrapper style1 align-center">
<div class="inner" style="padding-top: 40px;">
<h2>Releases</h2>
<p>Collection of released music through time</p>
</div>
</section>
<section
class="spotlight style5 orient-right content-align-left image-position-center onscroll-image-fade-in"
style="box-shadow: none;" >
<div class="content"> <article>
<h3>Live with hardware</h3> <figure>
<p>2020</p> <a href="/darkweb/">
<img src="https://media.basspistol.com/setto.basspistol.com/darkweb/1-swipe.jpeg" /></a>
<figcaption>
<strong>Darkweb</strong><br />
18:52
<br />
2019
</figcaption>
</figure>
</article>
<article>
<figure>
<a href="/satoshi-mon-ami/">
<img src="https://media.basspistol.com/setto.basspistol.com/satoshi-mon-ami/1-k-as-tu-fait-de-nous-.jpeg" /></a>
<figcaption>
<strong>Satoshi mon ami</strong><br />
8:10
<br />
2018
</figcaption>
</figure>
</article>
<ul class="actions stacked">
<li><a href="/live-with-hardware/" style="text-decoration:none;" class="button small icon solid fa-volume-up">Listen</a></li>
</ul>
</div>
<div class="image">
<img src="/images/posts/1-ep-life-of-a-dudelini.jpeg"
alt="Live with hardware" />
</div>
</section> </section>
<section class="releases">
<h2>Singles</h2>
<article>
<figure>
<a href="/live-with-hardware/">
<img src="https://media.basspistol.com/setto.basspistol.com/live-with-hardware/1-ep-life-of-a-dudelini.jpeg" /></a>
<figcaption>
<strong>EP-Life of a Dudelini</strong><br />
11:23 |
Cybersoul
</figcaption>
</figure>
</article>
<article>
<figure>
<a href="/cyber-grany/">
<img src="https://media.basspistol.com/setto.basspistol.com/cyber-grany/1-grandma-got-the-ssh-keys.jpeg" /></a>
<figcaption>
<strong>Grandma got the SSH keys</strong><br />
3:22 |
Acid Trap
</figcaption>
</figure>
</article>
<section
class="spotlight style5 orient-left content-align-right image-position-center onscroll-image-fade-in"
>
<div class="content">
<h3>Granny is a cyborg now</h3>
<p>2019</p>
<ul class="actions stacked">
<li><a href="/cyber-grany/" style="text-decoration:none;" class="button small icon solid fa-volume-up">Listen</a></li>
</ul>
</div>
<div class="image">
<img src="/images/posts/1-grandma-got-the-ssh-keys.jpeg"
alt="Granny is a cyborg now" />
</div>
</section> </section>
<!-- Footer -->
<section
class="spotlight style5 orient-right content-align-left image-position-center onscroll-image-fade-in"
>
<div class="content">
<h3>Darkweb</h3>
<p>2019</p>
<ul class="actions stacked">
<li><a href="/darkweb/" style="text-decoration:none;" class="button small icon solid fa-volume-up">Listen</a></li>
</ul>
</div>
<div class="image">
<img src="/images/darkweb.jpg"
alt="Darkweb" />
</div>
</section>
<section
class="spotlight style5 orient-left content-align-right image-position-center onscroll-image-fade-in"
>
<div class="content">
<h3>Satoshi Mon Ami</h3>
<p>2018</p>
<ul class="actions stacked">
<li><a href="/satoshi-mon-ami/" style="text-decoration:none;" class="button small icon solid fa-volume-up">Listen</a></li>
</ul>
</div>
<div class="image">
<img src="/images/posts/1-k-as-tu-fait-de-nous-.jpeg"
alt="Satoshi Mon Ami" />
</div>
</section>
<!-- END Release -->
<!-- Footer --> <!-- Footer -->
<section class="streambox" style="padding: 40px;">
<h2 style="text-align: center;display: block;">Support 徒 setto セット</h2> <section class="streambox">
<p>Stream, follow, like and subscribe!</p> <h2>Support 徒 setto セット</h2>
<div class="streamer"> <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" alt="Stream from Bandcamp" title="Stream from Bandcamp" class="button small icon brands fa-bandcamp">Bandcamp</a> <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', 'Spotify']);" target="_blank" rel="noopener" href="https://open.spotify.com/artist/0gus2IdSkfrvFDBPqeiksM/" title="Stream from Spotify" class="icon fab fa-spotify"><span class="label">Spotify</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Tidal']);" target="_blank" rel="noopener" href="https://listen.tidal.com/artist/10745925" title="Stream from Tidal" class="icon fab fa-creative-commons-sampling"><span class="label">Tidal</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'AppleMusic']);" target="_blank" rel="noopener" href="https://itunes.apple.com/us/artist/%E5%BE%92-setto-%E3%82%BB%E3%83%83%E3%83%88/1447055514" title="Stream from Apple Music" class="icon fab fa-apple"><span class="label">Apple Music</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'GooglePlay']);" target="_blank" rel="noopener" href="https://play.google.com/store/music/artist/%E5%BE%92_setto_%E3%82%BB%E3%83%83%E3%83%88?id=Ayi4avjpfyinbrepzebpsvpjc5a" title="Stream from Google Play" class="icon fab fa-google-play"><span class="label">Google Play</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Deezer']);" target="_blank" rel="noopener" href="https://www.deezer.com/fr/artist/56004012" title="Stream from Deezer" class="icon fab fa-deezer"><span class="label">Deezer</span></a>
</div>
<h2 style="text-align: center;display: block;">&nbsp;</h2>
<div class="streamer">
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Napster']);" target="_blank" rel="noopener" href="https://us.napster.com/artist/-setto-" title="Stream from Napster" class="icon fab fa-napster"><span class="label">Napster</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Spotify']);" target="_blank" rel="noopener" href="https://open.spotify.com/artist/0gus2IdSkfrvFDBPqeiksM/" alt="Stream from Spotify" title="Stream from Spotify" class="button small icon brands fa-spotify">Spotify</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Tidal']);" target="_blank" rel="noopener" href="https://listen.tidal.com/artist/10745925" alt="Stream from Tidal" title="Stream from Tidal" class="button small icon brands fa-creative-commons-sampling">Tidal</a> <a onclick="_paq.push(['trackEvent', 'StoreLink', 'Youtube']);" target="_blank" rel="noopener" href="https://www.youtube.com/channel/UCKlONOrOgNQjBjxUyPj4jcw/playlists" title="Stream from Youtube" class="icon fab fa-youtube"><span class="label">Youtube</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'AppleMusic']);" target="_blank" rel="noopener" href="https://itunes.apple.com/us/artist/%E5%BE%92-setto-%E3%82%BB%E3%83%83%E3%83%88/1447055514" alt="Stream from Apple Music" title="Stream from Apple Music" class="button small icon brands fa-apple">Apple Music</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'GooglePlay']);" target="_blank" rel="noopener" href="https://play.google.com/store/music/artist/%E5%BE%92_setto_%E3%82%BB%E3%83%83%E3%83%88?id=Ayi4avjpfyinbrepzebpsvpjc5a" alt="Stream from Google Play" title="Stream from Google Play" class="button small icon brands fa-google-play">Google Play</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Deezer']);" target="_blank" rel="noopener" href="https://www.deezer.com/fr/artist/56004012" alt="Stream from Deezer" title="Stream from Deezer" class="button small icon brands fa-creative-commons-sampling">Deezer</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Napster']);" target="_blank" rel="noopener" href="https://us.napster.com/artist/-setto-" alt="Stream from Napster" title="Stream from Napster" class="button small icon brands fa-napster">Napster</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Youtube']);" target="_blank" rel="noopener" href="https://www.youtube.com/channel/UCKlONOrOgNQjBjxUyPj4jcw/playlists" alt="Stream from Youtube" title="Stream from Youtube" class="button small icon brands fa-youtube">Youtube</a>
</div>
</section>
<footer id="footer" class="wrapper style1 align-center">
<div class="footflex">
<div>
<h4>徒 setto セット</h4>
<p>Set, Party, Gang! &#35;Cybersoul.
<br /><a href="mailto:setto@basspistol.com">setto@basspistol.com</a></p>
</div> </div>
</section>
<footer>
<div> <div>
<h3>徒 setto セット</h3>
<p>Set, Party, Gang! &#35;Cybersoul.</p>
<ul> <ul>
@ -480,89 +487,91 @@ Open your mind, open the source!</p>
</ul> </ul>
</div> </div>
<div><img src="./images/setto-logo-dark.svg" style="max-width:300px" alt="徒 setto セット Logo" /></div> <div><img src="./images/setto_logo.svg" width="100%" alt="徒 setto セット Logo" /></div>
<div style="text-align: center;">
<a target="_blank" alt="徒 setto セット on Twitter" title="徒 setto セット on Twitter" rel="noopener"
href="https://twitter.com/ToSettoSetto" class="icon small fab fa-twitter"><span class="label">Twitter</span></a>
<a target="_blank" alt="徒 setto セット on Instagram" title="徒 setto セット on Instagram" rel="noopener"
href="https://www.instagram.com/tosettosetto/" class="icon small fab fa-instagram"><span class="label">Instagram</span></a>
<a target="_blank" alt="徒 setto セット on Telegram" title="徒 setto セット on Telegram" rel="noopener"
href="https://t.me/basspistol" 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" href="mailto:setto@basspistol.com" class="icon small fas fa-envelope-open-text"><span
class="label">Email</span></a>
</div> </div>
<div class="inner"> <small>
<ul class="icons">
<p>&copy;2020 Basspistol | <a href="./webcreds/">Credits</a> | <a
<li><a target="_blank" alt="徒 setto セット on Twitter" title="徒 setto セット on Twitter" rel="noopener" href="https://twitter.com/ToSettoSetto" class="icon brands style2 fa-twitter"><span class="label">Twitter</span></a></li> href="./cookies/">Cookies & Privacy</a></p>
</small>
<li><a target="_blank" alt="徒 setto セット on Instagram" title="徒 setto セット on Instagram" rel="noopener" href="https://www.instagram.com/tosettosetto/" class="icon brands style2 fa-instagram"><span class="label">Instagram</span></a></li>
<li><a target="_blank" alt="徒 setto セット on Telegram" title="徒 setto セット on Telegram" rel="noopener" href="https://t.me/basspistol" class="icon brands style2 fa-telegram"><span class="label">Telegram</span></a></li>
<li><a target="_blank" alt="徒 setto セット on Reddit" title="徒 setto セット on Reddit" rel="noopener" href="https://www.reddit.com/r/basspistol" class="icon brands style2 fa-reddit"><span class="label">Reddit</span></a></li>
</ul>
<p>&copy;2020 Basspistol | <a href="./webcreds/">Credits</a> | <a href="./cookies/">Cookies & Privacy</a></p>
</div>
</footer> </footer>
</div> <!-- END Footer -->
<!-- Navigation -->
<div id="logo" class="logo">
<a href="/"><img width="100em" src="/images/setto-logoicon.svg" alt="徒 setto セット Logo" /></a>
&nbsp;&nbsp;&nbsp;<a href="#navbar" onclick="blurBody()" alt="Navigation Menu" title="Navigation Menu"><span class="icon solid fa-bars navmenu"></span></a>
</div>
<div id="navbar" style="display: block;" class="modalDialog">
<a href="#close" onclick="removeBlur()" alt="Close Menu" title="Close Menu"><div id="closearea"> </div></a> </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> <nav>
<a href="#close" title="Close" onclick="removeBlur()" class="close-button close" style="margin: 0 auto;">X</a> <a href="#close" title="Close" onclick="removeBlur()" class="close-button">X</a>
<ul> <ul>
<li><a href="./discography/" class="button smaller">Discog</a></li> <li><a href="./discography/" class="button">Discog</a></li>
<li><a href="./log/" class="button smaller">Log</a></li> <li><a href="./log/" class="button">Log</a></li>
<li><a href="./about/" class="button smaller">About</a></li> <li><a href="./about/" class="button">About</a></li>
<li><a href="./links/" class="button smaller">Links</a></li> <li><a href="./links/" class="button">Links</a></li>
</ul> </ul>
</nav> </nav>
</div> </div>
<!-- End Navigation --> <!-- End Navigation -->
<!-- Scripts -->
<script src="./assets/js/jquery.min.js"></script>
<script src="./assets/js/jquery.scrollex.min.js"></script>
<script src="./assets/js/jquery.scrolly.min.js"></script>
<script src="./assets/js/browser.min.js"></script>
<script src="./assets/js/breakpoints.min.js"></script>
<script src="./assets/js/util.js"></script>
<script src="./assets/js/main.js"></script>
<script src="./assets/js/set.js"></script>
<div id="cookie-notice"> <div id="cookie-notice">
<p>I only use cookies if you consent to it. They don't contain any identifiable info: they just let me know if you enjoyed this enough to come back. <br />Click <a href="#" id="cookie-notice-decline">here</a> if you want this shit to go away without cookies. <br />Read more about how me & basspistol <a href="/cookies/">use cookies</a> </p>
<a class="button small yes" href="#" id="cookie-notice-accept">I'm in!</a> <p>I only use cookies if you consent to it. They don't contain any identifiable info: they just let me know if you
enjoyed this enough to come back.
<br />Click <a href="#" id="cookie-notice-decline">here</a> if you want this shit to go away without cookies.
<br />Read more about how me & basspistol <a href="/cookies/">use cookies</a>
</p>
<a class="button yes" href="#"
id="cookie-notice-accept">I'm in!</a>
</div> </div>
<script> <script>
@ -661,5 +670,12 @@ _paq.push(['enableLinkTracking']);
</script> </script>
<!-- Scripts -->
<script src="./assets/js/set.js"></script>
</body> </body>
</html> </html>

334
links/index.html
View file

@ -1,8 +1,7 @@
<!DOCTYPE html> <!DOCTYPE HTML>
<!-- <!--
Based on _Story_ by html5up.net | @ajlkn Publikatorized by Sakrecoer
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
Remixed and Jekyllified by Setto
--> -->
<html lang="en"> <html lang="en">
<head> <head>
@ -39,7 +38,7 @@
<title>Links | 徒 setto セット</title> <title>Links | 徒 setto セット</title>
<meta name="title" content="Links | 徒 setto セット" /> <meta name="title" content="Links | 徒 setto セット" />
<meta name="description" content="Venture outside of your daily web-routine, read about some real projects. These links are way more than just Friends and Resources" /> <meta name="description" content="Venture outside of your daily web-routine, read about some real projects. These links are way more than just Friends and Resources" />
<meta name="dc.date.modified" scheme="ISO8601" content="2020-07-29T12:49:10+00:00" /> <meta name="dc.date.modified" scheme="ISO8601" content="2020-08-04T10:18:11+00:00" />
<meta name="robots" content="index" /> <meta name="robots" content="index" />
<link rel="canonical" href="https://setto.basspistol.com/links/" /> <link rel="canonical" href="https://setto.basspistol.com/links/" />
@ -63,7 +62,7 @@
<meta name="dcterms.Subject" content="Venture outside of your daily web-routine, read about some real projects. These links are way more than just Friends and Resources" /> <meta name="dcterms.Subject" content="Venture outside of your daily web-routine, read about some real projects. These links are way more than just Friends and Resources" />
<meta name="dcterms.Title" content="Links" /> <meta name="dcterms.Title" content="Links" />
<meta name="dcterms.Contributor" content="徒 setto セット" /> <meta name="dcterms.Contributor" content="徒 setto セット" />
<meta name="dcterms.Date" content="2020-07-29" /> <meta name="dcterms.Date" content="2020-08-04" />
<meta name="dcterms.Description" content="Venture outside of your daily web-routine, read about some real projects. These links are way more than just Friends and Resources" /> <meta name="dcterms.Description" content="Venture outside of your daily web-routine, read about some real projects. These links are way more than just Friends and Resources" />
<!-- Facebook --> <!-- Facebook -->
@ -74,7 +73,7 @@
<meta property="og:url" content="https://setto.basspistol.com/links/" /> <meta property="og:url" content="https://setto.basspistol.com/links/" />
<meta property="og:site_name" content="徒 setto セット" /> <meta property="og:site_name" content="徒 setto セット" />
<meta property="og:type" content="webpage" /> <meta property="og:type" content="webpage" />
<meta property="article:published_time" content="2020-07-29T12:49:10+00:00" /> <meta property="article:published_time" content="2020-08-04T10:18:11+00:00" />
<meta property="og:image" content="https://setto.basspistol.com/images/pages/reuben-hustler-YTV2zNt8Zqg-unsplash.jpg" /> <meta property="og:image" content="https://setto.basspistol.com/images/pages/reuben-hustler-YTV2zNt8Zqg-unsplash.jpg" />
<!-- Twitter Card --> <!-- Twitter Card -->
@ -116,206 +115,176 @@
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" /> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
<link rel="stylesheet" href="../assets/css/main20200727.css" /> <link rel="stylesheet" href="../assets/css/all.min.css" />
<link rel="stylesheet" href="../assets/css/main.css" />
<link rel="apple-touch-icon" href="https://setto.basspistol.com/apple-touch-icon.png" /> <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="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" /> <link rel="shortcut icon" href="https://setto.basspistol.com/images/setto-logoicon.svg" type="image/png" />
<noscript><link rel="stylesheet" href="../assets/css/noscript20200727.css" /></noscript> <noscript><link rel="stylesheet" href="../assets/css/noscripts.css" /></noscript>
</head> </head>
<body id="body"> <body>
<span id="top" style="display: none;"></span> <!-- Wrapper -->
<!-- Wrapper --> <div id="main-wrapper">
<div id="wrapper" class="divided" data-cms-content-wrapper="/_layouts/default.html">
<!-- Banner -->
<section class="banner onload-image-fade-in onload-content-fade-right style2 fullscreen content-align-center image-position-center" style="min-height:100vh;">
<div class="content"> <header class="hero" style="background-image: url(/images/pages/reuben-hustler-YTV2zNt8Zqg-unsplash.jpg);">
<div>
<h1>Links</h1> <h1>Links</h1>
<p>Venture outside of your daily web-routine, read about some real projects. These links are way more than just Friends and Resources</p> <p>Venture outside of your daily web-routine, read about some real projects. These links are way more than just Friends and Resources</p>
<ul class="actions stacked"> </div>
<li><a href="#second" class="button small smooth-scroll solid icon">Check it!</a></li> <div class="imagecontainer"></div>
</ul> </header>
</div>
<div class="image">
<img src="/images/pages/reuben-hustler-YTV2zNt8Zqg-unsplash.jpg" alt="unfound page" />
</div>
</section>
<!-- NEWS -->
<section id="second" class="spotlight style5 orient-left content-align-right image-position-center onscroll-image-fade-in" style="box-shadow: none;" > <section class="links" style="margin:0;">
<div class="content">
<div class=linksbg></div>
<div class="description">
<h2>Alsenet</h2> <h2>Alsenet</h2>
<p></p> <p></p>
<ul class="actions stacked"> <p><a href="..http://www.alsenet.com/" class="button">Read post</a></p>
<li><a href="http://www.alsenet.com/?ref=ToSettoSettoSentMe" target="_blank" rel="noopener" style="text-decoration:none;" class="button small icon solid fa-external-link-alt">Visit</a></li> </div>
</ul>
</div>
<div class="image">
<img src="../assets/img/tile.gif" alt="Links" />
</div>
</section> </section>
<section class="links" style="margin:0;">
<section id="second" class="spotlight style5 orient-right content-align-left image-position-center onscroll-image-fade-in" > <div class=linksbg></div>
<div class="content"> <div class="description">
<h2>Basspistol</h2> <h2>Basspistol</h2>
<p></p> <p></p>
<ul class="actions stacked"> <p><a href="..https://basspistol.com" class="button">Read post</a></p>
<li><a href="https://basspistol.com?ref=ToSettoSettoSentMe" target="_blank" rel="noopener" style="text-decoration:none;" class="button small icon solid fa-external-link-alt">Visit</a></li> </div>
</ul>
</div>
<div class="image">
<img src="../assets/img/tile.gif" alt="Links" />
</div>
</section> </section>
<section class="links" style="margin:0;">
<section id="second" class="spotlight style5 orient-left content-align-right image-position-center onscroll-image-fade-in" > <div class=linksbg></div>
<div class="content"> <div class="description">
<h2>Dyne</h2> <h2>Dyne</h2>
<p></p> <p></p>
<ul class="actions stacked"> <p><a href="..https://www.dyne.org/" class="button">Read post</a></p>
<li><a href="https://www.dyne.org/?ref=ToSettoSettoSentMe" target="_blank" rel="noopener" style="text-decoration:none;" class="button small icon solid fa-external-link-alt">Visit</a></li> </div>
</ul>
</div>
<div class="image">
<img src="../assets/img/tile.gif" alt="Links" />
</div>
</section> </section>
<section class="links" style="margin:0;">
<section id="second" class="spotlight style5 orient-right content-align-left image-position-center onscroll-image-fade-in" > <div class=linksbg></div>
<div class="content"> <div class="description">
<h2>Linux Audio</h2> <h2>Linux Audio</h2>
<p></p> <p></p>
<ul class="actions stacked"> <p><a href="..https://www.linuxaudio.org/" class="button">Read post</a></p>
<li><a href="https://www.linuxaudio.org/?ref=ToSettoSettoSentMe" target="_blank" rel="noopener" style="text-decoration:none;" class="button small icon solid fa-external-link-alt">Visit</a></li> </div>
</ul>
</div>
<div class="image">
<img src="../assets/img/tile.gif" alt="Links" />
</div>
</section> </section>
<section class="links" style="margin:0;">
<section id="second" class="spotlight style5 orient-left content-align-right image-position-center onscroll-image-fade-in" > <div class=linksbg></div>
<div class="content"> <div class="description">
<h2>Ritarn</h2> <h2>Ritarn</h2>
<p></p> <p></p>
<ul class="actions stacked"> <p><a href="..http://ritarn.com" class="button">Read post</a></p>
<li><a href="http://ritarn.com?ref=ToSettoSettoSentMe" target="_blank" rel="noopener" style="text-decoration:none;" class="button small icon solid fa-external-link-alt">Visit</a></li> </div>
</ul>
</div>
<div class="image">
<img src="../assets/img/tile.gif" alt="Links" />
</div>
</section> </section>
<section class="links" style="margin:0;">
<section id="second" class="spotlight style5 orient-right content-align-left image-position-center onscroll-image-fade-in" > <div class=linksbg></div>
<div class="content"> <div class="description">
<h2>Ubuntu Studio</h2> <h2>Ubuntu Studio</h2>
<p></p> <p></p>
<ul class="actions stacked"> <p><a href="..http://www.ubuntustudio.org/" class="button">Read post</a></p>
<li><a href="http://www.ubuntustudio.org/?ref=ToSettoSettoSentMe" target="_blank" rel="noopener" style="text-decoration:none;" class="button small icon solid fa-external-link-alt">Visit</a></li> </div>
</ul>
</div>
<div class="image">
<img src="../assets/img/tile.gif" alt="Links" />
</div>
</section> </section>
<!-- Footer --> <!-- Footer -->
<!-- Footer -->
<section class="streambox" style="padding: 40px;">
<h2 style="text-align: center;display: block;">Support 徒 setto セット</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" alt="Stream from Bandcamp" title="Stream from Bandcamp" class="button small icon brands fa-bandcamp">Bandcamp</a>
<section class="streambox">
<h2>Support 徒 setto セット</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', 'Spotify']);" target="_blank" rel="noopener" href="https://open.spotify.com/artist/0gus2IdSkfrvFDBPqeiksM/" title="Stream from Spotify" class="icon fab fa-spotify"><span class="label">Spotify</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Tidal']);" target="_blank" rel="noopener" href="https://listen.tidal.com/artist/10745925" title="Stream from Tidal" class="icon fab fa-creative-commons-sampling"><span class="label">Tidal</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'AppleMusic']);" target="_blank" rel="noopener" href="https://itunes.apple.com/us/artist/%E5%BE%92-setto-%E3%82%BB%E3%83%83%E3%83%88/1447055514" title="Stream from Apple Music" class="icon fab fa-apple"><span class="label">Apple Music</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'GooglePlay']);" target="_blank" rel="noopener" href="https://play.google.com/store/music/artist/%E5%BE%92_setto_%E3%82%BB%E3%83%83%E3%83%88?id=Ayi4avjpfyinbrepzebpsvpjc5a" title="Stream from Google Play" class="icon fab fa-google-play"><span class="label">Google Play</span></a>
</div>
<h2 style="text-align: center;display: block;">&nbsp;</h2>
<div class="streamer">
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Deezer']);" target="_blank" rel="noopener" href="https://www.deezer.com/fr/artist/56004012" title="Stream from Deezer" class="icon fab fa-deezer"><span class="label">Deezer</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Spotify']);" target="_blank" rel="noopener" href="https://open.spotify.com/artist/0gus2IdSkfrvFDBPqeiksM/" alt="Stream from Spotify" title="Stream from Spotify" class="button small icon brands fa-spotify">Spotify</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Tidal']);" target="_blank" rel="noopener" href="https://listen.tidal.com/artist/10745925" alt="Stream from Tidal" title="Stream from Tidal" class="button small icon brands fa-creative-commons-sampling">Tidal</a> <a onclick="_paq.push(['trackEvent', 'StoreLink', 'Napster']);" target="_blank" rel="noopener" href="https://us.napster.com/artist/-setto-" title="Stream from Napster" class="icon fab fa-napster"><span class="label">Napster</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'AppleMusic']);" target="_blank" rel="noopener" href="https://itunes.apple.com/us/artist/%E5%BE%92-setto-%E3%82%BB%E3%83%83%E3%83%88/1447055514" alt="Stream from Apple Music" title="Stream from Apple Music" class="button small icon brands fa-apple">Apple Music</a> <a onclick="_paq.push(['trackEvent', 'StoreLink', 'Youtube']);" target="_blank" rel="noopener" href="https://www.youtube.com/channel/UCKlONOrOgNQjBjxUyPj4jcw/playlists" title="Stream from Youtube" class="icon fab fa-youtube"><span class="label">Youtube</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'GooglePlay']);" target="_blank" rel="noopener" href="https://play.google.com/store/music/artist/%E5%BE%92_setto_%E3%82%BB%E3%83%83%E3%83%88?id=Ayi4avjpfyinbrepzebpsvpjc5a" alt="Stream from Google Play" title="Stream from Google Play" class="button small icon brands fa-google-play">Google Play</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Deezer']);" target="_blank" rel="noopener" href="https://www.deezer.com/fr/artist/56004012" alt="Stream from Deezer" title="Stream from Deezer" class="button small icon brands fa-creative-commons-sampling">Deezer</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Napster']);" target="_blank" rel="noopener" href="https://us.napster.com/artist/-setto-" alt="Stream from Napster" title="Stream from Napster" class="button small icon brands fa-napster">Napster</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Youtube']);" target="_blank" rel="noopener" href="https://www.youtube.com/channel/UCKlONOrOgNQjBjxUyPj4jcw/playlists" alt="Stream from Youtube" title="Stream from Youtube" class="button small icon brands fa-youtube">Youtube</a>
</div>
</section>
<footer id="footer" class="wrapper style1 align-center">
<div class="footflex">
<div>
<h4>徒 setto セット</h4>
<p>Set, Party, Gang! &#35;Cybersoul.
<br /><a href="mailto:setto@basspistol.com">setto@basspistol.com</a></p>
</div> </div>
</section>
<footer>
<div> <div>
<h3>徒 setto セット</h3>
<p>Set, Party, Gang! &#35;Cybersoul.</p>
<ul> <ul>
<li><a href="../">Home</a></li> <li><a href="../">Home</a></li>
@ -331,99 +300,93 @@
</ul> </ul>
</div> </div>
<div><img src="../images/setto-logo-dark.svg" style="max-width:300px" alt="徒 setto セット Logo" /></div> <div><img src="../images/setto_logo.svg" width="100%" alt="徒 setto セット Logo" /></div>
<div style="text-align: center;">
<a target="_blank" alt="徒 setto セット on Twitter" title="徒 setto セット on Twitter" rel="noopener"
href="https://twitter.com/ToSettoSetto" class="icon small fab fa-twitter"><span class="label">Twitter</span></a>
<a target="_blank" alt="徒 setto セット on Instagram" title="徒 setto セット on Instagram" rel="noopener"
href="https://www.instagram.com/tosettosetto/" class="icon small fab fa-instagram"><span class="label">Instagram</span></a>
<a target="_blank" alt="徒 setto セット on Telegram" title="徒 setto セット on Telegram" rel="noopener"
href="https://t.me/basspistol" 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" href="mailto:setto@basspistol.com" class="icon small fas fa-envelope-open-text"><span
class="label">Email</span></a>
</div> </div>
<div class="inner"> <small>
<ul class="icons">
<p>&copy;2020 Basspistol | <a href="../webcreds/">Credits</a> | <a
<li><a target="_blank" alt="徒 setto セット on Twitter" title="徒 setto セット on Twitter" rel="noopener" href="https://twitter.com/ToSettoSetto" class="icon brands style2 fa-twitter"><span class="label">Twitter</span></a></li> href="../cookies/">Cookies & Privacy</a></p>
</small>
<li><a target="_blank" alt="徒 setto セット on Instagram" title="徒 setto セット on Instagram" rel="noopener" href="https://www.instagram.com/tosettosetto/" class="icon brands style2 fa-instagram"><span class="label">Instagram</span></a></li>
<li><a target="_blank" alt="徒 setto セット on Telegram" title="徒 setto セット on Telegram" rel="noopener" href="https://t.me/basspistol" class="icon brands style2 fa-telegram"><span class="label">Telegram</span></a></li>
<li><a target="_blank" alt="徒 setto セット on Reddit" title="徒 setto セット on Reddit" rel="noopener" href="https://www.reddit.com/r/basspistol" class="icon brands style2 fa-reddit"><span class="label">Reddit</span></a></li>
</ul>
<p>&copy;2020 Basspistol | <a href="../webcreds/">Credits</a> | <a href="../cookies/">Cookies & Privacy</a></p>
</div>
</footer> </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> <div id="closearea"> </div>
<!-- Navigation --> </a>
<div id="logo" class="logo">
<a href="/"><img width="100em" src="/images/setto-logoicon.svg" alt="徒 setto セット Logo" /></a>
&nbsp;&nbsp;&nbsp;<a href="#navbar" onclick="blurBody()" alt="Navigation Menu" title="Navigation Menu"><span class="icon solid fa-bars navmenu"></span></a>
</div>
<div id="navbar" style="display: block;" class="modalDialog">
<a href="#close" onclick="removeBlur()" alt="Close Menu" title="Close Menu"><div id="closearea"> </div></a>
<nav> <nav>
<a href="#close" title="Close" onclick="removeBlur()" class="close-button close" style="margin: 0 auto;">X</a> <a href="#close" title="Close" onclick="removeBlur()" class="close-button">X</a>
<ul> <ul>
<li><a href="../" class="button smaller">Home</a></li> <li><a href="../" class="button">home</a></li>
<li><a href="../discography/" class="button smaller">Discog</a></li> <li><a href="../discography/" class="button">Discog</a></li>
<li><a href="../log/" class="button smaller">Log</a></li> <li><a href="../log/" class="button">Log</a></li>
<li><a href="../about/" class="button smaller">About</a></li> <li><a href="../about/" class="button">About</a></li>
<li><a href="../links/" class="button smaller">Links</a></li> <li><a href="../links/" class="button">Links</a></li>
</ul> </ul>
</nav> </nav>
</div> </div>
<!-- End Navigation --> <!-- End Navigation -->
<!-- Scripts -->
<script src="../assets/js/jquery.min.js"></script>
<script src="../assets/js/jquery.scrollex.min.js"></script>
<script src="../assets/js/jquery.scrolly.min.js"></script>
<script src="../assets/js/browser.min.js"></script>
<script src="../assets/js/breakpoints.min.js"></script>
<script src="../assets/js/util.js"></script>
<script src="../assets/js/main.js"></script>
<script src="../assets/js/set.js"></script>
<div id="cookie-notice"> <div id="cookie-notice">
<p>I only use cookies if you consent to it. They don't contain any identifiable info: they just let me know if you enjoyed this enough to come back. <br />Click <a href="#" id="cookie-notice-decline">here</a> if you want this shit to go away without cookies. <br />Read more about how me & basspistol <a href="/cookies/">use cookies</a> </p>
<a class="button small yes" href="#" id="cookie-notice-accept">I'm in!</a> <p>I only use cookies if you consent to it. They don't contain any identifiable info: they just let me know if you
enjoyed this enough to come back.
<br />Click <a href="#" id="cookie-notice-decline">here</a> if you want this shit to go away without cookies.
<br />Read more about how me & basspistol <a href="/cookies/">use cookies</a>
</p>
<a class="button yes" href="#"
id="cookie-notice-accept">I'm in!</a>
</div> </div>
<script> <script>
@ -522,5 +485,12 @@ _paq.push(['enableLinkTracking']);
</script> </script>
<!-- Scripts -->
<script src="../assets/js/set.js"></script>
</body> </body>
</html> </html>

747
live-with-hardware/index.html
View file

@ -1,13 +1,10 @@
<!DOCTYPE HTML>
<!DOCTYPE html>
<!-- <!--
Based on _Story_ by html5up.net | @ajlkn Publikatorized by Sakrecoer
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
Remixed and Jekyllified by Setto
--> -->
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- <!--
@ -51,7 +48,7 @@
<title>Play &quot;Live with hardware&quot; by 徒 Setto セット | 徒 setto セット</title> <title>Play &quot;Live with hardware&quot; by 徒 Setto セット | 徒 setto セット</title>
<meta name="title" content="Play &quot;Live with hardware&quot; by 徒 Setto セット" /> <meta name="title" content="Play &quot;Live with hardware&quot; by 徒 Setto セット" />
<meta name="description" content="A release by 徒 Setto セット named &quot;Live with hardware&quot; published on 徒 setto セット" /> <meta name="description" content="A release by 徒 Setto セット named &quot;Live with hardware&quot; published on 徒 setto セット" />
<meta name="dc.date.modified" scheme="ISO8601" content="2020-07-27T08:03:40+00:00" /> <meta name="dc.date.modified" scheme="ISO8601" content="2020-08-04T10:18:11+00:00" />
<meta name="robots" content="index" /> <meta name="robots" content="index" />
<link rel="canonical" href="https://setto.basspistol.com/live-with-hardware/" /> <link rel="canonical" href="https://setto.basspistol.com/live-with-hardware/" />
@ -75,7 +72,7 @@
<meta name="dcterms.Subject" content="A release by 徒 Setto セット named &quot;Live with hardware&quot; published on 徒 setto セット" /> <meta name="dcterms.Subject" content="A release by 徒 Setto セット named &quot;Live with hardware&quot; published on 徒 setto セット" />
<meta name="dcterms.Title" content="Play &quot;Live with hardware&quot; by 徒 Setto セット" /> <meta name="dcterms.Title" content="Play &quot;Live with hardware&quot; by 徒 Setto セット" />
<meta name="dcterms.Contributor" content="徒 setto セット" /> <meta name="dcterms.Contributor" content="徒 setto セット" />
<meta name="dcterms.Date" content="2020-07-27" /> <meta name="dcterms.Date" content="2020-08-04" />
<meta name="dcterms.Description" content="Listen and to a release by 徒 Setto セット named &quot;Live with hardware&quot; and support your remote artist!" /> <meta name="dcterms.Description" content="Listen and to a release by 徒 Setto セット named &quot;Live with hardware&quot; and support your remote artist!" />
<!-- Facebook --> <!-- Facebook -->
@ -87,7 +84,7 @@
<meta property="og:site_name" content="徒 setto セット" /> <meta property="og:site_name" content="徒 setto セット" />
<meta property="og:type" content="music:album" /> <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="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-07-27T08:03:40+00:00" /> <meta property="article:published_time" content="2020-08-04T10:18:11+00:00" />
<meta property="og:image" content="https://media.basspistol.com/setto.basspistol.com/live-with-hardware/1-ep-life-of-a-dudelini.jpeg" /> <meta property="og:image" content="https://media.basspistol.com/setto.basspistol.com/live-with-hardware/1-ep-life-of-a-dudelini.jpeg" />
<!-- Twitter Card --> <!-- Twitter Card -->
@ -106,51 +103,86 @@
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" /> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
<link rel="stylesheet" href="../assets/css/main20200727.css" /> <link rel="stylesheet" href="../assets/css/all.min.css" />
<link rel="apple-touch-icon" href="https://setto.basspistol.com/apple-touch-icon.png" /> <link rel="stylesheet" href="../assets/css/main.css" />
<link rel="icon" type="image/png" href="https://setto.basspistol.com/touch-icon.png" sizes="192x192" /> <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" /> <link rel="shortcut icon" href="https://setto.basspistol.com/images/setto-logoicon.svg" type="image/png" />
<noscript><link rel="stylesheet" href="../assets/css/noscript20200727.css" /></noscript> <noscript><link rel="stylesheet" href="../assets/css/noscripts.css" /></noscript>
</head> </head>
<body id="body">
<span id="top" style="display: none;"></span>
<!-- Wrapper -->
<div id="wrapper" class="divided">
<!-- Banner --> <body>
<section class="banner onload-image-fade-in onload-content-fade-right style2 fullscreen content-align-center image-position-center" style="min-height:100vh;"> <!-- Wrapper -->
<div class="content editable" data-cms-source="/_layouts/post.html" data-cms-index="0"> <div id="main-wrapper">
<h1 class="editable" data-cms-source="/_layouts/post.html" data-cms-index="1">Live with hardware</h1>
<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>
<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>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>
<ul class="actions stacked"> </div>
<li><a href="#moe" class="button small smooth-scroll">Listen!</a></li> <div class="imagecontainer"></div>
</header>
<section 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> </ul>
</div> </div>
<div class="image"> </div>
<img src="../images/posts/1-ep-life-of-a-dudelini.jpeg" alt="Live with hardware" class="editable" data-cms-source="/_layouts/post.html" data-cms-index="2" /> <div class="noJSalbum">
<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>
</section>
<!-- Content -->
<section class="wrapper style1 align-center">
<div class="inner" style="padding-top: 40px;">
<div class="index align-left">
<!-- Author -->
<section style="padding-top:40px;" id="moe">
<header id="author">
</div>
<div class="coverart">
<div class="coverartwrapper">
<div id="npImage" class="coverartwrapped"></div>
</div>
<div id="author">
<div class="bio"> <div class="bio">
<p><a href="mailto:setto@basspistol.com"><strong>徒 setto セット</strong></a></p>
<p>Geek | <a target="_blank" rel="noopener" href="https://keyserver.ubuntu.com/pks/lookup?search=setto%40basspistol.com&fingerprint=on&op=index">GPG</a></p>
<div alt="Picture of 徒 setto セット" <p class="date">
style="margin-right: 10px;background-image:url(/siteicon.png);background-repeat: no-repeat;background-size:cover; border-radius:150px; width:150px; height:150px;">
</div>
<br />
<p style="font-style: normal;"><a href="mailto:setto@basspistol.com"><strong>徒 setto セット</strong></a></p>
<p style="font-style: normal;">Geek | <a target="_blank" rel="noopener" href="https://keyserver.ubuntu.com/pks/lookup?search=setto%40basspistol.com&fingerprint=on&op=index">GPG</a></p>
<p style="font-size:14px;font-style: normal;">
Published the Published the
@ -169,69 +201,38 @@
Share this page: Share this page:
</h6> </h6>
<ul class="icons"> <ul>
<li><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/&amp;quote=Live with hardware%20by%20徒 setto セット%20via%20https://setto.basspistol.com" class="icon brands style1 fa-facebook-f"><span class="label">Facebook</span></a></li> <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/&amp;quote=Live with hardware%20by%20徒 setto セット%20via%20https://setto.basspistol.com" class="icon smaller fab fa-facebook-f"><span class="label">Facebook</span></a>
<li><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/&amp;text=Live with hardware%20by%20徒 setto セット%20&amp;hashtags=paxNion" class="icon brands style1 fa-twitter"><span class="label">Twitter</span></a></li> <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/&amp;text=Live with hardware%20by%20徒 setto セット%20&amp;hashtags=paxNion" class="icon smaller fab fa-twitter"><span class="label">Twitter</span></a>
<li><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/&amp;text=Live with hardware%20by%20徒 setto セット" class="icon brands style1 fa-telegram"><span class="label">Telegram</span></a></li> <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/&amp;text=Live with hardware%20by%20徒 setto セット" class="icon smaller fab fa-telegram"><span class="label ">Telegram</span></a>
<li><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/&amp;title=Live with hardware%20by%20徒 setto セット" class="icon brands style1 fa-reddit"><span class="label">Reddit</span></a></li> <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/&amp;title=Live with hardware%20by%20徒 setto セット" class="icon smaller fab fa-reddit"><span class="label">Reddit</span></a>
</ul> </ul>
</div>
</div>
</div> </div>
</header> <div id="fixedPlayer" class="showplayer hideplayer">
<!-- Content --> <div id="audiowrap">
<div class="content">
<div id="audio0">
<audio id="audio1" preload="metadata" controls="controls">
Your browser does not support HTML5 Audio!
</audio>
</div>
<!-- HERE BEGINS MADNESS --> </div>
<!-- Content -->
<div class="content">
<div id="mainwrap">
<div id="nowPlay"> <div id="nowPlay">
<p class="right" id="npTitle" style="font-weight: bold;"></p> <p class="right" id="npTitle" style="font-weight: bold;"></p>
<p class="left" id="npAction">Paused...</p> <p class="left" id="npAction">Paused...</p>
</div> </div>
<div id="audiowrap">
<div id="audio0">
<audio id="audio1" preload="metadata" controls="controls">Your browser does not support HTML5
Audio!</audio>
</div>
</div> </div>
<div id="plwrap"> </section>
<ul id="plList"> <section class="info">
<div data-cms-content-wrapper="/_layouts/post.html">
<li>
<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 id="noJSalbum">
<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="content editable" style="font-size: 16px;margin-top:60px;" data-cms-source="/_layouts/post.html" data-cms-index="3" data-cms-content-wrapper="/_layouts/post.html">
<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>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>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>
@ -241,24 +242,51 @@
<p>Audio extracted from the 360 video of <a href="/hw-jam/">this jam</a> recorded a while back.</p> <p>Audio extracted from the 360 video of <a href="/hw-jam/">this jam</a> recorded a while back.</p>
</div> </div>
</section>
<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', 'Spotify']);" target="_blank" rel="noopener" href="https://open.spotify.com/artist/0gus2IdSkfrvFDBPqeiksM/" title="Stream from Spotify" class="icon fab fa-spotify"><span class="label">Spotify</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Tidal']);" target="_blank" rel="noopener" href="https://listen.tidal.com/artist/10745925" title="Stream from Tidal" class="icon fab fa-creative-commons-sampling"><span class="label">Tidal</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'AppleMusic']);" target="_blank" rel="noopener" href="https://itunes.apple.com/us/artist/%E5%BE%92-setto-%E3%82%BB%E3%83%83%E3%83%88/1447055514" title="Stream from Apple Music" class="icon fab fa-apple"><span class="label">Apple Music</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'GooglePlay']);" target="_blank" rel="noopener" href="https://play.google.com/store/music/artist/%E5%BE%92_setto_%E3%82%BB%E3%83%83%E3%83%88?id=Ayi4avjpfyinbrepzebpsvpjc5a" title="Stream from Google Play" class="icon fab fa-google-play"><span class="label">Google Play</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Deezer']);" target="_blank" rel="noopener" href="https://www.deezer.com/fr/artist/56004012" title="Stream from Deezer" class="icon fab fa-deezer"><span class="label">Deezer</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Napster']);" target="_blank" rel="noopener" href="https://us.napster.com/artist/-setto-" title="Stream from Napster" class="icon fab fa-napster"><span class="label">Napster</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Youtube']);" target="_blank" rel="noopener" href="https://www.youtube.com/channel/UCKlONOrOgNQjBjxUyPj4jcw/playlists" title="Stream from Youtube" class="icon fab fa-youtube"><span class="label">Youtube</span></a>
</div> </div>
</section> </section>
</div>
</div>
</section>
<section class="streambox" style="padding: 40px;">
<h2 style="text-align: center;display: block;">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" alt="Stream from Bandcamp" title="Stream from Bandcamp" class="button small icon brands fa-bandcamp">Bandcamp</a>
@ -267,308 +295,53 @@
<!-- HERE ENDS MADNESS -->
<!-- post Naviation -->
<section class="post-navigation">
<h2>Check out more</h2>
<div class="post-nav">
<h3><a href="/cyber-grany/" alt="Read Granny is a cyborg now" title="Read Granny is a cyborg now"><span class="fas fa-arrow-left"></span>&nbsp;Granny is a cyborg now</a></h3>
<p>Jazzy Cybersoul with a hint of 303 baselines.</p>
</div> </div>
<h2 style="text-align: center;display: block;">&nbsp;</h2> <div class="post-nav-next">
<div class="streamer">
<h3><a href="/unmet-dependencies/">Unmet Dependencies&nbsp;<span class="fas fa-arrow-right"></span></a></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.
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Spotify']);" target="_blank" rel="noopener" href="https://open.spotify.com/artist/0gus2IdSkfrvFDBPqeiksM/" alt="Stream from Spotify" title="Stream from Spotify" class="button small icon brands fa-spotify">Spotify</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Tidal']);" target="_blank" rel="noopener" href="https://listen.tidal.com/artist/10745925" alt="Stream from Tidal" title="Stream from Tidal" class="button small icon brands fa-creative-commons-sampling">Tidal</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'AppleMusic']);" target="_blank" rel="noopener" href="https://itunes.apple.com/us/artist/%E5%BE%92-setto-%E3%82%BB%E3%83%83%E3%83%88/1447055514" alt="Stream from Apple Music" title="Stream from Apple Music" class="button small icon brands fa-apple">Apple Music</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'GooglePlay']);" target="_blank" rel="noopener" href="https://play.google.com/store/music/artist/%E5%BE%92_setto_%E3%82%BB%E3%83%83%E3%83%88?id=Ayi4avjpfyinbrepzebpsvpjc5a" alt="Stream from Google Play" title="Stream from Google Play" class="button small icon brands fa-google-play">Google Play</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Deezer']);" target="_blank" rel="noopener" href="https://www.deezer.com/fr/artist/56004012" alt="Stream from Deezer" title="Stream from Deezer" class="button small icon brands fa-creative-commons-sampling">Deezer</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Napster']);" target="_blank" rel="noopener" href="https://us.napster.com/artist/-setto-" alt="Stream from Napster" title="Stream from Napster" class="button small icon brands fa-napster">Napster</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Youtube']);" target="_blank" rel="noopener" href="https://www.youtube.com/channel/UCKlONOrOgNQjBjxUyPj4jcw/playlists" alt="Stream from Youtube" title="Stream from Youtube" class="button small icon brands fa-youtube">Youtube</a>
</div>
</section>
<!-- Tracks -->
<section class="spotlight style4 orient-right content-align-left image-position-center onscroll-image-fade-in" style="box-shadow: none;" >
<div class="content">
<h3>EP-Life of a Dudelini</h3>
<p>
11:23
<br /><strong>Cybersoul</strong>
<br />2020</p>
<ul class="actions stacked">
<li><a href="../albums/live-with-hardware/1-ep-life-of-a-dudelini/" class="button small icon solid fa-play">Play</a></li>
</ul>
</div>
<div class="image">
<img src="https://media.basspistol.com/setto.basspistol.com/live-with-hardware/1-ep-life-of-a-dudelini.jpeg" alt="EP-Life of a Dudelini" />
</div>
</section>
<!-- END Tracks -->
<!-- HERE ENDS MADNESS -->
<section class="wrapper style1 align-center">
<div class="inner">
<div class="index align-left">
<!-- Author -->
<section>
<!-- Content -->
<div class="content">
<!-- post Naviation -->
<div style="text-align: center;">
<h3>Read more posts</h3>
</div>
<div class="post-nav">
<div>
<h4><a href="/cyber-grany/" alt="Read Granny is a cyborg now" title="Read Granny is a cyborg now"><i class="fas fa-arrow-left"></i></a> <a href="/cyber-grany/">&nbsp;Granny is a cyborg now</a></h4>
<p style="margin-right: 20px">Jazzy Cybersoul with a hint of 303 baselines.</p>
</div>
<div class="post-nav-next">
<h4><a href="/unmet-dependencies/">&nbsp;Unmet Dependencies</a> <a href="/unmet-dependencies/" alt="Read Unmet Dependencies" title="Read Unmet Dependencies"><i class="fas fa-arrow-right"></i></a></h4>
<p style="margin-left: 20px">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> Open your mind, open the source!</p>
</div>
</div>
<!-- End Post Navigation -->
</div>
</section>
</div> </div>
</div>
</section> </section>
<!-- End Post Navigation -->
<!-- Footer --> <script type="text/javascript">
<section class="streambox" style="padding: 40px;">
<h2 style="text-align: center;display: block;">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" alt="Stream from Bandcamp" title="Stream from Bandcamp" class="button small icon brands fa-bandcamp">Bandcamp</a>
</div>
<h2 style="text-align: center;display: block;">&nbsp;</h2>
<div class="streamer">
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Spotify']);" target="_blank" rel="noopener" href="https://open.spotify.com/artist/0gus2IdSkfrvFDBPqeiksM/" alt="Stream from Spotify" title="Stream from Spotify" class="button small icon brands fa-spotify">Spotify</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Tidal']);" target="_blank" rel="noopener" href="https://listen.tidal.com/artist/10745925" alt="Stream from Tidal" title="Stream from Tidal" class="button small icon brands fa-creative-commons-sampling">Tidal</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'AppleMusic']);" target="_blank" rel="noopener" href="https://itunes.apple.com/us/artist/%E5%BE%92-setto-%E3%82%BB%E3%83%83%E3%83%88/1447055514" alt="Stream from Apple Music" title="Stream from Apple Music" class="button small icon brands fa-apple">Apple Music</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'GooglePlay']);" target="_blank" rel="noopener" href="https://play.google.com/store/music/artist/%E5%BE%92_setto_%E3%82%BB%E3%83%83%E3%83%88?id=Ayi4avjpfyinbrepzebpsvpjc5a" alt="Stream from Google Play" title="Stream from Google Play" class="button small icon brands fa-google-play">Google Play</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Deezer']);" target="_blank" rel="noopener" href="https://www.deezer.com/fr/artist/56004012" alt="Stream from Deezer" title="Stream from Deezer" class="button small icon brands fa-creative-commons-sampling">Deezer</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Napster']);" target="_blank" rel="noopener" href="https://us.napster.com/artist/-setto-" alt="Stream from Napster" title="Stream from Napster" class="button small icon brands fa-napster">Napster</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Youtube']);" target="_blank" rel="noopener" href="https://www.youtube.com/channel/UCKlONOrOgNQjBjxUyPj4jcw/playlists" alt="Stream from Youtube" title="Stream from Youtube" class="button small icon brands fa-youtube">Youtube</a>
</div>
</section>
<footer id="footer" class="wrapper style1 align-center">
<div class="footflex">
<div>
<h4>徒 setto セット</h4>
<p>Set, Party, Gang! &#35;Cybersoul.
<br /><a href="mailto:setto@basspistol.com">setto@basspistol.com</a></p>
</div>
<div>
<ul>
<li><a href="../">Home</a></li>
<li><a href="/discography/">Discog</a></li>
<li><a href="/log/">Log</a></li>
<li><a href="/about/">About</a></li>
<li><a href="/links/">Links</a></li>
</ul>
</div>
<div><img src="../images/setto-logo-dark.svg" style="max-width:300px" alt="徒 setto セット Logo" /></div>
</div>
<div class="inner">
<ul class="icons">
<li><a target="_blank" alt="徒 setto セット on Twitter" title="徒 setto セット on Twitter" rel="noopener" href="https://twitter.com/ToSettoSetto" class="icon brands style2 fa-twitter"><span class="label">Twitter</span></a></li>
<li><a target="_blank" alt="徒 setto セット on Instagram" title="徒 setto セット on Instagram" rel="noopener" href="https://www.instagram.com/tosettosetto/" class="icon brands style2 fa-instagram"><span class="label">Instagram</span></a></li>
<li><a target="_blank" alt="徒 setto セット on Telegram" title="徒 setto セット on Telegram" rel="noopener" href="https://t.me/basspistol" class="icon brands style2 fa-telegram"><span class="label">Telegram</span></a></li>
<li><a target="_blank" alt="徒 setto セット on Reddit" title="徒 setto セット on Reddit" rel="noopener" href="https://www.reddit.com/r/basspistol" class="icon brands style2 fa-reddit"><span class="label">Reddit</span></a></li>
</ul>
<p>&copy;2020 Basspistol | <a href="../webcreds/">Credits</a> | <a href="../cookies/">Cookies & Privacy</a></p>
</div>
</footer>
</div>
<!-- Navigation -->
<div id="logo" class="logo">
<a href="/"><img width="100em" src="/images/setto-logoicon.svg" alt="徒 setto セット Logo" /></a>
&nbsp;&nbsp;&nbsp;<a href="#navbar" onclick="blurBody()" alt="Navigation Menu" title="Navigation Menu"><span class="icon solid fa-bars navmenu"></span></a>
</div>
<div id="navbar" style="display: block;" 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 close" style="margin: 0 auto;">X</a>
<ul>
<li><a href="../" class="button smaller">Home</a></li>
<li><a href="../discography/" class="button smaller">Discog</a></li>
<li><a href="../log/" class="button smaller">Log</a></li>
<li><a href="../about/" class="button smaller">About</a></li>
<li><a href="../links/" class="button smaller">Links</a></li>
</ul>
</nav>
</div>
<!-- End Navigation -->
<!-- Scripts -->
<script src="../assets/js/jquery.min.js"></script>
<script src="../assets/js/jquery.scrollex.min.js"></script>
<script src="../assets/js/jquery.scrolly.min.js"></script>
<script src="../assets/js/browser.min.js"></script>
<script src="../assets/js/breakpoints.min.js"></script>
<script src="../assets/js/util.js"></script>
<script src="../assets/js/main.js"></script>
<script src="../assets/js/set.js"></script>
<script type="text/javascript">
// html5media enables <video> and <audio> tags in all major browsers // html5media enables <video> and <audio> tags in all major browsers
// External File: http://api.html5media.info/1.1.8/html5media.min.js // External File: http://api.html5media.info/1.1.8/html5media.min.js
// Add user agent as an attribute on the <html> tag... // Add user agent as an attribute on the <html> tag...
// Inspiration: http://css-tricks.com/ie-10-specific-styles/ // Inspiration: http://css-tricks.com/ie-10-specific-styles/
var b = document.documentElement; // var b = document.documentElement;
b.setAttribute('data-useragent', navigator.userAgent); // b.setAttribute('data-useragent', navigator.userAgent);
b.setAttribute('data-platform', navigator.platform); // b.setAttribute('data-platform', navigator.platform);
// HTML5 audio player + playlist controls... // HTML5 audio player + playlist controls...
@ -585,17 +358,23 @@ Open your mind, open the source!</p>
"track": 1, "track": 1,
"name": "EP-Life of a Dudelini", "name": "EP-Life of a Dudelini",
"length": "11:23", "length": "11:23",
"file": "https://media.basspistol.com/setto.basspistol.com/live-with-hardware/1-ep-life-of-a-dudelini" "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, trackCount = tracks.length,
npAction = $('#npAction'), npAction = $('#npAction'),
npTitle = $('#npTitle'), npTitle = $('#npTitle'),
npImage = $('#npImage'),
audio = $('#audio1').bind('play', function () { audio = $('#audio1').bind('play', function () {
playing = true; playing = true;
npAction.text('Playing...'); npAction.text('Playing...');
$('#fixedPlayer').removeClass('hideplayer');
$("#npImage").addClass('spinnit');
}).bind('pause', function () { }).bind('pause', function () {
playing = false; playing = false;
npAction.text('Paused...'); npAction.text('Paused...');
$("#npImage").removeClass('spinnit');
}).bind('ended', function () { }).bind('ended', function () {
npAction.text('Paused...'); npAction.text('Paused...');
if ((index + 1) < trackCount) { if ((index + 1) < trackCount) {
@ -612,6 +391,7 @@ Open your mind, open the source!</p>
if ((index - 1) > -1) { if ((index - 1) > -1) {
index--; index--;
loadTrack(index); loadTrack(index);
playTrack(index);
if (playing) { if (playing) {
audio.play(); audio.play();
} }
@ -625,6 +405,7 @@ Open your mind, open the source!</p>
if ((index + 1) < trackCount) { if ((index + 1) < trackCount) {
index++; index++;
loadTrack(index); loadTrack(index);
playTrack(index);
if (playing) { if (playing) {
audio.play(); audio.play();
} }
@ -636,33 +417,198 @@ Open your mind, open the source!</p>
}), }),
li = $('#plList li').click(function () { li = $('#plList li').click(function () {
var id = parseInt($(this).index()); var id = parseInt($(this).index());
if (id !== index) { if (id !== index || playing == false) {
playTrack(id); playTrack(id);
}else {
audio.pause();
} }
}), }),
loadTrack = function (id) { loadTrack = function (id) {
$('.plSel').removeClass('plSel');
$('#plList li:eq(' + id + ')').addClass('plSel');
npTitle.text(tracks[id].name); npTitle.text(tracks[id].name);
index = id; index = id;
audio.src = mediaPath + tracks[id].file + extension; audio.src = mediaPath + tracks[id].file + extension;
$('audio').attr("data-matomo-title", tracks[id].name); $('audio').attr("data-matomo-title", tracks[id].name);
$("#npImage").attr('style', 'background-image:url(' + tracks[id].image + '.jpeg)');
}, },
playTrack = function (id) { playTrack = function (id) {
$('.plSel').removeClass('plSel');
$('#plList li:eq(' + id + ')').addClass('plSel');
loadTrack(id); loadTrack(id);
audio.play(); audio.play();
}; };
extension = audio.canPlayType('audio/mpeg') ? '.mp3' : audio.canPlayType('audio/ogg') ? '.ogg' : ''; extension = audio.canPlayType('audio/mpeg') ? '.mp3' : audio.canPlayType('audio/ogg') ? '.ogg' : '';
loadTrack(index); loadTrack(index);
} }
}); });
</script> </script>
<!-- Footer -->
<!-- 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', 'Spotify']);" target="_blank" rel="noopener" href="https://open.spotify.com/artist/0gus2IdSkfrvFDBPqeiksM/" title="Stream from Spotify" class="icon fab fa-spotify"><span class="label">Spotify</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Tidal']);" target="_blank" rel="noopener" href="https://listen.tidal.com/artist/10745925" title="Stream from Tidal" class="icon fab fa-creative-commons-sampling"><span class="label">Tidal</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'AppleMusic']);" target="_blank" rel="noopener" href="https://itunes.apple.com/us/artist/%E5%BE%92-setto-%E3%82%BB%E3%83%83%E3%83%88/1447055514" title="Stream from Apple Music" class="icon fab fa-apple"><span class="label">Apple Music</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'GooglePlay']);" target="_blank" rel="noopener" href="https://play.google.com/store/music/artist/%E5%BE%92_setto_%E3%82%BB%E3%83%83%E3%83%88?id=Ayi4avjpfyinbrepzebpsvpjc5a" title="Stream from Google Play" class="icon fab fa-google-play"><span class="label">Google Play</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Deezer']);" target="_blank" rel="noopener" href="https://www.deezer.com/fr/artist/56004012" title="Stream from Deezer" class="icon fab fa-deezer"><span class="label">Deezer</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Napster']);" target="_blank" rel="noopener" href="https://us.napster.com/artist/-setto-" title="Stream from Napster" class="icon fab fa-napster"><span class="label">Napster</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Youtube']);" target="_blank" rel="noopener" href="https://www.youtube.com/channel/UCKlONOrOgNQjBjxUyPj4jcw/playlists" title="Stream from Youtube" class="icon fab fa-youtube"><span class="label">Youtube</span></a>
</div>
</section>
<footer>
<div>
<h3>徒 setto セット</h3>
<p>Set, Party, Gang! &#35;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="/about/">About</a></li>
<li><a href="/links/">Links</a></li>
</ul>
</div>
<div><img src="../images/setto_logo.svg" width="100%" alt="徒 setto セット Logo" /></div>
<div style="text-align: center;">
<a target="_blank" alt="徒 setto セット on Twitter" title="徒 setto セット on Twitter" rel="noopener"
href="https://twitter.com/ToSettoSetto" class="icon small fab fa-twitter"><span class="label">Twitter</span></a>
<a target="_blank" alt="徒 setto セット on Instagram" title="徒 setto セット on Instagram" rel="noopener"
href="https://www.instagram.com/tosettosetto/" class="icon small fab fa-instagram"><span class="label">Instagram</span></a>
<a target="_blank" alt="徒 setto セット on Telegram" title="徒 setto セット on Telegram" rel="noopener"
href="https://t.me/basspistol" 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" href="mailto:setto@basspistol.com" class="icon small fas fa-envelope-open-text"><span
class="label">Email</span></a>
</div>
<small>
<p>&copy;2020 Basspistol | <a href="../webcreds/">Credits</a> | <a
href="../cookies/">Cookies & Privacy</a></p>
</small>
</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="../" class="button">home</a></li>
<li><a href="../discography/" class="button">Discog</a></li>
<li><a href="../log/" class="button">Log</a></li>
<li><a href="../about/" class="button">About</a></li>
<li><a href="../links/" class="button">Links</a></li>
</ul>
</nav>
</div>
<!-- End Navigation -->
<div id="cookie-notice"> <div id="cookie-notice">
<p>I only use cookies if you consent to it. They don't contain any identifiable info: they just let me know if you enjoyed this enough to come back. <br />Click <a href="#" id="cookie-notice-decline">here</a> if you want this shit to go away without cookies. <br />Read more about how me & basspistol <a href="/cookies/">use cookies</a> </p>
<a class="button small yes" href="#" id="cookie-notice-accept">I'm in!</a> <p>I only use cookies if you consent to it. They don't contain any identifiable info: they just let me know if you
enjoyed this enough to come back.
<br />Click <a href="#" id="cookie-notice-decline">here</a> if you want this shit to go away without cookies.
<br />Read more about how me & basspistol <a href="/cookies/">use cookies</a>
</p>
<a class="button yes" href="#"
id="cookie-notice-accept">I'm in!</a>
</div> </div>
<script> <script>
@ -761,5 +707,12 @@ _paq.push(['enableLinkTracking']);
</script> </script>
<!-- Scripts -->
<script src="../assets/js/set.js"></script>
</body> </body>
</html> </html>

374
log/index.html
View file

@ -1,8 +1,7 @@
<!DOCTYPE html> <!DOCTYPE HTML>
<!-- <!--
Based on _Story_ by html5up.net | @ajlkn Publikatorized by Sakrecoer
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
Remixed and Jekyllified by Setto
--> -->
<html lang="en"> <html lang="en">
<head> <head>
@ -39,7 +38,7 @@
<title>Web-Log | 徒 setto セット</title> <title>Web-Log | 徒 setto セット</title>
<meta name="title" content="Web-Log | 徒 setto セット" /> <meta name="title" content="Web-Log | 徒 setto セット" />
<meta name="description" content="Ramblings, announcenments and thoughts going on in the 徒 setto セット Cypher. In written form intertwined with audio" /> <meta name="description" content="Ramblings, announcenments and thoughts going on in the 徒 setto セット Cypher. In written form intertwined with audio" />
<meta name="dc.date.modified" scheme="ISO8601" content="2020-08-04T07:07:00+00:00" /> <meta name="dc.date.modified" scheme="ISO8601" content="2020-08-04T10:18:11+00:00" />
<meta name="robots" content="index" /> <meta name="robots" content="index" />
<link rel="canonical" href="https://setto.basspistol.com/log/" /> <link rel="canonical" href="https://setto.basspistol.com/log/" />
@ -74,7 +73,7 @@
<meta property="og:url" content="https://setto.basspistol.com/log/" /> <meta property="og:url" content="https://setto.basspistol.com/log/" />
<meta property="og:site_name" content="徒 setto セット" /> <meta property="og:site_name" content="徒 setto セット" />
<meta property="og:type" content="webpage" /> <meta property="og:type" content="webpage" />
<meta property="article:published_time" content="2020-08-04T07:07:00+00:00" /> <meta property="article:published_time" content="2020-08-04T10:18:11+00:00" />
<meta property="og:image" content="https://setto.basspistol.com/images/pages/grace-brauteseth-1R0hB9WWVvQ-unsplash.jpg" /> <meta property="og:image" content="https://setto.basspistol.com/images/pages/grace-brauteseth-1R0hB9WWVvQ-unsplash.jpg" />
<!-- Twitter Card --> <!-- Twitter Card -->
@ -116,267 +115,120 @@
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" /> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
<link rel="stylesheet" href="../assets/css/main20200727.css" /> <link rel="stylesheet" href="../assets/css/all.min.css" />
<link rel="stylesheet" href="../assets/css/main.css" />
<link rel="apple-touch-icon" href="https://setto.basspistol.com/apple-touch-icon.png" /> <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="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" /> <link rel="shortcut icon" href="https://setto.basspistol.com/images/setto-logoicon.svg" type="image/png" />
<noscript><link rel="stylesheet" href="../assets/css/noscript20200727.css" /></noscript> <noscript><link rel="stylesheet" href="../assets/css/noscripts.css" /></noscript>
</head> </head>
<body id="body"> <body>
<span id="top" style="display: none;"></span> <!-- Wrapper -->
<!-- Wrapper --> <div id="main-wrapper">
<div id="wrapper" class="divided" data-cms-content-wrapper="/_layouts/default.html">
<section>
<h2>Latest News</h2>
</section>
<!-- Banner --> <header class="hero" style="background-image: url(/images/pages/grace-brauteseth-1R0hB9WWVvQ-unsplash.jpg);">
<section class="banner onload-image-fade-in onload-content-fade-right style2 fullscreen content-align-center image-position-center" style="min-height:100vh;"> <div>
<div class="content">
<h1>Web-Log</h1> <h1>Web-Log</h1>
<p>Ramblings, announcenments and thoughts going on in the 徒 setto セット Cypher. In written form intertwined with audio</p> <p>Ramblings, announcenments and thoughts going on in the 徒 setto セット Cypher. In written form intertwined with audio</p>
<ul class="actions stacked"> </div>
<li><a href="#news" class="button small smooth-scroll">Cheggit!</a></li> <div class="imagecontainer"></div>
</ul> </header>
</div>
<div class="image">
<img src="/images/pages/grace-brauteseth-1R0hB9WWVvQ-unsplash.jpg" alt="unfound page" />
</div>
</section>
<!-- NEWS -->
<section id="news" class="wrapper style1 align-center">
<div class="inner editable" style="padding-top: 160px;" data-cms-source="/log.html" data-cms-index="0">
<ul class="actions stacked">
<li><a href="https://setto.basspistol.com/feed.xml" class="button small wide icon solid fa-rss">RSS</a></li>
</ul>
</div>
</section>
<section id="second" class="spotlight style4 orient-left content-align-left image-position-center onscroll-image-fade-in" style="box-shadow: none;" >
<div class="content">
<h2>Unmet Dependencies</h2>
<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> <section class="news" style="margin:0;">
<p style="font-size: 12px;">
2:nd <div style="background-image:url(../images/posts/333mix.jpg"></div>
<div class="description">
<h2>333mix</h2>
<p><strong>
3:rd
of of
August August
2020 2020
</p> </strong></p>
<p class="editor-link"><a class="btn" rel="nofollow" href="cloudcannon:collections/_posts/2020-08-02-unmet-dependencies.md"> <p>Pignu got Chopped & Screwed by KodTreatment</p>
<strong>&#9998;</strong> Edit Post <p><a href="../333mix/" class="button">Read post</a></p>
</a></p> </div>
<ul class="actions stacked">
<li><a href="../unmet-dependencies/" class="button small">Read</a></li>
</ul>
</div>
<div class="image">
<img src="../images/posts/final-pingnucover1220x1200.jpg" alt="Web-Log" />
</div>
</section> </section>
<section id="second" class="spotlight style4 orient-right content-align-left image-position-center onscroll-image-fade-in" >
<div class="content">
<h2>Live with hardware</h2>
<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 style="font-size: 12px;">
19:th
of
April
2020
</p>
<p class="editor-link"><a class="btn" rel="nofollow" href="cloudcannon:collections/_posts/2020-04-19-live-with-hardware.md">
<strong>&#9998;</strong> Edit Post
</a></p>
<ul class="actions stacked">
<li><a href="../live-with-hardware/" class="button small">Read</a></li>
</ul>
</div>
<div class="image">
<img src="../images/posts/1-ep-life-of-a-dudelini.jpeg" alt="Web-Log" />
</div>
</section>
<section id="second" class="spotlight style4 orient-left content-align-left image-position-center onscroll-image-fade-in" >
<div class="content">
<h2>Granny is a cyborg now</h2>
<p>Jazzy Cybersoul with a hint of 303 baselines.</p>
<p style="font-size: 12px;">
12:th
of
December
2019
</p>
<p class="editor-link"><a class="btn" rel="nofollow" href="cloudcannon:collections/_posts/2019-12-12-cyber-grany.md">
<strong>&#9998;</strong> Edit Post
</a></p>
<ul class="actions stacked">
<li><a href="../cyber-grany/" class="button small">Read</a></li>
</ul>
</div>
<div class="image">
<img src="../images/posts/1-grandma-got-the-ssh-keys.jpeg" alt="Web-Log" />
</div>
</section>
<section id="second" class="spotlight style4 orient-right content-align-left image-position-center onscroll-image-fade-in" >
<div class="content">
<h2>Darkweb</h2>
<p>As dystopian as the present might seem on-line, there is always room for the strange in the cypher...</p>
<p style="font-size: 12px;">
7:th
of
February
2019
</p>
<p class="editor-link"><a class="btn" rel="nofollow" href="cloudcannon:collections/_posts/2019-02-07-darkweb.md">
<strong>&#9998;</strong> Edit Post
</a></p>
<ul class="actions stacked">
<li><a href="../darkweb/" class="button small">Read</a></li>
</ul>
</div>
<div class="image">
<img src="../images/darkweb.jpg" alt="Web-Log" />
</div>
</section>
<section id="second" class="spotlight style4 orient-left content-align-left image-position-center onscroll-image-fade-in" > <!-- Footer -->
<div class="content">
<h2>Satoshi Mon Ami</h2>
<p>The 2 tracks of laid back cloud rap are tales of daily digital life-struggles. When day-to-day communication blurs the line between the virtual and real.</p>
<p style="font-size: 12px;">
17:th
of
December
2018
</p>
<p class="editor-link"><a class="btn" rel="nofollow" href="cloudcannon:collections/_posts/2018-12-17-satoshi-mon-ami.md">
<strong>&#9998;</strong> Edit Post
</a></p>
<ul class="actions stacked">
<li><a href="../satoshi-mon-ami/" class="button small">Read</a></li>
</ul>
</div>
<div class="image">
<img src="../images/posts/1-k-as-tu-fait-de-nous-.jpeg" alt="Web-Log" />
</div>
</section>
<section id="news" class="wrapper style1 align-center">
<div class="inner editable" style="padding-top: 160px;" data-cms-source="/log.html" data-cms-index="1">
<ul class="actions stacked">
<li><a href="https://setto.basspistol.com/feed.xml" class="button small icon solid fa-rss">RSS</a></li>
</ul>
</div>
</section>
<!-- Footer --> <!-- Footer -->
<section class="streambox" style="padding: 40px;">
<h2 style="text-align: center;display: block;">Support 徒 setto セット</h2> <section class="streambox">
<p>Stream, follow, like and subscribe!</p> <h2>Support 徒 setto セット</h2>
<div class="streamer"> <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" alt="Stream from Bandcamp" title="Stream from Bandcamp" class="button small icon brands fa-bandcamp">Bandcamp</a> <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', 'Spotify']);" target="_blank" rel="noopener" href="https://open.spotify.com/artist/0gus2IdSkfrvFDBPqeiksM/" title="Stream from Spotify" class="icon fab fa-spotify"><span class="label">Spotify</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Tidal']);" target="_blank" rel="noopener" href="https://listen.tidal.com/artist/10745925" title="Stream from Tidal" class="icon fab fa-creative-commons-sampling"><span class="label">Tidal</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'AppleMusic']);" target="_blank" rel="noopener" href="https://itunes.apple.com/us/artist/%E5%BE%92-setto-%E3%82%BB%E3%83%83%E3%83%88/1447055514" title="Stream from Apple Music" class="icon fab fa-apple"><span class="label">Apple Music</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'GooglePlay']);" target="_blank" rel="noopener" href="https://play.google.com/store/music/artist/%E5%BE%92_setto_%E3%82%BB%E3%83%83%E3%83%88?id=Ayi4avjpfyinbrepzebpsvpjc5a" title="Stream from Google Play" class="icon fab fa-google-play"><span class="label">Google Play</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Deezer']);" target="_blank" rel="noopener" href="https://www.deezer.com/fr/artist/56004012" title="Stream from Deezer" class="icon fab fa-deezer"><span class="label">Deezer</span></a>
</div>
<h2 style="text-align: center;display: block;">&nbsp;</h2>
<div class="streamer">
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Napster']);" target="_blank" rel="noopener" href="https://us.napster.com/artist/-setto-" title="Stream from Napster" class="icon fab fa-napster"><span class="label">Napster</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Spotify']);" target="_blank" rel="noopener" href="https://open.spotify.com/artist/0gus2IdSkfrvFDBPqeiksM/" alt="Stream from Spotify" title="Stream from Spotify" class="button small icon brands fa-spotify">Spotify</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Tidal']);" target="_blank" rel="noopener" href="https://listen.tidal.com/artist/10745925" alt="Stream from Tidal" title="Stream from Tidal" class="button small icon brands fa-creative-commons-sampling">Tidal</a> <a onclick="_paq.push(['trackEvent', 'StoreLink', 'Youtube']);" target="_blank" rel="noopener" href="https://www.youtube.com/channel/UCKlONOrOgNQjBjxUyPj4jcw/playlists" title="Stream from Youtube" class="icon fab fa-youtube"><span class="label">Youtube</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'AppleMusic']);" target="_blank" rel="noopener" href="https://itunes.apple.com/us/artist/%E5%BE%92-setto-%E3%82%BB%E3%83%83%E3%83%88/1447055514" alt="Stream from Apple Music" title="Stream from Apple Music" class="button small icon brands fa-apple">Apple Music</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'GooglePlay']);" target="_blank" rel="noopener" href="https://play.google.com/store/music/artist/%E5%BE%92_setto_%E3%82%BB%E3%83%83%E3%83%88?id=Ayi4avjpfyinbrepzebpsvpjc5a" alt="Stream from Google Play" title="Stream from Google Play" class="button small icon brands fa-google-play">Google Play</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Deezer']);" target="_blank" rel="noopener" href="https://www.deezer.com/fr/artist/56004012" alt="Stream from Deezer" title="Stream from Deezer" class="button small icon brands fa-creative-commons-sampling">Deezer</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Napster']);" target="_blank" rel="noopener" href="https://us.napster.com/artist/-setto-" alt="Stream from Napster" title="Stream from Napster" class="button small icon brands fa-napster">Napster</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Youtube']);" target="_blank" rel="noopener" href="https://www.youtube.com/channel/UCKlONOrOgNQjBjxUyPj4jcw/playlists" alt="Stream from Youtube" title="Stream from Youtube" class="button small icon brands fa-youtube">Youtube</a>
</div>
</section>
<footer id="footer" class="wrapper style1 align-center">
<div class="footflex">
<div>
<h4>徒 setto セット</h4>
<p>Set, Party, Gang! &#35;Cybersoul.
<br /><a href="mailto:setto@basspistol.com">setto@basspistol.com</a></p>
</div> </div>
</section>
<footer>
<div> <div>
<h3>徒 setto セット</h3>
<p>Set, Party, Gang! &#35;Cybersoul.</p>
<ul> <ul>
<li><a href="../">Home</a></li> <li><a href="../">Home</a></li>
@ -392,90 +244,93 @@ Open your mind, open the source!</p>
</ul> </ul>
</div> </div>
<div><img src="../images/setto-logo-dark.svg" style="max-width:300px" alt="徒 setto セット Logo" /></div> <div><img src="../images/setto_logo.svg" width="100%" alt="徒 setto セット Logo" /></div>
<div style="text-align: center;">
<a target="_blank" alt="徒 setto セット on Twitter" title="徒 setto セット on Twitter" rel="noopener"
href="https://twitter.com/ToSettoSetto" class="icon small fab fa-twitter"><span class="label">Twitter</span></a>
<a target="_blank" alt="徒 setto セット on Instagram" title="徒 setto セット on Instagram" rel="noopener"
href="https://www.instagram.com/tosettosetto/" class="icon small fab fa-instagram"><span class="label">Instagram</span></a>
<a target="_blank" alt="徒 setto セット on Telegram" title="徒 setto セット on Telegram" rel="noopener"
href="https://t.me/basspistol" 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" href="mailto:setto@basspistol.com" class="icon small fas fa-envelope-open-text"><span
class="label">Email</span></a>
</div> </div>
<div class="inner"> <small>
<ul class="icons">
<p>&copy;2020 Basspistol | <a href="../webcreds/">Credits</a> | <a
<li><a target="_blank" alt="徒 setto セット on Twitter" title="徒 setto セット on Twitter" rel="noopener" href="https://twitter.com/ToSettoSetto" class="icon brands style2 fa-twitter"><span class="label">Twitter</span></a></li> href="../cookies/">Cookies & Privacy</a></p>
</small>
<li><a target="_blank" alt="徒 setto セット on Instagram" title="徒 setto セット on Instagram" rel="noopener" href="https://www.instagram.com/tosettosetto/" class="icon brands style2 fa-instagram"><span class="label">Instagram</span></a></li>
<li><a target="_blank" alt="徒 setto セット on Telegram" title="徒 setto セット on Telegram" rel="noopener" href="https://t.me/basspistol" class="icon brands style2 fa-telegram"><span class="label">Telegram</span></a></li>
<li><a target="_blank" alt="徒 setto セット on Reddit" title="徒 setto セット on Reddit" rel="noopener" href="https://www.reddit.com/r/basspistol" class="icon brands style2 fa-reddit"><span class="label">Reddit</span></a></li>
</ul>
<p>&copy;2020 Basspistol | <a href="../webcreds/">Credits</a> | <a href="../cookies/">Cookies & Privacy</a></p>
</div>
</footer> </footer>
</div>
<!-- Navigation -->
<div id="logo" class="logo">
<a href="/"><img width="100em" src="/images/setto-logoicon.svg" alt="徒 setto セット Logo" /></a>
&nbsp;&nbsp;&nbsp;<a href="#navbar" onclick="blurBody()" alt="Navigation Menu" title="Navigation Menu"><span class="icon solid fa-bars navmenu"></span></a>
</div>
<div id="navbar" style="display: block;" class="modalDialog"> <!-- END Footer -->
<a href="#close" onclick="removeBlur()" alt="Close Menu" title="Close Menu"><div id="closearea"> </div></a>
</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> <nav>
<a href="#close" title="Close" onclick="removeBlur()" class="close-button close" style="margin: 0 auto;">X</a> <a href="#close" title="Close" onclick="removeBlur()" class="close-button">X</a>
<ul> <ul>
<li><a href="../" class="button smaller">Home</a></li> <li><a href="../" class="button">home</a></li>
<li><a href="../discography/" class="button smaller">Discog</a></li> <li><a href="../discography/" class="button">Discog</a></li>
<li><a href="../log/" class="button smaller">Log</a></li> <li><a href="../log/" class="button">Log</a></li>
<li><a href="../about/" class="button smaller">About</a></li> <li><a href="../about/" class="button">About</a></li>
<li><a href="../links/" class="button smaller">Links</a></li> <li><a href="../links/" class="button">Links</a></li>
</ul> </ul>
</nav> </nav>
</div> </div>
<!-- End Navigation --> <!-- End Navigation -->
<!-- Scripts -->
<script src="../assets/js/jquery.min.js"></script>
<script src="../assets/js/jquery.scrollex.min.js"></script>
<script src="../assets/js/jquery.scrolly.min.js"></script>
<script src="../assets/js/browser.min.js"></script>
<script src="../assets/js/breakpoints.min.js"></script>
<script src="../assets/js/util.js"></script>
<script src="../assets/js/main.js"></script>
<script src="../assets/js/set.js"></script>
<div id="cookie-notice"> <div id="cookie-notice">
<p>I only use cookies if you consent to it. They don't contain any identifiable info: they just let me know if you enjoyed this enough to come back. <br />Click <a href="#" id="cookie-notice-decline">here</a> if you want this shit to go away without cookies. <br />Read more about how me & basspistol <a href="/cookies/">use cookies</a> </p>
<a class="button small yes" href="#" id="cookie-notice-accept">I'm in!</a> <p>I only use cookies if you consent to it. They don't contain any identifiable info: they just let me know if you
enjoyed this enough to come back.
<br />Click <a href="#" id="cookie-notice-decline">here</a> if you want this shit to go away without cookies.
<br />Read more about how me & basspistol <a href="/cookies/">use cookies</a>
</p>
<a class="button yes" href="#"
id="cookie-notice-accept">I'm in!</a>
</div> </div>
<script> <script>
@ -574,5 +429,12 @@ _paq.push(['enableLinkTracking']);
</script> </script>
<!-- Scripts -->
<script src="../assets/js/set.js"></script>
</body> </body>
</html> </html>

835
satoshi-mon-ami/index.html
View file

File diff suppressed because it is too large Load diff

24
sitemap.xml
View file

@ -2,23 +2,27 @@
<urlset xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.sitemaps.org/schemas/sitemap/0.9 http://www.sitemaps.org/schemas/sitemap/0.9/sitemap.xsd" xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"> <urlset xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.sitemaps.org/schemas/sitemap/0.9 http://www.sitemaps.org/schemas/sitemap/0.9/sitemap.xsd" xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
<url> <url>
<loc>https://setto.basspistol.com/satoshi-mon-ami/</loc> <loc>https://setto.basspistol.com/satoshi-mon-ami/</loc>
<lastmod>2020-08-03T09:28:15+00:00</lastmod> <lastmod>2020-08-04T10:18:11+00:00</lastmod>
</url> </url>
<url> <url>
<loc>https://setto.basspistol.com/darkweb/</loc> <loc>https://setto.basspistol.com/darkweb/</loc>
<lastmod>2020-08-03T09:21:51+00:00</lastmod> <lastmod>2020-08-04T10:18:11+00:00</lastmod>
</url> </url>
<url> <url>
<loc>https://setto.basspistol.com/cyber-grany/</loc> <loc>https://setto.basspistol.com/cyber-grany/</loc>
<lastmod>2020-07-27T08:03:40+00:00</lastmod> <lastmod>2020-08-04T10:18:11+00:00</lastmod>
</url> </url>
<url> <url>
<loc>https://setto.basspistol.com/live-with-hardware/</loc> <loc>https://setto.basspistol.com/live-with-hardware/</loc>
<lastmod>2020-07-27T08:03:40+00:00</lastmod> <lastmod>2020-08-04T10:18:11+00:00</lastmod>
</url> </url>
<url> <url>
<loc>https://setto.basspistol.com/unmet-dependencies/</loc> <loc>https://setto.basspistol.com/unmet-dependencies/</loc>
<lastmod>2020-08-03T09:21:51+00:00</lastmod> <lastmod>2020-08-04T10:18:11+00:00</lastmod>
</url>
<url>
<loc>https://setto.basspistol.com/333mix/</loc>
<lastmod>2020-08-04T10:18:11+00:00</lastmod>
</url> </url>
<url> <url>
<loc>https://setto.basspistol.com/albums/cyber-grany/1-grandma-got-the-ssh-keys/</loc> <loc>https://setto.basspistol.com/albums/cyber-grany/1-grandma-got-the-ssh-keys/</loc>
@ -62,7 +66,7 @@
</url> </url>
<url> <url>
<loc>https://setto.basspistol.com/404/</loc> <loc>https://setto.basspistol.com/404/</loc>
<lastmod>2020-08-04T07:07:00+00:00</lastmod> <lastmod>2020-08-04T10:18:11+00:00</lastmod>
</url> </url>
<url> <url>
<loc>https://setto.basspistol.com/about/</loc> <loc>https://setto.basspistol.com/about/</loc>
@ -70,19 +74,19 @@
</url> </url>
<url> <url>
<loc>https://setto.basspistol.com/discography/</loc> <loc>https://setto.basspistol.com/discography/</loc>
<lastmod>2020-08-04T07:07:00+00:00</lastmod> <lastmod>2020-08-04T10:18:11+00:00</lastmod>
</url> </url>
<url> <url>
<loc>https://setto.basspistol.com/</loc> <loc>https://setto.basspistol.com/</loc>
<lastmod>2020-08-02T22:16:05+00:00</lastmod> <lastmod>2020-08-04T10:18:11+00:00</lastmod>
</url> </url>
<url> <url>
<loc>https://setto.basspistol.com/links/</loc> <loc>https://setto.basspistol.com/links/</loc>
<lastmod>2020-07-29T12:49:10+00:00</lastmod> <lastmod>2020-08-04T10:18:11+00:00</lastmod>
</url> </url>
<url> <url>
<loc>https://setto.basspistol.com/log/</loc> <loc>https://setto.basspistol.com/log/</loc>
<lastmod>2020-08-04T07:07:00+00:00</lastmod> <lastmod>2020-08-04T10:18:11+00:00</lastmod>
</url> </url>
<url> <url>
<loc>https://setto.basspistol.com/webcreds/</loc> <loc>https://setto.basspistol.com/webcreds/</loc>

801
unmet-dependencies/index.html
View file

@ -1,13 +1,10 @@
<!DOCTYPE HTML>
<!DOCTYPE html>
<!-- <!--
Based on _Story_ by html5up.net | @ajlkn Publikatorized by Sakrecoer
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
Remixed and Jekyllified by Setto
--> -->
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- <!--
@ -50,7 +47,7 @@
<title>Play &quot;Unmet Dependencies&quot; by 徒 setto セット | 徒 setto セット</title> <title>Play &quot;Unmet Dependencies&quot; by 徒 setto セット | 徒 setto セット</title>
<meta name="title" content="Play &quot;Unmet Dependencies&quot; by 徒 setto セット" /> <meta name="title" content="Play &quot;Unmet Dependencies&quot; by 徒 setto セット" />
<meta name="description" content="A release by 徒 setto セット named &quot;Unmet Dependencies&quot; published on 徒 setto セット" /> <meta name="description" content="A release by 徒 setto セット named &quot;Unmet Dependencies&quot; published on 徒 setto セット" />
<meta name="dc.date.modified" scheme="ISO8601" content="2020-08-03T09:21:51+00:00" /> <meta name="dc.date.modified" scheme="ISO8601" content="2020-08-04T10:18:11+00:00" />
<meta name="robots" content="index" /> <meta name="robots" content="index" />
<link rel="canonical" href="https://setto.basspistol.com/unmet-dependencies/" /> <link rel="canonical" href="https://setto.basspistol.com/unmet-dependencies/" />
@ -74,7 +71,7 @@
<meta name="dcterms.Subject" content="A release by 徒 setto セット named &quot;Unmet Dependencies&quot; published on 徒 setto セット" /> <meta name="dcterms.Subject" content="A release by 徒 setto セット named &quot;Unmet Dependencies&quot; published on 徒 setto セット" />
<meta name="dcterms.Title" content="Play &quot;Unmet Dependencies&quot; by 徒 setto セット" /> <meta name="dcterms.Title" content="Play &quot;Unmet Dependencies&quot; by 徒 setto セット" />
<meta name="dcterms.Contributor" content="徒 setto セット" /> <meta name="dcterms.Contributor" content="徒 setto セット" />
<meta name="dcterms.Date" content="2020-08-03" /> <meta name="dcterms.Date" content="2020-08-04" />
<meta name="dcterms.Description" content="Listen and to a release by 徒 setto セット named &quot;Unmet Dependencies&quot; and support your remote artist!" /> <meta name="dcterms.Description" content="Listen and to a release by 徒 setto セット named &quot;Unmet Dependencies&quot; and support your remote artist!" />
<!-- Facebook --> <!-- Facebook -->
@ -86,7 +83,7 @@
<meta property="og:site_name" content="徒 setto セット" /> <meta property="og:site_name" content="徒 setto セット" />
<meta property="og:type" content="music:album" /> <meta property="og:type" content="music:album" />
<meta property="og:audio" content="https://media.basspistol.com/setto.basspistol.com/unmet-dependencies/1-dependency-error.mp3" /><meta property="og:audio" content="https://media.basspistol.com/setto.basspistol.com/unmet-dependencies/2-pingnu.mp3" /> <meta property="og:audio" content="https://media.basspistol.com/setto.basspistol.com/unmet-dependencies/1-dependency-error.mp3" /><meta property="og:audio" content="https://media.basspistol.com/setto.basspistol.com/unmet-dependencies/2-pingnu.mp3" />
<meta property="article:published_time" content="2020-08-03T09:21:51+00:00" /> <meta property="article:published_time" content="2020-08-04T10:18:11+00:00" />
<meta property="og:image" content="https://media.basspistol.com/setto.basspistol.com/unmet-dependencies/1-dependency-error.jpeg" /> <meta property="og:image" content="https://media.basspistol.com/setto.basspistol.com/unmet-dependencies/1-dependency-error.jpeg" />
<!-- Twitter Card --> <!-- Twitter Card -->
@ -106,53 +103,107 @@
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" /> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
<link rel="stylesheet" href="../assets/css/main20200727.css" /> <link rel="stylesheet" href="../assets/css/all.min.css" />
<link rel="apple-touch-icon" href="https://setto.basspistol.com/apple-touch-icon.png" /> <link rel="stylesheet" href="../assets/css/main.css" />
<link rel="icon" type="image/png" href="https://setto.basspistol.com/touch-icon.png" sizes="192x192" /> <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" /> <link rel="shortcut icon" href="https://setto.basspistol.com/images/setto-logoicon.svg" type="image/png" />
<noscript><link rel="stylesheet" href="../assets/css/noscript20200727.css" /></noscript> <noscript><link rel="stylesheet" href="../assets/css/noscripts.css" /></noscript>
</head> </head>
<body id="body">
<span id="top" style="display: none;"></span>
<!-- Wrapper -->
<div id="wrapper" class="divided">
<!-- Banner --> <body>
<section class="banner onload-image-fade-in onload-content-fade-right style2 fullscreen content-align-center image-position-center" style="min-height:100vh;"> <!-- Wrapper -->
<div class="content editable" data-cms-source="/_layouts/post.html" data-cms-index="0"> <div id="main-wrapper">
<h1 class="editable" data-cms-source="/_layouts/post.html" data-cms-index="1">Unmet Dependencies</h1>
<script src="/assets/js/jquery-3.5.1.min.js"></script>
<header class="hero" style="background-image: url(/images/posts/final-pingnucover1220x1200.jpg);">
<div>
<h1>Unmet Dependencies</h1>
<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. <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> Open your mind, open the source!</p>
<ul class="actions stacked"> </div>
<li><a href="#moe" class="button small smooth-scroll">Listen!</a></li> <div class="imagecontainer"></div>
</header>
<section class="album-player">
<!-- HERE BEGINS MADNESS -->
<div class="player-wrap">
<div id="plwrap">
<h2>Track list</h2>
<ul id="plList">
<li >
<div class="plItem">
<div class="plNum">1.</div>
<div class="plTitle">Dependency Error</div>
<div class="plLength">
5:13
</div>
</div>
</li>
<li >
<div class="plItem">
<div class="plNum">2.</div>
<div class="plTitle">Pingnu</div>
<div class="plLength">
3:42
</div>
</div>
</li>
</ul> </ul>
</div> </div>
<div class="image"> </div>
<img src="../images/posts/final-pingnucover1220x1200.jpg" alt="Unmet Dependencies" class="editable" data-cms-source="/_layouts/post.html" data-cms-index="2" /> <div class="noJSalbum">
<div class="plItem">
<div class="plNum">1.</div>
<div class="plTitle"><a href="https://media.basspistol.com/setto.basspistol.com/unmet-dependencies/1-dependency-error.mp3" target="_blank" rel="noopener">Dependency Error </a></div>
<div class="plLength">
5:13
</div>
</div> </div>
</section>
<!-- Content -->
<section class="wrapper style1 align-center">
<div class="inner" style="padding-top: 40px;">
<div class="index align-left">
<!-- Author -->
<section style="padding-top:40px;" id="moe">
<header id="author">
<div class="plItem">
<div class="plNum">2.</div>
<div class="plTitle"><a href="https://media.basspistol.com/setto.basspistol.com/unmet-dependencies/2-pingnu.mp3" target="_blank" rel="noopener">Pingnu </a></div>
<div class="plLength">
3:42
</div>
</div>
</div>
<div class="coverart">
<div class="coverartwrapper">
<div id="npImage" class="coverartwrapped"></div>
</div>
<div id="author">
<div class="bio"> <div class="bio">
<p><a href="mailto:setto@basspistol.com"><strong>徒 setto セット</strong></a></p>
<p>Geek | <a target="_blank" rel="noopener" href="https://keyserver.ubuntu.com/pks/lookup?search=setto%40basspistol.com&fingerprint=on&op=index">GPG</a></p>
<div alt="Picture of 徒 setto セット" <p class="date">
style="margin-right: 10px;background-image:url(/siteicon.png);background-repeat: no-repeat;background-size:cover; border-radius:150px; width:150px; height:150px;">
</div>
<br />
<p style="font-style: normal;"><a href="mailto:setto@basspistol.com"><strong>徒 setto セット</strong></a></p>
<p style="font-style: normal;">Geek | <a target="_blank" rel="noopener" href="https://keyserver.ubuntu.com/pks/lookup?search=setto%40basspistol.com&fingerprint=on&op=index">GPG</a></p>
<p style="font-size:14px;font-style: normal;">
Published the Published the
@ -171,89 +222,43 @@ Open your mind, open the source!</p>
Share this page: Share this page:
</h6> </h6>
<ul class="icons"> <ul>
<li><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/unmet-dependencies/&amp;quote=Unmet Dependencies%20by%20徒 setto セット%20via%20https://setto.basspistol.com" class="icon brands style1 fa-facebook-f"><span class="label">Facebook</span></a></li> <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/unmet-dependencies/&amp;quote=Unmet Dependencies%20by%20徒 setto セット%20via%20https://setto.basspistol.com" class="icon smaller fab fa-facebook-f"><span class="label">Facebook</span></a>
<li><a target="_blank" rel="nofollow noopener" title="Share to twitter" alt="Share to twitter" href="https://twitter.com/share?url=https://setto.basspistol.com/unmet-dependencies/&amp;text=Unmet Dependencies%20by%20徒 setto セット%20&amp;hashtags=paxNion" class="icon brands style1 fa-twitter"><span class="label">Twitter</span></a></li> <a target="_blank" rel="nofollow noopener" title="Share to twitter" alt="Share to twitter" href="https://twitter.com/share?url=https://setto.basspistol.com/unmet-dependencies/&amp;text=Unmet Dependencies%20by%20徒 setto セット%20&amp;hashtags=paxNion" class="icon smaller fab fa-twitter"><span class="label">Twitter</span></a>
<li><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/unmet-dependencies/&amp;text=Unmet Dependencies%20by%20徒 setto セット" class="icon brands style1 fa-telegram"><span class="label">Telegram</span></a></li> <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/unmet-dependencies/&amp;text=Unmet Dependencies%20by%20徒 setto セット" class="icon smaller fab fa-telegram"><span class="label ">Telegram</span></a>
<li><a target="_blank" rel="nofollow noopener" title="Share to reddit" alt="Share to reddit" href="https://reddit.com/submit/?url=https://setto.basspistol.com/unmet-dependencies/&amp;title=Unmet Dependencies%20by%20徒 setto セット" class="icon brands style1 fa-reddit"><span class="label">Reddit</span></a></li> <a target="_blank" rel="nofollow noopener" title="Share to reddit" alt="Share to reddit" href="https://reddit.com/submit/?url=https://setto.basspistol.com/unmet-dependencies/&amp;title=Unmet Dependencies%20by%20徒 setto セット" class="icon smaller fab fa-reddit"><span class="label">Reddit</span></a>
</ul> </ul>
</div>
</div>
</div> </div>
</header> <div id="fixedPlayer" class="showplayer hideplayer">
<!-- Content --> <div id="audiowrap">
<div class="content">
<div id="audio0">
<audio id="audio1" preload="metadata" controls="controls">
Your browser does not support HTML5 Audio!
</audio>
</div>
<!-- HERE BEGINS MADNESS --> </div>
<!-- Content -->
<div class="content">
<div id="mainwrap">
<div id="nowPlay"> <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 class="right" id="npTitle" style="font-weight: bold;"></p>
<p class="left" id="npAction">Paused...</p> <p class="left" id="npAction">Paused...</p>
</div> </div>
<div id="audiowrap">
<div id="audio0">
<audio id="audio1" preload="metadata" controls="controls">Your browser does not support HTML5
Audio!</audio>
</div>
<div id="tracks"> </div>
<a id="btnPrev"><span class="icon solid fa-fast-backward"></span></a> </section>
<a id="btnNext"><span class="icon solid fa-fast-forward"></span></a> <section class="info">
</div> <div data-cms-content-wrapper="/_layouts/post.html">
</div>
<div id="plwrap">
<ul id="plList">
<li>
<div class="plItem">
<div class="plNum">1.</div>
<div class="plTitle">Dependency Error</div>
<div class="plLength">5:13</div>
</div>
</li>
<li>
<div class="plItem">
<div class="plNum">2.</div>
<div class="plTitle">Pingnu</div>
<div class="plLength">3:42</div>
</div>
</li>
</ul>
</div>
</div>
<div id="noJSalbum">
<div class="plItem">
<div class="plNum">1.</div>
<div class="plTitle"><a href="https://media.basspistol.com/setto.basspistol.com/unmet-dependencies/1-dependency-error.mp3" target="_blank" rel="noopener">Dependency Error </a></div>
<div class="plLength">5:13</div>
</div>
<div class="plItem">
<div class="plNum">2.</div>
<div class="plTitle"><a href="https://media.basspistol.com/setto.basspistol.com/unmet-dependencies/2-pingnu.mp3" target="_blank" rel="noopener">Pingnu </a></div>
<div class="plLength">3:42</div>
</div>
</div>
</div>
<div class="content editable" style="font-size: 16px;margin-top:60px;" data-cms-source="/_layouts/post.html" data-cms-index="3" data-cms-content-wrapper="/_layouts/post.html">
<p>Oldies, but goldies! It is through these 2 tracks that i found the To Setto Setto in me. Before that i used to do some (Excellent, but) sort of lamo Electro-pop. Originally released under <a href="https://sakrecoer.com" target="_blank" rel="noreferrer noopener">Sakrecoer,</a> around 2016, they got some traction in Cyperpunk and geek circles, but never quite made it further…</p> <p>Oldies, but goldies! It is through these 2 tracks that i found the To Setto Setto in me. Before that i used to do some (Excellent, but) sort of lamo Electro-pop. Originally released under <a href="https://sakrecoer.com" target="_blank" rel="noreferrer noopener">Sakrecoer,</a> around 2016, they got some traction in Cyperpunk and geek circles, but never quite made it further…</p>
<p>I don’t really expect them to go so much longer this time, the odds are about the same as winning the EU-Jackpot Lottery. But i decided they belonged to To Setto Setto now and i can do as I please with them.</p> <p>I don’t really expect them to go so much longer this time, the odds are about the same as winning the EU-Jackpot Lottery. But i decided they belonged to To Setto Setto now and i can do as I please with them.</p>
@ -265,334 +270,140 @@ Open your mind, open the source!</p>
<iframe src="https://player.vimeo.com/video/253819945" allow="autoplay; fullscreen" allowfullscreen="" width="100%" height="360px" frameborder="0"></iframe> <iframe src="https://player.vimeo.com/video/253819945" allow="autoplay; fullscreen" allowfullscreen="" width="100%" height="360px" frameborder="0"></iframe>
</div> </div>
</section>
<section class="streambox">
<h2>Get this release</h2>
<div class="streamer">
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Spotify']);" target="_blank" rel="noopener" href="https://open.spotify.com/album/2UBSokWbYLy0JqrwoGRp0K" title="Stream from Spotify" class="icon fab fa-spotify"><span class="label">Spotify</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Tidal']);" target="_blank" rel="noopener" href="https://listen.tidal.com/album/149706362" title="Stream from Tidal" class="icon fab fa-creative-commons-sampling"><span class="label">Tidal</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Apple']);" target="_blank" rel="noopener" href="https://music.apple.com/us/album/unmet-dependencies-single/1524841124?uo=4&app=music&at=1001lry3&ct=dashboard" title="Stream from Apple" class="icon fab fa-apple"><span class="label">Apple</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Bandcamp']);" target="_blank" rel="noopener" href="https://shop.basspistol.com/album/unmet-dependencies" title="Stream from Bandcamp" class="icon fab fa-bandcamp"><span class="label">Bandcamp</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Deezer']);" target="_blank" rel="noopener" href="https://www.deezer.com/us/album/162768022" title="Stream from Deezer" class="icon fab fa-deezer"><span class="label">Deezer</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Youtube']);" target="_blank" rel="noopener" href="https://www.youtube.com/playlist?list=OLAK5uy_nwAxqTcjZHW6XjNwHPkEd30jYsYcHJM_k" title="Stream from Youtube" class="icon fab fa-youtube"><span class="label">Youtube</span></a>
</div> </div>
</section> </section>
<!-- Tracks -->
<section class="track-picker">
<div class="full-image" style="background-image:url(https://media.basspistol.com/setto.basspistol.com/unmet-dependencies/1-dependency-error.jpeg);">
</div> </div>
</div> <div>
</section> <h2>Dependency Error</h2>
<section class="streambox" style="padding: 40px;">
<h2 style="text-align: center;display: block;">Get this release</h2>
<div class="streamer">
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Bandcamp']);" target="_blank" rel="noopener" href="https://shop.basspistol.com/album/unmet-dependencies" alt="Stream from Bandcamp" title="Stream from Bandcamp" class="button small icon brands fa-bandcamp">Bandcamp</a>
</div>
<p style="text-align: center;display: block;margin-top:40px;">Stream it, follow, like and subscribe!</p>
<div class="streamer">
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Spotify']);" target="_blank" rel="noopener" href="https://open.spotify.com/album/2UBSokWbYLy0JqrwoGRp0K" alt="Stream from Spotify" title="Stream from Spotify" class="button small icon brands fa-spotify">Spotify</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Tidal']);" target="_blank" rel="noopener" href="https://listen.tidal.com/album/149706362" alt="Stream from Tidal" title="Stream from Tidal" class="button small icon brands fa-creative-commons-sampling">Tidal</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Apple']);" target="_blank" rel="noopener" href="https://music.apple.com/us/album/unmet-dependencies-single/1524841124?uo=4&app=music&at=1001lry3&ct=dashboard" alt="Stream from Apple" title="Stream from Apple" class="button small icon brands fa-apple">Apple</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Deezer']);" target="_blank" rel="noopener" href="https://www.deezer.com/us/album/162768022" alt="Stream from Deezer" title="Stream from Deezer" class="button small icon brands fa-creative-commons-sampling">Deezer</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Youtube']);" target="_blank" rel="noopener" href="https://www.youtube.com/playlist?list=OLAK5uy_nwAxqTcjZHW6XjNwHPkEd30jYsYcHJM_k" alt="Stream from Youtube" title="Stream from Youtube" class="button small icon brands fa-youtube">Youtube</a>
</div>
</section>
<!-- Tracks -->
<section class="spotlight style4 orient-left content-align-left image-position-center onscroll-image-fade-in" style="box-shadow: none;" >
<div class="content">
<h3>Dependency Error</h3>
<p> <p>
5:13 5:13
<br /><strong>Cybersoul</strong> <br /><strong>Cybersoul</strong>
<br />2020</p> <br />2020</p>
<a href="/albums/unmet-dependencies/1-dependency-error/" class="button"><span class="fas fa-play"></span> Play</a>
<ul class="actions stacked">
<li><a href="../albums/unmet-dependencies/1-dependency-error/" class="button small icon solid fa-play">Play</a></li>
</ul>
</div>
<div class="image">
<img src="https://media.basspistol.com/setto.basspistol.com/unmet-dependencies/1-dependency-error.jpeg" alt="Dependency Error" />
</div> </div>
</section> </section>
<section class="spotlight style4 orient-right content-align-left image-position-center onscroll-image-fade-in" > <section class="track-picker">
<div class="content"> <div class="full-image" style="background-image:url(https://media.basspistol.com/setto.basspistol.com/unmet-dependencies/2-pingnu.jpeg);">
<h3>Pingnu</h3>
</div>
<div>
<h2>Pingnu</h2>
<p> <p>
3:42 3:42
<br /><strong>Cybersoul</strong> <br /><strong>Cybersoul</strong>
<br />2020</p> <br />2020</p>
<a href="/albums/unmet-dependencies/2-pingnu/" class="button"><span class="fas fa-play"></span> Play</a>
<ul class="actions stacked">
<li><a href="../albums/unmet-dependencies/2-pingnu/" class="button small icon solid fa-play">Play</a></li>
</ul>
</div>
<div class="image">
<img src="https://media.basspistol.com/setto.basspistol.com/unmet-dependencies/2-pingnu.jpeg" alt="Pingnu" />
</div> </div>
</section> </section>
<!-- END Tracks --> <!-- END Tracks -->
<!-- HERE ENDS MADNESS -->
<!-- HERE ENDS MADNESS -->
<!-- post Naviation -->
<section class="post-navigation">
<section class="wrapper style1 align-center">
<div class="inner">
<div class="index align-left">
<!-- Author -->
<section>
<!-- Content --> <h2>Check out more</h2>
<div class="content"> <div class="post-nav">
<!-- post Naviation -->
<div style="text-align: center;"> <h3><a href="/live-with-hardware/" alt="Read Live with hardware" title="Read Live with hardware"><span class="fas fa-arrow-left"></span>&nbsp;Live with hardware</a></h3>
<h3>Read more posts</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 class="post-nav">
<div> </div>
<div class="post-nav-next">
<h3><a href="/333mix/">333mix&nbsp;<span class="fas fa-arrow-right"></span></a></h3>
<p>Pignu got Chopped & Screwed by KodTreatment</p>
</div>
<h4><a href="/live-with-hardware/" alt="Read Live with hardware" title="Read Live with hardware"><i class="fas fa-arrow-left"></i></a> <a href="/live-with-hardware/">&nbsp;Live with hardware</a></h4>
<p style="margin-right: 20px">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 class="post-nav-next">
</div>
</div>
<!-- End Post Navigation -->
</div>
</section>
</div>
</div>
</section> </section>
<!-- End Post Navigation -->
<!-- Footer --> <script type="text/javascript">
<section class="streambox" style="padding: 40px;">
<h2 style="text-align: center;display: block;">Get this release</h2>
<div class="streamer">
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Bandcamp']);" target="_blank" rel="noopener" href="https://shop.basspistol.com/album/unmet-dependencies" alt="Stream from Bandcamp" title="Stream from Bandcamp" class="button small icon brands fa-bandcamp">Bandcamp</a>
</div>
<p style="text-align: center;display: block;margin-top:40px;">Stream it, follow, like and subscribe!</p>
<div class="streamer">
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Spotify']);" target="_blank" rel="noopener" href="https://open.spotify.com/album/2UBSokWbYLy0JqrwoGRp0K" alt="Stream from Spotify" title="Stream from Spotify" class="button small icon brands fa-spotify">Spotify</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Tidal']);" target="_blank" rel="noopener" href="https://listen.tidal.com/album/149706362" alt="Stream from Tidal" title="Stream from Tidal" class="button small icon brands fa-creative-commons-sampling">Tidal</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Apple']);" target="_blank" rel="noopener" href="https://music.apple.com/us/album/unmet-dependencies-single/1524841124?uo=4&app=music&at=1001lry3&ct=dashboard" alt="Stream from Apple" title="Stream from Apple" class="button small icon brands fa-apple">Apple</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Deezer']);" target="_blank" rel="noopener" href="https://www.deezer.com/us/album/162768022" alt="Stream from Deezer" title="Stream from Deezer" class="button small icon brands fa-creative-commons-sampling">Deezer</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Youtube']);" target="_blank" rel="noopener" href="https://www.youtube.com/playlist?list=OLAK5uy_nwAxqTcjZHW6XjNwHPkEd30jYsYcHJM_k" alt="Stream from Youtube" title="Stream from Youtube" class="button small icon brands fa-youtube">Youtube</a>
</div>
</section>
<footer id="footer" class="wrapper style1 align-center">
<div class="footflex">
<div>
<h4>徒 setto セット</h4>
<p>Set, Party, Gang! &#35;Cybersoul.
<br /><a href="mailto:setto@basspistol.com">setto@basspistol.com</a></p>
</div>
<div>
<ul>
<li><a href="../">Home</a></li>
<li><a href="/discography/">Discog</a></li>
<li><a href="/log/">Log</a></li>
<li><a href="/about/">About</a></li>
<li><a href="/links/">Links</a></li>
</ul>
</div>
<div><img src="../images/setto-logo-dark.svg" style="max-width:300px" alt="徒 setto セット Logo" /></div>
</div>
<div class="inner">
<ul class="icons">
<li><a target="_blank" alt="徒 setto セット on Twitter" title="徒 setto セット on Twitter" rel="noopener" href="https://twitter.com/ToSettoSetto" class="icon brands style2 fa-twitter"><span class="label">Twitter</span></a></li>
<li><a target="_blank" alt="徒 setto セット on Instagram" title="徒 setto セット on Instagram" rel="noopener" href="https://www.instagram.com/tosettosetto/" class="icon brands style2 fa-instagram"><span class="label">Instagram</span></a></li>
<li><a target="_blank" alt="徒 setto セット on Telegram" title="徒 setto セット on Telegram" rel="noopener" href="https://t.me/basspistol" class="icon brands style2 fa-telegram"><span class="label">Telegram</span></a></li>
<li><a target="_blank" alt="徒 setto セット on Reddit" title="徒 setto セット on Reddit" rel="noopener" href="https://www.reddit.com/r/basspistol" class="icon brands style2 fa-reddit"><span class="label">Reddit</span></a></li>
</ul>
<p>&copy;2020 Basspistol | <a href="../webcreds/">Credits</a> | <a href="../cookies/">Cookies & Privacy</a></p>
</div>
</footer>
</div>
<!-- Navigation -->
<div id="logo" class="logo">
<a href="/"><img width="100em" src="/images/setto-logoicon.svg" alt="徒 setto セット Logo" /></a>
&nbsp;&nbsp;&nbsp;<a href="#navbar" onclick="blurBody()" alt="Navigation Menu" title="Navigation Menu"><span class="icon solid fa-bars navmenu"></span></a>
</div>
<div id="navbar" style="display: block;" 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 close" style="margin: 0 auto;">X</a>
<ul>
<li><a href="../" class="button smaller">Home</a></li>
<li><a href="../discography/" class="button smaller">Discog</a></li>
<li><a href="../log/" class="button smaller">Log</a></li>
<li><a href="../about/" class="button smaller">About</a></li>
<li><a href="../links/" class="button smaller">Links</a></li>
</ul>
</nav>
</div>
<!-- End Navigation -->
<!-- Scripts -->
<script src="../assets/js/jquery.min.js"></script>
<script src="../assets/js/jquery.scrollex.min.js"></script>
<script src="../assets/js/jquery.scrolly.min.js"></script>
<script src="../assets/js/browser.min.js"></script>
<script src="../assets/js/breakpoints.min.js"></script>
<script src="../assets/js/util.js"></script>
<script src="../assets/js/main.js"></script>
<script src="../assets/js/set.js"></script>
<script type="text/javascript">
// html5media enables <video> and <audio> tags in all major browsers // html5media enables <video> and <audio> tags in all major browsers
// External File: http://api.html5media.info/1.1.8/html5media.min.js // External File: http://api.html5media.info/1.1.8/html5media.min.js
// Add user agent as an attribute on the <html> tag... // Add user agent as an attribute on the <html> tag...
// Inspiration: http://css-tricks.com/ie-10-specific-styles/ // Inspiration: http://css-tricks.com/ie-10-specific-styles/
var b = document.documentElement; // var b = document.documentElement;
b.setAttribute('data-useragent', navigator.userAgent); // b.setAttribute('data-useragent', navigator.userAgent);
b.setAttribute('data-platform', navigator.platform); // b.setAttribute('data-platform', navigator.platform);
// HTML5 audio player + playlist controls... // HTML5 audio player + playlist controls...
@ -609,22 +420,29 @@ Open your mind, open the source!</p>
"track": 1, "track": 1,
"name": "Dependency Error", "name": "Dependency Error",
"length": "5:13", "length": "5:13",
"file": "https://media.basspistol.com/setto.basspistol.com/unmet-dependencies/1-dependency-error" "file": "https://media.basspistol.com/setto.basspistol.com/unmet-dependencies/1-dependency-error",
"image": "https://media.basspistol.com/setto.basspistol.com/unmet-dependencies/1-dependency-error"
},{ },{
"track": 2, "track": 2,
"name": "Pingnu", "name": "Pingnu",
"length": "3:42", "length": "3:42",
"file": "https://media.basspistol.com/setto.basspistol.com/unmet-dependencies/2-pingnu" "file": "https://media.basspistol.com/setto.basspistol.com/unmet-dependencies/2-pingnu",
"image": "https://media.basspistol.com/setto.basspistol.com/unmet-dependencies/2-pingnu"
}], }],
trackCount = tracks.length, trackCount = tracks.length,
npAction = $('#npAction'), npAction = $('#npAction'),
npTitle = $('#npTitle'), npTitle = $('#npTitle'),
npImage = $('#npImage'),
audio = $('#audio1').bind('play', function () { audio = $('#audio1').bind('play', function () {
playing = true; playing = true;
npAction.text('Playing...'); npAction.text('Playing...');
$('#fixedPlayer').removeClass('hideplayer');
$("#npImage").addClass('spinnit');
}).bind('pause', function () { }).bind('pause', function () {
playing = false; playing = false;
npAction.text('Paused...'); npAction.text('Paused...');
$("#npImage").removeClass('spinnit');
}).bind('ended', function () { }).bind('ended', function () {
npAction.text('Paused...'); npAction.text('Paused...');
if ((index + 1) < trackCount) { if ((index + 1) < trackCount) {
@ -641,6 +459,7 @@ Open your mind, open the source!</p>
if ((index - 1) > -1) { if ((index - 1) > -1) {
index--; index--;
loadTrack(index); loadTrack(index);
playTrack(index);
if (playing) { if (playing) {
audio.play(); audio.play();
} }
@ -654,6 +473,7 @@ Open your mind, open the source!</p>
if ((index + 1) < trackCount) { if ((index + 1) < trackCount) {
index++; index++;
loadTrack(index); loadTrack(index);
playTrack(index);
if (playing) { if (playing) {
audio.play(); audio.play();
} }
@ -665,33 +485,189 @@ Open your mind, open the source!</p>
}), }),
li = $('#plList li').click(function () { li = $('#plList li').click(function () {
var id = parseInt($(this).index()); var id = parseInt($(this).index());
if (id !== index) { if (id !== index || playing == false) {
playTrack(id); playTrack(id);
}else {
audio.pause();
} }
}), }),
loadTrack = function (id) { loadTrack = function (id) {
$('.plSel').removeClass('plSel');
$('#plList li:eq(' + id + ')').addClass('plSel');
npTitle.text(tracks[id].name); npTitle.text(tracks[id].name);
index = id; index = id;
audio.src = mediaPath + tracks[id].file + extension; audio.src = mediaPath + tracks[id].file + extension;
$('audio').attr("data-matomo-title", tracks[id].name); $('audio').attr("data-matomo-title", tracks[id].name);
$("#npImage").attr('style', 'background-image:url(' + tracks[id].image + '.jpeg)');
}, },
playTrack = function (id) { playTrack = function (id) {
$('.plSel').removeClass('plSel');
$('#plList li:eq(' + id + ')').addClass('plSel');
loadTrack(id); loadTrack(id);
audio.play(); audio.play();
}; };
extension = audio.canPlayType('audio/mpeg') ? '.mp3' : audio.canPlayType('audio/ogg') ? '.ogg' : ''; extension = audio.canPlayType('audio/mpeg') ? '.mp3' : audio.canPlayType('audio/ogg') ? '.ogg' : '';
loadTrack(index); loadTrack(index);
} }
}); });
</script> </script>
<!-- Footer -->
<!-- Footer -->
<section class="streambox">
<h2>Get this release</h2>
<div class="streamer">
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Spotify']);" target="_blank" rel="noopener" href="https://open.spotify.com/album/2UBSokWbYLy0JqrwoGRp0K" title="Stream from Spotify" class="icon fab fa-spotify"><span class="label">Spotify</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Tidal']);" target="_blank" rel="noopener" href="https://listen.tidal.com/album/149706362" title="Stream from Tidal" class="icon fab fa-creative-commons-sampling"><span class="label">Tidal</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Apple']);" target="_blank" rel="noopener" href="https://music.apple.com/us/album/unmet-dependencies-single/1524841124?uo=4&app=music&at=1001lry3&ct=dashboard" title="Stream from Apple" class="icon fab fa-apple"><span class="label">Apple</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Bandcamp']);" target="_blank" rel="noopener" href="https://shop.basspistol.com/album/unmet-dependencies" title="Stream from Bandcamp" class="icon fab fa-bandcamp"><span class="label">Bandcamp</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Deezer']);" target="_blank" rel="noopener" href="https://www.deezer.com/us/album/162768022" title="Stream from Deezer" class="icon fab fa-deezer"><span class="label">Deezer</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Youtube']);" target="_blank" rel="noopener" href="https://www.youtube.com/playlist?list=OLAK5uy_nwAxqTcjZHW6XjNwHPkEd30jYsYcHJM_k" title="Stream from Youtube" class="icon fab fa-youtube"><span class="label">Youtube</span></a>
</div>
</section>
<footer>
<div>
<h3>徒 setto セット</h3>
<p>Set, Party, Gang! &#35;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="/about/">About</a></li>
<li><a href="/links/">Links</a></li>
</ul>
</div>
<div><img src="../images/setto_logo.svg" width="100%" alt="徒 setto セット Logo" /></div>
<div style="text-align: center;">
<a target="_blank" alt="徒 setto セット on Twitter" title="徒 setto セット on Twitter" rel="noopener"
href="https://twitter.com/ToSettoSetto" class="icon small fab fa-twitter"><span class="label">Twitter</span></a>
<a target="_blank" alt="徒 setto セット on Instagram" title="徒 setto セット on Instagram" rel="noopener"
href="https://www.instagram.com/tosettosetto/" class="icon small fab fa-instagram"><span class="label">Instagram</span></a>
<a target="_blank" alt="徒 setto セット on Telegram" title="徒 setto セット on Telegram" rel="noopener"
href="https://t.me/basspistol" 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" href="mailto:setto@basspistol.com" class="icon small fas fa-envelope-open-text"><span
class="label">Email</span></a>
</div>
<small>
<p>&copy;2020 Basspistol | <a href="../webcreds/">Credits</a> | <a
href="../cookies/">Cookies & Privacy</a></p>
</small>
</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="../" class="button">home</a></li>
<li><a href="../discography/" class="button">Discog</a></li>
<li><a href="../log/" class="button">Log</a></li>
<li><a href="../about/" class="button">About</a></li>
<li><a href="../links/" class="button">Links</a></li>
</ul>
</nav>
</div>
<!-- End Navigation -->
<div id="cookie-notice"> <div id="cookie-notice">
<p>I only use cookies if you consent to it. They don't contain any identifiable info: they just let me know if you enjoyed this enough to come back. <br />Click <a href="#" id="cookie-notice-decline">here</a> if you want this shit to go away without cookies. <br />Read more about how me & basspistol <a href="/cookies/">use cookies</a> </p>
<a class="button small yes" href="#" id="cookie-notice-accept">I'm in!</a> <p>I only use cookies if you consent to it. They don't contain any identifiable info: they just let me know if you
enjoyed this enough to come back.
<br />Click <a href="#" id="cookie-notice-decline">here</a> if you want this shit to go away without cookies.
<br />Read more about how me & basspistol <a href="/cookies/">use cookies</a>
</p>
<a class="button yes" href="#"
id="cookie-notice-accept">I'm in!</a>
</div> </div>
<script> <script>
@ -790,5 +766,12 @@ _paq.push(['enableLinkTracking']);
</script> </script>
<!-- Scripts -->
<script src="../assets/js/set.js"></script>
</body> </body>
</html> </html>

244
webcreds/index.html
View file

@ -1,8 +1,7 @@
<!DOCTYPE html> <!DOCTYPE HTML>
<!-- <!--
Based on _Story_ by html5up.net | @ajlkn Publikatorized by Sakrecoer
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
Remixed and Jekyllified by Setto
--> -->
<html lang="en"> <html lang="en">
<head> <head>
@ -116,52 +115,34 @@
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" /> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
<link rel="stylesheet" href="../assets/css/main20200727.css" /> <link rel="stylesheet" href="../assets/css/all.min.css" />
<link rel="stylesheet" href="../assets/css/main.css" />
<link rel="apple-touch-icon" href="https://setto.basspistol.com/apple-touch-icon.png" /> <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="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" /> <link rel="shortcut icon" href="https://setto.basspistol.com/images/setto-logoicon.svg" type="image/png" />
<noscript><link rel="stylesheet" href="../assets/css/noscript20200727.css" /></noscript> <noscript><link rel="stylesheet" href="../assets/css/noscripts.css" /></noscript>
</head> </head>
<body id="body"> <body>
<span id="top" style="display: none;"></span> <!-- Wrapper -->
<!-- Wrapper --> <div id="main-wrapper">
<div id="wrapper" class="divided" data-cms-content-wrapper="/_layouts/default.html">
<!-- Banner --> <header class="hero" style="background-image: url(/images/pages/kaur-kristjan-cppf4w5pb1c-unsplash.jpg);">
<section class="banner onload-image-fade-in onload-content-fade-right style2 fullscreen content-align-center image-position-center" style="min-height:100vh;"> <div>
<div class="content">
<h1>Webcreds</h1> <h1>Webcreds</h1>
<p>Information and credit regarding authors of tools, content and code used to build this website.</p> <p>Information and credit regarding authors of tools, content and code used to build this website.</p>
<ul class="actions stacked"> </div>
<li><a href="#readmore" class="button small smooth-scroll">Check it!</a></li> <div class="imagecontainer"></div>
</ul> </header>
</div>
<div class="image"> <section class="info">
<img src="/images/pages/kaur-kristjan-cppf4w5pb1c-unsplash.jpg" alt="unfound page" /> <div class="info-pages" data-cms-content-wrapper="/_layouts/page.html">
</div> <h2 id="cms">CMS</h2>
</section>
<!-- Content -->
<section class="wrapper style1 align-center">
<div class="inner">
<div class="index align-left">
<!-- Author -->
<section>
<!-- Content -->
<div class="content" id="readmore" data-cms-content-wrapper="/_layouts/page.html">
<h2 id="cms">CMS</h2>
<p>Build with <a href="https://jekyllrb.com/" rel="noopener" target="_blank">Jekyll</a><br />Using <a href="https://github.com/terminalnetwork/publikator" rel="noopener" target="_blank">Publikator</a> the rusty metal heart of the Basspistol release machine developed by <a href="https://github.com/terminalnetwork/publikator/commits?author=aengl" rel="noopener" target="_blank">aengl.</a><br />Facilitated with <a href="https://cloudcannon.com/" rel="noopener" target="_blank">CloudCannon, the cloud CMS for Jekyll</a><br />Hosted and served by <a href="https://basspistol.com" rel="noopener" target="_blank">Basspistol</a> and <a href="https://www.alsenet.com" target="_blank" rel="noopener">Alsenet</a></p> <p>Build with <a href="https://jekyllrb.com/" rel="noopener" target="_blank">Jekyll</a><br />Using <a href="https://github.com/terminalnetwork/publikator" rel="noopener" target="_blank">Publikator</a> the rusty metal heart of the Basspistol release machine developed by <a href="https://github.com/terminalnetwork/publikator/commits?author=aengl" rel="noopener" target="_blank">aengl.</a><br />Facilitated with <a href="https://cloudcannon.com/" rel="noopener" target="_blank">CloudCannon, the cloud CMS for Jekyll</a><br />Hosted and served by <a href="https://basspistol.com" rel="noopener" target="_blank">Basspistol</a> and <a href="https://www.alsenet.com" target="_blank" rel="noopener">Alsenet</a></p>
@ -177,89 +158,60 @@
<li>About Photo by <a href="https://unsplash.com/@shane_young?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText" target="_blank" rel="noopener">Shane Young</a></li> <li>About Photo by <a href="https://unsplash.com/@shane_young?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText" target="_blank" rel="noopener">Shane Young</a></li>
</ul> </ul>
</div>
</div>
</section>
</div>
</div>
</section> </section>
<!-- Footer -->
<!-- Footer --> <!-- Footer -->
<section class="streambox" style="padding: 40px;">
<h2 style="text-align: center;display: block;">Support 徒 setto セット</h2> <section class="streambox">
<p>Stream, follow, like and subscribe!</p> <h2>Support 徒 setto セット</h2>
<div class="streamer"> <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" alt="Stream from Bandcamp" title="Stream from Bandcamp" class="button small icon brands fa-bandcamp">Bandcamp</a> <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', 'Spotify']);" target="_blank" rel="noopener" href="https://open.spotify.com/artist/0gus2IdSkfrvFDBPqeiksM/" title="Stream from Spotify" class="icon fab fa-spotify"><span class="label">Spotify</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Tidal']);" target="_blank" rel="noopener" href="https://listen.tidal.com/artist/10745925" title="Stream from Tidal" class="icon fab fa-creative-commons-sampling"><span class="label">Tidal</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'AppleMusic']);" target="_blank" rel="noopener" href="https://itunes.apple.com/us/artist/%E5%BE%92-setto-%E3%82%BB%E3%83%83%E3%83%88/1447055514" title="Stream from Apple Music" class="icon fab fa-apple"><span class="label">Apple Music</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'GooglePlay']);" target="_blank" rel="noopener" href="https://play.google.com/store/music/artist/%E5%BE%92_setto_%E3%82%BB%E3%83%83%E3%83%88?id=Ayi4avjpfyinbrepzebpsvpjc5a" title="Stream from Google Play" class="icon fab fa-google-play"><span class="label">Google Play</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Deezer']);" target="_blank" rel="noopener" href="https://www.deezer.com/fr/artist/56004012" title="Stream from Deezer" class="icon fab fa-deezer"><span class="label">Deezer</span></a>
</div>
<h2 style="text-align: center;display: block;">&nbsp;</h2>
<div class="streamer">
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Napster']);" target="_blank" rel="noopener" href="https://us.napster.com/artist/-setto-" title="Stream from Napster" class="icon fab fa-napster"><span class="label">Napster</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Spotify']);" target="_blank" rel="noopener" href="https://open.spotify.com/artist/0gus2IdSkfrvFDBPqeiksM/" alt="Stream from Spotify" title="Stream from Spotify" class="button small icon brands fa-spotify">Spotify</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Tidal']);" target="_blank" rel="noopener" href="https://listen.tidal.com/artist/10745925" alt="Stream from Tidal" title="Stream from Tidal" class="button small icon brands fa-creative-commons-sampling">Tidal</a> <a onclick="_paq.push(['trackEvent', 'StoreLink', 'Youtube']);" target="_blank" rel="noopener" href="https://www.youtube.com/channel/UCKlONOrOgNQjBjxUyPj4jcw/playlists" title="Stream from Youtube" class="icon fab fa-youtube"><span class="label">Youtube</span></a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'AppleMusic']);" target="_blank" rel="noopener" href="https://itunes.apple.com/us/artist/%E5%BE%92-setto-%E3%82%BB%E3%83%83%E3%83%88/1447055514" alt="Stream from Apple Music" title="Stream from Apple Music" class="button small icon brands fa-apple">Apple Music</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'GooglePlay']);" target="_blank" rel="noopener" href="https://play.google.com/store/music/artist/%E5%BE%92_setto_%E3%82%BB%E3%83%83%E3%83%88?id=Ayi4avjpfyinbrepzebpsvpjc5a" alt="Stream from Google Play" title="Stream from Google Play" class="button small icon brands fa-google-play">Google Play</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Deezer']);" target="_blank" rel="noopener" href="https://www.deezer.com/fr/artist/56004012" alt="Stream from Deezer" title="Stream from Deezer" class="button small icon brands fa-creative-commons-sampling">Deezer</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Napster']);" target="_blank" rel="noopener" href="https://us.napster.com/artist/-setto-" alt="Stream from Napster" title="Stream from Napster" class="button small icon brands fa-napster">Napster</a>
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Youtube']);" target="_blank" rel="noopener" href="https://www.youtube.com/channel/UCKlONOrOgNQjBjxUyPj4jcw/playlists" alt="Stream from Youtube" title="Stream from Youtube" class="button small icon brands fa-youtube">Youtube</a>
</div>
</section>
<footer id="footer" class="wrapper style1 align-center">
<div class="footflex">
<div>
<h4>徒 setto セット</h4>
<p>Set, Party, Gang! &#35;Cybersoul.
<br /><a href="mailto:setto@basspistol.com">setto@basspistol.com</a></p>
</div> </div>
</section>
<footer>
<div> <div>
<h3>徒 setto セット</h3>
<p>Set, Party, Gang! &#35;Cybersoul.</p>
<ul> <ul>
<li><a href="../">Home</a></li> <li><a href="../">Home</a></li>
@ -275,90 +227,93 @@
</ul> </ul>
</div> </div>
<div><img src="../images/setto-logo-dark.svg" style="max-width:300px" alt="徒 setto セット Logo" /></div> <div><img src="../images/setto_logo.svg" width="100%" alt="徒 setto セット Logo" /></div>
<div style="text-align: center;">
<a target="_blank" alt="徒 setto セット on Twitter" title="徒 setto セット on Twitter" rel="noopener"
href="https://twitter.com/ToSettoSetto" class="icon small fab fa-twitter"><span class="label">Twitter</span></a>
<a target="_blank" alt="徒 setto セット on Instagram" title="徒 setto セット on Instagram" rel="noopener"
href="https://www.instagram.com/tosettosetto/" class="icon small fab fa-instagram"><span class="label">Instagram</span></a>
<a target="_blank" alt="徒 setto セット on Telegram" title="徒 setto セット on Telegram" rel="noopener"
href="https://t.me/basspistol" 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" href="mailto:setto@basspistol.com" class="icon small fas fa-envelope-open-text"><span
class="label">Email</span></a>
</div> </div>
<div class="inner"> <small>
<ul class="icons">
<p>&copy;2020 Basspistol | <a href="../webcreds/">Credits</a> | <a
<li><a target="_blank" alt="徒 setto セット on Twitter" title="徒 setto セット on Twitter" rel="noopener" href="https://twitter.com/ToSettoSetto" class="icon brands style2 fa-twitter"><span class="label">Twitter</span></a></li> href="../cookies/">Cookies & Privacy</a></p>
</small>
<li><a target="_blank" alt="徒 setto セット on Instagram" title="徒 setto セット on Instagram" rel="noopener" href="https://www.instagram.com/tosettosetto/" class="icon brands style2 fa-instagram"><span class="label">Instagram</span></a></li>
<li><a target="_blank" alt="徒 setto セット on Telegram" title="徒 setto セット on Telegram" rel="noopener" href="https://t.me/basspistol" class="icon brands style2 fa-telegram"><span class="label">Telegram</span></a></li>
<li><a target="_blank" alt="徒 setto セット on Reddit" title="徒 setto セット on Reddit" rel="noopener" href="https://www.reddit.com/r/basspistol" class="icon brands style2 fa-reddit"><span class="label">Reddit</span></a></li>
</ul>
<p>&copy;2020 Basspistol | <a href="../webcreds/">Credits</a> | <a href="../cookies/">Cookies & Privacy</a></p>
</div>
</footer> </footer>
</div>
<!-- Navigation -->
<div id="logo" class="logo">
<a href="/"><img width="100em" src="/images/setto-logoicon.svg" alt="徒 setto セット Logo" /></a>
&nbsp;&nbsp;&nbsp;<a href="#navbar" onclick="blurBody()" alt="Navigation Menu" title="Navigation Menu"><span class="icon solid fa-bars navmenu"></span></a>
</div>
<div id="navbar" style="display: block;" class="modalDialog"> <!-- END Footer -->
<a href="#close" onclick="removeBlur()" alt="Close Menu" title="Close Menu"><div id="closearea"> </div></a>
</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> <nav>
<a href="#close" title="Close" onclick="removeBlur()" class="close-button close" style="margin: 0 auto;">X</a> <a href="#close" title="Close" onclick="removeBlur()" class="close-button">X</a>
<ul> <ul>
<li><a href="../" class="button smaller">Home</a></li> <li><a href="../" class="button">home</a></li>
<li><a href="../discography/" class="button smaller">Discog</a></li> <li><a href="../discography/" class="button">Discog</a></li>
<li><a href="../log/" class="button smaller">Log</a></li> <li><a href="../log/" class="button">Log</a></li>
<li><a href="../about/" class="button smaller">About</a></li> <li><a href="../about/" class="button">About</a></li>
<li><a href="../links/" class="button smaller">Links</a></li> <li><a href="../links/" class="button">Links</a></li>
</ul> </ul>
</nav> </nav>
</div> </div>
<!-- End Navigation --> <!-- End Navigation -->
<!-- Scripts -->
<script src="../assets/js/jquery.min.js"></script>
<script src="../assets/js/jquery.scrollex.min.js"></script>
<script src="../assets/js/jquery.scrolly.min.js"></script>
<script src="../assets/js/browser.min.js"></script>
<script src="../assets/js/breakpoints.min.js"></script>
<script src="../assets/js/util.js"></script>
<script src="../assets/js/main.js"></script>
<script src="../assets/js/set.js"></script>
<div id="cookie-notice"> <div id="cookie-notice">
<p>I only use cookies if you consent to it. They don't contain any identifiable info: they just let me know if you enjoyed this enough to come back. <br />Click <a href="#" id="cookie-notice-decline">here</a> if you want this shit to go away without cookies. <br />Read more about how me & basspistol <a href="/cookies/">use cookies</a> </p>
<a class="button small yes" href="#" id="cookie-notice-accept">I'm in!</a> <p>I only use cookies if you consent to it. They don't contain any identifiable info: they just let me know if you
enjoyed this enough to come back.
<br />Click <a href="#" id="cookie-notice-decline">here</a> if you want this shit to go away without cookies.
<br />Read more about how me & basspistol <a href="/cookies/">use cookies</a>
</p>
<a class="button yes" href="#"
id="cookie-notice-accept">I'm in!</a>
</div> </div>
<script> <script>
@ -457,5 +412,12 @@ _paq.push(['enableLinkTracking']);
</script> </script>
<!-- Scripts -->
<script src="../assets/js/set.js"></script>
</body> </body>
</html> </html>