719 lines
No EOL
26 KiB
HTML
719 lines
No EOL
26 KiB
HTML
<!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="Extender" />
|
|
<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/extender/" />
|
|
<meta property="og:url" content="https://panix.basspistol.com/extender/" />
|
|
<meta property="og:site_name" content="pax:nion" />
|
|
<meta property="og:type" content="article" />
|
|
<meta property="article:published_time" content="2012-01-01T00:00:00+00:00" />
|
|
<script type="application/ld+json">
|
|
{"description":"PHI, Panix Heavy Industries","@type":"AudioObject","headline":"Extender","dateModified":"2020-07-03T17:24:14+00:00","datePublished":"2012-01-01T00:00:00+00:00","url":"https://panix.basspistol.com/extender/","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>Extender | pax:nion</title>
|
|
<meta name="title" content="Extender | pax:nion" />
|
|
|
|
<meta name="dc.date.modified" scheme="ISO8601" content="2020-07-03T17:24:14+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/extender/" />
|
|
<link rel="alternate" hreflang="x-default" href="https://panix.basspistol.com/extender/" />
|
|
<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="Extender | pax:nion" />
|
|
|
|
<meta name="dcterms.Contributor" content="pax:nion" />
|
|
<meta name="dcterms.Date" content="2012-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="Extender | 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">Extender</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/extender/1-house-kommer-alltid-att-vara-house.jpeg" alt="Extender" 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/extender/&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/extender/&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/extender/&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/extender/&title=Extender" 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">House Kommer Alltid Att Vara House</div>
|
|
<div class="plLength">2:18</div>
|
|
</div>
|
|
</li>
|
|
|
|
<li>
|
|
<div class="plItem">
|
|
<div class="plNum">2.</div>
|
|
<div class="plTitle">I Want Your Soul</div>
|
|
<div class="plLength">1:22</div>
|
|
</div>
|
|
</li>
|
|
|
|
<li>
|
|
<div class="plItem">
|
|
<div class="plNum">3.</div>
|
|
<div class="plTitle">Kim Ska Vi Koepa Lim?</div>
|
|
<div class="plLength">1:26</div>
|
|
</div>
|
|
</li>
|
|
|
|
<li>
|
|
<div class="plItem">
|
|
<div class="plNum">4.</div>
|
|
<div class="plTitle">Eru sejjoez?</div>
|
|
<div class="plLength">1:59</div>
|
|
</div>
|
|
</li>
|
|
|
|
<li>
|
|
<div class="plItem">
|
|
<div class="plNum">5.</div>
|
|
<div class="plTitle">Organized</div>
|
|
<div class="plLength">1:16</div>
|
|
</div>
|
|
</li>
|
|
|
|
<li>
|
|
<div class="plItem">
|
|
<div class="plNum">6.</div>
|
|
<div class="plTitle">Matter Of Opinion</div>
|
|
<div class="plLength">1:22</div>
|
|
</div>
|
|
</li>
|
|
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div id="noJSalbum">
|
|
|
|
|
|
|
|
<div class="plItem">
|
|
<div class="plNum">1.</div>
|
|
<div class="plTitle"><a href="https://media.basspistol.com/panix/extender/1-house-kommer-alltid-att-vara-house.mp3">House Kommer Alltid Att Vara House </a></div>
|
|
<div class="plLength">2:18</div>
|
|
</div>
|
|
|
|
|
|
|
|
<div class="plItem">
|
|
<div class="plNum">2.</div>
|
|
<div class="plTitle"><a href="https://media.basspistol.com/panix/extender/2-i-want-your-soul.mp3">I Want Your Soul </a></div>
|
|
<div class="plLength">1:22</div>
|
|
</div>
|
|
|
|
|
|
|
|
<div class="plItem">
|
|
<div class="plNum">3.</div>
|
|
<div class="plTitle"><a href="https://media.basspistol.com/panix/extender/3-kim-ska-vi-koepa-lim-.mp3">Kim Ska Vi Koepa Lim? </a></div>
|
|
<div class="plLength">1:26</div>
|
|
</div>
|
|
|
|
|
|
|
|
<div class="plItem">
|
|
<div class="plNum">4.</div>
|
|
<div class="plTitle"><a href="https://media.basspistol.com/panix/extender/4-eru-sejjoez-.mp3">Eru sejjoez? </a></div>
|
|
<div class="plLength">1:59</div>
|
|
</div>
|
|
|
|
|
|
|
|
<div class="plItem">
|
|
<div class="plNum">5.</div>
|
|
<div class="plTitle"><a href="https://media.basspistol.com/panix/extender/5-organized.mp3">Organized </a></div>
|
|
<div class="plLength">1:16</div>
|
|
</div>
|
|
|
|
|
|
|
|
<div class="plItem">
|
|
<div class="plNum">6.</div>
|
|
<div class="plTitle"><a href="https://media.basspistol.com/panix/extender/6-matter-of-opinion.mp3">Matter Of Opinion </a></div>
|
|
<div class="plLength">1:22</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="../extender/1-house-kommer-alltid-att-vara-house/" class="image">
|
|
<img src="../assets/albums/extender/1-house-kommer-alltid-att-vara-house.jpeg" alt="House Kommer Alltid Att Vara House" />
|
|
</a>
|
|
<div class="caption">
|
|
<h3>House Kommer Alltid Att Vara House</h3>
|
|
<p>
|
|
<strong>Electronic</strong>
|
|
<br />2012</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="../extender/2-i-want-your-soul/" class="image">
|
|
<img src="../assets/albums/extender/2-i-want-your-soul.jpeg" alt="I Want Your Soul" />
|
|
</a>
|
|
<div class="caption">
|
|
<h3>I Want Your Soul</h3>
|
|
<p>
|
|
<strong>Electronic</strong>
|
|
<br />2012</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="../extender/3-kim-ska-vi-koepa-lim-/" class="image">
|
|
<img src="../assets/albums/extender/3-kim-ska-vi-koepa-lim-.jpeg" alt="Kim Ska Vi Koepa Lim?" />
|
|
</a>
|
|
<div class="caption">
|
|
<h3>Kim Ska Vi Koepa Lim?</h3>
|
|
<p>
|
|
<strong>Electronic</strong>
|
|
<br />2012</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="../extender/4-eru-sejjoez-/" class="image">
|
|
<img src="../assets/albums/extender/4-eru-sejjoez-.jpeg" alt="Eru sejjoez?" />
|
|
</a>
|
|
<div class="caption">
|
|
<h3>Eru sejjoez?</h3>
|
|
<p>
|
|
<strong>Electronic</strong>
|
|
<br />2012</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="../extender/5-organized/" class="image">
|
|
<img src="../assets/albums/extender/5-organized.jpeg" alt="Organized" />
|
|
</a>
|
|
<div class="caption">
|
|
<h3>Organized</h3>
|
|
<p>
|
|
<strong>Electronic</strong>
|
|
<br />2012</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="../extender/6-matter-of-opinion/" class="image">
|
|
<img src="../assets/albums/extender/6-matter-of-opinion.jpeg" alt="Matter Of Opinion" />
|
|
</a>
|
|
<div class="caption">
|
|
<h3>Matter Of Opinion</h3>
|
|
<p>
|
|
<strong>Electronic</strong>
|
|
<br />2012</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="/2012-grab-bag/" alt="Read 2012 Grab Bag" title="Read 2012 Grab Bag"><i class="fas fa-arrow-left"></i></a> <a href="/2012-grab-bag/"> 2012 Grab Bag</a></h4>
|
|
<p style="margin-right: 20px"></p>
|
|
|
|
</div>
|
|
<div class="post-nav-next">
|
|
|
|
<h4><a href="/morning-moods/"> Morning Moods</a> <a href="/morning-moods/" alt="Read Morning Moods" title="Read Morning Moods"><i class="fas fa-arrow-right"></i></a></h4>
|
|
<p style="margin-left: 20px"></p>
|
|
|
|
</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": "House Kommer Alltid Att Vara House",
|
|
"length": "2:18",
|
|
"file": "https://media.basspistol.com/panix/extender/1-house-kommer-alltid-att-vara-house"
|
|
},{
|
|
"track": 2,
|
|
"name": "I Want Your Soul",
|
|
"length": "1:22",
|
|
"file": "https://media.basspistol.com/panix/extender/2-i-want-your-soul"
|
|
},{
|
|
"track": 3,
|
|
"name": "Kim Ska Vi Koepa Lim?",
|
|
"length": "1:26",
|
|
"file": "https://media.basspistol.com/panix/extender/3-kim-ska-vi-koepa-lim-"
|
|
},{
|
|
"track": 4,
|
|
"name": "Eru sejjoez?",
|
|
"length": "1:59",
|
|
"file": "https://media.basspistol.com/panix/extender/4-eru-sejjoez-"
|
|
},{
|
|
"track": 5,
|
|
"name": "Organized",
|
|
"length": "1:16",
|
|
"file": "https://media.basspistol.com/panix/extender/5-organized"
|
|
},{
|
|
"track": 6,
|
|
"name": "Matter Of Opinion",
|
|
"length": "1:22",
|
|
"file": "https://media.basspistol.com/panix/extender/6-matter-of-opinion"
|
|
}],
|
|
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> |