Updated 83 files via CloudCannon
This commit is contained in:
CloudCannon
parent
9e777e4890
commit
2b49fccb2b
|
|
@ -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 ©2020 徒 setto セット." />
|
||||
<meta name="dcterms.Subject" content="Pignu got Chopped & 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 & 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 & 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 & 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! &#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 セット" />
|
||||
|
|
@ -119,39 +44,64 @@
|
|||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
|
||||
<link rel="stylesheet" href="../assets/css/all.min.css" />
|
||||
<link rel="stylesheet" href="../assets/css/main-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="icon" type="image/png" href="https://setto.basspistol.com/touch-icon.png" sizes="192x192">
|
||||
<link rel="shortcut icon" href="https://setto.basspistol.com/images/setto-logoicon.svg" type="image/png" />
|
||||
<noscript><link rel="stylesheet" href="../assets/css/noscripts-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>
|
||||
|
||||
<body>
|
||||
<!-- 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">
|
||||
|
||||
<h4>333mix</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>333mix</h1>
|
||||
|
||||
|
||||
<p>Pignu got Chopped & Screwed by KodTreatment</p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<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>
|
||||
|
||||
<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> </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>
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
<!-- post Naviation -->
|
||||
<section class="post-navigation">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- post Naviation -->
|
||||
<section class="post-navigation">
|
||||
|
||||
<h2>Post Navigation</h2>
|
||||
<div class="container">
|
||||
<div class="post-nav">
|
||||
|
||||
|
||||
<h3><a href="/unmet-dependencies/" alt="Read Unmet Dependencies" title="Read Unmet Dependencies"><span class="fas fa-arrow-left"></span> Unmet Dependencies</a></h3>
|
||||
|
||||
<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>Unmet Dependencies</h3>
|
||||
<p>Proprietary tools, consultancies, remote labor... The reality in the digital industry is as hard to cope with as it is building software in Haskell. Freedom is luxury, but also a burden.
|
||||
|
||||
Open your mind, open the source!</p>
|
||||
|
|
@ -193,42 +138,45 @@ Open your mind, open the source!</p>
|
|||
<div class="post-nav-next">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
</section>
|
||||
|
||||
<!-- Footer -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Footer -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<footer>
|
||||
<div class="footframe">
|
||||
<div>
|
||||
<h3>徒 setto セット</h3>
|
||||
<p>Set, Party, Gang! #Cybersoul.</p>
|
||||
<ul>
|
||||
|
||||
<li><a href="../">Home</a></li>
|
||||
<li><a href="../">🏡 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>
|
||||
</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;">
|
||||
|
||||
<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
|
||||
class="label">Email</span></a>
|
||||
</div>
|
||||
<small>
|
||||
|
||||
<p>©2020 Basspistol | <a href="../webcreds/">Credits</a> | <a
|
||||
href="../cookies/">Cookies & Privacy</a></p>
|
||||
<p>©2020 Basspistol | <a href="../webcreds/">Credits</a> |
|
||||
<a href="../cookies/">Cookies & Privacy</a>
|
||||
<br />This page was last updated on Wednesday, Sep 02, 2020</p>
|
||||
</small>
|
||||
</div>
|
||||
</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>
|
||||
<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">
|
||||
|
||||
<p>I only use cookies if you consent to it. They don't contain any identifiable info: they just let me know if you
|
||||
enjoyed this enough to come back.
|
||||
<br />Click <a href="#" id="cookie-notice-decline">here</a> if you want this shit to go away without cookies.
|
||||
<br />Read more about how me & basspistol <a href="/cookies/">use cookies</a>
|
||||
<p>
|
||||
We only use cookies if you consent to it. They don't contain any identifiable info: they just let us know if you enjoyed this enough to come back.
|
||||
<br /><a href="#" id="cookie-notice-decline">Click here</a> if you want this to go away without cookies.
|
||||
<br />Read more about <a href="/cookies/"> how 徒 setto セット use cookies</a>
|
||||
</p>
|
||||
<a class="button yes" href="#"
|
||||
id="cookie-notice-accept">I'm in!</a>
|
||||
id="cookie-notice-accept">Ok</a>
|
||||
|
||||
</div>
|
||||
|
||||
|
|
@ -351,7 +300,7 @@ Open your mind, open the source!</p>
|
|||
var _mtm = _mtm || [];
|
||||
_mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'});
|
||||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||
g.type='text/javascript'; g.async=true; g.defer=true; g.src='//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 *//
|
||||
|
||||
|
|
@ -371,7 +320,7 @@ _paq.push(['enableLinkTracking']);
|
|||
_paq.push(['setTrackerUrl', u+'matomo.php']);
|
||||
_paq.push(['setSiteId', '11']);
|
||||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||
g.type='text/javascript'; g.async=true; g.defer=true; g.src='//cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
|
||||
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(['setSiteId', '11']);
|
||||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||
g.type='text/javascript'; g.async=true; g.defer=true; g.src='//cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
|
||||
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>
|
||||
|
|
|
|||
|
|
@ -117,37 +117,58 @@
|
|||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
|
||||
<link rel="stylesheet" href="../assets/css/all.min.css" />
|
||||
<link rel="stylesheet" href="../assets/css/main-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="icon" type="image/png" href="https://setto.basspistol.com/touch-icon.png" sizes="192x192">
|
||||
<link rel="shortcut icon" href="https://setto.basspistol.com/images/setto-logoicon.svg" type="image/png" />
|
||||
<noscript><link rel="stylesheet" href="../assets/css/noscripts-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>
|
||||
|
||||
<body>
|
||||
<!-- 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">
|
||||
|
||||
<h4>Error 404 This is not a page</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>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 -->
|
||||
|
||||
|
|
@ -194,27 +215,31 @@
|
|||
</section>
|
||||
|
||||
|
||||
|
||||
<!-- Footer -->
|
||||
<footer>
|
||||
<div class="footframe">
|
||||
<div>
|
||||
<h3>徒 setto セット</h3>
|
||||
<p>Set, Party, Gang! #Cybersoul.</p>
|
||||
<ul>
|
||||
|
||||
<li><a href="../">Home</a></li>
|
||||
<li><a href="../">🏡 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>
|
||||
</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;">
|
||||
|
||||
<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
|
||||
class="label">Email</span></a>
|
||||
</div>
|
||||
<small>
|
||||
|
||||
<p>©2020 Basspistol | <a href="../webcreds/">Credits</a> | <a
|
||||
href="../cookies/">Cookies & Privacy</a></p>
|
||||
<p>©2020 Basspistol | <a href="../webcreds/">Credits</a> |
|
||||
<a href="../cookies/">Cookies & Privacy</a>
|
||||
<br />This page was last updated on Wednesday, Sep 02, 2020</p>
|
||||
</small>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
|
||||
|
||||
<!-- END Footer -->
|
||||
|
||||
|
||||
|
|
@ -266,23 +292,23 @@
|
|||
<a href="#close" title="Close" onclick="removeBlur()" class="close-button">X</a>
|
||||
<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">
|
||||
|
||||
<p>I only use cookies if you consent to it. They don't contain any identifiable info: they just let me know if you
|
||||
enjoyed this enough to come back.
|
||||
<br />Click <a href="#" id="cookie-notice-decline">here</a> if you want this shit to go away without cookies.
|
||||
<br />Read more about how me & basspistol <a href="/cookies/">use cookies</a>
|
||||
<p>
|
||||
We only use cookies if you consent to it. They don't contain any identifiable info: they just let us know if you enjoyed this enough to come back.
|
||||
<br /><a href="#" id="cookie-notice-decline">Click here</a> if you want this to go away without cookies.
|
||||
<br />Read more about <a href="/cookies/"> how 徒 setto セット use cookies</a>
|
||||
</p>
|
||||
<a class="button yes" href="#"
|
||||
id="cookie-notice-accept">I'm in!</a>
|
||||
id="cookie-notice-accept">Ok</a>
|
||||
|
||||
</div>
|
||||
|
||||
|
|
@ -346,7 +372,7 @@
|
|||
_paq.push(['setTrackerUrl', u+'matomo.php']);
|
||||
_paq.push(['setSiteId', '11']);
|
||||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||
g.type='text/javascript'; g.async=true; g.defer=true; g.src='//cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
|
||||
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 *//
|
||||
|
|
@ -370,7 +396,7 @@ _paq.push(['enableLinkTracking']);
|
|||
_paq.push(['setTrackerUrl', u+'matomo.php']);
|
||||
_paq.push(['setSiteId', '11']);
|
||||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||
g.type='text/javascript'; g.async=true; g.defer=true; g.src='//cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
|
||||
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(['setSiteId', '11']);
|
||||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||
g.type='text/javascript'; g.async=true; g.defer=true; g.src='//cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
|
||||
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>
|
||||
|
|
|
|||
108
about/index.html
108
about/index.html
|
|
@ -117,41 +117,66 @@
|
|||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
|
||||
<link rel="stylesheet" href="../assets/css/all.min.css" />
|
||||
<link rel="stylesheet" href="../assets/css/main-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="icon" type="image/png" href="https://setto.basspistol.com/touch-icon.png" sizes="192x192">
|
||||
<link rel="shortcut icon" href="https://setto.basspistol.com/images/setto-logoicon.svg" type="image/png" />
|
||||
<noscript><link rel="stylesheet" href="../assets/css/noscripts-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>
|
||||
|
||||
<body>
|
||||
<!-- 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">
|
||||
|
||||
<h4>About</h4>
|
||||
</div>
|
||||
|
||||
|
||||
</header>
|
||||
<section class="splash">
|
||||
|
||||
<section class="info">
|
||||
<div class="info-pages" data-cms-content-wrapper="/_layouts/page.html">
|
||||
<h2 id="set-party-gang">Set, Party, Gang</h2>
|
||||
<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">
|
||||
<h2 id="set-party-gang">Set, Party, Gang</h2>
|
||||
|
||||
<p>徒 setto セット is pronounced “To Setto Setto”. I am the brainchild of wtfcoucou incarnated by Sethybwoy. Initially abandoned, this project first made sense as the post VHS-video era came to be. Cypher-punk at core, induced by popcorn chewing threads in obscure chat-rooms, my music is ▓▓▓▓▓▓▓ and ▓▓▓▓▓▓▓▓▓▓!</p>
|
||||
|
||||
|
|
@ -163,9 +188,8 @@
|
|||
|
||||
<p>Hope you like my shit, or hate it for that matter! Just make sure you share it!</p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Footer -->
|
||||
|
||||
<!-- Footer -->
|
||||
|
||||
|
|
@ -212,27 +236,31 @@
|
|||
</section>
|
||||
|
||||
|
||||
|
||||
<!-- Footer -->
|
||||
<footer>
|
||||
<div class="footframe">
|
||||
<div>
|
||||
<h3>徒 setto セット</h3>
|
||||
<p>Set, Party, Gang! #Cybersoul.</p>
|
||||
<ul>
|
||||
|
||||
<li><a href="../">Home</a></li>
|
||||
<li><a href="../">🏡 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>
|
||||
</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;">
|
||||
|
||||
<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
|
||||
class="label">Email</span></a>
|
||||
</div>
|
||||
<small>
|
||||
|
||||
<p>©2020 Basspistol | <a href="../webcreds/">Credits</a> | <a
|
||||
href="../cookies/">Cookies & Privacy</a></p>
|
||||
<p>©2020 Basspistol | <a href="../webcreds/">Credits</a> |
|
||||
<a href="../cookies/">Cookies & Privacy</a>
|
||||
<br />This page was last updated on Wednesday, Sep 02, 2020</p>
|
||||
</small>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
|
||||
|
||||
<!-- END Footer -->
|
||||
|
||||
|
||||
|
|
@ -284,23 +313,23 @@
|
|||
<a href="#close" title="Close" onclick="removeBlur()" class="close-button">X</a>
|
||||
<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">
|
||||
|
||||
<p>I only use cookies if you consent to it. They don't contain any identifiable info: they just let me know if you
|
||||
enjoyed this enough to come back.
|
||||
<br />Click <a href="#" id="cookie-notice-decline">here</a> if you want this shit to go away without cookies.
|
||||
<br />Read more about how me & basspistol <a href="/cookies/">use cookies</a>
|
||||
<p>
|
||||
We only use cookies if you consent to it. They don't contain any identifiable info: they just let us know if you enjoyed this enough to come back.
|
||||
<br /><a href="#" id="cookie-notice-decline">Click here</a> if you want this to go away without cookies.
|
||||
<br />Read more about <a href="/cookies/"> how 徒 setto セット use cookies</a>
|
||||
</p>
|
||||
<a class="button yes" href="#"
|
||||
id="cookie-notice-accept">I'm in!</a>
|
||||
id="cookie-notice-accept">Ok</a>
|
||||
|
||||
</div>
|
||||
|
||||
|
|
@ -355,7 +384,7 @@
|
|||
var _mtm = _mtm || [];
|
||||
_mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'});
|
||||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||
g.type='text/javascript'; g.async=true; g.defer=true; g.src='//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 *//
|
||||
|
||||
|
|
@ -375,7 +404,7 @@ _paq.push(['enableLinkTracking']);
|
|||
_paq.push(['setTrackerUrl', u+'matomo.php']);
|
||||
_paq.push(['setSiteId', '11']);
|
||||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||
g.type='text/javascript'; g.async=true; g.defer=true; g.src='//cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
|
||||
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(['setSiteId', '11']);
|
||||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||
g.type='text/javascript'; g.async=true; g.defer=true; g.src='//cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
|
||||
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>
|
||||
|
|
|
|||
|
|
@ -94,18 +94,22 @@
|
|||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
|
||||
<link rel="stylesheet" href="../../../assets/css/all.min.css" />
|
||||
<link rel="stylesheet" href="../../../assets/css/main-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="icon" type="image/png" href="https://setto.basspistol.com/touch-icon.png" sizes="192x192">
|
||||
<link rel="shortcut icon" href="https://setto.basspistol.com/images/setto-logoicon.svg" type="image/png" />
|
||||
<noscript><link rel="stylesheet" href="../../../assets/css/noscripts-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>
|
||||
|
||||
<body>
|
||||
<!-- Wrapper -->
|
||||
|
||||
<div id="main-wrapper">
|
||||
|
||||
|
||||
|
|
@ -123,7 +127,7 @@
|
|||
<div class="playbutton hideWhenNoJS">
|
||||
<a id="mu_pause" class="button">Play!</a>
|
||||
</div>
|
||||
<h1>Grandma got the SSH keys</h1>
|
||||
|
||||
|
||||
|
||||
</p>
|
||||
|
|
@ -132,7 +136,9 @@
|
|||
</div>
|
||||
<!-- Content -->
|
||||
<div id="trackInfo">
|
||||
|
||||
<section>
|
||||
<h1 style="margin-top:80px;">Grandma got the SSH keys</h1>
|
||||
<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/&quote=1 Grandma Got The Ssh Keys%20by%20徒 setto セット%20via%20https://setto.basspistol.com"
|
||||
class="icon smaller fab fa-facebook-f"><span class="label">Facebook</span></a>
|
||||
<a target="_blank" rel="nofollow noopener" title="Share to twitter" alt="Share to twitter"
|
||||
href="https://twitter.com/share?url=https://setto.basspistol.com/albums/cyber-grany/1-grandma-got-the-ssh-keys/&text=1 Grandma Got The Ssh Keys%20by%20徒 setto セット%20&hashtags=paxNion"
|
||||
href="https://twitter.com/share?url=https://setto.basspistol.com/albums/cyber-grany/1-grandma-got-the-ssh-keys/&text=1 Grandma Got The Ssh Keys%20by%20徒 setto セット%20&hashtags=basspistol"
|
||||
class="icon smaller fab fa-twitter"><span class="label">Twitter</span></a>
|
||||
<a target="_blank" rel="nofollow noopener" title="Share to telegram" alt="Share to telgram"
|
||||
href="https://telegram.me/share/url?url=https://setto.basspistol.com/albums/cyber-grany/1-grandma-got-the-ssh-keys/&text=1 Grandma Got The Ssh Keys%20by%20徒 setto セット"
|
||||
|
|
@ -196,29 +202,23 @@
|
|||
Special track for Acid December 2019
|
||||
</p>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<p><a href="../../../cyber-grany/" class="button">See release page</a></p>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</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">
|
||||
|
|
@ -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 <span class="fas fa-arrow-right"></span></a></h4>
|
||||
<h3>Swipe</h3>
|
||||
<p></p>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</section>
|
||||
<!-- Footer -->
|
||||
|
||||
<footer>
|
||||
<div class="footframe">
|
||||
<div>
|
||||
<h3>徒 setto セット</h3>
|
||||
<p>Set, Party, Gang! #Cybersoul.</p>
|
||||
<ul>
|
||||
|
||||
<li><a href="../../../">Home</a></li>
|
||||
<li><a href="../../../">🏡 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>
|
||||
</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;">
|
||||
|
||||
<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
|
||||
class="label">Email</span></a>
|
||||
</div>
|
||||
<small>
|
||||
|
||||
<p>©2020 Basspistol | <a href="../../../webcreds/">Credits</a> | <a
|
||||
href="../../../cookies/">Cookies & Privacy</a></p>
|
||||
<p>©2020 Basspistol | <a href="../../../webcreds/">Credits</a> |
|
||||
<a href="../../../cookies/">Cookies & Privacy</a>
|
||||
<br />This page was last updated on Wednesday, Sep 02, 2020</p>
|
||||
</small>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<!-- End Post Navigation -->
|
||||
|
|
@ -368,7 +338,7 @@
|
|||
<div id="audiowrap">
|
||||
|
||||
<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);' />
|
||||
<h1>Your browser isn't ready for so much hotness. Use the download-link instead.</h1>.
|
||||
</audio>
|
||||
|
|
@ -441,6 +411,7 @@
|
|||
|
||||
<!-- Footer -->
|
||||
|
||||
|
||||
<!-- END Footer -->
|
||||
|
||||
|
||||
|
|
@ -464,23 +435,23 @@
|
|||
<a href="#close" title="Close" onclick="removeBlur()" class="close-button">X</a>
|
||||
<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">
|
||||
|
||||
<p>I only use cookies if you consent to it. They don't contain any identifiable info: they just let me know if you
|
||||
enjoyed this enough to come back.
|
||||
<br />Click <a href="#" id="cookie-notice-decline">here</a> if you want this shit to go away without cookies.
|
||||
<br />Read more about how me & basspistol <a href="/cookies/">use cookies</a>
|
||||
<p>
|
||||
We only use cookies if you consent to it. They don't contain any identifiable info: they just let us know if you enjoyed this enough to come back.
|
||||
<br /><a href="#" id="cookie-notice-decline">Click here</a> if you want this to go away without cookies.
|
||||
<br />Read more about <a href="/cookies/"> how 徒 setto セット use cookies</a>
|
||||
</p>
|
||||
<a class="button yes" href="#"
|
||||
id="cookie-notice-accept">I'm in!</a>
|
||||
id="cookie-notice-accept">Ok</a>
|
||||
|
||||
</div>
|
||||
|
||||
|
|
@ -535,7 +506,7 @@
|
|||
var _mtm = _mtm || [];
|
||||
_mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'});
|
||||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||
g.type='text/javascript'; g.async=true; g.defer=true; g.src='//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 *//
|
||||
|
||||
|
|
@ -555,7 +526,7 @@ _paq.push(['enableLinkTracking']);
|
|||
_paq.push(['setTrackerUrl', u+'matomo.php']);
|
||||
_paq.push(['setSiteId', '11']);
|
||||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||
g.type='text/javascript'; g.async=true; g.defer=true; g.src='//cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
|
||||
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(['setSiteId', '11']);
|
||||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||
g.type='text/javascript'; g.async=true; g.defer=true; g.src='//cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
|
||||
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>
|
||||
|
|
|
|||
|
|
@ -94,18 +94,22 @@
|
|||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
|
||||
<link rel="stylesheet" href="../../../assets/css/all.min.css" />
|
||||
<link rel="stylesheet" href="../../../assets/css/main-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="icon" type="image/png" href="https://setto.basspistol.com/touch-icon.png" sizes="192x192">
|
||||
<link rel="shortcut icon" href="https://setto.basspistol.com/images/setto-logoicon.svg" type="image/png" />
|
||||
<noscript><link rel="stylesheet" href="../../../assets/css/noscripts-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>
|
||||
|
||||
<body>
|
||||
<!-- Wrapper -->
|
||||
|
||||
<div id="main-wrapper">
|
||||
|
||||
|
||||
|
|
@ -123,7 +127,7 @@
|
|||
<div class="playbutton hideWhenNoJS">
|
||||
<a id="mu_pause" class="button">Play!</a>
|
||||
</div>
|
||||
<h1>Swipe</h1>
|
||||
|
||||
|
||||
|
||||
</p>
|
||||
|
|
@ -132,7 +136,9 @@
|
|||
</div>
|
||||
<!-- Content -->
|
||||
<div id="trackInfo">
|
||||
|
||||
<section>
|
||||
<h1 style="margin-top:80px;">Swipe</h1>
|
||||
<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/&quote=1 Swipe%20by%20徒 setto セット%20via%20https://setto.basspistol.com"
|
||||
class="icon smaller fab fa-facebook-f"><span class="label">Facebook</span></a>
|
||||
<a target="_blank" rel="nofollow noopener" title="Share to twitter" alt="Share to twitter"
|
||||
href="https://twitter.com/share?url=https://setto.basspistol.com/albums/darkweb/1-swipe/&text=1 Swipe%20by%20徒 setto セット%20&hashtags=paxNion"
|
||||
href="https://twitter.com/share?url=https://setto.basspistol.com/albums/darkweb/1-swipe/&text=1 Swipe%20by%20徒 setto セット%20&hashtags=basspistol"
|
||||
class="icon smaller fab fa-twitter"><span class="label">Twitter</span></a>
|
||||
<a target="_blank" rel="nofollow noopener" title="Share to telegram" alt="Share to telgram"
|
||||
href="https://telegram.me/share/url?url=https://setto.basspistol.com/albums/darkweb/1-swipe/&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 Setto Setto
|
||||
</p>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<p><a href="../../../darkweb/" class="button">See release page</a></p>
|
||||
|
||||
|
||||
|
||||
|
||||
</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">
|
||||
|
|
@ -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> 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 <span class="fas fa-arrow-right"></span></a></h4>
|
||||
<h3>Darkweb</h3>
|
||||
<p></p>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</section>
|
||||
<!-- Footer -->
|
||||
|
||||
<footer>
|
||||
<div class="footframe">
|
||||
<div>
|
||||
<h3>徒 setto セット</h3>
|
||||
<p>Set, Party, Gang! #Cybersoul.</p>
|
||||
<ul>
|
||||
|
||||
<li><a href="../../../">Home</a></li>
|
||||
<li><a href="../../../">🏡 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>
|
||||
</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;">
|
||||
|
||||
<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
|
||||
class="label">Email</span></a>
|
||||
</div>
|
||||
<small>
|
||||
|
||||
<p>©2020 Basspistol | <a href="../../../webcreds/">Credits</a> | <a
|
||||
href="../../../cookies/">Cookies & Privacy</a></p>
|
||||
<p>©2020 Basspistol | <a href="../../../webcreds/">Credits</a> |
|
||||
<a href="../../../cookies/">Cookies & Privacy</a>
|
||||
<br />This page was last updated on Wednesday, Sep 02, 2020</p>
|
||||
</small>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<!-- End Post Navigation -->
|
||||
|
|
@ -418,7 +388,7 @@ Je yeuxt vers l'avant de temps en temps.
|
|||
<div id="audiowrap">
|
||||
|
||||
<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);' />
|
||||
<h1>Your browser isn't ready for so much hotness. Use the download-link instead.</h1>.
|
||||
</audio>
|
||||
|
|
@ -493,6 +463,7 @@ Je yeuxt vers l'avant de temps en temps.
|
|||
|
||||
<!-- 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>
|
||||
<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">
|
||||
|
||||
<p>I only use cookies if you consent to it. They don't contain any identifiable info: they just let me know if you
|
||||
enjoyed this enough to come back.
|
||||
<br />Click <a href="#" id="cookie-notice-decline">here</a> if you want this shit to go away without cookies.
|
||||
<br />Read more about how me & basspistol <a href="/cookies/">use cookies</a>
|
||||
<p>
|
||||
We only use cookies if you consent to it. They don't contain any identifiable info: they just let us know if you enjoyed this enough to come back.
|
||||
<br /><a href="#" id="cookie-notice-decline">Click here</a> if you want this to go away without cookies.
|
||||
<br />Read more about <a href="/cookies/"> how 徒 setto セット use cookies</a>
|
||||
</p>
|
||||
<a class="button yes" href="#"
|
||||
id="cookie-notice-accept">I'm in!</a>
|
||||
id="cookie-notice-accept">Ok</a>
|
||||
|
||||
</div>
|
||||
|
||||
|
|
@ -587,7 +558,7 @@ Je yeuxt vers l'avant de temps en temps.
|
|||
var _mtm = _mtm || [];
|
||||
_mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'});
|
||||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||
g.type='text/javascript'; g.async=true; g.defer=true; g.src='//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 *//
|
||||
|
||||
|
|
@ -607,7 +578,7 @@ _paq.push(['enableLinkTracking']);
|
|||
_paq.push(['setTrackerUrl', u+'matomo.php']);
|
||||
_paq.push(['setSiteId', '11']);
|
||||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||
g.type='text/javascript'; g.async=true; g.defer=true; g.src='//cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
|
||||
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(['setSiteId', '11']);
|
||||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||
g.type='text/javascript'; g.async=true; g.defer=true; g.src='//cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
|
||||
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>
|
||||
|
|
|
|||
|
|
@ -94,18 +94,22 @@
|
|||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
|
||||
<link rel="stylesheet" href="../../../assets/css/all.min.css" />
|
||||
<link rel="stylesheet" href="../../../assets/css/main-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="icon" type="image/png" href="https://setto.basspistol.com/touch-icon.png" sizes="192x192">
|
||||
<link rel="shortcut icon" href="https://setto.basspistol.com/images/setto-logoicon.svg" type="image/png" />
|
||||
<noscript><link rel="stylesheet" href="../../../assets/css/noscripts-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>
|
||||
|
||||
<body>
|
||||
<!-- Wrapper -->
|
||||
|
||||
<div id="main-wrapper">
|
||||
|
||||
|
||||
|
|
@ -123,7 +127,7 @@
|
|||
<div class="playbutton hideWhenNoJS">
|
||||
<a id="mu_pause" class="button">Play!</a>
|
||||
</div>
|
||||
<h1>Darkweb</h1>
|
||||
|
||||
|
||||
|
||||
</p>
|
||||
|
|
@ -132,7 +136,9 @@
|
|||
</div>
|
||||
<!-- Content -->
|
||||
<div id="trackInfo">
|
||||
|
||||
<section>
|
||||
<h1 style="margin-top:80px;">Darkweb</h1>
|
||||
<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/&quote=2 Darkweb%20by%20徒 setto セット%20via%20https://setto.basspistol.com"
|
||||
class="icon smaller fab fa-facebook-f"><span class="label">Facebook</span></a>
|
||||
<a target="_blank" rel="nofollow noopener" title="Share to twitter" alt="Share to twitter"
|
||||
href="https://twitter.com/share?url=https://setto.basspistol.com/albums/darkweb/2-darkweb/&text=2 Darkweb%20by%20徒 setto セット%20&hashtags=paxNion"
|
||||
href="https://twitter.com/share?url=https://setto.basspistol.com/albums/darkweb/2-darkweb/&text=2 Darkweb%20by%20徒 setto セット%20&hashtags=basspistol"
|
||||
class="icon smaller fab fa-twitter"><span class="label">Twitter</span></a>
|
||||
<a target="_blank" rel="nofollow noopener" title="Share to telegram" alt="Share to telgram"
|
||||
href="https://telegram.me/share/url?url=https://setto.basspistol.com/albums/darkweb/2-darkweb/&text=2 Darkweb%20by%20徒 setto セット"
|
||||
|
|
@ -266,31 +272,28 @@ Tu vas aussi kiffer
|
|||
Cover art by Mattias Ritarn Lindström, Music by To Setto Setto
|
||||
</p>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<p><a href="../../../darkweb/" class="button">See release page</a></p>
|
||||
|
||||
|
||||
|
||||
|
||||
</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">
|
||||
|
|
@ -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> Previous</a></h4>
|
||||
<h3>Swipe</h3>
|
||||
<p></p>
|
||||
|
||||
</div>
|
||||
<div class="post-nav-next">
|
||||
|
||||
<h4><a href="/albums/darkweb/3-swipe-instrumental-/">Next <span class="fas fa-arrow-right"></span></a></h4>
|
||||
<h3>Swipe (Instrumental)</h3>
|
||||
<p></p>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</section>
|
||||
<!-- Footer -->
|
||||
|
||||
<footer>
|
||||
<div class="footframe">
|
||||
<div>
|
||||
<h3>徒 setto セット</h3>
|
||||
<p>Set, Party, Gang! #Cybersoul.</p>
|
||||
<ul>
|
||||
|
||||
<li><a href="../../../">Home</a></li>
|
||||
<li><a href="../../../">🏡 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>
|
||||
</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;">
|
||||
|
||||
<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
|
||||
class="label">Email</span></a>
|
||||
</div>
|
||||
<small>
|
||||
|
||||
<p>©2020 Basspistol | <a href="../../../webcreds/">Credits</a> | <a
|
||||
href="../../../cookies/">Cookies & Privacy</a></p>
|
||||
<p>©2020 Basspistol | <a href="../../../webcreds/">Credits</a> |
|
||||
<a href="../../../cookies/">Cookies & Privacy</a>
|
||||
<br />This page was last updated on Wednesday, Sep 02, 2020</p>
|
||||
</small>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<!-- End Post Navigation -->
|
||||
|
|
@ -448,7 +418,7 @@ Tu vas aussi kiffer
|
|||
<div id="audiowrap">
|
||||
|
||||
<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);' />
|
||||
<h1>Your browser isn't ready for so much hotness. Use the download-link instead.</h1>.
|
||||
</audio>
|
||||
|
|
@ -523,6 +493,7 @@ Tu vas aussi kiffer
|
|||
|
||||
<!-- Footer -->
|
||||
|
||||
|
||||
<!-- END Footer -->
|
||||
|
||||
|
||||
|
|
@ -546,23 +517,23 @@ Tu vas aussi kiffer
|
|||
<a href="#close" title="Close" onclick="removeBlur()" class="close-button">X</a>
|
||||
<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">
|
||||
|
||||
<p>I only use cookies if you consent to it. They don't contain any identifiable info: they just let me know if you
|
||||
enjoyed this enough to come back.
|
||||
<br />Click <a href="#" id="cookie-notice-decline">here</a> if you want this shit to go away without cookies.
|
||||
<br />Read more about how me & basspistol <a href="/cookies/">use cookies</a>
|
||||
<p>
|
||||
We only use cookies if you consent to it. They don't contain any identifiable info: they just let us know if you enjoyed this enough to come back.
|
||||
<br /><a href="#" id="cookie-notice-decline">Click here</a> if you want this to go away without cookies.
|
||||
<br />Read more about <a href="/cookies/"> how 徒 setto セット use cookies</a>
|
||||
</p>
|
||||
<a class="button yes" href="#"
|
||||
id="cookie-notice-accept">I'm in!</a>
|
||||
id="cookie-notice-accept">Ok</a>
|
||||
|
||||
</div>
|
||||
|
||||
|
|
@ -617,7 +588,7 @@ Tu vas aussi kiffer
|
|||
var _mtm = _mtm || [];
|
||||
_mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'});
|
||||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||
g.type='text/javascript'; g.async=true; g.defer=true; g.src='//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 *//
|
||||
|
||||
|
|
@ -637,7 +608,7 @@ _paq.push(['enableLinkTracking']);
|
|||
_paq.push(['setTrackerUrl', u+'matomo.php']);
|
||||
_paq.push(['setSiteId', '11']);
|
||||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||
g.type='text/javascript'; g.async=true; g.defer=true; g.src='//cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
|
||||
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(['setSiteId', '11']);
|
||||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||
g.type='text/javascript'; g.async=true; g.defer=true; g.src='//cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
|
||||
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>
|
||||
|
|
|
|||
|
|
@ -94,18 +94,22 @@
|
|||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
|
||||
<link rel="stylesheet" href="../../../assets/css/all.min.css" />
|
||||
<link rel="stylesheet" href="../../../assets/css/main-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="icon" type="image/png" href="https://setto.basspistol.com/touch-icon.png" sizes="192x192">
|
||||
<link rel="shortcut icon" href="https://setto.basspistol.com/images/setto-logoicon.svg" type="image/png" />
|
||||
<noscript><link rel="stylesheet" href="../../../assets/css/noscripts-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>
|
||||
|
||||
<body>
|
||||
<!-- Wrapper -->
|
||||
|
||||
<div id="main-wrapper">
|
||||
|
||||
|
||||
|
|
@ -123,7 +127,7 @@
|
|||
<div class="playbutton hideWhenNoJS">
|
||||
<a id="mu_pause" class="button">Play!</a>
|
||||
</div>
|
||||
<h1>Swipe (Instrumental)</h1>
|
||||
|
||||
|
||||
|
||||
</p>
|
||||
|
|
@ -132,7 +136,9 @@
|
|||
</div>
|
||||
<!-- Content -->
|
||||
<div id="trackInfo">
|
||||
|
||||
<section>
|
||||
<h1 style="margin-top:80px;">Swipe (Instrumental)</h1>
|
||||
<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-/&quote=3 Swipe Instrumental%20by%20徒 setto セット%20via%20https://setto.basspistol.com"
|
||||
class="icon smaller fab fa-facebook-f"><span class="label">Facebook</span></a>
|
||||
<a target="_blank" rel="nofollow noopener" title="Share to twitter" alt="Share to twitter"
|
||||
href="https://twitter.com/share?url=https://setto.basspistol.com/albums/darkweb/3-swipe-instrumental-/&text=3 Swipe Instrumental%20by%20徒 setto セット%20&hashtags=paxNion"
|
||||
href="https://twitter.com/share?url=https://setto.basspistol.com/albums/darkweb/3-swipe-instrumental-/&text=3 Swipe Instrumental%20by%20徒 setto セット%20&hashtags=basspistol"
|
||||
class="icon smaller fab fa-twitter"><span class="label">Twitter</span></a>
|
||||
<a target="_blank" rel="nofollow noopener" title="Share to telegram" alt="Share to telgram"
|
||||
href="https://telegram.me/share/url?url=https://setto.basspistol.com/albums/darkweb/3-swipe-instrumental-/&text=3 Swipe Instrumental%20by%20徒 setto セット"
|
||||
|
|
@ -196,31 +202,28 @@
|
|||
Cover art by Mattias Ritarn Lindström, Music by To Setto Setto
|
||||
</p>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<p><a href="../../../darkweb/" class="button">See release page</a></p>
|
||||
|
||||
|
||||
|
||||
|
||||
</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">
|
||||
|
|
@ -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> Previous</a></h4>
|
||||
<h3>Darkweb</h3>
|
||||
<p></p>
|
||||
|
||||
</div>
|
||||
<div class="post-nav-next">
|
||||
|
||||
<h4><a href="/albums/darkweb/4-darkweb-instrumental-/">Next <span class="fas fa-arrow-right"></span></a></h4>
|
||||
<h3>Darkweb (Instrumental)</h3>
|
||||
<p></p>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</section>
|
||||
<!-- Footer -->
|
||||
|
||||
<footer>
|
||||
<div class="footframe">
|
||||
<div>
|
||||
<h3>徒 setto セット</h3>
|
||||
<p>Set, Party, Gang! #Cybersoul.</p>
|
||||
<ul>
|
||||
|
||||
<li><a href="../../../">Home</a></li>
|
||||
<li><a href="../../../">🏡 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>
|
||||
</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;">
|
||||
|
||||
<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
|
||||
class="label">Email</span></a>
|
||||
</div>
|
||||
<small>
|
||||
|
||||
<p>©2020 Basspistol | <a href="../../../webcreds/">Credits</a> | <a
|
||||
href="../../../cookies/">Cookies & Privacy</a></p>
|
||||
<p>©2020 Basspistol | <a href="../../../webcreds/">Credits</a> |
|
||||
<a href="../../../cookies/">Cookies & Privacy</a>
|
||||
<br />This page was last updated on Wednesday, Sep 02, 2020</p>
|
||||
</small>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<!-- End Post Navigation -->
|
||||
|
|
@ -378,7 +348,7 @@
|
|||
<div id="audiowrap">
|
||||
|
||||
<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);' />
|
||||
<h1>Your browser isn't ready for so much hotness. Use the download-link instead.</h1>.
|
||||
</audio>
|
||||
|
|
@ -453,6 +423,7 @@
|
|||
|
||||
<!-- Footer -->
|
||||
|
||||
|
||||
<!-- END Footer -->
|
||||
|
||||
|
||||
|
|
@ -476,23 +447,23 @@
|
|||
<a href="#close" title="Close" onclick="removeBlur()" class="close-button">X</a>
|
||||
<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">
|
||||
|
||||
<p>I only use cookies if you consent to it. They don't contain any identifiable info: they just let me know if you
|
||||
enjoyed this enough to come back.
|
||||
<br />Click <a href="#" id="cookie-notice-decline">here</a> if you want this shit to go away without cookies.
|
||||
<br />Read more about how me & basspistol <a href="/cookies/">use cookies</a>
|
||||
<p>
|
||||
We only use cookies if you consent to it. They don't contain any identifiable info: they just let us know if you enjoyed this enough to come back.
|
||||
<br /><a href="#" id="cookie-notice-decline">Click here</a> if you want this to go away without cookies.
|
||||
<br />Read more about <a href="/cookies/"> how 徒 setto セット use cookies</a>
|
||||
</p>
|
||||
<a class="button yes" href="#"
|
||||
id="cookie-notice-accept">I'm in!</a>
|
||||
id="cookie-notice-accept">Ok</a>
|
||||
|
||||
</div>
|
||||
|
||||
|
|
@ -547,7 +518,7 @@
|
|||
var _mtm = _mtm || [];
|
||||
_mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'});
|
||||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||
g.type='text/javascript'; g.async=true; g.defer=true; g.src='//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 *//
|
||||
|
||||
|
|
@ -567,7 +538,7 @@ _paq.push(['enableLinkTracking']);
|
|||
_paq.push(['setTrackerUrl', u+'matomo.php']);
|
||||
_paq.push(['setSiteId', '11']);
|
||||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||
g.type='text/javascript'; g.async=true; g.defer=true; g.src='//cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
|
||||
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(['setSiteId', '11']);
|
||||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||
g.type='text/javascript'; g.async=true; g.defer=true; g.src='//cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
|
||||
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>
|
||||
|
|
|
|||
|
|
@ -94,18 +94,22 @@
|
|||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
|
||||
<link rel="stylesheet" href="../../../assets/css/all.min.css" />
|
||||
<link rel="stylesheet" href="../../../assets/css/main-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="icon" type="image/png" href="https://setto.basspistol.com/touch-icon.png" sizes="192x192">
|
||||
<link rel="shortcut icon" href="https://setto.basspistol.com/images/setto-logoicon.svg" type="image/png" />
|
||||
<noscript><link rel="stylesheet" href="../../../assets/css/noscripts-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>
|
||||
|
||||
<body>
|
||||
<!-- Wrapper -->
|
||||
|
||||
<div id="main-wrapper">
|
||||
|
||||
|
||||
|
|
@ -123,7 +127,7 @@
|
|||
<div class="playbutton hideWhenNoJS">
|
||||
<a id="mu_pause" class="button">Play!</a>
|
||||
</div>
|
||||
<h1>Darkweb (Instrumental)</h1>
|
||||
|
||||
|
||||
|
||||
</p>
|
||||
|
|
@ -132,7 +136,9 @@
|
|||
</div>
|
||||
<!-- Content -->
|
||||
<div id="trackInfo">
|
||||
|
||||
<section>
|
||||
<h1 style="margin-top:80px;">Darkweb (Instrumental)</h1>
|
||||
<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-/&quote=4 Darkweb Instrumental%20by%20徒 setto セット%20via%20https://setto.basspistol.com"
|
||||
class="icon smaller fab fa-facebook-f"><span class="label">Facebook</span></a>
|
||||
<a target="_blank" rel="nofollow noopener" title="Share to twitter" alt="Share to twitter"
|
||||
href="https://twitter.com/share?url=https://setto.basspistol.com/albums/darkweb/4-darkweb-instrumental-/&text=4 Darkweb Instrumental%20by%20徒 setto セット%20&hashtags=paxNion"
|
||||
href="https://twitter.com/share?url=https://setto.basspistol.com/albums/darkweb/4-darkweb-instrumental-/&text=4 Darkweb Instrumental%20by%20徒 setto セット%20&hashtags=basspistol"
|
||||
class="icon smaller fab fa-twitter"><span class="label">Twitter</span></a>
|
||||
<a target="_blank" rel="nofollow noopener" title="Share to telegram" alt="Share to telgram"
|
||||
href="https://telegram.me/share/url?url=https://setto.basspistol.com/albums/darkweb/4-darkweb-instrumental-/&text=4 Darkweb Instrumental%20by%20徒 setto セット"
|
||||
|
|
@ -196,31 +202,28 @@
|
|||
Cover art and music by To Setto Setto
|
||||
</p>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<p><a href="../../../darkweb/" class="button">See release page</a></p>
|
||||
|
||||
|
||||
|
||||
|
||||
</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">
|
||||
|
|
@ -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> 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 <span class="fas fa-arrow-right"></span></a></h4>
|
||||
<h3>EP-Life of a Dudelini</h3>
|
||||
<p></p>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</section>
|
||||
<!-- Footer -->
|
||||
|
||||
<footer>
|
||||
<div class="footframe">
|
||||
<div>
|
||||
<h3>徒 setto セット</h3>
|
||||
<p>Set, Party, Gang! #Cybersoul.</p>
|
||||
<ul>
|
||||
|
||||
<li><a href="../../../">Home</a></li>
|
||||
<li><a href="../../../">🏡 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>
|
||||
</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;">
|
||||
|
||||
<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
|
||||
class="label">Email</span></a>
|
||||
</div>
|
||||
<small>
|
||||
|
||||
<p>©2020 Basspistol | <a href="../../../webcreds/">Credits</a> | <a
|
||||
href="../../../cookies/">Cookies & Privacy</a></p>
|
||||
<p>©2020 Basspistol | <a href="../../../webcreds/">Credits</a> |
|
||||
<a href="../../../cookies/">Cookies & Privacy</a>
|
||||
<br />This page was last updated on Wednesday, Sep 02, 2020</p>
|
||||
</small>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<!-- End Post Navigation -->
|
||||
|
|
@ -378,7 +348,7 @@
|
|||
<div id="audiowrap">
|
||||
|
||||
<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);' />
|
||||
<h1>Your browser isn't ready for so much hotness. Use the download-link instead.</h1>.
|
||||
</audio>
|
||||
|
|
@ -453,6 +423,7 @@
|
|||
|
||||
<!-- Footer -->
|
||||
|
||||
|
||||
<!-- END Footer -->
|
||||
|
||||
|
||||
|
|
@ -476,23 +447,23 @@
|
|||
<a href="#close" title="Close" onclick="removeBlur()" class="close-button">X</a>
|
||||
<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">
|
||||
|
||||
<p>I only use cookies if you consent to it. They don't contain any identifiable info: they just let me know if you
|
||||
enjoyed this enough to come back.
|
||||
<br />Click <a href="#" id="cookie-notice-decline">here</a> if you want this shit to go away without cookies.
|
||||
<br />Read more about how me & basspistol <a href="/cookies/">use cookies</a>
|
||||
<p>
|
||||
We only use cookies if you consent to it. They don't contain any identifiable info: they just let us know if you enjoyed this enough to come back.
|
||||
<br /><a href="#" id="cookie-notice-decline">Click here</a> if you want this to go away without cookies.
|
||||
<br />Read more about <a href="/cookies/"> how 徒 setto セット use cookies</a>
|
||||
</p>
|
||||
<a class="button yes" href="#"
|
||||
id="cookie-notice-accept">I'm in!</a>
|
||||
id="cookie-notice-accept">Ok</a>
|
||||
|
||||
</div>
|
||||
|
||||
|
|
@ -547,7 +518,7 @@
|
|||
var _mtm = _mtm || [];
|
||||
_mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'});
|
||||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||
g.type='text/javascript'; g.async=true; g.defer=true; g.src='//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 *//
|
||||
|
||||
|
|
@ -567,7 +538,7 @@ _paq.push(['enableLinkTracking']);
|
|||
_paq.push(['setTrackerUrl', u+'matomo.php']);
|
||||
_paq.push(['setSiteId', '11']);
|
||||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||
g.type='text/javascript'; g.async=true; g.defer=true; g.src='//cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
|
||||
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(['setSiteId', '11']);
|
||||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||
g.type='text/javascript'; g.async=true; g.defer=true; g.src='//cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
|
||||
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>
|
||||
|
|
|
|||
|
|
@ -94,18 +94,22 @@
|
|||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
|
||||
<link rel="stylesheet" href="../../../assets/css/all.min.css" />
|
||||
<link rel="stylesheet" href="../../../assets/css/main-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="icon" type="image/png" href="https://setto.basspistol.com/touch-icon.png" sizes="192x192">
|
||||
<link rel="shortcut icon" href="https://setto.basspistol.com/images/setto-logoicon.svg" type="image/png" />
|
||||
<noscript><link rel="stylesheet" href="../../../assets/css/noscripts-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>
|
||||
|
||||
<body>
|
||||
<!-- Wrapper -->
|
||||
|
||||
<div id="main-wrapper">
|
||||
|
||||
|
||||
|
|
@ -123,7 +127,7 @@
|
|||
<div class="playbutton hideWhenNoJS">
|
||||
<a id="mu_pause" class="button">Play!</a>
|
||||
</div>
|
||||
<h1>EP-Life of a Dudelini</h1>
|
||||
|
||||
|
||||
|
||||
</p>
|
||||
|
|
@ -132,7 +136,9 @@
|
|||
</div>
|
||||
<!-- Content -->
|
||||
<div id="trackInfo">
|
||||
|
||||
<section>
|
||||
<h1 style="margin-top:80px;">EP-Life of a Dudelini</h1>
|
||||
<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/&quote=1 Ep Life Of A Dudelini%20by%20徒 setto セット%20via%20https://setto.basspistol.com"
|
||||
class="icon smaller fab fa-facebook-f"><span class="label">Facebook</span></a>
|
||||
<a target="_blank" rel="nofollow noopener" title="Share to twitter" alt="Share to twitter"
|
||||
href="https://twitter.com/share?url=https://setto.basspistol.com/albums/live-with-hardware/1-ep-life-of-a-dudelini/&text=1 Ep Life Of A Dudelini%20by%20徒 setto セット%20&hashtags=paxNion"
|
||||
href="https://twitter.com/share?url=https://setto.basspistol.com/albums/live-with-hardware/1-ep-life-of-a-dudelini/&text=1 Ep Life Of A Dudelini%20by%20徒 setto セット%20&hashtags=basspistol"
|
||||
class="icon smaller fab fa-twitter"><span class="label">Twitter</span></a>
|
||||
<a target="_blank" rel="nofollow noopener" title="Share to telegram" alt="Share to telgram"
|
||||
href="https://telegram.me/share/url?url=https://setto.basspistol.com/albums/live-with-hardware/1-ep-life-of-a-dudelini/&text=1 Ep Life Of A Dudelini%20by%20徒 setto セット"
|
||||
|
|
@ -196,27 +202,28 @@
|
|||
|
||||
</p>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<p><a href="../../../live-with-hardware/" class="button">See release page</a></p>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</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">
|
||||
|
|
@ -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> 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 <span class="fas fa-arrow-right"></span></a></h4>
|
||||
<h3>K'as-tu fait de nous?</h3>
|
||||
<p></p>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</section>
|
||||
<!-- Footer -->
|
||||
|
||||
<footer>
|
||||
<div class="footframe">
|
||||
<div>
|
||||
<h3>徒 setto セット</h3>
|
||||
<p>Set, Party, Gang! #Cybersoul.</p>
|
||||
<ul>
|
||||
|
||||
<li><a href="../../../">Home</a></li>
|
||||
<li><a href="../../../">🏡 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>
|
||||
</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;">
|
||||
|
||||
<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
|
||||
class="label">Email</span></a>
|
||||
</div>
|
||||
<small>
|
||||
|
||||
<p>©2020 Basspistol | <a href="../../../webcreds/">Credits</a> | <a
|
||||
href="../../../cookies/">Cookies & Privacy</a></p>
|
||||
<p>©2020 Basspistol | <a href="../../../webcreds/">Credits</a> |
|
||||
<a href="../../../cookies/">Cookies & Privacy</a>
|
||||
<br />This page was last updated on Wednesday, Sep 02, 2020</p>
|
||||
</small>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<!-- End Post Navigation -->
|
||||
|
|
@ -371,7 +341,7 @@
|
|||
<div id="audiowrap">
|
||||
|
||||
<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);' />
|
||||
<h1>Your browser isn't ready for so much hotness. Use the download-link instead.</h1>.
|
||||
</audio>
|
||||
|
|
@ -446,6 +416,7 @@
|
|||
|
||||
<!-- Footer -->
|
||||
|
||||
|
||||
<!-- END Footer -->
|
||||
|
||||
|
||||
|
|
@ -469,23 +440,23 @@
|
|||
<a href="#close" title="Close" onclick="removeBlur()" class="close-button">X</a>
|
||||
<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">
|
||||
|
||||
<p>I only use cookies if you consent to it. They don't contain any identifiable info: they just let me know if you
|
||||
enjoyed this enough to come back.
|
||||
<br />Click <a href="#" id="cookie-notice-decline">here</a> if you want this shit to go away without cookies.
|
||||
<br />Read more about how me & basspistol <a href="/cookies/">use cookies</a>
|
||||
<p>
|
||||
We only use cookies if you consent to it. They don't contain any identifiable info: they just let us know if you enjoyed this enough to come back.
|
||||
<br /><a href="#" id="cookie-notice-decline">Click here</a> if you want this to go away without cookies.
|
||||
<br />Read more about <a href="/cookies/"> how 徒 setto セット use cookies</a>
|
||||
</p>
|
||||
<a class="button yes" href="#"
|
||||
id="cookie-notice-accept">I'm in!</a>
|
||||
id="cookie-notice-accept">Ok</a>
|
||||
|
||||
</div>
|
||||
|
||||
|
|
@ -540,7 +511,7 @@
|
|||
var _mtm = _mtm || [];
|
||||
_mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'});
|
||||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||
g.type='text/javascript'; g.async=true; g.defer=true; g.src='//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 *//
|
||||
|
||||
|
|
@ -560,7 +531,7 @@ _paq.push(['enableLinkTracking']);
|
|||
_paq.push(['setTrackerUrl', u+'matomo.php']);
|
||||
_paq.push(['setSiteId', '11']);
|
||||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||
g.type='text/javascript'; g.async=true; g.defer=true; g.src='//cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
|
||||
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(['setSiteId', '11']);
|
||||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||
g.type='text/javascript'; g.async=true; g.defer=true; g.src='//cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
|
||||
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>
|
||||
|
|
|
|||
|
|
@ -94,18 +94,22 @@
|
|||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
|
||||
<link rel="stylesheet" href="../../../assets/css/all.min.css" />
|
||||
<link rel="stylesheet" href="../../../assets/css/main-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="icon" type="image/png" href="https://setto.basspistol.com/touch-icon.png" sizes="192x192">
|
||||
<link rel="shortcut icon" href="https://setto.basspistol.com/images/setto-logoicon.svg" type="image/png" />
|
||||
<noscript><link rel="stylesheet" href="../../../assets/css/noscripts-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>
|
||||
|
||||
<body>
|
||||
<!-- Wrapper -->
|
||||
|
||||
<div id="main-wrapper">
|
||||
|
||||
|
||||
|
|
@ -123,7 +127,7 @@
|
|||
<div class="playbutton hideWhenNoJS">
|
||||
<a id="mu_pause" class="button">Play!</a>
|
||||
</div>
|
||||
<h1>K'as-tu fait de nous?</h1>
|
||||
|
||||
|
||||
|
||||
</p>
|
||||
|
|
@ -132,7 +136,9 @@
|
|||
</div>
|
||||
<!-- Content -->
|
||||
<div id="trackInfo">
|
||||
|
||||
<section>
|
||||
<h1 style="margin-top:80px;">K'as-tu fait de nous?</h1>
|
||||
<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-/&quote=1 K As Tu Fait De Nous%20by%20徒 setto セット%20via%20https://setto.basspistol.com"
|
||||
class="icon smaller fab fa-facebook-f"><span class="label">Facebook</span></a>
|
||||
<a target="_blank" rel="nofollow noopener" title="Share to twitter" alt="Share to twitter"
|
||||
href="https://twitter.com/share?url=https://setto.basspistol.com/albums/satoshi-mon-ami/1-k-as-tu-fait-de-nous-/&text=1 K As Tu Fait De Nous%20by%20徒 setto セット%20&hashtags=paxNion"
|
||||
href="https://twitter.com/share?url=https://setto.basspistol.com/albums/satoshi-mon-ami/1-k-as-tu-fait-de-nous-/&text=1 K As Tu Fait De Nous%20by%20徒 setto セット%20&hashtags=basspistol"
|
||||
class="icon smaller fab fa-twitter"><span class="label">Twitter</span></a>
|
||||
<a target="_blank" rel="nofollow noopener" title="Share to telegram" alt="Share to telgram"
|
||||
href="https://telegram.me/share/url?url=https://setto.basspistol.com/albums/satoshi-mon-ami/1-k-as-tu-fait-de-nous-/&text=1 K As Tu Fait De Nous%20by%20徒 setto セット"
|
||||
|
|
@ -255,33 +261,28 @@ WTF coucou
|
|||
|
||||
</p>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<p><a href="../../../satoshi-mon-ami/" class="button">See release page</a></p>
|
||||
|
||||
|
||||
</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">
|
||||
|
|
@ -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> 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 <span class="fas fa-arrow-right"></span></a></h4>
|
||||
<h3>Rêve de toi</h3>
|
||||
<p></p>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</section>
|
||||
<!-- Footer -->
|
||||
|
||||
<footer>
|
||||
<div class="footframe">
|
||||
<div>
|
||||
<h3>徒 setto セット</h3>
|
||||
<p>Set, Party, Gang! #Cybersoul.</p>
|
||||
<ul>
|
||||
|
||||
<li><a href="../../../">Home</a></li>
|
||||
<li><a href="../../../">🏡 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>
|
||||
</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;">
|
||||
|
||||
<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
|
||||
class="label">Email</span></a>
|
||||
</div>
|
||||
<small>
|
||||
|
||||
<p>©2020 Basspistol | <a href="../../../webcreds/">Credits</a> | <a
|
||||
href="../../../cookies/">Cookies & Privacy</a></p>
|
||||
<p>©2020 Basspistol | <a href="../../../webcreds/">Credits</a> |
|
||||
<a href="../../../cookies/">Cookies & Privacy</a>
|
||||
<br />This page was last updated on Wednesday, Sep 02, 2020</p>
|
||||
</small>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<!-- End Post Navigation -->
|
||||
|
|
@ -437,7 +407,7 @@ WTF coucou
|
|||
<div id="audiowrap">
|
||||
|
||||
<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);' />
|
||||
<h1>Your browser isn't ready for so much hotness. Use the download-link instead.</h1>.
|
||||
</audio>
|
||||
|
|
@ -512,6 +482,7 @@ WTF coucou
|
|||
|
||||
<!-- Footer -->
|
||||
|
||||
|
||||
<!-- END Footer -->
|
||||
|
||||
|
||||
|
|
@ -535,23 +506,23 @@ WTF coucou
|
|||
<a href="#close" title="Close" onclick="removeBlur()" class="close-button">X</a>
|
||||
<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">
|
||||
|
||||
<p>I only use cookies if you consent to it. They don't contain any identifiable info: they just let me know if you
|
||||
enjoyed this enough to come back.
|
||||
<br />Click <a href="#" id="cookie-notice-decline">here</a> if you want this shit to go away without cookies.
|
||||
<br />Read more about how me & basspistol <a href="/cookies/">use cookies</a>
|
||||
<p>
|
||||
We only use cookies if you consent to it. They don't contain any identifiable info: they just let us know if you enjoyed this enough to come back.
|
||||
<br /><a href="#" id="cookie-notice-decline">Click here</a> if you want this to go away without cookies.
|
||||
<br />Read more about <a href="/cookies/"> how 徒 setto セット use cookies</a>
|
||||
</p>
|
||||
<a class="button yes" href="#"
|
||||
id="cookie-notice-accept">I'm in!</a>
|
||||
id="cookie-notice-accept">Ok</a>
|
||||
|
||||
</div>
|
||||
|
||||
|
|
@ -606,7 +577,7 @@ WTF coucou
|
|||
var _mtm = _mtm || [];
|
||||
_mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'});
|
||||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||
g.type='text/javascript'; g.async=true; g.defer=true; g.src='//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 *//
|
||||
|
||||
|
|
@ -626,7 +597,7 @@ _paq.push(['enableLinkTracking']);
|
|||
_paq.push(['setTrackerUrl', u+'matomo.php']);
|
||||
_paq.push(['setSiteId', '11']);
|
||||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||
g.type='text/javascript'; g.async=true; g.defer=true; g.src='//cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
|
||||
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(['setSiteId', '11']);
|
||||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||
g.type='text/javascript'; g.async=true; g.defer=true; g.src='//cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
|
||||
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>
|
||||
|
|
|
|||
|
|
@ -94,18 +94,22 @@
|
|||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
|
||||
<link rel="stylesheet" href="../../../assets/css/all.min.css" />
|
||||
<link rel="stylesheet" href="../../../assets/css/main-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="icon" type="image/png" href="https://setto.basspistol.com/touch-icon.png" sizes="192x192">
|
||||
<link rel="shortcut icon" href="https://setto.basspistol.com/images/setto-logoicon.svg" type="image/png" />
|
||||
<noscript><link rel="stylesheet" href="../../../assets/css/noscripts-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>
|
||||
|
||||
<body>
|
||||
<!-- Wrapper -->
|
||||
|
||||
<div id="main-wrapper">
|
||||
|
||||
|
||||
|
|
@ -123,7 +127,7 @@
|
|||
<div class="playbutton hideWhenNoJS">
|
||||
<a id="mu_pause" class="button">Play!</a>
|
||||
</div>
|
||||
<h1>Rêve de toi</h1>
|
||||
|
||||
|
||||
|
||||
</p>
|
||||
|
|
@ -132,7 +136,9 @@
|
|||
</div>
|
||||
<!-- Content -->
|
||||
<div id="trackInfo">
|
||||
|
||||
<section>
|
||||
<h1 style="margin-top:80px;">Rêve de toi</h1>
|
||||
<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/&quote=2 R Ve De Toi%20by%20徒 setto セット%20via%20https://setto.basspistol.com"
|
||||
class="icon smaller fab fa-facebook-f"><span class="label">Facebook</span></a>
|
||||
<a target="_blank" rel="nofollow noopener" title="Share to twitter" alt="Share to twitter"
|
||||
href="https://twitter.com/share?url=https://setto.basspistol.com/albums/satoshi-mon-ami/2-r-ve-de-toi/&text=2 R Ve De Toi%20by%20徒 setto セット%20&hashtags=paxNion"
|
||||
href="https://twitter.com/share?url=https://setto.basspistol.com/albums/satoshi-mon-ami/2-r-ve-de-toi/&text=2 R Ve De Toi%20by%20徒 setto セット%20&hashtags=basspistol"
|
||||
class="icon smaller fab fa-twitter"><span class="label">Twitter</span></a>
|
||||
<a target="_blank" rel="nofollow noopener" title="Share to telegram" alt="Share to telgram"
|
||||
href="https://telegram.me/share/url?url=https://setto.basspistol.com/albums/satoshi-mon-ami/2-r-ve-de-toi/&text=2 R Ve De Toi%20by%20徒 setto セット"
|
||||
|
|
@ -230,33 +236,28 @@ Fois en moi, mais cette fois, toujours pas toi
|
|||
|
||||
</p>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<p><a href="../../../satoshi-mon-ami/" class="button">See release page</a></p>
|
||||
|
||||
|
||||
</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">
|
||||
|
|
@ -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> 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 <span class="fas fa-arrow-right"></span></a></h4>
|
||||
<h3>Dependency Error</h3>
|
||||
<p></p>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</section>
|
||||
<!-- Footer -->
|
||||
|
||||
<footer>
|
||||
<div class="footframe">
|
||||
<div>
|
||||
<h3>徒 setto セット</h3>
|
||||
<p>Set, Party, Gang! #Cybersoul.</p>
|
||||
<ul>
|
||||
|
||||
<li><a href="../../../">Home</a></li>
|
||||
<li><a href="../../../">🏡 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>
|
||||
</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;">
|
||||
|
||||
<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
|
||||
class="label">Email</span></a>
|
||||
</div>
|
||||
<small>
|
||||
|
||||
<p>©2020 Basspistol | <a href="../../../webcreds/">Credits</a> | <a
|
||||
href="../../../cookies/">Cookies & Privacy</a></p>
|
||||
<p>©2020 Basspistol | <a href="../../../webcreds/">Credits</a> |
|
||||
<a href="../../../cookies/">Cookies & Privacy</a>
|
||||
<br />This page was last updated on Wednesday, Sep 02, 2020</p>
|
||||
</small>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<!-- End Post Navigation -->
|
||||
|
|
@ -412,7 +382,7 @@ Fois en moi, mais cette fois, toujours pas toi
|
|||
<div id="audiowrap">
|
||||
|
||||
<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);' />
|
||||
<h1>Your browser isn't ready for so much hotness. Use the download-link instead.</h1>.
|
||||
</audio>
|
||||
|
|
@ -487,6 +457,7 @@ Fois en moi, mais cette fois, toujours pas toi
|
|||
|
||||
<!-- 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>
|
||||
<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">
|
||||
|
||||
<p>I only use cookies if you consent to it. They don't contain any identifiable info: they just let me know if you
|
||||
enjoyed this enough to come back.
|
||||
<br />Click <a href="#" id="cookie-notice-decline">here</a> if you want this shit to go away without cookies.
|
||||
<br />Read more about how me & basspistol <a href="/cookies/">use cookies</a>
|
||||
<p>
|
||||
We only use cookies if you consent to it. They don't contain any identifiable info: they just let us know if you enjoyed this enough to come back.
|
||||
<br /><a href="#" id="cookie-notice-decline">Click here</a> if you want this to go away without cookies.
|
||||
<br />Read more about <a href="/cookies/"> how 徒 setto セット use cookies</a>
|
||||
</p>
|
||||
<a class="button yes" href="#"
|
||||
id="cookie-notice-accept">I'm in!</a>
|
||||
id="cookie-notice-accept">Ok</a>
|
||||
|
||||
</div>
|
||||
|
||||
|
|
@ -581,7 +552,7 @@ Fois en moi, mais cette fois, toujours pas toi
|
|||
var _mtm = _mtm || [];
|
||||
_mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'});
|
||||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||
g.type='text/javascript'; g.async=true; g.defer=true; g.src='//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 *//
|
||||
|
||||
|
|
@ -601,7 +572,7 @@ _paq.push(['enableLinkTracking']);
|
|||
_paq.push(['setTrackerUrl', u+'matomo.php']);
|
||||
_paq.push(['setSiteId', '11']);
|
||||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||
g.type='text/javascript'; g.async=true; g.defer=true; g.src='//cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
|
||||
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(['setSiteId', '11']);
|
||||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||
g.type='text/javascript'; g.async=true; g.defer=true; g.src='//cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
|
||||
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>
|
||||
|
|
|
|||
|
|
@ -94,18 +94,22 @@
|
|||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
|
||||
<link rel="stylesheet" href="../../../assets/css/all.min.css" />
|
||||
<link rel="stylesheet" href="../../../assets/css/main-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="icon" type="image/png" href="https://setto.basspistol.com/touch-icon.png" sizes="192x192">
|
||||
<link rel="shortcut icon" href="https://setto.basspistol.com/images/setto-logoicon.svg" type="image/png" />
|
||||
<noscript><link rel="stylesheet" href="../../../assets/css/noscripts-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>
|
||||
|
||||
<body>
|
||||
<!-- Wrapper -->
|
||||
|
||||
<div id="main-wrapper">
|
||||
|
||||
|
||||
|
|
@ -123,7 +127,7 @@
|
|||
<div class="playbutton hideWhenNoJS">
|
||||
<a id="mu_pause" class="button">Play!</a>
|
||||
</div>
|
||||
<h1>Dependency Error</h1>
|
||||
|
||||
|
||||
|
||||
</p>
|
||||
|
|
@ -132,7 +136,9 @@
|
|||
</div>
|
||||
<!-- Content -->
|
||||
<div id="trackInfo">
|
||||
|
||||
<section>
|
||||
<h1 style="margin-top:80px;">Dependency Error</h1>
|
||||
<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/&quote=1 Dependency Error%20by%20徒 setto セット%20via%20https://setto.basspistol.com"
|
||||
class="icon smaller fab fa-facebook-f"><span class="label">Facebook</span></a>
|
||||
<a target="_blank" rel="nofollow noopener" title="Share to twitter" alt="Share to twitter"
|
||||
href="https://twitter.com/share?url=https://setto.basspistol.com/albums/unmet-dependencies/1-dependency-error/&text=1 Dependency Error%20by%20徒 setto セット%20&hashtags=paxNion"
|
||||
href="https://twitter.com/share?url=https://setto.basspistol.com/albums/unmet-dependencies/1-dependency-error/&text=1 Dependency Error%20by%20徒 setto セット%20&hashtags=basspistol"
|
||||
class="icon smaller fab fa-twitter"><span class="label">Twitter</span></a>
|
||||
<a target="_blank" rel="nofollow noopener" title="Share to telegram" alt="Share to telgram"
|
||||
href="https://telegram.me/share/url?url=https://setto.basspistol.com/albums/unmet-dependencies/1-dependency-error/&text=1 Dependency Error%20by%20徒 setto セット"
|
||||
|
|
@ -234,25 +240,28 @@ Sudo apt upgrade<br />
|
|||
|
||||
</p>
|
||||
|
||||
|
||||
|
||||
|
||||
<p><a href="../../../unmet-dependencies/" class="button">See release page</a></p>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</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">
|
||||
|
|
@ -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> 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 <span class="fas fa-arrow-right"></span></a></h4>
|
||||
<h3>Pingnu</h3>
|
||||
<p></p>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</section>
|
||||
<!-- Footer -->
|
||||
|
||||
<footer>
|
||||
<div class="footframe">
|
||||
<div>
|
||||
<h3>徒 setto セット</h3>
|
||||
<p>Set, Party, Gang! #Cybersoul.</p>
|
||||
<ul>
|
||||
|
||||
<li><a href="../../../">Home</a></li>
|
||||
<li><a href="../../../">🏡 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>
|
||||
</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;">
|
||||
|
||||
<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
|
||||
class="label">Email</span></a>
|
||||
</div>
|
||||
<small>
|
||||
|
||||
<p>©2020 Basspistol | <a href="../../../webcreds/">Credits</a> | <a
|
||||
href="../../../cookies/">Cookies & Privacy</a></p>
|
||||
<p>©2020 Basspistol | <a href="../../../webcreds/">Credits</a> |
|
||||
<a href="../../../cookies/">Cookies & Privacy</a>
|
||||
<br />This page was last updated on Wednesday, Sep 02, 2020</p>
|
||||
</small>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<!-- End Post Navigation -->
|
||||
|
|
@ -408,7 +378,7 @@ Sudo apt upgrade<br />
|
|||
<div id="audiowrap">
|
||||
|
||||
<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);' />
|
||||
<h1>Your browser isn't ready for so much hotness. Use the download-link instead.</h1>.
|
||||
</audio>
|
||||
|
|
@ -483,6 +453,7 @@ Sudo apt upgrade<br />
|
|||
|
||||
<!-- Footer -->
|
||||
|
||||
|
||||
<!-- END Footer -->
|
||||
|
||||
|
||||
|
|
@ -506,23 +477,23 @@ Sudo apt upgrade<br />
|
|||
<a href="#close" title="Close" onclick="removeBlur()" class="close-button">X</a>
|
||||
<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">
|
||||
|
||||
<p>I only use cookies if you consent to it. They don't contain any identifiable info: they just let me know if you
|
||||
enjoyed this enough to come back.
|
||||
<br />Click <a href="#" id="cookie-notice-decline">here</a> if you want this shit to go away without cookies.
|
||||
<br />Read more about how me & basspistol <a href="/cookies/">use cookies</a>
|
||||
<p>
|
||||
We only use cookies if you consent to it. They don't contain any identifiable info: they just let us know if you enjoyed this enough to come back.
|
||||
<br /><a href="#" id="cookie-notice-decline">Click here</a> if you want this to go away without cookies.
|
||||
<br />Read more about <a href="/cookies/"> how 徒 setto セット use cookies</a>
|
||||
</p>
|
||||
<a class="button yes" href="#"
|
||||
id="cookie-notice-accept">I'm in!</a>
|
||||
id="cookie-notice-accept">Ok</a>
|
||||
|
||||
</div>
|
||||
|
||||
|
|
@ -577,7 +548,7 @@ Sudo apt upgrade<br />
|
|||
var _mtm = _mtm || [];
|
||||
_mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'});
|
||||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||
g.type='text/javascript'; g.async=true; g.defer=true; g.src='//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 *//
|
||||
|
||||
|
|
@ -597,7 +568,7 @@ _paq.push(['enableLinkTracking']);
|
|||
_paq.push(['setTrackerUrl', u+'matomo.php']);
|
||||
_paq.push(['setSiteId', '11']);
|
||||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||
g.type='text/javascript'; g.async=true; g.defer=true; g.src='//cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
|
||||
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(['setSiteId', '11']);
|
||||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||
g.type='text/javascript'; g.async=true; g.defer=true; g.src='//cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
|
||||
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>
|
||||
|
|
|
|||
|
|
@ -94,18 +94,22 @@
|
|||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
|
||||
<link rel="stylesheet" href="../../../assets/css/all.min.css" />
|
||||
<link rel="stylesheet" href="../../../assets/css/main-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="icon" type="image/png" href="https://setto.basspistol.com/touch-icon.png" sizes="192x192">
|
||||
<link rel="shortcut icon" href="https://setto.basspistol.com/images/setto-logoicon.svg" type="image/png" />
|
||||
<noscript><link rel="stylesheet" href="../../../assets/css/noscripts-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>
|
||||
|
||||
<body>
|
||||
<!-- Wrapper -->
|
||||
|
||||
<div id="main-wrapper">
|
||||
|
||||
|
||||
|
|
@ -123,7 +127,7 @@
|
|||
<div class="playbutton hideWhenNoJS">
|
||||
<a id="mu_pause" class="button">Play!</a>
|
||||
</div>
|
||||
<h1>Pingnu</h1>
|
||||
|
||||
|
||||
|
||||
</p>
|
||||
|
|
@ -132,7 +136,9 @@
|
|||
</div>
|
||||
<!-- Content -->
|
||||
<div id="trackInfo">
|
||||
|
||||
<section>
|
||||
<h1 style="margin-top:80px;">Pingnu</h1>
|
||||
<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/&quote=2 Pingnu%20by%20徒 setto セット%20via%20https://setto.basspistol.com"
|
||||
class="icon smaller fab fa-facebook-f"><span class="label">Facebook</span></a>
|
||||
<a target="_blank" rel="nofollow noopener" title="Share to twitter" alt="Share to twitter"
|
||||
href="https://twitter.com/share?url=https://setto.basspistol.com/albums/unmet-dependencies/2-pingnu/&text=2 Pingnu%20by%20徒 setto セット%20&hashtags=paxNion"
|
||||
href="https://twitter.com/share?url=https://setto.basspistol.com/albums/unmet-dependencies/2-pingnu/&text=2 Pingnu%20by%20徒 setto セット%20&hashtags=basspistol"
|
||||
class="icon smaller fab fa-twitter"><span class="label">Twitter</span></a>
|
||||
<a target="_blank" rel="nofollow noopener" title="Share to telegram" alt="Share to telgram"
|
||||
href="https://telegram.me/share/url?url=https://setto.basspistol.com/albums/unmet-dependencies/2-pingnu/&text=2 Pingnu%20by%20徒 setto セット"
|
||||
|
|
@ -221,25 +227,24 @@ This is what together we should refute.<br />
|
|||
|
||||
</p>
|
||||
|
||||
|
||||
|
||||
|
||||
<p><a href="../../../unmet-dependencies/" class="button">See release page</a></p>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</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">
|
||||
|
|
@ -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> Previous</a></h4>
|
||||
<h3>Dependency Error</h3>
|
||||
<p></p>
|
||||
|
||||
</div>
|
||||
<div class="post-nav-next">
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</section>
|
||||
<!-- Footer -->
|
||||
|
||||
<footer>
|
||||
<div class="footframe">
|
||||
<div>
|
||||
<h3>徒 setto セット</h3>
|
||||
<p>Set, Party, Gang! #Cybersoul.</p>
|
||||
<ul>
|
||||
|
||||
<li><a href="../../../">Home</a></li>
|
||||
<li><a href="../../../">🏡 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>
|
||||
</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;">
|
||||
|
||||
<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
|
||||
class="label">Email</span></a>
|
||||
</div>
|
||||
<small>
|
||||
|
||||
<p>©2020 Basspistol | <a href="../../../webcreds/">Credits</a> | <a
|
||||
href="../../../cookies/">Cookies & Privacy</a></p>
|
||||
<p>©2020 Basspistol | <a href="../../../webcreds/">Credits</a> |
|
||||
<a href="../../../cookies/">Cookies & Privacy</a>
|
||||
<br />This page was last updated on Wednesday, Sep 02, 2020</p>
|
||||
</small>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<!-- End Post Navigation -->
|
||||
|
|
@ -391,7 +361,7 @@ This is what together we should refute.<br />
|
|||
<div id="audiowrap">
|
||||
|
||||
<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);' />
|
||||
<h1>Your browser isn't ready for so much hotness. Use the download-link instead.</h1>.
|
||||
</audio>
|
||||
|
|
@ -464,6 +434,7 @@ This is what together we should refute.<br />
|
|||
|
||||
<!-- 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>
|
||||
<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">
|
||||
|
||||
<p>I only use cookies if you consent to it. They don't contain any identifiable info: they just let me know if you
|
||||
enjoyed this enough to come back.
|
||||
<br />Click <a href="#" id="cookie-notice-decline">here</a> if you want this shit to go away without cookies.
|
||||
<br />Read more about how me & basspistol <a href="/cookies/">use cookies</a>
|
||||
<p>
|
||||
We only use cookies if you consent to it. They don't contain any identifiable info: they just let us know if you enjoyed this enough to come back.
|
||||
<br /><a href="#" id="cookie-notice-decline">Click here</a> if you want this to go away without cookies.
|
||||
<br />Read more about <a href="/cookies/"> how 徒 setto セット use cookies</a>
|
||||
</p>
|
||||
<a class="button yes" href="#"
|
||||
id="cookie-notice-accept">I'm in!</a>
|
||||
id="cookie-notice-accept">Ok</a>
|
||||
|
||||
</div>
|
||||
|
||||
|
|
@ -558,7 +529,7 @@ This is what together we should refute.<br />
|
|||
var _mtm = _mtm || [];
|
||||
_mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'});
|
||||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||
g.type='text/javascript'; g.async=true; g.defer=true; g.src='//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 *//
|
||||
|
||||
|
|
@ -578,7 +549,7 @@ _paq.push(['enableLinkTracking']);
|
|||
_paq.push(['setTrackerUrl', u+'matomo.php']);
|
||||
_paq.push(['setSiteId', '11']);
|
||||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||
g.type='text/javascript'; g.async=true; g.defer=true; g.src='//cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
|
||||
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(['setSiteId', '11']);
|
||||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||
g.type='text/javascript'; g.async=true; g.defer=true; g.src='//cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
|
||||
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>
|
||||
|
|
|
|||
13
assets/css/colors-20200911.css
Normal file
13
assets/css/colors-20200911.css
Normal 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
4
assets/css/font-awesome.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
5
assets/css/fontawesome-all.min.css
vendored
Normal file
5
assets/css/fontawesome-all.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
|
|
@ -1,17 +1,23 @@
|
|||
@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; }
|
||||
|
||||
|
|
@ -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; }
|
||||
|
||||
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; }
|
||||
|
||||
.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 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; }
|
||||
|
||||
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); }
|
||||
100% { -webkit-transform: rotate(360deg); } }
|
||||
|
|
@ -120,41 +164,41 @@ footer small .label { display: none; }
|
|||
50% { background-size: 150% 100%; }
|
||||
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; }
|
||||
|
||||
h2 { font-size: 2em; }
|
||||
h2 { font-size: 1.75em; }
|
||||
|
||||
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; }
|
||||
|
||||
.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; }
|
||||
|
||||
.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); }
|
||||
|
||||
|
|
@ -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; }
|
||||
|
||||
.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 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; }
|
||||
|
||||
|
|
@ -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%); }
|
||||
|
||||
.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 */
|
||||
#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: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); }
|
||||
|
||||
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%; }
|
||||
|
||||
|
|
@ -217,15 +305,15 @@ nav li { list-style-type: none; margin: 20px; padding: 0; }
|
|||
|
||||
nav li a { display: block; font-size: 14px; }
|
||||
|
||||
.blurredout { filter: blur(5px); -webkit-transition: filter 400ms ease-in; -moz-transition: filter 400ms ease-in; transition: filter 400ms ease-in; }
|
||||
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 > 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); }
|
||||
|
||||
|
|
@ -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 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%; }
|
||||
|
||||
|
|
@ -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%; }
|
||||
|
||||
/* 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; } }
|
||||
|
||||
.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
|
||||
================================================== */
|
||||
/* 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%; }
|
||||
|
||||
|
|
@ -300,9 +388,9 @@ audio { margin: 0; width: 100%; }
|
|||
|
||||
.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; }
|
||||
|
||||
|
|
@ -326,11 +414,11 @@ a[id^="btn"]::-moz-focus-inner { border: 0; padding: 0; }
|
|||
|
||||
.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: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); }
|
||||
|
||||
|
|
@ -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 .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) .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; }
|
||||
|
||||
|
|
@ -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; } }
|
||||
|
||||
#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; }
|
||||
|
||||
|
|
@ -368,9 +456,9 @@ a[id^="btn"]::-moz-focus-inner { border: 0; padding: 0; }
|
|||
|
||||
#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; }
|
||||
|
||||
|
|
@ -382,13 +470,13 @@ a[id^="btn"]::-moz-focus-inner { border: 0; padding: 0; }
|
|||
|
||||
#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; }
|
||||
|
||||
.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; }
|
||||
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
549
assets/css/main-20200911.css
Normal file
549
assets/css/main-20200911.css
Normal 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
42
assets/css/main-20200911.css.map
Normal file
File diff suppressed because one or more lines are too long
|
|
@ -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; }
|
||||
|
||||
|
|
@ -69,91 +75,129 @@ input, select, textarea { -moz-appearance: none; -webkit-appearance: none; -ms-a
|
|||
50% { background-size: 150% 100%; }
|
||||
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; }
|
||||
|
||||
.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 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; }
|
||||
|
||||
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 > 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; }
|
||||
|
||||
.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); }
|
||||
|
||||
|
|
@ -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; }
|
||||
|
||||
.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 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; }
|
||||
|
||||
|
|
@ -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%); }
|
||||
|
||||
.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 */
|
||||
#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: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); }
|
||||
|
||||
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%; }
|
||||
|
||||
|
|
@ -216,15 +304,15 @@ nav li { list-style-type: none; margin: 20px; padding: 0; }
|
|||
|
||||
nav li a { display: block; font-size: 14px; }
|
||||
|
||||
.blurredout { filter: blur(5px); -webkit-transition: filter 400ms ease-in; -moz-transition: filter 400ms ease-in; transition: filter 400ms ease-in; }
|
||||
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 > 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); }
|
||||
|
||||
|
|
@ -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 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%; }
|
||||
|
||||
|
|
@ -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%; }
|
||||
|
||||
/* 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; } }
|
||||
|
||||
.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
|
||||
================================================== */
|
||||
/* 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%; }
|
||||
|
||||
|
|
@ -299,9 +387,9 @@ audio { margin: 0; width: 100%; }
|
|||
|
||||
.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; }
|
||||
|
||||
|
|
@ -325,11 +413,11 @@ a[id^="btn"]::-moz-focus-inner { border: 0; padding: 0; }
|
|||
|
||||
.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: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); }
|
||||
|
||||
|
|
@ -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 .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) .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; }
|
||||
|
||||
|
|
@ -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; } }
|
||||
|
||||
#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; }
|
||||
|
||||
|
|
@ -367,9 +455,9 @@ a[id^="btn"]::-moz-focus-inner { border: 0; padding: 0; }
|
|||
|
||||
#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; }
|
||||
|
||||
|
|
@ -381,13 +469,13 @@ a[id^="btn"]::-moz-focus-inner { border: 0; padding: 0; }
|
|||
|
||||
#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; }
|
||||
|
||||
.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; }
|
||||
|
||||
|
|
@ -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); }
|
||||
|
||||
.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; }
|
||||
|
||||
.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; }
|
||||
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
563
assets/css/noscripts-20200911.css
Normal file
563
assets/css/noscripts-20200911.css
Normal 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
44
assets/css/noscripts-20200911.css.map
Normal file
File diff suppressed because one or more lines are too long
BIN
assets/fonts/Bungee/Bungee-Regular.ttf
Normal file
BIN
assets/fonts/Bungee/Bungee-Regular.ttf
Normal file
Binary file not shown.
BIN
assets/fonts/Bungee/BungeeHairline-Regular.ttf
Normal file
BIN
assets/fonts/Bungee/BungeeHairline-Regular.ttf
Normal file
Binary file not shown.
92
assets/fonts/Bungee/OFL.txt
Normal file
92
assets/fonts/Bungee/OFL.txt
Normal 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
BIN
assets/fonts/FontAwesome.otf
Normal file
Binary file not shown.
BIN
assets/fonts/IBMPlexSansCondensed-Bold.ttf
Normal file
BIN
assets/fonts/IBMPlexSansCondensed-Bold.ttf
Normal file
Binary file not shown.
BIN
assets/fonts/MajorMonoDisplay-Regular.ttf
Normal file
BIN
assets/fonts/MajorMonoDisplay-Regular.ttf
Normal file
Binary file not shown.
BIN
assets/fonts/PressStart2P-Regular.ttf
Normal file
BIN
assets/fonts/PressStart2P-Regular.ttf
Normal file
Binary file not shown.
BIN
assets/fonts/Rubik/Rubik-Light.ttf
Normal file
BIN
assets/fonts/Rubik/Rubik-Light.ttf
Normal file
Binary file not shown.
BIN
assets/fonts/Rubik/Rubik-LightItalic.ttf
Normal file
BIN
assets/fonts/Rubik/Rubik-LightItalic.ttf
Normal file
Binary file not shown.
BIN
assets/fonts/Rubik/Rubik-Medium.ttf
Normal file
BIN
assets/fonts/Rubik/Rubik-Medium.ttf
Normal file
Binary file not shown.
BIN
assets/fonts/Rubik/Rubik-MediumItalic.ttf
Normal file
BIN
assets/fonts/Rubik/Rubik-MediumItalic.ttf
Normal file
Binary file not shown.
BIN
assets/fonts/SedgwickAveDisplay-Regular.ttf
Normal file
BIN
assets/fonts/SedgwickAveDisplay-Regular.ttf
Normal file
Binary file not shown.
Binary file not shown.
93
assets/fonts/Staatliches/OFL.txt
Normal file
93
assets/fonts/Staatliches/OFL.txt
Normal 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
BIN
assets/fonts/Staatliches/Staatliches-Regular.ttf
Normal file
Binary file not shown.
BIN
assets/fonts/collects.ttf
Normal file
BIN
assets/fonts/collects.ttf
Normal file
Binary file not shown.
BIN
assets/fonts/fontawesome-webfont.eot
Normal file
BIN
assets/fonts/fontawesome-webfont.eot
Normal file
Binary file not shown.
2671
assets/fonts/fontawesome-webfont.svg
Normal file
2671
assets/fonts/fontawesome-webfont.svg
Normal file
File diff suppressed because it is too large
Load diff
|
After Width: | Height: | Size: 434 KiB |
BIN
assets/fonts/fontawesome-webfont.ttf
Normal file
BIN
assets/fonts/fontawesome-webfont.ttf
Normal file
Binary file not shown.
BIN
assets/fonts/fontawesome-webfont.woff
Normal file
BIN
assets/fonts/fontawesome-webfont.woff
Normal file
Binary file not shown.
BIN
assets/fonts/fontawesome-webfont.woff2
Normal file
BIN
assets/fonts/fontawesome-webfont.woff2
Normal file
Binary file not shown.
BIN
assets/fonts/icofont.eot
Normal file
BIN
assets/fonts/icofont.eot
Normal file
Binary file not shown.
BIN
assets/fonts/icofont.ttf
Normal file
BIN
assets/fonts/icofont.ttf
Normal file
Binary file not shown.
BIN
assets/fonts/icofont.woff
Normal file
BIN
assets/fonts/icofont.woff
Normal file
Binary file not shown.
BIN
assets/fonts/jetBrainsMono/JetBrainsMono-ExtraBold-Italic.woff
Normal file
BIN
assets/fonts/jetBrainsMono/JetBrainsMono-ExtraBold-Italic.woff
Normal file
Binary file not shown.
BIN
assets/fonts/jetBrainsMono/JetBrainsMono-ExtraBold-Italic.woff2
Normal file
BIN
assets/fonts/jetBrainsMono/JetBrainsMono-ExtraBold-Italic.woff2
Normal file
Binary file not shown.
BIN
assets/fonts/jetBrainsMono/JetBrainsMono-ExtraBold.woff
Normal file
BIN
assets/fonts/jetBrainsMono/JetBrainsMono-ExtraBold.woff
Normal file
Binary file not shown.
BIN
assets/fonts/jetBrainsMono/JetBrainsMono-ExtraBold.woff2
Normal file
BIN
assets/fonts/jetBrainsMono/JetBrainsMono-ExtraBold.woff2
Normal file
Binary file not shown.
BIN
assets/fonts/jetBrainsMono/JetBrainsMono-Italic.woff
Normal file
BIN
assets/fonts/jetBrainsMono/JetBrainsMono-Italic.woff
Normal file
Binary file not shown.
BIN
assets/fonts/jetBrainsMono/JetBrainsMono-Italic.woff2
Normal file
BIN
assets/fonts/jetBrainsMono/JetBrainsMono-Italic.woff2
Normal file
Binary file not shown.
BIN
assets/fonts/jetBrainsMono/JetBrainsMono-Regular.woff
Normal file
BIN
assets/fonts/jetBrainsMono/JetBrainsMono-Regular.woff
Normal file
Binary file not shown.
BIN
assets/fonts/jetBrainsMono/JetBrainsMono-Regular.woff2
Normal file
BIN
assets/fonts/jetBrainsMono/JetBrainsMono-Regular.woff2
Normal file
Binary file not shown.
BIN
assets/fonts/jetBrainsMono/JetBrainsMono_ExtraBold.ttf
Normal file
BIN
assets/fonts/jetBrainsMono/JetBrainsMono_ExtraBold.ttf
Normal file
Binary file not shown.
BIN
assets/fonts/jetBrainsMono/JetBrainsMono_ExtraBold_Italic.ttf
Normal file
BIN
assets/fonts/jetBrainsMono/JetBrainsMono_ExtraBold_Italic.ttf
Normal file
Binary file not shown.
BIN
assets/fonts/jetBrainsMono/JetBrainsMono_Italic.ttf
Normal file
BIN
assets/fonts/jetBrainsMono/JetBrainsMono_Italic.ttf
Normal file
Binary file not shown.
BIN
assets/fonts/jetBrainsMono/JetBrainsMono_Regular.ttf
Normal file
BIN
assets/fonts/jetBrainsMono/JetBrainsMono_Regular.ttf
Normal file
Binary file not shown.
BIN
assets/fonts/poppins/Poppins-Light.ttf
Normal file
BIN
assets/fonts/poppins/Poppins-Light.ttf
Normal file
Binary file not shown.
BIN
assets/fonts/poppins/Poppins-LightItalic.ttf
Normal file
BIN
assets/fonts/poppins/Poppins-LightItalic.ttf
Normal file
Binary file not shown.
BIN
assets/fonts/poppins/Poppins-Medium.ttf
Normal file
BIN
assets/fonts/poppins/Poppins-Medium.ttf
Normal file
Binary file not shown.
BIN
assets/fonts/poppins/Poppins-MediumItalic.ttf
Normal file
BIN
assets/fonts/poppins/Poppins-MediumItalic.ttf
Normal file
Binary file not shown.
BIN
assets/fonts/poppins/popin-light-italic.woff2
Normal file
BIN
assets/fonts/poppins/popin-light-italic.woff2
Normal file
Binary file not shown.
BIN
assets/fonts/poppins/popin-light.woff2
Normal file
BIN
assets/fonts/poppins/popin-light.woff2
Normal file
Binary file not shown.
BIN
assets/fonts/poppins/popin-medium-italic.woff2
Normal file
BIN
assets/fonts/poppins/popin-medium-italic.woff2
Normal file
Binary file not shown.
BIN
assets/fonts/poppins/popin-medium.woff2
Normal file
BIN
assets/fonts/poppins/popin-medium.woff2
Normal file
Binary file not shown.
32
assets/js/set-20200911.js
Normal file
32
assets/js/set-20200911.js
Normal 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
|
||||
|
|
@ -117,41 +117,66 @@
|
|||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
|
||||
<link rel="stylesheet" href="../assets/css/all.min.css" />
|
||||
<link rel="stylesheet" href="../assets/css/main-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="icon" type="image/png" href="https://setto.basspistol.com/touch-icon.png" sizes="192x192">
|
||||
<link rel="shortcut icon" href="https://setto.basspistol.com/images/setto-logoicon.svg" type="image/png" />
|
||||
<noscript><link rel="stylesheet" href="../assets/css/noscripts-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>
|
||||
|
||||
<body>
|
||||
<!-- 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">
|
||||
|
||||
<h4>Cookies & Privacy policy</h4>
|
||||
</div>
|
||||
|
||||
|
||||
</header>
|
||||
<section class="splash">
|
||||
|
||||
<section class="info">
|
||||
<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>
|
||||
<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">
|
||||
<p>To improve our marketing efforts, we at Basspistol sometimes place small data files called cookies on your device. However this site will work perfectly without them. We do however use anonymised analytics of the site-usage regardless of cookies (see bellow if you want to opt out of this too) This usage-data contain no identifiable information.</p>
|
||||
|
||||
<h2 id="what-are-cookies">What are cookies?</h2>
|
||||
|
||||
|
|
@ -313,9 +338,8 @@
|
|||
|
||||
<p>Email: <a href="mailto:info@basspistol.com">info@basspistol.com</a></p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Footer -->
|
||||
|
||||
<!-- Footer -->
|
||||
|
||||
|
|
@ -362,27 +386,31 @@
|
|||
</section>
|
||||
|
||||
|
||||
|
||||
<!-- Footer -->
|
||||
<footer>
|
||||
<div class="footframe">
|
||||
<div>
|
||||
<h3>徒 setto セット</h3>
|
||||
<p>Set, Party, Gang! #Cybersoul.</p>
|
||||
<ul>
|
||||
|
||||
<li><a href="../">Home</a></li>
|
||||
<li><a href="../">🏡 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>
|
||||
</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;">
|
||||
|
||||
<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
|
||||
class="label">Email</span></a>
|
||||
</div>
|
||||
<small>
|
||||
|
||||
<p>©2020 Basspistol | <a href="../webcreds/">Credits</a> | <a
|
||||
href="../cookies/">Cookies & Privacy</a></p>
|
||||
<p>©2020 Basspistol | <a href="../webcreds/">Credits</a> |
|
||||
<a href="../cookies/">Cookies & Privacy</a>
|
||||
<br />This page was last updated on Wednesday, Sep 02, 2020</p>
|
||||
</small>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
|
||||
|
||||
<!-- END Footer -->
|
||||
|
||||
|
||||
|
|
@ -434,23 +463,23 @@
|
|||
<a href="#close" title="Close" onclick="removeBlur()" class="close-button">X</a>
|
||||
<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">
|
||||
|
||||
<p>I only use cookies if you consent to it. They don't contain any identifiable info: they just let me know if you
|
||||
enjoyed this enough to come back.
|
||||
<br />Click <a href="#" id="cookie-notice-decline">here</a> if you want this shit to go away without cookies.
|
||||
<br />Read more about how me & basspistol <a href="/cookies/">use cookies</a>
|
||||
<p>
|
||||
We only use cookies if you consent to it. They don't contain any identifiable info: they just let us know if you enjoyed this enough to come back.
|
||||
<br /><a href="#" id="cookie-notice-decline">Click here</a> if you want this to go away without cookies.
|
||||
<br />Read more about <a href="/cookies/"> how 徒 setto セット use cookies</a>
|
||||
</p>
|
||||
<a class="button yes" href="#"
|
||||
id="cookie-notice-accept">I'm in!</a>
|
||||
id="cookie-notice-accept">Ok</a>
|
||||
|
||||
</div>
|
||||
|
||||
|
|
@ -505,7 +534,7 @@
|
|||
var _mtm = _mtm || [];
|
||||
_mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'});
|
||||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||
g.type='text/javascript'; g.async=true; g.defer=true; g.src='//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 *//
|
||||
|
||||
|
|
@ -525,7 +554,7 @@ _paq.push(['enableLinkTracking']);
|
|||
_paq.push(['setTrackerUrl', u+'matomo.php']);
|
||||
_paq.push(['setSiteId', '11']);
|
||||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||
g.type='text/javascript'; g.async=true; g.defer=true; g.src='//cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
|
||||
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(['setSiteId', '11']);
|
||||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||
g.type='text/javascript'; g.async=true; g.defer=true; g.src='//cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
|
||||
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>
|
||||
|
|
|
|||
|
|
@ -105,46 +105,87 @@
|
|||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
|
||||
<link rel="stylesheet" href="../assets/css/all.min.css" />
|
||||
<link rel="stylesheet" href="../assets/css/main-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="icon" type="image/png" href="https://setto.basspistol.com/touch-icon.png" sizes="192x192">
|
||||
<link rel="shortcut icon" href="https://setto.basspistol.com/images/setto-logoicon.svg" type="image/png" />
|
||||
<noscript><link rel="stylesheet" href="../assets/css/noscripts-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>
|
||||
|
||||
<body>
|
||||
<!-- Wrapper -->
|
||||
|
||||
<div id="main-wrapper">
|
||||
|
||||
|
||||
<script src="/assets/js/jquery-3.5.1.min.js"></script>
|
||||
<header class="hero" style="background-image: url(/images/posts/1-grandma-got-the-ssh-keys.jpeg);">
|
||||
<div class="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">
|
||||
|
||||
<h4>Granny is a cyborg now</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>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 -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="player-wrap">
|
||||
|
||||
<div id="plwrap">
|
||||
|
|
@ -215,7 +256,7 @@
|
|||
</h6>
|
||||
<ul>
|
||||
<a target="_blank" rel="nofollow noopener" title="Share to facebook" alt="Share to facebook" href="https://touch.facebook.com/sharer.php?u=https://setto.basspistol.com/cyber-grany/&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/&text=Granny is a cyborg now%20by%20徒 setto セット%20&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/&text=Granny is a cyborg now%20by%20徒 setto セット%20&hashtags=basspistol" class="icon smaller fab fa-twitter"><span class="label">Twitter</span></a>
|
||||
<a target="_blank" rel="nofollow noopener" title="Share to telegram" alt="Share to telgram" href="https://telegram.me/share/url?url=https://setto.basspistol.com/cyber-grany/&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/&title=Granny is a cyborg now%20by%20徒 setto セット" class="icon smaller fab fa-reddit"><span class="label">Reddit</span></a>
|
||||
</ul>
|
||||
|
|
@ -224,10 +265,10 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
<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>She laughed and acknowledge it was a marvellous invention!</p>
|
||||
|
|
@ -308,31 +349,22 @@
|
|||
<!-- post Naviation -->
|
||||
<section class="post-navigation">
|
||||
|
||||
<div class="container">
|
||||
<div class="post-nav">
|
||||
|
||||
|
||||
|
||||
<h2>Check out more</h2>
|
||||
<div class="post-nav">
|
||||
|
||||
<h3><a href="/darkweb/" alt="Read Darkweb" title="Read Darkweb"><span class="fas fa-arrow-left"></span> 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>
|
||||
|
||||
</div>
|
||||
<div class="post-nav-next">
|
||||
|
||||
</div>
|
||||
<div class="post-nav-next">
|
||||
|
||||
|
||||
<h3><a href="/live-with-hardware/">Live with hardware <span class="fas fa-arrow-right"></span></a></h3>
|
||||
<h4><a href="/live-with-hardware/"><span class="fas fa-arrow-right" style="font-size:3em;"></span></a></h4>
|
||||
<h3>Live with hardware</h3>
|
||||
<p>There is a weird meta-core to anything social exchange on internet that I can't get my finger on. Assumptions and projections that I think partially stem from the lack in body language</p>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
<!-- End Post Navigation -->
|
||||
|
|
@ -458,8 +490,6 @@
|
|||
|
||||
|
||||
|
||||
<!-- Footer -->
|
||||
|
||||
<!-- Footer -->
|
||||
|
||||
|
||||
|
|
@ -509,27 +539,31 @@
|
|||
|
||||
|
||||
|
||||
|
||||
<!-- Footer -->
|
||||
<footer>
|
||||
<div class="footframe">
|
||||
<div>
|
||||
<h3>徒 setto セット</h3>
|
||||
<p>Set, Party, Gang! #Cybersoul.</p>
|
||||
<ul>
|
||||
|
||||
<li><a href="../">Home</a></li>
|
||||
<li><a href="../">🏡 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>
|
||||
</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;">
|
||||
|
||||
<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
|
||||
class="label">Email</span></a>
|
||||
</div>
|
||||
<small>
|
||||
|
||||
<p>©2020 Basspistol | <a href="../webcreds/">Credits</a> | <a
|
||||
href="../cookies/">Cookies & Privacy</a></p>
|
||||
<p>©2020 Basspistol | <a href="../webcreds/">Credits</a> |
|
||||
<a href="../cookies/">Cookies & Privacy</a>
|
||||
<br />This page was last updated on Wednesday, Sep 02, 2020</p>
|
||||
</small>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
|
||||
|
||||
<!-- END Footer -->
|
||||
|
||||
|
||||
|
|
@ -581,23 +616,23 @@
|
|||
<a href="#close" title="Close" onclick="removeBlur()" class="close-button">X</a>
|
||||
<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">
|
||||
|
||||
<p>I only use cookies if you consent to it. They don't contain any identifiable info: they just let me know if you
|
||||
enjoyed this enough to come back.
|
||||
<br />Click <a href="#" id="cookie-notice-decline">here</a> if you want this shit to go away without cookies.
|
||||
<br />Read more about how me & basspistol <a href="/cookies/">use cookies</a>
|
||||
<p>
|
||||
We only use cookies if you consent to it. They don't contain any identifiable info: they just let us know if you enjoyed this enough to come back.
|
||||
<br /><a href="#" id="cookie-notice-decline">Click here</a> if you want this to go away without cookies.
|
||||
<br />Read more about <a href="/cookies/"> how 徒 setto セット use cookies</a>
|
||||
</p>
|
||||
<a class="button yes" href="#"
|
||||
id="cookie-notice-accept">I'm in!</a>
|
||||
id="cookie-notice-accept">Ok</a>
|
||||
|
||||
</div>
|
||||
|
||||
|
|
@ -652,7 +687,7 @@
|
|||
var _mtm = _mtm || [];
|
||||
_mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'});
|
||||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||
g.type='text/javascript'; g.async=true; g.defer=true; g.src='//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 *//
|
||||
|
||||
|
|
@ -672,7 +707,7 @@ _paq.push(['enableLinkTracking']);
|
|||
_paq.push(['setTrackerUrl', u+'matomo.php']);
|
||||
_paq.push(['setSiteId', '11']);
|
||||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||
g.type='text/javascript'; g.async=true; g.defer=true; g.src='//cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
|
||||
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(['setSiteId', '11']);
|
||||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||
g.type='text/javascript'; g.async=true; g.defer=true; g.src='//cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
|
||||
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>
|
||||
|
|
|
|||
|
|
@ -105,44 +105,80 @@
|
|||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
|
||||
<link rel="stylesheet" href="../assets/css/all.min.css" />
|
||||
<link rel="stylesheet" href="../assets/css/main-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="icon" type="image/png" href="https://setto.basspistol.com/touch-icon.png" sizes="192x192">
|
||||
<link rel="shortcut icon" href="https://setto.basspistol.com/images/setto-logoicon.svg" type="image/png" />
|
||||
<noscript><link rel="stylesheet" href="../assets/css/noscripts-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>
|
||||
|
||||
<body>
|
||||
<!-- Wrapper -->
|
||||
|
||||
<div id="main-wrapper">
|
||||
|
||||
|
||||
<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">
|
||||
|
||||
<h4>Darkweb</h4>
|
||||
</div>
|
||||
|
||||
<video autoplay muted loop id="myVideo">
|
||||
<source src="/videos/darkweb.webm" type="video/mp4">
|
||||
</video>
|
||||
|
||||
</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 -->
|
||||
|
||||
|
|
@ -150,6 +186,7 @@
|
|||
|
||||
|
||||
|
||||
|
||||
<div class="player-wrap">
|
||||
|
||||
<div id="plwrap">
|
||||
|
|
@ -280,7 +317,7 @@
|
|||
</h6>
|
||||
<ul>
|
||||
<a target="_blank" rel="nofollow noopener" title="Share to facebook" alt="Share to facebook" href="https://touch.facebook.com/sharer.php?u=https://setto.basspistol.com/darkweb/&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/&text=Darkweb%20by%20徒 setto セット%20&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/&text=Darkweb%20by%20徒 setto セット%20&hashtags=basspistol" class="icon smaller fab fa-twitter"><span class="label">Twitter</span></a>
|
||||
<a target="_blank" rel="nofollow noopener" title="Share to telegram" alt="Share to telgram" href="https://telegram.me/share/url?url=https://setto.basspistol.com/darkweb/&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/&title=Darkweb%20by%20徒 setto セット" class="icon smaller fab fa-reddit"><span class="label">Reddit</span></a>
|
||||
</ul>
|
||||
|
|
@ -289,10 +326,10 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
<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>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">
|
||||
<div class="full-image" style="background-image:url(https://media.basspistol.com/setto.basspistol.com/darkweb/1-swipe.jpeg);">
|
||||
|
||||
</div>
|
||||
<div>
|
||||
<h2>Swipe</h2>
|
||||
|
|
@ -385,19 +421,14 @@
|
|||
4:41
|
||||
| <strong>Cyber Soul</strong></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>
|
||||
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
<section class="track-picker">
|
||||
<div class="full-image" style="background-image:url(https://media.basspistol.com/setto.basspistol.com/darkweb/2-darkweb.jpeg);">
|
||||
|
||||
</div>
|
||||
<div>
|
||||
<h2>Darkweb</h2>
|
||||
|
|
@ -405,19 +436,14 @@
|
|||
4:45
|
||||
| <strong>Cypher Rap</strong></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>
|
||||
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
<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>
|
||||
<div>
|
||||
<h2>Swipe (Instrumental)</h2>
|
||||
|
|
@ -425,19 +451,14 @@
|
|||
4:42
|
||||
| <strong>Cyber Soul</strong></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>
|
||||
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
<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>
|
||||
<div>
|
||||
<h2>Darkweb (Instrumental)</h2>
|
||||
|
|
@ -445,12 +466,8 @@
|
|||
4:44
|
||||
| <strong>Cypher Rap</strong></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>
|
||||
|
||||
</section>
|
||||
|
||||
|
||||
|
|
@ -464,31 +481,22 @@
|
|||
<!-- post Naviation -->
|
||||
<section class="post-navigation">
|
||||
|
||||
<div class="container">
|
||||
<div class="post-nav">
|
||||
|
||||
|
||||
|
||||
<h2>Check out more</h2>
|
||||
<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> 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>
|
||||
|
||||
</div>
|
||||
<div class="post-nav-next">
|
||||
|
||||
</div>
|
||||
<div class="post-nav-next">
|
||||
|
||||
|
||||
<h3><a href="/cyber-grany/">Granny is a cyborg now <span class="fas fa-arrow-right"></span></a></h3>
|
||||
<h4><a href="/cyber-grany/"><span class="fas fa-arrow-right" style="font-size:3em;"></span></a></h4>
|
||||
<h3>Granny is a cyborg now</h3>
|
||||
<p>Jazzy Cybersoul with a hint of 303 baselines.</p>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
<!-- End Post Navigation -->
|
||||
|
|
@ -632,8 +640,6 @@
|
|||
|
||||
|
||||
|
||||
<!-- Footer -->
|
||||
|
||||
<!-- Footer -->
|
||||
|
||||
|
||||
|
|
@ -682,27 +688,31 @@
|
|||
|
||||
|
||||
|
||||
|
||||
<!-- Footer -->
|
||||
<footer>
|
||||
<div class="footframe">
|
||||
<div>
|
||||
<h3>徒 setto セット</h3>
|
||||
<p>Set, Party, Gang! #Cybersoul.</p>
|
||||
<ul>
|
||||
|
||||
<li><a href="../">Home</a></li>
|
||||
<li><a href="../">🏡 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>
|
||||
</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;">
|
||||
|
||||
<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
|
||||
class="label">Email</span></a>
|
||||
</div>
|
||||
<small>
|
||||
|
||||
<p>©2020 Basspistol | <a href="../webcreds/">Credits</a> | <a
|
||||
href="../cookies/">Cookies & Privacy</a></p>
|
||||
<p>©2020 Basspistol | <a href="../webcreds/">Credits</a> |
|
||||
<a href="../cookies/">Cookies & Privacy</a>
|
||||
<br />This page was last updated on Wednesday, Sep 02, 2020</p>
|
||||
</small>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
|
||||
|
||||
<!-- END Footer -->
|
||||
|
||||
|
||||
|
|
@ -754,23 +765,23 @@
|
|||
<a href="#close" title="Close" onclick="removeBlur()" class="close-button">X</a>
|
||||
<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">
|
||||
|
||||
<p>I only use cookies if you consent to it. They don't contain any identifiable info: they just let me know if you
|
||||
enjoyed this enough to come back.
|
||||
<br />Click <a href="#" id="cookie-notice-decline">here</a> if you want this shit to go away without cookies.
|
||||
<br />Read more about how me & basspistol <a href="/cookies/">use cookies</a>
|
||||
<p>
|
||||
We only use cookies if you consent to it. They don't contain any identifiable info: they just let us know if you enjoyed this enough to come back.
|
||||
<br /><a href="#" id="cookie-notice-decline">Click here</a> if you want this to go away without cookies.
|
||||
<br />Read more about <a href="/cookies/"> how 徒 setto セット use cookies</a>
|
||||
</p>
|
||||
<a class="button yes" href="#"
|
||||
id="cookie-notice-accept">I'm in!</a>
|
||||
id="cookie-notice-accept">Ok</a>
|
||||
|
||||
</div>
|
||||
|
||||
|
|
@ -825,7 +836,7 @@
|
|||
var _mtm = _mtm || [];
|
||||
_mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'});
|
||||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||
g.type='text/javascript'; g.async=true; g.defer=true; g.src='//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 *//
|
||||
|
||||
|
|
@ -845,7 +856,7 @@ _paq.push(['enableLinkTracking']);
|
|||
_paq.push(['setTrackerUrl', u+'matomo.php']);
|
||||
_paq.push(['setSiteId', '11']);
|
||||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||
g.type='text/javascript'; g.async=true; g.defer=true; g.src='//cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
|
||||
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(['setSiteId', '11']);
|
||||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||
g.type='text/javascript'; g.async=true; g.defer=true; g.src='//cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
|
||||
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,14 +906,13 @@ _paq.push(['enableLinkTracking']);
|
|||
|
||||
|
||||
|
||||
<script src="../assets/js/set-20200805.js"></script>
|
||||
|
||||
<script src="../assets/js/set-20200911.js"></script>
|
||||
|
||||
|
||||
<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">
|
||||
</video>
|
||||
</video>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -117,37 +117,62 @@
|
|||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
|
||||
<link rel="stylesheet" href="../assets/css/all.min.css" />
|
||||
<link rel="stylesheet" href="../assets/css/main-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="icon" type="image/png" href="https://setto.basspistol.com/touch-icon.png" sizes="192x192">
|
||||
<link rel="shortcut icon" href="https://setto.basspistol.com/images/setto-logoicon.svg" type="image/png" />
|
||||
<noscript><link rel="stylesheet" href="../assets/css/noscripts-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>
|
||||
|
||||
<body>
|
||||
<!-- 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">
|
||||
|
||||
<h4>Discography</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>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>
|
||||
|
||||
|
||||
<!-- Footer -->
|
||||
|
||||
<!-- Footer -->
|
||||
|
||||
|
||||
|
|
@ -318,27 +341,31 @@ Open your mind, open the source!</p>
|
|||
</section>
|
||||
|
||||
|
||||
|
||||
<!-- Footer -->
|
||||
<footer>
|
||||
<div class="footframe">
|
||||
<div>
|
||||
<h3>徒 setto セット</h3>
|
||||
<p>Set, Party, Gang! #Cybersoul.</p>
|
||||
<ul>
|
||||
|
||||
<li><a href="../">Home</a></li>
|
||||
<li><a href="../">🏡 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>
|
||||
</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;">
|
||||
|
||||
<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
|
||||
class="label">Email</span></a>
|
||||
</div>
|
||||
<small>
|
||||
|
||||
<p>©2020 Basspistol | <a href="../webcreds/">Credits</a> | <a
|
||||
href="../cookies/">Cookies & Privacy</a></p>
|
||||
<p>©2020 Basspistol | <a href="../webcreds/">Credits</a> |
|
||||
<a href="../cookies/">Cookies & Privacy</a>
|
||||
<br />This page was last updated on Wednesday, Sep 02, 2020</p>
|
||||
</small>
|
||||
</div>
|
||||
</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>
|
||||
<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">
|
||||
|
||||
<p>I only use cookies if you consent to it. They don't contain any identifiable info: they just let me know if you
|
||||
enjoyed this enough to come back.
|
||||
<br />Click <a href="#" id="cookie-notice-decline">here</a> if you want this shit to go away without cookies.
|
||||
<br />Read more about how me & basspistol <a href="/cookies/">use cookies</a>
|
||||
<p>
|
||||
We only use cookies if you consent to it. They don't contain any identifiable info: they just let us know if you enjoyed this enough to come back.
|
||||
<br /><a href="#" id="cookie-notice-decline">Click here</a> if you want this to go away without cookies.
|
||||
<br />Read more about <a href="/cookies/"> how 徒 setto セット use cookies</a>
|
||||
</p>
|
||||
<a class="button yes" href="#"
|
||||
id="cookie-notice-accept">I'm in!</a>
|
||||
id="cookie-notice-accept">Ok</a>
|
||||
|
||||
</div>
|
||||
|
||||
|
|
@ -461,7 +489,7 @@ Open your mind, open the source!</p>
|
|||
var _mtm = _mtm || [];
|
||||
_mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'});
|
||||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||
g.type='text/javascript'; g.async=true; g.defer=true; g.src='//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 *//
|
||||
|
||||
|
|
@ -481,7 +509,7 @@ _paq.push(['enableLinkTracking']);
|
|||
_paq.push(['setTrackerUrl', u+'matomo.php']);
|
||||
_paq.push(['setSiteId', '11']);
|
||||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||
g.type='text/javascript'; g.async=true; g.defer=true; g.src='//cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
|
||||
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(['setSiteId', '11']);
|
||||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||
g.type='text/javascript'; g.async=true; g.defer=true; g.src='//cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
|
||||
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>
|
||||
|
|
|
|||
2
feed.xml
2
feed.xml
|
|
@ -6,7 +6,7 @@
|
|||
<atom:link href="https://setto.basspistol.com/rss.xml" rel="self" type="application/rss+xml" />
|
||||
<link>https://setto.basspistol.com</link>
|
||||
<description>Set, Party, Gang! &#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>
|
||||
<sy:updatePeriod>hourly</sy:updatePeriod>
|
||||
<sy:updateFrequency>1</sy:updateFrequency>
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 58 KiB After Width: | Height: | Size: 38 KiB |
254
index.html
254
index.html
|
|
@ -38,7 +38,7 @@
|
|||
<title>Yo, web-TV crib! ゲットー・スービド | 徒 setto セット</title>
|
||||
<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="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" />
|
||||
|
||||
<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.Title" content="Yo, web-TV crib! ゲットー・スービド" />
|
||||
<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." />
|
||||
|
||||
<!-- Facebook -->
|
||||
|
|
@ -73,7 +73,7 @@
|
|||
<meta property="og:url" content="https://setto.basspistol.com/" />
|
||||
<meta property="og:site_name" content="徒 setto セット" />
|
||||
<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" />
|
||||
<!-- Twitter Card -->
|
||||
|
||||
|
|
@ -117,38 +117,48 @@
|
|||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
|
||||
<link rel="stylesheet" href="./assets/css/all.min.css" />
|
||||
<link rel="stylesheet" href="./assets/css/main-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="icon" type="image/png" href="https://setto.basspistol.com/touch-icon.png" sizes="192x192">
|
||||
<link rel="shortcut icon" href="https://setto.basspistol.com/images/setto-logoicon.svg" type="image/png" />
|
||||
<noscript><link rel="stylesheet" href="./assets/css/noscripts-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>
|
||||
|
||||
<body>
|
||||
<!-- Wrapper -->
|
||||
|
||||
<div id="main-wrapper">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<header class="hero" style="background-image: url(/images/pages/pingu.jpg);">
|
||||
<div class="textcontainer">
|
||||
<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>
|
||||
<header class="hero" id="top"
|
||||
style="background-image: url(/images/pages/pingu.jpg);">
|
||||
<div class="imagecontainer">
|
||||
|
||||
<h4>Yo, web-TV crib! ゲットー・スービド</h4>
|
||||
</div>
|
||||
|
||||
|
||||
</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">
|
||||
|
|
@ -172,8 +182,11 @@
|
|||
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
<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 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 -->
|
||||
|
||||
|
|
@ -478,25 +422,29 @@
|
|||
</section>
|
||||
|
||||
|
||||
|
||||
<!-- Footer -->
|
||||
<footer>
|
||||
<div class="footframe">
|
||||
<div>
|
||||
<h3>徒 setto セット</h3>
|
||||
<p>Set, Party, Gang! #Cybersoul.</p>
|
||||
<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>
|
||||
</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;">
|
||||
|
||||
<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
|
||||
class="label">Email</span></a>
|
||||
</div>
|
||||
<small>
|
||||
|
||||
<p>©2020 Basspistol | <a href="./webcreds/">Credits</a> | <a
|
||||
href="./cookies/">Cookies & Privacy</a></p>
|
||||
<p>©2020 Basspistol | <a href="./webcreds/">Credits</a> |
|
||||
<a href="./cookies/">Cookies & Privacy</a>
|
||||
<br />This page was last updated on Friday, Sep 11, 2020</p>
|
||||
</small>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
|
||||
|
||||
<!-- END Footer -->
|
||||
|
||||
|
||||
|
|
@ -534,7 +483,7 @@
|
|||
<!-- Navigation -->
|
||||
<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
|
||||
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">
|
||||
|
||||
<p>I only use cookies if you consent to it. They don't contain any identifiable info: they just let me know if you
|
||||
enjoyed this enough to come back.
|
||||
<br />Click <a href="#" id="cookie-notice-decline">here</a> if you want this shit to go away without cookies.
|
||||
<br />Read more about how me & basspistol <a href="/cookies/">use cookies</a>
|
||||
<p>
|
||||
We only use cookies if you consent to it. They don't contain any identifiable info: they just let us know if you enjoyed this enough to come back.
|
||||
<br /><a href="#" id="cookie-notice-decline">Click here</a> if you want this to go away without cookies.
|
||||
<br />Read more about <a href="/cookies/"> how 徒 setto セット use cookies</a>
|
||||
</p>
|
||||
<a class="button yes" href="#"
|
||||
id="cookie-notice-accept">I'm in!</a>
|
||||
id="cookie-notice-accept">Ok</a>
|
||||
|
||||
</div>
|
||||
|
||||
|
|
@ -617,7 +566,7 @@
|
|||
var _mtm = _mtm || [];
|
||||
_mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'});
|
||||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||
g.type='text/javascript'; g.async=true; g.defer=true; g.src='//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 *//
|
||||
|
||||
|
|
@ -637,7 +586,7 @@ _paq.push(['enableLinkTracking']);
|
|||
_paq.push(['setTrackerUrl', u+'matomo.php']);
|
||||
_paq.push(['setSiteId', '11']);
|
||||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||
g.type='text/javascript'; g.async=true; g.defer=true; g.src='//cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
|
||||
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(['setSiteId', '11']);
|
||||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||
g.type='text/javascript'; g.async=true; g.defer=true; g.src='//cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
|
||||
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>
|
||||
|
|
|
|||
101
links/index.html
101
links/index.html
|
|
@ -117,37 +117,62 @@
|
|||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
|
||||
<link rel="stylesheet" href="../assets/css/all.min.css" />
|
||||
<link rel="stylesheet" href="../assets/css/main-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="icon" type="image/png" href="https://setto.basspistol.com/touch-icon.png" sizes="192x192">
|
||||
<link rel="shortcut icon" href="https://setto.basspistol.com/images/setto-logoicon.svg" type="image/png" />
|
||||
<noscript><link rel="stylesheet" href="../assets/css/noscripts-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>
|
||||
|
||||
<body>
|
||||
<!-- 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">
|
||||
|
||||
<h4>Links</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>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 -->
|
||||
|
||||
|
||||
|
|
@ -289,27 +312,31 @@
|
|||
</section>
|
||||
|
||||
|
||||
|
||||
<!-- Footer -->
|
||||
<footer>
|
||||
<div class="footframe">
|
||||
<div>
|
||||
<h3>徒 setto セット</h3>
|
||||
<p>Set, Party, Gang! #Cybersoul.</p>
|
||||
<ul>
|
||||
|
||||
<li><a href="../">Home</a></li>
|
||||
<li><a href="../">🏡 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>
|
||||
</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;">
|
||||
|
||||
<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
|
||||
class="label">Email</span></a>
|
||||
</div>
|
||||
<small>
|
||||
|
||||
<p>©2020 Basspistol | <a href="../webcreds/">Credits</a> | <a
|
||||
href="../cookies/">Cookies & Privacy</a></p>
|
||||
<p>©2020 Basspistol | <a href="../webcreds/">Credits</a> |
|
||||
<a href="../cookies/">Cookies & Privacy</a>
|
||||
<br />This page was last updated on Wednesday, Sep 02, 2020</p>
|
||||
</small>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
|
||||
|
||||
<!-- END Footer -->
|
||||
|
||||
|
||||
|
|
@ -361,23 +389,23 @@
|
|||
<a href="#close" title="Close" onclick="removeBlur()" class="close-button">X</a>
|
||||
<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">
|
||||
|
||||
<p>I only use cookies if you consent to it. They don't contain any identifiable info: they just let me know if you
|
||||
enjoyed this enough to come back.
|
||||
<br />Click <a href="#" id="cookie-notice-decline">here</a> if you want this shit to go away without cookies.
|
||||
<br />Read more about how me & basspistol <a href="/cookies/">use cookies</a>
|
||||
<p>
|
||||
We only use cookies if you consent to it. They don't contain any identifiable info: they just let us know if you enjoyed this enough to come back.
|
||||
<br /><a href="#" id="cookie-notice-decline">Click here</a> if you want this to go away without cookies.
|
||||
<br />Read more about <a href="/cookies/"> how 徒 setto セット use cookies</a>
|
||||
</p>
|
||||
<a class="button yes" href="#"
|
||||
id="cookie-notice-accept">I'm in!</a>
|
||||
id="cookie-notice-accept">Ok</a>
|
||||
|
||||
</div>
|
||||
|
||||
|
|
@ -432,7 +460,7 @@
|
|||
var _mtm = _mtm || [];
|
||||
_mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'});
|
||||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||
g.type='text/javascript'; g.async=true; g.defer=true; g.src='//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 *//
|
||||
|
||||
|
|
@ -452,7 +480,7 @@ _paq.push(['enableLinkTracking']);
|
|||
_paq.push(['setTrackerUrl', u+'matomo.php']);
|
||||
_paq.push(['setSiteId', '11']);
|
||||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||
g.type='text/javascript'; g.async=true; g.defer=true; g.src='//cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
|
||||
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(['setSiteId', '11']);
|
||||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||
g.type='text/javascript'; g.async=true; g.defer=true; g.src='//cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
|
||||
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>
|
||||
|
|
|
|||
|
|
@ -105,40 +105,80 @@
|
|||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
|
||||
<link rel="stylesheet" href="../assets/css/all.min.css" />
|
||||
<link rel="stylesheet" href="../assets/css/main-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="icon" type="image/png" href="https://setto.basspistol.com/touch-icon.png" sizes="192x192">
|
||||
<link rel="shortcut icon" href="https://setto.basspistol.com/images/setto-logoicon.svg" type="image/png" />
|
||||
<noscript><link rel="stylesheet" href="../assets/css/noscripts-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>
|
||||
|
||||
<body>
|
||||
<!-- Wrapper -->
|
||||
|
||||
<div id="main-wrapper">
|
||||
|
||||
|
||||
<script src="/assets/js/jquery-3.5.1.min.js"></script>
|
||||
<header class="hero" style="background-image: url(/images/posts/1-ep-life-of-a-dudelini.jpeg);">
|
||||
<div class="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">
|
||||
|
||||
<h4>Live with hardware</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>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 -->
|
||||
|
||||
|
|
@ -148,6 +188,7 @@
|
|||
|
||||
|
||||
|
||||
|
||||
<div class="player-wrap">
|
||||
|
||||
<div id="plwrap">
|
||||
|
|
@ -218,7 +259,7 @@
|
|||
</h6>
|
||||
<ul>
|
||||
<a target="_blank" rel="nofollow noopener" title="Share to facebook" alt="Share to facebook" href="https://touch.facebook.com/sharer.php?u=https://setto.basspistol.com/live-with-hardware/&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/&text=Live with hardware%20by%20徒 setto セット%20&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/&text=Live with hardware%20by%20徒 setto セット%20&hashtags=basspistol" class="icon smaller fab fa-twitter"><span class="label">Twitter</span></a>
|
||||
<a target="_blank" rel="nofollow noopener" title="Share to telegram" alt="Share to telgram" href="https://telegram.me/share/url?url=https://setto.basspistol.com/live-with-hardware/&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/&title=Live with hardware%20by%20徒 setto セット" class="icon smaller fab fa-reddit"><span class="label">Reddit</span></a>
|
||||
</ul>
|
||||
|
|
@ -227,10 +268,10 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
<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>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 -->
|
||||
<section class="post-navigation">
|
||||
|
||||
<div class="container">
|
||||
<div class="post-nav">
|
||||
|
||||
|
||||
|
||||
<h2>Check out more</h2>
|
||||
<div class="post-nav">
|
||||
|
||||
<h3><a href="/cyber-grany/" alt="Read Granny is a cyborg now" title="Read Granny is a cyborg now"><span class="fas fa-arrow-left"></span> 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>
|
||||
|
||||
</div>
|
||||
<div class="post-nav-next">
|
||||
|
||||
</div>
|
||||
<div class="post-nav-next">
|
||||
|
||||
|
||||
<h3><a href="/unmet-dependencies/">Unmet Dependencies <span class="fas fa-arrow-right"></span></a></h3>
|
||||
<h4><a href="/unmet-dependencies/"><span class="fas fa-arrow-right" style="font-size:3em;"></span></a></h4>
|
||||
<h3>Unmet Dependencies</h3>
|
||||
<p>Proprietary tools, consultancies, remote labor... The reality in the digital industry is as hard to cope with as it is building software in Haskell. Freedom is luxury, but also a burden.
|
||||
|
||||
Open your mind, open the source!</p>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
<!-- End Post Navigation -->
|
||||
|
|
@ -467,8 +499,6 @@ Open your mind, open the source!</p>
|
|||
|
||||
|
||||
|
||||
<!-- Footer -->
|
||||
|
||||
<!-- Footer -->
|
||||
|
||||
|
||||
|
|
@ -518,27 +548,31 @@ Open your mind, open the source!</p>
|
|||
|
||||
|
||||
|
||||
|
||||
<!-- Footer -->
|
||||
<footer>
|
||||
<div class="footframe">
|
||||
<div>
|
||||
<h3>徒 setto セット</h3>
|
||||
<p>Set, Party, Gang! #Cybersoul.</p>
|
||||
<ul>
|
||||
|
||||
<li><a href="../">Home</a></li>
|
||||
<li><a href="../">🏡 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>
|
||||
</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;">
|
||||
|
||||
<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
|
||||
class="label">Email</span></a>
|
||||
</div>
|
||||
<small>
|
||||
|
||||
<p>©2020 Basspistol | <a href="../webcreds/">Credits</a> | <a
|
||||
href="../cookies/">Cookies & Privacy</a></p>
|
||||
<p>©2020 Basspistol | <a href="../webcreds/">Credits</a> |
|
||||
<a href="../cookies/">Cookies & Privacy</a>
|
||||
<br />This page was last updated on Wednesday, Sep 02, 2020</p>
|
||||
</small>
|
||||
</div>
|
||||
</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>
|
||||
<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">
|
||||
|
||||
<p>I only use cookies if you consent to it. They don't contain any identifiable info: they just let me know if you
|
||||
enjoyed this enough to come back.
|
||||
<br />Click <a href="#" id="cookie-notice-decline">here</a> if you want this shit to go away without cookies.
|
||||
<br />Read more about how me & basspistol <a href="/cookies/">use cookies</a>
|
||||
<p>
|
||||
We only use cookies if you consent to it. They don't contain any identifiable info: they just let us know if you enjoyed this enough to come back.
|
||||
<br /><a href="#" id="cookie-notice-decline">Click here</a> if you want this to go away without cookies.
|
||||
<br />Read more about <a href="/cookies/"> how 徒 setto セット use cookies</a>
|
||||
</p>
|
||||
<a class="button yes" href="#"
|
||||
id="cookie-notice-accept">I'm in!</a>
|
||||
id="cookie-notice-accept">Ok</a>
|
||||
|
||||
</div>
|
||||
|
||||
|
|
@ -661,7 +696,7 @@ Open your mind, open the source!</p>
|
|||
var _mtm = _mtm || [];
|
||||
_mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'});
|
||||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||
g.type='text/javascript'; g.async=true; g.defer=true; g.src='//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 *//
|
||||
|
||||
|
|
@ -681,7 +716,7 @@ _paq.push(['enableLinkTracking']);
|
|||
_paq.push(['setTrackerUrl', u+'matomo.php']);
|
||||
_paq.push(['setSiteId', '11']);
|
||||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||
g.type='text/javascript'; g.async=true; g.defer=true; g.src='//cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
|
||||
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(['setSiteId', '11']);
|
||||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||
g.type='text/javascript'; g.async=true; g.defer=true; g.src='//cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
|
||||
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>
|
||||
|
|
|
|||
101
log/index.html
101
log/index.html
|
|
@ -117,37 +117,62 @@
|
|||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
|
||||
<link rel="stylesheet" href="../assets/css/all.min.css" />
|
||||
<link rel="stylesheet" href="../assets/css/main-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="icon" type="image/png" href="https://setto.basspistol.com/touch-icon.png" sizes="192x192">
|
||||
<link rel="shortcut icon" href="https://setto.basspistol.com/images/setto-logoicon.svg" type="image/png" />
|
||||
<noscript><link rel="stylesheet" href="../assets/css/noscripts-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>
|
||||
|
||||
<body>
|
||||
<!-- 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">
|
||||
|
||||
<h4>Web-Log</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>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>
|
||||
<h2>Latest News</h2>
|
||||
|
|
@ -186,8 +211,6 @@
|
|||
|
||||
|
||||
|
||||
<!-- Footer -->
|
||||
|
||||
<!-- Footer -->
|
||||
|
||||
|
||||
|
|
@ -233,27 +256,31 @@
|
|||
</section>
|
||||
|
||||
|
||||
|
||||
<!-- Footer -->
|
||||
<footer>
|
||||
<div class="footframe">
|
||||
<div>
|
||||
<h3>徒 setto セット</h3>
|
||||
<p>Set, Party, Gang! #Cybersoul.</p>
|
||||
<ul>
|
||||
|
||||
<li><a href="../">Home</a></li>
|
||||
<li><a href="../">🏡 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>
|
||||
</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;">
|
||||
|
||||
<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
|
||||
class="label">Email</span></a>
|
||||
</div>
|
||||
<small>
|
||||
|
||||
<p>©2020 Basspistol | <a href="../webcreds/">Credits</a> | <a
|
||||
href="../cookies/">Cookies & Privacy</a></p>
|
||||
<p>©2020 Basspistol | <a href="../webcreds/">Credits</a> |
|
||||
<a href="../cookies/">Cookies & Privacy</a>
|
||||
<br />This page was last updated on Wednesday, Sep 02, 2020</p>
|
||||
</small>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
|
||||
|
||||
<!-- END Footer -->
|
||||
|
||||
|
||||
|
|
@ -305,23 +333,23 @@
|
|||
<a href="#close" title="Close" onclick="removeBlur()" class="close-button">X</a>
|
||||
<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">
|
||||
|
||||
<p>I only use cookies if you consent to it. They don't contain any identifiable info: they just let me know if you
|
||||
enjoyed this enough to come back.
|
||||
<br />Click <a href="#" id="cookie-notice-decline">here</a> if you want this shit to go away without cookies.
|
||||
<br />Read more about how me & basspistol <a href="/cookies/">use cookies</a>
|
||||
<p>
|
||||
We only use cookies if you consent to it. They don't contain any identifiable info: they just let us know if you enjoyed this enough to come back.
|
||||
<br /><a href="#" id="cookie-notice-decline">Click here</a> if you want this to go away without cookies.
|
||||
<br />Read more about <a href="/cookies/"> how 徒 setto セット use cookies</a>
|
||||
</p>
|
||||
<a class="button yes" href="#"
|
||||
id="cookie-notice-accept">I'm in!</a>
|
||||
id="cookie-notice-accept">Ok</a>
|
||||
|
||||
</div>
|
||||
|
||||
|
|
@ -376,7 +404,7 @@
|
|||
var _mtm = _mtm || [];
|
||||
_mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'});
|
||||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||
g.type='text/javascript'; g.async=true; g.defer=true; g.src='//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 *//
|
||||
|
||||
|
|
@ -396,7 +424,7 @@ _paq.push(['enableLinkTracking']);
|
|||
_paq.push(['setTrackerUrl', u+'matomo.php']);
|
||||
_paq.push(['setSiteId', '11']);
|
||||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||
g.type='text/javascript'; g.async=true; g.defer=true; g.src='//cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
|
||||
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(['setSiteId', '11']);
|
||||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||
g.type='text/javascript'; g.async=true; g.defer=true; g.src='//cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
|
||||
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>
|
||||
|
|
|
|||
|
|
@ -105,49 +105,86 @@
|
|||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
|
||||
<link rel="stylesheet" href="../assets/css/all.min.css" />
|
||||
<link rel="stylesheet" href="../assets/css/main-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="icon" type="image/png" href="https://setto.basspistol.com/touch-icon.png" sizes="192x192">
|
||||
<link rel="shortcut icon" href="https://setto.basspistol.com/images/setto-logoicon.svg" type="image/png" />
|
||||
<noscript><link rel="stylesheet" href="../assets/css/noscripts-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>
|
||||
|
||||
<body>
|
||||
<!-- Wrapper -->
|
||||
|
||||
<div id="main-wrapper">
|
||||
|
||||
|
||||
<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">
|
||||
|
||||
<h4>Satoshi Mon Ami</h4>
|
||||
</div>
|
||||
|
||||
<video autoplay muted loop id="myVideo">
|
||||
<source src="/videos/satoshi.webm" type="video/mp4">
|
||||
</video>
|
||||
|
||||
</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 -->
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="player-wrap">
|
||||
|
||||
<div id="plwrap">
|
||||
|
|
@ -238,7 +275,7 @@
|
|||
</h6>
|
||||
<ul>
|
||||
<a target="_blank" rel="nofollow noopener" title="Share to facebook" alt="Share to facebook" href="https://touch.facebook.com/sharer.php?u=https://setto.basspistol.com/satoshi-mon-ami/&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/&text=Satoshi Mon Ami%20by%20徒 setto セット%20&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/&text=Satoshi Mon Ami%20by%20徒 setto セット%20&hashtags=basspistol" class="icon smaller fab fa-twitter"><span class="label">Twitter</span></a>
|
||||
<a target="_blank" rel="nofollow noopener" title="Share to telegram" alt="Share to telgram" href="https://telegram.me/share/url?url=https://setto.basspistol.com/satoshi-mon-ami/&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/&title=Satoshi Mon Ami%20by%20徒 setto セット" class="icon smaller fab fa-reddit"><span class="label">Reddit</span></a>
|
||||
</ul>
|
||||
|
|
@ -247,10 +284,10 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
<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>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">
|
||||
<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>
|
||||
<h2>K'as-tu fait de nous?</h2>
|
||||
|
|
@ -347,19 +383,14 @@
|
|||
5:05
|
||||
| <strong>Cyber Soul</strong></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>
|
||||
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
<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>
|
||||
<div>
|
||||
<h2>Rêve de toi</h2>
|
||||
|
|
@ -367,12 +398,8 @@
|
|||
3:06
|
||||
| <strong>Cyber Soul</strong></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>
|
||||
|
||||
</section>
|
||||
|
||||
|
||||
|
|
@ -386,27 +413,18 @@
|
|||
<!-- post Naviation -->
|
||||
<section class="post-navigation">
|
||||
|
||||
<div class="container">
|
||||
<div class="post-nav">
|
||||
|
||||
</div>
|
||||
<div class="post-nav-next">
|
||||
|
||||
|
||||
<h2>Check out more</h2>
|
||||
<div class="post-nav">
|
||||
|
||||
</div>
|
||||
<div class="post-nav-next">
|
||||
|
||||
|
||||
<h3><a href="/darkweb/">Darkweb <span class="fas fa-arrow-right"></span></a></h3>
|
||||
<h4><a href="/darkweb/"><span class="fas fa-arrow-right" style="font-size:3em;"></span></a></h4>
|
||||
<h3>Darkweb</h3>
|
||||
<p>As dystopian as the present might seem on-line, there is always room for the strange in the cypher...</p>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
<!-- End Post Navigation -->
|
||||
|
|
@ -538,8 +556,6 @@
|
|||
|
||||
|
||||
|
||||
<!-- Footer -->
|
||||
|
||||
<!-- Footer -->
|
||||
|
||||
|
||||
|
|
@ -588,27 +604,31 @@
|
|||
|
||||
|
||||
|
||||
|
||||
<!-- Footer -->
|
||||
<footer>
|
||||
<div class="footframe">
|
||||
<div>
|
||||
<h3>徒 setto セット</h3>
|
||||
<p>Set, Party, Gang! #Cybersoul.</p>
|
||||
<ul>
|
||||
|
||||
<li><a href="../">Home</a></li>
|
||||
<li><a href="../">🏡 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>
|
||||
</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;">
|
||||
|
||||
<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
|
||||
class="label">Email</span></a>
|
||||
</div>
|
||||
<small>
|
||||
|
||||
<p>©2020 Basspistol | <a href="../webcreds/">Credits</a> | <a
|
||||
href="../cookies/">Cookies & Privacy</a></p>
|
||||
<p>©2020 Basspistol | <a href="../webcreds/">Credits</a> |
|
||||
<a href="../cookies/">Cookies & Privacy</a>
|
||||
<br />This page was last updated on Wednesday, Sep 02, 2020</p>
|
||||
</small>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
|
||||
|
||||
<!-- END Footer -->
|
||||
|
||||
|
||||
|
|
@ -660,23 +681,23 @@
|
|||
<a href="#close" title="Close" onclick="removeBlur()" class="close-button">X</a>
|
||||
<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">
|
||||
|
||||
<p>I only use cookies if you consent to it. They don't contain any identifiable info: they just let me know if you
|
||||
enjoyed this enough to come back.
|
||||
<br />Click <a href="#" id="cookie-notice-decline">here</a> if you want this shit to go away without cookies.
|
||||
<br />Read more about how me & basspistol <a href="/cookies/">use cookies</a>
|
||||
<p>
|
||||
We only use cookies if you consent to it. They don't contain any identifiable info: they just let us know if you enjoyed this enough to come back.
|
||||
<br /><a href="#" id="cookie-notice-decline">Click here</a> if you want this to go away without cookies.
|
||||
<br />Read more about <a href="/cookies/"> how 徒 setto セット use cookies</a>
|
||||
</p>
|
||||
<a class="button yes" href="#"
|
||||
id="cookie-notice-accept">I'm in!</a>
|
||||
id="cookie-notice-accept">Ok</a>
|
||||
|
||||
</div>
|
||||
|
||||
|
|
@ -731,7 +752,7 @@
|
|||
var _mtm = _mtm || [];
|
||||
_mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'});
|
||||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||
g.type='text/javascript'; g.async=true; g.defer=true; g.src='//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 *//
|
||||
|
||||
|
|
@ -751,7 +772,7 @@ _paq.push(['enableLinkTracking']);
|
|||
_paq.push(['setTrackerUrl', u+'matomo.php']);
|
||||
_paq.push(['setSiteId', '11']);
|
||||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||
g.type='text/javascript'; g.async=true; g.defer=true; g.src='//cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
|
||||
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(['setSiteId', '11']);
|
||||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||
g.type='text/javascript'; g.async=true; g.defer=true; g.src='//cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
|
||||
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,14 +822,13 @@ _paq.push(['enableLinkTracking']);
|
|||
|
||||
|
||||
|
||||
<script src="../assets/js/set-20200805.js"></script>
|
||||
|
||||
<script src="../assets/js/set-20200911.js"></script>
|
||||
|
||||
|
||||
<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">
|
||||
</video>
|
||||
</video>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -74,7 +74,7 @@
|
|||
</url>
|
||||
<url>
|
||||
<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>
|
||||
<loc>https://setto.basspistol.com/links/</loc>
|
||||
|
|
@ -86,6 +86,6 @@
|
|||
</url>
|
||||
<url>
|
||||
<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>
|
||||
</urlset>
|
||||
|
|
|
|||
|
|
@ -105,46 +105,82 @@
|
|||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
|
||||
<link rel="stylesheet" href="../assets/css/all.min.css" />
|
||||
<link rel="stylesheet" href="../assets/css/main-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="icon" type="image/png" href="https://setto.basspistol.com/touch-icon.png" sizes="192x192">
|
||||
<link rel="shortcut icon" href="https://setto.basspistol.com/images/setto-logoicon.svg" type="image/png" />
|
||||
<noscript><link rel="stylesheet" href="../assets/css/noscripts-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>
|
||||
|
||||
<body>
|
||||
<!-- Wrapper -->
|
||||
|
||||
<div id="main-wrapper">
|
||||
|
||||
|
||||
<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>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<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.
|
||||
|
||||
Open your mind, open the source!</p>
|
||||
|
||||
<p><a href="#plwrap" class="button">Listen</a></p>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
<div class="imagecontainer">
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<video autoplay muted loop id="myVideo">
|
||||
<source src="/videos/pingu.mp4" type="video/mp4">
|
||||
</video>
|
||||
|
||||
</header>
|
||||
</section>
|
||||
|
||||
|
||||
<section class="album-player">
|
||||
|
||||
|
||||
|
||||
<section>
|
||||
<div class="album-player">
|
||||
|
||||
<!-- HERE BEGINS MADNESS -->
|
||||
|
||||
|
|
@ -153,6 +189,7 @@ Open your mind, open the source!</p>
|
|||
|
||||
|
||||
|
||||
|
||||
<div class="player-wrap">
|
||||
|
||||
<div id="plwrap">
|
||||
|
|
@ -243,7 +280,7 @@ Open your mind, open the source!</p>
|
|||
</h6>
|
||||
<ul>
|
||||
<a target="_blank" rel="nofollow noopener" title="Share to facebook" alt="Share to facebook" href="https://touch.facebook.com/sharer.php?u=https://setto.basspistol.com/unmet-dependencies/&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/&text=Unmet Dependencies%20by%20徒 setto セット%20&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/&text=Unmet Dependencies%20by%20徒 setto セット%20&hashtags=basspistol" class="icon smaller fab fa-twitter"><span class="label">Twitter</span></a>
|
||||
<a target="_blank" rel="nofollow noopener" title="Share to telegram" alt="Share to telgram" href="https://telegram.me/share/url?url=https://setto.basspistol.com/unmet-dependencies/&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/&title=Unmet Dependencies%20by%20徒 setto セット" class="icon smaller fab fa-reddit"><span class="label">Reddit</span></a>
|
||||
</ul>
|
||||
|
|
@ -252,10 +289,10 @@ Open your mind, open the source!</p>
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
<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>
|
||||
|
||||
<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">
|
||||
<div class="full-image" style="background-image:url(https://media.basspistol.com/setto.basspistol.com/unmet-dependencies/1-dependency-error.jpeg);">
|
||||
|
||||
</div>
|
||||
<div>
|
||||
<h2>Dependency Error</h2>
|
||||
|
|
@ -346,19 +382,14 @@ Open your mind, open the source!</p>
|
|||
5:13
|
||||
| <strong>Cybersoul</strong></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>
|
||||
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
<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>
|
||||
<div>
|
||||
<h2>Pingnu</h2>
|
||||
|
|
@ -366,12 +397,8 @@ Open your mind, open the source!</p>
|
|||
3:42
|
||||
| <strong>Cybersoul</strong></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>
|
||||
|
||||
</section>
|
||||
|
||||
|
||||
|
|
@ -385,31 +412,22 @@ Open your mind, open the source!</p>
|
|||
<!-- post Naviation -->
|
||||
<section class="post-navigation">
|
||||
|
||||
<div class="container">
|
||||
<div class="post-nav">
|
||||
|
||||
|
||||
|
||||
<h2>Check out more</h2>
|
||||
<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> 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>
|
||||
|
||||
</div>
|
||||
<div class="post-nav-next">
|
||||
|
||||
</div>
|
||||
<div class="post-nav-next">
|
||||
|
||||
|
||||
<h3><a href="/333mix/">333mix <span class="fas fa-arrow-right"></span></a></h3>
|
||||
<h4><a href="/333mix/"><span class="fas fa-arrow-right" style="font-size:3em;"></span></a></h4>
|
||||
<h3>333mix</h3>
|
||||
<p>Pignu got Chopped & Screwed by KodTreatment</p>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
<!-- End Post Navigation -->
|
||||
|
|
@ -541,8 +559,6 @@ Open your mind, open the source!</p>
|
|||
|
||||
|
||||
|
||||
<!-- Footer -->
|
||||
|
||||
<!-- Footer -->
|
||||
|
||||
|
||||
|
|
@ -583,27 +599,31 @@ Open your mind, open the source!</p>
|
|||
|
||||
|
||||
|
||||
|
||||
<!-- Footer -->
|
||||
<footer>
|
||||
<div class="footframe">
|
||||
<div>
|
||||
<h3>徒 setto セット</h3>
|
||||
<p>Set, Party, Gang! #Cybersoul.</p>
|
||||
<ul>
|
||||
|
||||
<li><a href="../">Home</a></li>
|
||||
<li><a href="../">🏡 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>
|
||||
</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;">
|
||||
|
||||
<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
|
||||
class="label">Email</span></a>
|
||||
</div>
|
||||
<small>
|
||||
|
||||
<p>©2020 Basspistol | <a href="../webcreds/">Credits</a> | <a
|
||||
href="../cookies/">Cookies & Privacy</a></p>
|
||||
<p>©2020 Basspistol | <a href="../webcreds/">Credits</a> |
|
||||
<a href="../cookies/">Cookies & Privacy</a>
|
||||
<br />This page was last updated on Wednesday, Sep 02, 2020</p>
|
||||
</small>
|
||||
</div>
|
||||
</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>
|
||||
<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">
|
||||
|
||||
<p>I only use cookies if you consent to it. They don't contain any identifiable info: they just let me know if you
|
||||
enjoyed this enough to come back.
|
||||
<br />Click <a href="#" id="cookie-notice-decline">here</a> if you want this shit to go away without cookies.
|
||||
<br />Read more about how me & basspistol <a href="/cookies/">use cookies</a>
|
||||
<p>
|
||||
We only use cookies if you consent to it. They don't contain any identifiable info: they just let us know if you enjoyed this enough to come back.
|
||||
<br /><a href="#" id="cookie-notice-decline">Click here</a> if you want this to go away without cookies.
|
||||
<br />Read more about <a href="/cookies/"> how 徒 setto セット use cookies</a>
|
||||
</p>
|
||||
<a class="button yes" href="#"
|
||||
id="cookie-notice-accept">I'm in!</a>
|
||||
id="cookie-notice-accept">Ok</a>
|
||||
|
||||
</div>
|
||||
|
||||
|
|
@ -726,7 +747,7 @@ Open your mind, open the source!</p>
|
|||
var _mtm = _mtm || [];
|
||||
_mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'});
|
||||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||
g.type='text/javascript'; g.async=true; g.defer=true; g.src='//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 *//
|
||||
|
||||
|
|
@ -746,7 +767,7 @@ _paq.push(['enableLinkTracking']);
|
|||
_paq.push(['setTrackerUrl', u+'matomo.php']);
|
||||
_paq.push(['setSiteId', '11']);
|
||||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||
g.type='text/javascript'; g.async=true; g.defer=true; g.src='//cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
|
||||
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(['setSiteId', '11']);
|
||||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||
g.type='text/javascript'; g.async=true; g.defer=true; g.src='//cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
|
||||
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,14 +817,13 @@ _paq.push(['enableLinkTracking']);
|
|||
|
||||
|
||||
|
||||
<script src="../assets/js/set-20200805.js"></script>
|
||||
|
||||
<script src="../assets/js/set-20200911.js"></script>
|
||||
|
||||
|
||||
<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">
|
||||
</video>
|
||||
</video>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -38,7 +38,7 @@
|
|||
<title>Webcreds | 徒 setto セット</title>
|
||||
<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="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" />
|
||||
|
||||
<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.Title" content="Webcreds" />
|
||||
<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." />
|
||||
|
||||
<!-- Facebook -->
|
||||
|
|
@ -73,7 +73,7 @@
|
|||
<meta property="og:url" content="https://setto.basspistol.com/webcreds/" />
|
||||
<meta property="og:site_name" content="徒 setto セット" />
|
||||
<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" />
|
||||
<!-- Twitter Card -->
|
||||
|
||||
|
|
@ -117,48 +117,69 @@
|
|||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
|
||||
<link rel="stylesheet" href="../assets/css/all.min.css" />
|
||||
<link rel="stylesheet" href="../assets/css/main-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="icon" type="image/png" href="https://setto.basspistol.com/touch-icon.png" sizes="192x192">
|
||||
<link rel="shortcut icon" href="https://setto.basspistol.com/images/setto-logoicon.svg" type="image/png" />
|
||||
<noscript><link rel="stylesheet" href="../assets/css/noscripts-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>
|
||||
|
||||
<body>
|
||||
<!-- 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">
|
||||
|
||||
<h4>Webcreds</h4>
|
||||
</div>
|
||||
|
||||
|
||||
</header>
|
||||
<section class="splash">
|
||||
|
||||
<section class="info">
|
||||
<div class="info-pages" data-cms-content-wrapper="/_layouts/page.html">
|
||||
<h2 id="cms">CMS</h2>
|
||||
<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">
|
||||
<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>
|
||||
|
||||
<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>
|
||||
|
||||
<ul>
|
||||
|
|
@ -167,9 +188,8 @@
|
|||
<li>About Photo by <a href="https://unsplash.com/@shane_young?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText" target="_blank" rel="noopener">Shane Young</a></li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Footer -->
|
||||
|
||||
<!-- Footer -->
|
||||
|
||||
|
|
@ -216,27 +236,31 @@
|
|||
</section>
|
||||
|
||||
|
||||
|
||||
<!-- Footer -->
|
||||
<footer>
|
||||
<div class="footframe">
|
||||
<div>
|
||||
<h3>徒 setto セット</h3>
|
||||
<p>Set, Party, Gang! #Cybersoul.</p>
|
||||
<ul>
|
||||
|
||||
<li><a href="../">Home</a></li>
|
||||
<li><a href="../">🏡 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>
|
||||
</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;">
|
||||
|
||||
<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
|
||||
class="label">Email</span></a>
|
||||
</div>
|
||||
<small>
|
||||
|
||||
<p>©2020 Basspistol | <a href="../webcreds/">Credits</a> | <a
|
||||
href="../cookies/">Cookies & Privacy</a></p>
|
||||
<p>©2020 Basspistol | <a href="../webcreds/">Credits</a> |
|
||||
<a href="../cookies/">Cookies & Privacy</a>
|
||||
<br />This page was last updated on Friday, Sep 11, 2020</p>
|
||||
</small>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
|
||||
|
||||
<!-- END Footer -->
|
||||
|
||||
|
||||
|
|
@ -288,23 +313,23 @@
|
|||
<a href="#close" title="Close" onclick="removeBlur()" class="close-button">X</a>
|
||||
<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">
|
||||
|
||||
<p>I only use cookies if you consent to it. They don't contain any identifiable info: they just let me know if you
|
||||
enjoyed this enough to come back.
|
||||
<br />Click <a href="#" id="cookie-notice-decline">here</a> if you want this shit to go away without cookies.
|
||||
<br />Read more about how me & basspistol <a href="/cookies/">use cookies</a>
|
||||
<p>
|
||||
We only use cookies if you consent to it. They don't contain any identifiable info: they just let us know if you enjoyed this enough to come back.
|
||||
<br /><a href="#" id="cookie-notice-decline">Click here</a> if you want this to go away without cookies.
|
||||
<br />Read more about <a href="/cookies/"> how 徒 setto セット use cookies</a>
|
||||
</p>
|
||||
<a class="button yes" href="#"
|
||||
id="cookie-notice-accept">I'm in!</a>
|
||||
id="cookie-notice-accept">Ok</a>
|
||||
|
||||
</div>
|
||||
|
||||
|
|
@ -359,7 +384,7 @@
|
|||
var _mtm = _mtm || [];
|
||||
_mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'});
|
||||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||
g.type='text/javascript'; g.async=true; g.defer=true; g.src='//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 *//
|
||||
|
||||
|
|
@ -379,7 +404,7 @@ _paq.push(['enableLinkTracking']);
|
|||
_paq.push(['setTrackerUrl', u+'matomo.php']);
|
||||
_paq.push(['setSiteId', '11']);
|
||||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||
g.type='text/javascript'; g.async=true; g.defer=true; g.src='//cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
|
||||
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(['setSiteId', '11']);
|
||||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||
g.type='text/javascript'; g.async=true; g.defer=true; g.src='//cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
|
||||
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>
|
||||
|
|
|
|||
Loading…
Reference in a new issue