Added 258 files via CloudCannon
This commit is contained in:
CloudCannon
parent
b8bd1b7180
commit
768e8c19dc
258 changed files with 108292 additions and 0 deletions
396
albums/unstep/1-add-remove/index.html
Normal file
396
albums/unstep/1-add-remove/index.html
Normal file
|
|
@ -0,0 +1,396 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
Based on _Story_ by html5up.net | @ajlkn
|
||||
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
||||
Remixed and Jekyllified by Setto
|
||||
-->
|
||||
<html lang="en">
|
||||
<head>
|
||||
|
||||
|
||||
<!-- BEGIN seo.html -->
|
||||
|
||||
<title>Play Add Remove by Panix Hilton | pax:nion</title>
|
||||
<meta name="title" content="Play "Add Remove" by Panix Hilton" />
|
||||
<meta name="description" content="A track by Panix Hilton named "Add Remove" published on pax:nion" />
|
||||
<meta name="dc.date.modified" scheme="ISO8601" content="2020-07-23T12:00:29+00:00" />
|
||||
<meta name="robots" content="index" />
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<link rel="canonical" href="https://paxnion.basspistol.com/albums/unstep/1-add-remove/" />
|
||||
<link rel="alternate" hreflang="x-default" href="https://paxnion.basspistol.com/albums/unstep/1-add-remove/" />
|
||||
<meta name="geo.region" content="SE-AB" />
|
||||
<meta name="geo.placename" content="Stockholm" />
|
||||
<meta name="geo.position" content="59.333759;18.052554" />
|
||||
<meta name="ICBM" content="59.333759, 18.052554" />
|
||||
<meta name="author" content="pax:nion" />
|
||||
<meta name="generator" content="Jekyll v4.0.0" />
|
||||
|
||||
<!-- Dublin Core basic info -->
|
||||
|
||||
<meta name="dcterms.Identifier" content="https://paxnion.basspistol.com" />
|
||||
<meta name="dcterms.Format" content="text/html" />
|
||||
<meta name="dcterms.Relation" content="pax:nion" />
|
||||
<meta name="dcterms.Publisher" content="Basspistol" />
|
||||
<meta name="dcterms.Type" content="text/html" />
|
||||
<meta name="dcterms.Coverage" content="https://paxnion.basspistol.com/" />
|
||||
<meta name="dcterms.Rights" content="Copyright ©2020 pax:nion." />
|
||||
<meta name="dcterms.Subject" content="A track by Panix Hilton named "Add Remove" published on pax:nion" />
|
||||
<meta name="dcterms.Title" content="Play "Add Remove" by Panix Hilton" />
|
||||
<meta name="dcterms.Contributor" content="pax:nion" />
|
||||
<meta name="dcterms.Date" content="2020-07-23" />
|
||||
<meta name="dcterms.Description" content="Listen and to a track by Panix Hilton from the release "Unstep" and support your remote artist!" />
|
||||
|
||||
<!-- Facebook -->
|
||||
|
||||
<meta property="og:title" content="Add Remove" />
|
||||
<meta property="og:locale" content="en" />
|
||||
<meta property="og:description" content="Listen and to a track by Panix Hilton from the release "Unstep" and support your remote artist!" />
|
||||
<meta property="og:url" content="https://paxnion.basspistol.com/albums/unstep/1-add-remove/" />
|
||||
<meta property="og:site_name" content="pax:nion" />
|
||||
<meta property="og:type" content="music:album:track" />
|
||||
<meta property="og:audio" content="https://media.basspistol.com/panix/unstep/1-add-remove.mp3" />
|
||||
<meta property="article:published_time" content="2020-07-23T12:00:29+00:00" />
|
||||
<meta property="og:image" content="https://media.basspistol.com/panix/unstep/1-add-remove.jpeg" />
|
||||
<!-- Twitter Card -->
|
||||
|
||||
<meta name="twitter:card" content="summary" />
|
||||
<meta name="twitter:title" content="Add Remove | pax:nion" />
|
||||
<meta name="twitter:description" content="Listen and to a track by Panix Hilton from the release "Unstep" and support your remote artist!" />
|
||||
<meta name="twitter:image" content="https://media.basspistol.com/panix/unstep/1-add-remove.jpeg" />
|
||||
|
||||
<!-- END seo.html -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
|
||||
<link rel="stylesheet" href="../../../assets/css/main20200519.css" />
|
||||
|
||||
<link rel="apple-touch-icon" href="https://paxnion.basspistol.com/apple-touch-icon.png" />
|
||||
<link rel="icon" type="image/png" href="https://paxnion.basspistol.com/touch-icon.png" sizes="192x192" />
|
||||
<link rel="shortcut icon" href="https://paxnion.basspistol.com/siteicon.png" type="image/png" />
|
||||
<noscript><link rel="stylesheet" href="../../../assets/css/noscript20200518-rev1.css" /></noscript>
|
||||
</head>
|
||||
|
||||
<body id="body">
|
||||
<span id="top" style="display: none;"></span>
|
||||
<!-- Wrapper -->
|
||||
<div id="wrapper" class="divided" data-cms-content-wrapper="/_layouts/default.html">
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Banner -->
|
||||
<section
|
||||
class="banner onload-image-fade-in onload-content-fade-right style3 fullscreen content-align-center image-position-center" style="background-image:url('https://media.basspistol.com/panix/unstep/1-add-remove.jpeg');background-size: cover; background-repeat: no-repeat;">
|
||||
<div style="z-index:0;position:absolute; top:0; left:0; width:100%;height:100%;background-color: rgba(13, 13 ,13, 0.85);"></div>
|
||||
<div class="content" style="z-index:1">
|
||||
<h1 style="margin-top:80px">Add Remove</h1>
|
||||
|
||||
<p><strong><span id="tracktime"></span></strong><span id="addremove"></span></strong> <br />
|
||||
Style: <strong>Electronic</strong>
|
||||
</p>
|
||||
<script type="text/javascript">
|
||||
var addremovetimestamp = 104;
|
||||
var addremovehours = Math.floor(addremovetimestamp / 60 / 60);
|
||||
var addremoveminutes = Math.floor(addremovetimestamp / 60) - (addremovehours * 60);
|
||||
var addremoveseconds = addremovetimestamp % 60;
|
||||
var addremoveformatted = addremovehours.toString().padStart(2, '0') + ':' + addremoveminutes.toString().padStart(2, '0') + ':' + addremoveseconds.toString().padStart(2, '0');
|
||||
var theSpan = document.getElementById("addremove");
|
||||
theSpan.innerHTML = addremoveformatted;
|
||||
</script>
|
||||
|
||||
|
||||
<ul class="actions stacked">
|
||||
<li><button id="mu_pause" class="button icon solid fa-play">Play dat!</button></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="image">
|
||||
<img src="https://media.basspistol.com/panix/unstep/1-add-remove.jpeg" alt="1 Add Remove logo" id="coverart" />
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="streambox" style="padding: 40px;">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</section>
|
||||
<!-- Page navigation -->
|
||||
<section class="wrapper style1 align-center">
|
||||
<div class="inner">
|
||||
<div class="index align-left">
|
||||
<!-- Author -->
|
||||
|
||||
<section>
|
||||
<!-- Content -->
|
||||
<div class="content">
|
||||
<!-- post Naviation -->
|
||||
<div style="text-align: center;">
|
||||
<h3>Play more songs grom this release</h3>
|
||||
</div>
|
||||
<div class="post-nav">
|
||||
<div>
|
||||
|
||||
<h4><a href="../../../albums/unstep/5-thank-you/" alt="Read Thank You" title="Read Thank You"><i class="fas fa-arrow-left"></i></a> <a
|
||||
href="../../../albums/unstep/5-thank-you/"> Thank You</a>
|
||||
</h4>
|
||||
|
||||
</div>
|
||||
<div class="post-nav-next">
|
||||
|
||||
<h4><a href="../../../albums/unstep/2-euplotes/"> Euplotes</a> <a
|
||||
href="../../../albums/unstep/2-euplotes/" alt="Read Euplotes" title="Read Euplotes"><i class="fas fa-arrow-right"></i></a></h4>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- End Post Navigation -->
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Audio player-->
|
||||
<audio autoplay preload="true" data-matomo-title="Add Remove">
|
||||
<source src="https://media.basspistol.com/panix/unstep/1-add-remove.mp3" type="audio/mpeg" ontimeupdate='updateTrackTime(this);' />
|
||||
<h1>Your browser isn't ready for so much hotness. Use the download-link instead.</h1>.
|
||||
</audio>
|
||||
<!-- Footer -->
|
||||
<footer id="footer" class="wrapper style1 align-center">
|
||||
<div class="footflex">
|
||||
<div>
|
||||
<h4>pax:nion</h4>
|
||||
<p>PHI, Panix Heavy Industries
|
||||
<br /><a href="mailto:"></a></p>
|
||||
</div>
|
||||
<div>
|
||||
<ul>
|
||||
|
||||
<li><a href="../../../">Home</a></li>
|
||||
|
||||
|
||||
<li><a href="/releases/">Releases</a></li>
|
||||
|
||||
<li><a href="/logs/">Web-Log</a></li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
<div><img src="/assets/panix-logo-dark.svg" style="max-width:300px" alt="pax:nion Logo" /></div>
|
||||
</div>
|
||||
<div class="inner">
|
||||
<ul class="icons">
|
||||
|
||||
|
||||
<li><a target="_blank" alt="pax:nion on Bandcamp" title="pax:nion on Bandcamp" rel="noopener" href="https://panixheavyindustries.bandcamp.com" class="icon brands style2 fa-bandcamp"><span class="label">Bandcamp</span></a></li>
|
||||
|
||||
|
||||
<!-- <li><a href="mailto:" class="icon style2 fa-envelope"><span class="label">Email</span></a></li> -->
|
||||
</ul>
|
||||
<p>©2020 Basspistol | <a href="../../../webcreds/">Credits</a> | <a href="../../../cookies/">Cookies & Privacy</a></p>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
|
||||
<script type="text/javascript">
|
||||
function loadUrl(newLocation) {
|
||||
window.location = newLocation;
|
||||
return false;
|
||||
}
|
||||
|
||||
var mu = document.getElementsByTagName("audio")[0];
|
||||
var pauseButton = document.getElementById("mu_pause");
|
||||
var spincover = document.getElementById("coverart");
|
||||
|
||||
mu.addEventListener('ended', function () {
|
||||
// only functional if "loop" is removed
|
||||
mu.pause();
|
||||
mu.currentTime = 0;
|
||||
loadUrl("../../../unstep/2-euplotes/"); return false;
|
||||
});
|
||||
mu.onplaying = function() {
|
||||
pauseButton.innerHTML = "Pause";
|
||||
pauseButton.classList.remove("fa-play");
|
||||
pauseButton.classList.add("fa-pause");
|
||||
spincover.classList.add("spinnit");
|
||||
spincover.classList.remove("paused");
|
||||
};
|
||||
|
||||
pauseButton.addEventListener("click", function () {
|
||||
if (mu.paused) {
|
||||
mu.play();
|
||||
|
||||
}
|
||||
else {
|
||||
mu.pause();
|
||||
pauseButton.innerHTML = "Resume";
|
||||
pauseButton.classList.add("fa-play");
|
||||
pauseButton.classList.remove("fa-pause");
|
||||
spincover.classList.add("paused");
|
||||
}
|
||||
});
|
||||
|
||||
mu.addEventListener('timeupdate', function () {
|
||||
var timestamp = Math.floor(mu.currentTime);
|
||||
var hours = Math.floor(timestamp / 60 / 60);
|
||||
var minutes = Math.floor(timestamp / 60) - (hours * 60);
|
||||
var seconds = timestamp % 60;
|
||||
var formatted = hours.toString().padStart(2, '0') + ':' + minutes.toString().padStart(2, '0') + ':' + seconds.toString().padStart(2, '0');
|
||||
var thecurrentSpan = document.getElementById("tracktime");
|
||||
thecurrentSpan.innerHTML = formatted + ' / ';
|
||||
});
|
||||
|
||||
</script>
|
||||
</div>
|
||||
<!-- Navigation -->
|
||||
<div id="logo" class="logo">
|
||||
<a href="/"><img width="200em" src="/assets/panix-logo.svg" alt=" Logo" /></a>
|
||||
<a href="#navbar" onclick="blurBody()" alt="Navigation Menu" title="Navigation Menu"><span style="font-size: 34px;" class="icon solid fa-bars"></span></a>
|
||||
</div>
|
||||
|
||||
<div id="navbar" style="display: block;" class="modalDialog">
|
||||
<a href="#close" onclick="removeBlur()" alt="Close Menu" title="Close Menu"><div id="closearea"> </div></a>
|
||||
<nav>
|
||||
<a href="#close" title="Close" onclick="removeBlur()" class="close-button close" style="margin: 0 auto;">X</a>
|
||||
<ul>
|
||||
|
||||
<li><a href="../../../" class="button small">Home</a></li>
|
||||
|
||||
|
||||
|
||||
<li><a href="../../../releases/" class="button small">Releases</a></li>
|
||||
|
||||
|
||||
|
||||
<li><a href="../../../logs/" class="button small">Web-Log</a></li>
|
||||
|
||||
|
||||
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- End Navigation -->
|
||||
<!-- Scripts -->
|
||||
|
||||
|
||||
|
||||
|
||||
<script src="../../../assets/js/jquery.min.js"></script>
|
||||
<script src="../../../assets/js/jquery.scrollex.min.js"></script>
|
||||
<script src="../../../assets/js/jquery.scrolly.min.js"></script>
|
||||
<script src="../../../assets/js/browser.min.js"></script>
|
||||
<script src="../../../assets/js/breakpoints.min.js"></script>
|
||||
<script src="../../../assets/js/util.js"></script>
|
||||
<script src="../../../assets/js/main.js"></script>
|
||||
<script src="../../../assets/js/set.js"></script>
|
||||
|
||||
|
||||
<div id="cookie-notice">
|
||||
<p>We only use cookies if you consent to it. They don't contain any identifiable info: they just let us know if you enjoyed this enough to come back. <br />Click <a href="#" id="cookie-notice-decline">here</a> if you want this shit to go away without cookies. <br />Read more about how Basspistol <a href="/cookies/">use cookies</a> </p>
|
||||
<a class="button small yes" href="#" id="cookie-notice-accept">I'm in!</a>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
function createCookie(name, value, days) {
|
||||
var expires = "";
|
||||
if (days) {
|
||||
var date = new Date();
|
||||
date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
|
||||
expires = "; expires=" + date.toUTCString();
|
||||
}
|
||||
document.cookie = name + "=" + value + expires + "; path=/";
|
||||
}
|
||||
function readCookie(name) {
|
||||
var nameEQ = name + "=";
|
||||
var ca = document.cookie.split(';');
|
||||
for (var i = 0; i < ca.length; i++) {
|
||||
var c = ca[i];
|
||||
while (c.charAt(0) == ' ') c = c.substring(1, c.length);
|
||||
if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
|
||||
}
|
||||
return null;
|
||||
}
|
||||
function eraseCookie(name) {
|
||||
createCookie(name, "", -1);
|
||||
}
|
||||
|
||||
if (readCookie('cookie-notice-dismissed') == 'wantCookies') {
|
||||
|
||||
//* Matomo Tag Manager *//
|
||||
|
||||
var _mtm = _mtm || [];
|
||||
_mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'});
|
||||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||
g.type='text/javascript'; g.async=true; g.defer=true; g.src='https://cdn.matomo.cloud/terminalnetwork.matomo.cloud/container_aJ0T3vZ5.js'; s.parentNode.insertBefore(g,s);
|
||||
|
||||
//* End Matomo Tag Manager *//
|
||||
|
||||
|
||||
|
||||
} else {
|
||||
document.getElementById('cookie-notice').style.display = 'flex';
|
||||
|
||||
var _paq = window._paq || [];
|
||||
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
|
||||
_paq.push(["setDocumentTitle", document.domain + "/" + document.title]);
|
||||
_paq.push(["disableCookies"]);
|
||||
_paq.push(['trackPageView']);
|
||||
_paq.push(['enableLinkTracking']);
|
||||
(function() {
|
||||
var u="https://terminalnetwork.matomo.cloud/";
|
||||
_paq.push(['setTrackerUrl', u+'matomo.php']);
|
||||
_paq.push(['setSiteId', '14']);
|
||||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||
g.type='text/javascript'; g.async=true; g.defer=true; g.src='//cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
|
||||
})();
|
||||
|
||||
|
||||
}
|
||||
if (readCookie('cookie-notice-dismissed') == 'dontWantCookies') {
|
||||
document.getElementById('cookie-notice').style.display = 'none';
|
||||
|
||||
var _paq = window._paq || [];
|
||||
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
|
||||
_paq.push(["setDocumentTitle", document.domain + "/" + document.title]);
|
||||
_paq.push(["disableCookies"]);
|
||||
_paq.push(['trackPageView']);
|
||||
_paq.push(['enableLinkTracking']);
|
||||
(function() {
|
||||
var u="https://terminalnetwork.matomo.cloud/";
|
||||
_paq.push(['setTrackerUrl', u+'matomo.php']);
|
||||
_paq.push(['setSiteId', '14']);
|
||||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||
g.type='text/javascript'; g.async=true; g.defer=true; g.src='//cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
|
||||
})();
|
||||
|
||||
}
|
||||
document.getElementById('cookie-notice-accept').addEventListener("click", function () {
|
||||
createCookie('cookie-notice-dismissed', 'wantCookies', 31);
|
||||
document.getElementById('cookie-notice').style.display = 'none';
|
||||
_paq.push(['trackEvent', 'Consent', 'wantCookie']);
|
||||
location.reload();
|
||||
});
|
||||
|
||||
document.getElementById('cookie-notice-decline').addEventListener("click", function () {
|
||||
createCookie('cookie-notice-dismissed', 'dontWantCookies', 31);
|
||||
document.getElementById('cookie-notice').style.display = 'none';
|
||||
_paq.push(['trackEvent', 'Consent', 'dontWantCookie']);
|
||||
location.reload();
|
||||
});
|
||||
|
||||
// document.getElementById('cookie-notice-gimme').addEventListener("click", function () {
|
||||
// createCookie('cookie-notice-dismissed', 'wantCookies', 31);
|
||||
// document.getElementById('cookie-notice').style.display = 'none';
|
||||
// location.reload();
|
||||
// });
|
||||
|
||||
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
396
albums/unstep/2-euplotes/index.html
Normal file
396
albums/unstep/2-euplotes/index.html
Normal file
|
|
@ -0,0 +1,396 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
Based on _Story_ by html5up.net | @ajlkn
|
||||
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
||||
Remixed and Jekyllified by Setto
|
||||
-->
|
||||
<html lang="en">
|
||||
<head>
|
||||
|
||||
|
||||
<!-- BEGIN seo.html -->
|
||||
|
||||
<title>Play Euplotes by Panix Hilton | pax:nion</title>
|
||||
<meta name="title" content="Play "Euplotes" by Panix Hilton" />
|
||||
<meta name="description" content="A track by Panix Hilton named "Euplotes" published on pax:nion" />
|
||||
<meta name="dc.date.modified" scheme="ISO8601" content="2020-07-23T12:00:29+00:00" />
|
||||
<meta name="robots" content="index" />
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<link rel="canonical" href="https://paxnion.basspistol.com/albums/unstep/2-euplotes/" />
|
||||
<link rel="alternate" hreflang="x-default" href="https://paxnion.basspistol.com/albums/unstep/2-euplotes/" />
|
||||
<meta name="geo.region" content="SE-AB" />
|
||||
<meta name="geo.placename" content="Stockholm" />
|
||||
<meta name="geo.position" content="59.333759;18.052554" />
|
||||
<meta name="ICBM" content="59.333759, 18.052554" />
|
||||
<meta name="author" content="pax:nion" />
|
||||
<meta name="generator" content="Jekyll v4.0.0" />
|
||||
|
||||
<!-- Dublin Core basic info -->
|
||||
|
||||
<meta name="dcterms.Identifier" content="https://paxnion.basspistol.com" />
|
||||
<meta name="dcterms.Format" content="text/html" />
|
||||
<meta name="dcterms.Relation" content="pax:nion" />
|
||||
<meta name="dcterms.Publisher" content="Basspistol" />
|
||||
<meta name="dcterms.Type" content="text/html" />
|
||||
<meta name="dcterms.Coverage" content="https://paxnion.basspistol.com/" />
|
||||
<meta name="dcterms.Rights" content="Copyright ©2020 pax:nion." />
|
||||
<meta name="dcterms.Subject" content="A track by Panix Hilton named "Euplotes" published on pax:nion" />
|
||||
<meta name="dcterms.Title" content="Play "Euplotes" by Panix Hilton" />
|
||||
<meta name="dcterms.Contributor" content="pax:nion" />
|
||||
<meta name="dcterms.Date" content="2020-07-23" />
|
||||
<meta name="dcterms.Description" content="Listen and to a track by Panix Hilton from the release "Unstep" and support your remote artist!" />
|
||||
|
||||
<!-- Facebook -->
|
||||
|
||||
<meta property="og:title" content="Euplotes" />
|
||||
<meta property="og:locale" content="en" />
|
||||
<meta property="og:description" content="Listen and to a track by Panix Hilton from the release "Unstep" and support your remote artist!" />
|
||||
<meta property="og:url" content="https://paxnion.basspistol.com/albums/unstep/2-euplotes/" />
|
||||
<meta property="og:site_name" content="pax:nion" />
|
||||
<meta property="og:type" content="music:album:track" />
|
||||
<meta property="og:audio" content="https://media.basspistol.com/panix/unstep/2-euplotes.mp3" />
|
||||
<meta property="article:published_time" content="2020-07-23T12:00:29+00:00" />
|
||||
<meta property="og:image" content="https://media.basspistol.com/panix/unstep/2-euplotes.jpeg" />
|
||||
<!-- Twitter Card -->
|
||||
|
||||
<meta name="twitter:card" content="summary" />
|
||||
<meta name="twitter:title" content="Euplotes | pax:nion" />
|
||||
<meta name="twitter:description" content="Listen and to a track by Panix Hilton from the release "Unstep" and support your remote artist!" />
|
||||
<meta name="twitter:image" content="https://media.basspistol.com/panix/unstep/2-euplotes.jpeg" />
|
||||
|
||||
<!-- END seo.html -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
|
||||
<link rel="stylesheet" href="../../../assets/css/main20200519.css" />
|
||||
|
||||
<link rel="apple-touch-icon" href="https://paxnion.basspistol.com/apple-touch-icon.png" />
|
||||
<link rel="icon" type="image/png" href="https://paxnion.basspistol.com/touch-icon.png" sizes="192x192" />
|
||||
<link rel="shortcut icon" href="https://paxnion.basspistol.com/siteicon.png" type="image/png" />
|
||||
<noscript><link rel="stylesheet" href="../../../assets/css/noscript20200518-rev1.css" /></noscript>
|
||||
</head>
|
||||
|
||||
<body id="body">
|
||||
<span id="top" style="display: none;"></span>
|
||||
<!-- Wrapper -->
|
||||
<div id="wrapper" class="divided" data-cms-content-wrapper="/_layouts/default.html">
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Banner -->
|
||||
<section
|
||||
class="banner onload-image-fade-in onload-content-fade-right style3 fullscreen content-align-center image-position-center" style="background-image:url('https://media.basspistol.com/panix/unstep/2-euplotes.jpeg');background-size: cover; background-repeat: no-repeat;">
|
||||
<div style="z-index:0;position:absolute; top:0; left:0; width:100%;height:100%;background-color: rgba(13, 13 ,13, 0.85);"></div>
|
||||
<div class="content" style="z-index:1">
|
||||
<h1 style="margin-top:80px">Euplotes</h1>
|
||||
|
||||
<p><strong><span id="tracktime"></span></strong><span id="euplotes"></span></strong> <br />
|
||||
Style: <strong>Electronic</strong>
|
||||
</p>
|
||||
<script type="text/javascript">
|
||||
var euplotestimestamp = 112;
|
||||
var euploteshours = Math.floor(euplotestimestamp / 60 / 60);
|
||||
var euplotesminutes = Math.floor(euplotestimestamp / 60) - (euploteshours * 60);
|
||||
var euplotesseconds = euplotestimestamp % 60;
|
||||
var euplotesformatted = euploteshours.toString().padStart(2, '0') + ':' + euplotesminutes.toString().padStart(2, '0') + ':' + euplotesseconds.toString().padStart(2, '0');
|
||||
var theSpan = document.getElementById("euplotes");
|
||||
theSpan.innerHTML = euplotesformatted;
|
||||
</script>
|
||||
|
||||
|
||||
<ul class="actions stacked">
|
||||
<li><button id="mu_pause" class="button icon solid fa-play">Play dat!</button></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="image">
|
||||
<img src="https://media.basspistol.com/panix/unstep/2-euplotes.jpeg" alt="2 Euplotes logo" id="coverart" />
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="streambox" style="padding: 40px;">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</section>
|
||||
<!-- Page navigation -->
|
||||
<section class="wrapper style1 align-center">
|
||||
<div class="inner">
|
||||
<div class="index align-left">
|
||||
<!-- Author -->
|
||||
|
||||
<section>
|
||||
<!-- Content -->
|
||||
<div class="content">
|
||||
<!-- post Naviation -->
|
||||
<div style="text-align: center;">
|
||||
<h3>Play more songs grom this release</h3>
|
||||
</div>
|
||||
<div class="post-nav">
|
||||
<div>
|
||||
|
||||
<h4><a href="../../../albums/unstep/1-add-remove/" alt="Read Add Remove" title="Read Add Remove"><i class="fas fa-arrow-left"></i></a> <a
|
||||
href="../../../albums/unstep/1-add-remove/"> Add Remove</a>
|
||||
</h4>
|
||||
|
||||
</div>
|
||||
<div class="post-nav-next">
|
||||
|
||||
<h4><a href="../../../albums/unstep/3--dev-null/"> /dev/null</a> <a
|
||||
href="../../../albums/unstep/3--dev-null/" alt="Read /dev/null" title="Read /dev/null"><i class="fas fa-arrow-right"></i></a></h4>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- End Post Navigation -->
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Audio player-->
|
||||
<audio autoplay preload="true" data-matomo-title="Euplotes">
|
||||
<source src="https://media.basspistol.com/panix/unstep/2-euplotes.mp3" type="audio/mpeg" ontimeupdate='updateTrackTime(this);' />
|
||||
<h1>Your browser isn't ready for so much hotness. Use the download-link instead.</h1>.
|
||||
</audio>
|
||||
<!-- Footer -->
|
||||
<footer id="footer" class="wrapper style1 align-center">
|
||||
<div class="footflex">
|
||||
<div>
|
||||
<h4>pax:nion</h4>
|
||||
<p>PHI, Panix Heavy Industries
|
||||
<br /><a href="mailto:"></a></p>
|
||||
</div>
|
||||
<div>
|
||||
<ul>
|
||||
|
||||
<li><a href="../../../">Home</a></li>
|
||||
|
||||
|
||||
<li><a href="/releases/">Releases</a></li>
|
||||
|
||||
<li><a href="/logs/">Web-Log</a></li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
<div><img src="/assets/panix-logo-dark.svg" style="max-width:300px" alt="pax:nion Logo" /></div>
|
||||
</div>
|
||||
<div class="inner">
|
||||
<ul class="icons">
|
||||
|
||||
|
||||
<li><a target="_blank" alt="pax:nion on Bandcamp" title="pax:nion on Bandcamp" rel="noopener" href="https://panixheavyindustries.bandcamp.com" class="icon brands style2 fa-bandcamp"><span class="label">Bandcamp</span></a></li>
|
||||
|
||||
|
||||
<!-- <li><a href="mailto:" class="icon style2 fa-envelope"><span class="label">Email</span></a></li> -->
|
||||
</ul>
|
||||
<p>©2020 Basspistol | <a href="../../../webcreds/">Credits</a> | <a href="../../../cookies/">Cookies & Privacy</a></p>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
|
||||
<script type="text/javascript">
|
||||
function loadUrl(newLocation) {
|
||||
window.location = newLocation;
|
||||
return false;
|
||||
}
|
||||
|
||||
var mu = document.getElementsByTagName("audio")[0];
|
||||
var pauseButton = document.getElementById("mu_pause");
|
||||
var spincover = document.getElementById("coverart");
|
||||
|
||||
mu.addEventListener('ended', function () {
|
||||
// only functional if "loop" is removed
|
||||
mu.pause();
|
||||
mu.currentTime = 0;
|
||||
loadUrl("../../../unstep/3--dev-null/"); return false;
|
||||
});
|
||||
mu.onplaying = function() {
|
||||
pauseButton.innerHTML = "Pause";
|
||||
pauseButton.classList.remove("fa-play");
|
||||
pauseButton.classList.add("fa-pause");
|
||||
spincover.classList.add("spinnit");
|
||||
spincover.classList.remove("paused");
|
||||
};
|
||||
|
||||
pauseButton.addEventListener("click", function () {
|
||||
if (mu.paused) {
|
||||
mu.play();
|
||||
|
||||
}
|
||||
else {
|
||||
mu.pause();
|
||||
pauseButton.innerHTML = "Resume";
|
||||
pauseButton.classList.add("fa-play");
|
||||
pauseButton.classList.remove("fa-pause");
|
||||
spincover.classList.add("paused");
|
||||
}
|
||||
});
|
||||
|
||||
mu.addEventListener('timeupdate', function () {
|
||||
var timestamp = Math.floor(mu.currentTime);
|
||||
var hours = Math.floor(timestamp / 60 / 60);
|
||||
var minutes = Math.floor(timestamp / 60) - (hours * 60);
|
||||
var seconds = timestamp % 60;
|
||||
var formatted = hours.toString().padStart(2, '0') + ':' + minutes.toString().padStart(2, '0') + ':' + seconds.toString().padStart(2, '0');
|
||||
var thecurrentSpan = document.getElementById("tracktime");
|
||||
thecurrentSpan.innerHTML = formatted + ' / ';
|
||||
});
|
||||
|
||||
</script>
|
||||
</div>
|
||||
<!-- Navigation -->
|
||||
<div id="logo" class="logo">
|
||||
<a href="/"><img width="200em" src="/assets/panix-logo.svg" alt=" Logo" /></a>
|
||||
<a href="#navbar" onclick="blurBody()" alt="Navigation Menu" title="Navigation Menu"><span style="font-size: 34px;" class="icon solid fa-bars"></span></a>
|
||||
</div>
|
||||
|
||||
<div id="navbar" style="display: block;" class="modalDialog">
|
||||
<a href="#close" onclick="removeBlur()" alt="Close Menu" title="Close Menu"><div id="closearea"> </div></a>
|
||||
<nav>
|
||||
<a href="#close" title="Close" onclick="removeBlur()" class="close-button close" style="margin: 0 auto;">X</a>
|
||||
<ul>
|
||||
|
||||
<li><a href="../../../" class="button small">Home</a></li>
|
||||
|
||||
|
||||
|
||||
<li><a href="../../../releases/" class="button small">Releases</a></li>
|
||||
|
||||
|
||||
|
||||
<li><a href="../../../logs/" class="button small">Web-Log</a></li>
|
||||
|
||||
|
||||
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- End Navigation -->
|
||||
<!-- Scripts -->
|
||||
|
||||
|
||||
|
||||
|
||||
<script src="../../../assets/js/jquery.min.js"></script>
|
||||
<script src="../../../assets/js/jquery.scrollex.min.js"></script>
|
||||
<script src="../../../assets/js/jquery.scrolly.min.js"></script>
|
||||
<script src="../../../assets/js/browser.min.js"></script>
|
||||
<script src="../../../assets/js/breakpoints.min.js"></script>
|
||||
<script src="../../../assets/js/util.js"></script>
|
||||
<script src="../../../assets/js/main.js"></script>
|
||||
<script src="../../../assets/js/set.js"></script>
|
||||
|
||||
|
||||
<div id="cookie-notice">
|
||||
<p>We only use cookies if you consent to it. They don't contain any identifiable info: they just let us know if you enjoyed this enough to come back. <br />Click <a href="#" id="cookie-notice-decline">here</a> if you want this shit to go away without cookies. <br />Read more about how Basspistol <a href="/cookies/">use cookies</a> </p>
|
||||
<a class="button small yes" href="#" id="cookie-notice-accept">I'm in!</a>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
function createCookie(name, value, days) {
|
||||
var expires = "";
|
||||
if (days) {
|
||||
var date = new Date();
|
||||
date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
|
||||
expires = "; expires=" + date.toUTCString();
|
||||
}
|
||||
document.cookie = name + "=" + value + expires + "; path=/";
|
||||
}
|
||||
function readCookie(name) {
|
||||
var nameEQ = name + "=";
|
||||
var ca = document.cookie.split(';');
|
||||
for (var i = 0; i < ca.length; i++) {
|
||||
var c = ca[i];
|
||||
while (c.charAt(0) == ' ') c = c.substring(1, c.length);
|
||||
if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
|
||||
}
|
||||
return null;
|
||||
}
|
||||
function eraseCookie(name) {
|
||||
createCookie(name, "", -1);
|
||||
}
|
||||
|
||||
if (readCookie('cookie-notice-dismissed') == 'wantCookies') {
|
||||
|
||||
//* Matomo Tag Manager *//
|
||||
|
||||
var _mtm = _mtm || [];
|
||||
_mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'});
|
||||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||
g.type='text/javascript'; g.async=true; g.defer=true; g.src='https://cdn.matomo.cloud/terminalnetwork.matomo.cloud/container_aJ0T3vZ5.js'; s.parentNode.insertBefore(g,s);
|
||||
|
||||
//* End Matomo Tag Manager *//
|
||||
|
||||
|
||||
|
||||
} else {
|
||||
document.getElementById('cookie-notice').style.display = 'flex';
|
||||
|
||||
var _paq = window._paq || [];
|
||||
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
|
||||
_paq.push(["setDocumentTitle", document.domain + "/" + document.title]);
|
||||
_paq.push(["disableCookies"]);
|
||||
_paq.push(['trackPageView']);
|
||||
_paq.push(['enableLinkTracking']);
|
||||
(function() {
|
||||
var u="https://terminalnetwork.matomo.cloud/";
|
||||
_paq.push(['setTrackerUrl', u+'matomo.php']);
|
||||
_paq.push(['setSiteId', '14']);
|
||||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||
g.type='text/javascript'; g.async=true; g.defer=true; g.src='//cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
|
||||
})();
|
||||
|
||||
|
||||
}
|
||||
if (readCookie('cookie-notice-dismissed') == 'dontWantCookies') {
|
||||
document.getElementById('cookie-notice').style.display = 'none';
|
||||
|
||||
var _paq = window._paq || [];
|
||||
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
|
||||
_paq.push(["setDocumentTitle", document.domain + "/" + document.title]);
|
||||
_paq.push(["disableCookies"]);
|
||||
_paq.push(['trackPageView']);
|
||||
_paq.push(['enableLinkTracking']);
|
||||
(function() {
|
||||
var u="https://terminalnetwork.matomo.cloud/";
|
||||
_paq.push(['setTrackerUrl', u+'matomo.php']);
|
||||
_paq.push(['setSiteId', '14']);
|
||||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||
g.type='text/javascript'; g.async=true; g.defer=true; g.src='//cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
|
||||
})();
|
||||
|
||||
}
|
||||
document.getElementById('cookie-notice-accept').addEventListener("click", function () {
|
||||
createCookie('cookie-notice-dismissed', 'wantCookies', 31);
|
||||
document.getElementById('cookie-notice').style.display = 'none';
|
||||
_paq.push(['trackEvent', 'Consent', 'wantCookie']);
|
||||
location.reload();
|
||||
});
|
||||
|
||||
document.getElementById('cookie-notice-decline').addEventListener("click", function () {
|
||||
createCookie('cookie-notice-dismissed', 'dontWantCookies', 31);
|
||||
document.getElementById('cookie-notice').style.display = 'none';
|
||||
_paq.push(['trackEvent', 'Consent', 'dontWantCookie']);
|
||||
location.reload();
|
||||
});
|
||||
|
||||
// document.getElementById('cookie-notice-gimme').addEventListener("click", function () {
|
||||
// createCookie('cookie-notice-dismissed', 'wantCookies', 31);
|
||||
// document.getElementById('cookie-notice').style.display = 'none';
|
||||
// location.reload();
|
||||
// });
|
||||
|
||||
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
396
albums/unstep/3--dev-null/index.html
Normal file
396
albums/unstep/3--dev-null/index.html
Normal file
|
|
@ -0,0 +1,396 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
Based on _Story_ by html5up.net | @ajlkn
|
||||
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
||||
Remixed and Jekyllified by Setto
|
||||
-->
|
||||
<html lang="en">
|
||||
<head>
|
||||
|
||||
|
||||
<!-- BEGIN seo.html -->
|
||||
|
||||
<title>Play /dev/null by Panix Hilton | pax:nion</title>
|
||||
<meta name="title" content="Play "/dev/null" by Panix Hilton" />
|
||||
<meta name="description" content="A track by Panix Hilton named "/dev/null" published on pax:nion" />
|
||||
<meta name="dc.date.modified" scheme="ISO8601" content="2020-07-23T12:00:29+00:00" />
|
||||
<meta name="robots" content="index" />
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<link rel="canonical" href="https://paxnion.basspistol.com/albums/unstep/3--dev-null/" />
|
||||
<link rel="alternate" hreflang="x-default" href="https://paxnion.basspistol.com/albums/unstep/3--dev-null/" />
|
||||
<meta name="geo.region" content="SE-AB" />
|
||||
<meta name="geo.placename" content="Stockholm" />
|
||||
<meta name="geo.position" content="59.333759;18.052554" />
|
||||
<meta name="ICBM" content="59.333759, 18.052554" />
|
||||
<meta name="author" content="pax:nion" />
|
||||
<meta name="generator" content="Jekyll v4.0.0" />
|
||||
|
||||
<!-- Dublin Core basic info -->
|
||||
|
||||
<meta name="dcterms.Identifier" content="https://paxnion.basspistol.com" />
|
||||
<meta name="dcterms.Format" content="text/html" />
|
||||
<meta name="dcterms.Relation" content="pax:nion" />
|
||||
<meta name="dcterms.Publisher" content="Basspistol" />
|
||||
<meta name="dcterms.Type" content="text/html" />
|
||||
<meta name="dcterms.Coverage" content="https://paxnion.basspistol.com/" />
|
||||
<meta name="dcterms.Rights" content="Copyright ©2020 pax:nion." />
|
||||
<meta name="dcterms.Subject" content="A track by Panix Hilton named "/dev/null" published on pax:nion" />
|
||||
<meta name="dcterms.Title" content="Play "/dev/null" by Panix Hilton" />
|
||||
<meta name="dcterms.Contributor" content="pax:nion" />
|
||||
<meta name="dcterms.Date" content="2020-07-23" />
|
||||
<meta name="dcterms.Description" content="Listen and to a track by Panix Hilton from the release "Unstep" and support your remote artist!" />
|
||||
|
||||
<!-- Facebook -->
|
||||
|
||||
<meta property="og:title" content="/dev/null" />
|
||||
<meta property="og:locale" content="en" />
|
||||
<meta property="og:description" content="Listen and to a track by Panix Hilton from the release "Unstep" and support your remote artist!" />
|
||||
<meta property="og:url" content="https://paxnion.basspistol.com/albums/unstep/3--dev-null/" />
|
||||
<meta property="og:site_name" content="pax:nion" />
|
||||
<meta property="og:type" content="music:album:track" />
|
||||
<meta property="og:audio" content="https://media.basspistol.com/panix/unstep/3--dev-null.mp3" />
|
||||
<meta property="article:published_time" content="2020-07-23T12:00:29+00:00" />
|
||||
<meta property="og:image" content="https://media.basspistol.com/panix/unstep/3--dev-null.jpeg" />
|
||||
<!-- Twitter Card -->
|
||||
|
||||
<meta name="twitter:card" content="summary" />
|
||||
<meta name="twitter:title" content="/dev/null | pax:nion" />
|
||||
<meta name="twitter:description" content="Listen and to a track by Panix Hilton from the release "Unstep" and support your remote artist!" />
|
||||
<meta name="twitter:image" content="https://media.basspistol.com/panix/unstep/3--dev-null.jpeg" />
|
||||
|
||||
<!-- END seo.html -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
|
||||
<link rel="stylesheet" href="../../../assets/css/main20200519.css" />
|
||||
|
||||
<link rel="apple-touch-icon" href="https://paxnion.basspistol.com/apple-touch-icon.png" />
|
||||
<link rel="icon" type="image/png" href="https://paxnion.basspistol.com/touch-icon.png" sizes="192x192" />
|
||||
<link rel="shortcut icon" href="https://paxnion.basspistol.com/siteicon.png" type="image/png" />
|
||||
<noscript><link rel="stylesheet" href="../../../assets/css/noscript20200518-rev1.css" /></noscript>
|
||||
</head>
|
||||
|
||||
<body id="body">
|
||||
<span id="top" style="display: none;"></span>
|
||||
<!-- Wrapper -->
|
||||
<div id="wrapper" class="divided" data-cms-content-wrapper="/_layouts/default.html">
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Banner -->
|
||||
<section
|
||||
class="banner onload-image-fade-in onload-content-fade-right style3 fullscreen content-align-center image-position-center" style="background-image:url('https://media.basspistol.com/panix/unstep/3--dev-null.jpeg');background-size: cover; background-repeat: no-repeat;">
|
||||
<div style="z-index:0;position:absolute; top:0; left:0; width:100%;height:100%;background-color: rgba(13, 13 ,13, 0.85);"></div>
|
||||
<div class="content" style="z-index:1">
|
||||
<h1 style="margin-top:80px">/dev/null</h1>
|
||||
|
||||
<p><strong><span id="tracktime"></span></strong><span id="devnull"></span></strong> <br />
|
||||
Style: <strong>Electronic</strong>
|
||||
</p>
|
||||
<script type="text/javascript">
|
||||
var devnulltimestamp = 82;
|
||||
var devnullhours = Math.floor(devnulltimestamp / 60 / 60);
|
||||
var devnullminutes = Math.floor(devnulltimestamp / 60) - (devnullhours * 60);
|
||||
var devnullseconds = devnulltimestamp % 60;
|
||||
var devnullformatted = devnullhours.toString().padStart(2, '0') + ':' + devnullminutes.toString().padStart(2, '0') + ':' + devnullseconds.toString().padStart(2, '0');
|
||||
var theSpan = document.getElementById("devnull");
|
||||
theSpan.innerHTML = devnullformatted;
|
||||
</script>
|
||||
|
||||
|
||||
<ul class="actions stacked">
|
||||
<li><button id="mu_pause" class="button icon solid fa-play">Play dat!</button></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="image">
|
||||
<img src="https://media.basspistol.com/panix/unstep/3--dev-null.jpeg" alt="3 Dev Null logo" id="coverart" />
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="streambox" style="padding: 40px;">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</section>
|
||||
<!-- Page navigation -->
|
||||
<section class="wrapper style1 align-center">
|
||||
<div class="inner">
|
||||
<div class="index align-left">
|
||||
<!-- Author -->
|
||||
|
||||
<section>
|
||||
<!-- Content -->
|
||||
<div class="content">
|
||||
<!-- post Naviation -->
|
||||
<div style="text-align: center;">
|
||||
<h3>Play more songs grom this release</h3>
|
||||
</div>
|
||||
<div class="post-nav">
|
||||
<div>
|
||||
|
||||
<h4><a href="../../../albums/unstep/2-euplotes/" alt="Read Euplotes" title="Read Euplotes"><i class="fas fa-arrow-left"></i></a> <a
|
||||
href="../../../albums/unstep/2-euplotes/"> Euplotes</a>
|
||||
</h4>
|
||||
|
||||
</div>
|
||||
<div class="post-nav-next">
|
||||
|
||||
<h4><a href="../../../albums/unstep/4-semidetach/"> Semidetach</a> <a
|
||||
href="../../../albums/unstep/4-semidetach/" alt="Read Semidetach" title="Read Semidetach"><i class="fas fa-arrow-right"></i></a></h4>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- End Post Navigation -->
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Audio player-->
|
||||
<audio autoplay preload="true" data-matomo-title="/dev/null">
|
||||
<source src="https://media.basspistol.com/panix/unstep/3--dev-null.mp3" type="audio/mpeg" ontimeupdate='updateTrackTime(this);' />
|
||||
<h1>Your browser isn't ready for so much hotness. Use the download-link instead.</h1>.
|
||||
</audio>
|
||||
<!-- Footer -->
|
||||
<footer id="footer" class="wrapper style1 align-center">
|
||||
<div class="footflex">
|
||||
<div>
|
||||
<h4>pax:nion</h4>
|
||||
<p>PHI, Panix Heavy Industries
|
||||
<br /><a href="mailto:"></a></p>
|
||||
</div>
|
||||
<div>
|
||||
<ul>
|
||||
|
||||
<li><a href="../../../">Home</a></li>
|
||||
|
||||
|
||||
<li><a href="/releases/">Releases</a></li>
|
||||
|
||||
<li><a href="/logs/">Web-Log</a></li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
<div><img src="/assets/panix-logo-dark.svg" style="max-width:300px" alt="pax:nion Logo" /></div>
|
||||
</div>
|
||||
<div class="inner">
|
||||
<ul class="icons">
|
||||
|
||||
|
||||
<li><a target="_blank" alt="pax:nion on Bandcamp" title="pax:nion on Bandcamp" rel="noopener" href="https://panixheavyindustries.bandcamp.com" class="icon brands style2 fa-bandcamp"><span class="label">Bandcamp</span></a></li>
|
||||
|
||||
|
||||
<!-- <li><a href="mailto:" class="icon style2 fa-envelope"><span class="label">Email</span></a></li> -->
|
||||
</ul>
|
||||
<p>©2020 Basspistol | <a href="../../../webcreds/">Credits</a> | <a href="../../../cookies/">Cookies & Privacy</a></p>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
|
||||
<script type="text/javascript">
|
||||
function loadUrl(newLocation) {
|
||||
window.location = newLocation;
|
||||
return false;
|
||||
}
|
||||
|
||||
var mu = document.getElementsByTagName("audio")[0];
|
||||
var pauseButton = document.getElementById("mu_pause");
|
||||
var spincover = document.getElementById("coverart");
|
||||
|
||||
mu.addEventListener('ended', function () {
|
||||
// only functional if "loop" is removed
|
||||
mu.pause();
|
||||
mu.currentTime = 0;
|
||||
loadUrl("../../../unstep/4-semidetach/"); return false;
|
||||
});
|
||||
mu.onplaying = function() {
|
||||
pauseButton.innerHTML = "Pause";
|
||||
pauseButton.classList.remove("fa-play");
|
||||
pauseButton.classList.add("fa-pause");
|
||||
spincover.classList.add("spinnit");
|
||||
spincover.classList.remove("paused");
|
||||
};
|
||||
|
||||
pauseButton.addEventListener("click", function () {
|
||||
if (mu.paused) {
|
||||
mu.play();
|
||||
|
||||
}
|
||||
else {
|
||||
mu.pause();
|
||||
pauseButton.innerHTML = "Resume";
|
||||
pauseButton.classList.add("fa-play");
|
||||
pauseButton.classList.remove("fa-pause");
|
||||
spincover.classList.add("paused");
|
||||
}
|
||||
});
|
||||
|
||||
mu.addEventListener('timeupdate', function () {
|
||||
var timestamp = Math.floor(mu.currentTime);
|
||||
var hours = Math.floor(timestamp / 60 / 60);
|
||||
var minutes = Math.floor(timestamp / 60) - (hours * 60);
|
||||
var seconds = timestamp % 60;
|
||||
var formatted = hours.toString().padStart(2, '0') + ':' + minutes.toString().padStart(2, '0') + ':' + seconds.toString().padStart(2, '0');
|
||||
var thecurrentSpan = document.getElementById("tracktime");
|
||||
thecurrentSpan.innerHTML = formatted + ' / ';
|
||||
});
|
||||
|
||||
</script>
|
||||
</div>
|
||||
<!-- Navigation -->
|
||||
<div id="logo" class="logo">
|
||||
<a href="/"><img width="200em" src="/assets/panix-logo.svg" alt=" Logo" /></a>
|
||||
<a href="#navbar" onclick="blurBody()" alt="Navigation Menu" title="Navigation Menu"><span style="font-size: 34px;" class="icon solid fa-bars"></span></a>
|
||||
</div>
|
||||
|
||||
<div id="navbar" style="display: block;" class="modalDialog">
|
||||
<a href="#close" onclick="removeBlur()" alt="Close Menu" title="Close Menu"><div id="closearea"> </div></a>
|
||||
<nav>
|
||||
<a href="#close" title="Close" onclick="removeBlur()" class="close-button close" style="margin: 0 auto;">X</a>
|
||||
<ul>
|
||||
|
||||
<li><a href="../../../" class="button small">Home</a></li>
|
||||
|
||||
|
||||
|
||||
<li><a href="../../../releases/" class="button small">Releases</a></li>
|
||||
|
||||
|
||||
|
||||
<li><a href="../../../logs/" class="button small">Web-Log</a></li>
|
||||
|
||||
|
||||
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- End Navigation -->
|
||||
<!-- Scripts -->
|
||||
|
||||
|
||||
|
||||
|
||||
<script src="../../../assets/js/jquery.min.js"></script>
|
||||
<script src="../../../assets/js/jquery.scrollex.min.js"></script>
|
||||
<script src="../../../assets/js/jquery.scrolly.min.js"></script>
|
||||
<script src="../../../assets/js/browser.min.js"></script>
|
||||
<script src="../../../assets/js/breakpoints.min.js"></script>
|
||||
<script src="../../../assets/js/util.js"></script>
|
||||
<script src="../../../assets/js/main.js"></script>
|
||||
<script src="../../../assets/js/set.js"></script>
|
||||
|
||||
|
||||
<div id="cookie-notice">
|
||||
<p>We only use cookies if you consent to it. They don't contain any identifiable info: they just let us know if you enjoyed this enough to come back. <br />Click <a href="#" id="cookie-notice-decline">here</a> if you want this shit to go away without cookies. <br />Read more about how Basspistol <a href="/cookies/">use cookies</a> </p>
|
||||
<a class="button small yes" href="#" id="cookie-notice-accept">I'm in!</a>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
function createCookie(name, value, days) {
|
||||
var expires = "";
|
||||
if (days) {
|
||||
var date = new Date();
|
||||
date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
|
||||
expires = "; expires=" + date.toUTCString();
|
||||
}
|
||||
document.cookie = name + "=" + value + expires + "; path=/";
|
||||
}
|
||||
function readCookie(name) {
|
||||
var nameEQ = name + "=";
|
||||
var ca = document.cookie.split(';');
|
||||
for (var i = 0; i < ca.length; i++) {
|
||||
var c = ca[i];
|
||||
while (c.charAt(0) == ' ') c = c.substring(1, c.length);
|
||||
if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
|
||||
}
|
||||
return null;
|
||||
}
|
||||
function eraseCookie(name) {
|
||||
createCookie(name, "", -1);
|
||||
}
|
||||
|
||||
if (readCookie('cookie-notice-dismissed') == 'wantCookies') {
|
||||
|
||||
//* Matomo Tag Manager *//
|
||||
|
||||
var _mtm = _mtm || [];
|
||||
_mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'});
|
||||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||
g.type='text/javascript'; g.async=true; g.defer=true; g.src='https://cdn.matomo.cloud/terminalnetwork.matomo.cloud/container_aJ0T3vZ5.js'; s.parentNode.insertBefore(g,s);
|
||||
|
||||
//* End Matomo Tag Manager *//
|
||||
|
||||
|
||||
|
||||
} else {
|
||||
document.getElementById('cookie-notice').style.display = 'flex';
|
||||
|
||||
var _paq = window._paq || [];
|
||||
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
|
||||
_paq.push(["setDocumentTitle", document.domain + "/" + document.title]);
|
||||
_paq.push(["disableCookies"]);
|
||||
_paq.push(['trackPageView']);
|
||||
_paq.push(['enableLinkTracking']);
|
||||
(function() {
|
||||
var u="https://terminalnetwork.matomo.cloud/";
|
||||
_paq.push(['setTrackerUrl', u+'matomo.php']);
|
||||
_paq.push(['setSiteId', '14']);
|
||||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||
g.type='text/javascript'; g.async=true; g.defer=true; g.src='//cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
|
||||
})();
|
||||
|
||||
|
||||
}
|
||||
if (readCookie('cookie-notice-dismissed') == 'dontWantCookies') {
|
||||
document.getElementById('cookie-notice').style.display = 'none';
|
||||
|
||||
var _paq = window._paq || [];
|
||||
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
|
||||
_paq.push(["setDocumentTitle", document.domain + "/" + document.title]);
|
||||
_paq.push(["disableCookies"]);
|
||||
_paq.push(['trackPageView']);
|
||||
_paq.push(['enableLinkTracking']);
|
||||
(function() {
|
||||
var u="https://terminalnetwork.matomo.cloud/";
|
||||
_paq.push(['setTrackerUrl', u+'matomo.php']);
|
||||
_paq.push(['setSiteId', '14']);
|
||||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||
g.type='text/javascript'; g.async=true; g.defer=true; g.src='//cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
|
||||
})();
|
||||
|
||||
}
|
||||
document.getElementById('cookie-notice-accept').addEventListener("click", function () {
|
||||
createCookie('cookie-notice-dismissed', 'wantCookies', 31);
|
||||
document.getElementById('cookie-notice').style.display = 'none';
|
||||
_paq.push(['trackEvent', 'Consent', 'wantCookie']);
|
||||
location.reload();
|
||||
});
|
||||
|
||||
document.getElementById('cookie-notice-decline').addEventListener("click", function () {
|
||||
createCookie('cookie-notice-dismissed', 'dontWantCookies', 31);
|
||||
document.getElementById('cookie-notice').style.display = 'none';
|
||||
_paq.push(['trackEvent', 'Consent', 'dontWantCookie']);
|
||||
location.reload();
|
||||
});
|
||||
|
||||
// document.getElementById('cookie-notice-gimme').addEventListener("click", function () {
|
||||
// createCookie('cookie-notice-dismissed', 'wantCookies', 31);
|
||||
// document.getElementById('cookie-notice').style.display = 'none';
|
||||
// location.reload();
|
||||
// });
|
||||
|
||||
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
396
albums/unstep/4-semidetach/index.html
Normal file
396
albums/unstep/4-semidetach/index.html
Normal file
|
|
@ -0,0 +1,396 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
Based on _Story_ by html5up.net | @ajlkn
|
||||
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
||||
Remixed and Jekyllified by Setto
|
||||
-->
|
||||
<html lang="en">
|
||||
<head>
|
||||
|
||||
|
||||
<!-- BEGIN seo.html -->
|
||||
|
||||
<title>Play Semidetach by Panix Hilton | pax:nion</title>
|
||||
<meta name="title" content="Play "Semidetach" by Panix Hilton" />
|
||||
<meta name="description" content="A track by Panix Hilton named "Semidetach" published on pax:nion" />
|
||||
<meta name="dc.date.modified" scheme="ISO8601" content="2020-07-23T12:00:29+00:00" />
|
||||
<meta name="robots" content="index" />
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<link rel="canonical" href="https://paxnion.basspistol.com/albums/unstep/4-semidetach/" />
|
||||
<link rel="alternate" hreflang="x-default" href="https://paxnion.basspistol.com/albums/unstep/4-semidetach/" />
|
||||
<meta name="geo.region" content="SE-AB" />
|
||||
<meta name="geo.placename" content="Stockholm" />
|
||||
<meta name="geo.position" content="59.333759;18.052554" />
|
||||
<meta name="ICBM" content="59.333759, 18.052554" />
|
||||
<meta name="author" content="pax:nion" />
|
||||
<meta name="generator" content="Jekyll v4.0.0" />
|
||||
|
||||
<!-- Dublin Core basic info -->
|
||||
|
||||
<meta name="dcterms.Identifier" content="https://paxnion.basspistol.com" />
|
||||
<meta name="dcterms.Format" content="text/html" />
|
||||
<meta name="dcterms.Relation" content="pax:nion" />
|
||||
<meta name="dcterms.Publisher" content="Basspistol" />
|
||||
<meta name="dcterms.Type" content="text/html" />
|
||||
<meta name="dcterms.Coverage" content="https://paxnion.basspistol.com/" />
|
||||
<meta name="dcterms.Rights" content="Copyright ©2020 pax:nion." />
|
||||
<meta name="dcterms.Subject" content="A track by Panix Hilton named "Semidetach" published on pax:nion" />
|
||||
<meta name="dcterms.Title" content="Play "Semidetach" by Panix Hilton" />
|
||||
<meta name="dcterms.Contributor" content="pax:nion" />
|
||||
<meta name="dcterms.Date" content="2020-07-23" />
|
||||
<meta name="dcterms.Description" content="Listen and to a track by Panix Hilton from the release "Unstep" and support your remote artist!" />
|
||||
|
||||
<!-- Facebook -->
|
||||
|
||||
<meta property="og:title" content="Semidetach" />
|
||||
<meta property="og:locale" content="en" />
|
||||
<meta property="og:description" content="Listen and to a track by Panix Hilton from the release "Unstep" and support your remote artist!" />
|
||||
<meta property="og:url" content="https://paxnion.basspistol.com/albums/unstep/4-semidetach/" />
|
||||
<meta property="og:site_name" content="pax:nion" />
|
||||
<meta property="og:type" content="music:album:track" />
|
||||
<meta property="og:audio" content="https://media.basspistol.com/panix/unstep/4-semidetach.mp3" />
|
||||
<meta property="article:published_time" content="2020-07-23T12:00:29+00:00" />
|
||||
<meta property="og:image" content="https://media.basspistol.com/panix/unstep/4-semidetach.jpeg" />
|
||||
<!-- Twitter Card -->
|
||||
|
||||
<meta name="twitter:card" content="summary" />
|
||||
<meta name="twitter:title" content="Semidetach | pax:nion" />
|
||||
<meta name="twitter:description" content="Listen and to a track by Panix Hilton from the release "Unstep" and support your remote artist!" />
|
||||
<meta name="twitter:image" content="https://media.basspistol.com/panix/unstep/4-semidetach.jpeg" />
|
||||
|
||||
<!-- END seo.html -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
|
||||
<link rel="stylesheet" href="../../../assets/css/main20200519.css" />
|
||||
|
||||
<link rel="apple-touch-icon" href="https://paxnion.basspistol.com/apple-touch-icon.png" />
|
||||
<link rel="icon" type="image/png" href="https://paxnion.basspistol.com/touch-icon.png" sizes="192x192" />
|
||||
<link rel="shortcut icon" href="https://paxnion.basspistol.com/siteicon.png" type="image/png" />
|
||||
<noscript><link rel="stylesheet" href="../../../assets/css/noscript20200518-rev1.css" /></noscript>
|
||||
</head>
|
||||
|
||||
<body id="body">
|
||||
<span id="top" style="display: none;"></span>
|
||||
<!-- Wrapper -->
|
||||
<div id="wrapper" class="divided" data-cms-content-wrapper="/_layouts/default.html">
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Banner -->
|
||||
<section
|
||||
class="banner onload-image-fade-in onload-content-fade-right style3 fullscreen content-align-center image-position-center" style="background-image:url('https://media.basspistol.com/panix/unstep/4-semidetach.jpeg');background-size: cover; background-repeat: no-repeat;">
|
||||
<div style="z-index:0;position:absolute; top:0; left:0; width:100%;height:100%;background-color: rgba(13, 13 ,13, 0.85);"></div>
|
||||
<div class="content" style="z-index:1">
|
||||
<h1 style="margin-top:80px">Semidetach</h1>
|
||||
|
||||
<p><strong><span id="tracktime"></span></strong><span id="semidetach"></span></strong> <br />
|
||||
Style: <strong>Electronic</strong>
|
||||
</p>
|
||||
<script type="text/javascript">
|
||||
var semidetachtimestamp = 76;
|
||||
var semidetachhours = Math.floor(semidetachtimestamp / 60 / 60);
|
||||
var semidetachminutes = Math.floor(semidetachtimestamp / 60) - (semidetachhours * 60);
|
||||
var semidetachseconds = semidetachtimestamp % 60;
|
||||
var semidetachformatted = semidetachhours.toString().padStart(2, '0') + ':' + semidetachminutes.toString().padStart(2, '0') + ':' + semidetachseconds.toString().padStart(2, '0');
|
||||
var theSpan = document.getElementById("semidetach");
|
||||
theSpan.innerHTML = semidetachformatted;
|
||||
</script>
|
||||
|
||||
|
||||
<ul class="actions stacked">
|
||||
<li><button id="mu_pause" class="button icon solid fa-play">Play dat!</button></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="image">
|
||||
<img src="https://media.basspistol.com/panix/unstep/4-semidetach.jpeg" alt="4 Semidetach logo" id="coverart" />
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="streambox" style="padding: 40px;">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</section>
|
||||
<!-- Page navigation -->
|
||||
<section class="wrapper style1 align-center">
|
||||
<div class="inner">
|
||||
<div class="index align-left">
|
||||
<!-- Author -->
|
||||
|
||||
<section>
|
||||
<!-- Content -->
|
||||
<div class="content">
|
||||
<!-- post Naviation -->
|
||||
<div style="text-align: center;">
|
||||
<h3>Play more songs grom this release</h3>
|
||||
</div>
|
||||
<div class="post-nav">
|
||||
<div>
|
||||
|
||||
<h4><a href="../../../albums/unstep/3--dev-null/" alt="Read /dev/null" title="Read /dev/null"><i class="fas fa-arrow-left"></i></a> <a
|
||||
href="../../../albums/unstep/3--dev-null/"> /dev/null</a>
|
||||
</h4>
|
||||
|
||||
</div>
|
||||
<div class="post-nav-next">
|
||||
|
||||
<h4><a href="../../../albums/unstep/5-thank-you/"> Thank You</a> <a
|
||||
href="../../../albums/unstep/5-thank-you/" alt="Read Thank You" title="Read Thank You"><i class="fas fa-arrow-right"></i></a></h4>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- End Post Navigation -->
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Audio player-->
|
||||
<audio autoplay preload="true" data-matomo-title="Semidetach">
|
||||
<source src="https://media.basspistol.com/panix/unstep/4-semidetach.mp3" type="audio/mpeg" ontimeupdate='updateTrackTime(this);' />
|
||||
<h1>Your browser isn't ready for so much hotness. Use the download-link instead.</h1>.
|
||||
</audio>
|
||||
<!-- Footer -->
|
||||
<footer id="footer" class="wrapper style1 align-center">
|
||||
<div class="footflex">
|
||||
<div>
|
||||
<h4>pax:nion</h4>
|
||||
<p>PHI, Panix Heavy Industries
|
||||
<br /><a href="mailto:"></a></p>
|
||||
</div>
|
||||
<div>
|
||||
<ul>
|
||||
|
||||
<li><a href="../../../">Home</a></li>
|
||||
|
||||
|
||||
<li><a href="/releases/">Releases</a></li>
|
||||
|
||||
<li><a href="/logs/">Web-Log</a></li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
<div><img src="/assets/panix-logo-dark.svg" style="max-width:300px" alt="pax:nion Logo" /></div>
|
||||
</div>
|
||||
<div class="inner">
|
||||
<ul class="icons">
|
||||
|
||||
|
||||
<li><a target="_blank" alt="pax:nion on Bandcamp" title="pax:nion on Bandcamp" rel="noopener" href="https://panixheavyindustries.bandcamp.com" class="icon brands style2 fa-bandcamp"><span class="label">Bandcamp</span></a></li>
|
||||
|
||||
|
||||
<!-- <li><a href="mailto:" class="icon style2 fa-envelope"><span class="label">Email</span></a></li> -->
|
||||
</ul>
|
||||
<p>©2020 Basspistol | <a href="../../../webcreds/">Credits</a> | <a href="../../../cookies/">Cookies & Privacy</a></p>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
|
||||
<script type="text/javascript">
|
||||
function loadUrl(newLocation) {
|
||||
window.location = newLocation;
|
||||
return false;
|
||||
}
|
||||
|
||||
var mu = document.getElementsByTagName("audio")[0];
|
||||
var pauseButton = document.getElementById("mu_pause");
|
||||
var spincover = document.getElementById("coverart");
|
||||
|
||||
mu.addEventListener('ended', function () {
|
||||
// only functional if "loop" is removed
|
||||
mu.pause();
|
||||
mu.currentTime = 0;
|
||||
loadUrl("../../../unstep/5-thank-you/"); return false;
|
||||
});
|
||||
mu.onplaying = function() {
|
||||
pauseButton.innerHTML = "Pause";
|
||||
pauseButton.classList.remove("fa-play");
|
||||
pauseButton.classList.add("fa-pause");
|
||||
spincover.classList.add("spinnit");
|
||||
spincover.classList.remove("paused");
|
||||
};
|
||||
|
||||
pauseButton.addEventListener("click", function () {
|
||||
if (mu.paused) {
|
||||
mu.play();
|
||||
|
||||
}
|
||||
else {
|
||||
mu.pause();
|
||||
pauseButton.innerHTML = "Resume";
|
||||
pauseButton.classList.add("fa-play");
|
||||
pauseButton.classList.remove("fa-pause");
|
||||
spincover.classList.add("paused");
|
||||
}
|
||||
});
|
||||
|
||||
mu.addEventListener('timeupdate', function () {
|
||||
var timestamp = Math.floor(mu.currentTime);
|
||||
var hours = Math.floor(timestamp / 60 / 60);
|
||||
var minutes = Math.floor(timestamp / 60) - (hours * 60);
|
||||
var seconds = timestamp % 60;
|
||||
var formatted = hours.toString().padStart(2, '0') + ':' + minutes.toString().padStart(2, '0') + ':' + seconds.toString().padStart(2, '0');
|
||||
var thecurrentSpan = document.getElementById("tracktime");
|
||||
thecurrentSpan.innerHTML = formatted + ' / ';
|
||||
});
|
||||
|
||||
</script>
|
||||
</div>
|
||||
<!-- Navigation -->
|
||||
<div id="logo" class="logo">
|
||||
<a href="/"><img width="200em" src="/assets/panix-logo.svg" alt=" Logo" /></a>
|
||||
<a href="#navbar" onclick="blurBody()" alt="Navigation Menu" title="Navigation Menu"><span style="font-size: 34px;" class="icon solid fa-bars"></span></a>
|
||||
</div>
|
||||
|
||||
<div id="navbar" style="display: block;" class="modalDialog">
|
||||
<a href="#close" onclick="removeBlur()" alt="Close Menu" title="Close Menu"><div id="closearea"> </div></a>
|
||||
<nav>
|
||||
<a href="#close" title="Close" onclick="removeBlur()" class="close-button close" style="margin: 0 auto;">X</a>
|
||||
<ul>
|
||||
|
||||
<li><a href="../../../" class="button small">Home</a></li>
|
||||
|
||||
|
||||
|
||||
<li><a href="../../../releases/" class="button small">Releases</a></li>
|
||||
|
||||
|
||||
|
||||
<li><a href="../../../logs/" class="button small">Web-Log</a></li>
|
||||
|
||||
|
||||
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- End Navigation -->
|
||||
<!-- Scripts -->
|
||||
|
||||
|
||||
|
||||
|
||||
<script src="../../../assets/js/jquery.min.js"></script>
|
||||
<script src="../../../assets/js/jquery.scrollex.min.js"></script>
|
||||
<script src="../../../assets/js/jquery.scrolly.min.js"></script>
|
||||
<script src="../../../assets/js/browser.min.js"></script>
|
||||
<script src="../../../assets/js/breakpoints.min.js"></script>
|
||||
<script src="../../../assets/js/util.js"></script>
|
||||
<script src="../../../assets/js/main.js"></script>
|
||||
<script src="../../../assets/js/set.js"></script>
|
||||
|
||||
|
||||
<div id="cookie-notice">
|
||||
<p>We only use cookies if you consent to it. They don't contain any identifiable info: they just let us know if you enjoyed this enough to come back. <br />Click <a href="#" id="cookie-notice-decline">here</a> if you want this shit to go away without cookies. <br />Read more about how Basspistol <a href="/cookies/">use cookies</a> </p>
|
||||
<a class="button small yes" href="#" id="cookie-notice-accept">I'm in!</a>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
function createCookie(name, value, days) {
|
||||
var expires = "";
|
||||
if (days) {
|
||||
var date = new Date();
|
||||
date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
|
||||
expires = "; expires=" + date.toUTCString();
|
||||
}
|
||||
document.cookie = name + "=" + value + expires + "; path=/";
|
||||
}
|
||||
function readCookie(name) {
|
||||
var nameEQ = name + "=";
|
||||
var ca = document.cookie.split(';');
|
||||
for (var i = 0; i < ca.length; i++) {
|
||||
var c = ca[i];
|
||||
while (c.charAt(0) == ' ') c = c.substring(1, c.length);
|
||||
if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
|
||||
}
|
||||
return null;
|
||||
}
|
||||
function eraseCookie(name) {
|
||||
createCookie(name, "", -1);
|
||||
}
|
||||
|
||||
if (readCookie('cookie-notice-dismissed') == 'wantCookies') {
|
||||
|
||||
//* Matomo Tag Manager *//
|
||||
|
||||
var _mtm = _mtm || [];
|
||||
_mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'});
|
||||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||
g.type='text/javascript'; g.async=true; g.defer=true; g.src='https://cdn.matomo.cloud/terminalnetwork.matomo.cloud/container_aJ0T3vZ5.js'; s.parentNode.insertBefore(g,s);
|
||||
|
||||
//* End Matomo Tag Manager *//
|
||||
|
||||
|
||||
|
||||
} else {
|
||||
document.getElementById('cookie-notice').style.display = 'flex';
|
||||
|
||||
var _paq = window._paq || [];
|
||||
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
|
||||
_paq.push(["setDocumentTitle", document.domain + "/" + document.title]);
|
||||
_paq.push(["disableCookies"]);
|
||||
_paq.push(['trackPageView']);
|
||||
_paq.push(['enableLinkTracking']);
|
||||
(function() {
|
||||
var u="https://terminalnetwork.matomo.cloud/";
|
||||
_paq.push(['setTrackerUrl', u+'matomo.php']);
|
||||
_paq.push(['setSiteId', '14']);
|
||||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||
g.type='text/javascript'; g.async=true; g.defer=true; g.src='//cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
|
||||
})();
|
||||
|
||||
|
||||
}
|
||||
if (readCookie('cookie-notice-dismissed') == 'dontWantCookies') {
|
||||
document.getElementById('cookie-notice').style.display = 'none';
|
||||
|
||||
var _paq = window._paq || [];
|
||||
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
|
||||
_paq.push(["setDocumentTitle", document.domain + "/" + document.title]);
|
||||
_paq.push(["disableCookies"]);
|
||||
_paq.push(['trackPageView']);
|
||||
_paq.push(['enableLinkTracking']);
|
||||
(function() {
|
||||
var u="https://terminalnetwork.matomo.cloud/";
|
||||
_paq.push(['setTrackerUrl', u+'matomo.php']);
|
||||
_paq.push(['setSiteId', '14']);
|
||||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||
g.type='text/javascript'; g.async=true; g.defer=true; g.src='//cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
|
||||
})();
|
||||
|
||||
}
|
||||
document.getElementById('cookie-notice-accept').addEventListener("click", function () {
|
||||
createCookie('cookie-notice-dismissed', 'wantCookies', 31);
|
||||
document.getElementById('cookie-notice').style.display = 'none';
|
||||
_paq.push(['trackEvent', 'Consent', 'wantCookie']);
|
||||
location.reload();
|
||||
});
|
||||
|
||||
document.getElementById('cookie-notice-decline').addEventListener("click", function () {
|
||||
createCookie('cookie-notice-dismissed', 'dontWantCookies', 31);
|
||||
document.getElementById('cookie-notice').style.display = 'none';
|
||||
_paq.push(['trackEvent', 'Consent', 'dontWantCookie']);
|
||||
location.reload();
|
||||
});
|
||||
|
||||
// document.getElementById('cookie-notice-gimme').addEventListener("click", function () {
|
||||
// createCookie('cookie-notice-dismissed', 'wantCookies', 31);
|
||||
// document.getElementById('cookie-notice').style.display = 'none';
|
||||
// location.reload();
|
||||
// });
|
||||
|
||||
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
393
albums/unstep/5-thank-you/index.html
Normal file
393
albums/unstep/5-thank-you/index.html
Normal file
|
|
@ -0,0 +1,393 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
Based on _Story_ by html5up.net | @ajlkn
|
||||
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
||||
Remixed and Jekyllified by Setto
|
||||
-->
|
||||
<html lang="en">
|
||||
<head>
|
||||
|
||||
|
||||
<!-- BEGIN seo.html -->
|
||||
|
||||
<title>Play Thank You by Panix Hilton | pax:nion</title>
|
||||
<meta name="title" content="Play "Thank You" by Panix Hilton" />
|
||||
<meta name="description" content="A track by Panix Hilton named "Thank You" published on pax:nion" />
|
||||
<meta name="dc.date.modified" scheme="ISO8601" content="2020-07-23T12:00:29+00:00" />
|
||||
<meta name="robots" content="index" />
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<link rel="canonical" href="https://paxnion.basspistol.com/albums/unstep/5-thank-you/" />
|
||||
<link rel="alternate" hreflang="x-default" href="https://paxnion.basspistol.com/albums/unstep/5-thank-you/" />
|
||||
<meta name="geo.region" content="SE-AB" />
|
||||
<meta name="geo.placename" content="Stockholm" />
|
||||
<meta name="geo.position" content="59.333759;18.052554" />
|
||||
<meta name="ICBM" content="59.333759, 18.052554" />
|
||||
<meta name="author" content="pax:nion" />
|
||||
<meta name="generator" content="Jekyll v4.0.0" />
|
||||
|
||||
<!-- Dublin Core basic info -->
|
||||
|
||||
<meta name="dcterms.Identifier" content="https://paxnion.basspistol.com" />
|
||||
<meta name="dcterms.Format" content="text/html" />
|
||||
<meta name="dcterms.Relation" content="pax:nion" />
|
||||
<meta name="dcterms.Publisher" content="Basspistol" />
|
||||
<meta name="dcterms.Type" content="text/html" />
|
||||
<meta name="dcterms.Coverage" content="https://paxnion.basspistol.com/" />
|
||||
<meta name="dcterms.Rights" content="Copyright ©2020 pax:nion." />
|
||||
<meta name="dcterms.Subject" content="A track by Panix Hilton named "Thank You" published on pax:nion" />
|
||||
<meta name="dcterms.Title" content="Play "Thank You" by Panix Hilton" />
|
||||
<meta name="dcterms.Contributor" content="pax:nion" />
|
||||
<meta name="dcterms.Date" content="2020-07-23" />
|
||||
<meta name="dcterms.Description" content="Listen and to a track by Panix Hilton from the release "Unstep" and support your remote artist!" />
|
||||
|
||||
<!-- Facebook -->
|
||||
|
||||
<meta property="og:title" content="Thank You" />
|
||||
<meta property="og:locale" content="en" />
|
||||
<meta property="og:description" content="Listen and to a track by Panix Hilton from the release "Unstep" and support your remote artist!" />
|
||||
<meta property="og:url" content="https://paxnion.basspistol.com/albums/unstep/5-thank-you/" />
|
||||
<meta property="og:site_name" content="pax:nion" />
|
||||
<meta property="og:type" content="music:album:track" />
|
||||
<meta property="og:audio" content="https://media.basspistol.com/panix/unstep/5-thank-you.mp3" />
|
||||
<meta property="article:published_time" content="2020-07-23T12:00:29+00:00" />
|
||||
<meta property="og:image" content="https://media.basspistol.com/panix/unstep/5-thank-you.jpeg" />
|
||||
<!-- Twitter Card -->
|
||||
|
||||
<meta name="twitter:card" content="summary" />
|
||||
<meta name="twitter:title" content="Thank You | pax:nion" />
|
||||
<meta name="twitter:description" content="Listen and to a track by Panix Hilton from the release "Unstep" and support your remote artist!" />
|
||||
<meta name="twitter:image" content="https://media.basspistol.com/panix/unstep/5-thank-you.jpeg" />
|
||||
|
||||
<!-- END seo.html -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
|
||||
<link rel="stylesheet" href="../../../assets/css/main20200519.css" />
|
||||
|
||||
<link rel="apple-touch-icon" href="https://paxnion.basspistol.com/apple-touch-icon.png" />
|
||||
<link rel="icon" type="image/png" href="https://paxnion.basspistol.com/touch-icon.png" sizes="192x192" />
|
||||
<link rel="shortcut icon" href="https://paxnion.basspistol.com/siteicon.png" type="image/png" />
|
||||
<noscript><link rel="stylesheet" href="../../../assets/css/noscript20200518-rev1.css" /></noscript>
|
||||
</head>
|
||||
|
||||
<body id="body">
|
||||
<span id="top" style="display: none;"></span>
|
||||
<!-- Wrapper -->
|
||||
<div id="wrapper" class="divided" data-cms-content-wrapper="/_layouts/default.html">
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Banner -->
|
||||
<section
|
||||
class="banner onload-image-fade-in onload-content-fade-right style3 fullscreen content-align-center image-position-center" style="background-image:url('https://media.basspistol.com/panix/unstep/5-thank-you.jpeg');background-size: cover; background-repeat: no-repeat;">
|
||||
<div style="z-index:0;position:absolute; top:0; left:0; width:100%;height:100%;background-color: rgba(13, 13 ,13, 0.85);"></div>
|
||||
<div class="content" style="z-index:1">
|
||||
<h1 style="margin-top:80px">Thank You</h1>
|
||||
|
||||
<p><strong><span id="tracktime"></span></strong><span id="thankyou"></span></strong> <br />
|
||||
Style: <strong>Electronic</strong>
|
||||
</p>
|
||||
<script type="text/javascript">
|
||||
var thankyoutimestamp = 124;
|
||||
var thankyouhours = Math.floor(thankyoutimestamp / 60 / 60);
|
||||
var thankyouminutes = Math.floor(thankyoutimestamp / 60) - (thankyouhours * 60);
|
||||
var thankyouseconds = thankyoutimestamp % 60;
|
||||
var thankyouformatted = thankyouhours.toString().padStart(2, '0') + ':' + thankyouminutes.toString().padStart(2, '0') + ':' + thankyouseconds.toString().padStart(2, '0');
|
||||
var theSpan = document.getElementById("thankyou");
|
||||
theSpan.innerHTML = thankyouformatted;
|
||||
</script>
|
||||
|
||||
|
||||
<ul class="actions stacked">
|
||||
<li><button id="mu_pause" class="button icon solid fa-play">Play dat!</button></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="image">
|
||||
<img src="https://media.basspistol.com/panix/unstep/5-thank-you.jpeg" alt="5 Thank You logo" id="coverart" />
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="streambox" style="padding: 40px;">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</section>
|
||||
<!-- Page navigation -->
|
||||
<section class="wrapper style1 align-center">
|
||||
<div class="inner">
|
||||
<div class="index align-left">
|
||||
<!-- Author -->
|
||||
|
||||
<section>
|
||||
<!-- Content -->
|
||||
<div class="content">
|
||||
<!-- post Naviation -->
|
||||
<div style="text-align: center;">
|
||||
<h3>Play more songs grom this release</h3>
|
||||
</div>
|
||||
<div class="post-nav">
|
||||
<div>
|
||||
|
||||
<h4><a href="../../../albums/unstep/4-semidetach/" alt="Read Semidetach" title="Read Semidetach"><i class="fas fa-arrow-left"></i></a> <a
|
||||
href="../../../albums/unstep/4-semidetach/"> Semidetach</a>
|
||||
</h4>
|
||||
|
||||
</div>
|
||||
<div class="post-nav-next">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- End Post Navigation -->
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Audio player-->
|
||||
<audio autoplay preload="true" data-matomo-title="Thank You">
|
||||
<source src="https://media.basspistol.com/panix/unstep/5-thank-you.mp3" type="audio/mpeg" ontimeupdate='updateTrackTime(this);' />
|
||||
<h1>Your browser isn't ready for so much hotness. Use the download-link instead.</h1>.
|
||||
</audio>
|
||||
<!-- Footer -->
|
||||
<footer id="footer" class="wrapper style1 align-center">
|
||||
<div class="footflex">
|
||||
<div>
|
||||
<h4>pax:nion</h4>
|
||||
<p>PHI, Panix Heavy Industries
|
||||
<br /><a href="mailto:"></a></p>
|
||||
</div>
|
||||
<div>
|
||||
<ul>
|
||||
|
||||
<li><a href="../../../">Home</a></li>
|
||||
|
||||
|
||||
<li><a href="/releases/">Releases</a></li>
|
||||
|
||||
<li><a href="/logs/">Web-Log</a></li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
<div><img src="/assets/panix-logo-dark.svg" style="max-width:300px" alt="pax:nion Logo" /></div>
|
||||
</div>
|
||||
<div class="inner">
|
||||
<ul class="icons">
|
||||
|
||||
|
||||
<li><a target="_blank" alt="pax:nion on Bandcamp" title="pax:nion on Bandcamp" rel="noopener" href="https://panixheavyindustries.bandcamp.com" class="icon brands style2 fa-bandcamp"><span class="label">Bandcamp</span></a></li>
|
||||
|
||||
|
||||
<!-- <li><a href="mailto:" class="icon style2 fa-envelope"><span class="label">Email</span></a></li> -->
|
||||
</ul>
|
||||
<p>©2020 Basspistol | <a href="../../../webcreds/">Credits</a> | <a href="../../../cookies/">Cookies & Privacy</a></p>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
|
||||
<script type="text/javascript">
|
||||
function loadUrl(newLocation) {
|
||||
window.location = newLocation;
|
||||
return false;
|
||||
}
|
||||
|
||||
var mu = document.getElementsByTagName("audio")[0];
|
||||
var pauseButton = document.getElementById("mu_pause");
|
||||
var spincover = document.getElementById("coverart");
|
||||
|
||||
mu.addEventListener('ended', function () {
|
||||
// only functional if "loop" is removed
|
||||
mu.pause();
|
||||
mu.currentTime = 0;
|
||||
loadUrl("../../../unstep/1-add-remove/"); return false;
|
||||
});
|
||||
mu.onplaying = function() {
|
||||
pauseButton.innerHTML = "Pause";
|
||||
pauseButton.classList.remove("fa-play");
|
||||
pauseButton.classList.add("fa-pause");
|
||||
spincover.classList.add("spinnit");
|
||||
spincover.classList.remove("paused");
|
||||
};
|
||||
|
||||
pauseButton.addEventListener("click", function () {
|
||||
if (mu.paused) {
|
||||
mu.play();
|
||||
|
||||
}
|
||||
else {
|
||||
mu.pause();
|
||||
pauseButton.innerHTML = "Resume";
|
||||
pauseButton.classList.add("fa-play");
|
||||
pauseButton.classList.remove("fa-pause");
|
||||
spincover.classList.add("paused");
|
||||
}
|
||||
});
|
||||
|
||||
mu.addEventListener('timeupdate', function () {
|
||||
var timestamp = Math.floor(mu.currentTime);
|
||||
var hours = Math.floor(timestamp / 60 / 60);
|
||||
var minutes = Math.floor(timestamp / 60) - (hours * 60);
|
||||
var seconds = timestamp % 60;
|
||||
var formatted = hours.toString().padStart(2, '0') + ':' + minutes.toString().padStart(2, '0') + ':' + seconds.toString().padStart(2, '0');
|
||||
var thecurrentSpan = document.getElementById("tracktime");
|
||||
thecurrentSpan.innerHTML = formatted + ' / ';
|
||||
});
|
||||
|
||||
</script>
|
||||
</div>
|
||||
<!-- Navigation -->
|
||||
<div id="logo" class="logo">
|
||||
<a href="/"><img width="200em" src="/assets/panix-logo.svg" alt=" Logo" /></a>
|
||||
<a href="#navbar" onclick="blurBody()" alt="Navigation Menu" title="Navigation Menu"><span style="font-size: 34px;" class="icon solid fa-bars"></span></a>
|
||||
</div>
|
||||
|
||||
<div id="navbar" style="display: block;" class="modalDialog">
|
||||
<a href="#close" onclick="removeBlur()" alt="Close Menu" title="Close Menu"><div id="closearea"> </div></a>
|
||||
<nav>
|
||||
<a href="#close" title="Close" onclick="removeBlur()" class="close-button close" style="margin: 0 auto;">X</a>
|
||||
<ul>
|
||||
|
||||
<li><a href="../../../" class="button small">Home</a></li>
|
||||
|
||||
|
||||
|
||||
<li><a href="../../../releases/" class="button small">Releases</a></li>
|
||||
|
||||
|
||||
|
||||
<li><a href="../../../logs/" class="button small">Web-Log</a></li>
|
||||
|
||||
|
||||
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- End Navigation -->
|
||||
<!-- Scripts -->
|
||||
|
||||
|
||||
|
||||
|
||||
<script src="../../../assets/js/jquery.min.js"></script>
|
||||
<script src="../../../assets/js/jquery.scrollex.min.js"></script>
|
||||
<script src="../../../assets/js/jquery.scrolly.min.js"></script>
|
||||
<script src="../../../assets/js/browser.min.js"></script>
|
||||
<script src="../../../assets/js/breakpoints.min.js"></script>
|
||||
<script src="../../../assets/js/util.js"></script>
|
||||
<script src="../../../assets/js/main.js"></script>
|
||||
<script src="../../../assets/js/set.js"></script>
|
||||
|
||||
|
||||
<div id="cookie-notice">
|
||||
<p>We only use cookies if you consent to it. They don't contain any identifiable info: they just let us know if you enjoyed this enough to come back. <br />Click <a href="#" id="cookie-notice-decline">here</a> if you want this shit to go away without cookies. <br />Read more about how Basspistol <a href="/cookies/">use cookies</a> </p>
|
||||
<a class="button small yes" href="#" id="cookie-notice-accept">I'm in!</a>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
function createCookie(name, value, days) {
|
||||
var expires = "";
|
||||
if (days) {
|
||||
var date = new Date();
|
||||
date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
|
||||
expires = "; expires=" + date.toUTCString();
|
||||
}
|
||||
document.cookie = name + "=" + value + expires + "; path=/";
|
||||
}
|
||||
function readCookie(name) {
|
||||
var nameEQ = name + "=";
|
||||
var ca = document.cookie.split(';');
|
||||
for (var i = 0; i < ca.length; i++) {
|
||||
var c = ca[i];
|
||||
while (c.charAt(0) == ' ') c = c.substring(1, c.length);
|
||||
if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
|
||||
}
|
||||
return null;
|
||||
}
|
||||
function eraseCookie(name) {
|
||||
createCookie(name, "", -1);
|
||||
}
|
||||
|
||||
if (readCookie('cookie-notice-dismissed') == 'wantCookies') {
|
||||
|
||||
//* Matomo Tag Manager *//
|
||||
|
||||
var _mtm = _mtm || [];
|
||||
_mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'});
|
||||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||
g.type='text/javascript'; g.async=true; g.defer=true; g.src='https://cdn.matomo.cloud/terminalnetwork.matomo.cloud/container_aJ0T3vZ5.js'; s.parentNode.insertBefore(g,s);
|
||||
|
||||
//* End Matomo Tag Manager *//
|
||||
|
||||
|
||||
|
||||
} else {
|
||||
document.getElementById('cookie-notice').style.display = 'flex';
|
||||
|
||||
var _paq = window._paq || [];
|
||||
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
|
||||
_paq.push(["setDocumentTitle", document.domain + "/" + document.title]);
|
||||
_paq.push(["disableCookies"]);
|
||||
_paq.push(['trackPageView']);
|
||||
_paq.push(['enableLinkTracking']);
|
||||
(function() {
|
||||
var u="https://terminalnetwork.matomo.cloud/";
|
||||
_paq.push(['setTrackerUrl', u+'matomo.php']);
|
||||
_paq.push(['setSiteId', '14']);
|
||||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||
g.type='text/javascript'; g.async=true; g.defer=true; g.src='//cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
|
||||
})();
|
||||
|
||||
|
||||
}
|
||||
if (readCookie('cookie-notice-dismissed') == 'dontWantCookies') {
|
||||
document.getElementById('cookie-notice').style.display = 'none';
|
||||
|
||||
var _paq = window._paq || [];
|
||||
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
|
||||
_paq.push(["setDocumentTitle", document.domain + "/" + document.title]);
|
||||
_paq.push(["disableCookies"]);
|
||||
_paq.push(['trackPageView']);
|
||||
_paq.push(['enableLinkTracking']);
|
||||
(function() {
|
||||
var u="https://terminalnetwork.matomo.cloud/";
|
||||
_paq.push(['setTrackerUrl', u+'matomo.php']);
|
||||
_paq.push(['setSiteId', '14']);
|
||||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||
g.type='text/javascript'; g.async=true; g.defer=true; g.src='//cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
|
||||
})();
|
||||
|
||||
}
|
||||
document.getElementById('cookie-notice-accept').addEventListener("click", function () {
|
||||
createCookie('cookie-notice-dismissed', 'wantCookies', 31);
|
||||
document.getElementById('cookie-notice').style.display = 'none';
|
||||
_paq.push(['trackEvent', 'Consent', 'wantCookie']);
|
||||
location.reload();
|
||||
});
|
||||
|
||||
document.getElementById('cookie-notice-decline').addEventListener("click", function () {
|
||||
createCookie('cookie-notice-dismissed', 'dontWantCookies', 31);
|
||||
document.getElementById('cookie-notice').style.display = 'none';
|
||||
_paq.push(['trackEvent', 'Consent', 'dontWantCookie']);
|
||||
location.reload();
|
||||
});
|
||||
|
||||
// document.getElementById('cookie-notice-gimme').addEventListener("click", function () {
|
||||
// createCookie('cookie-notice-dismissed', 'wantCookies', 31);
|
||||
// document.getElementById('cookie-notice').style.display = 'none';
|
||||
// location.reload();
|
||||
// });
|
||||
|
||||
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
713
albums/unstep/index.html
Normal file
713
albums/unstep/index.html
Normal file
|
|
@ -0,0 +1,713 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
Based on _Story_ by html5up.net | @ajlkn
|
||||
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
||||
Remixed and Jekyllified by Setto
|
||||
-->
|
||||
<html lang="en">
|
||||
<head>
|
||||
|
||||
<link type="application/atom+xml" rel="alternate" href="https://paxnion.basspistol.com/feed.xml" title="" />
|
||||
|
||||
|
||||
<!-- BEGIN seo.html -->
|
||||
|
||||
|
||||
|
||||
<title>Play "Unstep" by Panix Hilton | pax:nion</title>
|
||||
<meta name="title" content="Play "Unstep" by Panix Hilton" />
|
||||
<meta name="description" content="A release by Panix Hilton named "Unstep" published on pax:nion" />
|
||||
<meta name="dc.date.modified" scheme="ISO8601" content="2020-07-23T12:00:31+00:00" />
|
||||
<meta name="robots" content="index" />
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<link rel="canonical" href="https://paxnion.basspistol.com/albums/unstep/" />
|
||||
<link rel="alternate" hreflang="x-default" href="https://paxnion.basspistol.com/albums/unstep/" />
|
||||
<meta name="geo.region" content="SE-AB" />
|
||||
<meta name="geo.placename" content="Stockholm" />
|
||||
<meta name="geo.position" content="59.333759;18.052554" />
|
||||
<meta name="ICBM" content="59.333759, 18.052554" />
|
||||
<meta name="author" content="pax:nion" />
|
||||
<meta name="generator" content="Jekyll v4.0.0" />
|
||||
|
||||
<!-- Dublin Core basic info -->
|
||||
|
||||
<meta name="dcterms.Identifier" content="https://paxnion.basspistol.com" />
|
||||
<meta name="dcterms.Format" content="text/html" />
|
||||
<meta name="dcterms.Relation" content="pax:nion" />
|
||||
<meta name="dcterms.Publisher" content="Basspistol" />
|
||||
<meta name="dcterms.Type" content="text/html" />
|
||||
<meta name="dcterms.Coverage" content="https://paxnion.basspistol.com/" />
|
||||
<meta name="dcterms.Rights" content="Copyright ©2020 pax:nion." />
|
||||
<meta name="dcterms.Subject" content="A release by Panix Hilton named "Unstep" published on pax:nion" />
|
||||
<meta name="dcterms.Title" content="Play "Unstep" by Panix Hilton" />
|
||||
<meta name="dcterms.Contributor" content="pax:nion" />
|
||||
<meta name="dcterms.Date" content="2020-07-23" />
|
||||
<meta name="dcterms.Description" content="Listen and to a release by Panix Hilton named "Unstep" and support your remote artist!" />
|
||||
|
||||
<!-- Facebook -->
|
||||
|
||||
<meta property="og:title" content="Unstep by Panix Hilton" />
|
||||
<meta property="og:locale" content="en" />
|
||||
<meta property="og:description" content="Listen and to a release by Panix Hilton named "Unstep" and support your remote artist!" />
|
||||
<meta property="og:url" content="https://paxnion.basspistol.com/albums/unstep/" />
|
||||
<meta property="og:site_name" content="pax:nion" />
|
||||
<meta property="og:type" content="music:album" />
|
||||
<meta property="og:audio" content="https://media.basspistol.com/panix/unstep/1-add-remove.mp3" />
|
||||
<meta property="og:audio" content="https://media.basspistol.com/panix/unstep/2-euplotes.mp3" />
|
||||
<meta property="og:audio" content="https://media.basspistol.com/panix/unstep/3--dev-null.mp3" />
|
||||
<meta property="og:audio" content="https://media.basspistol.com/panix/unstep/4-semidetach.mp3" />
|
||||
<meta property="og:audio" content="https://media.basspistol.com/panix/unstep/5-thank-you.mp3" />
|
||||
|
||||
<meta property="article:published_time" content="2020-07-23T12:00:31+00:00" />
|
||||
<meta property="og:image" content="https://media.basspistol.com/panix/unstep/1-add-remove.jpeg" />
|
||||
<!-- Twitter Card -->
|
||||
|
||||
<meta name="twitter:card" content="summary" />
|
||||
<meta name="twitter:title" content="Unstep | pax:nion" />
|
||||
<meta name="twitter:description" content="Listen and to a release by Panix Hilton named "Unstep" and support your remote artist!" />
|
||||
<meta name="twitter:image" content="https://media.basspistol.com/panix/unstep/1-add-remove.jpeg" />
|
||||
|
||||
<!-- END seo.html -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
|
||||
<link rel="stylesheet" href="../../assets/css/main20200519.css" />
|
||||
<link rel="apple-touch-icon" href="https://paxnion.basspistol.com/apple-touch-icon.png" />
|
||||
<link rel="icon" type="image/png" href="https://paxnion.basspistol.com/touch-icon.png" sizes="192x192" />
|
||||
<link rel="shortcut icon" href="https://paxnion.basspistol.com/siteicon.png" type="image/png" />
|
||||
<noscript><link rel="stylesheet" href="../../assets/css/noscript20200518-rev1.css" /></noscript>
|
||||
</head>
|
||||
<body id="body">
|
||||
<span id="top" style="display: none;"></span>
|
||||
<!-- Wrapper -->
|
||||
<div id="wrapper" class="divided">
|
||||
|
||||
<!-- Banner -->
|
||||
<section class="banner onload-image-fade-in onload-content-fade-right style2 fullscreen content-align-center image-position-center" style="height:100vh;background-color: rgba(13,13,13,0.85);">
|
||||
<div class="content editable" data-cms-source="/_layouts/album.html" data-cms-index="0">
|
||||
<h1 class="editable" data-cms-source="/_layouts/album.html" data-cms-index="1">Unstep</h1>
|
||||
<p></p>
|
||||
<ul class="actions stacked">
|
||||
<li><a href="#moe" class="button small smooth-scroll">cheggit!</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="image">
|
||||
<img src="https://media.basspistol.com/panix/unstep/1-add-remove.jpeg" alt="Unstep" />
|
||||
</div>
|
||||
</section>
|
||||
<!-- Content -->
|
||||
<section class="wrapper style1 align-center">
|
||||
<div class="inner" style="padding-top: 40px;">
|
||||
<div class="index align-left">
|
||||
<!-- Author -->
|
||||
<section style="padding-top:40px;" id="moe">
|
||||
|
||||
|
||||
<header id="author">
|
||||
<div class="bio">
|
||||
|
||||
|
||||
<h6>
|
||||
|
||||
Share this page:
|
||||
</h6>
|
||||
<ul class="icons">
|
||||
<li><a target="_blank" rel="nofollow noopener" title="Share to facebook" alt="Share to facebook" href="https://touch.facebook.com/sharer.php?u=https://paxnion.basspistol.com/albums/unstep/&quote=Unstep%20by%20pax:nion%20via%20https://paxnion.basspistol.com" class="icon brands style1 fa-facebook-f"><span class="label">Facebook</span></a></li>
|
||||
<li><a target="_blank" rel="nofollow noopener" title="Share to twitter" alt="Share to twitter" href="https://twitter.com/share?url=https://paxnion.basspistol.com/albums/unstep/&text=Unstep%20by%20pax:nion%20&hashtags=paxNion" class="icon brands style1 fa-twitter"><span class="label">Twitter</span></a></li>
|
||||
<li><a target="_blank" rel="nofollow noopener" title="Share to telegram" alt="Share to telgram" href="https://telegram.me/share/url?url=https://paxnion.basspistol.com/albums/unstep/&text=Unstep%20by%20pax:nion" class="icon brands style1 fa-telegram"><span class="label">Telegram</span></a></li>
|
||||
<li><a target="_blank" rel="nofollow noopener" title="Share to reddit" alt="Share to reddit" href="https://reddit.com/submit/?url=https://paxnion.basspistol.com/albums/unstep/&title=Unstep%20by%20pax:nion" class="icon brands style1 fa-reddit"><span class="label">Reddit</span></a></li>
|
||||
</ul>
|
||||
|
||||
|
||||
</div>
|
||||
</header>
|
||||
<!-- Content -->
|
||||
<div class="content">
|
||||
|
||||
|
||||
<!-- HERE BEGINS MADNESS -->
|
||||
|
||||
|
||||
<!-- Content -->
|
||||
<div class="content">
|
||||
<div id="mainwrap">
|
||||
<div id="nowPlay">
|
||||
<p class="right" id="npTitle" style="font-weight: bold;"></p>
|
||||
<p class="left" id="npAction">Paused...</p>
|
||||
</div>
|
||||
<div id="audiowrap">
|
||||
<div id="audio0">
|
||||
<audio id="audio1" controls="controls">Your browser does not support HTML5
|
||||
Audio!</audio>
|
||||
</div>
|
||||
|
||||
<div id="tracks">
|
||||
<a id="btnPrev"><span class="icon solid fa-fast-backward"></span></a>
|
||||
<a id="btnNext"><span class="icon solid fa-fast-forward"></span></a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div id="plwrap">
|
||||
<ul id="plList">
|
||||
|
||||
<li>
|
||||
<div class="plItem">
|
||||
<div class="plNum">1.</div>
|
||||
<div class="plTitle">Add Remove</div>
|
||||
<div class="plLength">1:44</div>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<div class="plItem">
|
||||
<div class="plNum">2.</div>
|
||||
<div class="plTitle">Euplotes</div>
|
||||
<div class="plLength">1:52</div>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<div class="plItem">
|
||||
<div class="plNum">3.</div>
|
||||
<div class="plTitle">/dev/null</div>
|
||||
<div class="plLength">1:22</div>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<div class="plItem">
|
||||
<div class="plNum">4.</div>
|
||||
<div class="plTitle">Semidetach</div>
|
||||
<div class="plLength">1:16</div>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<div class="plItem">
|
||||
<div class="plNum">5.</div>
|
||||
<div class="plTitle">Thank You</div>
|
||||
<div class="plLength">2:04</div>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div id="noJSalbum">
|
||||
|
||||
|
||||
|
||||
<div class="plItem">
|
||||
<div class="plNum">1.</div>
|
||||
<div class="plTitle"><a href="https://media.basspistol.com/panix/unstep/1-add-remove.mp3">Add Remove </a></div>
|
||||
<div class="plLength">1:44</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="plItem">
|
||||
<div class="plNum">2.</div>
|
||||
<div class="plTitle"><a href="https://media.basspistol.com/panix/unstep/2-euplotes.mp3">Euplotes </a></div>
|
||||
<div class="plLength">1:52</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="plItem">
|
||||
<div class="plNum">3.</div>
|
||||
<div class="plTitle"><a href="https://media.basspistol.com/panix/unstep/3--dev-null.mp3">/dev/null </a></div>
|
||||
<div class="plLength">1:22</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="plItem">
|
||||
<div class="plNum">4.</div>
|
||||
<div class="plTitle"><a href="https://media.basspistol.com/panix/unstep/4-semidetach.mp3">Semidetach </a></div>
|
||||
<div class="plLength">1:16</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="plItem">
|
||||
<div class="plNum">5.</div>
|
||||
<div class="plTitle"><a href="https://media.basspistol.com/panix/unstep/5-thank-you.mp3">Thank You </a></div>
|
||||
<div class="plLength">2:4</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="content" style="font-family: monospace;font-size: 16px;margin-top:60px;">
|
||||
|
||||
|
||||
<p></p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<!-- HERE ENDS MADNESS -->
|
||||
|
||||
<section class="wrapper style1 align-center">
|
||||
|
||||
<div class="inner">
|
||||
<h2>Track list</h2>
|
||||
<p>Use thses pages to share one song in particulare</p>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
<section class="spotlight style4 orient-right content-align-left image-position-center onscroll-image-fade-in" style="box-shadow: none;" >
|
||||
<div class="content">
|
||||
<h3>Add Remove</h3>
|
||||
<p>
|
||||
1:44
|
||||
<br /><strong>Electronic</strong>
|
||||
<br />2013</p>
|
||||
|
||||
<ul class="actions stacked">
|
||||
<li><a href="../../albums/unstep/1-add-remove/" class="button">Track</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="image">
|
||||
<img src="https://media.basspistol.com/panix/unstep/1-add-remove.jpeg" alt="Add Remove" />
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
<section class="spotlight style4 orient-left content-align-right image-position-center onscroll-image-fade-in" >
|
||||
<div class="content">
|
||||
<h3>Euplotes</h3>
|
||||
<p>
|
||||
1:52
|
||||
<br /><strong>Electronic</strong>
|
||||
<br />2013</p>
|
||||
|
||||
<ul class="actions stacked">
|
||||
<li><a href="../../albums/unstep/2-euplotes/" class="button">Track</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="image">
|
||||
<img src="https://media.basspistol.com/panix/unstep/2-euplotes.jpeg" alt="Euplotes" />
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
<section class="spotlight style4 orient-right content-align-left image-position-center onscroll-image-fade-in" >
|
||||
<div class="content">
|
||||
<h3>/dev/null</h3>
|
||||
<p>
|
||||
1:22
|
||||
<br /><strong>Electronic</strong>
|
||||
<br />2013</p>
|
||||
|
||||
<ul class="actions stacked">
|
||||
<li><a href="../../albums/unstep/3--dev-null/" class="button">Track</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="image">
|
||||
<img src="https://media.basspistol.com/panix/unstep/3--dev-null.jpeg" alt="/dev/null" />
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
<section class="spotlight style4 orient-left content-align-right image-position-center onscroll-image-fade-in" >
|
||||
<div class="content">
|
||||
<h3>Semidetach</h3>
|
||||
<p>
|
||||
1:16
|
||||
<br /><strong>Electronic</strong>
|
||||
<br />2013</p>
|
||||
|
||||
<ul class="actions stacked">
|
||||
<li><a href="../../albums/unstep/4-semidetach/" class="button">Track</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="image">
|
||||
<img src="https://media.basspistol.com/panix/unstep/4-semidetach.jpeg" alt="Semidetach" />
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
<section class="spotlight style4 orient-right content-align-left image-position-center onscroll-image-fade-in" >
|
||||
<div class="content">
|
||||
<h3>Thank You</h3>
|
||||
<p>
|
||||
2:4
|
||||
<br /><strong>Electronic</strong>
|
||||
<br />2013</p>
|
||||
|
||||
<ul class="actions stacked">
|
||||
<li><a href="../../albums/unstep/5-thank-you/" class="button">Track</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="image">
|
||||
<img src="https://media.basspistol.com/panix/unstep/5-thank-you.jpeg" alt="Thank You" />
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
<section class="streambox" style="padding: 40px;">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</section>
|
||||
|
||||
<section class="wrapper style1 align-center">
|
||||
<div class="inner">
|
||||
<div class="index align-left">
|
||||
<!-- Author -->
|
||||
|
||||
<section>
|
||||
|
||||
<!-- Content -->
|
||||
<div class="content">
|
||||
<!-- post Naviation -->
|
||||
<div style="text-align: center;">
|
||||
<h3>More releases</h3>
|
||||
</div>
|
||||
<div class="post-nav">
|
||||
<div>
|
||||
|
||||
<h4><a href="/albums/tech-maybe/" alt="Read Tech Maybe" title="Read Tech Maybe"><i class="fas fa-arrow-left"></i></a> <a href="/albums/tech-maybe/"> Tech Maybe</a></h4>
|
||||
<p style="margin-right: 20px"></p>
|
||||
|
||||
</div>
|
||||
<div class="post-nav-next">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- End Post Navigation -->
|
||||
</div>
|
||||
</section>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<!-- Footer -->
|
||||
<footer id="footer" class="wrapper style1 align-center">
|
||||
<div class="footflex">
|
||||
<div>
|
||||
<h4>pax:nion</h4>
|
||||
<p>PHI, Panix Heavy Industries
|
||||
<br /><a href="mailto:"></a></p>
|
||||
</div>
|
||||
<div>
|
||||
<ul>
|
||||
|
||||
<li><a href="../../">Home</a></li>
|
||||
|
||||
|
||||
<li><a href="/releases/">Releases</a></li>
|
||||
|
||||
<li><a href="/logs/">Web-Log</a></li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
<div><img src="/assets/panix-logo-dark.svg" style="max-width:300px" alt="pax:nion Logo" /></div>
|
||||
</div>
|
||||
<div class="inner">
|
||||
<ul class="icons">
|
||||
|
||||
|
||||
<li><a target="_blank" alt="pax:nion on Bandcamp" title="pax:nion on Bandcamp" rel="noopener" href="https://panixheavyindustries.bandcamp.com" class="icon brands style2 fa-bandcamp"><span class="label">Bandcamp</span></a></li>
|
||||
|
||||
|
||||
<!-- <li><a href="mailto:" class="icon style2 fa-envelope"><span class="label">Email</span></a></li> -->
|
||||
</ul>
|
||||
<p>©2020 Basspistol | <a href="../../webcreds/">Credits</a> | <a href="../../cookies/">Cookies & Privacy</a></p>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
</div>
|
||||
<!-- Navigation -->
|
||||
<div id="logo" class="logo">
|
||||
<a href="/"><img width="200em" src="/assets/panix-logo.svg" alt=" Logo" /></a>
|
||||
<a href="#navbar" onclick="blurBody()" alt="Navigation Menu" title="Navigation Menu"><span style="font-size: 34px;" class="icon solid fa-bars"></span></a>
|
||||
</div>
|
||||
|
||||
<div id="navbar" style="display: block;" class="modalDialog">
|
||||
<a href="#close" onclick="removeBlur()" alt="Close Menu" title="Close Menu"><div id="closearea"> </div></a>
|
||||
<nav>
|
||||
<a href="#close" title="Close" onclick="removeBlur()" class="close-button close" style="margin: 0 auto;">X</a>
|
||||
<ul>
|
||||
|
||||
<li><a href="../../" class="button small">Home</a></li>
|
||||
|
||||
|
||||
|
||||
<li><a href="../../releases/" class="button small">Releases</a></li>
|
||||
|
||||
|
||||
|
||||
<li><a href="../../logs/" class="button small">Web-Log</a></li>
|
||||
|
||||
|
||||
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- End Navigation -->
|
||||
<!-- Scripts -->
|
||||
|
||||
|
||||
|
||||
|
||||
<script src="../../assets/js/jquery.min.js"></script>
|
||||
<script src="../../assets/js/jquery.scrollex.min.js"></script>
|
||||
<script src="../../assets/js/jquery.scrolly.min.js"></script>
|
||||
<script src="../../assets/js/browser.min.js"></script>
|
||||
<script src="../../assets/js/breakpoints.min.js"></script>
|
||||
<script src="../../assets/js/util.js"></script>
|
||||
<script src="../../assets/js/main.js"></script>
|
||||
<script src="../../assets/js/set.js"></script>
|
||||
|
||||
|
||||
|
||||
<script type="text/javascript">
|
||||
// html5media enables <video> and <audio> tags in all major browsers
|
||||
// External File: http://api.html5media.info/1.1.8/html5media.min.js
|
||||
|
||||
|
||||
// Add user agent as an attribute on the <html> tag...
|
||||
// Inspiration: http://css-tricks.com/ie-10-specific-styles/
|
||||
var b = document.documentElement;
|
||||
b.setAttribute('data-useragent', navigator.userAgent);
|
||||
b.setAttribute('data-platform', navigator.platform);
|
||||
|
||||
|
||||
// HTML5 audio player + playlist controls...
|
||||
// Inspiration: http://jonhall.info/how_to/create_a_playlist_for_html5_audio
|
||||
// Mythium Archive: https://archive.org/details/mythium/
|
||||
jQuery(function ($) {
|
||||
var supportsAudio = !!document.createElement('audio').canPlayType;
|
||||
if (supportsAudio) {
|
||||
var index = 0,
|
||||
playing = false,
|
||||
mediaPath = '',
|
||||
extension = '',
|
||||
tracks = [{
|
||||
"track": 1,
|
||||
"name": "Add Remove",
|
||||
"length": "1:44",
|
||||
"file": "https://media.basspistol.com/panix/unstep/1-add-remove"
|
||||
},{
|
||||
"track": 2,
|
||||
"name": "Euplotes",
|
||||
"length": "1:52",
|
||||
"file": "https://media.basspistol.com/panix/unstep/2-euplotes"
|
||||
},{
|
||||
"track": 3,
|
||||
"name": "/dev/null",
|
||||
"length": "1:22",
|
||||
"file": "https://media.basspistol.com/panix/unstep/3--dev-null"
|
||||
},{
|
||||
"track": 4,
|
||||
"name": "Semidetach",
|
||||
"length": "1:16",
|
||||
"file": "https://media.basspistol.com/panix/unstep/4-semidetach"
|
||||
},{
|
||||
"track": 5,
|
||||
"name": "Thank You",
|
||||
"length": "2:4",
|
||||
"file": "https://media.basspistol.com/panix/unstep/5-thank-you"
|
||||
}],
|
||||
trackCount = tracks.length,
|
||||
npAction = $('#npAction'),
|
||||
npTitle = $('#npTitle'),
|
||||
audio = $('#audio1').bind('play', function () {
|
||||
playing = true;
|
||||
npAction.text('Playing...');
|
||||
}).bind('pause', function () {
|
||||
playing = false;
|
||||
npAction.text('Paused...');
|
||||
}).bind('ended', function () {
|
||||
npAction.text('Paused...');
|
||||
if ((index + 1) < trackCount) {
|
||||
index++;
|
||||
loadTrack(index);
|
||||
audio.play();
|
||||
} else {
|
||||
audio.pause();
|
||||
index = 0;
|
||||
loadTrack(index);
|
||||
}
|
||||
}).get(0),
|
||||
btnPrev = $('#btnPrev').click(function () {
|
||||
if ((index - 1) > -1) {
|
||||
index--;
|
||||
loadTrack(index);
|
||||
if (playing) {
|
||||
audio.play();
|
||||
}
|
||||
} else {
|
||||
audio.pause();
|
||||
index = 0;
|
||||
loadTrack(index);
|
||||
}
|
||||
}),
|
||||
btnNext = $('#btnNext').click(function () {
|
||||
if ((index + 1) < trackCount) {
|
||||
index++;
|
||||
loadTrack(index);
|
||||
if (playing) {
|
||||
audio.play();
|
||||
}
|
||||
} else {
|
||||
audio.pause();
|
||||
index = 0;
|
||||
loadTrack(index);
|
||||
}
|
||||
}),
|
||||
li = $('#plList li').click(function () {
|
||||
var id = parseInt($(this).index());
|
||||
if (id !== index) {
|
||||
playTrack(id);
|
||||
}
|
||||
}),
|
||||
loadTrack = function (id) {
|
||||
$('.plSel').removeClass('plSel');
|
||||
$('#plList li:eq(' + id + ')').addClass('plSel');
|
||||
npTitle.text(tracks[id].name);
|
||||
index = id;
|
||||
audio.src = mediaPath + tracks[id].file + extension;
|
||||
$('audio').attr("data-matomo-title", tracks[id].name);
|
||||
},
|
||||
playTrack = function (id) {
|
||||
loadTrack(id);
|
||||
audio.play();
|
||||
};
|
||||
extension = audio.canPlayType('audio/mpeg') ? '.mp3' : audio.canPlayType('audio/ogg') ? '.ogg' : '';
|
||||
loadTrack(index);
|
||||
}
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
<div id="cookie-notice">
|
||||
<p>We only use cookies if you consent to it. They don't contain any identifiable info: they just let us know if you enjoyed this enough to come back. <br />Click <a href="#" id="cookie-notice-decline">here</a> if you want this shit to go away without cookies. <br />Read more about how Basspistol <a href="/cookies/">use cookies</a> </p>
|
||||
<a class="button small yes" href="#" id="cookie-notice-accept">I'm in!</a>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
function createCookie(name, value, days) {
|
||||
var expires = "";
|
||||
if (days) {
|
||||
var date = new Date();
|
||||
date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
|
||||
expires = "; expires=" + date.toUTCString();
|
||||
}
|
||||
document.cookie = name + "=" + value + expires + "; path=/";
|
||||
}
|
||||
function readCookie(name) {
|
||||
var nameEQ = name + "=";
|
||||
var ca = document.cookie.split(';');
|
||||
for (var i = 0; i < ca.length; i++) {
|
||||
var c = ca[i];
|
||||
while (c.charAt(0) == ' ') c = c.substring(1, c.length);
|
||||
if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
|
||||
}
|
||||
return null;
|
||||
}
|
||||
function eraseCookie(name) {
|
||||
createCookie(name, "", -1);
|
||||
}
|
||||
|
||||
if (readCookie('cookie-notice-dismissed') == 'wantCookies') {
|
||||
|
||||
//* Matomo Tag Manager *//
|
||||
|
||||
var _mtm = _mtm || [];
|
||||
_mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'});
|
||||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||
g.type='text/javascript'; g.async=true; g.defer=true; g.src='https://cdn.matomo.cloud/terminalnetwork.matomo.cloud/container_aJ0T3vZ5.js'; s.parentNode.insertBefore(g,s);
|
||||
|
||||
//* End Matomo Tag Manager *//
|
||||
|
||||
|
||||
|
||||
} else {
|
||||
document.getElementById('cookie-notice').style.display = 'flex';
|
||||
|
||||
var _paq = window._paq || [];
|
||||
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
|
||||
_paq.push(["setDocumentTitle", document.domain + "/" + document.title]);
|
||||
_paq.push(["disableCookies"]);
|
||||
_paq.push(['trackPageView']);
|
||||
_paq.push(['enableLinkTracking']);
|
||||
(function() {
|
||||
var u="https://terminalnetwork.matomo.cloud/";
|
||||
_paq.push(['setTrackerUrl', u+'matomo.php']);
|
||||
_paq.push(['setSiteId', '14']);
|
||||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||
g.type='text/javascript'; g.async=true; g.defer=true; g.src='//cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
|
||||
})();
|
||||
|
||||
|
||||
}
|
||||
if (readCookie('cookie-notice-dismissed') == 'dontWantCookies') {
|
||||
document.getElementById('cookie-notice').style.display = 'none';
|
||||
|
||||
var _paq = window._paq || [];
|
||||
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
|
||||
_paq.push(["setDocumentTitle", document.domain + "/" + document.title]);
|
||||
_paq.push(["disableCookies"]);
|
||||
_paq.push(['trackPageView']);
|
||||
_paq.push(['enableLinkTracking']);
|
||||
(function() {
|
||||
var u="https://terminalnetwork.matomo.cloud/";
|
||||
_paq.push(['setTrackerUrl', u+'matomo.php']);
|
||||
_paq.push(['setSiteId', '14']);
|
||||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||
g.type='text/javascript'; g.async=true; g.defer=true; g.src='//cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
|
||||
})();
|
||||
|
||||
}
|
||||
document.getElementById('cookie-notice-accept').addEventListener("click", function () {
|
||||
createCookie('cookie-notice-dismissed', 'wantCookies', 31);
|
||||
document.getElementById('cookie-notice').style.display = 'none';
|
||||
_paq.push(['trackEvent', 'Consent', 'wantCookie']);
|
||||
location.reload();
|
||||
});
|
||||
|
||||
document.getElementById('cookie-notice-decline').addEventListener("click", function () {
|
||||
createCookie('cookie-notice-dismissed', 'dontWantCookies', 31);
|
||||
document.getElementById('cookie-notice').style.display = 'none';
|
||||
_paq.push(['trackEvent', 'Consent', 'dontWantCookie']);
|
||||
location.reload();
|
||||
});
|
||||
|
||||
// document.getElementById('cookie-notice-gimme').addEventListener("click", function () {
|
||||
// createCookie('cookie-notice-dismissed', 'wantCookies', 31);
|
||||
// document.getElementById('cookie-notice').style.display = 'none';
|
||||
// location.reload();
|
||||
// });
|
||||
|
||||
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Add table
Add a link
Reference in a new issue