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

Updated 83 files via CloudCannon

Browse source
This commit is contained in:
CloudCannon 2020-09-11 17:14:22 +00:00
parent 9e777e4890
commit 2b49fccb2b
83 changed files with 7144 additions and 3092 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

212
333mix/index.html
View file

@ -34,81 +34,6 @@
--> -->
<!-- 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-09-02T07:07:03+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-03" />
<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-03T00:00:00+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","https://mastodon.art/@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 セット" /> <link rel="alternate" type="application/rss+xml" href="https://setto.basspistol.com/feed.xml" title="徒 setto セット" />
@ -119,39 +44,64 @@
<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/all.min.css" /> <link rel="stylesheet" href="../assets/css/all.min.css" />
<link rel="stylesheet" href="../assets/css/main-20200812.css" /> <link rel="stylesheet" href="../assets/css/colors-20200911.css" />
<link rel="stylesheet" href="../assets/css/main-20200911.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/noscripts-20200812.css" /></noscript> <noscript><link rel="stylesheet" href="../assets/css/noscripts-20200911.css" /></noscript>
<meta name="theme-color" content=""/>
<meta name="theme-color" content="#3c2a52"/>
</head> </head>
<body> <body>
<!-- Wrapper --> <!-- Wrapper -->
<div id="main-wrapper"> <div id="main-wrapper">
<header class="hero" style="background-image: url(/images/posts/333mix.jpg);">
<div class="textcontainer">
<h1>333mix</h1>
<p>Pignu got Chopped & Screwed by KodTreatment</p>
<p><a href="#read" class="button">Read</a></p>
</div> <header class="hero" id="top"
style="background-image: url(/images/posts/333mix.jpg);">
<div class="imagecontainer"> <div class="imagecontainer">
<h4>333mix</h4>
</div> </div>
</header> </header>
<section class="splash">
<div class="container">
<div class="splash-logo" style="display: none;">
<img src="/images/setto-logo.svg" width="240px" alt="徒 setto セット Logo" />
</div>
<div style="padding: 0;">
<h1>333mix</h1>
<p>Pignu got Chopped & Screwed by KodTreatment</p>
</div>
</div>
</section>
<section class="info" id="read"> <section class="info" id="read">
<div style="margin-top: 80px;"> <div class="info-pages">
<h2 id="im-super-stoked-about-this">I’m super stoked about this!</h2> <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>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>
@ -164,27 +114,22 @@
<p>Check out the enitre project’s bandcamp on the link below!</p> <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> <p><a href="https://kodtreatment.bandcamp.com/?ref=TheMusicSyndicateWashere" target="_bank" rel="noopener" class="button">👀 Check it out!</a></p>
</div> </div>
</section> </section>
<!-- post Naviation --> <!-- post Naviation -->
<section class="post-navigation"> <section class="post-navigation">
<h2>Post Navigation</h2> <div class="container">
<div class="post-nav"> <div class="post-nav">
<h4><a href="../unmet-dependencies/" alt="Read Unmet Dependencies" title="Read Unmet Dependencies"><span class="fas fa-arrow-left" style="font-size:3em;text-decoration: none;"></span></a></h4>
<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> <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. <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>
@ -193,42 +138,45 @@ Open your mind, open the source!</p>
<div class="post-nav-next"> <div class="post-nav-next">
</div> </div>
</div>
</section> </section>
<!-- Footer --> <!-- Footer -->
<!-- Footer --> <!-- Footer -->
<footer> <footer>
<div class="footframe">
<div> <div>
<h3>徒 setto セット</h3> <h3>徒 setto セット</h3>
<p>Set, Party, Gang! &#35;Cybersoul.</p> <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>
<li><a href="/log/">Log</a></li> <li><a href="/log/" >📰 Log</a></li>
<li><a href="/about/">About</a></li> <li><a href="/about/" >🐿 About</a></li>
<li><a href="/links/">Links</a></li> <li><a href="/links/" >🔗 Links</a></li>
</ul> </ul>
</div> </div>
<div><img src="../images/setto_logo.svg" width="100%" alt="徒 setto セット Logo" /></div>
<div><a href="#main-wrapper"><img src="../images/setto-logoicon.svg" alt="徒 setto セット Logo" /></a></div>
<small>
<div style="text-align: center;"> <div style="text-align: center;">
<a target="_blank" alt="徒 setto セット on Mastodon" title="徒 setto セット on Mastodon" rel="me noopener" <a target="_blank" alt="徒 setto セット on Mastodon" title="徒 setto セット on Mastodon" rel="me noopener"
@ -249,14 +197,15 @@ Open your mind, open the source!</p>
<a target="_blank" alt="email" title="email" href="mailto:setto@basspistol.com" class="icon small fas fa-envelope-open-text"><span <a target="_blank" alt="email" title="email" href="mailto:setto@basspistol.com" class="icon small fas fa-envelope-open-text"><span
class="label">Email</span></a> class="label">Email</span></a>
</div> </div>
<small> <p>&copy;2020 Basspistol | <a href="../webcreds/">Credits</a> |
<a href="../cookies/">Cookies & Privacy</a>
<p>&copy;2020 Basspistol | <a href="../webcreds/">Credits</a> | <a <br />This page was last updated on Wednesday, Sep 02, 2020</p>
href="../cookies/">Cookies & Privacy</a></p>
</small> </small>
</div>
</footer> </footer>
<!-- END Footer --> <!-- END Footer -->
@ -280,23 +229,23 @@ Open your mind, open the source!</p>
<a href="#close" title="Close" onclick="removeBlur()" class="close-button">X</a> <a href="#close" title="Close" onclick="removeBlur()" class="close-button">X</a>
<ul> <ul>
<li><a href="../" class="button">home</a></li> <li><a href="../" onclick="removeBlur()" class="button">🏡 Home</a></li>
<li><a href="../discography/" class="button">Discog</a></li> <li><a href="../discography/" onclick="removeBlur()" class="button">💽 Discog</a></li>
<li><a href="../log/" class="button">Log</a></li> <li><a href="../log/" onclick="removeBlur()" class="button">📰 Log</a></li>
<li><a href="../about/" class="button">About</a></li> <li><a href="../about/" onclick="removeBlur()" class="button">🐿 About</a></li>
<li><a href="../links/" class="button">Links</a></li> <li><a href="../links/" onclick="removeBlur()" class="button">🔗 Links</a></li>
@ -310,13 +259,13 @@ Open your mind, open the source!</p>
<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 <p>
enjoyed this enough to come back. We only use cookies if you consent to it. They don't contain any identifiable info: they just let us know if you enjoyed this enough to come back.
<br />Click <a href="#" id="cookie-notice-decline">here</a> if you want this shit to go away without cookies. <br /><a href="#" id="cookie-notice-decline">Click here</a> if you want this to go away without cookies.
<br />Read more about how me & basspistol <a href="/cookies/">use cookies</a> <br />Read more about <a href="/cookies/"> how 徒 setto セット use cookies</a>
</p> </p>
<a class="button yes" href="#" <a class="button yes" href="#"
id="cookie-notice-accept">I'm in!</a> id="cookie-notice-accept">Ok</a>
</div> </div>
@ -351,7 +300,7 @@ Open your mind, open the source!</p>
var _mtm = _mtm || []; var _mtm = _mtm || [];
_mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'}); _mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'});
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; 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/container_kJUGWiO2.js'; s.parentNode.insertBefore(g,s); 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 *// //* End Matomo Tag Manager *//
@ -371,7 +320,7 @@ _paq.push(['enableLinkTracking']);
_paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '11']); _paq.push(['setSiteId', '11']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; 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); g.type='text/javascript'; g.async=true; g.defer=true; g.src='https://cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
})(); })();
@ -390,7 +339,7 @@ _paq.push(['enableLinkTracking']);
_paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '11']); _paq.push(['setSiteId', '11']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; 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); g.type='text/javascript'; g.async=true; g.defer=true; g.src='https://cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
})(); })();
} }
@ -421,8 +370,7 @@ _paq.push(['enableLinkTracking']);
<script src="../assets/js/set-20200805.js"></script> <script src="../assets/js/set-20200911.js"></script>
</body> </body>

99
404/index.html
View file

@ -117,37 +117,58 @@
<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/all.min.css" /> <link rel="stylesheet" href="../assets/css/all.min.css" />
<link rel="stylesheet" href="../assets/css/main-20200812.css" /> <link rel="stylesheet" href="../assets/css/colors-20200911.css" />
<link rel="stylesheet" href="../assets/css/main-20200911.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/noscripts-20200812.css" /></noscript> <noscript><link rel="stylesheet" href="../assets/css/noscripts-20200911.css" /></noscript>
<meta name="theme-color" content=""/>
<meta name="theme-color" content="#3c2a52"/>
</head> </head>
<body> <body>
<!-- Wrapper --> <!-- Wrapper -->
<div id="main-wrapper"> <div id="main-wrapper">
<header class="hero" style="background-image: url(/images/pages/creds.jpg);">
<div class="textcontainer">
<h1>Error 404 This is not a page</h1>
<p>The page you are looking for has moved to the darknet.</p>
<p><a href="/" class="button">Take me home</a></p>
</div> <header class="hero" id="top"
style="background-image: url(/images/pages/creds.jpg);">
<div class="imagecontainer"> <div class="imagecontainer">
<h4>Error 404 This is not a page</h4>
</div> </div>
</header> </header>
<section class="splash">
<div class="container">
<div class="splash-logo" style="display: none;">
<img src="/images/setto-logo.svg" width="240px" alt="徒 setto セット Logo" />
</div>
<div style="padding: 0;">
<h1>Error 404 This is not a page</h1>
<p>The page you are looking for has moved to the darknet.</p>
</div>
</div>
</section>
<!-- Footer -->
<!-- Footer --> <!-- Footer -->
@ -194,27 +215,31 @@
</section> </section>
<!-- Footer -->
<footer> <footer>
<div class="footframe">
<div> <div>
<h3>徒 setto セット</h3> <h3>徒 setto セット</h3>
<p>Set, Party, Gang! &#35;Cybersoul.</p> <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>
<li><a href="/log/">Log</a></li> <li><a href="/log/" >📰 Log</a></li>
<li><a href="/about/">About</a></li> <li><a href="/about/" >🐿 About</a></li>
<li><a href="/links/">Links</a></li> <li><a href="/links/" >🔗 Links</a></li>
</ul> </ul>
</div> </div>
<div><img src="../images/setto_logo.svg" width="100%" alt="徒 setto セット Logo" /></div>
<div><a href="#main-wrapper"><img src="../images/setto-logoicon.svg" alt="徒 setto セット Logo" /></a></div>
<small>
<div style="text-align: center;"> <div style="text-align: center;">
<a target="_blank" alt="徒 setto セット on Mastodon" title="徒 setto セット on Mastodon" rel="me noopener" <a target="_blank" alt="徒 setto セット on Mastodon" title="徒 setto セット on Mastodon" rel="me noopener"
@ -235,14 +260,15 @@
<a target="_blank" alt="email" title="email" href="mailto:setto@basspistol.com" class="icon small fas fa-envelope-open-text"><span <a target="_blank" alt="email" title="email" href="mailto:setto@basspistol.com" class="icon small fas fa-envelope-open-text"><span
class="label">Email</span></a> class="label">Email</span></a>
</div> </div>
<small> <p>&copy;2020 Basspistol | <a href="../webcreds/">Credits</a> |
<a href="../cookies/">Cookies & Privacy</a>
<p>&copy;2020 Basspistol | <a href="../webcreds/">Credits</a> | <a <br />This page was last updated on Wednesday, Sep 02, 2020</p>
href="../cookies/">Cookies & Privacy</a></p>
</small> </small>
</div>
</footer> </footer>
<!-- END Footer --> <!-- END Footer -->
@ -266,23 +292,23 @@
<a href="#close" title="Close" onclick="removeBlur()" class="close-button">X</a> <a href="#close" title="Close" onclick="removeBlur()" class="close-button">X</a>
<ul> <ul>
<li><a href="../" class="button">home</a></li> <li><a href="../" onclick="removeBlur()" class="button">🏡 Home</a></li>
<li><a href="../discography/" class="button">Discog</a></li> <li><a href="../discography/" onclick="removeBlur()" class="button">💽 Discog</a></li>
<li><a href="../log/" class="button">Log</a></li> <li><a href="../log/" onclick="removeBlur()" class="button">📰 Log</a></li>
<li><a href="../about/" class="button">About</a></li> <li><a href="../about/" onclick="removeBlur()" class="button">🐿 About</a></li>
<li><a href="../links/" class="button">Links</a></li> <li><a href="../links/" onclick="removeBlur()" class="button">🔗 Links</a></li>
@ -296,13 +322,13 @@
<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 <p>
enjoyed this enough to come back. We only use cookies if you consent to it. They don't contain any identifiable info: they just let us know if you enjoyed this enough to come back.
<br />Click <a href="#" id="cookie-notice-decline">here</a> if you want this shit to go away without cookies. <br /><a href="#" id="cookie-notice-decline">Click here</a> if you want this to go away without cookies.
<br />Read more about how me & basspistol <a href="/cookies/">use cookies</a> <br />Read more about <a href="/cookies/"> how 徒 setto セット use cookies</a>
</p> </p>
<a class="button yes" href="#" <a class="button yes" href="#"
id="cookie-notice-accept">I'm in!</a> id="cookie-notice-accept">Ok</a>
</div> </div>
@ -346,7 +372,7 @@
_paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '11']); _paq.push(['setSiteId', '11']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; 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); g.type='text/javascript'; g.async=true; g.defer=true; g.src='https://cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
})(); })();
//* End Matomo *// //* End Matomo *//
@ -370,7 +396,7 @@ _paq.push(['enableLinkTracking']);
_paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '11']); _paq.push(['setSiteId', '11']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; 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); g.type='text/javascript'; g.async=true; g.defer=true; g.src='https://cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
})(); })();
@ -389,7 +415,7 @@ _paq.push(['enableLinkTracking']);
_paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '11']); _paq.push(['setSiteId', '11']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; 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); g.type='text/javascript'; g.async=true; g.defer=true; g.src='https://cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
})(); })();
} }
@ -420,8 +446,7 @@ _paq.push(['enableLinkTracking']);
<script src="../assets/js/set-20200805.js"></script> <script src="../assets/js/set-20200911.js"></script>
</body> </body>

102
about/index.html
View file

@ -117,39 +117,64 @@
<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/all.min.css" /> <link rel="stylesheet" href="../assets/css/all.min.css" />
<link rel="stylesheet" href="../assets/css/main-20200812.css" /> <link rel="stylesheet" href="../assets/css/colors-20200911.css" />
<link rel="stylesheet" href="../assets/css/main-20200911.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/noscripts-20200812.css" /></noscript> <noscript><link rel="stylesheet" href="../assets/css/noscripts-20200911.css" /></noscript>
<meta name="theme-color" content=""/>
<meta name="theme-color" content="#3c2a52"/>
</head> </head>
<body> <body>
<!-- Wrapper --> <!-- Wrapper -->
<div id="main-wrapper"> <div id="main-wrapper">
<header class="hero" style="background-image: url(/images/pages/creds.jpg);">
<div class="textcontainer">
<h1>About</h1>
<p>WTF is 徒 setto セット and what does the funky characters mean? Why so cryptic and whodafuq?</p>
</div>
<header class="hero" id="top"
style="background-image: url(/images/pages/creds.jpg);">
<div class="imagecontainer"> <div class="imagecontainer">
<h4>About</h4>
</div> </div>
</header> </header>
<section class="splash">
<section class="info"> <div class="container">
<div class="splash-logo" style="display: none;">
<img src="/images/setto-logo.svg" width="240px" alt="徒 setto セット Logo" />
</div>
<div style="padding: 0;">
<h1>About</h1>
<p>WTF is 徒 setto セット and what does the funky characters mean? Why so cryptic and whodafuq?</p>
</div>
</div>
</section>
<section class="info" id="read">
<div class="info-pages" 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>
@ -165,7 +190,6 @@
</div> </div>
</section> </section>
<!-- Footer -->
<!-- Footer --> <!-- Footer -->
@ -212,27 +236,31 @@
</section> </section>
<!-- Footer -->
<footer> <footer>
<div class="footframe">
<div> <div>
<h3>徒 setto セット</h3> <h3>徒 setto セット</h3>
<p>Set, Party, Gang! &#35;Cybersoul.</p> <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>
<li><a href="/log/">Log</a></li> <li><a href="/log/" >📰 Log</a></li>
<li><a href="/about/">About</a></li> <li><a href="/about/" >🐿 About</a></li>
<li><a href="/links/">Links</a></li> <li><a href="/links/" >🔗 Links</a></li>
</ul> </ul>
</div> </div>
<div><img src="../images/setto_logo.svg" width="100%" alt="徒 setto セット Logo" /></div>
<div><a href="#main-wrapper"><img src="../images/setto-logoicon.svg" alt="徒 setto セット Logo" /></a></div>
<small>
<div style="text-align: center;"> <div style="text-align: center;">
<a target="_blank" alt="徒 setto セット on Mastodon" title="徒 setto セット on Mastodon" rel="me noopener" <a target="_blank" alt="徒 setto セット on Mastodon" title="徒 setto セット on Mastodon" rel="me noopener"
@ -253,14 +281,15 @@
<a target="_blank" alt="email" title="email" href="mailto:setto@basspistol.com" class="icon small fas fa-envelope-open-text"><span <a target="_blank" alt="email" title="email" href="mailto:setto@basspistol.com" class="icon small fas fa-envelope-open-text"><span
class="label">Email</span></a> class="label">Email</span></a>
</div> </div>
<small> <p>&copy;2020 Basspistol | <a href="../webcreds/">Credits</a> |
<a href="../cookies/">Cookies & Privacy</a>
<p>&copy;2020 Basspistol | <a href="../webcreds/">Credits</a> | <a <br />This page was last updated on Wednesday, Sep 02, 2020</p>
href="../cookies/">Cookies & Privacy</a></p>
</small> </small>
</div>
</footer> </footer>
<!-- END Footer --> <!-- END Footer -->
@ -284,23 +313,23 @@
<a href="#close" title="Close" onclick="removeBlur()" class="close-button">X</a> <a href="#close" title="Close" onclick="removeBlur()" class="close-button">X</a>
<ul> <ul>
<li><a href="../" class="button">home</a></li> <li><a href="../" onclick="removeBlur()" class="button">🏡 Home</a></li>
<li><a href="../discography/" class="button">Discog</a></li> <li><a href="../discography/" onclick="removeBlur()" class="button">💽 Discog</a></li>
<li><a href="../log/" class="button">Log</a></li> <li><a href="../log/" onclick="removeBlur()" class="button">📰 Log</a></li>
<li><a href="../about/" class="button">About</a></li> <li><a href="../about/" onclick="removeBlur()" class="button">🐿 About</a></li>
<li><a href="../links/" class="button">Links</a></li> <li><a href="../links/" onclick="removeBlur()" class="button">🔗 Links</a></li>
@ -314,13 +343,13 @@
<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 <p>
enjoyed this enough to come back. We only use cookies if you consent to it. They don't contain any identifiable info: they just let us know if you enjoyed this enough to come back.
<br />Click <a href="#" id="cookie-notice-decline">here</a> if you want this shit to go away without cookies. <br /><a href="#" id="cookie-notice-decline">Click here</a> if you want this to go away without cookies.
<br />Read more about how me & basspistol <a href="/cookies/">use cookies</a> <br />Read more about <a href="/cookies/"> how 徒 setto セット use cookies</a>
</p> </p>
<a class="button yes" href="#" <a class="button yes" href="#"
id="cookie-notice-accept">I'm in!</a> id="cookie-notice-accept">Ok</a>
</div> </div>
@ -355,7 +384,7 @@
var _mtm = _mtm || []; var _mtm = _mtm || [];
_mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'}); _mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'});
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; 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/container_kJUGWiO2.js'; s.parentNode.insertBefore(g,s); 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 *// //* End Matomo Tag Manager *//
@ -375,7 +404,7 @@ _paq.push(['enableLinkTracking']);
_paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '11']); _paq.push(['setSiteId', '11']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; 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); g.type='text/javascript'; g.async=true; g.defer=true; g.src='https://cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
})(); })();
@ -394,7 +423,7 @@ _paq.push(['enableLinkTracking']);
_paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '11']); _paq.push(['setSiteId', '11']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; 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); g.type='text/javascript'; g.async=true; g.defer=true; g.src='https://cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
})(); })();
} }
@ -425,8 +454,7 @@ _paq.push(['enableLinkTracking']);
<script src="../assets/js/set-20200805.js"></script> <script src="../assets/js/set-20200911.js"></script>
</body> </body>

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

@ -94,18 +94,22 @@
<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/all.min.css" /> <link rel="stylesheet" href="../../../assets/css/all.min.css" />
<link rel="stylesheet" href="../../../assets/css/main-20200812.css" /> <link rel="stylesheet" href="../../../assets/css/colors-20200911.css" />
<link rel="stylesheet" href="../../../assets/css/main-20200911.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/noscripts-20200812.css" /></noscript> <noscript><link rel="stylesheet" href="../../../assets/css/noscripts-20200911.css" /></noscript>
<meta name="theme-color" content=""/>
<meta name="theme-color" content="#3c2a52"/>
</head> </head>
<body> <body>
<!-- Wrapper --> <!-- Wrapper -->
<div id="main-wrapper"> <div id="main-wrapper">
@ -123,7 +127,7 @@
<div class="playbutton hideWhenNoJS"> <div class="playbutton hideWhenNoJS">
<a id="mu_pause" class="button">Play!</a> <a id="mu_pause" class="button">Play!</a>
</div> </div>
<h1>Grandma got the SSH keys</h1>
</p> </p>
@ -132,7 +136,9 @@
</div> </div>
<!-- Content --> <!-- Content -->
<div id="trackInfo"> <div id="trackInfo">
<section> <section>
<h1 style="margin-top:80px;">Grandma got the SSH keys</h1>
<p>Acid Trap by <strong>徒 Setto セット</strong></p> <p>Acid Trap by <strong>徒 Setto セット</strong></p>
@ -168,7 +174,7 @@
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" 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> 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" <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" 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=basspistol"
class="icon smaller fab fa-twitter"><span class="label">Twitter</span></a> 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" <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 セット" 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 セット"
@ -196,29 +202,23 @@
Special track for Acid December 2019 Special track for Acid December 2019
</p> </p>
<p><a href="../../../cyber-grany/" class="button">See release page</a></p>
</section> </section>
<!-- post Naviation -->
<section class="post-navigation">
<div class="post-nav">
</div>
<div class="post-nav-next">
<h4><a href="/albums/darkweb/1-swipe/"><span class="fas fa-arrow-right" style="font-size:3em;"></span></a></h4>
<h3>Swipe</h3>
<p></p>
</div>
</section>
<section class="streambox"> <section class="streambox">
@ -275,61 +275,31 @@
<!-- post Naviation -->
<section class="post-navigation">
<h2>Track Navigation</h2>
<div class="post-nav">
</div>
<div class="post-nav-next">
<h4><a href="/albums/darkweb/1-swipe/">Next&nbsp;<span class="fas fa-arrow-right"></span></a></h4>
<h3>Swipe</h3>
<p></p>
</div>
</section>
<!-- Footer --> <!-- Footer -->
<footer> <footer>
<div class="footframe">
<div> <div>
<h3>徒 setto セット</h3> <h3>徒 setto セット</h3>
<p>Set, Party, Gang! &#35;Cybersoul.</p> <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>
<li><a href="/log/">Log</a></li> <li><a href="/log/" >📰 Log</a></li>
<li><a href="/about/">About</a></li> <li><a href="/about/" >🐿 About</a></li>
<li><a href="/links/">Links</a></li> <li><a href="/links/" >🔗 Links</a></li>
</ul> </ul>
</div> </div>
<div><img src="../../../images/setto_logo.svg" width="100%" alt="徒 setto セット Logo" /></div>
<div><a href="#main-wrapper"><img src="../../../images/setto-logoicon.svg" alt="徒 setto セット Logo" /></a></div>
<small>
<div style="text-align: center;"> <div style="text-align: center;">
<a target="_blank" alt="徒 setto セット on Mastodon" title="徒 setto セット on Mastodon" rel="me noopener" <a target="_blank" alt="徒 setto セット on Mastodon" title="徒 setto セット on Mastodon" rel="me noopener"
@ -350,11 +320,11 @@
<a target="_blank" alt="email" title="email" href="mailto:setto@basspistol.com" class="icon small fas fa-envelope-open-text"><span <a target="_blank" alt="email" title="email" href="mailto:setto@basspistol.com" class="icon small fas fa-envelope-open-text"><span
class="label">Email</span></a> class="label">Email</span></a>
</div> </div>
<small> <p>&copy;2020 Basspistol | <a href="../../../webcreds/">Credits</a> |
<a href="../../../cookies/">Cookies & Privacy</a>
<p>&copy;2020 Basspistol | <a href="../../../webcreds/">Credits</a> | <a <br />This page was last updated on Wednesday, Sep 02, 2020</p>
href="../../../cookies/">Cookies & Privacy</a></p>
</small> </small>
</div>
</footer> </footer>
<!-- End Post Navigation --> <!-- End Post Navigation -->
@ -368,7 +338,7 @@
<div id="audiowrap"> <div id="audiowrap">
<div id="audio0"> <div id="audio0">
<audio controls autoplay preload="metadata" data-matomo-title="Grandma got the SSH keys"> <audio controls autoplay preload="metadata" data-matomo-title="Grandma got the SSH keys - Cyber Grany">
<source src="https://media.basspistol.com/setto.basspistol.com/cyber-grany/1-grandma-got-the-ssh-keys.mp3" type="audio/mpeg" ontimeupdate='updateTrackTime(this);' /> <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>. <h1>Your browser isn't ready for so much hotness. Use the download-link instead.</h1>.
</audio> </audio>
@ -441,6 +411,7 @@
<!-- Footer --> <!-- Footer -->
<!-- END Footer --> <!-- END Footer -->
@ -464,23 +435,23 @@
<a href="#close" title="Close" onclick="removeBlur()" class="close-button">X</a> <a href="#close" title="Close" onclick="removeBlur()" class="close-button">X</a>
<ul> <ul>
<li><a href="../../../" class="button">home</a></li> <li><a href="../../../" onclick="removeBlur()" class="button">🏡 Home</a></li>
<li><a href="../../../discography/" class="button">Discog</a></li> <li><a href="../../../discography/" onclick="removeBlur()" class="button">💽 Discog</a></li>
<li><a href="../../../log/" class="button">Log</a></li> <li><a href="../../../log/" onclick="removeBlur()" class="button">📰 Log</a></li>
<li><a href="../../../about/" class="button">About</a></li> <li><a href="../../../about/" onclick="removeBlur()" class="button">🐿 About</a></li>
<li><a href="../../../links/" class="button">Links</a></li> <li><a href="../../../links/" onclick="removeBlur()" class="button">🔗 Links</a></li>
@ -494,13 +465,13 @@
<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 <p>
enjoyed this enough to come back. We only use cookies if you consent to it. They don't contain any identifiable info: they just let us know if you enjoyed this enough to come back.
<br />Click <a href="#" id="cookie-notice-decline">here</a> if you want this shit to go away without cookies. <br /><a href="#" id="cookie-notice-decline">Click here</a> if you want this to go away without cookies.
<br />Read more about how me & basspistol <a href="/cookies/">use cookies</a> <br />Read more about <a href="/cookies/"> how 徒 setto セット use cookies</a>
</p> </p>
<a class="button yes" href="#" <a class="button yes" href="#"
id="cookie-notice-accept">I'm in!</a> id="cookie-notice-accept">Ok</a>
</div> </div>
@ -535,7 +506,7 @@
var _mtm = _mtm || []; var _mtm = _mtm || [];
_mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'}); _mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'});
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; 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/container_kJUGWiO2.js'; s.parentNode.insertBefore(g,s); 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 *// //* End Matomo Tag Manager *//
@ -555,7 +526,7 @@ _paq.push(['enableLinkTracking']);
_paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '11']); _paq.push(['setSiteId', '11']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; 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); g.type='text/javascript'; g.async=true; g.defer=true; g.src='https://cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
})(); })();
@ -574,7 +545,7 @@ _paq.push(['enableLinkTracking']);
_paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '11']); _paq.push(['setSiteId', '11']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; 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); g.type='text/javascript'; g.async=true; g.defer=true; g.src='https://cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
})(); })();
} }
@ -605,8 +576,7 @@ _paq.push(['enableLinkTracking']);
<script src="../../../assets/js/set-20200805.js"></script> <script src="../../../assets/js/set-20200911.js"></script>
</body> </body>

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

@ -94,18 +94,22 @@
<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/all.min.css" /> <link rel="stylesheet" href="../../../assets/css/all.min.css" />
<link rel="stylesheet" href="../../../assets/css/main-20200812.css" /> <link rel="stylesheet" href="../../../assets/css/colors-20200911.css" />
<link rel="stylesheet" href="../../../assets/css/main-20200911.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/noscripts-20200812.css" /></noscript> <noscript><link rel="stylesheet" href="../../../assets/css/noscripts-20200911.css" /></noscript>
<meta name="theme-color" content=""/>
<meta name="theme-color" content="#3c2a52"/>
</head> </head>
<body> <body>
<!-- Wrapper --> <!-- Wrapper -->
<div id="main-wrapper"> <div id="main-wrapper">
@ -123,7 +127,7 @@
<div class="playbutton hideWhenNoJS"> <div class="playbutton hideWhenNoJS">
<a id="mu_pause" class="button">Play!</a> <a id="mu_pause" class="button">Play!</a>
</div> </div>
<h1>Swipe</h1>
</p> </p>
@ -132,7 +136,9 @@
</div> </div>
<!-- Content --> <!-- Content -->
<div id="trackInfo"> <div id="trackInfo">
<section> <section>
<h1 style="margin-top:80px;">Swipe</h1>
<p>Cyber Soul by <strong>徒 Setto セット</strong></p> <p>Cyber Soul by <strong>徒 Setto セット</strong></p>
@ -168,7 +174,7 @@
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" 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> 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" <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" href="https://twitter.com/share?url=https://setto.basspistol.com/albums/darkweb/1-swipe/&amp;text=1 Swipe%20by%20徒 setto セット%20&amp;hashtags=basspistol"
class="icon smaller fab fa-twitter"><span class="label">Twitter</span></a> 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" <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 セット" href="https://telegram.me/share/url?url=https://setto.basspistol.com/albums/darkweb/1-swipe/&amp;text=1 Swipe%20by%20徒 setto セット"
@ -236,31 +242,28 @@ Je yeuxt vers l'avant de temps en temps.
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>
<p><a href="../../../darkweb/" class="button">See release page</a></p>
</section> </section>
<!-- post Naviation -->
<section class="post-navigation">
<div class="post-nav">
<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
class="fas fa-arrow-left" style="font-size:3em;text-decoration: none;"></span></a></h4>
<h3>Grandma got the SSH keys</h3>
<p></p>
</div>
<div class="post-nav-next">
<h4><a href="/albums/darkweb/2-darkweb/"><span class="fas fa-arrow-right" style="font-size:3em;"></span></a></h4>
<h3>Darkweb</h3>
<p></p>
</div>
</section>
<section class="streambox"> <section class="streambox">
@ -322,64 +325,31 @@ Je yeuxt vers l'avant de temps en temps.
<!-- post Naviation -->
<section class="post-navigation">
<h2>Track Navigation</h2>
<div class="post-nav">
<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
class="fas fa-arrow-left"></span>&nbsp;Previous</a></h4>
<h3>Grandma got the SSH keys</h3>
<p></p>
</div>
<div class="post-nav-next">
<h4><a href="/albums/darkweb/2-darkweb/">Next&nbsp;<span class="fas fa-arrow-right"></span></a></h4>
<h3>Darkweb</h3>
<p></p>
</div>
</section>
<!-- Footer --> <!-- Footer -->
<footer> <footer>
<div class="footframe">
<div> <div>
<h3>徒 setto セット</h3> <h3>徒 setto セット</h3>
<p>Set, Party, Gang! &#35;Cybersoul.</p> <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>
<li><a href="/log/">Log</a></li> <li><a href="/log/" >📰 Log</a></li>
<li><a href="/about/">About</a></li> <li><a href="/about/" >🐿 About</a></li>
<li><a href="/links/">Links</a></li> <li><a href="/links/" >🔗 Links</a></li>
</ul> </ul>
</div> </div>
<div><img src="../../../images/setto_logo.svg" width="100%" alt="徒 setto セット Logo" /></div>
<div><a href="#main-wrapper"><img src="../../../images/setto-logoicon.svg" alt="徒 setto セット Logo" /></a></div>
<small>
<div style="text-align: center;"> <div style="text-align: center;">
<a target="_blank" alt="徒 setto セット on Mastodon" title="徒 setto セット on Mastodon" rel="me noopener" <a target="_blank" alt="徒 setto セット on Mastodon" title="徒 setto セット on Mastodon" rel="me noopener"
@ -400,11 +370,11 @@ Je yeuxt vers l'avant de temps en temps.
<a target="_blank" alt="email" title="email" href="mailto:setto@basspistol.com" class="icon small fas fa-envelope-open-text"><span <a target="_blank" alt="email" title="email" href="mailto:setto@basspistol.com" class="icon small fas fa-envelope-open-text"><span
class="label">Email</span></a> class="label">Email</span></a>
</div> </div>
<small> <p>&copy;2020 Basspistol | <a href="../../../webcreds/">Credits</a> |
<a href="../../../cookies/">Cookies & Privacy</a>
<p>&copy;2020 Basspistol | <a href="../../../webcreds/">Credits</a> | <a <br />This page was last updated on Wednesday, Sep 02, 2020</p>
href="../../../cookies/">Cookies & Privacy</a></p>
</small> </small>
</div>
</footer> </footer>
<!-- End Post Navigation --> <!-- End Post Navigation -->
@ -418,7 +388,7 @@ Je yeuxt vers l'avant de temps en temps.
<div id="audiowrap"> <div id="audiowrap">
<div id="audio0"> <div id="audio0">
<audio controls autoplay preload="metadata" data-matomo-title="Swipe"> <audio controls autoplay preload="metadata" data-matomo-title="Swipe - Darkweb">
<source src="https://media.basspistol.com/setto.basspistol.com/darkweb/1-swipe.mp3" type="audio/mpeg" ontimeupdate='updateTrackTime(this);' /> <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>. <h1>Your browser isn't ready for so much hotness. Use the download-link instead.</h1>.
</audio> </audio>
@ -493,6 +463,7 @@ Je yeuxt vers l'avant de temps en temps.
<!-- Footer --> <!-- Footer -->
<!-- END Footer --> <!-- END Footer -->
@ -516,23 +487,23 @@ Je yeuxt vers l'avant de temps en temps.
<a href="#close" title="Close" onclick="removeBlur()" class="close-button">X</a> <a href="#close" title="Close" onclick="removeBlur()" class="close-button">X</a>
<ul> <ul>
<li><a href="../../../" class="button">home</a></li> <li><a href="../../../" onclick="removeBlur()" class="button">🏡 Home</a></li>
<li><a href="../../../discography/" class="button">Discog</a></li> <li><a href="../../../discography/" onclick="removeBlur()" class="button">💽 Discog</a></li>
<li><a href="../../../log/" class="button">Log</a></li> <li><a href="../../../log/" onclick="removeBlur()" class="button">📰 Log</a></li>
<li><a href="../../../about/" class="button">About</a></li> <li><a href="../../../about/" onclick="removeBlur()" class="button">🐿 About</a></li>
<li><a href="../../../links/" class="button">Links</a></li> <li><a href="../../../links/" onclick="removeBlur()" class="button">🔗 Links</a></li>
@ -546,13 +517,13 @@ Je yeuxt vers l'avant de temps en temps.
<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 <p>
enjoyed this enough to come back. We only use cookies if you consent to it. They don't contain any identifiable info: they just let us know if you enjoyed this enough to come back.
<br />Click <a href="#" id="cookie-notice-decline">here</a> if you want this shit to go away without cookies. <br /><a href="#" id="cookie-notice-decline">Click here</a> if you want this to go away without cookies.
<br />Read more about how me & basspistol <a href="/cookies/">use cookies</a> <br />Read more about <a href="/cookies/"> how 徒 setto セット use cookies</a>
</p> </p>
<a class="button yes" href="#" <a class="button yes" href="#"
id="cookie-notice-accept">I'm in!</a> id="cookie-notice-accept">Ok</a>
</div> </div>
@ -587,7 +558,7 @@ Je yeuxt vers l'avant de temps en temps.
var _mtm = _mtm || []; var _mtm = _mtm || [];
_mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'}); _mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'});
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; 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/container_kJUGWiO2.js'; s.parentNode.insertBefore(g,s); 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 *// //* End Matomo Tag Manager *//
@ -607,7 +578,7 @@ _paq.push(['enableLinkTracking']);
_paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '11']); _paq.push(['setSiteId', '11']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; 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); g.type='text/javascript'; g.async=true; g.defer=true; g.src='https://cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
})(); })();
@ -626,7 +597,7 @@ _paq.push(['enableLinkTracking']);
_paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '11']); _paq.push(['setSiteId', '11']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; 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); g.type='text/javascript'; g.async=true; g.defer=true; g.src='https://cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
})(); })();
} }
@ -657,8 +628,7 @@ _paq.push(['enableLinkTracking']);
<script src="../../../assets/js/set-20200805.js"></script> <script src="../../../assets/js/set-20200911.js"></script>
</body> </body>

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

@ -94,18 +94,22 @@
<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/all.min.css" /> <link rel="stylesheet" href="../../../assets/css/all.min.css" />
<link rel="stylesheet" href="../../../assets/css/main-20200812.css" /> <link rel="stylesheet" href="../../../assets/css/colors-20200911.css" />
<link rel="stylesheet" href="../../../assets/css/main-20200911.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/noscripts-20200812.css" /></noscript> <noscript><link rel="stylesheet" href="../../../assets/css/noscripts-20200911.css" /></noscript>
<meta name="theme-color" content=""/>
<meta name="theme-color" content="#3c2a52"/>
</head> </head>
<body> <body>
<!-- Wrapper --> <!-- Wrapper -->
<div id="main-wrapper"> <div id="main-wrapper">
@ -123,7 +127,7 @@
<div class="playbutton hideWhenNoJS"> <div class="playbutton hideWhenNoJS">
<a id="mu_pause" class="button">Play!</a> <a id="mu_pause" class="button">Play!</a>
</div> </div>
<h1>Darkweb</h1>
</p> </p>
@ -132,7 +136,9 @@
</div> </div>
<!-- Content --> <!-- Content -->
<div id="trackInfo"> <div id="trackInfo">
<section> <section>
<h1 style="margin-top:80px;">Darkweb</h1>
<p>Cypher Rap by <strong>徒 Setto セット</strong></p> <p>Cypher Rap by <strong>徒 Setto セット</strong></p>
@ -168,7 +174,7 @@
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" 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> 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" <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" href="https://twitter.com/share?url=https://setto.basspistol.com/albums/darkweb/2-darkweb/&amp;text=2 Darkweb%20by%20徒 setto セット%20&amp;hashtags=basspistol"
class="icon smaller fab fa-twitter"><span class="label">Twitter</span></a> 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" <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 セット" href="https://telegram.me/share/url?url=https://setto.basspistol.com/albums/darkweb/2-darkweb/&amp;text=2 Darkweb%20by%20徒 setto セット"
@ -266,31 +272,28 @@ Tu vas aussi kiffer
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>
<p><a href="../../../darkweb/" class="button">See release page</a></p>
</section> </section>
<!-- post Naviation -->
<section class="post-navigation">
<div class="post-nav">
<h4><a href="../../../albums/darkweb/1-swipe/" alt="Read 1 Swipe" title="Read 1 Swipe"><span
class="fas fa-arrow-left" style="font-size:3em;text-decoration: none;"></span></a></h4>
<h3>Swipe</h3>
<p></p>
</div>
<div class="post-nav-next">
<h4><a href="/albums/darkweb/3-swipe-instrumental-/"><span class="fas fa-arrow-right" style="font-size:3em;"></span></a></h4>
<h3>Swipe (Instrumental)</h3>
<p></p>
</div>
</section>
<section class="streambox"> <section class="streambox">
@ -352,64 +355,31 @@ Tu vas aussi kiffer
<!-- post Naviation -->
<section class="post-navigation">
<h2>Track Navigation</h2>
<div class="post-nav">
<h4><a href="../../../albums/darkweb/1-swipe/" alt="Read 1 Swipe" title="Read 1 Swipe"><span
class="fas fa-arrow-left"></span>&nbsp;Previous</a></h4>
<h3>Swipe</h3>
<p></p>
</div>
<div class="post-nav-next">
<h4><a href="/albums/darkweb/3-swipe-instrumental-/">Next&nbsp;<span class="fas fa-arrow-right"></span></a></h4>
<h3>Swipe (Instrumental)</h3>
<p></p>
</div>
</section>
<!-- Footer --> <!-- Footer -->
<footer> <footer>
<div class="footframe">
<div> <div>
<h3>徒 setto セット</h3> <h3>徒 setto セット</h3>
<p>Set, Party, Gang! &#35;Cybersoul.</p> <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>
<li><a href="/log/">Log</a></li> <li><a href="/log/" >📰 Log</a></li>
<li><a href="/about/">About</a></li> <li><a href="/about/" >🐿 About</a></li>
<li><a href="/links/">Links</a></li> <li><a href="/links/" >🔗 Links</a></li>
</ul> </ul>
</div> </div>
<div><img src="../../../images/setto_logo.svg" width="100%" alt="徒 setto セット Logo" /></div>
<div><a href="#main-wrapper"><img src="../../../images/setto-logoicon.svg" alt="徒 setto セット Logo" /></a></div>
<small>
<div style="text-align: center;"> <div style="text-align: center;">
<a target="_blank" alt="徒 setto セット on Mastodon" title="徒 setto セット on Mastodon" rel="me noopener" <a target="_blank" alt="徒 setto セット on Mastodon" title="徒 setto セット on Mastodon" rel="me noopener"
@ -430,11 +400,11 @@ Tu vas aussi kiffer
<a target="_blank" alt="email" title="email" href="mailto:setto@basspistol.com" class="icon small fas fa-envelope-open-text"><span <a target="_blank" alt="email" title="email" href="mailto:setto@basspistol.com" class="icon small fas fa-envelope-open-text"><span
class="label">Email</span></a> class="label">Email</span></a>
</div> </div>
<small> <p>&copy;2020 Basspistol | <a href="../../../webcreds/">Credits</a> |
<a href="../../../cookies/">Cookies & Privacy</a>
<p>&copy;2020 Basspistol | <a href="../../../webcreds/">Credits</a> | <a <br />This page was last updated on Wednesday, Sep 02, 2020</p>
href="../../../cookies/">Cookies & Privacy</a></p>
</small> </small>
</div>
</footer> </footer>
<!-- End Post Navigation --> <!-- End Post Navigation -->
@ -448,7 +418,7 @@ Tu vas aussi kiffer
<div id="audiowrap"> <div id="audiowrap">
<div id="audio0"> <div id="audio0">
<audio controls autoplay preload="metadata" data-matomo-title="Darkweb"> <audio controls autoplay preload="metadata" data-matomo-title="Darkweb - Darkweb">
<source src="https://media.basspistol.com/setto.basspistol.com/darkweb/2-darkweb.mp3" type="audio/mpeg" ontimeupdate='updateTrackTime(this);' /> <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>. <h1>Your browser isn't ready for so much hotness. Use the download-link instead.</h1>.
</audio> </audio>
@ -523,6 +493,7 @@ Tu vas aussi kiffer
<!-- Footer --> <!-- Footer -->
<!-- END Footer --> <!-- END Footer -->
@ -546,23 +517,23 @@ Tu vas aussi kiffer
<a href="#close" title="Close" onclick="removeBlur()" class="close-button">X</a> <a href="#close" title="Close" onclick="removeBlur()" class="close-button">X</a>
<ul> <ul>
<li><a href="../../../" class="button">home</a></li> <li><a href="../../../" onclick="removeBlur()" class="button">🏡 Home</a></li>
<li><a href="../../../discography/" class="button">Discog</a></li> <li><a href="../../../discography/" onclick="removeBlur()" class="button">💽 Discog</a></li>
<li><a href="../../../log/" class="button">Log</a></li> <li><a href="../../../log/" onclick="removeBlur()" class="button">📰 Log</a></li>
<li><a href="../../../about/" class="button">About</a></li> <li><a href="../../../about/" onclick="removeBlur()" class="button">🐿 About</a></li>
<li><a href="../../../links/" class="button">Links</a></li> <li><a href="../../../links/" onclick="removeBlur()" class="button">🔗 Links</a></li>
@ -576,13 +547,13 @@ Tu vas aussi kiffer
<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 <p>
enjoyed this enough to come back. We only use cookies if you consent to it. They don't contain any identifiable info: they just let us know if you enjoyed this enough to come back.
<br />Click <a href="#" id="cookie-notice-decline">here</a> if you want this shit to go away without cookies. <br /><a href="#" id="cookie-notice-decline">Click here</a> if you want this to go away without cookies.
<br />Read more about how me & basspistol <a href="/cookies/">use cookies</a> <br />Read more about <a href="/cookies/"> how 徒 setto セット use cookies</a>
</p> </p>
<a class="button yes" href="#" <a class="button yes" href="#"
id="cookie-notice-accept">I'm in!</a> id="cookie-notice-accept">Ok</a>
</div> </div>
@ -617,7 +588,7 @@ Tu vas aussi kiffer
var _mtm = _mtm || []; var _mtm = _mtm || [];
_mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'}); _mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'});
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; 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/container_kJUGWiO2.js'; s.parentNode.insertBefore(g,s); 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 *// //* End Matomo Tag Manager *//
@ -637,7 +608,7 @@ _paq.push(['enableLinkTracking']);
_paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '11']); _paq.push(['setSiteId', '11']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; 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); g.type='text/javascript'; g.async=true; g.defer=true; g.src='https://cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
})(); })();
@ -656,7 +627,7 @@ _paq.push(['enableLinkTracking']);
_paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '11']); _paq.push(['setSiteId', '11']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; 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); g.type='text/javascript'; g.async=true; g.defer=true; g.src='https://cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
})(); })();
} }
@ -687,8 +658,7 @@ _paq.push(['enableLinkTracking']);
<script src="../../../assets/js/set-20200805.js"></script> <script src="../../../assets/js/set-20200911.js"></script>
</body> </body>

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

@ -94,18 +94,22 @@
<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/all.min.css" /> <link rel="stylesheet" href="../../../assets/css/all.min.css" />
<link rel="stylesheet" href="../../../assets/css/main-20200812.css" /> <link rel="stylesheet" href="../../../assets/css/colors-20200911.css" />
<link rel="stylesheet" href="../../../assets/css/main-20200911.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/noscripts-20200812.css" /></noscript> <noscript><link rel="stylesheet" href="../../../assets/css/noscripts-20200911.css" /></noscript>
<meta name="theme-color" content=""/>
<meta name="theme-color" content="#3c2a52"/>
</head> </head>
<body> <body>
<!-- Wrapper --> <!-- Wrapper -->
<div id="main-wrapper"> <div id="main-wrapper">
@ -123,7 +127,7 @@
<div class="playbutton hideWhenNoJS"> <div class="playbutton hideWhenNoJS">
<a id="mu_pause" class="button">Play!</a> <a id="mu_pause" class="button">Play!</a>
</div> </div>
<h1>Swipe (Instrumental)</h1>
</p> </p>
@ -132,7 +136,9 @@
</div> </div>
<!-- Content --> <!-- Content -->
<div id="trackInfo"> <div id="trackInfo">
<section> <section>
<h1 style="margin-top:80px;">Swipe (Instrumental)</h1>
<p>Cyber Soul by <strong>徒 Setto セット</strong></p> <p>Cyber Soul by <strong>徒 Setto セット</strong></p>
@ -168,7 +174,7 @@
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" 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> 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" <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" 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=basspistol"
class="icon smaller fab fa-twitter"><span class="label">Twitter</span></a> 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" <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 セット" href="https://telegram.me/share/url?url=https://setto.basspistol.com/albums/darkweb/3-swipe-instrumental-/&amp;text=3 Swipe Instrumental%20by%20徒 setto セット"
@ -196,31 +202,28 @@
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>
<p><a href="../../../darkweb/" class="button">See release page</a></p>
</section> </section>
<!-- post Naviation -->
<section class="post-navigation">
<div class="post-nav">
<h4><a href="../../../albums/darkweb/2-darkweb/" alt="Read 2 Darkweb" title="Read 2 Darkweb"><span
class="fas fa-arrow-left" style="font-size:3em;text-decoration: none;"></span></a></h4>
<h3>Darkweb</h3>
<p></p>
</div>
<div class="post-nav-next">
<h4><a href="/albums/darkweb/4-darkweb-instrumental-/"><span class="fas fa-arrow-right" style="font-size:3em;"></span></a></h4>
<h3>Darkweb (Instrumental)</h3>
<p></p>
</div>
</section>
<section class="streambox"> <section class="streambox">
@ -282,64 +285,31 @@
<!-- post Naviation -->
<section class="post-navigation">
<h2>Track Navigation</h2>
<div class="post-nav">
<h4><a href="../../../albums/darkweb/2-darkweb/" alt="Read 2 Darkweb" title="Read 2 Darkweb"><span
class="fas fa-arrow-left"></span>&nbsp;Previous</a></h4>
<h3>Darkweb</h3>
<p></p>
</div>
<div class="post-nav-next">
<h4><a href="/albums/darkweb/4-darkweb-instrumental-/">Next&nbsp;<span class="fas fa-arrow-right"></span></a></h4>
<h3>Darkweb (Instrumental)</h3>
<p></p>
</div>
</section>
<!-- Footer --> <!-- Footer -->
<footer> <footer>
<div class="footframe">
<div> <div>
<h3>徒 setto セット</h3> <h3>徒 setto セット</h3>
<p>Set, Party, Gang! &#35;Cybersoul.</p> <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>
<li><a href="/log/">Log</a></li> <li><a href="/log/" >📰 Log</a></li>
<li><a href="/about/">About</a></li> <li><a href="/about/" >🐿 About</a></li>
<li><a href="/links/">Links</a></li> <li><a href="/links/" >🔗 Links</a></li>
</ul> </ul>
</div> </div>
<div><img src="../../../images/setto_logo.svg" width="100%" alt="徒 setto セット Logo" /></div>
<div><a href="#main-wrapper"><img src="../../../images/setto-logoicon.svg" alt="徒 setto セット Logo" /></a></div>
<small>
<div style="text-align: center;"> <div style="text-align: center;">
<a target="_blank" alt="徒 setto セット on Mastodon" title="徒 setto セット on Mastodon" rel="me noopener" <a target="_blank" alt="徒 setto セット on Mastodon" title="徒 setto セット on Mastodon" rel="me noopener"
@ -360,11 +330,11 @@
<a target="_blank" alt="email" title="email" href="mailto:setto@basspistol.com" class="icon small fas fa-envelope-open-text"><span <a target="_blank" alt="email" title="email" href="mailto:setto@basspistol.com" class="icon small fas fa-envelope-open-text"><span
class="label">Email</span></a> class="label">Email</span></a>
</div> </div>
<small> <p>&copy;2020 Basspistol | <a href="../../../webcreds/">Credits</a> |
<a href="../../../cookies/">Cookies & Privacy</a>
<p>&copy;2020 Basspistol | <a href="../../../webcreds/">Credits</a> | <a <br />This page was last updated on Wednesday, Sep 02, 2020</p>
href="../../../cookies/">Cookies & Privacy</a></p>
</small> </small>
</div>
</footer> </footer>
<!-- End Post Navigation --> <!-- End Post Navigation -->
@ -378,7 +348,7 @@
<div id="audiowrap"> <div id="audiowrap">
<div id="audio0"> <div id="audio0">
<audio controls autoplay preload="metadata" data-matomo-title="Swipe (Instrumental)"> <audio controls autoplay preload="metadata" data-matomo-title="Swipe (Instrumental) - Darkweb">
<source src="https://media.basspistol.com/setto.basspistol.com/darkweb/3-swipe-instrumental-.mp3" type="audio/mpeg" ontimeupdate='updateTrackTime(this);' /> <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>. <h1>Your browser isn't ready for so much hotness. Use the download-link instead.</h1>.
</audio> </audio>
@ -453,6 +423,7 @@
<!-- Footer --> <!-- Footer -->
<!-- END Footer --> <!-- END Footer -->
@ -476,23 +447,23 @@
<a href="#close" title="Close" onclick="removeBlur()" class="close-button">X</a> <a href="#close" title="Close" onclick="removeBlur()" class="close-button">X</a>
<ul> <ul>
<li><a href="../../../" class="button">home</a></li> <li><a href="../../../" onclick="removeBlur()" class="button">🏡 Home</a></li>
<li><a href="../../../discography/" class="button">Discog</a></li> <li><a href="../../../discography/" onclick="removeBlur()" class="button">💽 Discog</a></li>
<li><a href="../../../log/" class="button">Log</a></li> <li><a href="../../../log/" onclick="removeBlur()" class="button">📰 Log</a></li>
<li><a href="../../../about/" class="button">About</a></li> <li><a href="../../../about/" onclick="removeBlur()" class="button">🐿 About</a></li>
<li><a href="../../../links/" class="button">Links</a></li> <li><a href="../../../links/" onclick="removeBlur()" class="button">🔗 Links</a></li>
@ -506,13 +477,13 @@
<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 <p>
enjoyed this enough to come back. We only use cookies if you consent to it. They don't contain any identifiable info: they just let us know if you enjoyed this enough to come back.
<br />Click <a href="#" id="cookie-notice-decline">here</a> if you want this shit to go away without cookies. <br /><a href="#" id="cookie-notice-decline">Click here</a> if you want this to go away without cookies.
<br />Read more about how me & basspistol <a href="/cookies/">use cookies</a> <br />Read more about <a href="/cookies/"> how 徒 setto セット use cookies</a>
</p> </p>
<a class="button yes" href="#" <a class="button yes" href="#"
id="cookie-notice-accept">I'm in!</a> id="cookie-notice-accept">Ok</a>
</div> </div>
@ -547,7 +518,7 @@
var _mtm = _mtm || []; var _mtm = _mtm || [];
_mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'}); _mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'});
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; 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/container_kJUGWiO2.js'; s.parentNode.insertBefore(g,s); 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 *// //* End Matomo Tag Manager *//
@ -567,7 +538,7 @@ _paq.push(['enableLinkTracking']);
_paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '11']); _paq.push(['setSiteId', '11']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; 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); g.type='text/javascript'; g.async=true; g.defer=true; g.src='https://cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
})(); })();
@ -586,7 +557,7 @@ _paq.push(['enableLinkTracking']);
_paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '11']); _paq.push(['setSiteId', '11']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; 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); g.type='text/javascript'; g.async=true; g.defer=true; g.src='https://cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
})(); })();
} }
@ -617,8 +588,7 @@ _paq.push(['enableLinkTracking']);
<script src="../../../assets/js/set-20200805.js"></script> <script src="../../../assets/js/set-20200911.js"></script>
</body> </body>

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

@ -94,18 +94,22 @@
<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/all.min.css" /> <link rel="stylesheet" href="../../../assets/css/all.min.css" />
<link rel="stylesheet" href="../../../assets/css/main-20200812.css" /> <link rel="stylesheet" href="../../../assets/css/colors-20200911.css" />
<link rel="stylesheet" href="../../../assets/css/main-20200911.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/noscripts-20200812.css" /></noscript> <noscript><link rel="stylesheet" href="../../../assets/css/noscripts-20200911.css" /></noscript>
<meta name="theme-color" content=""/>
<meta name="theme-color" content="#3c2a52"/>
</head> </head>
<body> <body>
<!-- Wrapper --> <!-- Wrapper -->
<div id="main-wrapper"> <div id="main-wrapper">
@ -123,7 +127,7 @@
<div class="playbutton hideWhenNoJS"> <div class="playbutton hideWhenNoJS">
<a id="mu_pause" class="button">Play!</a> <a id="mu_pause" class="button">Play!</a>
</div> </div>
<h1>Darkweb (Instrumental)</h1>
</p> </p>
@ -132,7 +136,9 @@
</div> </div>
<!-- Content --> <!-- Content -->
<div id="trackInfo"> <div id="trackInfo">
<section> <section>
<h1 style="margin-top:80px;">Darkweb (Instrumental)</h1>
<p>Cypher Rap by <strong>徒 Setto セット</strong></p> <p>Cypher Rap by <strong>徒 Setto セット</strong></p>
@ -168,7 +174,7 @@
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" 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> 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" <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" 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=basspistol"
class="icon smaller fab fa-twitter"><span class="label">Twitter</span></a> 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" <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 セット" href="https://telegram.me/share/url?url=https://setto.basspistol.com/albums/darkweb/4-darkweb-instrumental-/&amp;text=4 Darkweb Instrumental%20by%20徒 setto セット"
@ -196,31 +202,28 @@
Cover art and music by To&nbsp;Setto&nbsp;Setto Cover art and music by To&nbsp;Setto&nbsp;Setto
</p> </p>
<p><a href="../../../darkweb/" class="button">See release page</a></p>
</section> </section>
<!-- post Naviation -->
<section class="post-navigation">
<div class="post-nav">
<h4><a href="../../../albums/darkweb/3-swipe-instrumental-/" alt="Read 3 Swipe Instrumental" title="Read 3 Swipe Instrumental"><span
class="fas fa-arrow-left" style="font-size:3em;text-decoration: none;"></span></a></h4>
<h3>Swipe (Instrumental)</h3>
<p></p>
</div>
<div class="post-nav-next">
<h4><a href="/albums/live-with-hardware/1-ep-life-of-a-dudelini/"><span class="fas fa-arrow-right" style="font-size:3em;"></span></a></h4>
<h3>EP-Life of a Dudelini</h3>
<p></p>
</div>
</section>
<section class="streambox"> <section class="streambox">
@ -282,64 +285,31 @@
<!-- post Naviation -->
<section class="post-navigation">
<h2>Track Navigation</h2>
<div class="post-nav">
<h4><a href="../../../albums/darkweb/3-swipe-instrumental-/" alt="Read 3 Swipe Instrumental" title="Read 3 Swipe Instrumental"><span
class="fas fa-arrow-left"></span>&nbsp;Previous</a></h4>
<h3>Swipe (Instrumental)</h3>
<p></p>
</div>
<div class="post-nav-next">
<h4><a href="/albums/live-with-hardware/1-ep-life-of-a-dudelini/">Next&nbsp;<span class="fas fa-arrow-right"></span></a></h4>
<h3>EP-Life of a Dudelini</h3>
<p></p>
</div>
</section>
<!-- Footer --> <!-- Footer -->
<footer> <footer>
<div class="footframe">
<div> <div>
<h3>徒 setto セット</h3> <h3>徒 setto セット</h3>
<p>Set, Party, Gang! &#35;Cybersoul.</p> <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>
<li><a href="/log/">Log</a></li> <li><a href="/log/" >📰 Log</a></li>
<li><a href="/about/">About</a></li> <li><a href="/about/" >🐿 About</a></li>
<li><a href="/links/">Links</a></li> <li><a href="/links/" >🔗 Links</a></li>
</ul> </ul>
</div> </div>
<div><img src="../../../images/setto_logo.svg" width="100%" alt="徒 setto セット Logo" /></div>
<div><a href="#main-wrapper"><img src="../../../images/setto-logoicon.svg" alt="徒 setto セット Logo" /></a></div>
<small>
<div style="text-align: center;"> <div style="text-align: center;">
<a target="_blank" alt="徒 setto セット on Mastodon" title="徒 setto セット on Mastodon" rel="me noopener" <a target="_blank" alt="徒 setto セット on Mastodon" title="徒 setto セット on Mastodon" rel="me noopener"
@ -360,11 +330,11 @@
<a target="_blank" alt="email" title="email" href="mailto:setto@basspistol.com" class="icon small fas fa-envelope-open-text"><span <a target="_blank" alt="email" title="email" href="mailto:setto@basspistol.com" class="icon small fas fa-envelope-open-text"><span
class="label">Email</span></a> class="label">Email</span></a>
</div> </div>
<small> <p>&copy;2020 Basspistol | <a href="../../../webcreds/">Credits</a> |
<a href="../../../cookies/">Cookies & Privacy</a>
<p>&copy;2020 Basspistol | <a href="../../../webcreds/">Credits</a> | <a <br />This page was last updated on Wednesday, Sep 02, 2020</p>
href="../../../cookies/">Cookies & Privacy</a></p>
</small> </small>
</div>
</footer> </footer>
<!-- End Post Navigation --> <!-- End Post Navigation -->
@ -378,7 +348,7 @@
<div id="audiowrap"> <div id="audiowrap">
<div id="audio0"> <div id="audio0">
<audio controls autoplay preload="metadata" data-matomo-title="Darkweb (Instrumental)"> <audio controls autoplay preload="metadata" data-matomo-title="Darkweb (Instrumental) - Darkweb">
<source src="https://media.basspistol.com/setto.basspistol.com/darkweb/4-darkweb-instrumental-.mp3" type="audio/mpeg" ontimeupdate='updateTrackTime(this);' /> <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>. <h1>Your browser isn't ready for so much hotness. Use the download-link instead.</h1>.
</audio> </audio>
@ -453,6 +423,7 @@
<!-- Footer --> <!-- Footer -->
<!-- END Footer --> <!-- END Footer -->
@ -476,23 +447,23 @@
<a href="#close" title="Close" onclick="removeBlur()" class="close-button">X</a> <a href="#close" title="Close" onclick="removeBlur()" class="close-button">X</a>
<ul> <ul>
<li><a href="../../../" class="button">home</a></li> <li><a href="../../../" onclick="removeBlur()" class="button">🏡 Home</a></li>
<li><a href="../../../discography/" class="button">Discog</a></li> <li><a href="../../../discography/" onclick="removeBlur()" class="button">💽 Discog</a></li>
<li><a href="../../../log/" class="button">Log</a></li> <li><a href="../../../log/" onclick="removeBlur()" class="button">📰 Log</a></li>
<li><a href="../../../about/" class="button">About</a></li> <li><a href="../../../about/" onclick="removeBlur()" class="button">🐿 About</a></li>
<li><a href="../../../links/" class="button">Links</a></li> <li><a href="../../../links/" onclick="removeBlur()" class="button">🔗 Links</a></li>
@ -506,13 +477,13 @@
<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 <p>
enjoyed this enough to come back. We only use cookies if you consent to it. They don't contain any identifiable info: they just let us know if you enjoyed this enough to come back.
<br />Click <a href="#" id="cookie-notice-decline">here</a> if you want this shit to go away without cookies. <br /><a href="#" id="cookie-notice-decline">Click here</a> if you want this to go away without cookies.
<br />Read more about how me & basspistol <a href="/cookies/">use cookies</a> <br />Read more about <a href="/cookies/"> how 徒 setto セット use cookies</a>
</p> </p>
<a class="button yes" href="#" <a class="button yes" href="#"
id="cookie-notice-accept">I'm in!</a> id="cookie-notice-accept">Ok</a>
</div> </div>
@ -547,7 +518,7 @@
var _mtm = _mtm || []; var _mtm = _mtm || [];
_mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'}); _mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'});
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; 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/container_kJUGWiO2.js'; s.parentNode.insertBefore(g,s); 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 *// //* End Matomo Tag Manager *//
@ -567,7 +538,7 @@ _paq.push(['enableLinkTracking']);
_paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '11']); _paq.push(['setSiteId', '11']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; 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); g.type='text/javascript'; g.async=true; g.defer=true; g.src='https://cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
})(); })();
@ -586,7 +557,7 @@ _paq.push(['enableLinkTracking']);
_paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '11']); _paq.push(['setSiteId', '11']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; 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); g.type='text/javascript'; g.async=true; g.defer=true; g.src='https://cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
})(); })();
} }
@ -617,8 +588,7 @@ _paq.push(['enableLinkTracking']);
<script src="../../../assets/js/set-20200805.js"></script> <script src="../../../assets/js/set-20200911.js"></script>
</body> </body>

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

@ -94,18 +94,22 @@
<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/all.min.css" /> <link rel="stylesheet" href="../../../assets/css/all.min.css" />
<link rel="stylesheet" href="../../../assets/css/main-20200812.css" /> <link rel="stylesheet" href="../../../assets/css/colors-20200911.css" />
<link rel="stylesheet" href="../../../assets/css/main-20200911.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/noscripts-20200812.css" /></noscript> <noscript><link rel="stylesheet" href="../../../assets/css/noscripts-20200911.css" /></noscript>
<meta name="theme-color" content=""/>
<meta name="theme-color" content="#3c2a52"/>
</head> </head>
<body> <body>
<!-- Wrapper --> <!-- Wrapper -->
<div id="main-wrapper"> <div id="main-wrapper">
@ -123,7 +127,7 @@
<div class="playbutton hideWhenNoJS"> <div class="playbutton hideWhenNoJS">
<a id="mu_pause" class="button">Play!</a> <a id="mu_pause" class="button">Play!</a>
</div> </div>
<h1>EP-Life of a Dudelini</h1>
</p> </p>
@ -132,7 +136,9 @@
</div> </div>
<!-- Content --> <!-- Content -->
<div id="trackInfo"> <div id="trackInfo">
<section> <section>
<h1 style="margin-top:80px;">EP-Life of a Dudelini</h1>
<p>Cybersoul by <strong>徒 Setto セット</strong></p> <p>Cybersoul by <strong>徒 Setto セット</strong></p>
@ -168,7 +174,7 @@
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" 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> 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" <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" 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=basspistol"
class="icon smaller fab fa-twitter"><span class="label">Twitter</span></a> 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" <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 セット" 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 セット"
@ -196,27 +202,28 @@
</p> </p>
<p><a href="../../../live-with-hardware/" class="button">See release page</a></p>
</section> </section>
<!-- post Naviation -->
<section class="post-navigation">
<div class="post-nav">
<h4><a href="../../../albums/darkweb/4-darkweb-instrumental-/" alt="Read 4 Darkweb Instrumental" title="Read 4 Darkweb Instrumental"><span
class="fas fa-arrow-left" style="font-size:3em;text-decoration: none;"></span></a></h4>
<h3>Darkweb (Instrumental)</h3>
<p></p>
</div>
<div class="post-nav-next">
<h4><a href="/albums/satoshi-mon-ami/1-k-as-tu-fait-de-nous-/"><span class="fas fa-arrow-right" style="font-size:3em;"></span></a></h4>
<h3>K'as-tu fait de nous?</h3>
<p></p>
</div>
</section>
<section class="streambox"> <section class="streambox">
@ -271,68 +278,31 @@
<!-- post Naviation -->
<section class="post-navigation">
<h2>Track Navigation</h2>
<div class="post-nav">
<h4><a href="../../../albums/darkweb/4-darkweb-instrumental-/" alt="Read 4 Darkweb Instrumental" title="Read 4 Darkweb Instrumental"><span
class="fas fa-arrow-left"></span>&nbsp;Previous</a></h4>
<h3>Darkweb (Instrumental)</h3>
<p></p>
</div>
<div class="post-nav-next">
<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>
<h3>K'as-tu fait de nous?</h3>
<p></p>
</div>
</section>
<!-- Footer --> <!-- Footer -->
<footer> <footer>
<div class="footframe">
<div> <div>
<h3>徒 setto セット</h3> <h3>徒 setto セット</h3>
<p>Set, Party, Gang! &#35;Cybersoul.</p> <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>
<li><a href="/log/">Log</a></li> <li><a href="/log/" >📰 Log</a></li>
<li><a href="/about/">About</a></li> <li><a href="/about/" >🐿 About</a></li>
<li><a href="/links/">Links</a></li> <li><a href="/links/" >🔗 Links</a></li>
</ul> </ul>
</div> </div>
<div><img src="../../../images/setto_logo.svg" width="100%" alt="徒 setto セット Logo" /></div>
<div><a href="#main-wrapper"><img src="../../../images/setto-logoicon.svg" alt="徒 setto セット Logo" /></a></div>
<small>
<div style="text-align: center;"> <div style="text-align: center;">
<a target="_blank" alt="徒 setto セット on Mastodon" title="徒 setto セット on Mastodon" rel="me noopener" <a target="_blank" alt="徒 setto セット on Mastodon" title="徒 setto セット on Mastodon" rel="me noopener"
@ -353,11 +323,11 @@
<a target="_blank" alt="email" title="email" href="mailto:setto@basspistol.com" class="icon small fas fa-envelope-open-text"><span <a target="_blank" alt="email" title="email" href="mailto:setto@basspistol.com" class="icon small fas fa-envelope-open-text"><span
class="label">Email</span></a> class="label">Email</span></a>
</div> </div>
<small> <p>&copy;2020 Basspistol | <a href="../../../webcreds/">Credits</a> |
<a href="../../../cookies/">Cookies & Privacy</a>
<p>&copy;2020 Basspistol | <a href="../../../webcreds/">Credits</a> | <a <br />This page was last updated on Wednesday, Sep 02, 2020</p>
href="../../../cookies/">Cookies & Privacy</a></p>
</small> </small>
</div>
</footer> </footer>
<!-- End Post Navigation --> <!-- End Post Navigation -->
@ -371,7 +341,7 @@
<div id="audiowrap"> <div id="audiowrap">
<div id="audio0"> <div id="audio0">
<audio controls autoplay preload="metadata" data-matomo-title="EP-Life of a Dudelini"> <audio controls autoplay preload="metadata" data-matomo-title="EP-Life of a Dudelini - Live with hardware">
<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);' /> <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>. <h1>Your browser isn't ready for so much hotness. Use the download-link instead.</h1>.
</audio> </audio>
@ -446,6 +416,7 @@
<!-- Footer --> <!-- Footer -->
<!-- END Footer --> <!-- END Footer -->
@ -469,23 +440,23 @@
<a href="#close" title="Close" onclick="removeBlur()" class="close-button">X</a> <a href="#close" title="Close" onclick="removeBlur()" class="close-button">X</a>
<ul> <ul>
<li><a href="../../../" class="button">home</a></li> <li><a href="../../../" onclick="removeBlur()" class="button">🏡 Home</a></li>
<li><a href="../../../discography/" class="button">Discog</a></li> <li><a href="../../../discography/" onclick="removeBlur()" class="button">💽 Discog</a></li>
<li><a href="../../../log/" class="button">Log</a></li> <li><a href="../../../log/" onclick="removeBlur()" class="button">📰 Log</a></li>
<li><a href="../../../about/" class="button">About</a></li> <li><a href="../../../about/" onclick="removeBlur()" class="button">🐿 About</a></li>
<li><a href="../../../links/" class="button">Links</a></li> <li><a href="../../../links/" onclick="removeBlur()" class="button">🔗 Links</a></li>
@ -499,13 +470,13 @@
<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 <p>
enjoyed this enough to come back. We only use cookies if you consent to it. They don't contain any identifiable info: they just let us know if you enjoyed this enough to come back.
<br />Click <a href="#" id="cookie-notice-decline">here</a> if you want this shit to go away without cookies. <br /><a href="#" id="cookie-notice-decline">Click here</a> if you want this to go away without cookies.
<br />Read more about how me & basspistol <a href="/cookies/">use cookies</a> <br />Read more about <a href="/cookies/"> how 徒 setto セット use cookies</a>
</p> </p>
<a class="button yes" href="#" <a class="button yes" href="#"
id="cookie-notice-accept">I'm in!</a> id="cookie-notice-accept">Ok</a>
</div> </div>
@ -540,7 +511,7 @@
var _mtm = _mtm || []; var _mtm = _mtm || [];
_mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'}); _mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'});
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; 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/container_kJUGWiO2.js'; s.parentNode.insertBefore(g,s); 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 *// //* End Matomo Tag Manager *//
@ -560,7 +531,7 @@ _paq.push(['enableLinkTracking']);
_paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '11']); _paq.push(['setSiteId', '11']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; 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); g.type='text/javascript'; g.async=true; g.defer=true; g.src='https://cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
})(); })();
@ -579,7 +550,7 @@ _paq.push(['enableLinkTracking']);
_paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '11']); _paq.push(['setSiteId', '11']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; 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); g.type='text/javascript'; g.async=true; g.defer=true; g.src='https://cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
})(); })();
} }
@ -610,8 +581,7 @@ _paq.push(['enableLinkTracking']);
<script src="../../../assets/js/set-20200805.js"></script> <script src="../../../assets/js/set-20200911.js"></script>
</body> </body>

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

@ -94,18 +94,22 @@
<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/all.min.css" /> <link rel="stylesheet" href="../../../assets/css/all.min.css" />
<link rel="stylesheet" href="../../../assets/css/main-20200812.css" /> <link rel="stylesheet" href="../../../assets/css/colors-20200911.css" />
<link rel="stylesheet" href="../../../assets/css/main-20200911.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/noscripts-20200812.css" /></noscript> <noscript><link rel="stylesheet" href="../../../assets/css/noscripts-20200911.css" /></noscript>
<meta name="theme-color" content=""/>
<meta name="theme-color" content="#3c2a52"/>
</head> </head>
<body> <body>
<!-- Wrapper --> <!-- Wrapper -->
<div id="main-wrapper"> <div id="main-wrapper">
@ -123,7 +127,7 @@
<div class="playbutton hideWhenNoJS"> <div class="playbutton hideWhenNoJS">
<a id="mu_pause" class="button">Play!</a> <a id="mu_pause" class="button">Play!</a>
</div> </div>
<h1>K'as-tu fait de nous?</h1>
</p> </p>
@ -132,7 +136,9 @@
</div> </div>
<!-- Content --> <!-- Content -->
<div id="trackInfo"> <div id="trackInfo">
<section> <section>
<h1 style="margin-top:80px;">K'as-tu fait de nous?</h1>
<p>Cyber Soul by <strong>徒 Setto セット</strong></p> <p>Cyber Soul by <strong>徒 Setto セット</strong></p>
@ -168,7 +174,7 @@
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" 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> 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" <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" 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=basspistol"
class="icon smaller fab fa-twitter"><span class="label">Twitter</span></a> 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" <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 セット" 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 セット"
@ -255,33 +261,28 @@ WTF coucou
</p> </p>
<p><a href="../../../satoshi-mon-ami/" class="button">See release page</a></p>
</section> </section>
<!-- post Naviation -->
<section class="post-navigation">
<div class="post-nav">
<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
class="fas fa-arrow-left" style="font-size:3em;text-decoration: none;"></span></a></h4>
<h3>EP-Life of a Dudelini</h3>
<p></p>
</div>
<div class="post-nav-next">
<h4><a href="/albums/satoshi-mon-ami/2-r-ve-de-toi/"><span class="fas fa-arrow-right" style="font-size:3em;"></span></a></h4>
<h3>Rêve de toi</h3>
<p></p>
</div>
</section>
<section class="streambox"> <section class="streambox">
@ -343,62 +344,31 @@ WTF coucou
<!-- post Naviation -->
<section class="post-navigation">
<h2>Track Navigation</h2>
<div class="post-nav">
<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
class="fas fa-arrow-left"></span>&nbsp;Previous</a></h4>
<h3>EP-Life of a Dudelini</h3>
<p></p>
</div>
<div class="post-nav-next">
<h4><a href="/albums/satoshi-mon-ami/2-r-ve-de-toi/">Next&nbsp;<span class="fas fa-arrow-right"></span></a></h4>
<h3>Rêve de toi</h3>
<p></p>
</div>
</section>
<!-- Footer --> <!-- Footer -->
<footer> <footer>
<div class="footframe">
<div> <div>
<h3>徒 setto セット</h3> <h3>徒 setto セット</h3>
<p>Set, Party, Gang! &#35;Cybersoul.</p> <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>
<li><a href="/log/">Log</a></li> <li><a href="/log/" >📰 Log</a></li>
<li><a href="/about/">About</a></li> <li><a href="/about/" >🐿 About</a></li>
<li><a href="/links/">Links</a></li> <li><a href="/links/" >🔗 Links</a></li>
</ul> </ul>
</div> </div>
<div><img src="../../../images/setto_logo.svg" width="100%" alt="徒 setto セット Logo" /></div>
<div><a href="#main-wrapper"><img src="../../../images/setto-logoicon.svg" alt="徒 setto セット Logo" /></a></div>
<small>
<div style="text-align: center;"> <div style="text-align: center;">
<a target="_blank" alt="徒 setto セット on Mastodon" title="徒 setto セット on Mastodon" rel="me noopener" <a target="_blank" alt="徒 setto セット on Mastodon" title="徒 setto セット on Mastodon" rel="me noopener"
@ -419,11 +389,11 @@ WTF coucou
<a target="_blank" alt="email" title="email" href="mailto:setto@basspistol.com" class="icon small fas fa-envelope-open-text"><span <a target="_blank" alt="email" title="email" href="mailto:setto@basspistol.com" class="icon small fas fa-envelope-open-text"><span
class="label">Email</span></a> class="label">Email</span></a>
</div> </div>
<small> <p>&copy;2020 Basspistol | <a href="../../../webcreds/">Credits</a> |
<a href="../../../cookies/">Cookies & Privacy</a>
<p>&copy;2020 Basspistol | <a href="../../../webcreds/">Credits</a> | <a <br />This page was last updated on Wednesday, Sep 02, 2020</p>
href="../../../cookies/">Cookies & Privacy</a></p>
</small> </small>
</div>
</footer> </footer>
<!-- End Post Navigation --> <!-- End Post Navigation -->
@ -437,7 +407,7 @@ WTF coucou
<div id="audiowrap"> <div id="audiowrap">
<div id="audio0"> <div id="audio0">
<audio controls autoplay preload="metadata" data-matomo-title="K'as-tu fait de nous?"> <audio controls autoplay preload="metadata" data-matomo-title="K'as-tu fait de nous? - Satoshi mon ami">
<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);' /> <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>. <h1>Your browser isn't ready for so much hotness. Use the download-link instead.</h1>.
</audio> </audio>
@ -512,6 +482,7 @@ WTF coucou
<!-- Footer --> <!-- Footer -->
<!-- END Footer --> <!-- END Footer -->
@ -535,23 +506,23 @@ WTF coucou
<a href="#close" title="Close" onclick="removeBlur()" class="close-button">X</a> <a href="#close" title="Close" onclick="removeBlur()" class="close-button">X</a>
<ul> <ul>
<li><a href="../../../" class="button">home</a></li> <li><a href="../../../" onclick="removeBlur()" class="button">🏡 Home</a></li>
<li><a href="../../../discography/" class="button">Discog</a></li> <li><a href="../../../discography/" onclick="removeBlur()" class="button">💽 Discog</a></li>
<li><a href="../../../log/" class="button">Log</a></li> <li><a href="../../../log/" onclick="removeBlur()" class="button">📰 Log</a></li>
<li><a href="../../../about/" class="button">About</a></li> <li><a href="../../../about/" onclick="removeBlur()" class="button">🐿 About</a></li>
<li><a href="../../../links/" class="button">Links</a></li> <li><a href="../../../links/" onclick="removeBlur()" class="button">🔗 Links</a></li>
@ -565,13 +536,13 @@ WTF coucou
<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 <p>
enjoyed this enough to come back. We only use cookies if you consent to it. They don't contain any identifiable info: they just let us know if you enjoyed this enough to come back.
<br />Click <a href="#" id="cookie-notice-decline">here</a> if you want this shit to go away without cookies. <br /><a href="#" id="cookie-notice-decline">Click here</a> if you want this to go away without cookies.
<br />Read more about how me & basspistol <a href="/cookies/">use cookies</a> <br />Read more about <a href="/cookies/"> how 徒 setto セット use cookies</a>
</p> </p>
<a class="button yes" href="#" <a class="button yes" href="#"
id="cookie-notice-accept">I'm in!</a> id="cookie-notice-accept">Ok</a>
</div> </div>
@ -606,7 +577,7 @@ WTF coucou
var _mtm = _mtm || []; var _mtm = _mtm || [];
_mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'}); _mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'});
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; 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/container_kJUGWiO2.js'; s.parentNode.insertBefore(g,s); 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 *// //* End Matomo Tag Manager *//
@ -626,7 +597,7 @@ _paq.push(['enableLinkTracking']);
_paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '11']); _paq.push(['setSiteId', '11']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; 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); g.type='text/javascript'; g.async=true; g.defer=true; g.src='https://cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
})(); })();
@ -645,7 +616,7 @@ _paq.push(['enableLinkTracking']);
_paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '11']); _paq.push(['setSiteId', '11']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; 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); g.type='text/javascript'; g.async=true; g.defer=true; g.src='https://cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
})(); })();
} }
@ -676,8 +647,7 @@ _paq.push(['enableLinkTracking']);
<script src="../../../assets/js/set-20200805.js"></script> <script src="../../../assets/js/set-20200911.js"></script>
</body> </body>

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

@ -94,18 +94,22 @@
<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/all.min.css" /> <link rel="stylesheet" href="../../../assets/css/all.min.css" />
<link rel="stylesheet" href="../../../assets/css/main-20200812.css" /> <link rel="stylesheet" href="../../../assets/css/colors-20200911.css" />
<link rel="stylesheet" href="../../../assets/css/main-20200911.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/noscripts-20200812.css" /></noscript> <noscript><link rel="stylesheet" href="../../../assets/css/noscripts-20200911.css" /></noscript>
<meta name="theme-color" content=""/>
<meta name="theme-color" content="#3c2a52"/>
</head> </head>
<body> <body>
<!-- Wrapper --> <!-- Wrapper -->
<div id="main-wrapper"> <div id="main-wrapper">
@ -123,7 +127,7 @@
<div class="playbutton hideWhenNoJS"> <div class="playbutton hideWhenNoJS">
<a id="mu_pause" class="button">Play!</a> <a id="mu_pause" class="button">Play!</a>
</div> </div>
<h1>Rêve de toi</h1>
</p> </p>
@ -132,7 +136,9 @@
</div> </div>
<!-- Content --> <!-- Content -->
<div id="trackInfo"> <div id="trackInfo">
<section> <section>
<h1 style="margin-top:80px;">Rêve de toi</h1>
<p>Cyber Soul by <strong>徒 Setto セット</strong></p> <p>Cyber Soul by <strong>徒 Setto セット</strong></p>
@ -168,7 +174,7 @@
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" 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> 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" <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" 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=basspistol"
class="icon smaller fab fa-twitter"><span class="label">Twitter</span></a> 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" <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 セット" 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 セット"
@ -230,33 +236,28 @@ Fois en moi, mais cette fois, toujours pas toi
</p> </p>
<p><a href="../../../satoshi-mon-ami/" class="button">See release page</a></p>
</section> </section>
<!-- post Naviation -->
<section class="post-navigation">
<div class="post-nav">
<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
class="fas fa-arrow-left" style="font-size:3em;text-decoration: none;"></span></a></h4>
<h3>K'as-tu fait de nous?</h3>
<p></p>
</div>
<div class="post-nav-next">
<h4><a href="/albums/unmet-dependencies/1-dependency-error/"><span class="fas fa-arrow-right" style="font-size:3em;"></span></a></h4>
<h3>Dependency Error</h3>
<p></p>
</div>
</section>
<section class="streambox"> <section class="streambox">
@ -318,62 +319,31 @@ Fois en moi, mais cette fois, toujours pas toi
<!-- post Naviation -->
<section class="post-navigation">
<h2>Track Navigation</h2>
<div class="post-nav">
<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
class="fas fa-arrow-left"></span>&nbsp;Previous</a></h4>
<h3>K'as-tu fait de nous?</h3>
<p></p>
</div>
<div class="post-nav-next">
<h4><a href="/albums/unmet-dependencies/1-dependency-error/">Next&nbsp;<span class="fas fa-arrow-right"></span></a></h4>
<h3>Dependency Error</h3>
<p></p>
</div>
</section>
<!-- Footer --> <!-- Footer -->
<footer> <footer>
<div class="footframe">
<div> <div>
<h3>徒 setto セット</h3> <h3>徒 setto セット</h3>
<p>Set, Party, Gang! &#35;Cybersoul.</p> <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>
<li><a href="/log/">Log</a></li> <li><a href="/log/" >📰 Log</a></li>
<li><a href="/about/">About</a></li> <li><a href="/about/" >🐿 About</a></li>
<li><a href="/links/">Links</a></li> <li><a href="/links/" >🔗 Links</a></li>
</ul> </ul>
</div> </div>
<div><img src="../../../images/setto_logo.svg" width="100%" alt="徒 setto セット Logo" /></div>
<div><a href="#main-wrapper"><img src="../../../images/setto-logoicon.svg" alt="徒 setto セット Logo" /></a></div>
<small>
<div style="text-align: center;"> <div style="text-align: center;">
<a target="_blank" alt="徒 setto セット on Mastodon" title="徒 setto セット on Mastodon" rel="me noopener" <a target="_blank" alt="徒 setto セット on Mastodon" title="徒 setto セット on Mastodon" rel="me noopener"
@ -394,11 +364,11 @@ Fois en moi, mais cette fois, toujours pas toi
<a target="_blank" alt="email" title="email" href="mailto:setto@basspistol.com" class="icon small fas fa-envelope-open-text"><span <a target="_blank" alt="email" title="email" href="mailto:setto@basspistol.com" class="icon small fas fa-envelope-open-text"><span
class="label">Email</span></a> class="label">Email</span></a>
</div> </div>
<small> <p>&copy;2020 Basspistol | <a href="../../../webcreds/">Credits</a> |
<a href="../../../cookies/">Cookies & Privacy</a>
<p>&copy;2020 Basspistol | <a href="../../../webcreds/">Credits</a> | <a <br />This page was last updated on Wednesday, Sep 02, 2020</p>
href="../../../cookies/">Cookies & Privacy</a></p>
</small> </small>
</div>
</footer> </footer>
<!-- End Post Navigation --> <!-- End Post Navigation -->
@ -412,7 +382,7 @@ Fois en moi, mais cette fois, toujours pas toi
<div id="audiowrap"> <div id="audiowrap">
<div id="audio0"> <div id="audio0">
<audio controls autoplay preload="metadata" data-matomo-title="Rêve de toi"> <audio controls autoplay preload="metadata" data-matomo-title="Rêve de toi - Satoshi mon ami">
<source src="https://media.basspistol.com/setto.basspistol.com/satoshi-mon-ami/2-r-ve-de-toi.mp3" type="audio/mpeg" ontimeupdate='updateTrackTime(this);' /> <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>. <h1>Your browser isn't ready for so much hotness. Use the download-link instead.</h1>.
</audio> </audio>
@ -487,6 +457,7 @@ Fois en moi, mais cette fois, toujours pas toi
<!-- Footer --> <!-- Footer -->
<!-- END Footer --> <!-- END Footer -->
@ -510,23 +481,23 @@ Fois en moi, mais cette fois, toujours pas toi
<a href="#close" title="Close" onclick="removeBlur()" class="close-button">X</a> <a href="#close" title="Close" onclick="removeBlur()" class="close-button">X</a>
<ul> <ul>
<li><a href="../../../" class="button">home</a></li> <li><a href="../../../" onclick="removeBlur()" class="button">🏡 Home</a></li>
<li><a href="../../../discography/" class="button">Discog</a></li> <li><a href="../../../discography/" onclick="removeBlur()" class="button">💽 Discog</a></li>
<li><a href="../../../log/" class="button">Log</a></li> <li><a href="../../../log/" onclick="removeBlur()" class="button">📰 Log</a></li>
<li><a href="../../../about/" class="button">About</a></li> <li><a href="../../../about/" onclick="removeBlur()" class="button">🐿 About</a></li>
<li><a href="../../../links/" class="button">Links</a></li> <li><a href="../../../links/" onclick="removeBlur()" class="button">🔗 Links</a></li>
@ -540,13 +511,13 @@ Fois en moi, mais cette fois, toujours pas toi
<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 <p>
enjoyed this enough to come back. We only use cookies if you consent to it. They don't contain any identifiable info: they just let us know if you enjoyed this enough to come back.
<br />Click <a href="#" id="cookie-notice-decline">here</a> if you want this shit to go away without cookies. <br /><a href="#" id="cookie-notice-decline">Click here</a> if you want this to go away without cookies.
<br />Read more about how me & basspistol <a href="/cookies/">use cookies</a> <br />Read more about <a href="/cookies/"> how 徒 setto セット use cookies</a>
</p> </p>
<a class="button yes" href="#" <a class="button yes" href="#"
id="cookie-notice-accept">I'm in!</a> id="cookie-notice-accept">Ok</a>
</div> </div>
@ -581,7 +552,7 @@ Fois en moi, mais cette fois, toujours pas toi
var _mtm = _mtm || []; var _mtm = _mtm || [];
_mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'}); _mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'});
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; 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/container_kJUGWiO2.js'; s.parentNode.insertBefore(g,s); 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 *// //* End Matomo Tag Manager *//
@ -601,7 +572,7 @@ _paq.push(['enableLinkTracking']);
_paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '11']); _paq.push(['setSiteId', '11']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; 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); g.type='text/javascript'; g.async=true; g.defer=true; g.src='https://cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
})(); })();
@ -620,7 +591,7 @@ _paq.push(['enableLinkTracking']);
_paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '11']); _paq.push(['setSiteId', '11']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; 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); g.type='text/javascript'; g.async=true; g.defer=true; g.src='https://cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
})(); })();
} }
@ -651,8 +622,7 @@ _paq.push(['enableLinkTracking']);
<script src="../../../assets/js/set-20200805.js"></script> <script src="../../../assets/js/set-20200911.js"></script>
</body> </body>

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

@ -94,18 +94,22 @@
<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/all.min.css" /> <link rel="stylesheet" href="../../../assets/css/all.min.css" />
<link rel="stylesheet" href="../../../assets/css/main-20200812.css" /> <link rel="stylesheet" href="../../../assets/css/colors-20200911.css" />
<link rel="stylesheet" href="../../../assets/css/main-20200911.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/noscripts-20200812.css" /></noscript> <noscript><link rel="stylesheet" href="../../../assets/css/noscripts-20200911.css" /></noscript>
<meta name="theme-color" content=""/>
<meta name="theme-color" content="#3c2a52"/>
</head> </head>
<body> <body>
<!-- Wrapper --> <!-- Wrapper -->
<div id="main-wrapper"> <div id="main-wrapper">
@ -123,7 +127,7 @@
<div class="playbutton hideWhenNoJS"> <div class="playbutton hideWhenNoJS">
<a id="mu_pause" class="button">Play!</a> <a id="mu_pause" class="button">Play!</a>
</div> </div>
<h1>Dependency Error</h1>
</p> </p>
@ -132,7 +136,9 @@
</div> </div>
<!-- Content --> <!-- Content -->
<div id="trackInfo"> <div id="trackInfo">
<section> <section>
<h1 style="margin-top:80px;">Dependency Error</h1>
<p>Cybersoul by <strong>徒 setto セット</strong></p> <p>Cybersoul by <strong>徒 setto セット</strong></p>
@ -168,7 +174,7 @@
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" 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> 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" <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" 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=basspistol"
class="icon smaller fab fa-twitter"><span class="label">Twitter</span></a> 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" <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 セット" 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 セット"
@ -234,25 +240,28 @@ Sudo apt upgrade<br />
</p> </p>
<p><a href="../../../unmet-dependencies/" class="button">See release page</a></p>
</section> </section>
<!-- post Naviation -->
<section class="post-navigation">
<div class="post-nav">
<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
class="fas fa-arrow-left" style="font-size:3em;text-decoration: none;"></span></a></h4>
<h3>Rêve de toi</h3>
<p></p>
</div>
<div class="post-nav-next">
<h4><a href="/albums/unmet-dependencies/2-pingnu/"><span class="fas fa-arrow-right" style="font-size:3em;"></span></a></h4>
<h3>Pingnu</h3>
<p></p>
</div>
</section>
<section class="streambox"> <section class="streambox">
@ -306,70 +315,31 @@ Sudo apt upgrade<br />
<!-- post Naviation -->
<section class="post-navigation">
<h2>Track Navigation</h2>
<div class="post-nav">
<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
class="fas fa-arrow-left"></span>&nbsp;Previous</a></h4>
<h3>Rêve de toi</h3>
<p></p>
</div>
<div class="post-nav-next">
<h4><a href="/albums/unmet-dependencies/2-pingnu/">Next&nbsp;<span class="fas fa-arrow-right"></span></a></h4>
<h3>Pingnu</h3>
<p></p>
</div>
</section>
<!-- Footer --> <!-- Footer -->
<footer> <footer>
<div class="footframe">
<div> <div>
<h3>徒 setto セット</h3> <h3>徒 setto セット</h3>
<p>Set, Party, Gang! &#35;Cybersoul.</p> <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>
<li><a href="/log/">Log</a></li> <li><a href="/log/" >📰 Log</a></li>
<li><a href="/about/">About</a></li> <li><a href="/about/" >🐿 About</a></li>
<li><a href="/links/">Links</a></li> <li><a href="/links/" >🔗 Links</a></li>
</ul> </ul>
</div> </div>
<div><img src="../../../images/setto_logo.svg" width="100%" alt="徒 setto セット Logo" /></div>
<div><a href="#main-wrapper"><img src="../../../images/setto-logoicon.svg" alt="徒 setto セット Logo" /></a></div>
<small>
<div style="text-align: center;"> <div style="text-align: center;">
<a target="_blank" alt="徒 setto セット on Mastodon" title="徒 setto セット on Mastodon" rel="me noopener" <a target="_blank" alt="徒 setto セット on Mastodon" title="徒 setto セット on Mastodon" rel="me noopener"
@ -390,11 +360,11 @@ Sudo apt upgrade<br />
<a target="_blank" alt="email" title="email" href="mailto:setto@basspistol.com" class="icon small fas fa-envelope-open-text"><span <a target="_blank" alt="email" title="email" href="mailto:setto@basspistol.com" class="icon small fas fa-envelope-open-text"><span
class="label">Email</span></a> class="label">Email</span></a>
</div> </div>
<small> <p>&copy;2020 Basspistol | <a href="../../../webcreds/">Credits</a> |
<a href="../../../cookies/">Cookies & Privacy</a>
<p>&copy;2020 Basspistol | <a href="../../../webcreds/">Credits</a> | <a <br />This page was last updated on Wednesday, Sep 02, 2020</p>
href="../../../cookies/">Cookies & Privacy</a></p>
</small> </small>
</div>
</footer> </footer>
<!-- End Post Navigation --> <!-- End Post Navigation -->
@ -408,7 +378,7 @@ Sudo apt upgrade<br />
<div id="audiowrap"> <div id="audiowrap">
<div id="audio0"> <div id="audio0">
<audio controls autoplay preload="metadata" data-matomo-title="Dependency Error"> <audio controls autoplay preload="metadata" data-matomo-title="Dependency Error - Unmet Dependencies">
<source src="https://media.basspistol.com/setto.basspistol.com/unmet-dependencies/1-dependency-error.mp3" type="audio/mpeg" ontimeupdate='updateTrackTime(this);' /> <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>. <h1>Your browser isn't ready for so much hotness. Use the download-link instead.</h1>.
</audio> </audio>
@ -483,6 +453,7 @@ Sudo apt upgrade<br />
<!-- Footer --> <!-- Footer -->
<!-- END Footer --> <!-- END Footer -->
@ -506,23 +477,23 @@ Sudo apt upgrade<br />
<a href="#close" title="Close" onclick="removeBlur()" class="close-button">X</a> <a href="#close" title="Close" onclick="removeBlur()" class="close-button">X</a>
<ul> <ul>
<li><a href="../../../" class="button">home</a></li> <li><a href="../../../" onclick="removeBlur()" class="button">🏡 Home</a></li>
<li><a href="../../../discography/" class="button">Discog</a></li> <li><a href="../../../discography/" onclick="removeBlur()" class="button">💽 Discog</a></li>
<li><a href="../../../log/" class="button">Log</a></li> <li><a href="../../../log/" onclick="removeBlur()" class="button">📰 Log</a></li>
<li><a href="../../../about/" class="button">About</a></li> <li><a href="../../../about/" onclick="removeBlur()" class="button">🐿 About</a></li>
<li><a href="../../../links/" class="button">Links</a></li> <li><a href="../../../links/" onclick="removeBlur()" class="button">🔗 Links</a></li>
@ -536,13 +507,13 @@ Sudo apt upgrade<br />
<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 <p>
enjoyed this enough to come back. We only use cookies if you consent to it. They don't contain any identifiable info: they just let us know if you enjoyed this enough to come back.
<br />Click <a href="#" id="cookie-notice-decline">here</a> if you want this shit to go away without cookies. <br /><a href="#" id="cookie-notice-decline">Click here</a> if you want this to go away without cookies.
<br />Read more about how me & basspistol <a href="/cookies/">use cookies</a> <br />Read more about <a href="/cookies/"> how 徒 setto セット use cookies</a>
</p> </p>
<a class="button yes" href="#" <a class="button yes" href="#"
id="cookie-notice-accept">I'm in!</a> id="cookie-notice-accept">Ok</a>
</div> </div>
@ -577,7 +548,7 @@ Sudo apt upgrade<br />
var _mtm = _mtm || []; var _mtm = _mtm || [];
_mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'}); _mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'});
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; 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/container_kJUGWiO2.js'; s.parentNode.insertBefore(g,s); 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 *// //* End Matomo Tag Manager *//
@ -597,7 +568,7 @@ _paq.push(['enableLinkTracking']);
_paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '11']); _paq.push(['setSiteId', '11']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; 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); g.type='text/javascript'; g.async=true; g.defer=true; g.src='https://cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
})(); })();
@ -616,7 +587,7 @@ _paq.push(['enableLinkTracking']);
_paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '11']); _paq.push(['setSiteId', '11']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; 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); g.type='text/javascript'; g.async=true; g.defer=true; g.src='https://cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
})(); })();
} }
@ -647,8 +618,7 @@ _paq.push(['enableLinkTracking']);
<script src="../../../assets/js/set-20200805.js"></script> <script src="../../../assets/js/set-20200911.js"></script>
</body> </body>

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

@ -94,18 +94,22 @@
<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/all.min.css" /> <link rel="stylesheet" href="../../../assets/css/all.min.css" />
<link rel="stylesheet" href="../../../assets/css/main-20200812.css" /> <link rel="stylesheet" href="../../../assets/css/colors-20200911.css" />
<link rel="stylesheet" href="../../../assets/css/main-20200911.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/noscripts-20200812.css" /></noscript> <noscript><link rel="stylesheet" href="../../../assets/css/noscripts-20200911.css" /></noscript>
<meta name="theme-color" content=""/>
<meta name="theme-color" content="#3c2a52"/>
</head> </head>
<body> <body>
<!-- Wrapper --> <!-- Wrapper -->
<div id="main-wrapper"> <div id="main-wrapper">
@ -123,7 +127,7 @@
<div class="playbutton hideWhenNoJS"> <div class="playbutton hideWhenNoJS">
<a id="mu_pause" class="button">Play!</a> <a id="mu_pause" class="button">Play!</a>
</div> </div>
<h1>Pingnu</h1>
</p> </p>
@ -132,7 +136,9 @@
</div> </div>
<!-- Content --> <!-- Content -->
<div id="trackInfo"> <div id="trackInfo">
<section> <section>
<h1 style="margin-top:80px;">Pingnu</h1>
<p>Cybersoul by <strong>徒 setto セット</strong></p> <p>Cybersoul by <strong>徒 setto セット</strong></p>
@ -168,7 +174,7 @@
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" 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> 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" <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" 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=basspistol"
class="icon smaller fab fa-twitter"><span class="label">Twitter</span></a> 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" <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 セット" href="https://telegram.me/share/url?url=https://setto.basspistol.com/albums/unmet-dependencies/2-pingnu/&amp;text=2 Pingnu%20by%20徒 setto セット"
@ -221,25 +227,24 @@ This is what together we should refute.<br />
</p> </p>
<p><a href="../../../unmet-dependencies/" class="button">See release page</a></p>
</section> </section>
<!-- post Naviation -->
<section class="post-navigation">
<div class="post-nav">
<h4><a href="../../../albums/unmet-dependencies/1-dependency-error/" alt="Read 1 Dependency Error" title="Read 1 Dependency Error"><span
class="fas fa-arrow-left" style="font-size:3em;text-decoration: none;"></span></a></h4>
<h3>Dependency Error</h3>
<p></p>
</div>
<div class="post-nav-next">
</div>
</section>
<section class="streambox"> <section class="streambox">
@ -293,66 +298,31 @@ This is what together we should refute.<br />
<!-- post Naviation -->
<section class="post-navigation">
<h2>Track Navigation</h2>
<div class="post-nav">
<h4><a href="../../../albums/unmet-dependencies/1-dependency-error/" alt="Read 1 Dependency Error" title="Read 1 Dependency Error"><span
class="fas fa-arrow-left"></span>&nbsp;Previous</a></h4>
<h3>Dependency Error</h3>
<p></p>
</div>
<div class="post-nav-next">
</div>
</section>
<!-- Footer --> <!-- Footer -->
<footer> <footer>
<div class="footframe">
<div> <div>
<h3>徒 setto セット</h3> <h3>徒 setto セット</h3>
<p>Set, Party, Gang! &#35;Cybersoul.</p> <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>
<li><a href="/log/">Log</a></li> <li><a href="/log/" >📰 Log</a></li>
<li><a href="/about/">About</a></li> <li><a href="/about/" >🐿 About</a></li>
<li><a href="/links/">Links</a></li> <li><a href="/links/" >🔗 Links</a></li>
</ul> </ul>
</div> </div>
<div><img src="../../../images/setto_logo.svg" width="100%" alt="徒 setto セット Logo" /></div>
<div><a href="#main-wrapper"><img src="../../../images/setto-logoicon.svg" alt="徒 setto セット Logo" /></a></div>
<small>
<div style="text-align: center;"> <div style="text-align: center;">
<a target="_blank" alt="徒 setto セット on Mastodon" title="徒 setto セット on Mastodon" rel="me noopener" <a target="_blank" alt="徒 setto セット on Mastodon" title="徒 setto セット on Mastodon" rel="me noopener"
@ -373,11 +343,11 @@ This is what together we should refute.<br />
<a target="_blank" alt="email" title="email" href="mailto:setto@basspistol.com" class="icon small fas fa-envelope-open-text"><span <a target="_blank" alt="email" title="email" href="mailto:setto@basspistol.com" class="icon small fas fa-envelope-open-text"><span
class="label">Email</span></a> class="label">Email</span></a>
</div> </div>
<small> <p>&copy;2020 Basspistol | <a href="../../../webcreds/">Credits</a> |
<a href="../../../cookies/">Cookies & Privacy</a>
<p>&copy;2020 Basspistol | <a href="../../../webcreds/">Credits</a> | <a <br />This page was last updated on Wednesday, Sep 02, 2020</p>
href="../../../cookies/">Cookies & Privacy</a></p>
</small> </small>
</div>
</footer> </footer>
<!-- End Post Navigation --> <!-- End Post Navigation -->
@ -391,7 +361,7 @@ This is what together we should refute.<br />
<div id="audiowrap"> <div id="audiowrap">
<div id="audio0"> <div id="audio0">
<audio controls autoplay preload="metadata" data-matomo-title="Pingnu"> <audio controls autoplay preload="metadata" data-matomo-title="Pingnu - Unmet Dependencies">
<source src="https://media.basspistol.com/setto.basspistol.com/unmet-dependencies/2-pingnu.mp3" type="audio/mpeg" ontimeupdate='updateTrackTime(this);' /> <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>. <h1>Your browser isn't ready for so much hotness. Use the download-link instead.</h1>.
</audio> </audio>
@ -464,6 +434,7 @@ This is what together we should refute.<br />
<!-- Footer --> <!-- Footer -->
<!-- END Footer --> <!-- END Footer -->
@ -487,23 +458,23 @@ This is what together we should refute.<br />
<a href="#close" title="Close" onclick="removeBlur()" class="close-button">X</a> <a href="#close" title="Close" onclick="removeBlur()" class="close-button">X</a>
<ul> <ul>
<li><a href="../../../" class="button">home</a></li> <li><a href="../../../" onclick="removeBlur()" class="button">🏡 Home</a></li>
<li><a href="../../../discography/" class="button">Discog</a></li> <li><a href="../../../discography/" onclick="removeBlur()" class="button">💽 Discog</a></li>
<li><a href="../../../log/" class="button">Log</a></li> <li><a href="../../../log/" onclick="removeBlur()" class="button">📰 Log</a></li>
<li><a href="../../../about/" class="button">About</a></li> <li><a href="../../../about/" onclick="removeBlur()" class="button">🐿 About</a></li>
<li><a href="../../../links/" class="button">Links</a></li> <li><a href="../../../links/" onclick="removeBlur()" class="button">🔗 Links</a></li>
@ -517,13 +488,13 @@ This is what together we should refute.<br />
<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 <p>
enjoyed this enough to come back. We only use cookies if you consent to it. They don't contain any identifiable info: they just let us know if you enjoyed this enough to come back.
<br />Click <a href="#" id="cookie-notice-decline">here</a> if you want this shit to go away without cookies. <br /><a href="#" id="cookie-notice-decline">Click here</a> if you want this to go away without cookies.
<br />Read more about how me & basspistol <a href="/cookies/">use cookies</a> <br />Read more about <a href="/cookies/"> how 徒 setto セット use cookies</a>
</p> </p>
<a class="button yes" href="#" <a class="button yes" href="#"
id="cookie-notice-accept">I'm in!</a> id="cookie-notice-accept">Ok</a>
</div> </div>
@ -558,7 +529,7 @@ This is what together we should refute.<br />
var _mtm = _mtm || []; var _mtm = _mtm || [];
_mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'}); _mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'});
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; 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/container_kJUGWiO2.js'; s.parentNode.insertBefore(g,s); 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 *// //* End Matomo Tag Manager *//
@ -578,7 +549,7 @@ _paq.push(['enableLinkTracking']);
_paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '11']); _paq.push(['setSiteId', '11']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; 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); g.type='text/javascript'; g.async=true; g.defer=true; g.src='https://cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
})(); })();
@ -597,7 +568,7 @@ _paq.push(['enableLinkTracking']);
_paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '11']); _paq.push(['setSiteId', '11']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; 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); g.type='text/javascript'; g.async=true; g.defer=true; g.src='https://cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
})(); })();
} }
@ -628,8 +599,7 @@ _paq.push(['enableLinkTracking']);
<script src="../../../assets/js/set-20200805.js"></script> <script src="../../../assets/js/set-20200911.js"></script>
</body> </body>

13
assets/css/colors-20200911.css Normal file
View file

@ -0,0 +1,13 @@
:root {
--bg: #3c2a52;
--bg-alt: rgba(60, 42, 82, 0.75);
--fg: #ebdbf8;
--fg-alt: rgba(235, 219, 248, 0.25);
--border: #000000;
--border-alt: rgba(0, 0, 0, 0.75);
--accent1: #38ff59;
--accent1-alt: rgba(56, 255, 89, 0.75);
--accent2: #8d3ed8;
--accent2-alt: rgba(141, 62, 216, 0.75);
}

4
assets/css/font-awesome.min.css vendored Normal file
View file

File diff suppressed because one or more lines are too long

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

File diff suppressed because one or more lines are too long

238
assets/css/main-20200812.css
View file

@ -1,17 +1,23 @@
@import url(colors.css); @import url(colors.css);
@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: normal; font-weight: 400; src: local("Jetbrain Regular"), local("Jetbrain-Regular"), url(/assets/fonts/jetBrainsMono/JetBrainsMono_Regular.ttf) format("truetype"), url(/assets/fonts/jetBrainsMono/JetBrainsMono-Regular.woff) format("woff"), url(/assets/fonts/jetBrainsMono/JetBrainsMono-Regular.woff2) format("woff2"); 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: italic; font-weight: 400; src: local("Jetbrain Regular"), local("Jetbrain-Regular"), url(/assets/fonts/jetBrainsMono/JetBrainsMono_Italic.ttf) format("truetype"), url(/assets/fonts/jetBrainsMono/JetBrainsMono-Italic.woff) format("woff"), url(/assets/fonts/jetBrainsMono/JetBrainsMono-Italic.woff2) format("woff2"); 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-Extrabold'; font-style: normal; font-weight: 700; src: local("Jetbrain ExtraBold"), local("Jetbrain-ExtraBold"), url(/assets/fonts/jetBrainsMono/JetBrainsMono_ExtraBold.ttf) format("truetype"), url(/assets/fonts/jetBrainsMono/JetBrainsMono-ExtraBold.woff) format("woff"), url(/assets/fonts/jetBrainsMono/JetBrainsMono-ExtraBold.woff2) format("woff2"); 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: italic; font-weight: 700; src: local("Jetbrain ExtraBold"), local("Jetbrain-ExtraBold"), url(/assets/fonts/JetBrainsMono_ExtraBold_Italic.ttf) format("truetype"), url(/assets/fonts/jetBrainsMono/JetBrainsMono-ExtraBold-Italic.woff) format("woff"), url(/assets/fonts/jetBrainsMono/JetBrainsMono-ExtraBold-Italic.woff2) format("woff2"); 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: 'Poppins'; font-style: normal; font-weight: 300; src: local("Poppins Light"), local("Poppins-Light"), url(/assets/fonts/poppins/Poppins-Light.ttf) format("truetype"), url(/assets/fonts/poppins/popin-light.woff2) format("woff2"); 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: 'Poppins'; font-style: italic; font-weight: 300; src: local("Poppins Light"), local("Poppins-Light"), url(/assets/fonts/poppins/Poppins-LightItalic.ttf) format("truetype"), url(/assets/fonts/poppins/popin-light-italic.woff2) format("woff2"); 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; } @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 500; src: local("Poppins Medium"), local("Poppins-Medium"), url(/assets/fonts/poppins/Poppins-Medium.ttf) format("truetype"), url(/assets/fonts/poppins/popin-medium.woff2) format("woff2"); 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: 'Poppins'; font-style: italic; font-weight: 500; src: local("Poppins Medium"), local("Poppins-Medium"), url(/assets/fonts/poppins/Poppins-MediumItalic.ttf) format("truetype"), url(/assets/fonts/poppins/popin-medium-italic.woff2) format("woff2"); 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: 'Collects'; font-style: normal; font-weight: 500; src: local("Collects"), local("Collects"), url(/assets/fonts/collects.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; }
:root { --border-radius: 3px; --max-width: 1000px; --anim-speed: 200ms; }
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; } 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; }
@ -37,55 +43,93 @@ input::-moz-focus-inner { border: 0; padding: 0; }
input, select, textarea { -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; appearance: none; } input, select, textarea { -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; appearance: none; }
html, body { margin: 0; padding: 0; } html, body { margin: 0; padding: 0; background-color: var(--bg); }
body { height: 100vh; width: 100%; font-family: "Jetbrain-Regular", "Lucida Console", Monaco, monospace; color: var(--fg); letter-spacing: -0.025em; background-color: var(--bg); } body { height: 100vh; width: 100%; font-family: "Poppins", "Arial", "Helvetica", sans-serif; font-weight: 300; color: var(--fg); letter-spacing: 0em; background-color: var(--bg); }
#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; z-index: 1; } #main-wrapper { display: flex; flex-wrap: wrap; width: 100%; -webkit-transition: filter var(--anim-speed) ease-in; -moz-transition: filter var(--anim-speed) ease-in; -ms-transition: filter var(--anim-speed) ease-in-out; transition: filter var(--anim-speed) ease-in; z-index: 1; }
.content-wrapper { max-width: 1200px; margin: auto; } .content-wrapper { max-width: var(--max-width); margin: auto; }
.wrapper { margin: 20px 40px; } .wrapper { margin: 20px 40px; }
.hero { display: flex; flex-wrap: wrap; flex-direction: row; align-content: center; background-color: var(--bg); justify-content: center; background-size: cover; background-position: center; background-repeat: no-repeat; padding: 40px; position: relative; min-height: 75vh; width: 100vw; } .hero { display: flex; flex-wrap: wrap; flex-direction: row; align-content: center; background-color: transparent; justify-content: center; background-size: cover; background-position: center; background-repeat: no-repeat; padding: 40px; position: relative; min-height: 80vh; width: 100vw; }
.hero .textcontainer { background-color: var(--bg-alt); border-radius: 5px; max-width: 700px; padding: 20px 20px 40px 20px; } .hero .textcontainer { background-color: var(--bg-alt); border-radius: var(--border-radius); max-width: 700px; padding: 20px 20px 40px 20px; }
.hero div { z-index: 10; } .hero div { z-index: 10; }
.hero div h1, .hero div p { flex: 1 0 100%; width: 100%; z-index: 10; color: var(--fg); text-align: center; max-width: 1200px; } .hero div h1, .hero div p { flex: 1 0 100%; width: 100%; z-index: 10; color: var(--fg); max-width: var(--max-width); margin-top: 40px; }
.hero div p { margin-top: 40px; } .hero div h1 { font-size: 1.8em; }
.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; } .hero .imagecontainer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("../img/vignette.svg"); background-size: 240px; background-repeat: repeat-x; background-position: bottom; z-index: 1; }
section { flex: 1 1 100%; padding: 20px; background-color: var(--bg); -webkit-box-shadow: inset 0px 23px 25px -25px var(--border-alt); -moz-box-shadow: inset 0px 23px 25px -25px var(--border-alt); box-shadow: inset 0px 23px 25px -25px var(--border-alt); z-index: 2; } .hero .imagecontainer h4 { width: 90vw; /* height: auto; */ /* min-height: 100px; */ line-height: 1.011em; letter-spacing: -0em; color: var(--bg); font-size: 15vw; display: inline; opacity: 1; border-radius: var(--border-radius); position: absolute; bottom: 0; transform: rotate(-3deg); overflow: hidden; background: -webkit-linear-gradient(90deg, var(--bg) 0%, var(--bg-alt) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; filter: blur(1px); }
section h2 { text-align: center; } section { flex: 1 1 100%; background-color: var(--bg); z-index: 2; }
section .container { max-width: var(--max-width); margin: 0 auto; }
section h2 { text-align: center; padding: 40px 0; }
section:first-of-type { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; margin-top: 0; padding-top: 40px; } section:first-of-type { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; margin-top: 0; padding-top: 40px; }
footer { display: flex; flex-wrap: wrap; width: 100%; padding: 160px 20px 200px 20px; background-color: var(--fg); color: var(--bg); 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; z-index: 2; } .section-title { padding: 80px; }
footer div { flex: 0 1 280px; margin: 20px; } footer { width: 100%; padding: 160px 20px 200px 20px; background-color: var(--fg); color: var(--bg); background-image: url("../img/vignette-footer.svg"); background-size: 400px; background-repeat: repeat-x; background-position: top; box-sizing: border-box; z-index: 2; }
footer div img { margin: auto; display: block; } footer a { color: var(--bg); }
footer div li { border-bottom: 1px solid var(--bg-alt); line-height: 2; font-size: 1.5em; } footer .icon { border: 1px solid var(--bg); }
footer div li a { font-weight: 700; text-decoration: none; } footer .footframe { display: flex; flex-wrap: wrap; justify-content: space-between; max-width: var(--max-width); margin: auto; padding: 20px; }
footer small { flex: 0 0 100%; margin: 20px; text-align: center; } footer .footframe div { flex: 0 1 300px; margin-bottom: 80px; }
footer small .label { display: none; } footer .footframe div img { margin: auto; display: block; width: 100%; }
.post-navigation { padding: 80px 0 160px 0; display: flex; flex-wrap: wrap; justify-content: center; } footer .footframe div li { border-bottom: 1px solid var(--bg-alt); line-height: 2; font-size: 1.5em; }
.post-navigation h2 { flex: 0 0 100%; margin-top: 40px; text-align: center; } footer .footframe div li a { font-weight: 700; text-decoration: none; color: var(--bg); }
.post-navigation .post-nav, .post-navigation .post-nav-next { flex: 0 0 200px; margin: 40px; } footer .footframe small { flex: 0 0 100%; box-sizing: border-box; margin: 0; text-align: center; font-size: 0.8em; }
.post-navigation .post-nav h4, .post-navigation .post-nav-next h4 { font-size: 2em; justify-self: right; } footer .footframe small .label { display: none; }
@media only screen and (max-width: 679px) { footer .footframe { justify-content: center; } footer .footframe div { flex-grow: 1; } }
.post-navigation { margin: 0; }
.post-navigation .container { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 40px; align-items: flex-start; max-width: var(--max-width); margin: 0 auto; }
.post-navigation .container h2 { flex: 0 0 100%; margin-top: 40px; text-align: center; }
.post-navigation .container .post-nav, .post-navigation .container .post-nav-next { flex: 1 0 200px; }
.post-navigation .container .post-nav h4, .post-navigation .container .post-nav-next h4 { font-size: 2em; justify-self: right; }
.post-navigation .container .post-nav { margin: 0 40px 0 0; text-align: left; }
.post-navigation .container .post-nav-next { margin: 0 0 0 40px; text-align: right; }
.releases { padding: 80px 0; }
.releases .container { max-width: var(--max-width); margin: 0 auto; padding: 40px; display: flex; flex-wrap: wrap; justify-content: space-between; }
.releases .container h2 { flex: 0 0 100%; margin: 20px; }
.releases .container article { flex: 0 1 280px; max-width: 480px; margin: 20px 0; }
.releases .container img { width: 100%; height: 100%; object-fit: cover; border-radius: 5px; }
.streambox { text-align: center; line-height: 2em; }
.streamer { max-width: var(--max-width); margin: 80px auto; padding: 0 40px; text-align: center; display: flex; flex-wrap: wrap; justify-content: space-around; }
.streamer p { text-align: center !important; }
.streamer .icon { flex: 0 0 100px; margin: 0; justify-self: center; }
@-webkit-keyframes infiniteRotate { 0% { -webkit-transform: rotate(0deg); } @-webkit-keyframes infiniteRotate { 0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); } } 100% { -webkit-transform: rotate(360deg); } }
@ -120,41 +164,41 @@ footer small .label { display: none; }
50% { background-size: 150% 100%; } 50% { background-size: 150% 100%; }
100% { background-size: 100% 150%; } } 100% { background-size: 100% 150%; } }
h1, h2, h3, h4, h5, h6 { font-family: "Staatliches", "Lucida Console", Monaco, monospace; } h1, h2, h3, h4, h5, h6 { font-family: "Collects", "Jetbrain-Extrabold", "Lucida Console", Monaco, monospace; }
h1 { font-size: 2.5em; } h1 { font-size: 2.5em; }
h2 { font-size: 2em; } h2 { font-size: 1.75em; }
h3 { font-size: 1.5em; } h3 { font-size: 1.5em; }
strong { font-weight: 700; } strong { font-weight: 500; }
a { text-decoration-style: wavy; text-decoration-color: transparent; color: var(--accent2); -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 { text-decoration-style: wavy; text-decoration-color: transparent; color: var(--accent2); -moz-transition: all var(--anim-speed) ease-in-out, color var(--anim-speed) ease-in-out; -webkit-transition: all var(--anim-speed) ease-in-out, color var(--anim-speed) ease-in-out; -ms-transition: all var(--anim-speed) ease-in-out, color var(--anim-speed) ease-in-out; transition: all var(--anim-speed) ease-in-out, color var(--anim-speed) ease-in-out; }
a:hover { color: var(--accent1); text-decoration-style: wavy; text-decoration-color: unset; } a:hover { color: var(--accent1); text-decoration-style: wavy; text-decoration-color: unset; }
.button { background-color: var(--accent2); padding: 1em; border-radius: 5px; text-align: center; text-decoration: none; text-transform: uppercase; font-weight: 500; color: var(--fg); } .button { background-color: var(--accent2); padding: 1em; display: inline-block; border-radius: var(--border-radius); text-align: center; text-decoration: none; text-transform: uppercase; font-weight: 500; color: var(--bg); -webkit-box-shadow: 0px 0px 0px -3px var(--border-alt); -moz-box-shadow: 0px 0px 0px -3px var(--border-alt); box-shadow: 0px 0px 0px -3px var(--border-alt); -webkit-transition: all var(--anim-speed) ease-in-out; -moz-transition: all var(--anim-speed) ease-in-out; -ms-transition: all var(--anim-speed) ease-in-out; transition: all var(--anim-speed) ease-in-out; }
.button:hover { background-color: var(--accent1); color: var(--bg); } .button:hover { background-color: var(--accent1); color: var(--bg); -webkit-box-shadow: 0px 11px 10px -3px var(--border-alt); -moz-box-shadow: 0px 11px 10px -3px var(--border-alt); box-shadow: 0px 11px 10px -3px var(--border-alt); -webkit-transition: all var(--anim-speed) ease-in-out; -moz-transition: all var(--anim-speed) ease-in-out; -ms-transition: all var(--anim-speed) ease-in-out; transition: all var(--anim-speed) ease-in-out; }
.releases { display: flex; flex-wrap: wrap; justify-content: space-around; padding: 20px; } .button:active { -webkit-box-shadow: 0px 0px 0px -3px var(--border-alt); -moz-box-shadow: 0px 0px 0px -3px var(--border-alt); box-shadow: 0px 0px 0px -3px var(--border-alt); }
.releases h2 { flex: 0 0 100%; margin: 20px; } .normal-section { display: flex; flex-wrap: wrap; justify-content: space-around; padding: 20px; -webkit-box-shadow: unset; -moz-box-shadow: unset; box-shadow: unset; }
.releases article { flex: 1 1 280px; max-width: 480px; margin: 20px; } .normal-section h2 { flex: 0 0 100%; margin: 20px; }
.releases img { width: 100%; height: 100%; object-fit: cover; border-radius: 5px; } .normal-section p { margin-top: 20px; }
.streambox { text-align: center; line-height: 2em; } .normal-section ul { width: 100%; }
.streambox > h2, .streambox div { margin: 20px; } .normal-section .icon { flex: 0 0 100px; margin: 0 0 20px 0; display: inline-block; width: 100px; height: 100px; border-radius: 200px; font-size: 40px; line-height: 100px; text-align: center; }
.streamer { margin-top: 2em; text-align: center; } .normal-section img { width: 100%; height: 100%; object-fit: cover; border-radius: var(--border-radius); }
.label { display: none; } .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 var(--accent2); 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 { flex: 0 0 45px; margin: 20px; font-size: 45px; border-radius: 100px; width: 100px; height: 100px; line-height: 100px; border: 1px solid var(--accent2); text-align: center; text-decoration: none; -moz-transition: border var(--anim-speed) ease-in-out, color var(--anim-speed) ease-in-out; -webkit-transition: border var(--anim-speed) ease-in-out, color var(--anim-speed) ease-in-out; -ms-transition: border var(--anim-speed) ease-in-out, color var(--anim-speed) ease-in-out; transition: border var(--anim-speed) ease-in-out, color var(--anim-speed) ease-in-out; }
.icon:hover { border: 1px solid var(--accent1); } .icon:hover { border: 1px solid var(--accent1); }
@ -168,19 +212,19 @@ a:hover { color: var(--accent1); text-decoration-style: wavy; text-decoration-co
#author .author-image { margin-right: 10px; background-repeat: no-repeat; background-size: cover; border-radius: 150px; width: 150px; height: 150px; } #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 { padding: 40px; margin: auto; }
.info > div, .info-pages > div { max-width: 1200px; margin: auto; } .info .info-pages { padding-top: 40px; max-width: var(--max-width); margin: auto; }
.info p, .info-pages p { margin: 20px 0; } .info p { margin: 20px 0; }
.info-pages h2, .info-pages h3, .info-pages h4, .info-pages h5, .info-pages h6 { text-align: left; } .info h2, .info h3, .info h4, .info h5, .info h6 { text-align: left; }
.news, .links { margin-top: 40px; padding: 0; display: flex; flex-wrap: wrap; } .news, .links { margin-top: 40px; padding: 0; display: flex; flex-wrap: wrap; }
.news h2, .links h2 { flex: 0 0 100%; margin-bottom: 20px; } .news h2, .links h2 { flex: 0 0 100%; margin-bottom: 20px; }
.news > div, .links > div { background-size: cover; background-repeat: no-repeat; background-position: center center; flex: 1 1 512px; min-height: 80vh; padding: 40px; box-sizing: border-box; text-align: left; } .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, .links .description { min-height: unset; }
@ -196,20 +240,64 @@ a:hover { color: var(--accent1); text-decoration-style: wavy; text-decoration-co
.linksbg { background-size: 100%; background: var(--bg); background: linear-gradient(180deg, var(--bg) 26%, var(--accent2-alt) 100%); } .linksbg { background-size: 100%; background: var(--bg); background: linear-gradient(180deg, var(--bg) 26%, var(--accent2-alt) 100%); }
.front-section { flex-direction: row-reverse; -webkit-box-shadow: unset; -moz-box-shadow: unset; box-shadow: unset; padding: 0; display: flex; flex-wrap: wrap; }
.front-section p, .front-section h1, .front-section h2, .front-section h3, .front-section h4 { text-align: left; margin-top: 20px; max-width: 570px; }
.front-section p:last-child { margin-bottom: 40px; }
.front-section > div { background-size: cover; background-repeat: no; background-position: center center; flex: 1 1 380px; min-height: 50vh; padding: 20px; box-sizing: border-box; text-align: left; }
.front-section .description { min-height: unset; }
.front-section .container { max-width: 460px; margin: 0 20px 0 auto; }
@media only screen and (max-width: 1080px) { .front-section .container { margin: 0 20px 0 20px; } }
.front-section:nth-child(even) { flex-direction: row; }
.front-section:nth-child(even) .container { margin: 0 auto 0 20px; }
@media only screen and (max-width: 1000px) { .front-section:nth-child(even) .container { margin: 0 20px 0 20px; } }
.front-section:first-of-type { margin-top: 40px; }
.splash .container { display: flex; flex-wrap: wrap; padding: 40px; align-items: flex-start; max-width: var(--max-width); margin: auto; }
.splash .container h1, .splash .container h2 { font-size: 2em; }
.splash .container p, .splash .container h1, .splash .container h2, .splash .container h3, .splash .container h4 { text-align: left; margin-top: 20px; }
.splash .container h1:first-child { margin-top: 0; }
.splash .container div { max-width: unset; margin: 0; flex: 1 1 300px; padding: 0 0 0 80px; }
.splash .container .splash-logo { padding: 0; margin: 0; }
@media only screen and (max-width: 759px) { .splash .container div { min-width: 100%; padding: 20px 0; } .splash .container .splash-logo { padding: 20px 0; } }
#contact { padding: 20px; }
#contact > div { max-width: var(--max-width); margin: auto; padding: 40px 20px; }
#contact h2 { padding-top: 20px; }
.normal-section { display: flex; flex-wrap: wrap; justify-content: space-around; padding: 20px; -webkit-box-shadow: unset; -moz-box-shadow: unset; box-shadow: unset; }
/* NAVIGATION */ /* NAVIGATION */
#navbar { z-index: 10000; display: block; } #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 var(--border-alt); -moz-box-shadow: 0px 3px 29px 0px var(--border-alt); box-shadow: 0px 3px 29px 0px var(--border-alt); display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; } .logo { filter: blur(20px); opacity: 0; text-decoration: none; position: fixed; top: 0; width: 100%; height: 60px; z-index: 100; -webkit-transition: all var(--anim-speed) ease-in; -moz-transition: all var(--anim-speed) ease-in; -ms-transition: all var(--anim-speed) ease-in; transition: all var(--anim-speed) ease-in; background-color: transparent; background-repeat: no-repeat; background-position: center center; background-size: 95% 95%; -webkit-box-shadow: 0px 12px 32px -25px var(--border-alt); -moz-box-shadow: 0px 12px 32px -25px var(--border-alt); box-shadow: 0px 12px 32px -25px var(--border-alt); display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; }
.logo > a { height: 40px; } .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: var(--bg); } .logo:hover { filter: blur(0px); opacity: 1; -webkit-transition: all var(--anim-speed) ease-in; -moz-transition: all var(--anim-speed) ease-in; -ms-transition: all var(--anim-speed) ease-in; transition: all var(--anim-speed) ease-in; background-color: var(--bg); }
.sticky { filter: blur(0px); opacity: 1; background-color: var(--bg); -webkit-transition: all 400ms ease-in; -moz-transition: all 400ms ease-in; transition: all 400ms ease-in; } .sticky { filter: blur(0px); opacity: 1; background-color: var(--bg); -webkit-transition: all var(--anim-speed) ease-in; -moz-transition: all var(--anim-speed) ease-in; -ms-transition: all var(--anim-speed) ease-in; transition: all var(--anim-speed) ease-in; }
.navmenu { margin: 0 40px 0 20px; font-size: 34px; color: var(--accent1); } .navmenu { margin: 0 40px 0 20px; font-size: 34px; color: var(--accent1); }
nav { position: absolute; width: 300px; max-height: 90vh; max-width: 90vw; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: var(--bg); border-radius: 5px; display: flex; flex-wrap: wrap; } nav { position: absolute; width: 300px; max-height: 90vh; max-width: 90vw; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: var(--bg); border-radius: var(--border-radius); display: flex; flex-wrap: wrap; }
nav ul { padding: 20px; width: 100%; } nav ul { padding: 20px; width: 100%; }
@ -217,15 +305,15 @@ nav li { list-style-type: none; margin: 20px; padding: 0; }
nav li a { display: block; font-size: 14px; } 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; } nav li .button { display: block; }
.modalDialog { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: var(--bg-alt); 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 { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: var(--bg-alt); z-index: 10; opacity: 0; -webkit-transition: opacity var(--anim-speed) ease-in; -moz-transition: opacity var(--anim-speed) ease-in; -ms-transition: opacity var(--anim-speed) ease-in; transition: opacity var(--anim-speed) ease-in; pointer-events: none; }
.modalDialog:target { opacity: 1; pointer-events: auto; } .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(var(--border), var(--bg)); background: -webkit-linear-gradient(var(--border), var(--bg)); background: -o-linear-gradient(var(--border), var(--bg)); } .modalDialog > div { display: flex; align-items: center; position: relative; margin: 100px auto; padding: 20px; border-radius: var(--border-radius); }
.close-button { background-color: var(--accent2); color: var(--accent1); 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 { background-color: var(--accent2); color: var(--accent1); 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; -webkit-transition: all var(--anim-speed) ease-in; -moz-transition: all var(--anim-speed) ease-in; -ms-transition: all var(--anim-speed) ease-in; transition: all var(--anim-speed) ease-in; }
.close-button:hover { background-color: var(--accent1); color: var(--accent2); } .close-button:hover { background-color: var(--accent1); color: var(--accent2); }
@ -235,7 +323,7 @@ nav li a { display: block; font-size: 14px; }
.zafariClass > div { flex-direction: column; align-items: center; justify-content: center; max-width: 700px; } .zafariClass > div { flex-direction: column; align-items: center; justify-content: center; max-width: 700px; }
.zafariClass > div h2 { font-family: "Jetbrain-Extrabold", "Lucida Console", Monaco, monospace; } .zafariClass > div h2 { font-family: "Poppins", "Arial", "Helvetica", sans-serif; }
.zafariClass > div ul { padding: 20px; width: 100%; } .zafariClass > div ul { padding: 20px; width: 100%; }
@ -251,22 +339,22 @@ nav li a { display: block; font-size: 14px; }
#myVideo { position: absolute; right: 0; bottom: 0; min-width: 100%; min-height: 100%; } #myVideo { position: absolute; right: 0; bottom: 0; min-width: 100%; min-height: 100%; }
/* cookies */ /* cookies */
#cookie-notice { display: none; text-align: right; position: fixed; bottom: 0; width: 100%; background-color: var(--border); flex-wrap: wrap; justify-content: space-evenly; align-content: center; align-items: center; z-index: 1000; } #cookie-notice { display: none; text-align: right; position: fixed; bottom: 0; width: 100%; background-color: var(--bg); flex-wrap: wrap; justify-content: space-evenly; align-content: center; align-items: center; z-index: 10000000; -webkit-box-shadow: 0px -12px 32px -25px var(--border-alt); -moz-box-shadow: 0px -12px 32px -25px var(--border-alt); box-shadow: 0px -12px 32px -25px var(--border-alt); }
#cookie-notice p { flex: 1 0 250px; margin: 40px 20px 40px 40px; font-size: 0.75em; font-family: "Jetbrain-Regular", "Lucida Console", Monaco, monospace; } #cookie-notice p { flex: 1 0 250px; margin: 40px 20px 40px 40px; font-size: 0.8em; font-family: "Poppins", "Arial", "Helvetica", sans-serif; font-weight: 300; }
@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; } } @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, var(--accent1-alt), var(--accent2-alt)); 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 { flex: 0 0 250px; -moz-transition: all var(--anim-speed) ease-in-out; -webkit-transition: all var(--anim-speed) ease-in-out; -ms-transition: all var(--anim-speed) ease-in-out; transition: all var(--anim-speed) 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, var(--accent1-alt), var(--accent2-alt)); 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; } .yes:hover { -moz-transition: all var(--anim-speed) ease-in-out; -webkit-transition: all var(--anim-speed) ease-in-out; -ms-transition: all var(--anim-speed) ease-in-out; transition: all var(--anim-speed) ease-in-out; }
/* Audio Player Styles /* Audio Player Styles
================================================== */ ================================================== */
/* Default / Desktop / Firefox */ /* 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 { display: flex; flex-wrap: wrap; padding: 0 40px; justify-content: space-evenly; flex-direction: row-reverse; align-items: center; max-width: var(--max-width); margin: auto; }
.album-player > div { margin: 20px; } .album-player > div { margin: 20px 0; }
audio { margin: 0; width: 100%; } audio { margin: 0; width: 100%; }
@ -300,9 +388,9 @@ audio { margin: 0; width: 100%; }
.plItem { position: relative; } .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; } .plTitle { left: 40px; 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; } .plNum { padding-left: 20px; width: 20px; }
.plLength { padding-left: 21px; position: absolute; right: 21px; top: 0; } .plLength { padding-left: 21px; position: absolute; right: 21px; top: 0; }
@ -326,11 +414,11 @@ a[id^="btn"]::-moz-focus-inner { border: 0; padding: 0; }
.paused { animation-play-state: paused; } .paused { animation-play-state: paused; }
.track-picker { display: flex; flex-wrap: wrap; margin: 0; padding: 0; background-color: var(--accent1); margin: 0; padding: 0; min-height: 50vw; text-align: left; } .track-picker { display: flex; flex-wrap: wrap; margin: 0; padding: 0; background-color: var(--accent1); margin: 0; padding: 0; min-height: 50vh; text-align: left; }
.track-picker .button { background-color: var(--accent1); color: var(--bg); } .track-picker .button { background-color: var(--accent1); color: var(--bg); }
.track-picker .button:hover { background-color: var(--accent2); color: var(--fg); } .track-picker .button:hover { background-color: var(--accent2); }
.track-picker > div { flex: 1 1 auto; width: 50%; min-width: 280px; margin: 0; padding: 0; background-color: var(--bg); -webkit-box-shadow: inset 0px 23px 25px -25px var(--border-alt); -moz-box-shadow: inset 0px 23px 25px -25px var(--border-alt); box-shadow: inset 0px 23px 25px -25px var(--border-alt); } .track-picker > div { flex: 1 1 auto; width: 50%; min-width: 280px; margin: 0; padding: 0; background-color: var(--bg); -webkit-box-shadow: inset 0px 23px 25px -25px var(--border-alt); -moz-box-shadow: inset 0px 23px 25px -25px var(--border-alt); box-shadow: inset 0px 23px 25px -25px var(--border-alt); }
@ -338,13 +426,13 @@ a[id^="btn"]::-moz-focus-inner { border: 0; padding: 0; }
.track-picker > div p:last-child { margin-bottom: 40px; } .track-picker > div p:last-child { margin-bottom: 40px; }
.track-picker .full-image { width: 50%; min-width: 280px; min-height: 50vw; background-color: transparent; background-size: cover; background-position: center; } .track-picker .full-image { width: 50%; min-width: 280px; min-height: 50vh; background-color: transparent; background-size: cover; background-position: center; }
.track-picker:nth-child(even) { flex-direction: row-reverse; background-color: var(--accent2); text-align: right; } .track-picker:nth-child(even) { flex-direction: row-reverse; background-color: var(--accent2); text-align: right; }
.track-picker:nth-child(even) .button { background-color: var(--accent2); color: var(--fg); } .track-picker:nth-child(even) .button { background-color: var(--accent2); }
.track-picker:nth-child(even) .button:hover { background-color: var(--accent1); color: var(--bg); } .track-picker:nth-child(even) .button:hover { background-color: var(--accent1); }
.track-picker:nth-child(even) > div > h2, .track-picker:nth-child(even) > div a, .track-picker:nth-child(even) > div p { text-align: right; } .track-picker:nth-child(even) > div > h2, .track-picker:nth-child(even) > div a, .track-picker:nth-child(even) > div p { text-align: right; }
@ -356,7 +444,7 @@ a[id^="btn"]::-moz-focus-inner { border: 0; padding: 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: var(--fg); 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; } } @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: var(--fg); 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: var(--bg-alt); background: linear-gradient(180deg, var(--bg-alt) 0%, var(--accent1-alt) 180%); } #trackArt { z-index: 5; overflow-x: hidden; flex: 1 1 50%; min-width: 512px; height: 100vh; padding: 0; margin: 0; background-size: 100%; background: var(--bg-alt); background: linear-gradient(180deg, var(--bg-alt) 0%, var(--accent1-alt) 180%); }
#trackArt > section { position: absolute; height: 100vh; width: 50%; background: transparent; padding: 0; margin: 0; text-align: center; } #trackArt > section { position: absolute; height: 100vh; width: 50%; background: transparent; padding: 0; margin: 0; text-align: center; }
@ -368,9 +456,9 @@ a[id^="btn"]::-moz-focus-inner { border: 0; padding: 0; }
#trackArt .playbutton { cursor: pointer; justify-self: center; } #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 { flex: 1 1 50%; z-index: 5; height: 100vh; overflow-y: scroll; overflow-x: hidden; margin: 0; padding: 0; }
#trackInfo section { text-align: left; } #trackInfo section { padding: 20px; background-color: var(--bg); }
#trackInfo section > * { margin: 20px; } #trackInfo section > * { margin: 20px; }
@ -382,13 +470,13 @@ a[id^="btn"]::-moz-focus-inner { border: 0; padding: 0; }
#trackInfo .post-nav { text-align: left; } #trackInfo .post-nav { text-align: left; }
@media only screen and (max-width: 1023px) { #trackArt { min-width: 100%; } #trackArt section { position: absolute; top: 0; margin: 0; width: 100%; height: 80vh; } #trackInfo { height: unset; overflow-y: unset; } #trackInfo section p:first-child { margin-top: 20px; } } @media only screen and (max-width: 1023px) { #trackArt { z-index: 5; min-width: 100%; } #trackArt section { position: absolute; top: 0; margin: 0; width: 100%; height: 80vh; } #trackInfo { z-index: 5; height: unset; overflow-y: unset; } #trackInfo section p:first-child { margin-top: 20px; } }
.bouncer { -webkit-animation: backgroundSize 10s ease infinite; -moz-animation: backgroundSize 10s ease infinite; animation: backgroundSize 10s ease infinite; } .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 { 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 { border: 0; border-radius: var(--border-radius); 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; } .editor-link .btn:hover { background-color: #f4d525; color: #333; }

18
assets/css/main-20200812.css.map
View file

File diff suppressed because one or more lines are too long

549
assets/css/main-20200911.css Normal file
View file

@ -0,0 +1,549 @@
@font-face { font-family: 'Jetbrain-regular'; font-style: normal; font-weight: 400; src: local("Jetbrain Regular"), local("Jetbrain-Regular"), url(/assets/fonts/jetBrainsMono/JetBrainsMono_Regular.ttf) format("truetype"), url(/assets/fonts/jetBrainsMono/JetBrainsMono-Regular.woff) format("woff"), url(/assets/fonts/jetBrainsMono/JetBrainsMono-Regular.woff2) format("woff2"); 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/JetBrainsMono_Italic.ttf) format("truetype"), url(/assets/fonts/jetBrainsMono/JetBrainsMono-Italic.woff) format("woff"), url(/assets/fonts/jetBrainsMono/JetBrainsMono-Italic.woff2) format("woff2"); 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/JetBrainsMono_ExtraBold.ttf) format("truetype"), url(/assets/fonts/jetBrainsMono/JetBrainsMono-ExtraBold.woff) format("woff"), url(/assets/fonts/jetBrainsMono/JetBrainsMono-ExtraBold.woff2) format("woff2"); 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"), url(/assets/fonts/jetBrainsMono/JetBrainsMono-ExtraBold-Italic.woff) format("woff"), url(/assets/fonts/jetBrainsMono/JetBrainsMono-ExtraBold-Italic.woff2) format("woff2"); 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: 'Poppins'; font-style: normal; font-weight: 300; src: local("Poppins Light"), local("Poppins-Light"), url(/assets/fonts/poppins/Poppins-Light.ttf) format("truetype"), url(/assets/fonts/poppins/popin-light.woff2) format("woff2"); 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: 'Poppins'; font-style: italic; font-weight: 300; src: local("Poppins Light"), local("Poppins-Light"), url(/assets/fonts/poppins/Poppins-LightItalic.ttf) format("truetype"), url(/assets/fonts/poppins/popin-light-italic.woff2) format("woff2"); 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: 'Poppins'; font-style: normal; font-weight: 500; src: local("Poppins Medium"), local("Poppins-Medium"), url(/assets/fonts/poppins/Poppins-Medium.ttf) format("truetype"), url(/assets/fonts/poppins/popin-medium.woff2) format("woff2"); 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: 'Poppins'; font-style: italic; font-weight: 500; src: local("Poppins Medium"), local("Poppins-Medium"), url(/assets/fonts/poppins/Poppins-MediumItalic.ttf) format("truetype"), url(/assets/fonts/poppins/popin-medium-italic.woff2) format("woff2"); 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: 'Collects'; font-style: normal; font-weight: 500; src: local("Collects"), local("Collects"), url(/assets/fonts/collects.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; }
:root { --border-radius: 3px; --max-width: 1000px; --anim-speed: 200ms; }
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; }
html { scroll-behavior: smooth; }
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; background-color: var(--bg); }
body { height: 100vh; width: 100%; font-family: "Poppins", "Arial", "Helvetica", sans-serif; font-weight: 300; color: var(--fg); letter-spacing: 0em; background-color: var(--bg); }
#main-wrapper { display: flex; flex-wrap: wrap; width: 100%; -webkit-transition: filter var(--anim-speed) ease-in; -moz-transition: filter var(--anim-speed) ease-in; -ms-transition: filter var(--anim-speed) ease-in-out; transition: filter var(--anim-speed) ease-in; z-index: 1; }
.content-wrapper { max-width: var(--max-width); margin: auto; }
.wrapper { margin: 20px 40px; }
.hero { display: flex; flex-wrap: wrap; flex-direction: row; align-content: center; background-color: transparent; justify-content: center; background-size: cover; background-position: center; background-repeat: no-repeat; padding: 40px; position: relative; min-height: 80vh; width: 100vw; }
.hero .textcontainer { background-color: var(--bg-alt); border-radius: var(--border-radius); max-width: 700px; padding: 20px 20px 40px 20px; }
.hero div { z-index: 10; }
.hero div h1, .hero div p { flex: 1 0 100%; width: 100%; z-index: 10; color: var(--fg); max-width: var(--max-width); margin-top: 40px; }
.hero div h1 { font-size: 1.8em; }
.hero .imagecontainer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("../img/vignette.svg"); background-size: 240px; background-repeat: repeat-x; background-position: bottom; z-index: 1; }
.hero .imagecontainer h4 { width: 90vw; /* height: auto; */ /* min-height: 100px; */ line-height: 1.011em; letter-spacing: -0em; color: var(--bg); font-size: 15vw; display: inline; opacity: 1; border-radius: var(--border-radius); position: absolute; bottom: 0; transform: rotate(-3deg); overflow: hidden; background: -webkit-linear-gradient(90deg, var(--bg) 0%, var(--bg-alt) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; filter: blur(1px); }
section { flex: 1 1 100%; background-color: var(--bg); z-index: 2; }
section .container { max-width: var(--max-width); margin: 0 auto; }
section h2 { text-align: center; padding: 40px 0; }
section:first-of-type { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; margin-top: 0; padding-top: 40px; }
.section-title { padding: 80px; }
footer { width: 100%; padding: 160px 20px 200px 20px; background-color: var(--fg); color: var(--bg); background-image: url("../img/vignette-footer.svg"); background-size: 400px; background-repeat: repeat-x; background-position: top; box-sizing: border-box; z-index: 2; }
footer a { color: var(--bg); }
footer .icon { border: 1px solid var(--bg); }
footer .footframe { display: flex; flex-wrap: wrap; justify-content: space-between; max-width: var(--max-width); margin: auto; padding: 20px; }
footer .footframe div { flex: 0 1 300px; margin-bottom: 80px; }
footer .footframe div img { margin: auto; display: block; width: 100%; }
footer .footframe div li { border-bottom: 1px solid var(--bg-alt); line-height: 2; font-size: 1.5em; }
footer .footframe div li a { font-weight: 700; text-decoration: none; color: var(--bg); }
footer .footframe small { flex: 0 0 100%; box-sizing: border-box; margin: 0; text-align: center; font-size: 0.8em; }
footer .footframe small .label { display: none; }
@media only screen and (max-width: 679px) { footer .footframe { justify-content: center; } footer .footframe div { flex-grow: 1; } }
.post-navigation { margin: 0; }
.post-navigation .container { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 40px; align-items: flex-start; max-width: var(--max-width); margin: 0 auto; }
.post-navigation .container h2 { flex: 0 0 100%; margin-top: 40px; text-align: center; }
.post-navigation .container .post-nav, .post-navigation .container .post-nav-next { flex: 1 0 200px; }
.post-navigation .container .post-nav h4, .post-navigation .container .post-nav-next h4 { font-size: 2em; justify-self: right; }
.post-navigation .container .post-nav { margin: 0 40px 0 0; text-align: left; }
.post-navigation .container .post-nav-next { margin: 0 0 0 40px; text-align: right; }
.releases { padding: 80px 0; }
.releases .container { max-width: var(--max-width); margin: 0 auto; padding: 40px; display: flex; flex-wrap: wrap; justify-content: space-between; }
.releases .container h2 { flex: 0 0 100%; margin: 20px; }
.releases .container article { flex: 0 1 280px; max-width: 480px; margin: 20px 0; }
.releases .container img { width: 100%; height: 100%; object-fit: cover; border-radius: 5px; }
.streambox { text-align: center; line-height: 2em; }
.streamer { max-width: var(--max-width); margin: 80px auto; padding: 0 40px; text-align: center; display: flex; flex-wrap: wrap; justify-content: space-around; }
.streamer p { text-align: center !important; }
.streamer .icon { flex: 0 0 100px; margin: 0; justify-self: center; }
h1, h2, h3, h4, h5, h6 { font-family: "Collects", "Jetbrain-Extrabold", "Lucida Console", Monaco, monospace; }
h1 { font-size: 2.5em; }
h2 { font-size: 1.75em; }
h3 { font-size: 1.5em; }
strong { font-weight: 500; }
a { text-decoration-style: wavy; text-decoration-color: transparent; color: var(--accent2); -moz-transition: all var(--anim-speed) ease-in-out, color var(--anim-speed) ease-in-out; -webkit-transition: all var(--anim-speed) ease-in-out, color var(--anim-speed) ease-in-out; -ms-transition: all var(--anim-speed) ease-in-out, color var(--anim-speed) ease-in-out; transition: all var(--anim-speed) ease-in-out, color var(--anim-speed) ease-in-out; }
a:hover { color: var(--accent1); text-decoration-style: wavy; text-decoration-color: unset; }
.button { background-color: var(--accent2); padding: 1em; display: inline-block; border-radius: var(--border-radius); text-align: center; text-decoration: none; text-transform: uppercase; font-weight: 500; color: var(--bg); -webkit-box-shadow: 0px 0px 0px -3px var(--border-alt); -moz-box-shadow: 0px 0px 0px -3px var(--border-alt); box-shadow: 0px 0px 0px -3px var(--border-alt); -webkit-transition: all var(--anim-speed) ease-in-out; -moz-transition: all var(--anim-speed) ease-in-out; -ms-transition: all var(--anim-speed) ease-in-out; transition: all var(--anim-speed) ease-in-out; }
.button:hover { background-color: var(--accent1); color: var(--bg); -webkit-box-shadow: 0px 11px 10px -3px var(--border-alt); -moz-box-shadow: 0px 11px 10px -3px var(--border-alt); box-shadow: 0px 11px 10px -3px var(--border-alt); -webkit-transition: all var(--anim-speed) ease-in-out; -moz-transition: all var(--anim-speed) ease-in-out; -ms-transition: all var(--anim-speed) ease-in-out; transition: all var(--anim-speed) ease-in-out; }
.button:active { -webkit-box-shadow: 0px 0px 0px -3px var(--border-alt); -moz-box-shadow: 0px 0px 0px -3px var(--border-alt); box-shadow: 0px 0px 0px -3px var(--border-alt); }
.normal-section { display: flex; flex-wrap: wrap; justify-content: space-around; padding: 20px; -webkit-box-shadow: unset; -moz-box-shadow: unset; box-shadow: unset; }
.normal-section h2 { flex: 0 0 100%; margin: 20px; }
.normal-section p { margin-top: 20px; }
.normal-section ul { width: 100%; }
.normal-section .icon { flex: 0 0 100px; margin: 0 0 20px 0; display: inline-block; width: 100px; height: 100px; border-radius: 200px; font-size: 40px; line-height: 100px; text-align: center; }
.normal-section img { width: 100%; height: 100%; object-fit: cover; border-radius: var(--border-radius); }
.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 var(--accent2); text-align: center; text-decoration: none; -moz-transition: border var(--anim-speed) ease-in-out, color var(--anim-speed) ease-in-out; -webkit-transition: border var(--anim-speed) ease-in-out, color var(--anim-speed) ease-in-out; -ms-transition: border var(--anim-speed) ease-in-out, color var(--anim-speed) ease-in-out; transition: border var(--anim-speed) ease-in-out, color var(--anim-speed) ease-in-out; }
.icon:hover { border: 1px solid var(--accent1); }
.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 { padding: 40px; margin: auto; }
.info .info-pages { padding-top: 40px; max-width: var(--max-width); margin: auto; }
.info p { margin: 20px 0; }
.info h2, .info h3, .info h4, .info h5, .info 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: 40px; }
.news:nth-child(even), .links:nth-child(even) { flex-direction: row-reverse; }
.links > div { min-height: unset; }
.linksbg { background-size: 100%; background: var(--bg); background: linear-gradient(180deg, var(--bg) 26%, var(--accent2-alt) 100%); }
.front-section { flex-direction: row-reverse; -webkit-box-shadow: unset; -moz-box-shadow: unset; box-shadow: unset; padding: 0; display: flex; flex-wrap: wrap; }
.front-section p, .front-section h1, .front-section h2, .front-section h3, .front-section h4 { text-align: left; margin-top: 20px; max-width: 570px; }
.front-section p:last-child { margin-bottom: 40px; }
.front-section > div { background-size: cover; background-repeat: no; background-position: center center; flex: 1 1 380px; min-height: 50vh; padding: 20px; box-sizing: border-box; text-align: left; }
.front-section .description { min-height: unset; }
.front-section .container { max-width: 460px; margin: 0 20px 0 auto; }
@media only screen and (max-width: 1080px) { .front-section .container { margin: 0 20px 0 20px; } }
.front-section:nth-child(even) { flex-direction: row; }
.front-section:nth-child(even) .container { margin: 0 auto 0 20px; }
@media only screen and (max-width: 1000px) { .front-section:nth-child(even) .container { margin: 0 20px 0 20px; } }
.front-section:first-of-type { margin-top: 40px; }
.splash .container { display: flex; flex-wrap: wrap; padding: 40px; align-items: flex-start; max-width: var(--max-width); margin: auto; }
.splash .container h1, .splash .container h2 { font-size: 2em; }
.splash .container p, .splash .container h1, .splash .container h2, .splash .container h3, .splash .container h4 { text-align: left; margin-top: 20px; }
.splash .container h1:first-child { margin-top: 0; }
.splash .container div { max-width: unset; margin: 0; flex: 1 1 300px; padding: 0 0 0 80px; }
.splash .container .splash-logo { padding: 0; margin: 0; }
@media only screen and (max-width: 759px) { .splash .container div { min-width: 100%; padding: 20px 0; } .splash .container .splash-logo { padding: 20px 0; } }
#contact { padding: 20px; }
#contact > div { max-width: var(--max-width); margin: auto; padding: 40px 20px; }
#contact h2 { padding-top: 20px; }
.normal-section { display: flex; flex-wrap: wrap; justify-content: space-around; padding: 20px; -webkit-box-shadow: unset; -moz-box-shadow: unset; box-shadow: unset; }
.textspace { height: 100px; }
input, textarea, select { width: 100%; padding: 12px 20px; margin: 8px 0; display: inline-block; border: 1px solid #ccc; border-radius: var(--border-radius); box-sizing: border-box; font-family: "Poppins", "Arial", "Helvetica", sans-serif; font-size: 1em; }
input[type=submit] { width: 200px; background-image: linear-gradient(223deg, var(--accent1), var(--accent2)); background-size: 800% 800%; -webkit-animation: backgroundBlink 2s ease infinite; -moz-animation: backgroundBlink 2s ease infinite; animation: backgroundBlink 2s ease infinite; color: var(--bg); padding: 14px 20px; margin: 8px 0; border: none; border-radius: var(--border-radius); cursor: pointer; }
input[type=submit]:hover { background-image: linear-gradient(223deg, var(--accent2), var(--accent1)); background-size: 800% 800%; -webkit-animation: backgroundBlink 2s ease infinite; -moz-animation: backgroundBlink 2s ease infinite; animation: backgroundBlink 2s ease infinite; }
.contact-info { display: flex; flex-wrap: wrap; justify-content: space-between; }
.contact-info label { display: none; }
.contact-info input { flex: 1 1 330px; min-width: 240px; }
/*specific classes related to Checkbox skins*/
/* CSS Created by CSS CHECKBOX */
/**********************************/
/**** www.CSScheckbox.com *********/
/*general styles for all CSS Checkboxes*/
label { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: none; }
input.css-checkbox[type=checkbox] { position: absolute; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; }
input.css-checkbox[type=checkbox] + label.css-label { padding-left: 20px; height: 15px; display: inline-block; background-repeat: no-repeat; background-position: 0 0; font-size: 1em; vertical-align: middle; cursor: pointer; }
input.css-checkbox[type=checkbox]:checked + label.css-label { background-position: 0 -15px; }
.css-label { background-image: url(/assets/img/check.png); }
input.css-checkbox.lrg[type=checkbox] + label.css-label.lrg { padding-left: 22px; height: 20px; display: inline-block; line-height: 20px; background-repeat: no-repeat; background-position: 0 0; font-size: 1em; vertical-align: middle; cursor: pointer; }
input.css-checkbox.lrg[type=checkbox]:checked + label.css-label.lrg { background-position: 0 -20px; }
/* NAVIGATION */
#navbar { z-index: 10000; display: block; }
.logo { filter: blur(20px); opacity: 0; text-decoration: none; position: fixed; top: 0; width: 100%; height: 60px; z-index: 100; -webkit-transition: all var(--anim-speed) ease-in; -moz-transition: all var(--anim-speed) ease-in; -ms-transition: all var(--anim-speed) ease-in; transition: all var(--anim-speed) ease-in; background-color: transparent; background-repeat: no-repeat; background-position: center center; background-size: 95% 95%; -webkit-box-shadow: 0px 12px 32px -25px var(--border-alt); -moz-box-shadow: 0px 12px 32px -25px var(--border-alt); box-shadow: 0px 12px 32px -25px var(--border-alt); 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 var(--anim-speed) ease-in; -moz-transition: all var(--anim-speed) ease-in; -ms-transition: all var(--anim-speed) ease-in; transition: all var(--anim-speed) ease-in; background-color: var(--bg); }
.sticky { filter: blur(0px); opacity: 1; background-color: var(--bg); -webkit-transition: all var(--anim-speed) ease-in; -moz-transition: all var(--anim-speed) ease-in; -ms-transition: all var(--anim-speed) ease-in; transition: all var(--anim-speed) ease-in; }
.navmenu { margin: 0 40px 0 20px; font-size: 34px; color: var(--accent1); }
nav { position: absolute; width: 300px; max-height: 90vh; max-width: 90vw; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: var(--bg); border-radius: var(--border-radius); 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; }
nav li .button { display: block; }
.modalDialog { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: var(--bg-alt); z-index: 10; opacity: 0; -webkit-transition: opacity var(--anim-speed) ease-in; -moz-transition: opacity var(--anim-speed) ease-in; -ms-transition: opacity var(--anim-speed) ease-in; transition: opacity var(--anim-speed) 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: var(--border-radius); }
.close-button { background-color: var(--accent2); color: var(--accent1); 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; -webkit-transition: all var(--anim-speed) ease-in; -moz-transition: all var(--anim-speed) ease-in; -ms-transition: all var(--anim-speed) ease-in; transition: all var(--anim-speed) ease-in; }
.close-button:hover { background-color: var(--accent1); color: var(--accent2); }
#closearea { position: fixed; width: 100%; height: 100%; }
/* Background Video */
.fullscreen-bg { position: absolute; height: 100%; width: 100%; overflow: hidden; z-index: 0; background: var(--bg); top: 0; left: 0; right: 0; z-index: 0; }
.fullscreen-bg__video { object-fit: cover; width: 100vw; height: 100vh; position: absolute; top: 0; left: 0; }
#myVideo { position: absolute; right: 0; bottom: 0; min-width: 100%; min-height: 100%; }
/* Audio Player Styles
================================================== */
/* Default / Desktop / Firefox */
.album-player { display: flex; flex-wrap: wrap; padding: 0 40px; justify-content: space-evenly; flex-direction: row-reverse; align-items: center; max-width: var(--max-width); margin: auto; }
.album-player > div { margin: 20px 0; }
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 var(--fg-alt); }
#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 var(--fg-alt); }
#audiowrap { background-color: var(--bg); 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: var(--bg); }
#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: var(--bg); cursor: pointer; margin: 0; padding: 21px 0; border-left: 1px solid var(--fg-alt); border-right: 1px solid var(--fg-alt); border-top: 0; transition: all 400ms ease-in-out; }
#plList li:hover { background-color: var(--accent1); color: var(--bg); transition: all 400ms ease-in-out; }
.plItem { position: relative; }
.plTitle { left: 40px; overflow: hidden; position: absolute; right: 65px; text-overflow: ellipsis; top: 0; white-space: nowrap; font-weight: bold; padding-right: 10px; }
.plNum { padding-left: 20px; width: 20px; }
.plLength { padding-left: 21px; position: absolute; right: 21px; top: 0; }
.plSel { background-color: var(--fg-alt) !important; cursor: pointer !important; }
.plSel:hover { background-color: var(--accent1) !important; }
a[id^="btn"] { font-size: 1.5em; color: var(--fg); 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: 70%; padding-top: 70%; /* 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: var(--accent1); margin: 0; padding: 0; min-height: 50vh; text-align: left; }
.track-picker .button { background-color: var(--accent1); color: var(--bg); }
.track-picker .button:hover { background-color: var(--accent2); }
.track-picker > div { flex: 1 1 auto; width: 50%; min-width: 280px; margin: 0; padding: 0; background-color: var(--bg); -webkit-box-shadow: inset 0px 23px 25px -25px var(--border-alt); -moz-box-shadow: inset 0px 23px 25px -25px var(--border-alt); box-shadow: inset 0px 23px 25px -25px var(--border-alt); }
.track-picker > div > h2, .track-picker > div p { text-align: left; margin: 20px 40px; }
.track-picker > div p:last-child { margin-bottom: 40px; }
.track-picker .full-image { width: 50%; min-width: 280px; min-height: 50vh; background-color: transparent; background-size: cover; background-position: center; }
.track-picker:nth-child(even) { flex-direction: row-reverse; background-color: var(--accent2); text-align: right; }
.track-picker:nth-child(even) .button { background-color: var(--accent2); }
.track-picker:nth-child(even) .button:hover { background-color: var(--accent1); }
.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: var(--bg); 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: var(--fg); 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 { z-index: 5; overflow-x: hidden; flex: 1 1 50%; min-width: 512px; height: 100vh; padding: 0; margin: 0; background-size: 100%; background: var(--bg-alt); background: linear-gradient(180deg, var(--bg-alt) 0%, var(--accent1-alt) 180%); }
#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%; z-index: 5; height: 100vh; overflow-y: scroll; overflow-x: hidden; margin: 0; padding: 0; }
#trackInfo section { padding: 20px; background-color: var(--bg); }
#trackInfo section > * { margin: 20px; }
#trackInfo section .info { margin: 20px; padding: 0; }
#trackInfo section p:first-child { margin-top: 80px; }
#trackInfo .post-nav-next { text-align: right; }
#trackInfo .post-nav { text-align: left; }
@media only screen and (max-width: 1023px) { #trackArt { z-index: 5; min-width: 100%; } #trackArt section { position: absolute; top: 0; margin: 0; width: 100%; height: 80vh; } #trackInfo { z-index: 5; height: unset; overflow-y: unset; } #trackInfo section p:first-child { margin-top: 20px; } }
.bouncer { -webkit-animation: backgroundSize 10s ease infinite; -moz-animation: backgroundSize 10s ease infinite; animation: backgroundSize 10s ease infinite; }
/* cookies */
#cookie-notice { display: none; text-align: right; position: fixed; bottom: 0; width: 100%; background-color: var(--bg); flex-wrap: wrap; justify-content: space-evenly; align-content: center; align-items: center; z-index: 10000000; -webkit-box-shadow: 0px -12px 32px -25px var(--border-alt); -moz-box-shadow: 0px -12px 32px -25px var(--border-alt); box-shadow: 0px -12px 32px -25px var(--border-alt); }
#cookie-notice p { flex: 1 0 250px; margin: 40px 20px 40px 40px; font-size: 0.8em; font-family: "Poppins", "Arial", "Helvetica", sans-serif; font-weight: 300; }
@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: all var(--anim-speed) ease-in-out; -webkit-transition: all var(--anim-speed) ease-in-out; -ms-transition: all var(--anim-speed) ease-in-out; transition: all var(--anim-speed) 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, var(--accent1-alt), var(--accent2-alt)); 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: all var(--anim-speed) ease-in-out; -webkit-transition: all var(--anim-speed) ease-in-out; -ms-transition: all var(--anim-speed) ease-in-out; transition: all var(--anim-speed) ease-in-out; }
.editor-link { display: none; margin-top: 0; padding-top: 30px; }
.editor-link .btn { border: 0; border-radius: var(--border-radius); 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; }
#linearGradient2060 stop { stop-color: var(--accent2); }
#linearGradient2060 stop:nth-child(even) { stop-color: var(--fg); }
#ethossection { padding: 80px 40px; }
#ethossection .ethos-flex { width: 100%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; max-width: var(--max-width); margin: auto; }
#ethossection .ethos { flex: 1 1 320px; min-width: 450px; height: 100%; flex-direction: row; -webkit-transition: all var(--anim-speed) ease-in; -moz-transition: all var(--anim-speed) ease-in; -ms-transition: all var(--anim-speed) ease-in; transition: all var(--anim-speed) ease-in; margin-top: 40px; display: flex; align-items: flex-start; align-self: baseline; justify-content: flex-start; }
#ethossection .ethos .mobile-hide { display: none; }
#ethossection .ethos .cartouche { background-color: var(--bg); width: 100%; height: unset; margin: 20px 0 20px 20px; display: block; border-radius: var(--border-radius); }
#ethossection .ethos .icon { flex: 0 0 100px; width: 100px; height: 100px; border-radius: 200px; margin: 20px 20px 20px 0; }
#ethossection .ethos:nth-child(odd) .cartouche { padding-right: 20px; }
@media only screen and (max-width: 769px) { #ethossection .ethos { flex: 0 0 auto; flex-wrap: wrap; min-width: unset; max-width: unset; justify-content: space-between; margin: 20px; } #ethossection .ethos .cartouche { display: none; } #ethossection .ethos .icon { margin: 0; flex: 0 0 70px; width: 70px; height: 70px; border-radius: 200px; } }
#ethossection .st1 { fill: var(--accent2); -webkit-transition: all var(--anim-speed) ease-in; -moz-transition: all var(--anim-speed) ease-in; -ms-transition: all var(--anim-speed) ease-in; transition: all var(--anim-speed) ease-in; }
#ethossection .st1:hover { fill: var(--accent1); }
#ethossection .st2 { animation: col 15s ease-in-out infinite; }
@keyframes col { 0% { fill: var(--accent2); }
50% { fill: var(--accent1); }
100% { fill: var(--accent2); } }
.staff { max-width: var(--max-width); padding: 0; margin: auto; list-style: none; display: flex; flex-wrap: wrap; }
.staff li { flex: 1 1 300px; display: flex; flex-direction: column; padding: 30px 20px; box-sizing: border-box; width: 100%; text-align: center; }
.staff li .square-image { background-size: cover; background-position: center; width: 100px; height: 100px; border-radius: 200px; margin: 0 auto; }
.staff .name { margin-top: 20px; font-weight: 700; }
.staff .position { color: var(--fg); font-size: 1em; }
@media only screen and (max-width: 769px) { .staff li .square-image { width: 70px; height: 70px; } }
/*# sourceMappingURL=main-20200911.css.map */

42
assets/css/main-20200911.css.map Normal file
View file

File diff suppressed because one or more lines are too long

246
assets/css/noscripts-20200812.css
View file

@ -1,16 +1,22 @@
@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: normal; font-weight: 400; src: local("Jetbrain Regular"), local("Jetbrain-Regular"), url(/assets/fonts/jetBrainsMono/JetBrainsMono_Regular.ttf) format("truetype"), url(/assets/fonts/jetBrainsMono/JetBrainsMono-Regular.woff) format("woff"), url(/assets/fonts/jetBrainsMono/JetBrainsMono-Regular.woff2) format("woff2"); 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: italic; font-weight: 400; src: local("Jetbrain Regular"), local("Jetbrain-Regular"), url(/assets/fonts/jetBrainsMono/JetBrainsMono_Italic.ttf) format("truetype"), url(/assets/fonts/jetBrainsMono/JetBrainsMono-Italic.woff) format("woff"), url(/assets/fonts/jetBrainsMono/JetBrainsMono-Italic.woff2) format("woff2"); 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-Extrabold'; font-style: normal; font-weight: 700; src: local("Jetbrain ExtraBold"), local("Jetbrain-ExtraBold"), url(/assets/fonts/jetBrainsMono/JetBrainsMono_ExtraBold.ttf) format("truetype"), url(/assets/fonts/jetBrainsMono/JetBrainsMono-ExtraBold.woff) format("woff"), url(/assets/fonts/jetBrainsMono/JetBrainsMono-ExtraBold.woff2) format("woff2"); 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: italic; font-weight: 700; src: local("Jetbrain ExtraBold"), local("Jetbrain-ExtraBold"), url(/assets/fonts/JetBrainsMono_ExtraBold_Italic.ttf) format("truetype"), url(/assets/fonts/jetBrainsMono/JetBrainsMono-ExtraBold-Italic.woff) format("woff"), url(/assets/fonts/jetBrainsMono/JetBrainsMono-ExtraBold-Italic.woff2) format("woff2"); 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: 'Poppins'; font-style: normal; font-weight: 300; src: local("Poppins Light"), local("Poppins-Light"), url(/assets/fonts/poppins/Poppins-Light.ttf) format("truetype"), url(/assets/fonts/poppins/popin-light.woff2) format("woff2"); 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: 'Poppins'; font-style: italic; font-weight: 300; src: local("Poppins Light"), local("Poppins-Light"), url(/assets/fonts/poppins/Poppins-LightItalic.ttf) format("truetype"), url(/assets/fonts/poppins/popin-light-italic.woff2) format("woff2"); 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; } @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 500; src: local("Poppins Medium"), local("Poppins-Medium"), url(/assets/fonts/poppins/Poppins-Medium.ttf) format("truetype"), url(/assets/fonts/poppins/popin-medium.woff2) format("woff2"); 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: 'Poppins'; font-style: italic; font-weight: 500; src: local("Poppins Medium"), local("Poppins-Medium"), url(/assets/fonts/poppins/Poppins-MediumItalic.ttf) format("truetype"), url(/assets/fonts/poppins/popin-medium-italic.woff2) format("woff2"); 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: 'Collects'; font-style: normal; font-weight: 500; src: local("Collects"), local("Collects"), url(/assets/fonts/collects.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; }
:root { --border-radius: 3px; --max-width: 1000px; --anim-speed: 200ms; }
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; } 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; }
@ -69,91 +75,129 @@ input, select, textarea { -moz-appearance: none; -webkit-appearance: none; -ms-a
50% { background-size: 150% 100%; } 50% { background-size: 150% 100%; }
100% { background-size: 100% 150%; } } 100% { background-size: 100% 150%; } }
html, body { margin: 0; padding: 0; } html, body { margin: 0; padding: 0; background-color: var(--bg); }
body { height: 100vh; width: 100%; font-family: "Jetbrain-Regular", "Lucida Console", Monaco, monospace; color: var(--fg); letter-spacing: -0.025em; background-color: var(--bg); } body { height: 100vh; width: 100%; font-family: "Poppins", "Arial", "Helvetica", sans-serif; font-weight: 300; color: var(--fg); letter-spacing: 0em; background-color: var(--bg); }
#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; z-index: 1; } #main-wrapper { display: flex; flex-wrap: wrap; width: 100%; -webkit-transition: filter var(--anim-speed) ease-in; -moz-transition: filter var(--anim-speed) ease-in; -ms-transition: filter var(--anim-speed) ease-in-out; transition: filter var(--anim-speed) ease-in; z-index: 1; }
.content-wrapper { max-width: 1200px; margin: auto; } .content-wrapper { max-width: var(--max-width); margin: auto; }
.wrapper { margin: 20px 40px; } .wrapper { margin: 20px 40px; }
.hero { display: flex; flex-wrap: wrap; flex-direction: row; align-content: center; background-color: var(--bg); justify-content: center; background-size: cover; background-position: center; background-repeat: no-repeat; padding: 40px; position: relative; min-height: 75vh; width: 100vw; } .hero { display: flex; flex-wrap: wrap; flex-direction: row; align-content: center; background-color: transparent; justify-content: center; background-size: cover; background-position: center; background-repeat: no-repeat; padding: 40px; position: relative; min-height: 80vh; width: 100vw; }
.hero .textcontainer { background-color: var(--bg-alt); border-radius: 5px; max-width: 700px; padding: 20px 20px 40px 20px; } .hero .textcontainer { background-color: var(--bg-alt); border-radius: var(--border-radius); max-width: 700px; padding: 20px 20px 40px 20px; }
.hero div { z-index: 10; } .hero div { z-index: 10; }
.hero div h1, .hero div p { flex: 1 0 100%; width: 100%; z-index: 10; color: var(--fg); text-align: center; max-width: 1200px; } .hero div h1, .hero div p { flex: 1 0 100%; width: 100%; z-index: 10; color: var(--fg); max-width: var(--max-width); margin-top: 40px; }
.hero div p { margin-top: 40px; } .hero div h1 { font-size: 1.8em; }
.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; } .hero .imagecontainer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("../img/vignette.svg"); background-size: 240px; background-repeat: repeat-x; background-position: bottom; z-index: 1; }
section { flex: 1 1 100%; padding: 20px; background-color: var(--bg); -webkit-box-shadow: inset 0px 23px 25px -25px var(--border-alt); -moz-box-shadow: inset 0px 23px 25px -25px var(--border-alt); box-shadow: inset 0px 23px 25px -25px var(--border-alt); z-index: 2; } .hero .imagecontainer h4 { width: 90vw; /* height: auto; */ /* min-height: 100px; */ line-height: 1.011em; letter-spacing: -0em; color: var(--bg); font-size: 15vw; display: inline; opacity: 1; border-radius: var(--border-radius); position: absolute; bottom: 0; transform: rotate(-3deg); overflow: hidden; background: -webkit-linear-gradient(90deg, var(--bg) 0%, var(--bg-alt) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; filter: blur(1px); }
section h2 { text-align: center; } section { flex: 1 1 100%; background-color: var(--bg); z-index: 2; }
section .container { max-width: var(--max-width); margin: 0 auto; }
section h2 { text-align: center; padding: 40px 0; }
section:first-of-type { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; margin-top: 0; padding-top: 40px; } section:first-of-type { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; margin-top: 0; padding-top: 40px; }
footer { display: flex; flex-wrap: wrap; width: 100%; padding: 160px 20px 200px 20px; background-color: var(--fg); color: var(--bg); 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; z-index: 2; } .section-title { padding: 80px; }
footer div { flex: 0 1 280px; margin: 20px; } footer { width: 100%; padding: 160px 20px 200px 20px; background-color: var(--fg); color: var(--bg); background-image: url("../img/vignette-footer.svg"); background-size: 400px; background-repeat: repeat-x; background-position: top; box-sizing: border-box; z-index: 2; }
footer div img { margin: auto; display: block; } footer a { color: var(--bg); }
footer div li { border-bottom: 1px solid var(--bg-alt); line-height: 2; font-size: 1.5em; } footer .icon { border: 1px solid var(--bg); }
footer div li a { font-weight: 700; text-decoration: none; } footer .footframe { display: flex; flex-wrap: wrap; justify-content: space-between; max-width: var(--max-width); margin: auto; padding: 20px; }
footer small { flex: 0 0 100%; margin: 20px; text-align: center; } footer .footframe div { flex: 0 1 300px; margin-bottom: 80px; }
footer small .label { display: none; } footer .footframe div img { margin: auto; display: block; width: 100%; }
.post-navigation { padding: 80px 0 160px 0; display: flex; flex-wrap: wrap; justify-content: center; } footer .footframe div li { border-bottom: 1px solid var(--bg-alt); line-height: 2; font-size: 1.5em; }
.post-navigation h2 { flex: 0 0 100%; margin-top: 40px; text-align: center; } footer .footframe div li a { font-weight: 700; text-decoration: none; color: var(--bg); }
.post-navigation .post-nav, .post-navigation .post-nav-next { flex: 0 0 200px; margin: 40px; } footer .footframe small { flex: 0 0 100%; box-sizing: border-box; margin: 0; text-align: center; font-size: 0.8em; }
.post-navigation .post-nav h4, .post-navigation .post-nav-next h4 { font-size: 2em; justify-self: right; } footer .footframe small .label { display: none; }
h1, h2, h3, h4, h5, h6 { font-family: "Staatliches", "Lucida Console", Monaco, monospace; } @media only screen and (max-width: 679px) { footer .footframe { justify-content: center; } footer .footframe div { flex-grow: 1; } }
h1 { font-size: 2.5em; } .post-navigation { margin: 0; }
h2 { font-size: 2em; } .post-navigation .container { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 40px; align-items: flex-start; max-width: var(--max-width); margin: 0 auto; }
h3 { font-size: 1.5em; } .post-navigation .container h2 { flex: 0 0 100%; margin-top: 40px; text-align: center; }
strong { font-weight: 700; } .post-navigation .container .post-nav, .post-navigation .container .post-nav-next { flex: 1 0 200px; }
a { text-decoration-style: wavy; text-decoration-color: transparent; color: var(--accent2); -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; } .post-navigation .container .post-nav h4, .post-navigation .container .post-nav-next h4 { font-size: 2em; justify-self: right; }
a:hover { color: var(--accent1); text-decoration-style: wavy; text-decoration-color: unset; } .post-navigation .container .post-nav { margin: 0 40px 0 0; text-align: left; }
.button { background-color: var(--accent2); padding: 1em; border-radius: 5px; text-align: center; text-decoration: none; text-transform: uppercase; font-weight: 500; color: var(--fg); } .post-navigation .container .post-nav-next { margin: 0 0 0 40px; text-align: right; }
.button:hover { background-color: var(--accent1); color: var(--bg); } .releases { padding: 80px 0; }
.releases { display: flex; flex-wrap: wrap; justify-content: space-around; padding: 20px; } .releases .container { max-width: var(--max-width); margin: 0 auto; padding: 40px; display: flex; flex-wrap: wrap; justify-content: space-between; }
.releases h2 { flex: 0 0 100%; margin: 20px; } .releases .container h2 { flex: 0 0 100%; margin: 20px; }
.releases article { flex: 1 1 280px; max-width: 480px; margin: 20px; } .releases .container article { flex: 0 1 280px; max-width: 480px; margin: 20px 0; }
.releases img { width: 100%; height: 100%; object-fit: cover; border-radius: 5px; } .releases .container img { width: 100%; height: 100%; object-fit: cover; border-radius: 5px; }
.streambox { text-align: center; line-height: 2em; } .streambox { text-align: center; line-height: 2em; }
.streambox > h2, .streambox div { margin: 20px; } .streamer { max-width: var(--max-width); margin: 80px auto; padding: 0 40px; text-align: center; display: flex; flex-wrap: wrap; justify-content: space-around; }
.streamer { margin-top: 2em; text-align: center; } .streamer p { text-align: center !important; }
.streamer .icon { flex: 0 0 100px; margin: 0; justify-self: center; }
h1, h2, h3, h4, h5, h6 { font-family: "Collects", "Jetbrain-Extrabold", "Lucida Console", Monaco, monospace; }
h1 { font-size: 2.5em; }
h2 { font-size: 1.75em; }
h3 { font-size: 1.5em; }
strong { font-weight: 500; }
a { text-decoration-style: wavy; text-decoration-color: transparent; color: var(--accent2); -moz-transition: all var(--anim-speed) ease-in-out, color var(--anim-speed) ease-in-out; -webkit-transition: all var(--anim-speed) ease-in-out, color var(--anim-speed) ease-in-out; -ms-transition: all var(--anim-speed) ease-in-out, color var(--anim-speed) ease-in-out; transition: all var(--anim-speed) ease-in-out, color var(--anim-speed) ease-in-out; }
a:hover { color: var(--accent1); text-decoration-style: wavy; text-decoration-color: unset; }
.button { background-color: var(--accent2); padding: 1em; display: inline-block; border-radius: var(--border-radius); text-align: center; text-decoration: none; text-transform: uppercase; font-weight: 500; color: var(--bg); -webkit-box-shadow: 0px 0px 0px -3px var(--border-alt); -moz-box-shadow: 0px 0px 0px -3px var(--border-alt); box-shadow: 0px 0px 0px -3px var(--border-alt); -webkit-transition: all var(--anim-speed) ease-in-out; -moz-transition: all var(--anim-speed) ease-in-out; -ms-transition: all var(--anim-speed) ease-in-out; transition: all var(--anim-speed) ease-in-out; }
.button:hover { background-color: var(--accent1); color: var(--bg); -webkit-box-shadow: 0px 11px 10px -3px var(--border-alt); -moz-box-shadow: 0px 11px 10px -3px var(--border-alt); box-shadow: 0px 11px 10px -3px var(--border-alt); -webkit-transition: all var(--anim-speed) ease-in-out; -moz-transition: all var(--anim-speed) ease-in-out; -ms-transition: all var(--anim-speed) ease-in-out; transition: all var(--anim-speed) ease-in-out; }
.button:active { -webkit-box-shadow: 0px 0px 0px -3px var(--border-alt); -moz-box-shadow: 0px 0px 0px -3px var(--border-alt); box-shadow: 0px 0px 0px -3px var(--border-alt); }
.normal-section { display: flex; flex-wrap: wrap; justify-content: space-around; padding: 20px; -webkit-box-shadow: unset; -moz-box-shadow: unset; box-shadow: unset; }
.normal-section h2 { flex: 0 0 100%; margin: 20px; }
.normal-section p { margin-top: 20px; }
.normal-section ul { width: 100%; }
.normal-section .icon { flex: 0 0 100px; margin: 0 0 20px 0; display: inline-block; width: 100px; height: 100px; border-radius: 200px; font-size: 40px; line-height: 100px; text-align: center; }
.normal-section img { width: 100%; height: 100%; object-fit: cover; border-radius: var(--border-radius); }
.label { display: none; } .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 var(--accent2); 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 { flex: 0 0 45px; margin: 20px; font-size: 45px; border-radius: 100px; width: 100px; height: 100px; line-height: 100px; border: 1px solid var(--accent2); text-align: center; text-decoration: none; -moz-transition: border var(--anim-speed) ease-in-out, color var(--anim-speed) ease-in-out; -webkit-transition: border var(--anim-speed) ease-in-out, color var(--anim-speed) ease-in-out; -ms-transition: border var(--anim-speed) ease-in-out, color var(--anim-speed) ease-in-out; transition: border var(--anim-speed) ease-in-out, color var(--anim-speed) ease-in-out; }
.icon:hover { border: 1px solid var(--accent1); } .icon:hover { border: 1px solid var(--accent1); }
@ -167,19 +211,19 @@ a:hover { color: var(--accent1); text-decoration-style: wavy; text-decoration-co
#author .author-image { margin-right: 10px; background-repeat: no-repeat; background-size: cover; border-radius: 150px; width: 150px; height: 150px; } #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 { padding: 40px; margin: auto; }
.info > div, .info-pages > div { max-width: 1200px; margin: auto; } .info .info-pages { padding-top: 40px; max-width: var(--max-width); margin: auto; }
.info p, .info-pages p { margin: 20px 0; } .info p { margin: 20px 0; }
.info-pages h2, .info-pages h3, .info-pages h4, .info-pages h5, .info-pages h6 { text-align: left; } .info h2, .info h3, .info h4, .info h5, .info h6 { text-align: left; }
.news, .links { margin-top: 40px; padding: 0; display: flex; flex-wrap: wrap; } .news, .links { margin-top: 40px; padding: 0; display: flex; flex-wrap: wrap; }
.news h2, .links h2 { flex: 0 0 100%; margin-bottom: 20px; } .news h2, .links h2 { flex: 0 0 100%; margin-bottom: 20px; }
.news > div, .links > div { background-size: cover; background-repeat: no-repeat; background-position: center center; flex: 1 1 512px; min-height: 80vh; padding: 40px; box-sizing: border-box; text-align: left; } .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, .links .description { min-height: unset; }
@ -195,20 +239,64 @@ a:hover { color: var(--accent1); text-decoration-style: wavy; text-decoration-co
.linksbg { background-size: 100%; background: var(--bg); background: linear-gradient(180deg, var(--bg) 26%, var(--accent2-alt) 100%); } .linksbg { background-size: 100%; background: var(--bg); background: linear-gradient(180deg, var(--bg) 26%, var(--accent2-alt) 100%); }
.front-section { flex-direction: row-reverse; -webkit-box-shadow: unset; -moz-box-shadow: unset; box-shadow: unset; padding: 0; display: flex; flex-wrap: wrap; }
.front-section p, .front-section h1, .front-section h2, .front-section h3, .front-section h4 { text-align: left; margin-top: 20px; max-width: 570px; }
.front-section p:last-child { margin-bottom: 40px; }
.front-section > div { background-size: cover; background-repeat: no; background-position: center center; flex: 1 1 380px; min-height: 50vh; padding: 20px; box-sizing: border-box; text-align: left; }
.front-section .description { min-height: unset; }
.front-section .container { max-width: 460px; margin: 0 20px 0 auto; }
@media only screen and (max-width: 1080px) { .front-section .container { margin: 0 20px 0 20px; } }
.front-section:nth-child(even) { flex-direction: row; }
.front-section:nth-child(even) .container { margin: 0 auto 0 20px; }
@media only screen and (max-width: 1000px) { .front-section:nth-child(even) .container { margin: 0 20px 0 20px; } }
.front-section:first-of-type { margin-top: 40px; }
.splash .container { display: flex; flex-wrap: wrap; padding: 40px; align-items: flex-start; max-width: var(--max-width); margin: auto; }
.splash .container h1, .splash .container h2 { font-size: 2em; }
.splash .container p, .splash .container h1, .splash .container h2, .splash .container h3, .splash .container h4 { text-align: left; margin-top: 20px; }
.splash .container h1:first-child { margin-top: 0; }
.splash .container div { max-width: unset; margin: 0; flex: 1 1 300px; padding: 0 0 0 80px; }
.splash .container .splash-logo { padding: 0; margin: 0; }
@media only screen and (max-width: 759px) { .splash .container div { min-width: 100%; padding: 20px 0; } .splash .container .splash-logo { padding: 20px 0; } }
#contact { padding: 20px; }
#contact > div { max-width: var(--max-width); margin: auto; padding: 40px 20px; }
#contact h2 { padding-top: 20px; }
.normal-section { display: flex; flex-wrap: wrap; justify-content: space-around; padding: 20px; -webkit-box-shadow: unset; -moz-box-shadow: unset; box-shadow: unset; }
/* NAVIGATION */ /* NAVIGATION */
#navbar { z-index: 10000; display: block; } #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 var(--border-alt); -moz-box-shadow: 0px 3px 29px 0px var(--border-alt); box-shadow: 0px 3px 29px 0px var(--border-alt); display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; } .logo { filter: blur(20px); opacity: 0; text-decoration: none; position: fixed; top: 0; width: 100%; height: 60px; z-index: 100; -webkit-transition: all var(--anim-speed) ease-in; -moz-transition: all var(--anim-speed) ease-in; -ms-transition: all var(--anim-speed) ease-in; transition: all var(--anim-speed) ease-in; background-color: transparent; background-repeat: no-repeat; background-position: center center; background-size: 95% 95%; -webkit-box-shadow: 0px 12px 32px -25px var(--border-alt); -moz-box-shadow: 0px 12px 32px -25px var(--border-alt); box-shadow: 0px 12px 32px -25px var(--border-alt); display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; }
.logo > a { height: 40px; } .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: var(--bg); } .logo:hover { filter: blur(0px); opacity: 1; -webkit-transition: all var(--anim-speed) ease-in; -moz-transition: all var(--anim-speed) ease-in; -ms-transition: all var(--anim-speed) ease-in; transition: all var(--anim-speed) ease-in; background-color: var(--bg); }
.sticky { filter: blur(0px); opacity: 1; background-color: var(--bg); -webkit-transition: all 400ms ease-in; -moz-transition: all 400ms ease-in; transition: all 400ms ease-in; } .sticky { filter: blur(0px); opacity: 1; background-color: var(--bg); -webkit-transition: all var(--anim-speed) ease-in; -moz-transition: all var(--anim-speed) ease-in; -ms-transition: all var(--anim-speed) ease-in; transition: all var(--anim-speed) ease-in; }
.navmenu { margin: 0 40px 0 20px; font-size: 34px; color: var(--accent1); } .navmenu { margin: 0 40px 0 20px; font-size: 34px; color: var(--accent1); }
nav { position: absolute; width: 300px; max-height: 90vh; max-width: 90vw; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: var(--bg); border-radius: 5px; display: flex; flex-wrap: wrap; } nav { position: absolute; width: 300px; max-height: 90vh; max-width: 90vw; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: var(--bg); border-radius: var(--border-radius); display: flex; flex-wrap: wrap; }
nav ul { padding: 20px; width: 100%; } nav ul { padding: 20px; width: 100%; }
@ -216,15 +304,15 @@ nav li { list-style-type: none; margin: 20px; padding: 0; }
nav li a { display: block; font-size: 14px; } 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; } nav li .button { display: block; }
.modalDialog { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: var(--bg-alt); 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 { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: var(--bg-alt); z-index: 10; opacity: 0; -webkit-transition: opacity var(--anim-speed) ease-in; -moz-transition: opacity var(--anim-speed) ease-in; -ms-transition: opacity var(--anim-speed) ease-in; transition: opacity var(--anim-speed) ease-in; pointer-events: none; }
.modalDialog:target { opacity: 1; pointer-events: auto; } .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(var(--border), var(--bg)); background: -webkit-linear-gradient(var(--border), var(--bg)); background: -o-linear-gradient(var(--border), var(--bg)); } .modalDialog > div { display: flex; align-items: center; position: relative; margin: 100px auto; padding: 20px; border-radius: var(--border-radius); }
.close-button { background-color: var(--accent2); color: var(--accent1); 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 { background-color: var(--accent2); color: var(--accent1); 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; -webkit-transition: all var(--anim-speed) ease-in; -moz-transition: all var(--anim-speed) ease-in; -ms-transition: all var(--anim-speed) ease-in; transition: all var(--anim-speed) ease-in; }
.close-button:hover { background-color: var(--accent1); color: var(--accent2); } .close-button:hover { background-color: var(--accent1); color: var(--accent2); }
@ -234,7 +322,7 @@ nav li a { display: block; font-size: 14px; }
.zafariClass > div { flex-direction: column; align-items: center; justify-content: center; max-width: 700px; } .zafariClass > div { flex-direction: column; align-items: center; justify-content: center; max-width: 700px; }
.zafariClass > div h2 { font-family: "Jetbrain-Extrabold", "Lucida Console", Monaco, monospace; } .zafariClass > div h2 { font-family: "Poppins", "Arial", "Helvetica", sans-serif; }
.zafariClass > div ul { padding: 20px; width: 100%; } .zafariClass > div ul { padding: 20px; width: 100%; }
@ -250,22 +338,22 @@ nav li a { display: block; font-size: 14px; }
#myVideo { position: absolute; right: 0; bottom: 0; min-width: 100%; min-height: 100%; } #myVideo { position: absolute; right: 0; bottom: 0; min-width: 100%; min-height: 100%; }
/* cookies */ /* cookies */
#cookie-notice { display: none; text-align: right; position: fixed; bottom: 0; width: 100%; background-color: var(--border); flex-wrap: wrap; justify-content: space-evenly; align-content: center; align-items: center; z-index: 1000; } #cookie-notice { display: none; text-align: right; position: fixed; bottom: 0; width: 100%; background-color: var(--bg); flex-wrap: wrap; justify-content: space-evenly; align-content: center; align-items: center; z-index: 10000000; -webkit-box-shadow: 0px -12px 32px -25px var(--border-alt); -moz-box-shadow: 0px -12px 32px -25px var(--border-alt); box-shadow: 0px -12px 32px -25px var(--border-alt); }
#cookie-notice p { flex: 1 0 250px; margin: 40px 20px 40px 40px; font-size: 0.75em; font-family: "Jetbrain-Regular", "Lucida Console", Monaco, monospace; } #cookie-notice p { flex: 1 0 250px; margin: 40px 20px 40px 40px; font-size: 0.8em; font-family: "Poppins", "Arial", "Helvetica", sans-serif; font-weight: 300; }
@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; } } @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, var(--accent1-alt), var(--accent2-alt)); 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 { flex: 0 0 250px; -moz-transition: all var(--anim-speed) ease-in-out; -webkit-transition: all var(--anim-speed) ease-in-out; -ms-transition: all var(--anim-speed) ease-in-out; transition: all var(--anim-speed) 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, var(--accent1-alt), var(--accent2-alt)); 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; } .yes:hover { -moz-transition: all var(--anim-speed) ease-in-out; -webkit-transition: all var(--anim-speed) ease-in-out; -ms-transition: all var(--anim-speed) ease-in-out; transition: all var(--anim-speed) ease-in-out; }
/* Audio Player Styles /* Audio Player Styles
================================================== */ ================================================== */
/* Default / Desktop / Firefox */ /* 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 { display: flex; flex-wrap: wrap; padding: 0 40px; justify-content: space-evenly; flex-direction: row-reverse; align-items: center; max-width: var(--max-width); margin: auto; }
.album-player > div { margin: 20px; } .album-player > div { margin: 20px 0; }
audio { margin: 0; width: 100%; } audio { margin: 0; width: 100%; }
@ -299,9 +387,9 @@ audio { margin: 0; width: 100%; }
.plItem { position: relative; } .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; } .plTitle { left: 40px; 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; } .plNum { padding-left: 20px; width: 20px; }
.plLength { padding-left: 21px; position: absolute; right: 21px; top: 0; } .plLength { padding-left: 21px; position: absolute; right: 21px; top: 0; }
@ -325,11 +413,11 @@ a[id^="btn"]::-moz-focus-inner { border: 0; padding: 0; }
.paused { animation-play-state: paused; } .paused { animation-play-state: paused; }
.track-picker { display: flex; flex-wrap: wrap; margin: 0; padding: 0; background-color: var(--accent1); margin: 0; padding: 0; min-height: 50vw; text-align: left; } .track-picker { display: flex; flex-wrap: wrap; margin: 0; padding: 0; background-color: var(--accent1); margin: 0; padding: 0; min-height: 50vh; text-align: left; }
.track-picker .button { background-color: var(--accent1); color: var(--bg); } .track-picker .button { background-color: var(--accent1); color: var(--bg); }
.track-picker .button:hover { background-color: var(--accent2); color: var(--fg); } .track-picker .button:hover { background-color: var(--accent2); }
.track-picker > div { flex: 1 1 auto; width: 50%; min-width: 280px; margin: 0; padding: 0; background-color: var(--bg); -webkit-box-shadow: inset 0px 23px 25px -25px var(--border-alt); -moz-box-shadow: inset 0px 23px 25px -25px var(--border-alt); box-shadow: inset 0px 23px 25px -25px var(--border-alt); } .track-picker > div { flex: 1 1 auto; width: 50%; min-width: 280px; margin: 0; padding: 0; background-color: var(--bg); -webkit-box-shadow: inset 0px 23px 25px -25px var(--border-alt); -moz-box-shadow: inset 0px 23px 25px -25px var(--border-alt); box-shadow: inset 0px 23px 25px -25px var(--border-alt); }
@ -337,13 +425,13 @@ a[id^="btn"]::-moz-focus-inner { border: 0; padding: 0; }
.track-picker > div p:last-child { margin-bottom: 40px; } .track-picker > div p:last-child { margin-bottom: 40px; }
.track-picker .full-image { width: 50%; min-width: 280px; min-height: 50vw; background-color: transparent; background-size: cover; background-position: center; } .track-picker .full-image { width: 50%; min-width: 280px; min-height: 50vh; background-color: transparent; background-size: cover; background-position: center; }
.track-picker:nth-child(even) { flex-direction: row-reverse; background-color: var(--accent2); text-align: right; } .track-picker:nth-child(even) { flex-direction: row-reverse; background-color: var(--accent2); text-align: right; }
.track-picker:nth-child(even) .button { background-color: var(--accent2); color: var(--fg); } .track-picker:nth-child(even) .button { background-color: var(--accent2); }
.track-picker:nth-child(even) .button:hover { background-color: var(--accent1); color: var(--bg); } .track-picker:nth-child(even) .button:hover { background-color: var(--accent1); }
.track-picker:nth-child(even) > div > h2, .track-picker:nth-child(even) > div a, .track-picker:nth-child(even) > div p { text-align: right; } .track-picker:nth-child(even) > div > h2, .track-picker:nth-child(even) > div a, .track-picker:nth-child(even) > div p { text-align: right; }
@ -355,7 +443,7 @@ a[id^="btn"]::-moz-focus-inner { border: 0; padding: 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: var(--fg); 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; } } @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: var(--fg); 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: var(--bg-alt); background: linear-gradient(180deg, var(--bg-alt) 0%, var(--accent1-alt) 180%); } #trackArt { z-index: 5; overflow-x: hidden; flex: 1 1 50%; min-width: 512px; height: 100vh; padding: 0; margin: 0; background-size: 100%; background: var(--bg-alt); background: linear-gradient(180deg, var(--bg-alt) 0%, var(--accent1-alt) 180%); }
#trackArt > section { position: absolute; height: 100vh; width: 50%; background: transparent; padding: 0; margin: 0; text-align: center; } #trackArt > section { position: absolute; height: 100vh; width: 50%; background: transparent; padding: 0; margin: 0; text-align: center; }
@ -367,9 +455,9 @@ a[id^="btn"]::-moz-focus-inner { border: 0; padding: 0; }
#trackArt .playbutton { cursor: pointer; justify-self: center; } #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 { flex: 1 1 50%; z-index: 5; height: 100vh; overflow-y: scroll; overflow-x: hidden; margin: 0; padding: 0; }
#trackInfo section { text-align: left; } #trackInfo section { padding: 20px; background-color: var(--bg); }
#trackInfo section > * { margin: 20px; } #trackInfo section > * { margin: 20px; }
@ -381,13 +469,13 @@ a[id^="btn"]::-moz-focus-inner { border: 0; padding: 0; }
#trackInfo .post-nav { text-align: left; } #trackInfo .post-nav { text-align: left; }
@media only screen and (max-width: 1023px) { #trackArt { min-width: 100%; } #trackArt section { position: absolute; top: 0; margin: 0; width: 100%; height: 80vh; } #trackInfo { height: unset; overflow-y: unset; } #trackInfo section p:first-child { margin-top: 20px; } } @media only screen and (max-width: 1023px) { #trackArt { z-index: 5; min-width: 100%; } #trackArt section { position: absolute; top: 0; margin: 0; width: 100%; height: 80vh; } #trackInfo { z-index: 5; height: unset; overflow-y: unset; } #trackInfo section p:first-child { margin-top: 20px; } }
.bouncer { -webkit-animation: backgroundSize 10s ease infinite; -moz-animation: backgroundSize 10s ease infinite; animation: backgroundSize 10s ease infinite; } .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 { 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 { border: 0; border-radius: var(--border-radius); 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; } .editor-link .btn:hover { background-color: #f4d525; color: #333; }
@ -397,13 +485,13 @@ a[id^="btn"]::-moz-focus-inner { border: 0; padding: 0; }
.logo, #sticky { filter: blur(0px); opacity: 1; background-color: var(--bg); } .logo, #sticky { filter: blur(0px); opacity: 1; background-color: var(--bg); }
.blurredout { filter: blur(0px); opacity: 1; background-color: var(--bg); -webkit-transition: all 400ms ease-in; -moz-transition: all 400ms ease-in; transition: all 400ms ease-in; } .blurredout { filter: blur(0px); opacity: 1; background-color: var(--bg); -webkit-transition: all var(--anim-speed) ease-in; -moz-transition: all var(--anim-speed) ease-in; -ms-transition: all var(--anim-speed) ease-in; transition: all var(--anim-speed) ease-in; }
.hero { padding-top: 120px; } .hero { padding-top: 120px; }
.player-wrap { display: none; } .player-wrap { display: none; }
.noJSalbum { display: unset; flex: 0 1 400px; border-radius: 5px; width: 100%; } .noJSalbum { display: unset; flex: 0 1 400px; border-radius: var(--border-radius); width: 100%; }
#fixed-player { display: unset; height: unset; } #fixed-player { display: unset; height: unset; }

20
assets/css/noscripts-20200812.css.map
View file

File diff suppressed because one or more lines are too long

563
assets/css/noscripts-20200911.css Normal file
View file

@ -0,0 +1,563 @@
@font-face { font-family: 'Jetbrain-regular'; font-style: normal; font-weight: 400; src: local("Jetbrain Regular"), local("Jetbrain-Regular"), url(/assets/fonts/jetBrainsMono/JetBrainsMono_Regular.ttf) format("truetype"), url(/assets/fonts/jetBrainsMono/JetBrainsMono-Regular.woff) format("woff"), url(/assets/fonts/jetBrainsMono/JetBrainsMono-Regular.woff2) format("woff2"); 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/JetBrainsMono_Italic.ttf) format("truetype"), url(/assets/fonts/jetBrainsMono/JetBrainsMono-Italic.woff) format("woff"), url(/assets/fonts/jetBrainsMono/JetBrainsMono-Italic.woff2) format("woff2"); 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/JetBrainsMono_ExtraBold.ttf) format("truetype"), url(/assets/fonts/jetBrainsMono/JetBrainsMono-ExtraBold.woff) format("woff"), url(/assets/fonts/jetBrainsMono/JetBrainsMono-ExtraBold.woff2) format("woff2"); 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"), url(/assets/fonts/jetBrainsMono/JetBrainsMono-ExtraBold-Italic.woff) format("woff"), url(/assets/fonts/jetBrainsMono/JetBrainsMono-ExtraBold-Italic.woff2) format("woff2"); 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: 'Poppins'; font-style: normal; font-weight: 300; src: local("Poppins Light"), local("Poppins-Light"), url(/assets/fonts/poppins/Poppins-Light.ttf) format("truetype"), url(/assets/fonts/poppins/popin-light.woff2) format("woff2"); 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: 'Poppins'; font-style: italic; font-weight: 300; src: local("Poppins Light"), local("Poppins-Light"), url(/assets/fonts/poppins/Poppins-LightItalic.ttf) format("truetype"), url(/assets/fonts/poppins/popin-light-italic.woff2) format("woff2"); 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: 'Poppins'; font-style: normal; font-weight: 500; src: local("Poppins Medium"), local("Poppins-Medium"), url(/assets/fonts/poppins/Poppins-Medium.ttf) format("truetype"), url(/assets/fonts/poppins/popin-medium.woff2) format("woff2"); 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: 'Poppins'; font-style: italic; font-weight: 500; src: local("Poppins Medium"), local("Poppins-Medium"), url(/assets/fonts/poppins/Poppins-MediumItalic.ttf) format("truetype"), url(/assets/fonts/poppins/popin-medium-italic.woff2) format("woff2"); 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: 'Collects'; font-style: normal; font-weight: 500; src: local("Collects"), local("Collects"), url(/assets/fonts/collects.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; }
:root { --border-radius: 3px; --max-width: 1000px; --anim-speed: 200ms; }
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; }
html { scroll-behavior: smooth; }
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; background-color: var(--bg); }
body { height: 100vh; width: 100%; font-family: "Poppins", "Arial", "Helvetica", sans-serif; font-weight: 300; color: var(--fg); letter-spacing: 0em; background-color: var(--bg); }
#main-wrapper { display: flex; flex-wrap: wrap; width: 100%; -webkit-transition: filter var(--anim-speed) ease-in; -moz-transition: filter var(--anim-speed) ease-in; -ms-transition: filter var(--anim-speed) ease-in-out; transition: filter var(--anim-speed) ease-in; z-index: 1; }
.content-wrapper { max-width: var(--max-width); margin: auto; }
.wrapper { margin: 20px 40px; }
.hero { display: flex; flex-wrap: wrap; flex-direction: row; align-content: center; background-color: transparent; justify-content: center; background-size: cover; background-position: center; background-repeat: no-repeat; padding: 40px; position: relative; min-height: 80vh; width: 100vw; }
.hero .textcontainer { background-color: var(--bg-alt); border-radius: var(--border-radius); max-width: 700px; padding: 20px 20px 40px 20px; }
.hero div { z-index: 10; }
.hero div h1, .hero div p { flex: 1 0 100%; width: 100%; z-index: 10; color: var(--fg); max-width: var(--max-width); margin-top: 40px; }
.hero div h1 { font-size: 1.8em; }
.hero .imagecontainer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("../img/vignette.svg"); background-size: 240px; background-repeat: repeat-x; background-position: bottom; z-index: 1; }
.hero .imagecontainer h4 { width: 90vw; /* height: auto; */ /* min-height: 100px; */ line-height: 1.011em; letter-spacing: -0em; color: var(--bg); font-size: 15vw; display: inline; opacity: 1; border-radius: var(--border-radius); position: absolute; bottom: 0; transform: rotate(-3deg); overflow: hidden; background: -webkit-linear-gradient(90deg, var(--bg) 0%, var(--bg-alt) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; filter: blur(1px); }
section { flex: 1 1 100%; background-color: var(--bg); z-index: 2; }
section .container { max-width: var(--max-width); margin: 0 auto; }
section h2 { text-align: center; padding: 40px 0; }
section:first-of-type { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; margin-top: 0; padding-top: 40px; }
.section-title { padding: 80px; }
footer { width: 100%; padding: 160px 20px 200px 20px; background-color: var(--fg); color: var(--bg); background-image: url("../img/vignette-footer.svg"); background-size: 400px; background-repeat: repeat-x; background-position: top; box-sizing: border-box; z-index: 2; }
footer a { color: var(--bg); }
footer .icon { border: 1px solid var(--bg); }
footer .footframe { display: flex; flex-wrap: wrap; justify-content: space-between; max-width: var(--max-width); margin: auto; padding: 20px; }
footer .footframe div { flex: 0 1 300px; margin-bottom: 80px; }
footer .footframe div img { margin: auto; display: block; width: 100%; }
footer .footframe div li { border-bottom: 1px solid var(--bg-alt); line-height: 2; font-size: 1.5em; }
footer .footframe div li a { font-weight: 700; text-decoration: none; color: var(--bg); }
footer .footframe small { flex: 0 0 100%; box-sizing: border-box; margin: 0; text-align: center; font-size: 0.8em; }
footer .footframe small .label { display: none; }
@media only screen and (max-width: 679px) { footer .footframe { justify-content: center; } footer .footframe div { flex-grow: 1; } }
.post-navigation { margin: 0; }
.post-navigation .container { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 40px; align-items: flex-start; max-width: var(--max-width); margin: 0 auto; }
.post-navigation .container h2 { flex: 0 0 100%; margin-top: 40px; text-align: center; }
.post-navigation .container .post-nav, .post-navigation .container .post-nav-next { flex: 1 0 200px; }
.post-navigation .container .post-nav h4, .post-navigation .container .post-nav-next h4 { font-size: 2em; justify-self: right; }
.post-navigation .container .post-nav { margin: 0 40px 0 0; text-align: left; }
.post-navigation .container .post-nav-next { margin: 0 0 0 40px; text-align: right; }
.releases { padding: 80px 0; }
.releases .container { max-width: var(--max-width); margin: 0 auto; padding: 40px; display: flex; flex-wrap: wrap; justify-content: space-between; }
.releases .container h2 { flex: 0 0 100%; margin: 20px; }
.releases .container article { flex: 0 1 280px; max-width: 480px; margin: 20px 0; }
.releases .container img { width: 100%; height: 100%; object-fit: cover; border-radius: 5px; }
.streambox { text-align: center; line-height: 2em; }
.streamer { max-width: var(--max-width); margin: 80px auto; padding: 0 40px; text-align: center; display: flex; flex-wrap: wrap; justify-content: space-around; }
.streamer p { text-align: center !important; }
.streamer .icon { flex: 0 0 100px; margin: 0; justify-self: center; }
h1, h2, h3, h4, h5, h6 { font-family: "Collects", "Jetbrain-Extrabold", "Lucida Console", Monaco, monospace; }
h1 { font-size: 2.5em; }
h2 { font-size: 1.75em; }
h3 { font-size: 1.5em; }
strong { font-weight: 500; }
a { text-decoration-style: wavy; text-decoration-color: transparent; color: var(--accent2); -moz-transition: all var(--anim-speed) ease-in-out, color var(--anim-speed) ease-in-out; -webkit-transition: all var(--anim-speed) ease-in-out, color var(--anim-speed) ease-in-out; -ms-transition: all var(--anim-speed) ease-in-out, color var(--anim-speed) ease-in-out; transition: all var(--anim-speed) ease-in-out, color var(--anim-speed) ease-in-out; }
a:hover { color: var(--accent1); text-decoration-style: wavy; text-decoration-color: unset; }
.button { background-color: var(--accent2); padding: 1em; display: inline-block; border-radius: var(--border-radius); text-align: center; text-decoration: none; text-transform: uppercase; font-weight: 500; color: var(--bg); -webkit-box-shadow: 0px 0px 0px -3px var(--border-alt); -moz-box-shadow: 0px 0px 0px -3px var(--border-alt); box-shadow: 0px 0px 0px -3px var(--border-alt); -webkit-transition: all var(--anim-speed) ease-in-out; -moz-transition: all var(--anim-speed) ease-in-out; -ms-transition: all var(--anim-speed) ease-in-out; transition: all var(--anim-speed) ease-in-out; }
.button:hover { background-color: var(--accent1); color: var(--bg); -webkit-box-shadow: 0px 11px 10px -3px var(--border-alt); -moz-box-shadow: 0px 11px 10px -3px var(--border-alt); box-shadow: 0px 11px 10px -3px var(--border-alt); -webkit-transition: all var(--anim-speed) ease-in-out; -moz-transition: all var(--anim-speed) ease-in-out; -ms-transition: all var(--anim-speed) ease-in-out; transition: all var(--anim-speed) ease-in-out; }
.button:active { -webkit-box-shadow: 0px 0px 0px -3px var(--border-alt); -moz-box-shadow: 0px 0px 0px -3px var(--border-alt); box-shadow: 0px 0px 0px -3px var(--border-alt); }
.normal-section { display: flex; flex-wrap: wrap; justify-content: space-around; padding: 20px; -webkit-box-shadow: unset; -moz-box-shadow: unset; box-shadow: unset; }
.normal-section h2 { flex: 0 0 100%; margin: 20px; }
.normal-section p { margin-top: 20px; }
.normal-section ul { width: 100%; }
.normal-section .icon { flex: 0 0 100px; margin: 0 0 20px 0; display: inline-block; width: 100px; height: 100px; border-radius: 200px; font-size: 40px; line-height: 100px; text-align: center; }
.normal-section img { width: 100%; height: 100%; object-fit: cover; border-radius: var(--border-radius); }
.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 var(--accent2); text-align: center; text-decoration: none; -moz-transition: border var(--anim-speed) ease-in-out, color var(--anim-speed) ease-in-out; -webkit-transition: border var(--anim-speed) ease-in-out, color var(--anim-speed) ease-in-out; -ms-transition: border var(--anim-speed) ease-in-out, color var(--anim-speed) ease-in-out; transition: border var(--anim-speed) ease-in-out, color var(--anim-speed) ease-in-out; }
.icon:hover { border: 1px solid var(--accent1); }
.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 { padding: 40px; margin: auto; }
.info .info-pages { padding-top: 40px; max-width: var(--max-width); margin: auto; }
.info p { margin: 20px 0; }
.info h2, .info h3, .info h4, .info h5, .info 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: 40px; }
.news:nth-child(even), .links:nth-child(even) { flex-direction: row-reverse; }
.links > div { min-height: unset; }
.linksbg { background-size: 100%; background: var(--bg); background: linear-gradient(180deg, var(--bg) 26%, var(--accent2-alt) 100%); }
.front-section { flex-direction: row-reverse; -webkit-box-shadow: unset; -moz-box-shadow: unset; box-shadow: unset; padding: 0; display: flex; flex-wrap: wrap; }
.front-section p, .front-section h1, .front-section h2, .front-section h3, .front-section h4 { text-align: left; margin-top: 20px; max-width: 570px; }
.front-section p:last-child { margin-bottom: 40px; }
.front-section > div { background-size: cover; background-repeat: no; background-position: center center; flex: 1 1 380px; min-height: 50vh; padding: 20px; box-sizing: border-box; text-align: left; }
.front-section .description { min-height: unset; }
.front-section .container { max-width: 460px; margin: 0 20px 0 auto; }
@media only screen and (max-width: 1080px) { .front-section .container { margin: 0 20px 0 20px; } }
.front-section:nth-child(even) { flex-direction: row; }
.front-section:nth-child(even) .container { margin: 0 auto 0 20px; }
@media only screen and (max-width: 1000px) { .front-section:nth-child(even) .container { margin: 0 20px 0 20px; } }
.front-section:first-of-type { margin-top: 40px; }
.splash .container { display: flex; flex-wrap: wrap; padding: 40px; align-items: flex-start; max-width: var(--max-width); margin: auto; }
.splash .container h1, .splash .container h2 { font-size: 2em; }
.splash .container p, .splash .container h1, .splash .container h2, .splash .container h3, .splash .container h4 { text-align: left; margin-top: 20px; }
.splash .container h1:first-child { margin-top: 0; }
.splash .container div { max-width: unset; margin: 0; flex: 1 1 300px; padding: 0 0 0 80px; }
.splash .container .splash-logo { padding: 0; margin: 0; }
@media only screen and (max-width: 759px) { .splash .container div { min-width: 100%; padding: 20px 0; } .splash .container .splash-logo { padding: 20px 0; } }
#contact { padding: 20px; }
#contact > div { max-width: var(--max-width); margin: auto; padding: 40px 20px; }
#contact h2 { padding-top: 20px; }
.normal-section { display: flex; flex-wrap: wrap; justify-content: space-around; padding: 20px; -webkit-box-shadow: unset; -moz-box-shadow: unset; box-shadow: unset; }
.textspace { height: 100px; }
input, textarea, select { width: 100%; padding: 12px 20px; margin: 8px 0; display: inline-block; border: 1px solid #ccc; border-radius: var(--border-radius); box-sizing: border-box; font-family: "Poppins", "Arial", "Helvetica", sans-serif; font-size: 1em; }
input[type=submit] { width: 200px; background-image: linear-gradient(223deg, var(--accent1), var(--accent2)); background-size: 800% 800%; -webkit-animation: backgroundBlink 2s ease infinite; -moz-animation: backgroundBlink 2s ease infinite; animation: backgroundBlink 2s ease infinite; color: var(--bg); padding: 14px 20px; margin: 8px 0; border: none; border-radius: var(--border-radius); cursor: pointer; }
input[type=submit]:hover { background-image: linear-gradient(223deg, var(--accent2), var(--accent1)); background-size: 800% 800%; -webkit-animation: backgroundBlink 2s ease infinite; -moz-animation: backgroundBlink 2s ease infinite; animation: backgroundBlink 2s ease infinite; }
.contact-info { display: flex; flex-wrap: wrap; justify-content: space-between; }
.contact-info label { display: none; }
.contact-info input { flex: 1 1 330px; min-width: 240px; }
/*specific classes related to Checkbox skins*/
/* CSS Created by CSS CHECKBOX */
/**********************************/
/**** www.CSScheckbox.com *********/
/*general styles for all CSS Checkboxes*/
label { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: none; }
input.css-checkbox[type=checkbox] { position: absolute; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; }
input.css-checkbox[type=checkbox] + label.css-label { padding-left: 20px; height: 15px; display: inline-block; background-repeat: no-repeat; background-position: 0 0; font-size: 1em; vertical-align: middle; cursor: pointer; }
input.css-checkbox[type=checkbox]:checked + label.css-label { background-position: 0 -15px; }
.css-label { background-image: url(/assets/img/check.png); }
input.css-checkbox.lrg[type=checkbox] + label.css-label.lrg { padding-left: 22px; height: 20px; display: inline-block; line-height: 20px; background-repeat: no-repeat; background-position: 0 0; font-size: 1em; vertical-align: middle; cursor: pointer; }
input.css-checkbox.lrg[type=checkbox]:checked + label.css-label.lrg { background-position: 0 -20px; }
/* NAVIGATION */
#navbar { z-index: 10000; display: block; }
.logo { filter: blur(20px); opacity: 0; text-decoration: none; position: fixed; top: 0; width: 100%; height: 60px; z-index: 100; -webkit-transition: all var(--anim-speed) ease-in; -moz-transition: all var(--anim-speed) ease-in; -ms-transition: all var(--anim-speed) ease-in; transition: all var(--anim-speed) ease-in; background-color: transparent; background-repeat: no-repeat; background-position: center center; background-size: 95% 95%; -webkit-box-shadow: 0px 12px 32px -25px var(--border-alt); -moz-box-shadow: 0px 12px 32px -25px var(--border-alt); box-shadow: 0px 12px 32px -25px var(--border-alt); 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 var(--anim-speed) ease-in; -moz-transition: all var(--anim-speed) ease-in; -ms-transition: all var(--anim-speed) ease-in; transition: all var(--anim-speed) ease-in; background-color: var(--bg); }
.sticky { filter: blur(0px); opacity: 1; background-color: var(--bg); -webkit-transition: all var(--anim-speed) ease-in; -moz-transition: all var(--anim-speed) ease-in; -ms-transition: all var(--anim-speed) ease-in; transition: all var(--anim-speed) ease-in; }
.navmenu { margin: 0 40px 0 20px; font-size: 34px; color: var(--accent1); }
nav { position: absolute; width: 300px; max-height: 90vh; max-width: 90vw; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: var(--bg); border-radius: var(--border-radius); 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; }
nav li .button { display: block; }
.modalDialog { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: var(--bg-alt); z-index: 10; opacity: 0; -webkit-transition: opacity var(--anim-speed) ease-in; -moz-transition: opacity var(--anim-speed) ease-in; -ms-transition: opacity var(--anim-speed) ease-in; transition: opacity var(--anim-speed) 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: var(--border-radius); }
.close-button { background-color: var(--accent2); color: var(--accent1); 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; -webkit-transition: all var(--anim-speed) ease-in; -moz-transition: all var(--anim-speed) ease-in; -ms-transition: all var(--anim-speed) ease-in; transition: all var(--anim-speed) ease-in; }
.close-button:hover { background-color: var(--accent1); color: var(--accent2); }
#closearea { position: fixed; width: 100%; height: 100%; }
/* Background Video */
.fullscreen-bg { position: absolute; height: 100%; width: 100%; overflow: hidden; z-index: 0; background: var(--bg); top: 0; left: 0; right: 0; z-index: 0; }
.fullscreen-bg__video { object-fit: cover; width: 100vw; height: 100vh; position: absolute; top: 0; left: 0; }
#myVideo { position: absolute; right: 0; bottom: 0; min-width: 100%; min-height: 100%; }
/* Audio Player Styles
================================================== */
/* Default / Desktop / Firefox */
.album-player { display: flex; flex-wrap: wrap; padding: 0 40px; justify-content: space-evenly; flex-direction: row-reverse; align-items: center; max-width: var(--max-width); margin: auto; }
.album-player > div { margin: 20px 0; }
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 var(--fg-alt); }
#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 var(--fg-alt); }
#audiowrap { background-color: var(--bg); 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: var(--bg); }
#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: var(--bg); cursor: pointer; margin: 0; padding: 21px 0; border-left: 1px solid var(--fg-alt); border-right: 1px solid var(--fg-alt); border-top: 0; transition: all 400ms ease-in-out; }
#plList li:hover { background-color: var(--accent1); color: var(--bg); transition: all 400ms ease-in-out; }
.plItem { position: relative; }
.plTitle { left: 40px; overflow: hidden; position: absolute; right: 65px; text-overflow: ellipsis; top: 0; white-space: nowrap; font-weight: bold; padding-right: 10px; }
.plNum { padding-left: 20px; width: 20px; }
.plLength { padding-left: 21px; position: absolute; right: 21px; top: 0; }
.plSel { background-color: var(--fg-alt) !important; cursor: pointer !important; }
.plSel:hover { background-color: var(--accent1) !important; }
a[id^="btn"] { font-size: 1.5em; color: var(--fg); 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: 70%; padding-top: 70%; /* 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: var(--accent1); margin: 0; padding: 0; min-height: 50vh; text-align: left; }
.track-picker .button { background-color: var(--accent1); color: var(--bg); }
.track-picker .button:hover { background-color: var(--accent2); }
.track-picker > div { flex: 1 1 auto; width: 50%; min-width: 280px; margin: 0; padding: 0; background-color: var(--bg); -webkit-box-shadow: inset 0px 23px 25px -25px var(--border-alt); -moz-box-shadow: inset 0px 23px 25px -25px var(--border-alt); box-shadow: inset 0px 23px 25px -25px var(--border-alt); }
.track-picker > div > h2, .track-picker > div p { text-align: left; margin: 20px 40px; }
.track-picker > div p:last-child { margin-bottom: 40px; }
.track-picker .full-image { width: 50%; min-width: 280px; min-height: 50vh; background-color: transparent; background-size: cover; background-position: center; }
.track-picker:nth-child(even) { flex-direction: row-reverse; background-color: var(--accent2); text-align: right; }
.track-picker:nth-child(even) .button { background-color: var(--accent2); }
.track-picker:nth-child(even) .button:hover { background-color: var(--accent1); }
.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: var(--bg); 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: var(--fg); 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 { z-index: 5; overflow-x: hidden; flex: 1 1 50%; min-width: 512px; height: 100vh; padding: 0; margin: 0; background-size: 100%; background: var(--bg-alt); background: linear-gradient(180deg, var(--bg-alt) 0%, var(--accent1-alt) 180%); }
#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%; z-index: 5; height: 100vh; overflow-y: scroll; overflow-x: hidden; margin: 0; padding: 0; }
#trackInfo section { padding: 20px; background-color: var(--bg); }
#trackInfo section > * { margin: 20px; }
#trackInfo section .info { margin: 20px; padding: 0; }
#trackInfo section p:first-child { margin-top: 80px; }
#trackInfo .post-nav-next { text-align: right; }
#trackInfo .post-nav { text-align: left; }
@media only screen and (max-width: 1023px) { #trackArt { z-index: 5; min-width: 100%; } #trackArt section { position: absolute; top: 0; margin: 0; width: 100%; height: 80vh; } #trackInfo { z-index: 5; height: unset; overflow-y: unset; } #trackInfo section p:first-child { margin-top: 20px; } }
.bouncer { -webkit-animation: backgroundSize 10s ease infinite; -moz-animation: backgroundSize 10s ease infinite; animation: backgroundSize 10s ease infinite; }
/* cookies */
#cookie-notice { display: none; text-align: right; position: fixed; bottom: 0; width: 100%; background-color: var(--bg); flex-wrap: wrap; justify-content: space-evenly; align-content: center; align-items: center; z-index: 10000000; -webkit-box-shadow: 0px -12px 32px -25px var(--border-alt); -moz-box-shadow: 0px -12px 32px -25px var(--border-alt); box-shadow: 0px -12px 32px -25px var(--border-alt); }
#cookie-notice p { flex: 1 0 250px; margin: 40px 20px 40px 40px; font-size: 0.8em; font-family: "Poppins", "Arial", "Helvetica", sans-serif; font-weight: 300; }
@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: all var(--anim-speed) ease-in-out; -webkit-transition: all var(--anim-speed) ease-in-out; -ms-transition: all var(--anim-speed) ease-in-out; transition: all var(--anim-speed) 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, var(--accent1-alt), var(--accent2-alt)); 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: all var(--anim-speed) ease-in-out; -webkit-transition: all var(--anim-speed) ease-in-out; -ms-transition: all var(--anim-speed) ease-in-out; transition: all var(--anim-speed) ease-in-out; }
.editor-link { display: none; margin-top: 0; padding-top: 30px; }
.editor-link .btn { border: 0; border-radius: var(--border-radius); 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; }
#linearGradient2060 stop { stop-color: var(--accent2); }
#linearGradient2060 stop:nth-child(even) { stop-color: var(--fg); }
#ethossection { padding: 80px 40px; }
#ethossection .ethos-flex { width: 100%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; max-width: var(--max-width); margin: auto; }
#ethossection .ethos { flex: 1 1 320px; min-width: 450px; height: 100%; flex-direction: row; -webkit-transition: all var(--anim-speed) ease-in; -moz-transition: all var(--anim-speed) ease-in; -ms-transition: all var(--anim-speed) ease-in; transition: all var(--anim-speed) ease-in; margin-top: 40px; display: flex; align-items: flex-start; align-self: baseline; justify-content: flex-start; }
#ethossection .ethos .mobile-hide { display: none; }
#ethossection .ethos .cartouche { background-color: var(--bg); width: 100%; height: unset; margin: 20px 0 20px 20px; display: block; border-radius: var(--border-radius); }
#ethossection .ethos .icon { flex: 0 0 100px; width: 100px; height: 100px; border-radius: 200px; margin: 20px 20px 20px 0; }
#ethossection .ethos:nth-child(odd) .cartouche { padding-right: 20px; }
@media only screen and (max-width: 769px) { #ethossection .ethos { flex: 0 0 auto; flex-wrap: wrap; min-width: unset; max-width: unset; justify-content: space-between; margin: 20px; } #ethossection .ethos .cartouche { display: none; } #ethossection .ethos .icon { margin: 0; flex: 0 0 70px; width: 70px; height: 70px; border-radius: 200px; } }
#ethossection .st1 { fill: var(--accent2); -webkit-transition: all var(--anim-speed) ease-in; -moz-transition: all var(--anim-speed) ease-in; -ms-transition: all var(--anim-speed) ease-in; transition: all var(--anim-speed) ease-in; }
#ethossection .st1:hover { fill: var(--accent1); }
#ethossection .st2 { animation: col 15s ease-in-out infinite; }
@keyframes col { 0% { fill: var(--accent2); }
50% { fill: var(--accent1); }
100% { fill: var(--accent2); } }
.staff { max-width: var(--max-width); padding: 0; margin: auto; list-style: none; display: flex; flex-wrap: wrap; }
.staff li { flex: 1 1 300px; display: flex; flex-direction: column; padding: 30px 20px; box-sizing: border-box; width: 100%; text-align: center; }
.staff li .square-image { background-size: cover; background-position: center; width: 100px; height: 100px; border-radius: 200px; margin: 0 auto; }
.staff .name { margin-top: 20px; font-weight: 700; }
.staff .position { color: var(--fg); font-size: 1em; }
@media only screen and (max-width: 769px) { .staff li .square-image { width: 70px; height: 70px; } }
.logo, #sticky { filter: blur(0px); opacity: 1; background-color: var(--bg); }
.blurredout { filter: blur(0px); opacity: 1; background-color: var(--bg); -webkit-transition: all var(--anim-speed) ease-in; -moz-transition: all var(--anim-speed) ease-in; -ms-transition: all var(--anim-speed) ease-in; transition: all var(--anim-speed) ease-in; }
.hero { padding-top: 120px; }
.player-wrap { display: none; }
.noJSalbum { display: unset; flex: 0 1 400px; border-radius: var(--border-radius); width: 100%; }
#fixed-player { display: unset; height: unset; }
.hideWhenNoJS { display: none; }
/*# sourceMappingURL=noscripts-20200911.css.map */

44
assets/css/noscripts-20200911.css.map Normal file
View file

File diff suppressed because one or more lines are too long

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

Binary file not shown.

BIN
assets/fonts/Bungee/BungeeHairline-Regular.ttf Normal file
View file

Binary file not shown.

92
assets/fonts/Bungee/OFL.txt Normal file
View file

@ -0,0 +1,92 @@
Copyright 2008 The Bungee Project Authors (david@djr.com)
This Font Software is licensed under the SIL Open Font License, Version 1.1.
This license is copied below, and is also available with a FAQ at:
http://scripts.sil.org/OFL
-----------------------------------------------------------
SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
-----------------------------------------------------------
PREAMBLE
The goals of the Open Font License (OFL) are to stimulate worldwide
development of collaborative font projects, to support the font creation
efforts of academic and linguistic communities, and to provide a free and
open framework in which fonts may be shared and improved in partnership
with others.
The OFL allows the licensed fonts to be used, studied, modified and
redistributed freely as long as they are not sold by themselves. The
fonts, including any derivative works, can be bundled, embedded,
redistributed and/or sold with any software provided that any reserved
names are not used by derivative works. The fonts and derivatives,
however, cannot be released under any other type of license. The
requirement for fonts to remain under this license does not apply
to any document created using the fonts or their derivatives.
DEFINITIONS
"Font Software" refers to the set of files released by the Copyright
Holder(s) under this license and clearly marked as such. This may
include source files, build scripts and documentation.
"Reserved Font Name" refers to any names specified as such after the
copyright statement(s).
"Original Version" refers to the collection of Font Software components as
distributed by the Copyright Holder(s).
"Modified Version" refers to any derivative made by adding to, deleting,
or substituting -- in part or in whole -- any of the components of the
Original Version, by changing formats or by porting the Font Software to a
new environment.
"Author" refers to any designer, engineer, programmer, technical
writer or other person who contributed to the Font Software.
PERMISSION & CONDITIONS
Permission is hereby granted, free of charge, to any person obtaining
a copy of the Font Software, to use, study, copy, merge, embed, modify,
redistribute, and sell modified and unmodified copies of the Font
Software, subject to the following conditions:
1) Neither the Font Software nor any of its individual components,
in Original or Modified Versions, may be sold by itself.
2) Original or Modified Versions of the Font Software may be bundled,
redistributed and/or sold with any software, provided that each copy
contains the above copyright notice and this license. These can be
included either as stand-alone text files, human-readable headers or
in the appropriate machine-readable metadata fields within text or
binary files as long as those fields can be easily viewed by the user.
3) No Modified Version of the Font Software may use the Reserved Font
Name(s) unless explicit written permission is granted by the corresponding
Copyright Holder. This restriction only applies to the primary font name as
presented to the users.
4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
Software shall not be used to promote, endorse or advertise any
Modified Version, except to acknowledge the contribution(s) of the
Copyright Holder(s) and the Author(s) or with their explicit written
permission.
5) The Font Software, modified or unmodified, in part or in whole,
must be distributed entirely under this license, and must not be
distributed under any other license. The requirement for fonts to
remain under this license does not apply to any document created
using the Font Software.
TERMINATION
This license becomes null and void if any of the above conditions are
not met.
DISCLAIMER
THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
OTHER DEALINGS IN THE FONT SOFTWARE.

BIN
assets/fonts/FontAwesome.otf Normal file
View file

Binary file not shown.

BIN
assets/fonts/IBMPlexSansCondensed-Bold.ttf Normal file
View file

Binary file not shown.

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

Binary file not shown.

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

Binary file not shown.

BIN
assets/fonts/Rubik/Rubik-Light.ttf Normal file
View file

Binary file not shown.

BIN
assets/fonts/Rubik/Rubik-LightItalic.ttf Normal file
View file

Binary file not shown.

BIN
assets/fonts/Rubik/Rubik-Medium.ttf Normal file
View file

Binary file not shown.

BIN
assets/fonts/Rubik/Rubik-MediumItalic.ttf Normal file
View file

Binary file not shown.

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

Binary file not shown.

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

Binary file not shown.

93
assets/fonts/Staatliches/OFL.txt Normal file
View file

@ -0,0 +1,93 @@
Copyright 2018 The Staatliches Authors (https://github.com/googlefonts/staatliches)
This Font Software is licensed under the SIL Open Font License, Version 1.1.
This license is copied below, and is also available with a FAQ at:
http://scripts.sil.org/OFL
-----------------------------------------------------------
SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
-----------------------------------------------------------
PREAMBLE
The goals of the Open Font License (OFL) are to stimulate worldwide
development of collaborative font projects, to support the font creation
efforts of academic and linguistic communities, and to provide a free and
open framework in which fonts may be shared and improved in partnership
with others.
The OFL allows the licensed fonts to be used, studied, modified and
redistributed freely as long as they are not sold by themselves. The
fonts, including any derivative works, can be bundled, embedded,
redistributed and/or sold with any software provided that any reserved
names are not used by derivative works. The fonts and derivatives,
however, cannot be released under any other type of license. The
requirement for fonts to remain under this license does not apply
to any document created using the fonts or their derivatives.
DEFINITIONS
"Font Software" refers to the set of files released by the Copyright
Holder(s) under this license and clearly marked as such. This may
include source files, build scripts and documentation.
"Reserved Font Name" refers to any names specified as such after the
copyright statement(s).
"Original Version" refers to the collection of Font Software components as
distributed by the Copyright Holder(s).
"Modified Version" refers to any derivative made by adding to, deleting,
or substituting -- in part or in whole -- any of the components of the
Original Version, by changing formats or by porting the Font Software to a
new environment.
"Author" refers to any designer, engineer, programmer, technical
writer or other person who contributed to the Font Software.
PERMISSION & CONDITIONS
Permission is hereby granted, free of charge, to any person obtaining
a copy of the Font Software, to use, study, copy, merge, embed, modify,
redistribute, and sell modified and unmodified copies of the Font
Software, subject to the following conditions:
1) Neither the Font Software nor any of its individual components,
in Original or Modified Versions, may be sold by itself.
2) Original or Modified Versions of the Font Software may be bundled,
redistributed and/or sold with any software, provided that each copy
contains the above copyright notice and this license. These can be
included either as stand-alone text files, human-readable headers or
in the appropriate machine-readable metadata fields within text or
binary files as long as those fields can be easily viewed by the user.
3) No Modified Version of the Font Software may use the Reserved Font
Name(s) unless explicit written permission is granted by the corresponding
Copyright Holder. This restriction only applies to the primary font name as
presented to the users.
4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
Software shall not be used to promote, endorse or advertise any
Modified Version, except to acknowledge the contribution(s) of the
Copyright Holder(s) and the Author(s) or with their explicit written
permission.
5) The Font Software, modified or unmodified, in part or in whole,
must be distributed entirely under this license, and must not be
distributed under any other license. The requirement for fonts to
remain under this license does not apply to any document created
using the Font Software.
TERMINATION
This license becomes null and void if any of the above conditions are
not met.
DISCLAIMER
THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
OTHER DEALINGS IN THE FONT SOFTWARE.

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

Binary file not shown.

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

Binary file not shown.

BIN
assets/fonts/fontawesome-webfont.eot Normal file
View file

Binary file not shown.

2671
assets/fonts/fontawesome-webfont.svg Normal file
View file

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

After

Width:  |  Height:  |  Size: 434 KiB

BIN
assets/fonts/fontawesome-webfont.ttf Normal file
View file

Binary file not shown.

BIN
assets/fonts/fontawesome-webfont.woff Normal file
View file

Binary file not shown.

BIN
assets/fonts/fontawesome-webfont.woff2 Normal file
View file

Binary file not shown.

BIN
assets/fonts/icofont.eot Normal file
View file

Binary file not shown.

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

Binary file not shown.

BIN
assets/fonts/icofont.woff Normal file
View file

Binary file not shown.

BIN
assets/fonts/jetBrainsMono/JetBrainsMono-ExtraBold-Italic.woff Normal file
View file

Binary file not shown.

BIN
assets/fonts/jetBrainsMono/JetBrainsMono-ExtraBold-Italic.woff2 Normal file
View file

Binary file not shown.

BIN
assets/fonts/jetBrainsMono/JetBrainsMono-ExtraBold.woff Normal file
View file

Binary file not shown.

BIN
assets/fonts/jetBrainsMono/JetBrainsMono-ExtraBold.woff2 Normal file
View file

Binary file not shown.

BIN
assets/fonts/jetBrainsMono/JetBrainsMono-Italic.woff Normal file
View file

Binary file not shown.

BIN
assets/fonts/jetBrainsMono/JetBrainsMono-Italic.woff2 Normal file
View file

Binary file not shown.

BIN
assets/fonts/jetBrainsMono/JetBrainsMono-Regular.woff Normal file
View file

Binary file not shown.

BIN
assets/fonts/jetBrainsMono/JetBrainsMono-Regular.woff2 Normal file
View file

Binary file not shown.

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

Binary file not shown.

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

Binary file not shown.

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

Binary file not shown.

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

Binary file not shown.

BIN
assets/fonts/poppins/Poppins-Light.ttf Normal file
View file

Binary file not shown.

BIN
assets/fonts/poppins/Poppins-LightItalic.ttf Normal file
View file

Binary file not shown.

BIN
assets/fonts/poppins/Poppins-Medium.ttf Normal file
View file

Binary file not shown.

BIN
assets/fonts/poppins/Poppins-MediumItalic.ttf Normal file
View file

Binary file not shown.

BIN
assets/fonts/poppins/popin-light-italic.woff2 Normal file
View file

Binary file not shown.

BIN
assets/fonts/poppins/popin-light.woff2 Normal file
View file

Binary file not shown.

BIN
assets/fonts/poppins/popin-medium-italic.woff2 Normal file
View file

Binary file not shown.

BIN
assets/fonts/poppins/popin-medium.woff2 Normal file
View file

Binary file not shown.

32
assets/js/set-20200911.js Normal file
View file

@ -0,0 +1,32 @@
// When the user scrolls the page, execute scrollMenu
window.onscroll = function () { scrollMenu() };
// Get the navbar
var navbar = document.getElementById("logo");
var hider = document.getElementById("sticky");
// Get the offset position of the navbar
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
function scrollMenu() {
if (window.pageYOffset >= sticky) {
hider.classList.add("sticky")
} else {
hider.classList.remove("sticky")
}
}
// Make a pretty background when menu is open
var bodyBluring = document.getElementById("main-wrapper")
function blurBody() {
bodyBluring.classList.toggle("blurredout");
}
function removeBlur() {
bodyBluring.classList.remove("blurredout")
}
/// request permission to autoplay

102
cookies/index.html
View file

@ -117,39 +117,64 @@
<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/all.min.css" /> <link rel="stylesheet" href="../assets/css/all.min.css" />
<link rel="stylesheet" href="../assets/css/main-20200812.css" /> <link rel="stylesheet" href="../assets/css/colors-20200911.css" />
<link rel="stylesheet" href="../assets/css/main-20200911.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/noscripts-20200812.css" /></noscript> <noscript><link rel="stylesheet" href="../assets/css/noscripts-20200911.css" /></noscript>
<meta name="theme-color" content=""/>
<meta name="theme-color" content="#3c2a52"/>
</head> </head>
<body> <body>
<!-- Wrapper --> <!-- Wrapper -->
<div id="main-wrapper"> <div id="main-wrapper">
<header class="hero" style="background-image: url(/images/pages/arget-zvhhkivur9m-unsplash.jpg);">
<div class="textcontainer">
<h1>Cookies & Privacy policy</h1>
<p>Privacy is important, therefor 徒 setto セット respects it!</p>
</div>
<header class="hero" id="top"
style="background-image: url(/images/pages/arget-zvhhkivur9m-unsplash.jpg);">
<div class="imagecontainer"> <div class="imagecontainer">
<h4>Cookies & Privacy policy</h4>
</div> </div>
</header> </header>
<section class="splash">
<section class="info"> <div class="container">
<div class="splash-logo" style="display: none;">
<img src="/images/setto-logo.svg" width="240px" alt="徒 setto セット Logo" />
</div>
<div style="padding: 0;">
<h1>Cookies & Privacy policy</h1>
<p>Privacy is important, therefor 徒 setto セット respects it!</p>
</div>
</div>
</section>
<section class="info" id="read">
<div class="info-pages" data-cms-content-wrapper="/_layouts/page.html"> <div class="info-pages" 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> <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>
@ -315,7 +340,6 @@
</div> </div>
</section> </section>
<!-- Footer -->
<!-- Footer --> <!-- Footer -->
@ -362,27 +386,31 @@
</section> </section>
<!-- Footer -->
<footer> <footer>
<div class="footframe">
<div> <div>
<h3>徒 setto セット</h3> <h3>徒 setto セット</h3>
<p>Set, Party, Gang! &#35;Cybersoul.</p> <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>
<li><a href="/log/">Log</a></li> <li><a href="/log/" >📰 Log</a></li>
<li><a href="/about/">About</a></li> <li><a href="/about/" >🐿 About</a></li>
<li><a href="/links/">Links</a></li> <li><a href="/links/" >🔗 Links</a></li>
</ul> </ul>
</div> </div>
<div><img src="../images/setto_logo.svg" width="100%" alt="徒 setto セット Logo" /></div>
<div><a href="#main-wrapper"><img src="../images/setto-logoicon.svg" alt="徒 setto セット Logo" /></a></div>
<small>
<div style="text-align: center;"> <div style="text-align: center;">
<a target="_blank" alt="徒 setto セット on Mastodon" title="徒 setto セット on Mastodon" rel="me noopener" <a target="_blank" alt="徒 setto セット on Mastodon" title="徒 setto セット on Mastodon" rel="me noopener"
@ -403,14 +431,15 @@
<a target="_blank" alt="email" title="email" href="mailto:setto@basspistol.com" class="icon small fas fa-envelope-open-text"><span <a target="_blank" alt="email" title="email" href="mailto:setto@basspistol.com" class="icon small fas fa-envelope-open-text"><span
class="label">Email</span></a> class="label">Email</span></a>
</div> </div>
<small> <p>&copy;2020 Basspistol | <a href="../webcreds/">Credits</a> |
<a href="../cookies/">Cookies & Privacy</a>
<p>&copy;2020 Basspistol | <a href="../webcreds/">Credits</a> | <a <br />This page was last updated on Wednesday, Sep 02, 2020</p>
href="../cookies/">Cookies & Privacy</a></p>
</small> </small>
</div>
</footer> </footer>
<!-- END Footer --> <!-- END Footer -->
@ -434,23 +463,23 @@
<a href="#close" title="Close" onclick="removeBlur()" class="close-button">X</a> <a href="#close" title="Close" onclick="removeBlur()" class="close-button">X</a>
<ul> <ul>
<li><a href="../" class="button">home</a></li> <li><a href="../" onclick="removeBlur()" class="button">🏡 Home</a></li>
<li><a href="../discography/" class="button">Discog</a></li> <li><a href="../discography/" onclick="removeBlur()" class="button">💽 Discog</a></li>
<li><a href="../log/" class="button">Log</a></li> <li><a href="../log/" onclick="removeBlur()" class="button">📰 Log</a></li>
<li><a href="../about/" class="button">About</a></li> <li><a href="../about/" onclick="removeBlur()" class="button">🐿 About</a></li>
<li><a href="../links/" class="button">Links</a></li> <li><a href="../links/" onclick="removeBlur()" class="button">🔗 Links</a></li>
@ -464,13 +493,13 @@
<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 <p>
enjoyed this enough to come back. We only use cookies if you consent to it. They don't contain any identifiable info: they just let us know if you enjoyed this enough to come back.
<br />Click <a href="#" id="cookie-notice-decline">here</a> if you want this shit to go away without cookies. <br /><a href="#" id="cookie-notice-decline">Click here</a> if you want this to go away without cookies.
<br />Read more about how me & basspistol <a href="/cookies/">use cookies</a> <br />Read more about <a href="/cookies/"> how 徒 setto セット use cookies</a>
</p> </p>
<a class="button yes" href="#" <a class="button yes" href="#"
id="cookie-notice-accept">I'm in!</a> id="cookie-notice-accept">Ok</a>
</div> </div>
@ -505,7 +534,7 @@
var _mtm = _mtm || []; var _mtm = _mtm || [];
_mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'}); _mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'});
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; 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/container_kJUGWiO2.js'; s.parentNode.insertBefore(g,s); 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 *// //* End Matomo Tag Manager *//
@ -525,7 +554,7 @@ _paq.push(['enableLinkTracking']);
_paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '11']); _paq.push(['setSiteId', '11']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; 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); g.type='text/javascript'; g.async=true; g.defer=true; g.src='https://cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
})(); })();
@ -544,7 +573,7 @@ _paq.push(['enableLinkTracking']);
_paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '11']); _paq.push(['setSiteId', '11']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; 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); g.type='text/javascript'; g.async=true; g.defer=true; g.src='https://cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
})(); })();
} }
@ -575,8 +604,7 @@ _paq.push(['enableLinkTracking']);
<script src="../assets/js/set-20200805.js"></script> <script src="../assets/js/set-20200911.js"></script>
</body> </body>

150
cyber-grany/index.html
View file

@ -105,46 +105,87 @@
<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/all.min.css" /> <link rel="stylesheet" href="../assets/css/all.min.css" />
<link rel="stylesheet" href="../assets/css/main-20200812.css" /> <link rel="stylesheet" href="../assets/css/colors-20200911.css" />
<link rel="stylesheet" href="../assets/css/main-20200911.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/noscripts-20200812.css" /></noscript> <noscript><link rel="stylesheet" href="../assets/css/noscripts-20200911.css" /></noscript>
<meta name="theme-color" content=""/>
<meta name="theme-color" content="#3c2a52"/>
</head> </head>
<body> <body>
<!-- Wrapper --> <!-- Wrapper -->
<div id="main-wrapper"> <div id="main-wrapper">
<script src="/assets/js/jquery-3.5.1.min.js"></script> <script src="/assets/js/jquery-3.5.1.min.js"></script>
<header class="hero" style="background-image: url(/images/posts/1-grandma-got-the-ssh-keys.jpeg);">
<div class="textcontainer">
<h1>Granny is a cyborg now</h1>
<p>Jazzy Cybersoul with a hint of 303 baselines.</p>
<p><a href="#plwrap" class="button">Listen</a></p>
</div>
<header class="hero" id="top"
style="background-image: url(/images/posts/1-grandma-got-the-ssh-keys.jpeg);">
<div class="imagecontainer"> <div class="imagecontainer">
<h4>Granny is a cyborg now</h4>
</div> </div>
</header> </header>
<section class="splash">
<div class="container">
<div class="splash-logo" style="display: none;">
<img src="/images/setto-logo.svg" width="240px" alt="徒 setto セット Logo" />
</div>
<div style="padding: 0;">
<h1>Granny is a cyborg now</h1>
<section class="album-player">
<h4>by <strong>徒 Setto セット</strong></h4>
<p>Jazzy Cybersoul with a hint of 303 baselines.</p>
</div>
</div>
</section>
<section>
<div class="album-player">
<!-- HERE BEGINS MADNESS --> <!-- HERE BEGINS MADNESS -->
<div class="player-wrap"> <div class="player-wrap">
<div id="plwrap"> <div id="plwrap">
@ -215,7 +256,7 @@
</h6> </h6>
<ul> <ul>
<a target="_blank" rel="nofollow noopener" title="Share to facebook" alt="Share to facebook" href="https://touch.facebook.com/sharer.php?u=https://setto.basspistol.com/cyber-grany/&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> <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>
<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> <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=basspistol" class="icon smaller fab fa-twitter"><span class="label">Twitter</span></a>
<a target="_blank" rel="nofollow noopener" title="Share to telegram" alt="Share to telgram" href="https://telegram.me/share/url?url=https://setto.basspistol.com/cyber-grany/&amp;text=Granny is a cyborg now%20by%20徒 setto セット" class="icon smaller fab fa-telegram"><span class="label ">Telegram</span></a> <a target="_blank" rel="nofollow noopener" title="Share to telegram" alt="Share to telgram" href="https://telegram.me/share/url?url=https://setto.basspistol.com/cyber-grany/&amp;text=Granny is a cyborg now%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/cyber-grany/&amp;title=Granny is a cyborg now%20by%20徒 setto セット" class="icon smaller fab fa-reddit"><span class="label">Reddit</span></a> <a target="_blank" rel="nofollow noopener" title="Share to reddit" alt="Share to reddit" href="https://reddit.com/submit/?url=https://setto.basspistol.com/cyber-grany/&amp;title=Granny is a cyborg now%20by%20徒 setto セット" class="icon smaller fab fa-reddit"><span class="label">Reddit</span></a>
</ul> </ul>
@ -224,10 +265,10 @@
</div> </div>
</div> </div>
</div> </div>
</div>
</section> </section>
<section class="info"> <section class="info">
<div data-cms-content-wrapper="/_layouts/post.html"> <div class="container" 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>
@ -308,31 +349,22 @@
<!-- post Naviation --> <!-- post Naviation -->
<section class="post-navigation"> <section class="post-navigation">
<div class="container">
<h2>Check out more</h2>
<div class="post-nav"> <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> <h4><a href="../darkweb/" alt="Read Darkweb" title="Read Darkweb"><span class="fas fa-arrow-left" style="font-size:3em;text-decoration: none;"></span></a></h4>
<h3>Darkweb</h3>
<p>As dystopian as the present might seem on-line, there is always room for the strange in the cypher...</p> <p>As dystopian as the present might seem on-line, there is always room for the strange in the cypher...</p>
</div> </div>
<div class="post-nav-next"> <div class="post-nav-next">
<h4><a href="/live-with-hardware/"><span class="fas fa-arrow-right" style="font-size:3em;"></span></a></h4>
<h3><a href="/live-with-hardware/">Live with hardware&nbsp;<span class="fas fa-arrow-right"></span></a></h3> <h3>Live with hardware</h3>
<p>There is a weird meta-core to anything social exchange on internet that I can't get my finger on. Assumptions and projections that I think partially stem from the lack in body language</p> <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>
</div>
</section> </section>
<!-- End Post Navigation --> <!-- End Post Navigation -->
@ -458,8 +490,6 @@
<!-- Footer -->
<!-- Footer --> <!-- Footer -->
@ -509,27 +539,31 @@
<!-- Footer -->
<footer> <footer>
<div class="footframe">
<div> <div>
<h3>徒 setto セット</h3> <h3>徒 setto セット</h3>
<p>Set, Party, Gang! &#35;Cybersoul.</p> <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>
<li><a href="/log/">Log</a></li> <li><a href="/log/" >📰 Log</a></li>
<li><a href="/about/">About</a></li> <li><a href="/about/" >🐿 About</a></li>
<li><a href="/links/">Links</a></li> <li><a href="/links/" >🔗 Links</a></li>
</ul> </ul>
</div> </div>
<div><img src="../images/setto_logo.svg" width="100%" alt="徒 setto セット Logo" /></div>
<div><a href="#main-wrapper"><img src="../images/setto-logoicon.svg" alt="徒 setto セット Logo" /></a></div>
<small>
<div style="text-align: center;"> <div style="text-align: center;">
<a target="_blank" alt="徒 setto セット on Mastodon" title="徒 setto セット on Mastodon" rel="me noopener" <a target="_blank" alt="徒 setto セット on Mastodon" title="徒 setto セット on Mastodon" rel="me noopener"
@ -550,14 +584,15 @@
<a target="_blank" alt="email" title="email" href="mailto:setto@basspistol.com" class="icon small fas fa-envelope-open-text"><span <a target="_blank" alt="email" title="email" href="mailto:setto@basspistol.com" class="icon small fas fa-envelope-open-text"><span
class="label">Email</span></a> class="label">Email</span></a>
</div> </div>
<small> <p>&copy;2020 Basspistol | <a href="../webcreds/">Credits</a> |
<a href="../cookies/">Cookies & Privacy</a>
<p>&copy;2020 Basspistol | <a href="../webcreds/">Credits</a> | <a <br />This page was last updated on Wednesday, Sep 02, 2020</p>
href="../cookies/">Cookies & Privacy</a></p>
</small> </small>
</div>
</footer> </footer>
<!-- END Footer --> <!-- END Footer -->
@ -581,23 +616,23 @@
<a href="#close" title="Close" onclick="removeBlur()" class="close-button">X</a> <a href="#close" title="Close" onclick="removeBlur()" class="close-button">X</a>
<ul> <ul>
<li><a href="../" class="button">home</a></li> <li><a href="../" onclick="removeBlur()" class="button">🏡 Home</a></li>
<li><a href="../discography/" class="button">Discog</a></li> <li><a href="../discography/" onclick="removeBlur()" class="button">💽 Discog</a></li>
<li><a href="../log/" class="button">Log</a></li> <li><a href="../log/" onclick="removeBlur()" class="button">📰 Log</a></li>
<li><a href="../about/" class="button">About</a></li> <li><a href="../about/" onclick="removeBlur()" class="button">🐿 About</a></li>
<li><a href="../links/" class="button">Links</a></li> <li><a href="../links/" onclick="removeBlur()" class="button">🔗 Links</a></li>
@ -611,13 +646,13 @@
<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 <p>
enjoyed this enough to come back. We only use cookies if you consent to it. They don't contain any identifiable info: they just let us know if you enjoyed this enough to come back.
<br />Click <a href="#" id="cookie-notice-decline">here</a> if you want this shit to go away without cookies. <br /><a href="#" id="cookie-notice-decline">Click here</a> if you want this to go away without cookies.
<br />Read more about how me & basspistol <a href="/cookies/">use cookies</a> <br />Read more about <a href="/cookies/"> how 徒 setto セット use cookies</a>
</p> </p>
<a class="button yes" href="#" <a class="button yes" href="#"
id="cookie-notice-accept">I'm in!</a> id="cookie-notice-accept">Ok</a>
</div> </div>
@ -652,7 +687,7 @@
var _mtm = _mtm || []; var _mtm = _mtm || [];
_mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'}); _mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'});
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; 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/container_kJUGWiO2.js'; s.parentNode.insertBefore(g,s); 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 *// //* End Matomo Tag Manager *//
@ -672,7 +707,7 @@ _paq.push(['enableLinkTracking']);
_paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '11']); _paq.push(['setSiteId', '11']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; 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); g.type='text/javascript'; g.async=true; g.defer=true; g.src='https://cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
})(); })();
@ -691,7 +726,7 @@ _paq.push(['enableLinkTracking']);
_paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '11']); _paq.push(['setSiteId', '11']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; 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); g.type='text/javascript'; g.async=true; g.defer=true; g.src='https://cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
})(); })();
} }
@ -722,8 +757,7 @@ _paq.push(['enableLinkTracking']);
<script src="../assets/js/set-20200805.js"></script> <script src="../assets/js/set-20200911.js"></script>
</body> </body>

182
darkweb/index.html
View file

@ -105,44 +105,80 @@
<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/all.min.css" /> <link rel="stylesheet" href="../assets/css/all.min.css" />
<link rel="stylesheet" href="../assets/css/main-20200812.css" /> <link rel="stylesheet" href="../assets/css/colors-20200911.css" />
<link rel="stylesheet" href="../assets/css/main-20200911.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/noscripts-20200812.css" /></noscript> <noscript><link rel="stylesheet" href="../assets/css/noscripts-20200911.css" /></noscript>
<meta name="theme-color" content=""/>
<meta name="theme-color" content="#3c2a52"/>
</head> </head>
<body> <body>
<!-- Wrapper --> <!-- Wrapper -->
<div id="main-wrapper"> <div id="main-wrapper">
<script src="/assets/js/jquery-3.5.1.min.js"></script> <script src="/assets/js/jquery-3.5.1.min.js"></script>
<header class="hero" >
<div class="textcontainer">
<h1>Darkweb</h1>
<p>As dystopian as the present might seem on-line, there is always room for the strange in the cypher...</p>
<p><a href="#plwrap" class="button">Listen</a></p>
</div>
<header class="hero" id="top"
style="">
<div class="imagecontainer"> <div class="imagecontainer">
<h4>Darkweb</h4>
</div> </div>
<video autoplay muted loop id="myVideo">
<source src="/videos/darkweb.webm" type="video/mp4">
</video>
</header> </header>
<section class="splash">
<div class="container">
<div class="splash-logo" style="display: none;">
<img src="/images/setto-logo.svg" width="240px" alt="徒 setto セット Logo" />
</div>
<div style="padding: 0;">
<h1>Darkweb</h1>
<section class="album-player">
<h4>by <strong>徒 Setto セット</strong></h4>
<p>As dystopian as the present might seem on-line, there is always room for the strange in the cypher...</p>
</div>
</div>
</section>
<section>
<div class="album-player">
<!-- HERE BEGINS MADNESS --> <!-- HERE BEGINS MADNESS -->
@ -150,6 +186,7 @@
<div class="player-wrap"> <div class="player-wrap">
<div id="plwrap"> <div id="plwrap">
@ -280,7 +317,7 @@
</h6> </h6>
<ul> <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/darkweb/&amp;quote=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 facebook" alt="Share to facebook" href="https://touch.facebook.com/sharer.php?u=https://setto.basspistol.com/darkweb/&amp;quote=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/darkweb/&amp;text=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 twitter" alt="Share to twitter" href="https://twitter.com/share?url=https://setto.basspistol.com/darkweb/&amp;text=Darkweb%20by%20徒 setto セット%20&amp;hashtags=basspistol" class="icon smaller fab fa-twitter"><span class="label">Twitter</span></a>
<a target="_blank" rel="nofollow noopener" title="Share to telegram" alt="Share to telgram" href="https://telegram.me/share/url?url=https://setto.basspistol.com/darkweb/&amp;text=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 telegram" alt="Share to telgram" href="https://telegram.me/share/url?url=https://setto.basspistol.com/darkweb/&amp;text=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/darkweb/&amp;title=Darkweb%20by%20徒 setto セット" class="icon smaller fab fa-reddit"><span class="label">Reddit</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/darkweb/&amp;title=Darkweb%20by%20徒 setto セット" class="icon smaller fab fa-reddit"><span class="label">Reddit</span></a>
</ul> </ul>
@ -289,10 +326,10 @@
</div> </div>
</div> </div>
</div> </div>
</div>
</section> </section>
<section class="info"> <section class="info">
<div data-cms-content-wrapper="/_layouts/post.html"> <div class="container" data-cms-content-wrapper="/_layouts/post.html">
<p>As dystopian as the present might seem on-line, there is always room for the strange in the cypher.</p> <p>As dystopian as the present might seem on-line, there is always room for the strange in the cypher.</p>
<p>At the end of the tunnel through the flashy but controlled cyberspace we call the “Internet”, there is a light of hope for the underground.</p> <p>At the end of the tunnel through the flashy but controlled cyberspace we call the “Internet”, there is a light of hope for the underground.</p>
@ -377,7 +414,6 @@
<section class="track-picker"> <section class="track-picker">
<div class="full-image" style="background-image:url(https://media.basspistol.com/setto.basspistol.com/darkweb/1-swipe.jpeg);"> <div class="full-image" style="background-image:url(https://media.basspistol.com/setto.basspistol.com/darkweb/1-swipe.jpeg);">
</div> </div>
<div> <div>
<h2>Swipe</h2> <h2>Swipe</h2>
@ -385,19 +421,14 @@
4:41 4:41
| <strong>Cyber Soul</strong></p> | <strong>Cyber Soul</strong></p>
<p>2019</p> <p>2019</p>
<p><a href="/albums/darkweb/1-swipe/" class="button"><span class="fas fa-play"></span> Play</a></p> <p><a href="../albums/darkweb/1-swipe/" class="button"><span class="fas fa-play"></span> Play</a></p>
</div> </div>
</section> </section>
<section class="track-picker"> <section class="track-picker">
<div class="full-image" style="background-image:url(https://media.basspistol.com/setto.basspistol.com/darkweb/2-darkweb.jpeg);"> <div class="full-image" style="background-image:url(https://media.basspistol.com/setto.basspistol.com/darkweb/2-darkweb.jpeg);">
</div> </div>
<div> <div>
<h2>Darkweb</h2> <h2>Darkweb</h2>
@ -405,19 +436,14 @@
4:45 4:45
| <strong>Cypher Rap</strong></p> | <strong>Cypher Rap</strong></p>
<p>2019</p> <p>2019</p>
<p><a href="/albums/darkweb/2-darkweb/" class="button"><span class="fas fa-play"></span> Play</a></p> <p><a href="../albums/darkweb/2-darkweb/" class="button"><span class="fas fa-play"></span> Play</a></p>
</div> </div>
</section> </section>
<section class="track-picker"> <section class="track-picker">
<div class="full-image" style="background-image:url(https://media.basspistol.com/setto.basspistol.com/darkweb/3-swipe-instrumental-.jpeg);"> <div class="full-image" style="background-image:url(https://media.basspistol.com/setto.basspistol.com/darkweb/3-swipe-instrumental-.jpeg);">
</div> </div>
<div> <div>
<h2>Swipe (Instrumental)</h2> <h2>Swipe (Instrumental)</h2>
@ -425,19 +451,14 @@
4:42 4:42
| <strong>Cyber Soul</strong></p> | <strong>Cyber Soul</strong></p>
<p>2019</p> <p>2019</p>
<p><a href="/albums/darkweb/3-swipe-instrumental-/" class="button"><span class="fas fa-play"></span> Play</a></p> <p><a href="../albums/darkweb/3-swipe-instrumental-/" class="button"><span class="fas fa-play"></span> Play</a></p>
</div> </div>
</section> </section>
<section class="track-picker"> <section class="track-picker">
<div class="full-image" style="background-image:url(https://media.basspistol.com/setto.basspistol.com/darkweb/4-darkweb-instrumental-.jpeg);"> <div class="full-image" style="background-image:url(https://media.basspistol.com/setto.basspistol.com/darkweb/4-darkweb-instrumental-.jpeg);">
</div> </div>
<div> <div>
<h2>Darkweb (Instrumental)</h2> <h2>Darkweb (Instrumental)</h2>
@ -445,12 +466,8 @@
4:44 4:44
| <strong>Cypher Rap</strong></p> | <strong>Cypher Rap</strong></p>
<p>2019</p> <p>2019</p>
<p><a href="/albums/darkweb/4-darkweb-instrumental-/" class="button"><span class="fas fa-play"></span> Play</a></p> <p><a href="../albums/darkweb/4-darkweb-instrumental-/" class="button"><span class="fas fa-play"></span> Play</a></p>
</div> </div>
</section> </section>
@ -464,31 +481,22 @@
<!-- post Naviation --> <!-- post Naviation -->
<section class="post-navigation"> <section class="post-navigation">
<div class="container">
<h2>Check out more</h2>
<div class="post-nav"> <div class="post-nav">
<h3><a href="/satoshi-mon-ami/" alt="Read Satoshi Mon Ami" title="Read Satoshi Mon Ami"><span class="fas fa-arrow-left"></span>&nbsp;Satoshi Mon Ami</a></h3> <h4><a href="../satoshi-mon-ami/" alt="Read Satoshi Mon Ami" title="Read Satoshi Mon Ami"><span class="fas fa-arrow-left" style="font-size:3em;text-decoration: none;"></span></a></h4>
<h3>Satoshi Mon Ami</h3>
<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>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>
</div> </div>
<div class="post-nav-next"> <div class="post-nav-next">
<h4><a href="/cyber-grany/"><span class="fas fa-arrow-right" style="font-size:3em;"></span></a></h4>
<h3><a href="/cyber-grany/">Granny is a cyborg now&nbsp;<span class="fas fa-arrow-right"></span></a></h3> <h3>Granny is a cyborg now</h3>
<p>Jazzy Cybersoul with a hint of 303 baselines.</p> <p>Jazzy Cybersoul with a hint of 303 baselines.</p>
</div> </div>
</div>
</section> </section>
<!-- End Post Navigation --> <!-- End Post Navigation -->
@ -632,8 +640,6 @@
<!-- Footer -->
<!-- Footer --> <!-- Footer -->
@ -682,27 +688,31 @@
<!-- Footer -->
<footer> <footer>
<div class="footframe">
<div> <div>
<h3>徒 setto セット</h3> <h3>徒 setto セット</h3>
<p>Set, Party, Gang! &#35;Cybersoul.</p> <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>
<li><a href="/log/">Log</a></li> <li><a href="/log/" >📰 Log</a></li>
<li><a href="/about/">About</a></li> <li><a href="/about/" >🐿 About</a></li>
<li><a href="/links/">Links</a></li> <li><a href="/links/" >🔗 Links</a></li>
</ul> </ul>
</div> </div>
<div><img src="../images/setto_logo.svg" width="100%" alt="徒 setto セット Logo" /></div>
<div><a href="#main-wrapper"><img src="../images/setto-logoicon.svg" alt="徒 setto セット Logo" /></a></div>
<small>
<div style="text-align: center;"> <div style="text-align: center;">
<a target="_blank" alt="徒 setto セット on Mastodon" title="徒 setto セット on Mastodon" rel="me noopener" <a target="_blank" alt="徒 setto セット on Mastodon" title="徒 setto セット on Mastodon" rel="me noopener"
@ -723,14 +733,15 @@
<a target="_blank" alt="email" title="email" href="mailto:setto@basspistol.com" class="icon small fas fa-envelope-open-text"><span <a target="_blank" alt="email" title="email" href="mailto:setto@basspistol.com" class="icon small fas fa-envelope-open-text"><span
class="label">Email</span></a> class="label">Email</span></a>
</div> </div>
<small> <p>&copy;2020 Basspistol | <a href="../webcreds/">Credits</a> |
<a href="../cookies/">Cookies & Privacy</a>
<p>&copy;2020 Basspistol | <a href="../webcreds/">Credits</a> | <a <br />This page was last updated on Wednesday, Sep 02, 2020</p>
href="../cookies/">Cookies & Privacy</a></p>
</small> </small>
</div>
</footer> </footer>
<!-- END Footer --> <!-- END Footer -->
@ -754,23 +765,23 @@
<a href="#close" title="Close" onclick="removeBlur()" class="close-button">X</a> <a href="#close" title="Close" onclick="removeBlur()" class="close-button">X</a>
<ul> <ul>
<li><a href="../" class="button">home</a></li> <li><a href="../" onclick="removeBlur()" class="button">🏡 Home</a></li>
<li><a href="../discography/" class="button">Discog</a></li> <li><a href="../discography/" onclick="removeBlur()" class="button">💽 Discog</a></li>
<li><a href="../log/" class="button">Log</a></li> <li><a href="../log/" onclick="removeBlur()" class="button">📰 Log</a></li>
<li><a href="../about/" class="button">About</a></li> <li><a href="../about/" onclick="removeBlur()" class="button">🐿 About</a></li>
<li><a href="../links/" class="button">Links</a></li> <li><a href="../links/" onclick="removeBlur()" class="button">🔗 Links</a></li>
@ -784,13 +795,13 @@
<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 <p>
enjoyed this enough to come back. We only use cookies if you consent to it. They don't contain any identifiable info: they just let us know if you enjoyed this enough to come back.
<br />Click <a href="#" id="cookie-notice-decline">here</a> if you want this shit to go away without cookies. <br /><a href="#" id="cookie-notice-decline">Click here</a> if you want this to go away without cookies.
<br />Read more about how me & basspistol <a href="/cookies/">use cookies</a> <br />Read more about <a href="/cookies/"> how 徒 setto セット use cookies</a>
</p> </p>
<a class="button yes" href="#" <a class="button yes" href="#"
id="cookie-notice-accept">I'm in!</a> id="cookie-notice-accept">Ok</a>
</div> </div>
@ -825,7 +836,7 @@
var _mtm = _mtm || []; var _mtm = _mtm || [];
_mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'}); _mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'});
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; 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/container_kJUGWiO2.js'; s.parentNode.insertBefore(g,s); 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 *// //* End Matomo Tag Manager *//
@ -845,7 +856,7 @@ _paq.push(['enableLinkTracking']);
_paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '11']); _paq.push(['setSiteId', '11']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; 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); g.type='text/javascript'; g.async=true; g.defer=true; g.src='https://cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
})(); })();
@ -864,7 +875,7 @@ _paq.push(['enableLinkTracking']);
_paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '11']); _paq.push(['setSiteId', '11']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; 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); g.type='text/javascript'; g.async=true; g.defer=true; g.src='https://cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
})(); })();
} }
@ -895,12 +906,11 @@ _paq.push(['enableLinkTracking']);
<script src="../assets/js/set-20200805.js"></script> <script src="../assets/js/set-20200911.js"></script>
<div class="fullscreen-bg"> <div class="fullscreen-bg">
<video autoplay muted loop poster="/images/darkweb.jpg" class="fullscreen-bg__video" data-matomo-title="Darkweb-bg-video"> <video autoplay muted loop poster="/images/darkweb.jpg" class="fullscreen-bg__video">
<source src="/videos/darkweb.webm" type="video/mp4"> <source src="/videos/darkweb.webm" type="video/mp4">
</video> </video>
</div> </div>

101
discography/index.html
View file

@ -117,37 +117,62 @@
<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/all.min.css" /> <link rel="stylesheet" href="../assets/css/all.min.css" />
<link rel="stylesheet" href="../assets/css/main-20200812.css" /> <link rel="stylesheet" href="../assets/css/colors-20200911.css" />
<link rel="stylesheet" href="../assets/css/main-20200911.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/noscripts-20200812.css" /></noscript> <noscript><link rel="stylesheet" href="../assets/css/noscripts-20200911.css" /></noscript>
<meta name="theme-color" content=""/>
<meta name="theme-color" content="#3c2a52"/>
</head> </head>
<body> <body>
<!-- Wrapper --> <!-- Wrapper -->
<div id="main-wrapper"> <div id="main-wrapper">
<header class="hero" style="background-image: url(/images/pages/jack-hamilton-CMnNiQBkwBI-unsplash.jpg);">
<div class="textcontainer">
<h1>Discography</h1>
<p>Collection of music releases published by 徒 setto セット over the years.</p>
</div>
<header class="hero" id="top"
style="background-image: url(/images/pages/jack-hamilton-CMnNiQBkwBI-unsplash.jpg);">
<div class="imagecontainer"> <div class="imagecontainer">
<h4>Discography</h4>
</div> </div>
</header> </header>
<section class="splash">
<div class="container">
<div class="splash-logo" style="display: none;">
<img src="/images/setto-logo.svg" width="240px" alt="徒 setto セット Logo" />
</div>
<div style="padding: 0;">
<h1>Discography</h1>
<p>Collection of music releases published by 徒 setto セット over the years.</p>
</div>
</div>
</section>
@ -271,8 +296,6 @@ Open your mind, open the source!</p>
</section> </section>
<!-- Footer -->
<!-- Footer --> <!-- Footer -->
@ -318,27 +341,31 @@ Open your mind, open the source!</p>
</section> </section>
<!-- Footer -->
<footer> <footer>
<div class="footframe">
<div> <div>
<h3>徒 setto セット</h3> <h3>徒 setto セット</h3>
<p>Set, Party, Gang! &#35;Cybersoul.</p> <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>
<li><a href="/log/">Log</a></li> <li><a href="/log/" >📰 Log</a></li>
<li><a href="/about/">About</a></li> <li><a href="/about/" >🐿 About</a></li>
<li><a href="/links/">Links</a></li> <li><a href="/links/" >🔗 Links</a></li>
</ul> </ul>
</div> </div>
<div><img src="../images/setto_logo.svg" width="100%" alt="徒 setto セット Logo" /></div>
<div><a href="#main-wrapper"><img src="../images/setto-logoicon.svg" alt="徒 setto セット Logo" /></a></div>
<small>
<div style="text-align: center;"> <div style="text-align: center;">
<a target="_blank" alt="徒 setto セット on Mastodon" title="徒 setto セット on Mastodon" rel="me noopener" <a target="_blank" alt="徒 setto セット on Mastodon" title="徒 setto セット on Mastodon" rel="me noopener"
@ -359,14 +386,15 @@ Open your mind, open the source!</p>
<a target="_blank" alt="email" title="email" href="mailto:setto@basspistol.com" class="icon small fas fa-envelope-open-text"><span <a target="_blank" alt="email" title="email" href="mailto:setto@basspistol.com" class="icon small fas fa-envelope-open-text"><span
class="label">Email</span></a> class="label">Email</span></a>
</div> </div>
<small> <p>&copy;2020 Basspistol | <a href="../webcreds/">Credits</a> |
<a href="../cookies/">Cookies & Privacy</a>
<p>&copy;2020 Basspistol | <a href="../webcreds/">Credits</a> | <a <br />This page was last updated on Wednesday, Sep 02, 2020</p>
href="../cookies/">Cookies & Privacy</a></p>
</small> </small>
</div>
</footer> </footer>
<!-- END Footer --> <!-- END Footer -->
@ -390,23 +418,23 @@ Open your mind, open the source!</p>
<a href="#close" title="Close" onclick="removeBlur()" class="close-button">X</a> <a href="#close" title="Close" onclick="removeBlur()" class="close-button">X</a>
<ul> <ul>
<li><a href="../" class="button">home</a></li> <li><a href="../" onclick="removeBlur()" class="button">🏡 Home</a></li>
<li><a href="../discography/" class="button">Discog</a></li> <li><a href="../discography/" onclick="removeBlur()" class="button">💽 Discog</a></li>
<li><a href="../log/" class="button">Log</a></li> <li><a href="../log/" onclick="removeBlur()" class="button">📰 Log</a></li>
<li><a href="../about/" class="button">About</a></li> <li><a href="../about/" onclick="removeBlur()" class="button">🐿 About</a></li>
<li><a href="../links/" class="button">Links</a></li> <li><a href="../links/" onclick="removeBlur()" class="button">🔗 Links</a></li>
@ -420,13 +448,13 @@ Open your mind, open the source!</p>
<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 <p>
enjoyed this enough to come back. We only use cookies if you consent to it. They don't contain any identifiable info: they just let us know if you enjoyed this enough to come back.
<br />Click <a href="#" id="cookie-notice-decline">here</a> if you want this shit to go away without cookies. <br /><a href="#" id="cookie-notice-decline">Click here</a> if you want this to go away without cookies.
<br />Read more about how me & basspistol <a href="/cookies/">use cookies</a> <br />Read more about <a href="/cookies/"> how 徒 setto セット use cookies</a>
</p> </p>
<a class="button yes" href="#" <a class="button yes" href="#"
id="cookie-notice-accept">I'm in!</a> id="cookie-notice-accept">Ok</a>
</div> </div>
@ -461,7 +489,7 @@ Open your mind, open the source!</p>
var _mtm = _mtm || []; var _mtm = _mtm || [];
_mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'}); _mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'});
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; 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/container_kJUGWiO2.js'; s.parentNode.insertBefore(g,s); 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 *// //* End Matomo Tag Manager *//
@ -481,7 +509,7 @@ _paq.push(['enableLinkTracking']);
_paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '11']); _paq.push(['setSiteId', '11']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; 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); g.type='text/javascript'; g.async=true; g.defer=true; g.src='https://cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
})(); })();
@ -500,7 +528,7 @@ _paq.push(['enableLinkTracking']);
_paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '11']); _paq.push(['setSiteId', '11']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; 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); g.type='text/javascript'; g.async=true; g.defer=true; g.src='https://cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
})(); })();
} }
@ -531,8 +559,7 @@ _paq.push(['enableLinkTracking']);
<script src="../assets/js/set-20200805.js"></script> <script src="../assets/js/set-20200911.js"></script>
</body> </body>

2
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>Fri, 11 Sep 2020 16:25:42 +0000</lastBuildDate> <lastBuildDate>Fri, 11 Sep 2020 17:14:16 +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>

136
images/setto-logoicon.svg
View file

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

Before

Width:  |  Height:  |  Size: 58 KiB

After

Width:  |  Height:  |  Size: 38 KiB

254
index.html
View file

@ -38,7 +38,7 @@
<title>Yo, web-TV crib! ゲットー・スービド | 徒 setto セット</title> <title>Yo, web-TV crib! ゲットー・スービド | 徒 setto セット</title>
<meta name="title" content="Yo, web-TV 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-09-02T07:07:03+00:00" /> <meta name="dc.date.modified" scheme="ISO8601" content="2020-09-11T17:14:13+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/" />
@ -62,7 +62,7 @@
<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, web-TV 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-09-02" /> <meta name="dcterms.Date" content="2020-09-11" />
<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 -->
@ -73,7 +73,7 @@
<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-09-02T07:07:03+00:00" /> <meta property="article:published_time" content="2020-09-11T17:14:13+00:00" />
<meta property="og:image" content="https://setto.basspistol.com/images/pages/pingu.jpg" /> <meta property="og:image" content="https://setto.basspistol.com/images/pages/pingu.jpg" />
<!-- Twitter Card --> <!-- Twitter Card -->
@ -117,38 +117,48 @@
<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/all.min.css" /> <link rel="stylesheet" href="./assets/css/all.min.css" />
<link rel="stylesheet" href="./assets/css/main-20200812.css" /> <link rel="stylesheet" href="./assets/css/colors-20200911.css" />
<link rel="stylesheet" href="./assets/css/main-20200911.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/noscripts-20200812.css" /></noscript> <noscript><link rel="stylesheet" href="./assets/css/noscripts-20200911.css" /></noscript>
<meta name="theme-color" content=""/>
<meta name="theme-color" content="#3c2a52"/>
</head> </head>
<body> <body>
<!-- Wrapper --> <!-- Wrapper -->
<div id="main-wrapper"> <div id="main-wrapper">
<header class="hero" style="background-image: url(/images/pages/pingu.jpg);"> <header class="hero" id="top"
<div class="textcontainer"> style="background-image: url(/images/pages/pingu.jpg);">
<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>
</div>
<div class="imagecontainer"> <div class="imagecontainer">
<h4>Yo, web-TV crib! ゲットー・スービド</h4>
</div> </div>
</header> </header>
<section class="splash">
<div class="container">
<div class="splash-logo">
<img src="/images/setto-logoicon.svg" width="240px" alt="徒 setto セット Logo" />
</div>
<div>
<h1>徒 setto セット</h1>
<p>The music of To Setto Setto is a cypher cloud jam induced by popcorn chewing threads in obscure chat-rooms.</p>
</div>
</div>
</section>
<section class="news"> <section class="news">
@ -172,8 +182,11 @@
</section> </section>
<section class="releases"> <section class="releases">
<h2>EPs and LPs</h2> <h2>Releases</h2>
<div class="container">
@ -183,6 +196,27 @@
<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" alt="Cover art for Live with hardware" /></a>
<figcaption>
<strong>Live with hardware</strong><br />
11:23
<br />
2020
</figcaption>
</figure>
</article>
@ -274,6 +308,27 @@
<article>
<figure>
<a href="/cyber-grany/">
<img src="https://media.basspistol.com/setto.basspistol.com/cyber-grany/1-grandma-got-the-ssh-keys.jpeg" alt="Cover art for Granny is a cyborg now" /></a>
<figcaption>
<strong>Cyber Grany</strong><br />
3:22
<br />
2019
</figcaption>
</figure>
</article>
@ -319,119 +374,8 @@
</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" alt="Cover art for Live with hardware" /></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" alt="Cover art for Granny is a cyborg now" /></a>
<figcaption>
<strong>Grandma got the SSH keys</strong><br />
3:22 |
Acid Trap
</figcaption>
</figure>
</article>
</section>
<!-- Footer -->
<!-- Footer --> <!-- Footer -->
@ -478,25 +422,29 @@
</section> </section>
<!-- Footer -->
<footer> <footer>
<div class="footframe">
<div> <div>
<h3>徒 setto セット</h3> <h3>徒 setto セット</h3>
<p>Set, Party, Gang! &#35;Cybersoul.</p> <p>Set, Party, Gang! &#35;Cybersoul.</p>
<ul> <ul>
<li><a href="/discography/">Discog</a></li> <li><a href="/discography/" >💽 Discog</a></li>
<li><a href="/log/">Log</a></li> <li><a href="/log/" >📰 Log</a></li>
<li><a href="/about/">About</a></li> <li><a href="/about/" >🐿 About</a></li>
<li><a href="/links/">Links</a></li> <li><a href="/links/" >🔗 Links</a></li>
</ul> </ul>
</div> </div>
<div><img src="./images/setto_logo.svg" width="100%" alt="徒 setto セット Logo" /></div>
<div><a href="#main-wrapper"><img src="./images/setto-logoicon.svg" alt="徒 setto セット Logo" /></a></div>
<small>
<div style="text-align: center;"> <div style="text-align: center;">
<a target="_blank" alt="徒 setto セット on Mastodon" title="徒 setto セット on Mastodon" rel="me noopener" <a target="_blank" alt="徒 setto セット on Mastodon" title="徒 setto セット on Mastodon" rel="me noopener"
@ -517,14 +465,15 @@
<a target="_blank" alt="email" title="email" href="mailto:setto@basspistol.com" class="icon small fas fa-envelope-open-text"><span <a target="_blank" alt="email" title="email" href="mailto:setto@basspistol.com" class="icon small fas fa-envelope-open-text"><span
class="label">Email</span></a> class="label">Email</span></a>
</div> </div>
<small> <p>&copy;2020 Basspistol | <a href="./webcreds/">Credits</a> |
<a href="./cookies/">Cookies & Privacy</a>
<p>&copy;2020 Basspistol | <a href="./webcreds/">Credits</a> | <a <br />This page was last updated on Friday, Sep 11, 2020</p>
href="./cookies/">Cookies & Privacy</a></p>
</small> </small>
</div>
</footer> </footer>
<!-- END Footer --> <!-- END Footer -->
@ -534,7 +483,7 @@
<!-- Navigation --> <!-- Navigation -->
<div id="sticky" class="logo"> <div id="sticky" class="logo">
<a id="logo" href="/"><img height="40px" src="/images/setto-logo.svg" alt="徒 setto セット Logo" /></a> <a id="logo" href="#top"><img height="40px" src="/images/setto-logo.svg" alt="徒 setto セット Logo" /></a>
<a href="#navbar" onclick="blurBody()" alt="Navigation Menu" title="Navigation Menu"><span <a href="#navbar" onclick="blurBody()" alt="Navigation Menu" title="Navigation Menu"><span
class="fas fa-bars navmenu"></span></a> class="fas fa-bars navmenu"></span></a>
@ -550,19 +499,19 @@
<li><a href="./discography/" class="button">Discog</a></li> <li><a href="./discography/" onclick="removeBlur()" class="button">💽 Discog</a></li>
<li><a href="./log/" class="button">Log</a></li> <li><a href="./log/" onclick="removeBlur()" class="button">📰 Log</a></li>
<li><a href="./about/" class="button">About</a></li> <li><a href="./about/" onclick="removeBlur()" class="button">🐿 About</a></li>
<li><a href="./links/" class="button">Links</a></li> <li><a href="./links/" onclick="removeBlur()" class="button">🔗 Links</a></li>
@ -576,13 +525,13 @@
<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 <p>
enjoyed this enough to come back. We only use cookies if you consent to it. They don't contain any identifiable info: they just let us know if you enjoyed this enough to come back.
<br />Click <a href="#" id="cookie-notice-decline">here</a> if you want this shit to go away without cookies. <br /><a href="#" id="cookie-notice-decline">Click here</a> if you want this to go away without cookies.
<br />Read more about how me & basspistol <a href="/cookies/">use cookies</a> <br />Read more about <a href="/cookies/"> how 徒 setto セット use cookies</a>
</p> </p>
<a class="button yes" href="#" <a class="button yes" href="#"
id="cookie-notice-accept">I'm in!</a> id="cookie-notice-accept">Ok</a>
</div> </div>
@ -617,7 +566,7 @@
var _mtm = _mtm || []; var _mtm = _mtm || [];
_mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'}); _mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'});
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; 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/container_kJUGWiO2.js'; s.parentNode.insertBefore(g,s); 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 *// //* End Matomo Tag Manager *//
@ -637,7 +586,7 @@ _paq.push(['enableLinkTracking']);
_paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '11']); _paq.push(['setSiteId', '11']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; 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); g.type='text/javascript'; g.async=true; g.defer=true; g.src='https://cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
})(); })();
@ -656,7 +605,7 @@ _paq.push(['enableLinkTracking']);
_paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '11']); _paq.push(['setSiteId', '11']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; 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); g.type='text/javascript'; g.async=true; g.defer=true; g.src='https://cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
})(); })();
} }
@ -687,8 +636,7 @@ _paq.push(['enableLinkTracking']);
<script src="./assets/js/set-20200805.js"></script> <script src="./assets/js/set-20200911.js"></script>
</body> </body>

101
links/index.html
View file

@ -117,37 +117,62 @@
<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/all.min.css" /> <link rel="stylesheet" href="../assets/css/all.min.css" />
<link rel="stylesheet" href="../assets/css/main-20200812.css" /> <link rel="stylesheet" href="../assets/css/colors-20200911.css" />
<link rel="stylesheet" href="../assets/css/main-20200911.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/noscripts-20200812.css" /></noscript> <noscript><link rel="stylesheet" href="../assets/css/noscripts-20200911.css" /></noscript>
<meta name="theme-color" content=""/>
<meta name="theme-color" content="#3c2a52"/>
</head> </head>
<body> <body>
<!-- Wrapper --> <!-- Wrapper -->
<div id="main-wrapper"> <div id="main-wrapper">
<header class="hero" style="background-image: url(/images/pages/phone.jpg);">
<div class="textcontainer">
<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>
</div>
<header class="hero" id="top"
style="background-image: url(/images/pages/phone.jpg);">
<div class="imagecontainer"> <div class="imagecontainer">
<h4>Links</h4>
</div> </div>
</header> </header>
<section class="splash">
<div class="container">
<div class="splash-logo" style="display: none;">
<img src="/images/setto-logo.svg" width="240px" alt="徒 setto セット Logo" />
</div>
<div style="padding: 0;">
<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>
</div>
</div>
</section>
@ -242,8 +267,6 @@
<!-- Footer -->
<!-- Footer --> <!-- Footer -->
@ -289,27 +312,31 @@
</section> </section>
<!-- Footer -->
<footer> <footer>
<div class="footframe">
<div> <div>
<h3>徒 setto セット</h3> <h3>徒 setto セット</h3>
<p>Set, Party, Gang! &#35;Cybersoul.</p> <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>
<li><a href="/log/">Log</a></li> <li><a href="/log/" >📰 Log</a></li>
<li><a href="/about/">About</a></li> <li><a href="/about/" >🐿 About</a></li>
<li><a href="/links/">Links</a></li> <li><a href="/links/" >🔗 Links</a></li>
</ul> </ul>
</div> </div>
<div><img src="../images/setto_logo.svg" width="100%" alt="徒 setto セット Logo" /></div>
<div><a href="#main-wrapper"><img src="../images/setto-logoicon.svg" alt="徒 setto セット Logo" /></a></div>
<small>
<div style="text-align: center;"> <div style="text-align: center;">
<a target="_blank" alt="徒 setto セット on Mastodon" title="徒 setto セット on Mastodon" rel="me noopener" <a target="_blank" alt="徒 setto セット on Mastodon" title="徒 setto セット on Mastodon" rel="me noopener"
@ -330,14 +357,15 @@
<a target="_blank" alt="email" title="email" href="mailto:setto@basspistol.com" class="icon small fas fa-envelope-open-text"><span <a target="_blank" alt="email" title="email" href="mailto:setto@basspistol.com" class="icon small fas fa-envelope-open-text"><span
class="label">Email</span></a> class="label">Email</span></a>
</div> </div>
<small> <p>&copy;2020 Basspistol | <a href="../webcreds/">Credits</a> |
<a href="../cookies/">Cookies & Privacy</a>
<p>&copy;2020 Basspistol | <a href="../webcreds/">Credits</a> | <a <br />This page was last updated on Wednesday, Sep 02, 2020</p>
href="../cookies/">Cookies & Privacy</a></p>
</small> </small>
</div>
</footer> </footer>
<!-- END Footer --> <!-- END Footer -->
@ -361,23 +389,23 @@
<a href="#close" title="Close" onclick="removeBlur()" class="close-button">X</a> <a href="#close" title="Close" onclick="removeBlur()" class="close-button">X</a>
<ul> <ul>
<li><a href="../" class="button">home</a></li> <li><a href="../" onclick="removeBlur()" class="button">🏡 Home</a></li>
<li><a href="../discography/" class="button">Discog</a></li> <li><a href="../discography/" onclick="removeBlur()" class="button">💽 Discog</a></li>
<li><a href="../log/" class="button">Log</a></li> <li><a href="../log/" onclick="removeBlur()" class="button">📰 Log</a></li>
<li><a href="../about/" class="button">About</a></li> <li><a href="../about/" onclick="removeBlur()" class="button">🐿 About</a></li>
<li><a href="../links/" class="button">Links</a></li> <li><a href="../links/" onclick="removeBlur()" class="button">🔗 Links</a></li>
@ -391,13 +419,13 @@
<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 <p>
enjoyed this enough to come back. We only use cookies if you consent to it. They don't contain any identifiable info: they just let us know if you enjoyed this enough to come back.
<br />Click <a href="#" id="cookie-notice-decline">here</a> if you want this shit to go away without cookies. <br /><a href="#" id="cookie-notice-decline">Click here</a> if you want this to go away without cookies.
<br />Read more about how me & basspistol <a href="/cookies/">use cookies</a> <br />Read more about <a href="/cookies/"> how 徒 setto セット use cookies</a>
</p> </p>
<a class="button yes" href="#" <a class="button yes" href="#"
id="cookie-notice-accept">I'm in!</a> id="cookie-notice-accept">Ok</a>
</div> </div>
@ -432,7 +460,7 @@
var _mtm = _mtm || []; var _mtm = _mtm || [];
_mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'}); _mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'});
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; 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/container_kJUGWiO2.js'; s.parentNode.insertBefore(g,s); 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 *// //* End Matomo Tag Manager *//
@ -452,7 +480,7 @@ _paq.push(['enableLinkTracking']);
_paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '11']); _paq.push(['setSiteId', '11']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; 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); g.type='text/javascript'; g.async=true; g.defer=true; g.src='https://cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
})(); })();
@ -471,7 +499,7 @@ _paq.push(['enableLinkTracking']);
_paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '11']); _paq.push(['setSiteId', '11']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; 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); g.type='text/javascript'; g.async=true; g.defer=true; g.src='https://cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
})(); })();
} }
@ -502,8 +530,7 @@ _paq.push(['enableLinkTracking']);
<script src="../assets/js/set-20200805.js"></script> <script src="../assets/js/set-20200911.js"></script>
</body> </body>

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

@ -105,40 +105,80 @@
<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/all.min.css" /> <link rel="stylesheet" href="../assets/css/all.min.css" />
<link rel="stylesheet" href="../assets/css/main-20200812.css" /> <link rel="stylesheet" href="../assets/css/colors-20200911.css" />
<link rel="stylesheet" href="../assets/css/main-20200911.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/noscripts-20200812.css" /></noscript> <noscript><link rel="stylesheet" href="../assets/css/noscripts-20200911.css" /></noscript>
<meta name="theme-color" content=""/>
<meta name="theme-color" content="#3c2a52"/>
</head> </head>
<body> <body>
<!-- Wrapper --> <!-- Wrapper -->
<div id="main-wrapper"> <div id="main-wrapper">
<script src="/assets/js/jquery-3.5.1.min.js"></script> <script src="/assets/js/jquery-3.5.1.min.js"></script>
<header class="hero" style="background-image: url(/images/posts/1-ep-life-of-a-dudelini.jpeg);">
<div class="textcontainer">
<h1>Live with hardware</h1>
<p>There is a weird meta-core to anything social exchange on internet that I can't get my finger on. Assumptions and projections that I think partially stem from the lack in body language</p>
<p><a href="#plwrap" class="button">Listen</a></p>
</div>
<header class="hero" id="top"
style="background-image: url(/images/posts/1-ep-life-of-a-dudelini.jpeg);">
<div class="imagecontainer"> <div class="imagecontainer">
<h4>Live with hardware</h4>
</div> </div>
</header> </header>
<section class="splash">
<div class="container">
<div class="splash-logo" style="display: none;">
<img src="/images/setto-logo.svg" width="240px" alt="徒 setto セット Logo" />
</div>
<div style="padding: 0;">
<h1>Live with hardware</h1>
<section class="album-player">
<h4>by <strong>徒 Setto セット</strong></h4>
<p>There is a weird meta-core to anything social exchange on internet that I can't get my finger on. Assumptions and projections that I think partially stem from the lack in body language</p>
</div>
</div>
</section>
<section>
<div class="album-player">
<!-- HERE BEGINS MADNESS --> <!-- HERE BEGINS MADNESS -->
@ -148,6 +188,7 @@
<div class="player-wrap"> <div class="player-wrap">
<div id="plwrap"> <div id="plwrap">
@ -218,7 +259,7 @@
</h6> </h6>
<ul> <ul>
<a target="_blank" rel="nofollow noopener" title="Share to facebook" alt="Share to facebook" href="https://touch.facebook.com/sharer.php?u=https://setto.basspistol.com/live-with-hardware/&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> <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>
<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> <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=basspistol" class="icon smaller fab fa-twitter"><span class="label">Twitter</span></a>
<a target="_blank" rel="nofollow noopener" title="Share to telegram" alt="Share to telgram" href="https://telegram.me/share/url?url=https://setto.basspistol.com/live-with-hardware/&amp;text=Live with hardware%20by%20徒 setto セット" class="icon smaller fab fa-telegram"><span class="label ">Telegram</span></a> <a target="_blank" rel="nofollow noopener" title="Share to telegram" alt="Share to telgram" href="https://telegram.me/share/url?url=https://setto.basspistol.com/live-with-hardware/&amp;text=Live with hardware%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/live-with-hardware/&amp;title=Live with hardware%20by%20徒 setto セット" class="icon smaller fab fa-reddit"><span class="label">Reddit</span></a> <a target="_blank" rel="nofollow noopener" title="Share to reddit" alt="Share to reddit" href="https://reddit.com/submit/?url=https://setto.basspistol.com/live-with-hardware/&amp;title=Live with hardware%20by%20徒 setto セット" class="icon smaller fab fa-reddit"><span class="label">Reddit</span></a>
</ul> </ul>
@ -227,10 +268,10 @@
</div> </div>
</div> </div>
</div> </div>
</div>
</section> </section>
<section class="info"> <section class="info">
<div data-cms-content-wrapper="/_layouts/post.html"> <div class="container" 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>
@ -315,33 +356,24 @@
<!-- post Naviation --> <!-- post Naviation -->
<section class="post-navigation"> <section class="post-navigation">
<div class="container">
<h2>Check out more</h2>
<div class="post-nav"> <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> <h4><a href="../cyber-grany/" alt="Read Granny is a cyborg now" title="Read Granny is a cyborg now"><span class="fas fa-arrow-left" style="font-size:3em;text-decoration: none;"></span></a></h4>
<h3>Granny is a cyborg now</h3>
<p>Jazzy Cybersoul with a hint of 303 baselines.</p> <p>Jazzy Cybersoul with a hint of 303 baselines.</p>
</div> </div>
<div class="post-nav-next"> <div class="post-nav-next">
<h4><a href="/unmet-dependencies/"><span class="fas fa-arrow-right" style="font-size:3em;"></span></a></h4>
<h3><a href="/unmet-dependencies/">Unmet Dependencies&nbsp;<span class="fas fa-arrow-right"></span></a></h3> <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. <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>
</div> </div>
</div>
</section> </section>
<!-- End Post Navigation --> <!-- End Post Navigation -->
@ -467,8 +499,6 @@ Open your mind, open the source!</p>
<!-- Footer -->
<!-- Footer --> <!-- Footer -->
@ -518,27 +548,31 @@ Open your mind, open the source!</p>
<!-- Footer -->
<footer> <footer>
<div class="footframe">
<div> <div>
<h3>徒 setto セット</h3> <h3>徒 setto セット</h3>
<p>Set, Party, Gang! &#35;Cybersoul.</p> <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>
<li><a href="/log/">Log</a></li> <li><a href="/log/" >📰 Log</a></li>
<li><a href="/about/">About</a></li> <li><a href="/about/" >🐿 About</a></li>
<li><a href="/links/">Links</a></li> <li><a href="/links/" >🔗 Links</a></li>
</ul> </ul>
</div> </div>
<div><img src="../images/setto_logo.svg" width="100%" alt="徒 setto セット Logo" /></div>
<div><a href="#main-wrapper"><img src="../images/setto-logoicon.svg" alt="徒 setto セット Logo" /></a></div>
<small>
<div style="text-align: center;"> <div style="text-align: center;">
<a target="_blank" alt="徒 setto セット on Mastodon" title="徒 setto セット on Mastodon" rel="me noopener" <a target="_blank" alt="徒 setto セット on Mastodon" title="徒 setto セット on Mastodon" rel="me noopener"
@ -559,14 +593,15 @@ Open your mind, open the source!</p>
<a target="_blank" alt="email" title="email" href="mailto:setto@basspistol.com" class="icon small fas fa-envelope-open-text"><span <a target="_blank" alt="email" title="email" href="mailto:setto@basspistol.com" class="icon small fas fa-envelope-open-text"><span
class="label">Email</span></a> class="label">Email</span></a>
</div> </div>
<small> <p>&copy;2020 Basspistol | <a href="../webcreds/">Credits</a> |
<a href="../cookies/">Cookies & Privacy</a>
<p>&copy;2020 Basspistol | <a href="../webcreds/">Credits</a> | <a <br />This page was last updated on Wednesday, Sep 02, 2020</p>
href="../cookies/">Cookies & Privacy</a></p>
</small> </small>
</div>
</footer> </footer>
<!-- END Footer --> <!-- END Footer -->
@ -590,23 +625,23 @@ Open your mind, open the source!</p>
<a href="#close" title="Close" onclick="removeBlur()" class="close-button">X</a> <a href="#close" title="Close" onclick="removeBlur()" class="close-button">X</a>
<ul> <ul>
<li><a href="../" class="button">home</a></li> <li><a href="../" onclick="removeBlur()" class="button">🏡 Home</a></li>
<li><a href="../discography/" class="button">Discog</a></li> <li><a href="../discography/" onclick="removeBlur()" class="button">💽 Discog</a></li>
<li><a href="../log/" class="button">Log</a></li> <li><a href="../log/" onclick="removeBlur()" class="button">📰 Log</a></li>
<li><a href="../about/" class="button">About</a></li> <li><a href="../about/" onclick="removeBlur()" class="button">🐿 About</a></li>
<li><a href="../links/" class="button">Links</a></li> <li><a href="../links/" onclick="removeBlur()" class="button">🔗 Links</a></li>
@ -620,13 +655,13 @@ Open your mind, open the source!</p>
<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 <p>
enjoyed this enough to come back. We only use cookies if you consent to it. They don't contain any identifiable info: they just let us know if you enjoyed this enough to come back.
<br />Click <a href="#" id="cookie-notice-decline">here</a> if you want this shit to go away without cookies. <br /><a href="#" id="cookie-notice-decline">Click here</a> if you want this to go away without cookies.
<br />Read more about how me & basspistol <a href="/cookies/">use cookies</a> <br />Read more about <a href="/cookies/"> how 徒 setto セット use cookies</a>
</p> </p>
<a class="button yes" href="#" <a class="button yes" href="#"
id="cookie-notice-accept">I'm in!</a> id="cookie-notice-accept">Ok</a>
</div> </div>
@ -661,7 +696,7 @@ Open your mind, open the source!</p>
var _mtm = _mtm || []; var _mtm = _mtm || [];
_mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'}); _mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'});
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; 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/container_kJUGWiO2.js'; s.parentNode.insertBefore(g,s); 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 *// //* End Matomo Tag Manager *//
@ -681,7 +716,7 @@ _paq.push(['enableLinkTracking']);
_paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '11']); _paq.push(['setSiteId', '11']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; 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); g.type='text/javascript'; g.async=true; g.defer=true; g.src='https://cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
})(); })();
@ -700,7 +735,7 @@ _paq.push(['enableLinkTracking']);
_paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '11']); _paq.push(['setSiteId', '11']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; 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); g.type='text/javascript'; g.async=true; g.defer=true; g.src='https://cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
})(); })();
} }
@ -731,8 +766,7 @@ _paq.push(['enableLinkTracking']);
<script src="../assets/js/set-20200805.js"></script> <script src="../assets/js/set-20200911.js"></script>
</body> </body>

101
log/index.html
View file

@ -117,37 +117,62 @@
<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/all.min.css" /> <link rel="stylesheet" href="../assets/css/all.min.css" />
<link rel="stylesheet" href="../assets/css/main-20200812.css" /> <link rel="stylesheet" href="../assets/css/colors-20200911.css" />
<link rel="stylesheet" href="../assets/css/main-20200911.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/noscripts-20200812.css" /></noscript> <noscript><link rel="stylesheet" href="../assets/css/noscripts-20200911.css" /></noscript>
<meta name="theme-color" content=""/>
<meta name="theme-color" content="#3c2a52"/>
</head> </head>
<body> <body>
<!-- Wrapper --> <!-- Wrapper -->
<div id="main-wrapper"> <div id="main-wrapper">
<header class="hero" style="background-image: url(/images/pages/4-darkweb-instrumental-.jpeg);">
<div class="textcontainer">
<h1>Web-Log</h1>
<p>Ramblings, announcenments and thoughts going on in the 徒 setto セット Cypher. In written form intertwined with audio</p>
</div>
<header class="hero" id="top"
style="background-image: url(/images/pages/4-darkweb-instrumental-.jpeg);">
<div class="imagecontainer"> <div class="imagecontainer">
<h4>Web-Log</h4>
</div> </div>
</header> </header>
<section class="splash">
<div class="container">
<div class="splash-logo" style="display: none;">
<img src="/images/setto-logo.svg" width="240px" alt="徒 setto セット Logo" />
</div>
<div style="padding: 0;">
<h1>Web-Log</h1>
<p>Ramblings, announcenments and thoughts going on in the 徒 setto セット Cypher. In written form intertwined with audio</p>
</div>
</div>
</section>
<section> <section>
<h2>Latest News</h2> <h2>Latest News</h2>
@ -186,8 +211,6 @@
<!-- Footer -->
<!-- Footer --> <!-- Footer -->
@ -233,27 +256,31 @@
</section> </section>
<!-- Footer -->
<footer> <footer>
<div class="footframe">
<div> <div>
<h3>徒 setto セット</h3> <h3>徒 setto セット</h3>
<p>Set, Party, Gang! &#35;Cybersoul.</p> <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>
<li><a href="/log/">Log</a></li> <li><a href="/log/" >📰 Log</a></li>
<li><a href="/about/">About</a></li> <li><a href="/about/" >🐿 About</a></li>
<li><a href="/links/">Links</a></li> <li><a href="/links/" >🔗 Links</a></li>
</ul> </ul>
</div> </div>
<div><img src="../images/setto_logo.svg" width="100%" alt="徒 setto セット Logo" /></div>
<div><a href="#main-wrapper"><img src="../images/setto-logoicon.svg" alt="徒 setto セット Logo" /></a></div>
<small>
<div style="text-align: center;"> <div style="text-align: center;">
<a target="_blank" alt="徒 setto セット on Mastodon" title="徒 setto セット on Mastodon" rel="me noopener" <a target="_blank" alt="徒 setto セット on Mastodon" title="徒 setto セット on Mastodon" rel="me noopener"
@ -274,14 +301,15 @@
<a target="_blank" alt="email" title="email" href="mailto:setto@basspistol.com" class="icon small fas fa-envelope-open-text"><span <a target="_blank" alt="email" title="email" href="mailto:setto@basspistol.com" class="icon small fas fa-envelope-open-text"><span
class="label">Email</span></a> class="label">Email</span></a>
</div> </div>
<small> <p>&copy;2020 Basspistol | <a href="../webcreds/">Credits</a> |
<a href="../cookies/">Cookies & Privacy</a>
<p>&copy;2020 Basspistol | <a href="../webcreds/">Credits</a> | <a <br />This page was last updated on Wednesday, Sep 02, 2020</p>
href="../cookies/">Cookies & Privacy</a></p>
</small> </small>
</div>
</footer> </footer>
<!-- END Footer --> <!-- END Footer -->
@ -305,23 +333,23 @@
<a href="#close" title="Close" onclick="removeBlur()" class="close-button">X</a> <a href="#close" title="Close" onclick="removeBlur()" class="close-button">X</a>
<ul> <ul>
<li><a href="../" class="button">home</a></li> <li><a href="../" onclick="removeBlur()" class="button">🏡 Home</a></li>
<li><a href="../discography/" class="button">Discog</a></li> <li><a href="../discography/" onclick="removeBlur()" class="button">💽 Discog</a></li>
<li><a href="../log/" class="button">Log</a></li> <li><a href="../log/" onclick="removeBlur()" class="button">📰 Log</a></li>
<li><a href="../about/" class="button">About</a></li> <li><a href="../about/" onclick="removeBlur()" class="button">🐿 About</a></li>
<li><a href="../links/" class="button">Links</a></li> <li><a href="../links/" onclick="removeBlur()" class="button">🔗 Links</a></li>
@ -335,13 +363,13 @@
<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 <p>
enjoyed this enough to come back. We only use cookies if you consent to it. They don't contain any identifiable info: they just let us know if you enjoyed this enough to come back.
<br />Click <a href="#" id="cookie-notice-decline">here</a> if you want this shit to go away without cookies. <br /><a href="#" id="cookie-notice-decline">Click here</a> if you want this to go away without cookies.
<br />Read more about how me & basspistol <a href="/cookies/">use cookies</a> <br />Read more about <a href="/cookies/"> how 徒 setto セット use cookies</a>
</p> </p>
<a class="button yes" href="#" <a class="button yes" href="#"
id="cookie-notice-accept">I'm in!</a> id="cookie-notice-accept">Ok</a>
</div> </div>
@ -376,7 +404,7 @@
var _mtm = _mtm || []; var _mtm = _mtm || [];
_mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'}); _mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'});
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; 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/container_kJUGWiO2.js'; s.parentNode.insertBefore(g,s); 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 *// //* End Matomo Tag Manager *//
@ -396,7 +424,7 @@ _paq.push(['enableLinkTracking']);
_paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '11']); _paq.push(['setSiteId', '11']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; 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); g.type='text/javascript'; g.async=true; g.defer=true; g.src='https://cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
})(); })();
@ -415,7 +443,7 @@ _paq.push(['enableLinkTracking']);
_paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '11']); _paq.push(['setSiteId', '11']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; 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); g.type='text/javascript'; g.async=true; g.defer=true; g.src='https://cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
})(); })();
} }
@ -446,8 +474,7 @@ _paq.push(['enableLinkTracking']);
<script src="../assets/js/set-20200805.js"></script> <script src="../assets/js/set-20200911.js"></script>
</body> </body>

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

@ -105,49 +105,86 @@
<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/all.min.css" /> <link rel="stylesheet" href="../assets/css/all.min.css" />
<link rel="stylesheet" href="../assets/css/main-20200812.css" /> <link rel="stylesheet" href="../assets/css/colors-20200911.css" />
<link rel="stylesheet" href="../assets/css/main-20200911.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/noscripts-20200812.css" /></noscript> <noscript><link rel="stylesheet" href="../assets/css/noscripts-20200911.css" /></noscript>
<meta name="theme-color" content=""/>
<meta name="theme-color" content="#3c2a52"/>
</head> </head>
<body> <body>
<!-- Wrapper --> <!-- Wrapper -->
<div id="main-wrapper"> <div id="main-wrapper">
<script src="/assets/js/jquery-3.5.1.min.js"></script> <script src="/assets/js/jquery-3.5.1.min.js"></script>
<header class="hero" >
<div class="textcontainer">
<h1>Satoshi Mon Ami</h1>
<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="#plwrap" class="button">Listen</a></p>
</div>
<header class="hero" id="top"
style="">
<div class="imagecontainer"> <div class="imagecontainer">
<h4>Satoshi Mon Ami</h4>
</div> </div>
<video autoplay muted loop id="myVideo">
<source src="/videos/satoshi.webm" type="video/mp4">
</video>
</header> </header>
<section class="splash">
<div class="container">
<div class="splash-logo" style="display: none;">
<img src="/images/setto-logo.svg" width="240px" alt="徒 setto セット Logo" />
</div>
<div style="padding: 0;">
<h1>Satoshi Mon Ami</h1>
<section class="album-player">
<h4>by <strong>徒 Setto セット</strong></h4>
<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>
</div>
</div>
</section>
<section>
<div class="album-player">
<!-- HERE BEGINS MADNESS --> <!-- HERE BEGINS MADNESS -->
<div class="player-wrap"> <div class="player-wrap">
<div id="plwrap"> <div id="plwrap">
@ -238,7 +275,7 @@
</h6> </h6>
<ul> <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/satoshi-mon-ami/&amp;quote=Satoshi Mon Ami%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 facebook" alt="Share to facebook" href="https://touch.facebook.com/sharer.php?u=https://setto.basspistol.com/satoshi-mon-ami/&amp;quote=Satoshi Mon Ami%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/satoshi-mon-ami/&amp;text=Satoshi Mon Ami%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 twitter" alt="Share to twitter" href="https://twitter.com/share?url=https://setto.basspistol.com/satoshi-mon-ami/&amp;text=Satoshi Mon Ami%20by%20徒 setto セット%20&amp;hashtags=basspistol" class="icon smaller fab fa-twitter"><span class="label">Twitter</span></a>
<a target="_blank" rel="nofollow noopener" title="Share to telegram" alt="Share to telgram" href="https://telegram.me/share/url?url=https://setto.basspistol.com/satoshi-mon-ami/&amp;text=Satoshi Mon Ami%20by%20徒 setto セット" class="icon smaller fab fa-telegram"><span class="label ">Telegram</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/satoshi-mon-ami/&amp;text=Satoshi Mon Ami%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/satoshi-mon-ami/&amp;title=Satoshi Mon Ami%20by%20徒 setto セット" class="icon smaller fab fa-reddit"><span class="label">Reddit</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/satoshi-mon-ami/&amp;title=Satoshi Mon Ami%20by%20徒 setto セット" class="icon smaller fab fa-reddit"><span class="label">Reddit</span></a>
</ul> </ul>
@ -247,10 +284,10 @@
</div> </div>
</div> </div>
</div> </div>
</div>
</section> </section>
<section class="info"> <section class="info">
<div data-cms-content-wrapper="/_layouts/post.html"> <div class="container" data-cms-content-wrapper="/_layouts/post.html">
<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>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>Being close to someone, without them knowing, anonymously and obsessively through a device. Decrypting interconnected sub-stories from every node in the graph and losing your mind on it.What’s the latest story? FOMO to the max, The Fear Of Missing Out!</p> <p>Being close to someone, without them knowing, anonymously and obsessively through a device. Decrypting interconnected sub-stories from every node in the graph and losing your mind on it.What’s the latest story? FOMO to the max, The Fear Of Missing Out!</p>
@ -339,7 +376,6 @@
<section class="track-picker"> <section class="track-picker">
<div class="full-image" style="background-image:url(https://media.basspistol.com/setto.basspistol.com/satoshi-mon-ami/1-k-as-tu-fait-de-nous-.jpeg);"> <div class="full-image" style="background-image:url(https://media.basspistol.com/setto.basspistol.com/satoshi-mon-ami/1-k-as-tu-fait-de-nous-.jpeg);">
</div> </div>
<div> <div>
<h2>K'as-tu fait de nous?</h2> <h2>K'as-tu fait de nous?</h2>
@ -347,19 +383,14 @@
5:05 5:05
| <strong>Cyber Soul</strong></p> | <strong>Cyber Soul</strong></p>
<p>2018</p> <p>2018</p>
<p><a href="/albums/satoshi-mon-ami/1-k-as-tu-fait-de-nous-/" class="button"><span class="fas fa-play"></span> Play</a></p> <p><a href="../albums/satoshi-mon-ami/1-k-as-tu-fait-de-nous-/" class="button"><span class="fas fa-play"></span> Play</a></p>
</div> </div>
</section> </section>
<section class="track-picker"> <section class="track-picker">
<div class="full-image" style="background-image:url(https://media.basspistol.com/setto.basspistol.com/satoshi-mon-ami/2-r-ve-de-toi.jpeg);"> <div class="full-image" style="background-image:url(https://media.basspistol.com/setto.basspistol.com/satoshi-mon-ami/2-r-ve-de-toi.jpeg);">
</div> </div>
<div> <div>
<h2>Rêve de toi</h2> <h2>Rêve de toi</h2>
@ -367,12 +398,8 @@
3:06 3:06
| <strong>Cyber Soul</strong></p> | <strong>Cyber Soul</strong></p>
<p>2018</p> <p>2018</p>
<p><a href="/albums/satoshi-mon-ami/2-r-ve-de-toi/" class="button"><span class="fas fa-play"></span> Play</a></p> <p><a href="../albums/satoshi-mon-ami/2-r-ve-de-toi/" class="button"><span class="fas fa-play"></span> Play</a></p>
</div> </div>
</section> </section>
@ -386,27 +413,18 @@
<!-- post Naviation --> <!-- post Naviation -->
<section class="post-navigation"> <section class="post-navigation">
<div class="container">
<h2>Check out more</h2>
<div class="post-nav"> <div class="post-nav">
</div> </div>
<div class="post-nav-next"> <div class="post-nav-next">
<h4><a href="/darkweb/"><span class="fas fa-arrow-right" style="font-size:3em;"></span></a></h4>
<h3><a href="/darkweb/">Darkweb&nbsp;<span class="fas fa-arrow-right"></span></a></h3> <h3>Darkweb</h3>
<p>As dystopian as the present might seem on-line, there is always room for the strange in the cypher...</p> <p>As dystopian as the present might seem on-line, there is always room for the strange in the cypher...</p>
</div> </div>
</div>
</section> </section>
<!-- End Post Navigation --> <!-- End Post Navigation -->
@ -538,8 +556,6 @@
<!-- Footer -->
<!-- Footer --> <!-- Footer -->
@ -588,27 +604,31 @@
<!-- Footer -->
<footer> <footer>
<div class="footframe">
<div> <div>
<h3>徒 setto セット</h3> <h3>徒 setto セット</h3>
<p>Set, Party, Gang! &#35;Cybersoul.</p> <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>
<li><a href="/log/">Log</a></li> <li><a href="/log/" >📰 Log</a></li>
<li><a href="/about/">About</a></li> <li><a href="/about/" >🐿 About</a></li>
<li><a href="/links/">Links</a></li> <li><a href="/links/" >🔗 Links</a></li>
</ul> </ul>
</div> </div>
<div><img src="../images/setto_logo.svg" width="100%" alt="徒 setto セット Logo" /></div>
<div><a href="#main-wrapper"><img src="../images/setto-logoicon.svg" alt="徒 setto セット Logo" /></a></div>
<small>
<div style="text-align: center;"> <div style="text-align: center;">
<a target="_blank" alt="徒 setto セット on Mastodon" title="徒 setto セット on Mastodon" rel="me noopener" <a target="_blank" alt="徒 setto セット on Mastodon" title="徒 setto セット on Mastodon" rel="me noopener"
@ -629,14 +649,15 @@
<a target="_blank" alt="email" title="email" href="mailto:setto@basspistol.com" class="icon small fas fa-envelope-open-text"><span <a target="_blank" alt="email" title="email" href="mailto:setto@basspistol.com" class="icon small fas fa-envelope-open-text"><span
class="label">Email</span></a> class="label">Email</span></a>
</div> </div>
<small> <p>&copy;2020 Basspistol | <a href="../webcreds/">Credits</a> |
<a href="../cookies/">Cookies & Privacy</a>
<p>&copy;2020 Basspistol | <a href="../webcreds/">Credits</a> | <a <br />This page was last updated on Wednesday, Sep 02, 2020</p>
href="../cookies/">Cookies & Privacy</a></p>
</small> </small>
</div>
</footer> </footer>
<!-- END Footer --> <!-- END Footer -->
@ -660,23 +681,23 @@
<a href="#close" title="Close" onclick="removeBlur()" class="close-button">X</a> <a href="#close" title="Close" onclick="removeBlur()" class="close-button">X</a>
<ul> <ul>
<li><a href="../" class="button">home</a></li> <li><a href="../" onclick="removeBlur()" class="button">🏡 Home</a></li>
<li><a href="../discography/" class="button">Discog</a></li> <li><a href="../discography/" onclick="removeBlur()" class="button">💽 Discog</a></li>
<li><a href="../log/" class="button">Log</a></li> <li><a href="../log/" onclick="removeBlur()" class="button">📰 Log</a></li>
<li><a href="../about/" class="button">About</a></li> <li><a href="../about/" onclick="removeBlur()" class="button">🐿 About</a></li>
<li><a href="../links/" class="button">Links</a></li> <li><a href="../links/" onclick="removeBlur()" class="button">🔗 Links</a></li>
@ -690,13 +711,13 @@
<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 <p>
enjoyed this enough to come back. We only use cookies if you consent to it. They don't contain any identifiable info: they just let us know if you enjoyed this enough to come back.
<br />Click <a href="#" id="cookie-notice-decline">here</a> if you want this shit to go away without cookies. <br /><a href="#" id="cookie-notice-decline">Click here</a> if you want this to go away without cookies.
<br />Read more about how me & basspistol <a href="/cookies/">use cookies</a> <br />Read more about <a href="/cookies/"> how 徒 setto セット use cookies</a>
</p> </p>
<a class="button yes" href="#" <a class="button yes" href="#"
id="cookie-notice-accept">I'm in!</a> id="cookie-notice-accept">Ok</a>
</div> </div>
@ -731,7 +752,7 @@
var _mtm = _mtm || []; var _mtm = _mtm || [];
_mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'}); _mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'});
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; 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/container_kJUGWiO2.js'; s.parentNode.insertBefore(g,s); 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 *// //* End Matomo Tag Manager *//
@ -751,7 +772,7 @@ _paq.push(['enableLinkTracking']);
_paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '11']); _paq.push(['setSiteId', '11']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; 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); g.type='text/javascript'; g.async=true; g.defer=true; g.src='https://cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
})(); })();
@ -770,7 +791,7 @@ _paq.push(['enableLinkTracking']);
_paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '11']); _paq.push(['setSiteId', '11']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; 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); g.type='text/javascript'; g.async=true; g.defer=true; g.src='https://cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
})(); })();
} }
@ -801,12 +822,11 @@ _paq.push(['enableLinkTracking']);
<script src="../assets/js/set-20200805.js"></script> <script src="../assets/js/set-20200911.js"></script>
<div class="fullscreen-bg"> <div class="fullscreen-bg">
<video autoplay muted loop poster="/images/posts/1-k-as-tu-fait-de-nous-.jpeg" class="fullscreen-bg__video" data-matomo-title="Satoshi Mon Ami-bg-video"> <video autoplay muted loop poster="/images/posts/1-k-as-tu-fait-de-nous-.jpeg" class="fullscreen-bg__video">
<source src="/videos/satoshi.webm" type="video/mp4"> <source src="/videos/satoshi.webm" type="video/mp4">
</video> </video>
</div> </div>

4
sitemap.xml
View file

@ -74,7 +74,7 @@
</url> </url>
<url> <url>
<loc>https://setto.basspistol.com/</loc> <loc>https://setto.basspistol.com/</loc>
<lastmod>2020-09-02T07:07:03+00:00</lastmod> <lastmod>2020-09-11T17:14:13+00:00</lastmod>
</url> </url>
<url> <url>
<loc>https://setto.basspistol.com/links/</loc> <loc>https://setto.basspistol.com/links/</loc>
@ -86,6 +86,6 @@
</url> </url>
<url> <url>
<loc>https://setto.basspistol.com/webcreds/</loc> <loc>https://setto.basspistol.com/webcreds/</loc>
<lastmod>2020-09-02T07:07:02+00:00</lastmod> <lastmod>2020-09-11T17:14:12+00:00</lastmod>
</url> </url>
</urlset> </urlset>

172
unmet-dependencies/index.html
View file

@ -105,46 +105,82 @@
<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/all.min.css" /> <link rel="stylesheet" href="../assets/css/all.min.css" />
<link rel="stylesheet" href="../assets/css/main-20200812.css" /> <link rel="stylesheet" href="../assets/css/colors-20200911.css" />
<link rel="stylesheet" href="../assets/css/main-20200911.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/noscripts-20200812.css" /></noscript> <noscript><link rel="stylesheet" href="../assets/css/noscripts-20200911.css" /></noscript>
<meta name="theme-color" content=""/>
<meta name="theme-color" content="#3c2a52"/>
</head> </head>
<body> <body>
<!-- Wrapper --> <!-- Wrapper -->
<div id="main-wrapper"> <div id="main-wrapper">
<script src="/assets/js/jquery-3.5.1.min.js"></script> <script src="/assets/js/jquery-3.5.1.min.js"></script>
<header class="hero" >
<div class="textcontainer">
<header class="hero" id="top"
style="">
<div class="imagecontainer">
<h4>Unmet Dependencies</h4>
</div>
</header>
<section class="splash">
<div class="container">
<div class="splash-logo" style="display: none;">
<img src="/images/setto-logo.svg" width="240px" alt="徒 setto セット Logo" />
</div>
<div style="padding: 0;">
<h1>Unmet Dependencies</h1> <h1>Unmet Dependencies</h1>
<h4>by <strong>徒 setto セット</strong></h4>
<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>
<p><a href="#plwrap" class="button">Listen</a></p>
</div> </div>
<div class="imagecontainer">
</div> </div>
<video autoplay muted loop id="myVideo"> </section>
<source src="/videos/pingu.mp4" type="video/mp4">
</video>
</header>
<section class="album-player">
<section>
<div class="album-player">
<!-- HERE BEGINS MADNESS --> <!-- HERE BEGINS MADNESS -->
@ -153,6 +189,7 @@ Open your mind, open the source!</p>
<div class="player-wrap"> <div class="player-wrap">
<div id="plwrap"> <div id="plwrap">
@ -243,7 +280,7 @@ Open your mind, open the source!</p>
</h6> </h6>
<ul> <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/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> <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>
<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> <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=basspistol" class="icon smaller fab fa-twitter"><span class="label">Twitter</span></a>
<a target="_blank" rel="nofollow noopener" title="Share to telegram" alt="Share to telgram" href="https://telegram.me/share/url?url=https://setto.basspistol.com/unmet-dependencies/&amp;text=Unmet Dependencies%20by%20徒 setto セット" class="icon smaller fab fa-telegram"><span class="label ">Telegram</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/unmet-dependencies/&amp;text=Unmet Dependencies%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/unmet-dependencies/&amp;title=Unmet Dependencies%20by%20徒 setto セット" class="icon smaller fab fa-reddit"><span class="label">Reddit</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/unmet-dependencies/&amp;title=Unmet Dependencies%20by%20徒 setto セット" class="icon smaller fab fa-reddit"><span class="label">Reddit</span></a>
</ul> </ul>
@ -252,10 +289,10 @@ Open your mind, open the source!</p>
</div> </div>
</div> </div>
</div> </div>
</div>
</section> </section>
<section class="info"> <section class="info">
<div data-cms-content-wrapper="/_layouts/post.html"> <div class="container" data-cms-content-wrapper="/_layouts/post.html">
<h2 id="oldies-but-goldies">Oldies, but goldies</h2> <h2 id="oldies-but-goldies">Oldies, but goldies</h2>
<p>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="noopener">Sakrecoer,</a> around 2016, they got some traction in Cyperpunk and geek circles, but never quite made it further…</p> <p>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="noopener">Sakrecoer,</a> around 2016, they got some traction in Cyperpunk and geek circles, but never quite made it further…</p>
@ -338,7 +375,6 @@ Open your mind, open the source!</p>
<section class="track-picker"> <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 class="full-image" style="background-image:url(https://media.basspistol.com/setto.basspistol.com/unmet-dependencies/1-dependency-error.jpeg);">
</div> </div>
<div> <div>
<h2>Dependency Error</h2> <h2>Dependency Error</h2>
@ -346,19 +382,14 @@ Open your mind, open the source!</p>
5:13 5:13
| <strong>Cybersoul</strong></p> | <strong>Cybersoul</strong></p>
<p>2020</p> <p>2020</p>
<p><a href="/albums/unmet-dependencies/1-dependency-error/" class="button"><span class="fas fa-play"></span> Play</a></p> <p><a href="../albums/unmet-dependencies/1-dependency-error/" class="button"><span class="fas fa-play"></span> Play</a></p>
</div> </div>
</section> </section>
<section class="track-picker"> <section class="track-picker">
<div class="full-image" style="background-image:url(https://media.basspistol.com/setto.basspistol.com/unmet-dependencies/2-pingnu.jpeg);"> <div class="full-image" style="background-image:url(https://media.basspistol.com/setto.basspistol.com/unmet-dependencies/2-pingnu.jpeg);">
</div> </div>
<div> <div>
<h2>Pingnu</h2> <h2>Pingnu</h2>
@ -366,12 +397,8 @@ Open your mind, open the source!</p>
3:42 3:42
| <strong>Cybersoul</strong></p> | <strong>Cybersoul</strong></p>
<p>2020</p> <p>2020</p>
<p><a href="/albums/unmet-dependencies/2-pingnu/" class="button"><span class="fas fa-play"></span> Play</a></p> <p><a href="../albums/unmet-dependencies/2-pingnu/" class="button"><span class="fas fa-play"></span> Play</a></p>
</div> </div>
</section> </section>
@ -385,31 +412,22 @@ Open your mind, open the source!</p>
<!-- post Naviation --> <!-- post Naviation -->
<section class="post-navigation"> <section class="post-navigation">
<div class="container">
<h2>Check out more</h2>
<div class="post-nav"> <div class="post-nav">
<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> <h4><a href="../live-with-hardware/" alt="Read Live with hardware" title="Read Live with hardware"><span class="fas fa-arrow-left" style="font-size:3em;text-decoration: none;"></span></a></h4>
<h3>Live with hardware</h3>
<p>There is a weird meta-core to anything social exchange on internet that I can't get my finger on. Assumptions and projections that I think partially stem from the lack in body language</p> <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>
<div class="post-nav-next"> <div class="post-nav-next">
<h4><a href="/333mix/"><span class="fas fa-arrow-right" style="font-size:3em;"></span></a></h4>
<h3><a href="/333mix/">333mix&nbsp;<span class="fas fa-arrow-right"></span></a></h3> <h3>333mix</h3>
<p>Pignu got Chopped & Screwed by KodTreatment</p> <p>Pignu got Chopped & Screwed by KodTreatment</p>
</div> </div>
</div>
</section> </section>
<!-- End Post Navigation --> <!-- End Post Navigation -->
@ -541,8 +559,6 @@ Open your mind, open the source!</p>
<!-- Footer -->
<!-- Footer --> <!-- Footer -->
@ -583,27 +599,31 @@ Open your mind, open the source!</p>
<!-- Footer -->
<footer> <footer>
<div class="footframe">
<div> <div>
<h3>徒 setto セット</h3> <h3>徒 setto セット</h3>
<p>Set, Party, Gang! &#35;Cybersoul.</p> <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>
<li><a href="/log/">Log</a></li> <li><a href="/log/" >📰 Log</a></li>
<li><a href="/about/">About</a></li> <li><a href="/about/" >🐿 About</a></li>
<li><a href="/links/">Links</a></li> <li><a href="/links/" >🔗 Links</a></li>
</ul> </ul>
</div> </div>
<div><img src="../images/setto_logo.svg" width="100%" alt="徒 setto セット Logo" /></div>
<div><a href="#main-wrapper"><img src="../images/setto-logoicon.svg" alt="徒 setto セット Logo" /></a></div>
<small>
<div style="text-align: center;"> <div style="text-align: center;">
<a target="_blank" alt="徒 setto セット on Mastodon" title="徒 setto セット on Mastodon" rel="me noopener" <a target="_blank" alt="徒 setto セット on Mastodon" title="徒 setto セット on Mastodon" rel="me noopener"
@ -624,14 +644,15 @@ Open your mind, open the source!</p>
<a target="_blank" alt="email" title="email" href="mailto:setto@basspistol.com" class="icon small fas fa-envelope-open-text"><span <a target="_blank" alt="email" title="email" href="mailto:setto@basspistol.com" class="icon small fas fa-envelope-open-text"><span
class="label">Email</span></a> class="label">Email</span></a>
</div> </div>
<small> <p>&copy;2020 Basspistol | <a href="../webcreds/">Credits</a> |
<a href="../cookies/">Cookies & Privacy</a>
<p>&copy;2020 Basspistol | <a href="../webcreds/">Credits</a> | <a <br />This page was last updated on Wednesday, Sep 02, 2020</p>
href="../cookies/">Cookies & Privacy</a></p>
</small> </small>
</div>
</footer> </footer>
<!-- END Footer --> <!-- END Footer -->
@ -655,23 +676,23 @@ Open your mind, open the source!</p>
<a href="#close" title="Close" onclick="removeBlur()" class="close-button">X</a> <a href="#close" title="Close" onclick="removeBlur()" class="close-button">X</a>
<ul> <ul>
<li><a href="../" class="button">home</a></li> <li><a href="../" onclick="removeBlur()" class="button">🏡 Home</a></li>
<li><a href="../discography/" class="button">Discog</a></li> <li><a href="../discography/" onclick="removeBlur()" class="button">💽 Discog</a></li>
<li><a href="../log/" class="button">Log</a></li> <li><a href="../log/" onclick="removeBlur()" class="button">📰 Log</a></li>
<li><a href="../about/" class="button">About</a></li> <li><a href="../about/" onclick="removeBlur()" class="button">🐿 About</a></li>
<li><a href="../links/" class="button">Links</a></li> <li><a href="../links/" onclick="removeBlur()" class="button">🔗 Links</a></li>
@ -685,13 +706,13 @@ Open your mind, open the source!</p>
<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 <p>
enjoyed this enough to come back. We only use cookies if you consent to it. They don't contain any identifiable info: they just let us know if you enjoyed this enough to come back.
<br />Click <a href="#" id="cookie-notice-decline">here</a> if you want this shit to go away without cookies. <br /><a href="#" id="cookie-notice-decline">Click here</a> if you want this to go away without cookies.
<br />Read more about how me & basspistol <a href="/cookies/">use cookies</a> <br />Read more about <a href="/cookies/"> how 徒 setto セット use cookies</a>
</p> </p>
<a class="button yes" href="#" <a class="button yes" href="#"
id="cookie-notice-accept">I'm in!</a> id="cookie-notice-accept">Ok</a>
</div> </div>
@ -726,7 +747,7 @@ Open your mind, open the source!</p>
var _mtm = _mtm || []; var _mtm = _mtm || [];
_mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'}); _mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'});
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; 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/container_kJUGWiO2.js'; s.parentNode.insertBefore(g,s); 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 *// //* End Matomo Tag Manager *//
@ -746,7 +767,7 @@ _paq.push(['enableLinkTracking']);
_paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '11']); _paq.push(['setSiteId', '11']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; 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); g.type='text/javascript'; g.async=true; g.defer=true; g.src='https://cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
})(); })();
@ -765,7 +786,7 @@ _paq.push(['enableLinkTracking']);
_paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '11']); _paq.push(['setSiteId', '11']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; 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); g.type='text/javascript'; g.async=true; g.defer=true; g.src='https://cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
})(); })();
} }
@ -796,12 +817,11 @@ _paq.push(['enableLinkTracking']);
<script src="../assets/js/set-20200805.js"></script> <script src="../assets/js/set-20200911.js"></script>
<div class="fullscreen-bg"> <div class="fullscreen-bg">
<video autoplay muted loop poster="/images/posts/final-pingnucover1220x1200.jpg" class="fullscreen-bg__video" data-matomo-title="Unmet Dependencies-bg-video"> <video autoplay muted loop poster="/images/posts/final-pingnucover1220x1200.jpg" class="fullscreen-bg__video">
<source src="/videos/pingu.mp4" type="video/mp4"> <source src="/videos/pingu.mp4" type="video/mp4">
</video> </video>
</div> </div>

112
webcreds/index.html
View file

@ -38,7 +38,7 @@
<title>Webcreds | 徒 setto セット</title> <title>Webcreds | 徒 setto セット</title>
<meta name="title" content="Webcreds | 徒 setto セット" /> <meta name="title" content="Webcreds | 徒 setto セット" />
<meta name="description" content="Information and credit regarding authors of tools, content and code used to build this website." /> <meta name="description" content="Information and credit regarding authors of tools, content and code used to build this website." />
<meta name="dc.date.modified" scheme="ISO8601" content="2020-09-02T07:07:02+00:00" /> <meta name="dc.date.modified" scheme="ISO8601" content="2020-09-11T17:14:12+00:00" />
<meta name="robots" content="index" /> <meta name="robots" content="index" />
<link rel="canonical" href="https://setto.basspistol.com/webcreds/" /> <link rel="canonical" href="https://setto.basspistol.com/webcreds/" />
@ -62,7 +62,7 @@
<meta name="dcterms.Subject" content="Information and credit regarding authors of tools, content and code used to build this website." /> <meta name="dcterms.Subject" content="Information and credit regarding authors of tools, content and code used to build this website." />
<meta name="dcterms.Title" content="Webcreds" /> <meta name="dcterms.Title" content="Webcreds" />
<meta name="dcterms.Contributor" content="徒 setto セット" /> <meta name="dcterms.Contributor" content="徒 setto セット" />
<meta name="dcterms.Date" content="2020-09-02" /> <meta name="dcterms.Date" content="2020-09-11" />
<meta name="dcterms.Description" content="Information and credit regarding authors of tools, content and code used to build this website." /> <meta name="dcterms.Description" content="Information and credit regarding authors of tools, content and code used to build this website." />
<!-- Facebook --> <!-- Facebook -->
@ -73,7 +73,7 @@
<meta property="og:url" content="https://setto.basspistol.com/webcreds/" /> <meta property="og:url" content="https://setto.basspistol.com/webcreds/" />
<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-09-02T07:07:02+00:00" /> <meta property="article:published_time" content="2020-09-11T17:14:12+00:00" />
<meta property="og:image" content="https://setto.basspistol.com/images/pages/kaur-kristjan-cppf4w5pb1c-unsplash.jpg" /> <meta property="og:image" content="https://setto.basspistol.com/images/pages/kaur-kristjan-cppf4w5pb1c-unsplash.jpg" />
<!-- Twitter Card --> <!-- Twitter Card -->
@ -117,48 +117,69 @@
<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/all.min.css" /> <link rel="stylesheet" href="../assets/css/all.min.css" />
<link rel="stylesheet" href="../assets/css/main-20200812.css" /> <link rel="stylesheet" href="../assets/css/colors-20200911.css" />
<link rel="stylesheet" href="../assets/css/main-20200911.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/noscripts-20200812.css" /></noscript> <noscript><link rel="stylesheet" href="../assets/css/noscripts-20200911.css" /></noscript>
<meta name="theme-color" content=""/>
<meta name="theme-color" content="#3c2a52"/>
</head> </head>
<body> <body>
<!-- Wrapper --> <!-- Wrapper -->
<div id="main-wrapper"> <div id="main-wrapper">
<header class="hero" style="background-image: url(/images/pages/kaur-kristjan-cppf4w5pb1c-unsplash.jpg);">
<div class="textcontainer">
<h1>Webcreds</h1>
<p>Information and credit regarding authors of tools, content and code used to build this website.</p>
</div>
<header class="hero" id="top"
style="background-image: url(/images/pages/kaur-kristjan-cppf4w5pb1c-unsplash.jpg);">
<div class="imagecontainer"> <div class="imagecontainer">
<h4>Webcreds</h4>
</div> </div>
</header> </header>
<section class="splash">
<section class="info"> <div class="container">
<div class="splash-logo" style="display: none;">
<img src="/images/setto-logo.svg" width="240px" alt="徒 setto セット Logo" />
</div>
<div style="padding: 0;">
<h1>Webcreds</h1>
<p>Information and credit regarding authors of tools, content and code used to build this website.</p>
</div>
</div>
</section>
<section class="info" id="read">
<div class="info-pages" data-cms-content-wrapper="/_layouts/page.html"> <div class="info-pages" data-cms-content-wrapper="/_layouts/page.html">
<h2 id="cms">CMS</h2> <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>
<h2 id="framework">Framework</h2>
<p>Based on <em>Story</em> by <a href="https://html5up.net" rel="noopener" target="_blank">html5up.net</a> | @ajlkn Free for personal and commercial use under the CCA 3.0 <a href="https://html5up.net/license" rel="noopener" target="_blank">license</a></p>
<h2 id="artwork">Artwork</h2> <h2 id="artwork">Artwork</h2>
<ul> <ul>
@ -169,7 +190,6 @@
</div> </div>
</section> </section>
<!-- Footer -->
<!-- Footer --> <!-- Footer -->
@ -216,27 +236,31 @@
</section> </section>
<!-- Footer -->
<footer> <footer>
<div class="footframe">
<div> <div>
<h3>徒 setto セット</h3> <h3>徒 setto セット</h3>
<p>Set, Party, Gang! &#35;Cybersoul.</p> <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>
<li><a href="/log/">Log</a></li> <li><a href="/log/" >📰 Log</a></li>
<li><a href="/about/">About</a></li> <li><a href="/about/" >🐿 About</a></li>
<li><a href="/links/">Links</a></li> <li><a href="/links/" >🔗 Links</a></li>
</ul> </ul>
</div> </div>
<div><img src="../images/setto_logo.svg" width="100%" alt="徒 setto セット Logo" /></div>
<div><a href="#main-wrapper"><img src="../images/setto-logoicon.svg" alt="徒 setto セット Logo" /></a></div>
<small>
<div style="text-align: center;"> <div style="text-align: center;">
<a target="_blank" alt="徒 setto セット on Mastodon" title="徒 setto セット on Mastodon" rel="me noopener" <a target="_blank" alt="徒 setto セット on Mastodon" title="徒 setto セット on Mastodon" rel="me noopener"
@ -257,14 +281,15 @@
<a target="_blank" alt="email" title="email" href="mailto:setto@basspistol.com" class="icon small fas fa-envelope-open-text"><span <a target="_blank" alt="email" title="email" href="mailto:setto@basspistol.com" class="icon small fas fa-envelope-open-text"><span
class="label">Email</span></a> class="label">Email</span></a>
</div> </div>
<small> <p>&copy;2020 Basspistol | <a href="../webcreds/">Credits</a> |
<a href="../cookies/">Cookies & Privacy</a>
<p>&copy;2020 Basspistol | <a href="../webcreds/">Credits</a> | <a <br />This page was last updated on Friday, Sep 11, 2020</p>
href="../cookies/">Cookies & Privacy</a></p>
</small> </small>
</div>
</footer> </footer>
<!-- END Footer --> <!-- END Footer -->
@ -288,23 +313,23 @@
<a href="#close" title="Close" onclick="removeBlur()" class="close-button">X</a> <a href="#close" title="Close" onclick="removeBlur()" class="close-button">X</a>
<ul> <ul>
<li><a href="../" class="button">home</a></li> <li><a href="../" onclick="removeBlur()" class="button">🏡 Home</a></li>
<li><a href="../discography/" class="button">Discog</a></li> <li><a href="../discography/" onclick="removeBlur()" class="button">💽 Discog</a></li>
<li><a href="../log/" class="button">Log</a></li> <li><a href="../log/" onclick="removeBlur()" class="button">📰 Log</a></li>
<li><a href="../about/" class="button">About</a></li> <li><a href="../about/" onclick="removeBlur()" class="button">🐿 About</a></li>
<li><a href="../links/" class="button">Links</a></li> <li><a href="../links/" onclick="removeBlur()" class="button">🔗 Links</a></li>
@ -318,13 +343,13 @@
<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 <p>
enjoyed this enough to come back. We only use cookies if you consent to it. They don't contain any identifiable info: they just let us know if you enjoyed this enough to come back.
<br />Click <a href="#" id="cookie-notice-decline">here</a> if you want this shit to go away without cookies. <br /><a href="#" id="cookie-notice-decline">Click here</a> if you want this to go away without cookies.
<br />Read more about how me & basspistol <a href="/cookies/">use cookies</a> <br />Read more about <a href="/cookies/"> how 徒 setto セット use cookies</a>
</p> </p>
<a class="button yes" href="#" <a class="button yes" href="#"
id="cookie-notice-accept">I'm in!</a> id="cookie-notice-accept">Ok</a>
</div> </div>
@ -359,7 +384,7 @@
var _mtm = _mtm || []; var _mtm = _mtm || [];
_mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'}); _mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'});
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; 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/container_kJUGWiO2.js'; s.parentNode.insertBefore(g,s); 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 *// //* End Matomo Tag Manager *//
@ -379,7 +404,7 @@ _paq.push(['enableLinkTracking']);
_paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '11']); _paq.push(['setSiteId', '11']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; 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); g.type='text/javascript'; g.async=true; g.defer=true; g.src='https://cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
})(); })();
@ -398,7 +423,7 @@ _paq.push(['enableLinkTracking']);
_paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '11']); _paq.push(['setSiteId', '11']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; 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); g.type='text/javascript'; g.async=true; g.defer=true; g.src='https://cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
})(); })();
} }
@ -429,8 +454,7 @@ _paq.push(['enableLinkTracking']);
<script src="../assets/js/set-20200805.js"></script> <script src="../assets/js/set-20200911.js"></script>
</body> </body>