Updated 47 files via CloudCannon
This commit is contained in:
CloudCannon
parent
8ca2c20845
commit
2ab5ace457
47 changed files with 31082 additions and 131 deletions
680
unstep/index.html
Normal file
680
unstep/index.html
Normal file
|
|
@ -0,0 +1,680 @@
|
|||
<!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 Jekyll SEO tag v2.6.1 -->
|
||||
<meta name="generator" content="Jekyll v4.0.0" />
|
||||
<meta property="og:title" content="Unstep" />
|
||||
<meta name="author" content="pax:nion" />
|
||||
<meta property="og:locale" content="en" />
|
||||
<meta name="description" content="PHI, Panix Heavy Industries" />
|
||||
<meta property="og:description" content="PHI, Panix Heavy Industries" />
|
||||
<link rel="canonical" href="https://panix.basspistol.com/unstep/" />
|
||||
<meta property="og:url" content="https://panix.basspistol.com/unstep/" />
|
||||
<meta property="og:site_name" content="pax:nion" />
|
||||
<meta property="og:type" content="article" />
|
||||
<meta property="article:published_time" content="2013-01-01T00:00:00+00:00" />
|
||||
<script type="application/ld+json">
|
||||
{"description":"PHI, Panix Heavy Industries","@type":"AudioObject","headline":"Unstep","dateModified":"2020-07-03T17:10:58+00:00","datePublished":"2013-01-01T00:00:00+00:00","url":"https://panix.basspistol.com/unstep/","author":{"@type":"Person","name":"pax:nion"},"publisher":{"@type":"Organization","logo":{"@type":"ImageObject","url":"https://panix.basspistol.com/assets/img/setto_icon.png"},"name":"pax:nion"},"@context":"https://schema.org"}</script>
|
||||
<!-- End Jekyll SEO tag -->
|
||||
|
||||
<link type="application/atom+xml" rel="alternate" href="https://panix.basspistol.com/feed.xml" title="" />
|
||||
<!-- BEGIN seo.html -->
|
||||
|
||||
<title>Unstep | pax:nion</title>
|
||||
<meta name="title" content="Unstep | pax:nion" />
|
||||
|
||||
<meta name="dc.date.modified" scheme="ISO8601" content="2020-07-03T17:10:58+00:00" />
|
||||
<meta name="robots" content="index" />
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<link rel="canonical" href="https://panix.basspistol.com/unstep/" />
|
||||
<link rel="alternate" hreflang="x-default" href="https://panix.basspistol.com/unstep/" />
|
||||
<meta name="geo.region" content="BJ-ZO" />
|
||||
<meta name="geo.placename" content="Setto" />
|
||||
<meta name="geo.position" content="7.48777;2.076389" />
|
||||
<meta name="ICBM" content="7.48777, 2.076389" />
|
||||
|
||||
<!-- Dublin Core basic info -->
|
||||
|
||||
<meta name="dcterms.Identifier" content="https://panix.basspistol.com" />
|
||||
<meta name="dcterms.Format" content="text/html" />
|
||||
<meta name="dcterms.Relation" content="pax:nion" />
|
||||
<meta name="dcterms.Publisher" content="pax:nion" />
|
||||
<meta name="dcterms.Type" content="text/html" />
|
||||
<meta name="dcterms.Coverage" content="https://panix.basspistol.com/" />
|
||||
<meta name="dcterms.Rights" content="Copyright ©2020 pax:nion." />
|
||||
|
||||
<meta name="dcterms.Subject" content="PHI, Panix Heavy Industries" />
|
||||
<meta name="dcterms.Title" content="Unstep | pax:nion" />
|
||||
|
||||
<meta name="dcterms.Contributor" content="pax:nion" />
|
||||
<meta name="dcterms.Date" content="2013-01-01" />
|
||||
<meta name="dcterms.Description" content="" />
|
||||
|
||||
<!-- Twitter Card -->
|
||||
|
||||
<meta name="twitter:card" content="summary" />
|
||||
<meta name="twitter:site" content="@" />
|
||||
<meta name="twitter:title" content="Unstep | pax:nion" />
|
||||
<meta name="twitter:description" content="PHI, Panix Heavy Industries" />
|
||||
|
||||
<meta name="twitter:image" content="https://panix.basspistol.com" />
|
||||
|
||||
<!-- 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://panix.basspistol.com/apple-touch-icon.png" />
|
||||
<link rel="icon" type="image/png" href="https://panix.basspistol.com/touch-icon.png" sizes="192x192" />
|
||||
<link rel="shortcut icon" href="https://panix.basspistol.com/assets/img/setto_icon.png" type="image/png" />
|
||||
<noscript><link rel="stylesheet" href="../assets/css/noscript20200518-rev1.css" /></noscript>
|
||||
</head>
|
||||
<body class="is-preload" 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>
|
||||
|
||||
<ul class="actions stacked">
|
||||
<li><a href="#moe" class="button small smooth-scroll-middle">cheggit!</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="image">
|
||||
<img src="../assets/albums/unstep/1-add-remove.jpeg" alt="Unstep" class="editable" data-cms-source="/_layouts/album.html" data-cms-index="2" />
|
||||
</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://panix.basspistol.com/unstep/&quote= via https://panix.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://panix.basspistol.com/unstep/&text=%20via%20@&hashtags=Cybersoul" 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://panix.basspistol.com/unstep/&text=%20check%20@basspistolQC" 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://panix.basspistol.com/unstep/&title=Unstep" 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:4</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>
|
||||
<!-- Tracks -->
|
||||
|
||||
<section id="albumdata" class="wrapper style1 align-center">
|
||||
<div class="gallery style1 medium onscroll-fade-in">
|
||||
<!--
|
||||
|
||||
|
||||
<article>
|
||||
<a href="../unstep/1-add-remove/" class="image">
|
||||
<img src="../assets/albums/unstep/1-add-remove.jpeg" alt="Add Remove" />
|
||||
</a>
|
||||
<div class="caption">
|
||||
<h3>Add Remove</h3>
|
||||
<p>
|
||||
<strong>Electronic</strong>
|
||||
<br />2013</p>
|
||||
<ul class="actions fixed">
|
||||
<li><span class="editable button small icon fa-play-circle" data-cms-source="/_layouts/album.html" data-cms-index="3">Play</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<article>
|
||||
<a href="../unstep/2-euplotes/" class="image">
|
||||
<img src="../assets/albums/unstep/2-euplotes.jpeg" alt="Euplotes" />
|
||||
</a>
|
||||
<div class="caption">
|
||||
<h3>Euplotes</h3>
|
||||
<p>
|
||||
<strong>Electronic</strong>
|
||||
<br />2013</p>
|
||||
<ul class="actions fixed">
|
||||
<li><span class="editable button small icon fa-play-circle" data-cms-source="/_layouts/album.html" data-cms-index="3">Play</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<article>
|
||||
<a href="../unstep/3--dev-null/" class="image">
|
||||
<img src="../assets/albums/unstep/3--dev-null.jpeg" alt="/dev/null" />
|
||||
</a>
|
||||
<div class="caption">
|
||||
<h3>/dev/null</h3>
|
||||
<p>
|
||||
<strong>Electronic</strong>
|
||||
<br />2013</p>
|
||||
<ul class="actions fixed">
|
||||
<li><span class="editable button small icon fa-play-circle" data-cms-source="/_layouts/album.html" data-cms-index="3">Play</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<article>
|
||||
<a href="../unstep/4-semidetach/" class="image">
|
||||
<img src="../assets/albums/unstep/4-semidetach.jpeg" alt="Semidetach" />
|
||||
</a>
|
||||
<div class="caption">
|
||||
<h3>Semidetach</h3>
|
||||
<p>
|
||||
<strong>Electronic</strong>
|
||||
<br />2013</p>
|
||||
<ul class="actions fixed">
|
||||
<li><span class="editable button small icon fa-play-circle" data-cms-source="/_layouts/album.html" data-cms-index="3">Play</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<article>
|
||||
<a href="../unstep/5-thank-you/" class="image">
|
||||
<img src="../assets/albums/unstep/5-thank-you.jpeg" alt="Thank You" />
|
||||
</a>
|
||||
<div class="caption">
|
||||
<h3>Thank You</h3>
|
||||
<p>
|
||||
<strong>Electronic</strong>
|
||||
<br />2013</p>
|
||||
<ul class="actions fixed">
|
||||
<li><span class="editable button small icon fa-play-circle" data-cms-source="/_layouts/album.html" data-cms-index="3">Play</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
</article>
|
||||
-->
|
||||
|
||||
|
||||
|
||||
|
||||
<section class="streambox" style="margin-top:40px;">
|
||||
<h3 style="text-align: center;display: block;">This track can't be bought</h3>
|
||||
<p>But other tracks are available here:</p>
|
||||
<div class="streamer">
|
||||
|
||||
|
||||
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Bandcamp']);" target="_blank" rel="noopener" href="https://panixheavyindustries.bandcamp.com" alt="Stream from Bandcamp" title="Stream from Bandcamp" class="button icon brands fa-bandcamp">Buy on Bandcamp</a>
|
||||
|
||||
|
||||
</div>
|
||||
<!--
|
||||
<h3 style="text-align: center;display: block;margin-top:40px;">Stream</h3>
|
||||
<div class="streamer">
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
-->
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- END Tracks -->
|
||||
|
||||
|
||||
<!-- HERE ENDS MADNESS -->
|
||||
|
||||
|
||||
<section class="wrapper style1 align-center">
|
||||
<div class="inner">
|
||||
<div class="index align-left">
|
||||
<!-- Author -->
|
||||
|
||||
<section>
|
||||
|
||||
<!-- Content -->
|
||||
<div class="content">
|
||||
<!-- post Naviation -->
|
||||
<div style="text-align: center;">
|
||||
<h3>Read more posts</h3>
|
||||
</div>
|
||||
<div class="post-nav">
|
||||
<div>
|
||||
|
||||
<h4><a href="/tech-maybe/" alt="Read Tech Maybe" title="Read Tech Maybe"><i class="fas fa-arrow-left"></i></a> <a href="/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="#top" class="smooth-scroll-middle">Back to top</a></li>
|
||||
<li><a href="/#album0" class="smooth-scroll-middle">music</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 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 -->
|
||||
|
||||
<a id="logo" alt="Back to home page" title="Back to home page" class="logo" href="/"> </a>
|
||||
|
||||
|
||||
|
||||
<!-- 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>
|
||||
var lang = navigator.language || navigator.userLanguage;
|
||||
if (lang.indexOf('sv') == 0)
|
||||
window.location = '/';
|
||||
else
|
||||
window.location = '/en/';
|
||||
</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>The cookies here don't contain any identifiable information about you: they just let me know if you comeback. <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/">uses 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_kJUGWiO2.js'; s.parentNode.insertBefore(g,s);
|
||||
|
||||
//* End Matomo Tag Manager *//
|
||||
|
||||
|
||||
|
||||
} else {
|
||||
document.getElementById('cookie-notice').style.display = 'flex';
|
||||
|
||||
var _paq = window._paq || [];
|
||||
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
|
||||
_paq.push(["setDocumentTitle", document.domain + "/" + document.title]);
|
||||
_paq.push(["disableCookies"]);
|
||||
_paq.push(['trackPageView']);
|
||||
_paq.push(['enableLinkTracking']);
|
||||
(function() {
|
||||
var u="https://terminalnetwork.matomo.cloud/";
|
||||
_paq.push(['setTrackerUrl', u+'matomo.php']);
|
||||
_paq.push(['setSiteId', '11']);
|
||||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||
g.type='text/javascript'; g.async=true; g.defer=true; g.src='//cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
|
||||
})();
|
||||
|
||||
|
||||
}
|
||||
if (readCookie('cookie-notice-dismissed') == 'dontWantCookies') {
|
||||
document.getElementById('cookie-notice').style.display = 'none';
|
||||
|
||||
var _paq = window._paq || [];
|
||||
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
|
||||
_paq.push(["setDocumentTitle", document.domain + "/" + document.title]);
|
||||
_paq.push(["disableCookies"]);
|
||||
_paq.push(['trackPageView']);
|
||||
_paq.push(['enableLinkTracking']);
|
||||
(function() {
|
||||
var u="https://terminalnetwork.matomo.cloud/";
|
||||
_paq.push(['setTrackerUrl', u+'matomo.php']);
|
||||
_paq.push(['setSiteId', '11']);
|
||||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||
g.type='text/javascript'; g.async=true; g.defer=true; g.src='//cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
|
||||
})();
|
||||
|
||||
}
|
||||
document.getElementById('cookie-notice-accept').addEventListener("click", function () {
|
||||
createCookie('cookie-notice-dismissed', 'wantCookies', 31);
|
||||
document.getElementById('cookie-notice').style.display = 'none';
|
||||
_paq.push(['trackEvent', 'Consent', 'wantCookie']);
|
||||
location.reload();
|
||||
});
|
||||
|
||||
document.getElementById('cookie-notice-decline').addEventListener("click", function () {
|
||||
createCookie('cookie-notice-dismissed', 'dontWantCookies', 31);
|
||||
document.getElementById('cookie-notice').style.display = 'none';
|
||||
_paq.push(['trackEvent', 'Consent', 'dontWantCookie']);
|
||||
location.reload();
|
||||
});
|
||||
|
||||
// document.getElementById('cookie-notice-gimme').addEventListener("click", function () {
|
||||
// createCookie('cookie-notice-dismissed', 'wantCookies', 31);
|
||||
// document.getElementById('cookie-notice').style.display = 'none';
|
||||
// location.reload();
|
||||
// });
|
||||
|
||||
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Add table
Add a link
Reference in a new issue