Added 258 files via CloudCannon

This commit is contained in:
CloudCannon 2020-07-28 09:41:11 +00:00
parent b8bd1b7180
commit 768e8c19dc
258 changed files with 108292 additions and 0 deletions

281
404/index.html Normal file
View file

@ -0,0 +1,281 @@
<!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>Error 404 This is not a page | pax:nion</title>
<meta name="title" content="Error 404 This is not a page | pax:nion" />
<meta name="description" content="The page you are looking for has moved to the darknet." />
<meta name="dc.date.modified" scheme="ISO8601" content="2020-07-28T09:40:57+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/404/" />
<link rel="alternate" hreflang="x-default" href="https://paxnion.basspistol.com/404/" />
<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 &copy;2020 pax:nion." />
<meta name="dcterms.Subject" content="The page you are looking for has moved to the darknet." />
<meta name="dcterms.Title" content="Error 404 This is not a page" />
<meta name="dcterms.Contributor" content="pax:nion" />
<meta name="dcterms.Date" content="2020-07-28" />
<meta name="dcterms.Description" content="The page you are looking for has moved to the darknet." />
<!-- Facebook -->
<meta property="og:title" content="Error 404 This is not a page | pax:nion" />
<meta property="og:locale" content="en" />
<meta property="og:description" content="The page you are looking for has moved to the darknet." />
<meta property="og:url" content="https://paxnion.basspistol.com/404/" />
<meta property="og:site_name" content="pax:nion" />
<meta property="og:type" content="webpage" />
<meta property="article:published_time" content="2020-07-28T09:40:57+00:00" />
<meta property="og:image" content="https://paxnion.basspistol.com/images/kaur-kristjan-cppf4w5pb1c-unsplash.jpg" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="404.html | pax:nion" />
<meta name="twitter:description" content="The page you are looking for has moved to the darknet." />
<meta name="twitter:image" content="https://paxnion.basspistol.com/images/kaur-kristjan-cppf4w5pb1c-unsplash.jpg" />
<!-- 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" />
<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="/404.html" data-cms-index="0">
<h1 class="editable" data-cms-source="/404.html" data-cms-index="1">Error 404 This is not a page</h1>
<p>The page you are looking for has moved to the darknet.</p>
<ul class="actions stacked">
<li><a href="/" class="button big wide smooth-scroll">Take me back!</a></li>
</ul>
</div>
<div class="image">
<img src="/images/kaur-kristjan-cppf4w5pb1c-unsplash.jpg" alt="unfound page" />
</div>
</section>
<!-- Footer -->
<footer id="footer" class="wrapper style1 align-center">
<div class="footflex">
<div>
<h4>pax:nion</h4>
<p>PHI, Panix Heavy Industries
</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" /></div>
</div>
<div class="inner">
<p>&copy;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>
&nbsp;&nbsp;&nbsp;<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 *//
var _paq = window._paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(['setDocumentTitle', '404/URL = ' + encodeURIComponent(document.location.pathname+document.location.search) + '/From = ' + encodeURIComponent(document.referrer)]);
_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);
})();
//* End Matomo *//
} 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>

63
Content-LICENSE.txt Normal file
View file

@ -0,0 +1,63 @@
Creative Commons Attribution 3.0 Unported
http://creativecommons.org/licenses/by/3.0/
License
THE WORK (AS DEFINED BELOW) IS PROVIDED UNDER THE TERMS OF THIS CREATIVE COMMONS PUBLIC LICENSE ("CCPL" OR "LICENSE"). THE WORK IS PROTECTED BY COPYRIGHT AND/OR OTHER APPLICABLE LAW. ANY USE OF THE WORK OTHER THAN AS AUTHORIZED UNDER THIS LICENSE OR COPYRIGHT LAW IS PROHIBITED.
BY EXERCISING ANY RIGHTS TO THE WORK PROVIDED HERE, YOU ACCEPT AND AGREE TO BE BOUND BY THE TERMS OF THIS LICENSE. TO THE EXTENT THIS LICENSE MAY BE CONSIDERED TO BE A CONTRACT, THE LICENSOR GRANTS YOU THE RIGHTS CONTAINED HERE IN CONSIDERATION OF YOUR ACCEPTANCE OF SUCH TERMS AND CONDITIONS.
1. Definitions
1. "Adaptation" means a work based upon the Work, or upon the Work and other pre-existing works, such as a translation, adaptation, derivative work, arrangement of music or other alterations of a literary or artistic work, or phonogram or performance and includes cinematographic adaptations or any other form in which the Work may be recast, transformed, or adapted including in any form recognizably derived from the original, except that a work that constitutes a Collection will not be considered an Adaptation for the purpose of this License. For the avoidance of doubt, where the Work is a musical work, performance or phonogram, the synchronization of the Work in timed-relation with a moving image ("synching") will be considered an Adaptation for the purpose of this License.
2. "Collection" means a collection of literary or artistic works, such as encyclopedias and anthologies, or performances, phonograms or broadcasts, or other works or subject matter other than works listed in Section 1(f) below, which, by reason of the selection and arrangement of their contents, constitute intellectual creations, in which the Work is included in its entirety in unmodified form along with one or more other contributions, each constituting separate and independent works in themselves, which together are assembled into a collective whole. A work that constitutes a Collection will not be considered an Adaptation (as defined above) for the purposes of this License.
3. "Distribute" means to make available to the public the original and copies of the Work or Adaptation, as appropriate, through sale or other transfer of ownership.
4. "Licensor" means the individual, individuals, entity or entities that offer(s) the Work under the terms of this License.
5. "Original Author" means, in the case of a literary or artistic work, the individual, individuals, entity or entities who created the Work or if no individual or entity can be identified, the publisher; and in addition (i) in the case of a performance the actors, singers, musicians, dancers, and other persons who act, sing, deliver, declaim, play in, interpret or otherwise perform literary or artistic works or expressions of folklore; (ii) in the case of a phonogram the producer being the person or legal entity who first fixes the sounds of a performance or other sounds; and, (iii) in the case of broadcasts, the organization that transmits the broadcast.
6. "Work" means the literary and/or artistic work offered under the terms of this License including without limitation any production in the literary, scientific and artistic domain, whatever may be the mode or form of its expression including digital form, such as a book, pamphlet and other writing; a lecture, address, sermon or other work of the same nature; a dramatic or dramatico-musical work; a choreographic work or entertainment in dumb show; a musical composition with or without words; a cinematographic work to which are assimilated works expressed by a process analogous to cinematography; a work of drawing, painting, architecture, sculpture, engraving or lithography; a photographic work to which are assimilated works expressed by a process analogous to photography; a work of applied art; an illustration, map, plan, sketch or three-dimensional work relative to geography, topography, architecture or science; a performance; a broadcast; a phonogram; a compilation of data to the extent it is protected as a copyrightable work; or a work performed by a variety or circus performer to the extent it is not otherwise considered a literary or artistic work.
7. "You" means an individual or entity exercising rights under this License who has not previously violated the terms of this License with respect to the Work, or who has received express permission from the Licensor to exercise rights under this License despite a previous violation.
8. "Publicly Perform" means to perform public recitations of the Work and to communicate to the public those public recitations, by any means or process, including by wire or wireless means or public digital performances; to make available to the public Works in such a way that members of the public may access these Works from a place and at a place individually chosen by them; to perform the Work to the public by any means or process and the communication to the public of the performances of the Work, including by public digital performance; to broadcast and rebroadcast the Work by any means including signs, sounds or images.
9. "Reproduce" means to make copies of the Work by any means including without limitation by sound or visual recordings and the right of fixation and reproducing fixations of the Work, including storage of a protected performance or phonogram in digital form or other electronic medium.
2. Fair Dealing Rights. Nothing in this License is intended to reduce, limit, or restrict any uses free from copyright or rights arising from limitations or exceptions that are provided for in connection with the copyright protection under copyright law or other applicable laws.
3. License Grant. Subject to the terms and conditions of this License, Licensor hereby grants You a worldwide, royalty-free, non-exclusive, perpetual (for the duration of the applicable copyright) license to exercise the rights in the Work as stated below:
1. to Reproduce the Work, to incorporate the Work into one or more Collections, and to Reproduce the Work as incorporated in the Collections;
2. to create and Reproduce Adaptations provided that any such Adaptation, including any translation in any medium, takes reasonable steps to clearly label, demarcate or otherwise identify that changes were made to the original Work. For example, a translation could be marked "The original work was translated from English to Spanish," or a modification could indicate "The original work has been modified.";
3. to Distribute and Publicly Perform the Work including as incorporated in Collections; and,
4. to Distribute and Publicly Perform Adaptations.
5.
For the avoidance of doubt:
1. Non-waivable Compulsory License Schemes. In those jurisdictions in which the right to collect royalties through any statutory or compulsory licensing scheme cannot be waived, the Licensor reserves the exclusive right to collect such royalties for any exercise by You of the rights granted under this License;
2. Waivable Compulsory License Schemes. In those jurisdictions in which the right to collect royalties through any statutory or compulsory licensing scheme can be waived, the Licensor waives the exclusive right to collect such royalties for any exercise by You of the rights granted under this License; and,
3. Voluntary License Schemes. The Licensor waives the right to collect royalties, whether individually or, in the event that the Licensor is a member of a collecting society that administers voluntary licensing schemes, via that society, from any exercise by You of the rights granted under this License.
The above rights may be exercised in all media and formats whether now known or hereafter devised. The above rights include the right to make such modifications as are technically necessary to exercise the rights in other media and formats. Subject to Section 8(f), all rights not expressly granted by Licensor are hereby reserved.
4. Restrictions. The license granted in Section 3 above is expressly made subject to and limited by the following restrictions:
1. You may Distribute or Publicly Perform the Work only under the terms of this License. You must include a copy of, or the Uniform Resource Identifier (URI) for, this License with every copy of the Work You Distribute or Publicly Perform. You may not offer or impose any terms on the Work that restrict the terms of this License or the ability of the recipient of the Work to exercise the rights granted to that recipient under the terms of the License. You may not sublicense the Work. You must keep intact all notices that refer to this License and to the disclaimer of warranties with every copy of the Work You Distribute or Publicly Perform. When You Distribute or Publicly Perform the Work, You may not impose any effective technological measures on the Work that restrict the ability of a recipient of the Work from You to exercise the rights granted to that recipient under the terms of the License. This Section 4(a) applies to the Work as incorporated in a Collection, but this does not require the Collection apart from the Work itself to be made subject to the terms of this License. If You create a Collection, upon notice from any Licensor You must, to the extent practicable, remove from the Collection any credit as required by Section 4(b), as requested. If You create an Adaptation, upon notice from any Licensor You must, to the extent practicable, remove from the Adaptation any credit as required by Section 4(b), as requested.
2. If You Distribute, or Publicly Perform the Work or any Adaptations or Collections, You must, unless a request has been made pursuant to Section 4(a), keep intact all copyright notices for the Work and provide, reasonable to the medium or means You are utilizing: (i) the name of the Original Author (or pseudonym, if applicable) if supplied, and/or if the Original Author and/or Licensor designate another party or parties (e.g., a sponsor institute, publishing entity, journal) for attribution ("Attribution Parties") in Licensor's copyright notice, terms of service or by other reasonable means, the name of such party or parties; (ii) the title of the Work if supplied; (iii) to the extent reasonably practicable, the URI, if any, that Licensor specifies to be associated with the Work, unless such URI does not refer to the copyright notice or licensing information for the Work; and (iv) , consistent with Section 3(b), in the case of an Adaptation, a credit identifying the use of the Work in the Adaptation (e.g., "French translation of the Work by Original Author," or "Screenplay based on original Work by Original Author"). The credit required by this Section 4 (b) may be implemented in any reasonable manner; provided, however, that in the case of a Adaptation or Collection, at a minimum such credit will appear, if a credit for all contributing authors of the Adaptation or Collection appears, then as part of these credits and in a manner at least as prominent as the credits for the other contributing authors. For the avoidance of doubt, You may only use the credit required by this Section for the purpose of attribution in the manner set out above and, by exercising Your rights under this License, You may not implicitly or explicitly assert or imply any connection with, sponsorship or endorsement by the Original Author, Licensor and/or Attribution Parties, as appropriate, of You or Your use of the Work, without the separate, express prior written permission of the Original Author, Licensor and/or Attribution Parties.
3. Except as otherwise agreed in writing by the Licensor or as may be otherwise permitted by applicable law, if You Reproduce, Distribute or Publicly Perform the Work either by itself or as part of any Adaptations or Collections, You must not distort, mutilate, modify or take other derogatory action in relation to the Work which would be prejudicial to the Original Author's honor or reputation. Licensor agrees that in those jurisdictions (e.g. Japan), in which any exercise of the right granted in Section 3(b) of this License (the right to make Adaptations) would be deemed to be a distortion, mutilation, modification or other derogatory action prejudicial to the Original Author's honor and reputation, the Licensor will waive or not assert, as appropriate, this Section, to the fullest extent permitted by the applicable national law, to enable You to reasonably exercise Your right under Section 3(b) of this License (right to make Adaptations) but not otherwise.
5. Representations, Warranties and Disclaimer
UNLESS OTHERWISE MUTUALLY AGREED TO BY THE PARTIES IN WRITING, LICENSOR OFFERS THE WORK AS-IS AND MAKES NO REPRESENTATIONS OR WARRANTIES OF ANY KIND CONCERNING THE WORK, EXPRESS, IMPLIED, STATUTORY OR OTHERWISE, INCLUDING, WITHOUT LIMITATION, WARRANTIES OF TITLE, MERCHANTIBILITY, FITNESS FOR A PARTICULAR PURPOSE, NONINFRINGEMENT, OR THE ABSENCE OF LATENT OR OTHER DEFECTS, ACCURACY, OR THE PRESENCE OF ABSENCE OF ERRORS, WHETHER OR NOT DISCOVERABLE. SOME JURISDICTIONS DO NOT ALLOW THE EXCLUSION OF IMPLIED WARRANTIES, SO SUCH EXCLUSION MAY NOT APPLY TO YOU.
6. Limitation on Liability. EXCEPT TO THE EXTENT REQUIRED BY APPLICABLE LAW, IN NO EVENT WILL LICENSOR BE LIABLE TO YOU ON ANY LEGAL THEORY FOR ANY SPECIAL, INCIDENTAL, CONSEQUENTIAL, PUNITIVE OR EXEMPLARY DAMAGES ARISING OUT OF THIS LICENSE OR THE USE OF THE WORK, EVEN IF LICENSOR HAS BEEN ADVISED OF THE POSSIBILITY OF SUCH DAMAGES.
7. Termination
1. This License and the rights granted hereunder will terminate automatically upon any breach by You of the terms of this License. Individuals or entities who have received Adaptations or Collections from You under this License, however, will not have their licenses terminated provided such individuals or entities remain in full compliance with those licenses. Sections 1, 2, 5, 6, 7, and 8 will survive any termination of this License.
2. Subject to the above terms and conditions, the license granted here is perpetual (for the duration of the applicable copyright in the Work). Notwithstanding the above, Licensor reserves the right to release the Work under different license terms or to stop distributing the Work at any time; provided, however that any such election will not serve to withdraw this License (or any other license that has been, or is required to be, granted under the terms of this License), and this License will continue in full force and effect unless terminated as stated above.
8. Miscellaneous
1. Each time You Distribute or Publicly Perform the Work or a Collection, the Licensor offers to the recipient a license to the Work on the same terms and conditions as the license granted to You under this License.
2. Each time You Distribute or Publicly Perform an Adaptation, Licensor offers to the recipient a license to the original Work on the same terms and conditions as the license granted to You under this License.
3. If any provision of this License is invalid or unenforceable under applicable law, it shall not affect the validity or enforceability of the remainder of the terms of this License, and without further action by the parties to this agreement, such provision shall be reformed to the minimum extent necessary to make such provision valid and enforceable.
4. No term or provision of this License shall be deemed waived and no breach consented to unless such waiver or consent shall be in writing and signed by the party to be charged with such waiver or consent.
5. This License constitutes the entire agreement between the parties with respect to the Work licensed here. There are no understandings, agreements or representations with respect to the Work not specified here. Licensor shall not be bound by any additional provisions that may appear in any communication from You. This License may not be modified without the mutual written agreement of the Licensor and You.
6. The rights granted under, and the subject matter referenced, in this License were drafted utilizing the terminology of the Berne Convention for the Protection of Literary and Artistic Works (as amended on September 28, 1979), the Rome Convention of 1961, the WIPO Copyright Treaty of 1996, the WIPO Performances and Phonograms Treaty of 1996 and the Universal Copyright Convention (as revised on July 24, 1971). These rights and subject matter take effect in the relevant jurisdiction in which the License terms are sought to be enforced according to the corresponding provisions of the implementation of those treaty provisions in the applicable national law. If the standard suite of rights granted under applicable copyright law includes additional rights not granted under this License, such additional rights are deemed to be included in the License; this License is not intended to restrict the license of any rights under applicable law.

674
LICENSE Normal file
View file

@ -0,0 +1,674 @@
GNU GENERAL PUBLIC LICENSE
Version 3, 29 June 2007
Copyright (C) 2007 Free Software Foundation, Inc. <https://fsf.org/>
Everyone is permitted to copy and distribute verbatim copies
of this license document, but changing it is not allowed.
Preamble
The GNU General Public License is a free, copyleft license for
software and other kinds of works.
The licenses for most software and other practical works are designed
to take away your freedom to share and change the works. By contrast,
the GNU General Public License is intended to guarantee your freedom to
share and change all versions of a program--to make sure it remains free
software for all its users. We, the Free Software Foundation, use the
GNU General Public License for most of our software; it applies also to
any other work released this way by its authors. You can apply it to
your programs, too.
When we speak of free software, we are referring to freedom, not
price. Our General Public Licenses are designed to make sure that you
have the freedom to distribute copies of free software (and charge for
them if you wish), that you receive source code or can get it if you
want it, that you can change the software or use pieces of it in new
free programs, and that you know you can do these things.
To protect your rights, we need to prevent others from denying you
these rights or asking you to surrender the rights. Therefore, you have
certain responsibilities if you distribute copies of the software, or if
you modify it: responsibilities to respect the freedom of others.
For example, if you distribute copies of such a program, whether
gratis or for a fee, you must pass on to the recipients the same
freedoms that you received. You must make sure that they, too, receive
or can get the source code. And you must show them these terms so they
know their rights.
Developers that use the GNU GPL protect your rights with two steps:
(1) assert copyright on the software, and (2) offer you this License
giving you legal permission to copy, distribute and/or modify it.
For the developers' and authors' protection, the GPL clearly explains
that there is no warranty for this free software. For both users' and
authors' sake, the GPL requires that modified versions be marked as
changed, so that their problems will not be attributed erroneously to
authors of previous versions.
Some devices are designed to deny users access to install or run
modified versions of the software inside them, although the manufacturer
can do so. This is fundamentally incompatible with the aim of
protecting users' freedom to change the software. The systematic
pattern of such abuse occurs in the area of products for individuals to
use, which is precisely where it is most unacceptable. Therefore, we
have designed this version of the GPL to prohibit the practice for those
products. If such problems arise substantially in other domains, we
stand ready to extend this provision to those domains in future versions
of the GPL, as needed to protect the freedom of users.
Finally, every program is threatened constantly by software patents.
States should not allow patents to restrict development and use of
software on general-purpose computers, but in those that do, we wish to
avoid the special danger that patents applied to a free program could
make it effectively proprietary. To prevent this, the GPL assures that
patents cannot be used to render the program non-free.
The precise terms and conditions for copying, distribution and
modification follow.
TERMS AND CONDITIONS
0. Definitions.
"This License" refers to version 3 of the GNU General Public License.
"Copyright" also means copyright-like laws that apply to other kinds of
works, such as semiconductor masks.
"The Program" refers to any copyrightable work licensed under this
License. Each licensee is addressed as "you". "Licensees" and
"recipients" may be individuals or organizations.
To "modify" a work means to copy from or adapt all or part of the work
in a fashion requiring copyright permission, other than the making of an
exact copy. The resulting work is called a "modified version" of the
earlier work or a work "based on" the earlier work.
A "covered work" means either the unmodified Program or a work based
on the Program.
To "propagate" a work means to do anything with it that, without
permission, would make you directly or secondarily liable for
infringement under applicable copyright law, except executing it on a
computer or modifying a private copy. Propagation includes copying,
distribution (with or without modification), making available to the
public, and in some countries other activities as well.
To "convey" a work means any kind of propagation that enables other
parties to make or receive copies. Mere interaction with a user through
a computer network, with no transfer of a copy, is not conveying.
An interactive user interface displays "Appropriate Legal Notices"
to the extent that it includes a convenient and prominently visible
feature that (1) displays an appropriate copyright notice, and (2)
tells the user that there is no warranty for the work (except to the
extent that warranties are provided), that licensees may convey the
work under this License, and how to view a copy of this License. If
the interface presents a list of user commands or options, such as a
menu, a prominent item in the list meets this criterion.
1. Source Code.
The "source code" for a work means the preferred form of the work
for making modifications to it. "Object code" means any non-source
form of a work.
A "Standard Interface" means an interface that either is an official
standard defined by a recognized standards body, or, in the case of
interfaces specified for a particular programming language, one that
is widely used among developers working in that language.
The "System Libraries" of an executable work include anything, other
than the work as a whole, that (a) is included in the normal form of
packaging a Major Component, but which is not part of that Major
Component, and (b) serves only to enable use of the work with that
Major Component, or to implement a Standard Interface for which an
implementation is available to the public in source code form. A
"Major Component", in this context, means a major essential component
(kernel, window system, and so on) of the specific operating system
(if any) on which the executable work runs, or a compiler used to
produce the work, or an object code interpreter used to run it.
The "Corresponding Source" for a work in object code form means all
the source code needed to generate, install, and (for an executable
work) run the object code and to modify the work, including scripts to
control those activities. However, it does not include the work's
System Libraries, or general-purpose tools or generally available free
programs which are used unmodified in performing those activities but
which are not part of the work. For example, Corresponding Source
includes interface definition files associated with source files for
the work, and the source code for shared libraries and dynamically
linked subprograms that the work is specifically designed to require,
such as by intimate data communication or control flow between those
subprograms and other parts of the work.
The Corresponding Source need not include anything that users
can regenerate automatically from other parts of the Corresponding
Source.
The Corresponding Source for a work in source code form is that
same work.
2. Basic Permissions.
All rights granted under this License are granted for the term of
copyright on the Program, and are irrevocable provided the stated
conditions are met. This License explicitly affirms your unlimited
permission to run the unmodified Program. The output from running a
covered work is covered by this License only if the output, given its
content, constitutes a covered work. This License acknowledges your
rights of fair use or other equivalent, as provided by copyright law.
You may make, run and propagate covered works that you do not
convey, without conditions so long as your license otherwise remains
in force. You may convey covered works to others for the sole purpose
of having them make modifications exclusively for you, or provide you
with facilities for running those works, provided that you comply with
the terms of this License in conveying all material for which you do
not control copyright. Those thus making or running the covered works
for you must do so exclusively on your behalf, under your direction
and control, on terms that prohibit them from making any copies of
your copyrighted material outside their relationship with you.
Conveying under any other circumstances is permitted solely under
the conditions stated below. Sublicensing is not allowed; section 10
makes it unnecessary.
3. Protecting Users' Legal Rights From Anti-Circumvention Law.
No covered work shall be deemed part of an effective technological
measure under any applicable law fulfilling obligations under article
11 of the WIPO copyright treaty adopted on 20 December 1996, or
similar laws prohibiting or restricting circumvention of such
measures.
When you convey a covered work, you waive any legal power to forbid
circumvention of technological measures to the extent such circumvention
is effected by exercising rights under this License with respect to
the covered work, and you disclaim any intention to limit operation or
modification of the work as a means of enforcing, against the work's
users, your or third parties' legal rights to forbid circumvention of
technological measures.
4. Conveying Verbatim Copies.
You may convey verbatim copies of the Program's source code as you
receive it, in any medium, provided that you conspicuously and
appropriately publish on each copy an appropriate copyright notice;
keep intact all notices stating that this License and any
non-permissive terms added in accord with section 7 apply to the code;
keep intact all notices of the absence of any warranty; and give all
recipients a copy of this License along with the Program.
You may charge any price or no price for each copy that you convey,
and you may offer support or warranty protection for a fee.
5. Conveying Modified Source Versions.
You may convey a work based on the Program, or the modifications to
produce it from the Program, in the form of source code under the
terms of section 4, provided that you also meet all of these conditions:
a) The work must carry prominent notices stating that you modified
it, and giving a relevant date.
b) The work must carry prominent notices stating that it is
released under this License and any conditions added under section
7. This requirement modifies the requirement in section 4 to
"keep intact all notices".
c) You must license the entire work, as a whole, under this
License to anyone who comes into possession of a copy. This
License will therefore apply, along with any applicable section 7
additional terms, to the whole of the work, and all its parts,
regardless of how they are packaged. This License gives no
permission to license the work in any other way, but it does not
invalidate such permission if you have separately received it.
d) If the work has interactive user interfaces, each must display
Appropriate Legal Notices; however, if the Program has interactive
interfaces that do not display Appropriate Legal Notices, your
work need not make them do so.
A compilation of a covered work with other separate and independent
works, which are not by their nature extensions of the covered work,
and which are not combined with it such as to form a larger program,
in or on a volume of a storage or distribution medium, is called an
"aggregate" if the compilation and its resulting copyright are not
used to limit the access or legal rights of the compilation's users
beyond what the individual works permit. Inclusion of a covered work
in an aggregate does not cause this License to apply to the other
parts of the aggregate.
6. Conveying Non-Source Forms.
You may convey a covered work in object code form under the terms
of sections 4 and 5, provided that you also convey the
machine-readable Corresponding Source under the terms of this License,
in one of these ways:
a) Convey the object code in, or embodied in, a physical product
(including a physical distribution medium), accompanied by the
Corresponding Source fixed on a durable physical medium
customarily used for software interchange.
b) Convey the object code in, or embodied in, a physical product
(including a physical distribution medium), accompanied by a
written offer, valid for at least three years and valid for as
long as you offer spare parts or customer support for that product
model, to give anyone who possesses the object code either (1) a
copy of the Corresponding Source for all the software in the
product that is covered by this License, on a durable physical
medium customarily used for software interchange, for a price no
more than your reasonable cost of physically performing this
conveying of source, or (2) access to copy the
Corresponding Source from a network server at no charge.
c) Convey individual copies of the object code with a copy of the
written offer to provide the Corresponding Source. This
alternative is allowed only occasionally and noncommercially, and
only if you received the object code with such an offer, in accord
with subsection 6b.
d) Convey the object code by offering access from a designated
place (gratis or for a charge), and offer equivalent access to the
Corresponding Source in the same way through the same place at no
further charge. You need not require recipients to copy the
Corresponding Source along with the object code. If the place to
copy the object code is a network server, the Corresponding Source
may be on a different server (operated by you or a third party)
that supports equivalent copying facilities, provided you maintain
clear directions next to the object code saying where to find the
Corresponding Source. Regardless of what server hosts the
Corresponding Source, you remain obligated to ensure that it is
available for as long as needed to satisfy these requirements.
e) Convey the object code using peer-to-peer transmission, provided
you inform other peers where the object code and Corresponding
Source of the work are being offered to the general public at no
charge under subsection 6d.
A separable portion of the object code, whose source code is excluded
from the Corresponding Source as a System Library, need not be
included in conveying the object code work.
A "User Product" is either (1) a "consumer product", which means any
tangible personal property which is normally used for personal, family,
or household purposes, or (2) anything designed or sold for incorporation
into a dwelling. In determining whether a product is a consumer product,
doubtful cases shall be resolved in favor of coverage. For a particular
product received by a particular user, "normally used" refers to a
typical or common use of that class of product, regardless of the status
of the particular user or of the way in which the particular user
actually uses, or expects or is expected to use, the product. A product
is a consumer product regardless of whether the product has substantial
commercial, industrial or non-consumer uses, unless such uses represent
the only significant mode of use of the product.
"Installation Information" for a User Product means any methods,
procedures, authorization keys, or other information required to install
and execute modified versions of a covered work in that User Product from
a modified version of its Corresponding Source. The information must
suffice to ensure that the continued functioning of the modified object
code is in no case prevented or interfered with solely because
modification has been made.
If you convey an object code work under this section in, or with, or
specifically for use in, a User Product, and the conveying occurs as
part of a transaction in which the right of possession and use of the
User Product is transferred to the recipient in perpetuity or for a
fixed term (regardless of how the transaction is characterized), the
Corresponding Source conveyed under this section must be accompanied
by the Installation Information. But this requirement does not apply
if neither you nor any third party retains the ability to install
modified object code on the User Product (for example, the work has
been installed in ROM).
The requirement to provide Installation Information does not include a
requirement to continue to provide support service, warranty, or updates
for a work that has been modified or installed by the recipient, or for
the User Product in which it has been modified or installed. Access to a
network may be denied when the modification itself materially and
adversely affects the operation of the network or violates the rules and
protocols for communication across the network.
Corresponding Source conveyed, and Installation Information provided,
in accord with this section must be in a format that is publicly
documented (and with an implementation available to the public in
source code form), and must require no special password or key for
unpacking, reading or copying.
7. Additional Terms.
"Additional permissions" are terms that supplement the terms of this
License by making exceptions from one or more of its conditions.
Additional permissions that are applicable to the entire Program shall
be treated as though they were included in this License, to the extent
that they are valid under applicable law. If additional permissions
apply only to part of the Program, that part may be used separately
under those permissions, but the entire Program remains governed by
this License without regard to the additional permissions.
When you convey a copy of a covered work, you may at your option
remove any additional permissions from that copy, or from any part of
it. (Additional permissions may be written to require their own
removal in certain cases when you modify the work.) You may place
additional permissions on material, added by you to a covered work,
for which you have or can give appropriate copyright permission.
Notwithstanding any other provision of this License, for material you
add to a covered work, you may (if authorized by the copyright holders of
that material) supplement the terms of this License with terms:
a) Disclaiming warranty or limiting liability differently from the
terms of sections 15 and 16 of this License; or
b) Requiring preservation of specified reasonable legal notices or
author attributions in that material or in the Appropriate Legal
Notices displayed by works containing it; or
c) Prohibiting misrepresentation of the origin of that material, or
requiring that modified versions of such material be marked in
reasonable ways as different from the original version; or
d) Limiting the use for publicity purposes of names of licensors or
authors of the material; or
e) Declining to grant rights under trademark law for use of some
trade names, trademarks, or service marks; or
f) Requiring indemnification of licensors and authors of that
material by anyone who conveys the material (or modified versions of
it) with contractual assumptions of liability to the recipient, for
any liability that these contractual assumptions directly impose on
those licensors and authors.
All other non-permissive additional terms are considered "further
restrictions" within the meaning of section 10. If the Program as you
received it, or any part of it, contains a notice stating that it is
governed by this License along with a term that is a further
restriction, you may remove that term. If a license document contains
a further restriction but permits relicensing or conveying under this
License, you may add to a covered work material governed by the terms
of that license document, provided that the further restriction does
not survive such relicensing or conveying.
If you add terms to a covered work in accord with this section, you
must place, in the relevant source files, a statement of the
additional terms that apply to those files, or a notice indicating
where to find the applicable terms.
Additional terms, permissive or non-permissive, may be stated in the
form of a separately written license, or stated as exceptions;
the above requirements apply either way.
8. Termination.
You may not propagate or modify a covered work except as expressly
provided under this License. Any attempt otherwise to propagate or
modify it is void, and will automatically terminate your rights under
this License (including any patent licenses granted under the third
paragraph of section 11).
However, if you cease all violation of this License, then your
license from a particular copyright holder is reinstated (a)
provisionally, unless and until the copyright holder explicitly and
finally terminates your license, and (b) permanently, if the copyright
holder fails to notify you of the violation by some reasonable means
prior to 60 days after the cessation.
Moreover, your license from a particular copyright holder is
reinstated permanently if the copyright holder notifies you of the
violation by some reasonable means, this is the first time you have
received notice of violation of this License (for any work) from that
copyright holder, and you cure the violation prior to 30 days after
your receipt of the notice.
Termination of your rights under this section does not terminate the
licenses of parties who have received copies or rights from you under
this License. If your rights have been terminated and not permanently
reinstated, you do not qualify to receive new licenses for the same
material under section 10.
9. Acceptance Not Required for Having Copies.
You are not required to accept this License in order to receive or
run a copy of the Program. Ancillary propagation of a covered work
occurring solely as a consequence of using peer-to-peer transmission
to receive a copy likewise does not require acceptance. However,
nothing other than this License grants you permission to propagate or
modify any covered work. These actions infringe copyright if you do
not accept this License. Therefore, by modifying or propagating a
covered work, you indicate your acceptance of this License to do so.
10. Automatic Licensing of Downstream Recipients.
Each time you convey a covered work, the recipient automatically
receives a license from the original licensors, to run, modify and
propagate that work, subject to this License. You are not responsible
for enforcing compliance by third parties with this License.
An "entity transaction" is a transaction transferring control of an
organization, or substantially all assets of one, or subdividing an
organization, or merging organizations. If propagation of a covered
work results from an entity transaction, each party to that
transaction who receives a copy of the work also receives whatever
licenses to the work the party's predecessor in interest had or could
give under the previous paragraph, plus a right to possession of the
Corresponding Source of the work from the predecessor in interest, if
the predecessor has it or can get it with reasonable efforts.
You may not impose any further restrictions on the exercise of the
rights granted or affirmed under this License. For example, you may
not impose a license fee, royalty, or other charge for exercise of
rights granted under this License, and you may not initiate litigation
(including a cross-claim or counterclaim in a lawsuit) alleging that
any patent claim is infringed by making, using, selling, offering for
sale, or importing the Program or any portion of it.
11. Patents.
A "contributor" is a copyright holder who authorizes use under this
License of the Program or a work on which the Program is based. The
work thus licensed is called the contributor's "contributor version".
A contributor's "essential patent claims" are all patent claims
owned or controlled by the contributor, whether already acquired or
hereafter acquired, that would be infringed by some manner, permitted
by this License, of making, using, or selling its contributor version,
but do not include claims that would be infringed only as a
consequence of further modification of the contributor version. For
purposes of this definition, "control" includes the right to grant
patent sublicenses in a manner consistent with the requirements of
this License.
Each contributor grants you a non-exclusive, worldwide, royalty-free
patent license under the contributor's essential patent claims, to
make, use, sell, offer for sale, import and otherwise run, modify and
propagate the contents of its contributor version.
In the following three paragraphs, a "patent license" is any express
agreement or commitment, however denominated, not to enforce a patent
(such as an express permission to practice a patent or covenant not to
sue for patent infringement). To "grant" such a patent license to a
party means to make such an agreement or commitment not to enforce a
patent against the party.
If you convey a covered work, knowingly relying on a patent license,
and the Corresponding Source of the work is not available for anyone
to copy, free of charge and under the terms of this License, through a
publicly available network server or other readily accessible means,
then you must either (1) cause the Corresponding Source to be so
available, or (2) arrange to deprive yourself of the benefit of the
patent license for this particular work, or (3) arrange, in a manner
consistent with the requirements of this License, to extend the patent
license to downstream recipients. "Knowingly relying" means you have
actual knowledge that, but for the patent license, your conveying the
covered work in a country, or your recipient's use of the covered work
in a country, would infringe one or more identifiable patents in that
country that you have reason to believe are valid.
If, pursuant to or in connection with a single transaction or
arrangement, you convey, or propagate by procuring conveyance of, a
covered work, and grant a patent license to some of the parties
receiving the covered work authorizing them to use, propagate, modify
or convey a specific copy of the covered work, then the patent license
you grant is automatically extended to all recipients of the covered
work and works based on it.
A patent license is "discriminatory" if it does not include within
the scope of its coverage, prohibits the exercise of, or is
conditioned on the non-exercise of one or more of the rights that are
specifically granted under this License. You may not convey a covered
work if you are a party to an arrangement with a third party that is
in the business of distributing software, under which you make payment
to the third party based on the extent of your activity of conveying
the work, and under which the third party grants, to any of the
parties who would receive the covered work from you, a discriminatory
patent license (a) in connection with copies of the covered work
conveyed by you (or copies made from those copies), or (b) primarily
for and in connection with specific products or compilations that
contain the covered work, unless you entered into that arrangement,
or that patent license was granted, prior to 28 March 2007.
Nothing in this License shall be construed as excluding or limiting
any implied license or other defenses to infringement that may
otherwise be available to you under applicable patent law.
12. No Surrender of Others' Freedom.
If conditions are imposed on you (whether by court order, agreement or
otherwise) that contradict the conditions of this License, they do not
excuse you from the conditions of this License. If you cannot convey a
covered work so as to satisfy simultaneously your obligations under this
License and any other pertinent obligations, then as a consequence you may
not convey it at all. For example, if you agree to terms that obligate you
to collect a royalty for further conveying from those to whom you convey
the Program, the only way you could satisfy both those terms and this
License would be to refrain entirely from conveying the Program.
13. Use with the GNU Affero General Public License.
Notwithstanding any other provision of this License, you have
permission to link or combine any covered work with a work licensed
under version 3 of the GNU Affero General Public License into a single
combined work, and to convey the resulting work. The terms of this
License will continue to apply to the part which is the covered work,
but the special requirements of the GNU Affero General Public License,
section 13, concerning interaction through a network will apply to the
combination as such.
14. Revised Versions of this License.
The Free Software Foundation may publish revised and/or new versions of
the GNU General Public License from time to time. Such new versions will
be similar in spirit to the present version, but may differ in detail to
address new problems or concerns.
Each version is given a distinguishing version number. If the
Program specifies that a certain numbered version of the GNU General
Public License "or any later version" applies to it, you have the
option of following the terms and conditions either of that numbered
version or of any later version published by the Free Software
Foundation. If the Program does not specify a version number of the
GNU General Public License, you may choose any version ever published
by the Free Software Foundation.
If the Program specifies that a proxy can decide which future
versions of the GNU General Public License can be used, that proxy's
public statement of acceptance of a version permanently authorizes you
to choose that version for the Program.
Later license versions may give you additional or different
permissions. However, no additional obligations are imposed on any
author or copyright holder as a result of your choosing to follow a
later version.
15. Disclaimer of Warranty.
THERE IS NO WARRANTY FOR THE PROGRAM, TO THE EXTENT PERMITTED BY
APPLICABLE LAW. EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT
HOLDERS AND/OR OTHER PARTIES PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY
OF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO,
THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
PURPOSE. THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE PROGRAM
IS WITH YOU. SHOULD THE PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF
ALL NECESSARY SERVICING, REPAIR OR CORRECTION.
16. Limitation of Liability.
IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING
WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MODIFIES AND/OR CONVEYS
THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY
GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF THE
USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED TO LOSS OF
DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD
PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER PROGRAMS),
EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF
SUCH DAMAGES.
17. Interpretation of Sections 15 and 16.
If the disclaimer of warranty and limitation of liability provided
above cannot be given local legal effect according to their terms,
reviewing courts shall apply local law that most closely approximates
an absolute waiver of all civil liability in connection with the
Program, unless a warranty or assumption of liability accompanies a
copy of the Program in return for a fee.
END OF TERMS AND CONDITIONS
How to Apply These Terms to Your New Programs
If you develop a new program, and you want it to be of the greatest
possible use to the public, the best way to achieve this is to make it
free software which everyone can redistribute and change under these terms.
To do so, attach the following notices to the program. It is safest
to attach them to the start of each source file to most effectively
state the exclusion of warranty; and each file should have at least
the "copyright" line and a pointer to where the full notice is found.
<one line to give the program's name and a brief idea of what it does.>
Copyright (C) <year> <name of author>
This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.
You should have received a copy of the GNU General Public License
along with this program. If not, see <https://www.gnu.org/licenses/>.
Also add information on how to contact you by electronic and paper mail.
If the program does terminal interaction, make it output a short
notice like this when it starts in an interactive mode:
<program> Copyright (C) <year> <name of author>
This program comes with ABSOLUTELY NO WARRANTY; for details type `show w'.
This is free software, and you are welcome to redistribute it
under certain conditions; type `show c' for details.
The hypothetical commands `show w' and `show c' should show the appropriate
parts of the General Public License. Of course, your program's commands
might be different; for a GUI interface, you would use an "about box".
You should also get your employer (if you work as a programmer) or school,
if any, to sign a "copyright disclaimer" for the program, if necessary.
For more information on this, and how to apply and follow the GNU GPL, see
<https://www.gnu.org/licenses/>.
The GNU General Public License does not permit incorporating your program
into proprietary programs. If your program is a subroutine library, you
may consider it more useful to permit linking proprietary applications with
the library. If this is what you want to do, use the GNU Lesser General
Public License instead of this License. But first, please read
<https://www.gnu.org/licenses/why-not-lgpl.html>.

View file

@ -0,0 +1,392 @@
<!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 Lauantai by Panix Hilton | pax:nion</title>
<meta name="title" content="Play &quot;Lauantai&quot; by Panix Hilton" />
<meta name="description" content="A track by Panix Hilton named &quot;Lauantai&quot; 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/2012-grab-bag/1-lauantai/" />
<link rel="alternate" hreflang="x-default" href="https://paxnion.basspistol.com/albums/2012-grab-bag/1-lauantai/" />
<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 &copy;2020 pax:nion." />
<meta name="dcterms.Subject" content="A track by Panix Hilton named &quot;Lauantai&quot; published on pax:nion" />
<meta name="dcterms.Title" content="Play &quot;Lauantai&quot; 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 &quot;2012 Grab Bag&quot; and support your remote artist!" />
<!-- Facebook -->
<meta property="og:title" content="Lauantai" />
<meta property="og:locale" content="en" />
<meta property="og:description" content="Listen and to a track by Panix Hilton from the release &quot;2012 Grab Bag&quot; and support your remote artist!" />
<meta property="og:url" content="https://paxnion.basspistol.com/albums/2012-grab-bag/1-lauantai/" />
<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/2012-grab-bag/1-lauantai.mp3" />
<meta property="article:published_time" content="2020-07-23T12:00:29+00:00" />
<meta property="og:image" content="https://media.basspistol.com/panix/2012-grab-bag/1-lauantai.jpeg" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Lauantai | pax:nion" />
<meta name="twitter:description" content="Listen and to a track by Panix Hilton from the release &quot;2012 Grab Bag&quot; and support your remote artist!" />
<meta name="twitter:image" content="https://media.basspistol.com/panix/2012-grab-bag/1-lauantai.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/2012-grab-bag/1-lauantai.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">Lauantai</h1>
<p><strong><span id="tracktime"></span></strong><span id="lauantai"></span></strong> <br />
Style: <strong>Electronic</strong>
</p>
<script type="text/javascript">
var lauantaitimestamp = 112;
var lauantaihours = Math.floor(lauantaitimestamp / 60 / 60);
var lauantaiminutes = Math.floor(lauantaitimestamp / 60) - (lauantaihours * 60);
var lauantaiseconds = lauantaitimestamp % 60;
var lauantaiformatted = lauantaihours.toString().padStart(2, '0') + ':' + lauantaiminutes.toString().padStart(2, '0') + ':' + lauantaiseconds.toString().padStart(2, '0');
var theSpan = document.getElementById("lauantai");
theSpan.innerHTML = lauantaiformatted;
</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/2012-grab-bag/1-lauantai.jpeg" alt="1 Lauantai 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>
</div>
<div class="post-nav-next">
<h4><a href="../../../albums/2012-grab-bag/2-hookin-for-cheeseburgers/">&nbsp;Hookin For Cheeseburgers</a> <a
href="../../../albums/2012-grab-bag/2-hookin-for-cheeseburgers/" alt="Read Hookin For Cheeseburgers" title="Read Hookin For Cheeseburgers"><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="Lauantai">
<source src="https://media.basspistol.com/panix/2012-grab-bag/1-lauantai.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>&copy;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("../../../2012-grab-bag/2-hookin-for-cheeseburgers/"); 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>
&nbsp;&nbsp;&nbsp;<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>

View 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 Tracks by Panix Hilton | pax:nion</title>
<meta name="title" content="Play &quot;Tracks&quot; by Panix Hilton" />
<meta name="description" content="A track by Panix Hilton named &quot;Tracks&quot; 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/2012-grab-bag/10-tracks/" />
<link rel="alternate" hreflang="x-default" href="https://paxnion.basspistol.com/albums/2012-grab-bag/10-tracks/" />
<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 &copy;2020 pax:nion." />
<meta name="dcterms.Subject" content="A track by Panix Hilton named &quot;Tracks&quot; published on pax:nion" />
<meta name="dcterms.Title" content="Play &quot;Tracks&quot; 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 &quot;2012 Grab Bag&quot; and support your remote artist!" />
<!-- Facebook -->
<meta property="og:title" content="Tracks" />
<meta property="og:locale" content="en" />
<meta property="og:description" content="Listen and to a track by Panix Hilton from the release &quot;2012 Grab Bag&quot; and support your remote artist!" />
<meta property="og:url" content="https://paxnion.basspistol.com/albums/2012-grab-bag/10-tracks/" />
<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/2012-grab-bag/10-tracks.mp3" />
<meta property="article:published_time" content="2020-07-23T12:00:29+00:00" />
<meta property="og:image" content="https://media.basspistol.com/panix/2012-grab-bag/10-tracks.jpeg" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Tracks | pax:nion" />
<meta name="twitter:description" content="Listen and to a track by Panix Hilton from the release &quot;2012 Grab Bag&quot; and support your remote artist!" />
<meta name="twitter:image" content="https://media.basspistol.com/panix/2012-grab-bag/10-tracks.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/2012-grab-bag/10-tracks.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">Tracks</h1>
<p><strong><span id="tracktime"></span></strong><span id="tracks"></span></strong> <br />
Style: <strong>Electronic</strong>
</p>
<script type="text/javascript">
var trackstimestamp = 156;
var trackshours = Math.floor(trackstimestamp / 60 / 60);
var tracksminutes = Math.floor(trackstimestamp / 60) - (trackshours * 60);
var tracksseconds = trackstimestamp % 60;
var tracksformatted = trackshours.toString().padStart(2, '0') + ':' + tracksminutes.toString().padStart(2, '0') + ':' + tracksseconds.toString().padStart(2, '0');
var theSpan = document.getElementById("tracks");
theSpan.innerHTML = tracksformatted;
</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/2012-grab-bag/10-tracks.jpeg" alt="10 Tracks 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/2012-grab-bag/9-skithink/" alt="Read Skithink" title="Read Skithink"><i class="fas fa-arrow-left"></i></a> <a
href="../../../albums/2012-grab-bag/9-skithink/">&nbsp;Skithink</a>
</h4>
</div>
<div class="post-nav-next">
<h4><a href="../../../albums/2012-grab-bag/11-verbophobia/">&nbsp;Verbophobia</a> <a
href="../../../albums/2012-grab-bag/11-verbophobia/" alt="Read Verbophobia" title="Read Verbophobia"><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="Tracks">
<source src="https://media.basspistol.com/panix/2012-grab-bag/10-tracks.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>&copy;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("../../../2012-grab-bag/11-verbophobia/"); 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>
&nbsp;&nbsp;&nbsp;<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>

View 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 Verbophobia by Panix Hilton | pax:nion</title>
<meta name="title" content="Play &quot;Verbophobia&quot; by Panix Hilton" />
<meta name="description" content="A track by Panix Hilton named &quot;Verbophobia&quot; 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/2012-grab-bag/11-verbophobia/" />
<link rel="alternate" hreflang="x-default" href="https://paxnion.basspistol.com/albums/2012-grab-bag/11-verbophobia/" />
<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 &copy;2020 pax:nion." />
<meta name="dcterms.Subject" content="A track by Panix Hilton named &quot;Verbophobia&quot; published on pax:nion" />
<meta name="dcterms.Title" content="Play &quot;Verbophobia&quot; 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 &quot;2012 Grab Bag&quot; and support your remote artist!" />
<!-- Facebook -->
<meta property="og:title" content="Verbophobia" />
<meta property="og:locale" content="en" />
<meta property="og:description" content="Listen and to a track by Panix Hilton from the release &quot;2012 Grab Bag&quot; and support your remote artist!" />
<meta property="og:url" content="https://paxnion.basspistol.com/albums/2012-grab-bag/11-verbophobia/" />
<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/2012-grab-bag/11-verbophobia.mp3" />
<meta property="article:published_time" content="2020-07-23T12:00:29+00:00" />
<meta property="og:image" content="https://media.basspistol.com/panix/2012-grab-bag/11-verbophobia.jpeg" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Verbophobia | pax:nion" />
<meta name="twitter:description" content="Listen and to a track by Panix Hilton from the release &quot;2012 Grab Bag&quot; and support your remote artist!" />
<meta name="twitter:image" content="https://media.basspistol.com/panix/2012-grab-bag/11-verbophobia.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/2012-grab-bag/11-verbophobia.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">Verbophobia</h1>
<p><strong><span id="tracktime"></span></strong><span id="verbophobia"></span></strong> <br />
Style: <strong>Electronic</strong>
</p>
<script type="text/javascript">
var verbophobiatimestamp = 114;
var verbophobiahours = Math.floor(verbophobiatimestamp / 60 / 60);
var verbophobiaminutes = Math.floor(verbophobiatimestamp / 60) - (verbophobiahours * 60);
var verbophobiaseconds = verbophobiatimestamp % 60;
var verbophobiaformatted = verbophobiahours.toString().padStart(2, '0') + ':' + verbophobiaminutes.toString().padStart(2, '0') + ':' + verbophobiaseconds.toString().padStart(2, '0');
var theSpan = document.getElementById("verbophobia");
theSpan.innerHTML = verbophobiaformatted;
</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/2012-grab-bag/11-verbophobia.jpeg" alt="11 Verbophobia 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/2012-grab-bag/10-tracks/" alt="Read Tracks" title="Read Tracks"><i class="fas fa-arrow-left"></i></a> <a
href="../../../albums/2012-grab-bag/10-tracks/">&nbsp;Tracks</a>
</h4>
</div>
<div class="post-nav-next">
<h4><a href="../../../albums/2012-grab-bag/1-lauantai/">&nbsp;Lauantai</a> <a
href="../../../albums/2012-grab-bag/1-lauantai/" alt="Read Lauantai" title="Read Lauantai"><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="Verbophobia">
<source src="https://media.basspistol.com/panix/2012-grab-bag/11-verbophobia.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>&copy;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("../../../2012-grab-bag/1-lauantai/"); 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>
&nbsp;&nbsp;&nbsp;<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>

View 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 Hookin For Cheeseburgers by Panix Hilton | pax:nion</title>
<meta name="title" content="Play &quot;Hookin For Cheeseburgers&quot; by Panix Hilton" />
<meta name="description" content="A track by Panix Hilton named &quot;Hookin For Cheeseburgers&quot; published on pax:nion" />
<meta name="dc.date.modified" scheme="ISO8601" content="2020-07-23T12:00:30+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/2012-grab-bag/2-hookin-for-cheeseburgers/" />
<link rel="alternate" hreflang="x-default" href="https://paxnion.basspistol.com/albums/2012-grab-bag/2-hookin-for-cheeseburgers/" />
<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 &copy;2020 pax:nion." />
<meta name="dcterms.Subject" content="A track by Panix Hilton named &quot;Hookin For Cheeseburgers&quot; published on pax:nion" />
<meta name="dcterms.Title" content="Play &quot;Hookin For Cheeseburgers&quot; 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 &quot;2012 Grab Bag&quot; and support your remote artist!" />
<!-- Facebook -->
<meta property="og:title" content="Hookin For Cheeseburgers" />
<meta property="og:locale" content="en" />
<meta property="og:description" content="Listen and to a track by Panix Hilton from the release &quot;2012 Grab Bag&quot; and support your remote artist!" />
<meta property="og:url" content="https://paxnion.basspistol.com/albums/2012-grab-bag/2-hookin-for-cheeseburgers/" />
<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/2012-grab-bag/2-hookin-for-cheeseburgers.mp3" />
<meta property="article:published_time" content="2020-07-23T12:00:30+00:00" />
<meta property="og:image" content="https://media.basspistol.com/panix/2012-grab-bag/2-hookin-for-cheeseburgers.jpeg" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Hookin For Cheeseburgers | pax:nion" />
<meta name="twitter:description" content="Listen and to a track by Panix Hilton from the release &quot;2012 Grab Bag&quot; and support your remote artist!" />
<meta name="twitter:image" content="https://media.basspistol.com/panix/2012-grab-bag/2-hookin-for-cheeseburgers.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/2012-grab-bag/2-hookin-for-cheeseburgers.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">Hookin For Cheeseburgers</h1>
<p><strong><span id="tracktime"></span></strong><span id="hookinforcheeseburgers"></span></strong> <br />
Style: <strong>Electronic</strong>
</p>
<script type="text/javascript">
var hookinforcheeseburgerstimestamp = 113;
var hookinforcheeseburgershours = Math.floor(hookinforcheeseburgerstimestamp / 60 / 60);
var hookinforcheeseburgersminutes = Math.floor(hookinforcheeseburgerstimestamp / 60) - (hookinforcheeseburgershours * 60);
var hookinforcheeseburgersseconds = hookinforcheeseburgerstimestamp % 60;
var hookinforcheeseburgersformatted = hookinforcheeseburgershours.toString().padStart(2, '0') + ':' + hookinforcheeseburgersminutes.toString().padStart(2, '0') + ':' + hookinforcheeseburgersseconds.toString().padStart(2, '0');
var theSpan = document.getElementById("hookinforcheeseburgers");
theSpan.innerHTML = hookinforcheeseburgersformatted;
</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/2012-grab-bag/2-hookin-for-cheeseburgers.jpeg" alt="2 Hookin For Cheeseburgers 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/2012-grab-bag/1-lauantai/" alt="Read Lauantai" title="Read Lauantai"><i class="fas fa-arrow-left"></i></a> <a
href="../../../albums/2012-grab-bag/1-lauantai/">&nbsp;Lauantai</a>
</h4>
</div>
<div class="post-nav-next">
<h4><a href="../../../albums/2012-grab-bag/3-mandaak/">&nbsp;Mandaak</a> <a
href="../../../albums/2012-grab-bag/3-mandaak/" alt="Read Mandaak" title="Read Mandaak"><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="Hookin For Cheeseburgers">
<source src="https://media.basspistol.com/panix/2012-grab-bag/2-hookin-for-cheeseburgers.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>&copy;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("../../../2012-grab-bag/3-mandaak/"); 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>
&nbsp;&nbsp;&nbsp;<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>

View 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 Mandaak by Panix Hilton | pax:nion</title>
<meta name="title" content="Play &quot;Mandaak&quot; by Panix Hilton" />
<meta name="description" content="A track by Panix Hilton named &quot;Mandaak&quot; 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/2012-grab-bag/3-mandaak/" />
<link rel="alternate" hreflang="x-default" href="https://paxnion.basspistol.com/albums/2012-grab-bag/3-mandaak/" />
<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 &copy;2020 pax:nion." />
<meta name="dcterms.Subject" content="A track by Panix Hilton named &quot;Mandaak&quot; published on pax:nion" />
<meta name="dcterms.Title" content="Play &quot;Mandaak&quot; 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 &quot;2012 Grab Bag&quot; and support your remote artist!" />
<!-- Facebook -->
<meta property="og:title" content="Mandaak" />
<meta property="og:locale" content="en" />
<meta property="og:description" content="Listen and to a track by Panix Hilton from the release &quot;2012 Grab Bag&quot; and support your remote artist!" />
<meta property="og:url" content="https://paxnion.basspistol.com/albums/2012-grab-bag/3-mandaak/" />
<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/2012-grab-bag/3-mandaak.mp3" />
<meta property="article:published_time" content="2020-07-23T12:00:29+00:00" />
<meta property="og:image" content="https://media.basspistol.com/panix/2012-grab-bag/3-mandaak.jpeg" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Mandaak | pax:nion" />
<meta name="twitter:description" content="Listen and to a track by Panix Hilton from the release &quot;2012 Grab Bag&quot; and support your remote artist!" />
<meta name="twitter:image" content="https://media.basspistol.com/panix/2012-grab-bag/3-mandaak.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/2012-grab-bag/3-mandaak.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">Mandaak</h1>
<p><strong><span id="tracktime"></span></strong><span id="mandaak"></span></strong> <br />
Style: <strong>Electronic</strong>
</p>
<script type="text/javascript">
var mandaaktimestamp = 141;
var mandaakhours = Math.floor(mandaaktimestamp / 60 / 60);
var mandaakminutes = Math.floor(mandaaktimestamp / 60) - (mandaakhours * 60);
var mandaakseconds = mandaaktimestamp % 60;
var mandaakformatted = mandaakhours.toString().padStart(2, '0') + ':' + mandaakminutes.toString().padStart(2, '0') + ':' + mandaakseconds.toString().padStart(2, '0');
var theSpan = document.getElementById("mandaak");
theSpan.innerHTML = mandaakformatted;
</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/2012-grab-bag/3-mandaak.jpeg" alt="3 Mandaak 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/2012-grab-bag/2-hookin-for-cheeseburgers/" alt="Read Hookin For Cheeseburgers" title="Read Hookin For Cheeseburgers"><i class="fas fa-arrow-left"></i></a> <a
href="../../../albums/2012-grab-bag/2-hookin-for-cheeseburgers/">&nbsp;Hookin For Cheeseburgers</a>
</h4>
</div>
<div class="post-nav-next">
<h4><a href="../../../albums/2012-grab-bag/4-inte-sova/">&nbsp;Inte Sova</a> <a
href="../../../albums/2012-grab-bag/4-inte-sova/" alt="Read Inte Sova" title="Read Inte Sova"><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="Mandaak">
<source src="https://media.basspistol.com/panix/2012-grab-bag/3-mandaak.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>&copy;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("../../../2012-grab-bag/4-inte-sova/"); 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>
&nbsp;&nbsp;&nbsp;<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>

View 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 Inte Sova by Panix Hilton | pax:nion</title>
<meta name="title" content="Play &quot;Inte Sova&quot; by Panix Hilton" />
<meta name="description" content="A track by Panix Hilton named &quot;Inte Sova&quot; 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/2012-grab-bag/4-inte-sova/" />
<link rel="alternate" hreflang="x-default" href="https://paxnion.basspistol.com/albums/2012-grab-bag/4-inte-sova/" />
<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 &copy;2020 pax:nion." />
<meta name="dcterms.Subject" content="A track by Panix Hilton named &quot;Inte Sova&quot; published on pax:nion" />
<meta name="dcterms.Title" content="Play &quot;Inte Sova&quot; 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 &quot;2012 Grab Bag&quot; and support your remote artist!" />
<!-- Facebook -->
<meta property="og:title" content="Inte Sova" />
<meta property="og:locale" content="en" />
<meta property="og:description" content="Listen and to a track by Panix Hilton from the release &quot;2012 Grab Bag&quot; and support your remote artist!" />
<meta property="og:url" content="https://paxnion.basspistol.com/albums/2012-grab-bag/4-inte-sova/" />
<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/2012-grab-bag/4-inte-sova.mp3" />
<meta property="article:published_time" content="2020-07-23T12:00:29+00:00" />
<meta property="og:image" content="https://media.basspistol.com/panix/2012-grab-bag/4-inte-sova.jpeg" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Inte Sova | pax:nion" />
<meta name="twitter:description" content="Listen and to a track by Panix Hilton from the release &quot;2012 Grab Bag&quot; and support your remote artist!" />
<meta name="twitter:image" content="https://media.basspistol.com/panix/2012-grab-bag/4-inte-sova.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/2012-grab-bag/4-inte-sova.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">Inte Sova</h1>
<p><strong><span id="tracktime"></span></strong><span id="intesova"></span></strong> <br />
Style: <strong>Electronic</strong>
</p>
<script type="text/javascript">
var intesovatimestamp = 131;
var intesovahours = Math.floor(intesovatimestamp / 60 / 60);
var intesovaminutes = Math.floor(intesovatimestamp / 60) - (intesovahours * 60);
var intesovaseconds = intesovatimestamp % 60;
var intesovaformatted = intesovahours.toString().padStart(2, '0') + ':' + intesovaminutes.toString().padStart(2, '0') + ':' + intesovaseconds.toString().padStart(2, '0');
var theSpan = document.getElementById("intesova");
theSpan.innerHTML = intesovaformatted;
</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/2012-grab-bag/4-inte-sova.jpeg" alt="4 Inte Sova 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/2012-grab-bag/3-mandaak/" alt="Read Mandaak" title="Read Mandaak"><i class="fas fa-arrow-left"></i></a> <a
href="../../../albums/2012-grab-bag/3-mandaak/">&nbsp;Mandaak</a>
</h4>
</div>
<div class="post-nav-next">
<h4><a href="../../../albums/2012-grab-bag/5-you-need-it/">&nbsp;You Need It</a> <a
href="../../../albums/2012-grab-bag/5-you-need-it/" alt="Read You Need It" title="Read You Need It"><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="Inte Sova">
<source src="https://media.basspistol.com/panix/2012-grab-bag/4-inte-sova.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>&copy;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("../../../2012-grab-bag/5-you-need-it/"); 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>
&nbsp;&nbsp;&nbsp;<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>

View 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 You Need It by Panix Hilton | pax:nion</title>
<meta name="title" content="Play &quot;You Need It&quot; by Panix Hilton" />
<meta name="description" content="A track by Panix Hilton named &quot;You Need It&quot; published on pax:nion" />
<meta name="dc.date.modified" scheme="ISO8601" content="2020-07-23T12:00:30+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/2012-grab-bag/5-you-need-it/" />
<link rel="alternate" hreflang="x-default" href="https://paxnion.basspistol.com/albums/2012-grab-bag/5-you-need-it/" />
<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 &copy;2020 pax:nion." />
<meta name="dcterms.Subject" content="A track by Panix Hilton named &quot;You Need It&quot; published on pax:nion" />
<meta name="dcterms.Title" content="Play &quot;You Need It&quot; 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 &quot;2012 Grab Bag&quot; and support your remote artist!" />
<!-- Facebook -->
<meta property="og:title" content="You Need It" />
<meta property="og:locale" content="en" />
<meta property="og:description" content="Listen and to a track by Panix Hilton from the release &quot;2012 Grab Bag&quot; and support your remote artist!" />
<meta property="og:url" content="https://paxnion.basspistol.com/albums/2012-grab-bag/5-you-need-it/" />
<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/2012-grab-bag/5-you-need-it.mp3" />
<meta property="article:published_time" content="2020-07-23T12:00:30+00:00" />
<meta property="og:image" content="https://media.basspistol.com/panix/2012-grab-bag/5-you-need-it.jpeg" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="You Need It | pax:nion" />
<meta name="twitter:description" content="Listen and to a track by Panix Hilton from the release &quot;2012 Grab Bag&quot; and support your remote artist!" />
<meta name="twitter:image" content="https://media.basspistol.com/panix/2012-grab-bag/5-you-need-it.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/2012-grab-bag/5-you-need-it.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">You Need It</h1>
<p><strong><span id="tracktime"></span></strong><span id="youneedit"></span></strong> <br />
Style: <strong>Electronic</strong>
</p>
<script type="text/javascript">
var youneedittimestamp = 147;
var youneedithours = Math.floor(youneedittimestamp / 60 / 60);
var youneeditminutes = Math.floor(youneedittimestamp / 60) - (youneedithours * 60);
var youneeditseconds = youneedittimestamp % 60;
var youneeditformatted = youneedithours.toString().padStart(2, '0') + ':' + youneeditminutes.toString().padStart(2, '0') + ':' + youneeditseconds.toString().padStart(2, '0');
var theSpan = document.getElementById("youneedit");
theSpan.innerHTML = youneeditformatted;
</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/2012-grab-bag/5-you-need-it.jpeg" alt="5 You Need It 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/2012-grab-bag/4-inte-sova/" alt="Read Inte Sova" title="Read Inte Sova"><i class="fas fa-arrow-left"></i></a> <a
href="../../../albums/2012-grab-bag/4-inte-sova/">&nbsp;Inte Sova</a>
</h4>
</div>
<div class="post-nav-next">
<h4><a href="../../../albums/2012-grab-bag/6-spinal-cord-forever/">&nbsp;Spinal Cord Forever</a> <a
href="../../../albums/2012-grab-bag/6-spinal-cord-forever/" alt="Read Spinal Cord Forever" title="Read Spinal Cord Forever"><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="You Need It">
<source src="https://media.basspistol.com/panix/2012-grab-bag/5-you-need-it.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>&copy;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("../../../2012-grab-bag/6-spinal-cord-forever/"); 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>
&nbsp;&nbsp;&nbsp;<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>

View 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 Spinal Cord Forever by Panix Hilton | pax:nion</title>
<meta name="title" content="Play &quot;Spinal Cord Forever&quot; by Panix Hilton" />
<meta name="description" content="A track by Panix Hilton named &quot;Spinal Cord Forever&quot; 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/2012-grab-bag/6-spinal-cord-forever/" />
<link rel="alternate" hreflang="x-default" href="https://paxnion.basspistol.com/albums/2012-grab-bag/6-spinal-cord-forever/" />
<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 &copy;2020 pax:nion." />
<meta name="dcterms.Subject" content="A track by Panix Hilton named &quot;Spinal Cord Forever&quot; published on pax:nion" />
<meta name="dcterms.Title" content="Play &quot;Spinal Cord Forever&quot; 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 &quot;2012 Grab Bag&quot; and support your remote artist!" />
<!-- Facebook -->
<meta property="og:title" content="Spinal Cord Forever" />
<meta property="og:locale" content="en" />
<meta property="og:description" content="Listen and to a track by Panix Hilton from the release &quot;2012 Grab Bag&quot; and support your remote artist!" />
<meta property="og:url" content="https://paxnion.basspistol.com/albums/2012-grab-bag/6-spinal-cord-forever/" />
<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/2012-grab-bag/6-spinal-cord-forever.mp3" />
<meta property="article:published_time" content="2020-07-23T12:00:29+00:00" />
<meta property="og:image" content="https://media.basspistol.com/panix/2012-grab-bag/6-spinal-cord-forever.jpeg" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Spinal Cord Forever | pax:nion" />
<meta name="twitter:description" content="Listen and to a track by Panix Hilton from the release &quot;2012 Grab Bag&quot; and support your remote artist!" />
<meta name="twitter:image" content="https://media.basspistol.com/panix/2012-grab-bag/6-spinal-cord-forever.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/2012-grab-bag/6-spinal-cord-forever.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">Spinal Cord Forever</h1>
<p><strong><span id="tracktime"></span></strong><span id="spinalcordforever"></span></strong> <br />
Style: <strong>Electronic</strong>
</p>
<script type="text/javascript">
var spinalcordforevertimestamp = 143;
var spinalcordforeverhours = Math.floor(spinalcordforevertimestamp / 60 / 60);
var spinalcordforeverminutes = Math.floor(spinalcordforevertimestamp / 60) - (spinalcordforeverhours * 60);
var spinalcordforeverseconds = spinalcordforevertimestamp % 60;
var spinalcordforeverformatted = spinalcordforeverhours.toString().padStart(2, '0') + ':' + spinalcordforeverminutes.toString().padStart(2, '0') + ':' + spinalcordforeverseconds.toString().padStart(2, '0');
var theSpan = document.getElementById("spinalcordforever");
theSpan.innerHTML = spinalcordforeverformatted;
</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/2012-grab-bag/6-spinal-cord-forever.jpeg" alt="6 Spinal Cord Forever 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/2012-grab-bag/5-you-need-it/" alt="Read You Need It" title="Read You Need It"><i class="fas fa-arrow-left"></i></a> <a
href="../../../albums/2012-grab-bag/5-you-need-it/">&nbsp;You Need It</a>
</h4>
</div>
<div class="post-nav-next">
<h4><a href="../../../albums/2012-grab-bag/7-bored-beyond-belief/">&nbsp;Bored Beyond Belief</a> <a
href="../../../albums/2012-grab-bag/7-bored-beyond-belief/" alt="Read Bored Beyond Belief" title="Read Bored Beyond Belief"><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="Spinal Cord Forever">
<source src="https://media.basspistol.com/panix/2012-grab-bag/6-spinal-cord-forever.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>&copy;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("../../../2012-grab-bag/7-bored-beyond-belief/"); 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>
&nbsp;&nbsp;&nbsp;<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>

View 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 Bored Beyond Belief by Panix Hilton | pax:nion</title>
<meta name="title" content="Play &quot;Bored Beyond Belief&quot; by Panix Hilton" />
<meta name="description" content="A track by Panix Hilton named &quot;Bored Beyond Belief&quot; 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/2012-grab-bag/7-bored-beyond-belief/" />
<link rel="alternate" hreflang="x-default" href="https://paxnion.basspistol.com/albums/2012-grab-bag/7-bored-beyond-belief/" />
<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 &copy;2020 pax:nion." />
<meta name="dcterms.Subject" content="A track by Panix Hilton named &quot;Bored Beyond Belief&quot; published on pax:nion" />
<meta name="dcterms.Title" content="Play &quot;Bored Beyond Belief&quot; 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 &quot;2012 Grab Bag&quot; and support your remote artist!" />
<!-- Facebook -->
<meta property="og:title" content="Bored Beyond Belief" />
<meta property="og:locale" content="en" />
<meta property="og:description" content="Listen and to a track by Panix Hilton from the release &quot;2012 Grab Bag&quot; and support your remote artist!" />
<meta property="og:url" content="https://paxnion.basspistol.com/albums/2012-grab-bag/7-bored-beyond-belief/" />
<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/2012-grab-bag/7-bored-beyond-belief.mp3" />
<meta property="article:published_time" content="2020-07-23T12:00:29+00:00" />
<meta property="og:image" content="https://media.basspistol.com/panix/2012-grab-bag/7-bored-beyond-belief.jpeg" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Bored Beyond Belief | pax:nion" />
<meta name="twitter:description" content="Listen and to a track by Panix Hilton from the release &quot;2012 Grab Bag&quot; and support your remote artist!" />
<meta name="twitter:image" content="https://media.basspistol.com/panix/2012-grab-bag/7-bored-beyond-belief.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/2012-grab-bag/7-bored-beyond-belief.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">Bored Beyond Belief</h1>
<p><strong><span id="tracktime"></span></strong><span id="boredbeyondbelief"></span></strong> <br />
Style: <strong>Electronic</strong>
</p>
<script type="text/javascript">
var boredbeyondbelieftimestamp = 86;
var boredbeyondbeliefhours = Math.floor(boredbeyondbelieftimestamp / 60 / 60);
var boredbeyondbeliefminutes = Math.floor(boredbeyondbelieftimestamp / 60) - (boredbeyondbeliefhours * 60);
var boredbeyondbeliefseconds = boredbeyondbelieftimestamp % 60;
var boredbeyondbeliefformatted = boredbeyondbeliefhours.toString().padStart(2, '0') + ':' + boredbeyondbeliefminutes.toString().padStart(2, '0') + ':' + boredbeyondbeliefseconds.toString().padStart(2, '0');
var theSpan = document.getElementById("boredbeyondbelief");
theSpan.innerHTML = boredbeyondbeliefformatted;
</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/2012-grab-bag/7-bored-beyond-belief.jpeg" alt="7 Bored Beyond Belief 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/2012-grab-bag/6-spinal-cord-forever/" alt="Read Spinal Cord Forever" title="Read Spinal Cord Forever"><i class="fas fa-arrow-left"></i></a> <a
href="../../../albums/2012-grab-bag/6-spinal-cord-forever/">&nbsp;Spinal Cord Forever</a>
</h4>
</div>
<div class="post-nav-next">
<h4><a href="../../../albums/2012-grab-bag/8-orkarnt/">&nbsp;Orkarnt</a> <a
href="../../../albums/2012-grab-bag/8-orkarnt/" alt="Read Orkarnt" title="Read Orkarnt"><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="Bored Beyond Belief">
<source src="https://media.basspistol.com/panix/2012-grab-bag/7-bored-beyond-belief.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>&copy;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("../../../2012-grab-bag/8-orkarnt/"); 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>
&nbsp;&nbsp;&nbsp;<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>

View 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 Orkarnt by Panix Hilton | pax:nion</title>
<meta name="title" content="Play &quot;Orkarnt&quot; by Panix Hilton" />
<meta name="description" content="A track by Panix Hilton named &quot;Orkarnt&quot; 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/2012-grab-bag/8-orkarnt/" />
<link rel="alternate" hreflang="x-default" href="https://paxnion.basspistol.com/albums/2012-grab-bag/8-orkarnt/" />
<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 &copy;2020 pax:nion." />
<meta name="dcterms.Subject" content="A track by Panix Hilton named &quot;Orkarnt&quot; published on pax:nion" />
<meta name="dcterms.Title" content="Play &quot;Orkarnt&quot; 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 &quot;2012 Grab Bag&quot; and support your remote artist!" />
<!-- Facebook -->
<meta property="og:title" content="Orkarnt" />
<meta property="og:locale" content="en" />
<meta property="og:description" content="Listen and to a track by Panix Hilton from the release &quot;2012 Grab Bag&quot; and support your remote artist!" />
<meta property="og:url" content="https://paxnion.basspistol.com/albums/2012-grab-bag/8-orkarnt/" />
<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/2012-grab-bag/8-orkarnt.mp3" />
<meta property="article:published_time" content="2020-07-23T12:00:29+00:00" />
<meta property="og:image" content="https://media.basspistol.com/panix/2012-grab-bag/8-orkarnt.jpeg" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Orkarnt | pax:nion" />
<meta name="twitter:description" content="Listen and to a track by Panix Hilton from the release &quot;2012 Grab Bag&quot; and support your remote artist!" />
<meta name="twitter:image" content="https://media.basspistol.com/panix/2012-grab-bag/8-orkarnt.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/2012-grab-bag/8-orkarnt.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">Orkarnt</h1>
<p><strong><span id="tracktime"></span></strong><span id="orkarnt"></span></strong> <br />
Style: <strong>Electronic</strong>
</p>
<script type="text/javascript">
var orkarnttimestamp = 127;
var orkarnthours = Math.floor(orkarnttimestamp / 60 / 60);
var orkarntminutes = Math.floor(orkarnttimestamp / 60) - (orkarnthours * 60);
var orkarntseconds = orkarnttimestamp % 60;
var orkarntformatted = orkarnthours.toString().padStart(2, '0') + ':' + orkarntminutes.toString().padStart(2, '0') + ':' + orkarntseconds.toString().padStart(2, '0');
var theSpan = document.getElementById("orkarnt");
theSpan.innerHTML = orkarntformatted;
</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/2012-grab-bag/8-orkarnt.jpeg" alt="8 Orkarnt 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/2012-grab-bag/7-bored-beyond-belief/" alt="Read Bored Beyond Belief" title="Read Bored Beyond Belief"><i class="fas fa-arrow-left"></i></a> <a
href="../../../albums/2012-grab-bag/7-bored-beyond-belief/">&nbsp;Bored Beyond Belief</a>
</h4>
</div>
<div class="post-nav-next">
<h4><a href="../../../albums/2012-grab-bag/9-skithink/">&nbsp;Skithink</a> <a
href="../../../albums/2012-grab-bag/9-skithink/" alt="Read Skithink" title="Read Skithink"><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="Orkarnt">
<source src="https://media.basspistol.com/panix/2012-grab-bag/8-orkarnt.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>&copy;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("../../../2012-grab-bag/9-skithink/"); 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>
&nbsp;&nbsp;&nbsp;<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>

View 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 Skithink by Panix Hilton | pax:nion</title>
<meta name="title" content="Play &quot;Skithink&quot; by Panix Hilton" />
<meta name="description" content="A track by Panix Hilton named &quot;Skithink&quot; published on pax:nion" />
<meta name="dc.date.modified" scheme="ISO8601" content="2020-07-23T12:00:30+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/2012-grab-bag/9-skithink/" />
<link rel="alternate" hreflang="x-default" href="https://paxnion.basspistol.com/albums/2012-grab-bag/9-skithink/" />
<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 &copy;2020 pax:nion." />
<meta name="dcterms.Subject" content="A track by Panix Hilton named &quot;Skithink&quot; published on pax:nion" />
<meta name="dcterms.Title" content="Play &quot;Skithink&quot; 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 &quot;2012 Grab Bag&quot; and support your remote artist!" />
<!-- Facebook -->
<meta property="og:title" content="Skithink" />
<meta property="og:locale" content="en" />
<meta property="og:description" content="Listen and to a track by Panix Hilton from the release &quot;2012 Grab Bag&quot; and support your remote artist!" />
<meta property="og:url" content="https://paxnion.basspistol.com/albums/2012-grab-bag/9-skithink/" />
<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/2012-grab-bag/9-skithink.mp3" />
<meta property="article:published_time" content="2020-07-23T12:00:30+00:00" />
<meta property="og:image" content="https://media.basspistol.com/panix/2012-grab-bag/9-skithink.jpeg" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Skithink | pax:nion" />
<meta name="twitter:description" content="Listen and to a track by Panix Hilton from the release &quot;2012 Grab Bag&quot; and support your remote artist!" />
<meta name="twitter:image" content="https://media.basspistol.com/panix/2012-grab-bag/9-skithink.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/2012-grab-bag/9-skithink.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">Skithink</h1>
<p><strong><span id="tracktime"></span></strong><span id="skithink"></span></strong> <br />
Style: <strong>Electronic</strong>
</p>
<script type="text/javascript">
var skithinktimestamp = 103;
var skithinkhours = Math.floor(skithinktimestamp / 60 / 60);
var skithinkminutes = Math.floor(skithinktimestamp / 60) - (skithinkhours * 60);
var skithinkseconds = skithinktimestamp % 60;
var skithinkformatted = skithinkhours.toString().padStart(2, '0') + ':' + skithinkminutes.toString().padStart(2, '0') + ':' + skithinkseconds.toString().padStart(2, '0');
var theSpan = document.getElementById("skithink");
theSpan.innerHTML = skithinkformatted;
</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/2012-grab-bag/9-skithink.jpeg" alt="9 Skithink 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/2012-grab-bag/8-orkarnt/" alt="Read Orkarnt" title="Read Orkarnt"><i class="fas fa-arrow-left"></i></a> <a
href="../../../albums/2012-grab-bag/8-orkarnt/">&nbsp;Orkarnt</a>
</h4>
</div>
<div class="post-nav-next">
<h4><a href="../../../albums/2012-grab-bag/10-tracks/">&nbsp;Tracks</a> <a
href="../../../albums/2012-grab-bag/10-tracks/" alt="Read Tracks" title="Read Tracks"><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="Skithink">
<source src="https://media.basspistol.com/panix/2012-grab-bag/9-skithink.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>&copy;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("../../../2012-grab-bag/10-tracks/"); 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>
&nbsp;&nbsp;&nbsp;<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>

View file

@ -0,0 +1,962 @@
<!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 &quot;2012 Grab Bag&quot; by Panix Hilton | pax:nion</title>
<meta name="title" content="Play &quot;2012 Grab Bag&quot; by Panix Hilton" />
<meta name="description" content="A release by Panix Hilton named &quot;2012 Grab Bag&quot; 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/2012-grab-bag/" />
<link rel="alternate" hreflang="x-default" href="https://paxnion.basspistol.com/albums/2012-grab-bag/" />
<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 &copy;2020 pax:nion." />
<meta name="dcterms.Subject" content="A release by Panix Hilton named &quot;2012 Grab Bag&quot; published on pax:nion" />
<meta name="dcterms.Title" content="Play &quot;2012 Grab Bag&quot; 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 &quot;2012 Grab Bag&quot; and support your remote artist!" />
<!-- Facebook -->
<meta property="og:title" content="2012 Grab Bag by Panix Hilton" />
<meta property="og:locale" content="en" />
<meta property="og:description" content="Listen and to a release by Panix Hilton named &quot;2012 Grab Bag&quot; and support your remote artist!" />
<meta property="og:url" content="https://paxnion.basspistol.com/albums/2012-grab-bag/" />
<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/2012-grab-bag/1-lauantai.mp3" />
<meta property="og:audio" content="https://media.basspistol.com/panix/2012-grab-bag/2-hookin-for-cheeseburgers.mp3" />
<meta property="og:audio" content="https://media.basspistol.com/panix/2012-grab-bag/3-mandaak.mp3" />
<meta property="og:audio" content="https://media.basspistol.com/panix/2012-grab-bag/4-inte-sova.mp3" />
<meta property="og:audio" content="https://media.basspistol.com/panix/2012-grab-bag/5-you-need-it.mp3" />
<meta property="og:audio" content="https://media.basspistol.com/panix/2012-grab-bag/6-spinal-cord-forever.mp3" />
<meta property="og:audio" content="https://media.basspistol.com/panix/2012-grab-bag/7-bored-beyond-belief.mp3" />
<meta property="og:audio" content="https://media.basspistol.com/panix/2012-grab-bag/8-orkarnt.mp3" />
<meta property="og:audio" content="https://media.basspistol.com/panix/2012-grab-bag/9-skithink.mp3" />
<meta property="og:audio" content="https://media.basspistol.com/panix/2012-grab-bag/10-tracks.mp3" />
<meta property="og:audio" content="https://media.basspistol.com/panix/2012-grab-bag/11-verbophobia.mp3" />
<meta property="article:published_time" content="2020-07-23T12:00:31+00:00" />
<meta property="og:image" content="https://media.basspistol.com/panix/2012-grab-bag/1-lauantai.jpeg" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="2012 Grab Bag | pax:nion" />
<meta name="twitter:description" content="Listen and to a release by Panix Hilton named &quot;2012 Grab Bag&quot; and support your remote artist!" />
<meta name="twitter:image" content="https://media.basspistol.com/panix/2012-grab-bag/1-lauantai.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">2012 Grab Bag</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/2012-grab-bag/1-lauantai.jpeg" alt="2012 Grab Bag" />
</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/2012-grab-bag/&amp;quote=2012 Grab Bag%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/2012-grab-bag/&amp;text=2012 Grab Bag%20by%20pax:nion%20&amp;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/2012-grab-bag/&amp;text=2012 Grab Bag%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/2012-grab-bag/&amp;title=2012 Grab Bag%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">Lauantai</div>
<div class="plLength">1:52</div>
</div>
</li>
<li>
<div class="plItem">
<div class="plNum">2.</div>
<div class="plTitle">Hookin For Cheeseburgers</div>
<div class="plLength">1:53</div>
</div>
</li>
<li>
<div class="plItem">
<div class="plNum">3.</div>
<div class="plTitle">Mandaak</div>
<div class="plLength">2:21</div>
</div>
</li>
<li>
<div class="plItem">
<div class="plNum">4.</div>
<div class="plTitle">Inte Sova</div>
<div class="plLength">2:11</div>
</div>
</li>
<li>
<div class="plItem">
<div class="plNum">5.</div>
<div class="plTitle">You Need It</div>
<div class="plLength">2:27</div>
</div>
</li>
<li>
<div class="plItem">
<div class="plNum">6.</div>
<div class="plTitle">Spinal Cord Forever</div>
<div class="plLength">2:23</div>
</div>
</li>
<li>
<div class="plItem">
<div class="plNum">7.</div>
<div class="plTitle">Bored Beyond Belief</div>
<div class="plLength">1:26</div>
</div>
</li>
<li>
<div class="plItem">
<div class="plNum">8.</div>
<div class="plTitle">Orkarnt</div>
<div class="plLength">2:07</div>
</div>
</li>
<li>
<div class="plItem">
<div class="plNum">9.</div>
<div class="plTitle">Skithink</div>
<div class="plLength">1:43</div>
</div>
</li>
<li>
<div class="plItem">
<div class="plNum">10.</div>
<div class="plTitle">Tracks</div>
<div class="plLength">2:36</div>
</div>
</li>
<li>
<div class="plItem">
<div class="plNum">11.</div>
<div class="plTitle">Verbophobia</div>
<div class="plLength">1:54</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/2012-grab-bag/1-lauantai.mp3">Lauantai </a></div>
<div class="plLength">1:52</div>
</div>
<div class="plItem">
<div class="plNum">2.</div>
<div class="plTitle"><a href="https://media.basspistol.com/panix/2012-grab-bag/2-hookin-for-cheeseburgers.mp3">Hookin For Cheeseburgers </a></div>
<div class="plLength">1:53</div>
</div>
<div class="plItem">
<div class="plNum">3.</div>
<div class="plTitle"><a href="https://media.basspistol.com/panix/2012-grab-bag/3-mandaak.mp3">Mandaak </a></div>
<div class="plLength">2:21</div>
</div>
<div class="plItem">
<div class="plNum">4.</div>
<div class="plTitle"><a href="https://media.basspistol.com/panix/2012-grab-bag/4-inte-sova.mp3">Inte Sova </a></div>
<div class="plLength">2:11</div>
</div>
<div class="plItem">
<div class="plNum">5.</div>
<div class="plTitle"><a href="https://media.basspistol.com/panix/2012-grab-bag/5-you-need-it.mp3">You Need It </a></div>
<div class="plLength">2:27</div>
</div>
<div class="plItem">
<div class="plNum">6.</div>
<div class="plTitle"><a href="https://media.basspistol.com/panix/2012-grab-bag/6-spinal-cord-forever.mp3">Spinal Cord Forever </a></div>
<div class="plLength">2:23</div>
</div>
<div class="plItem">
<div class="plNum">7.</div>
<div class="plTitle"><a href="https://media.basspistol.com/panix/2012-grab-bag/7-bored-beyond-belief.mp3">Bored Beyond Belief </a></div>
<div class="plLength">1:26</div>
</div>
<div class="plItem">
<div class="plNum">8.</div>
<div class="plTitle"><a href="https://media.basspistol.com/panix/2012-grab-bag/8-orkarnt.mp3">Orkarnt </a></div>
<div class="plLength">2:7</div>
</div>
<div class="plItem">
<div class="plNum">9.</div>
<div class="plTitle"><a href="https://media.basspistol.com/panix/2012-grab-bag/9-skithink.mp3">Skithink </a></div>
<div class="plLength">1:43</div>
</div>
<div class="plItem">
<div class="plNum">10.</div>
<div class="plTitle"><a href="https://media.basspistol.com/panix/2012-grab-bag/10-tracks.mp3">Tracks </a></div>
<div class="plLength">2:36</div>
</div>
<div class="plItem">
<div class="plNum">11.</div>
<div class="plTitle"><a href="https://media.basspistol.com/panix/2012-grab-bag/11-verbophobia.mp3">Verbophobia </a></div>
<div class="plLength">1:54</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-left content-align-right image-position-center onscroll-image-fade-in" style="box-shadow: none;" >
<div class="content">
<h3>Lauantai</h3>
<p>
1:52
<br /><strong>Electronic</strong>
<br />2012</p>
<ul class="actions stacked">
<li><a href="../../albums/2012-grab-bag/1-lauantai/" class="button">Track</a></li>
</ul>
</div>
<div class="image">
<img src="https://media.basspistol.com/panix/2012-grab-bag/1-lauantai.jpeg" alt="Lauantai" />
</div>
</section>
<section class="spotlight style4 orient-right content-align-left image-position-center onscroll-image-fade-in" >
<div class="content">
<h3>Hookin For Cheeseburgers</h3>
<p>
1:53
<br /><strong>Electronic</strong>
<br />2012</p>
<ul class="actions stacked">
<li><a href="../../albums/2012-grab-bag/2-hookin-for-cheeseburgers/" class="button">Track</a></li>
</ul>
</div>
<div class="image">
<img src="https://media.basspistol.com/panix/2012-grab-bag/2-hookin-for-cheeseburgers.jpeg" alt="Hookin For Cheeseburgers" />
</div>
</section>
<section class="spotlight style4 orient-left content-align-right image-position-center onscroll-image-fade-in" >
<div class="content">
<h3>Mandaak</h3>
<p>
2:21
<br /><strong>Electronic</strong>
<br />2012</p>
<ul class="actions stacked">
<li><a href="../../albums/2012-grab-bag/3-mandaak/" class="button">Track</a></li>
</ul>
</div>
<div class="image">
<img src="https://media.basspistol.com/panix/2012-grab-bag/3-mandaak.jpeg" alt="Mandaak" />
</div>
</section>
<section class="spotlight style4 orient-right content-align-left image-position-center onscroll-image-fade-in" >
<div class="content">
<h3>Inte Sova</h3>
<p>
2:11
<br /><strong>Electronic</strong>
<br />2012</p>
<ul class="actions stacked">
<li><a href="../../albums/2012-grab-bag/4-inte-sova/" class="button">Track</a></li>
</ul>
</div>
<div class="image">
<img src="https://media.basspistol.com/panix/2012-grab-bag/4-inte-sova.jpeg" alt="Inte Sova" />
</div>
</section>
<section class="spotlight style4 orient-left content-align-right image-position-center onscroll-image-fade-in" >
<div class="content">
<h3>You Need It</h3>
<p>
2:27
<br /><strong>Electronic</strong>
<br />2012</p>
<ul class="actions stacked">
<li><a href="../../albums/2012-grab-bag/5-you-need-it/" class="button">Track</a></li>
</ul>
</div>
<div class="image">
<img src="https://media.basspistol.com/panix/2012-grab-bag/5-you-need-it.jpeg" alt="You Need It" />
</div>
</section>
<section class="spotlight style4 orient-right content-align-left image-position-center onscroll-image-fade-in" >
<div class="content">
<h3>Spinal Cord Forever</h3>
<p>
2:23
<br /><strong>Electronic</strong>
<br />2012</p>
<ul class="actions stacked">
<li><a href="../../albums/2012-grab-bag/6-spinal-cord-forever/" class="button">Track</a></li>
</ul>
</div>
<div class="image">
<img src="https://media.basspistol.com/panix/2012-grab-bag/6-spinal-cord-forever.jpeg" alt="Spinal Cord Forever" />
</div>
</section>
<section class="spotlight style4 orient-left content-align-right image-position-center onscroll-image-fade-in" >
<div class="content">
<h3>Bored Beyond Belief</h3>
<p>
1:26
<br /><strong>Electronic</strong>
<br />2012</p>
<ul class="actions stacked">
<li><a href="../../albums/2012-grab-bag/7-bored-beyond-belief/" class="button">Track</a></li>
</ul>
</div>
<div class="image">
<img src="https://media.basspistol.com/panix/2012-grab-bag/7-bored-beyond-belief.jpeg" alt="Bored Beyond Belief" />
</div>
</section>
<section class="spotlight style4 orient-right content-align-left image-position-center onscroll-image-fade-in" >
<div class="content">
<h3>Orkarnt</h3>
<p>
2:7
<br /><strong>Electronic</strong>
<br />2012</p>
<ul class="actions stacked">
<li><a href="../../albums/2012-grab-bag/8-orkarnt/" class="button">Track</a></li>
</ul>
</div>
<div class="image">
<img src="https://media.basspistol.com/panix/2012-grab-bag/8-orkarnt.jpeg" alt="Orkarnt" />
</div>
</section>
<section class="spotlight style4 orient-left content-align-right image-position-center onscroll-image-fade-in" >
<div class="content">
<h3>Skithink</h3>
<p>
1:43
<br /><strong>Electronic</strong>
<br />2012</p>
<ul class="actions stacked">
<li><a href="../../albums/2012-grab-bag/9-skithink/" class="button">Track</a></li>
</ul>
</div>
<div class="image">
<img src="https://media.basspistol.com/panix/2012-grab-bag/9-skithink.jpeg" alt="Skithink" />
</div>
</section>
<section class="spotlight style4 orient-right content-align-left image-position-center onscroll-image-fade-in" >
<div class="content">
<h3>Tracks</h3>
<p>
2:36
<br /><strong>Electronic</strong>
<br />2012</p>
<ul class="actions stacked">
<li><a href="../../albums/2012-grab-bag/10-tracks/" class="button">Track</a></li>
</ul>
</div>
<div class="image">
<img src="https://media.basspistol.com/panix/2012-grab-bag/10-tracks.jpeg" alt="Tracks" />
</div>
</section>
<section class="spotlight style4 orient-left content-align-right image-position-center onscroll-image-fade-in" >
<div class="content">
<h3>Verbophobia</h3>
<p>
1:54
<br /><strong>Electronic</strong>
<br />2012</p>
<ul class="actions stacked">
<li><a href="../../albums/2012-grab-bag/11-verbophobia/" class="button">Track</a></li>
</ul>
</div>
<div class="image">
<img src="https://media.basspistol.com/panix/2012-grab-bag/11-verbophobia.jpeg" alt="Verbophobia" />
</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/that-s-s-ho-r-t/" alt="Read That S S Ho R T" title="Read That S S Ho R T"><i class="fas fa-arrow-left"></i></a> <a href="/albums/that-s-s-ho-r-t/">&nbsp;That S S Ho R T</a></h4>
<p style="margin-right: 20px"></p>
</div>
<div class="post-nav-next">
<h4><a href="/albums/extender/">&nbsp;Extender</a> <a href="/albums/extender/" alt="Read Extender" title="Read Extender"><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="../../">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>&copy;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>
&nbsp;&nbsp;&nbsp;<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": "Lauantai",
"length": "1:52",
"file": "https://media.basspistol.com/panix/2012-grab-bag/1-lauantai"
},{
"track": 2,
"name": "Hookin For Cheeseburgers",
"length": "1:53",
"file": "https://media.basspistol.com/panix/2012-grab-bag/2-hookin-for-cheeseburgers"
},{
"track": 3,
"name": "Mandaak",
"length": "2:21",
"file": "https://media.basspistol.com/panix/2012-grab-bag/3-mandaak"
},{
"track": 4,
"name": "Inte Sova",
"length": "2:11",
"file": "https://media.basspistol.com/panix/2012-grab-bag/4-inte-sova"
},{
"track": 5,
"name": "You Need It",
"length": "2:27",
"file": "https://media.basspistol.com/panix/2012-grab-bag/5-you-need-it"
},{
"track": 6,
"name": "Spinal Cord Forever",
"length": "2:23",
"file": "https://media.basspistol.com/panix/2012-grab-bag/6-spinal-cord-forever"
},{
"track": 7,
"name": "Bored Beyond Belief",
"length": "1:26",
"file": "https://media.basspistol.com/panix/2012-grab-bag/7-bored-beyond-belief"
},{
"track": 8,
"name": "Orkarnt",
"length": "2:7",
"file": "https://media.basspistol.com/panix/2012-grab-bag/8-orkarnt"
},{
"track": 9,
"name": "Skithink",
"length": "1:43",
"file": "https://media.basspistol.com/panix/2012-grab-bag/9-skithink"
},{
"track": 10,
"name": "Tracks",
"length": "2:36",
"file": "https://media.basspistol.com/panix/2012-grab-bag/10-tracks"
},{
"track": 11,
"name": "Verbophobia",
"length": "1:54",
"file": "https://media.basspistol.com/panix/2012-grab-bag/11-verbophobia"
}],
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>

View 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 Distanser by Panixonik | pax:nion</title>
<meta name="title" content="Play &quot;Distanser&quot; by Panixonik" />
<meta name="description" content="A track by Panixonik named &quot;Distanser&quot; published on pax:nion" />
<meta name="dc.date.modified" scheme="ISO8601" content="2020-07-23T12:00:28+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/andra-stuk/1-distanser/" />
<link rel="alternate" hreflang="x-default" href="https://paxnion.basspistol.com/albums/andra-stuk/1-distanser/" />
<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 &copy;2020 pax:nion." />
<meta name="dcterms.Subject" content="A track by Panixonik named &quot;Distanser&quot; published on pax:nion" />
<meta name="dcterms.Title" content="Play &quot;Distanser&quot; by Panixonik" />
<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 Panixonik from the release &quot;Andra Stuk&quot; and support your remote artist!" />
<!-- Facebook -->
<meta property="og:title" content="Distanser" />
<meta property="og:locale" content="en" />
<meta property="og:description" content="Listen and to a track by Panixonik from the release &quot;Andra Stuk&quot; and support your remote artist!" />
<meta property="og:url" content="https://paxnion.basspistol.com/albums/andra-stuk/1-distanser/" />
<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/andra-stuk/1-distanser.mp3" />
<meta property="article:published_time" content="2020-07-23T12:00:28+00:00" />
<meta property="og:image" content="https://media.basspistol.com/panix/andra-stuk/1-distanser.jpeg" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Distanser | pax:nion" />
<meta name="twitter:description" content="Listen and to a track by Panixonik from the release &quot;Andra Stuk&quot; and support your remote artist!" />
<meta name="twitter:image" content="https://media.basspistol.com/panix/andra-stuk/1-distanser.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/andra-stuk/1-distanser.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">Distanser</h1>
<p><strong><span id="tracktime"></span></strong><span id="distanser"></span></strong> <br />
Style: <strong>Electronic</strong>
</p>
<script type="text/javascript">
var distansertimestamp = 131;
var distanserhours = Math.floor(distansertimestamp / 60 / 60);
var distanserminutes = Math.floor(distansertimestamp / 60) - (distanserhours * 60);
var distanserseconds = distansertimestamp % 60;
var distanserformatted = distanserhours.toString().padStart(2, '0') + ':' + distanserminutes.toString().padStart(2, '0') + ':' + distanserseconds.toString().padStart(2, '0');
var theSpan = document.getElementById("distanser");
theSpan.innerHTML = distanserformatted;
</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/andra-stuk/1-distanser.jpeg" alt="1 Distanser 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/andra-stuk/4-matlagning/" alt="Read Matlagning" title="Read Matlagning"><i class="fas fa-arrow-left"></i></a> <a
href="../../../albums/andra-stuk/4-matlagning/">&nbsp;Matlagning</a>
</h4>
</div>
<div class="post-nav-next">
<h4><a href="../../../albums/andra-stuk/2-brustabletter/">&nbsp;Brustabletter</a> <a
href="../../../albums/andra-stuk/2-brustabletter/" alt="Read Brustabletter" title="Read Brustabletter"><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="Distanser">
<source src="https://media.basspistol.com/panix/andra-stuk/1-distanser.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>&copy;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("../../../andra-stuk/2-brustabletter/"); 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>
&nbsp;&nbsp;&nbsp;<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>

View 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 Brustabletter by Panixonik | pax:nion</title>
<meta name="title" content="Play &quot;Brustabletter&quot; by Panixonik" />
<meta name="description" content="A track by Panixonik named &quot;Brustabletter&quot; published on pax:nion" />
<meta name="dc.date.modified" scheme="ISO8601" content="2020-07-23T12:00:28+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/andra-stuk/2-brustabletter/" />
<link rel="alternate" hreflang="x-default" href="https://paxnion.basspistol.com/albums/andra-stuk/2-brustabletter/" />
<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 &copy;2020 pax:nion." />
<meta name="dcterms.Subject" content="A track by Panixonik named &quot;Brustabletter&quot; published on pax:nion" />
<meta name="dcterms.Title" content="Play &quot;Brustabletter&quot; by Panixonik" />
<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 Panixonik from the release &quot;Andra Stuk&quot; and support your remote artist!" />
<!-- Facebook -->
<meta property="og:title" content="Brustabletter" />
<meta property="og:locale" content="en" />
<meta property="og:description" content="Listen and to a track by Panixonik from the release &quot;Andra Stuk&quot; and support your remote artist!" />
<meta property="og:url" content="https://paxnion.basspistol.com/albums/andra-stuk/2-brustabletter/" />
<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/andra-stuk/2-brustabletter.mp3" />
<meta property="article:published_time" content="2020-07-23T12:00:28+00:00" />
<meta property="og:image" content="https://media.basspistol.com/panix/andra-stuk/2-brustabletter.jpeg" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Brustabletter | pax:nion" />
<meta name="twitter:description" content="Listen and to a track by Panixonik from the release &quot;Andra Stuk&quot; and support your remote artist!" />
<meta name="twitter:image" content="https://media.basspistol.com/panix/andra-stuk/2-brustabletter.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/andra-stuk/2-brustabletter.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">Brustabletter</h1>
<p><strong><span id="tracktime"></span></strong><span id="brustabletter"></span></strong> <br />
Style: <strong>Electronic</strong>
</p>
<script type="text/javascript">
var brustablettertimestamp = 152;
var brustabletterhours = Math.floor(brustablettertimestamp / 60 / 60);
var brustabletterminutes = Math.floor(brustablettertimestamp / 60) - (brustabletterhours * 60);
var brustabletterseconds = brustablettertimestamp % 60;
var brustabletterformatted = brustabletterhours.toString().padStart(2, '0') + ':' + brustabletterminutes.toString().padStart(2, '0') + ':' + brustabletterseconds.toString().padStart(2, '0');
var theSpan = document.getElementById("brustabletter");
theSpan.innerHTML = brustabletterformatted;
</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/andra-stuk/2-brustabletter.jpeg" alt="2 Brustabletter 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/andra-stuk/1-distanser/" alt="Read Distanser" title="Read Distanser"><i class="fas fa-arrow-left"></i></a> <a
href="../../../albums/andra-stuk/1-distanser/">&nbsp;Distanser</a>
</h4>
</div>
<div class="post-nav-next">
<h4><a href="../../../albums/andra-stuk/3-temptemp/">&nbsp;Temptemp</a> <a
href="../../../albums/andra-stuk/3-temptemp/" alt="Read Temptemp" title="Read Temptemp"><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="Brustabletter">
<source src="https://media.basspistol.com/panix/andra-stuk/2-brustabletter.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>&copy;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("../../../andra-stuk/3-temptemp/"); 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>
&nbsp;&nbsp;&nbsp;<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>

View 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 Temptemp by Panixonik | pax:nion</title>
<meta name="title" content="Play &quot;Temptemp&quot; by Panixonik" />
<meta name="description" content="A track by Panixonik named &quot;Temptemp&quot; published on pax:nion" />
<meta name="dc.date.modified" scheme="ISO8601" content="2020-07-23T12:00:28+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/andra-stuk/3-temptemp/" />
<link rel="alternate" hreflang="x-default" href="https://paxnion.basspistol.com/albums/andra-stuk/3-temptemp/" />
<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 &copy;2020 pax:nion." />
<meta name="dcterms.Subject" content="A track by Panixonik named &quot;Temptemp&quot; published on pax:nion" />
<meta name="dcterms.Title" content="Play &quot;Temptemp&quot; by Panixonik" />
<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 Panixonik from the release &quot;Andra Stuk&quot; and support your remote artist!" />
<!-- Facebook -->
<meta property="og:title" content="Temptemp" />
<meta property="og:locale" content="en" />
<meta property="og:description" content="Listen and to a track by Panixonik from the release &quot;Andra Stuk&quot; and support your remote artist!" />
<meta property="og:url" content="https://paxnion.basspistol.com/albums/andra-stuk/3-temptemp/" />
<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/andra-stuk/3-temptemp.mp3" />
<meta property="article:published_time" content="2020-07-23T12:00:28+00:00" />
<meta property="og:image" content="https://media.basspistol.com/panix/andra-stuk/3-temptemp.jpeg" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Temptemp | pax:nion" />
<meta name="twitter:description" content="Listen and to a track by Panixonik from the release &quot;Andra Stuk&quot; and support your remote artist!" />
<meta name="twitter:image" content="https://media.basspistol.com/panix/andra-stuk/3-temptemp.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/andra-stuk/3-temptemp.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">Temptemp</h1>
<p><strong><span id="tracktime"></span></strong><span id="temptemp"></span></strong> <br />
Style: <strong>Electronic</strong>
</p>
<script type="text/javascript">
var temptemptimestamp = 65;
var temptemphours = Math.floor(temptemptimestamp / 60 / 60);
var temptempminutes = Math.floor(temptemptimestamp / 60) - (temptemphours * 60);
var temptempseconds = temptemptimestamp % 60;
var temptempformatted = temptemphours.toString().padStart(2, '0') + ':' + temptempminutes.toString().padStart(2, '0') + ':' + temptempseconds.toString().padStart(2, '0');
var theSpan = document.getElementById("temptemp");
theSpan.innerHTML = temptempformatted;
</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/andra-stuk/3-temptemp.jpeg" alt="3 Temptemp 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/andra-stuk/2-brustabletter/" alt="Read Brustabletter" title="Read Brustabletter"><i class="fas fa-arrow-left"></i></a> <a
href="../../../albums/andra-stuk/2-brustabletter/">&nbsp;Brustabletter</a>
</h4>
</div>
<div class="post-nav-next">
<h4><a href="../../../albums/andra-stuk/4-matlagning/">&nbsp;Matlagning</a> <a
href="../../../albums/andra-stuk/4-matlagning/" alt="Read Matlagning" title="Read Matlagning"><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="Temptemp">
<source src="https://media.basspistol.com/panix/andra-stuk/3-temptemp.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>&copy;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("../../../andra-stuk/4-matlagning/"); 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>
&nbsp;&nbsp;&nbsp;<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>

View 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 Matlagning by Panixonik | pax:nion</title>
<meta name="title" content="Play &quot;Matlagning&quot; by Panixonik" />
<meta name="description" content="A track by Panixonik named &quot;Matlagning&quot; published on pax:nion" />
<meta name="dc.date.modified" scheme="ISO8601" content="2020-07-23T12:00:28+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/andra-stuk/4-matlagning/" />
<link rel="alternate" hreflang="x-default" href="https://paxnion.basspistol.com/albums/andra-stuk/4-matlagning/" />
<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 &copy;2020 pax:nion." />
<meta name="dcterms.Subject" content="A track by Panixonik named &quot;Matlagning&quot; published on pax:nion" />
<meta name="dcterms.Title" content="Play &quot;Matlagning&quot; by Panixonik" />
<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 Panixonik from the release &quot;Andra Stuk&quot; and support your remote artist!" />
<!-- Facebook -->
<meta property="og:title" content="Matlagning" />
<meta property="og:locale" content="en" />
<meta property="og:description" content="Listen and to a track by Panixonik from the release &quot;Andra Stuk&quot; and support your remote artist!" />
<meta property="og:url" content="https://paxnion.basspistol.com/albums/andra-stuk/4-matlagning/" />
<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/andra-stuk/4-matlagning.mp3" />
<meta property="article:published_time" content="2020-07-23T12:00:28+00:00" />
<meta property="og:image" content="https://media.basspistol.com/panix/andra-stuk/4-matlagning.jpeg" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Matlagning | pax:nion" />
<meta name="twitter:description" content="Listen and to a track by Panixonik from the release &quot;Andra Stuk&quot; and support your remote artist!" />
<meta name="twitter:image" content="https://media.basspistol.com/panix/andra-stuk/4-matlagning.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/andra-stuk/4-matlagning.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">Matlagning</h1>
<p><strong><span id="tracktime"></span></strong><span id="matlagning"></span></strong> <br />
Style: <strong>Electronic</strong>
</p>
<script type="text/javascript">
var matlagningtimestamp = 59;
var matlagninghours = Math.floor(matlagningtimestamp / 60 / 60);
var matlagningminutes = Math.floor(matlagningtimestamp / 60) - (matlagninghours * 60);
var matlagningseconds = matlagningtimestamp % 60;
var matlagningformatted = matlagninghours.toString().padStart(2, '0') + ':' + matlagningminutes.toString().padStart(2, '0') + ':' + matlagningseconds.toString().padStart(2, '0');
var theSpan = document.getElementById("matlagning");
theSpan.innerHTML = matlagningformatted;
</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/andra-stuk/4-matlagning.jpeg" alt="4 Matlagning 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/andra-stuk/3-temptemp/" alt="Read Temptemp" title="Read Temptemp"><i class="fas fa-arrow-left"></i></a> <a
href="../../../albums/andra-stuk/3-temptemp/">&nbsp;Temptemp</a>
</h4>
</div>
<div class="post-nav-next">
<h4><a href="../../../albums/andra-stuk/1-distanser/">&nbsp;Distanser</a> <a
href="../../../albums/andra-stuk/1-distanser/" alt="Read Distanser" title="Read Distanser"><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="Matlagning">
<source src="https://media.basspistol.com/panix/andra-stuk/4-matlagning.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>&copy;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("../../../andra-stuk/1-distanser/"); 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>
&nbsp;&nbsp;&nbsp;<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>

View file

@ -0,0 +1,675 @@
<!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 &quot;Andra Stuk&quot; by Panixonik | pax:nion</title>
<meta name="title" content="Play &quot;Andra Stuk&quot; by Panixonik" />
<meta name="description" content="A release by Panixonik named &quot;Andra Stuk&quot; 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/andra-stuk/" />
<link rel="alternate" hreflang="x-default" href="https://paxnion.basspistol.com/albums/andra-stuk/" />
<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 &copy;2020 pax:nion." />
<meta name="dcterms.Subject" content="A release by Panixonik named &quot;Andra Stuk&quot; published on pax:nion" />
<meta name="dcterms.Title" content="Play &quot;Andra Stuk&quot; by Panixonik" />
<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 Panixonik named &quot;Andra Stuk&quot; and support your remote artist!" />
<!-- Facebook -->
<meta property="og:title" content="Andra Stuk by Panixonik" />
<meta property="og:locale" content="en" />
<meta property="og:description" content="Listen and to a release by Panixonik named &quot;Andra Stuk&quot; and support your remote artist!" />
<meta property="og:url" content="https://paxnion.basspistol.com/albums/andra-stuk/" />
<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/andra-stuk/1-distanser.mp3" />
<meta property="og:audio" content="https://media.basspistol.com/panix/andra-stuk/2-brustabletter.mp3" />
<meta property="og:audio" content="https://media.basspistol.com/panix/andra-stuk/3-temptemp.mp3" />
<meta property="og:audio" content="https://media.basspistol.com/panix/andra-stuk/4-matlagning.mp3" />
<meta property="article:published_time" content="2020-07-23T12:00:31+00:00" />
<meta property="og:image" content="https://media.basspistol.com/panix/andra-stuk/1-distanser.jpeg" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Andra Stuk | pax:nion" />
<meta name="twitter:description" content="Listen and to a release by Panixonik named &quot;Andra Stuk&quot; and support your remote artist!" />
<meta name="twitter:image" content="https://media.basspistol.com/panix/andra-stuk/1-distanser.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">Andra Stuk</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/andra-stuk/1-distanser.jpeg" alt="Andra Stuk" />
</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/andra-stuk/&amp;quote=Andra Stuk%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/andra-stuk/&amp;text=Andra Stuk%20by%20pax:nion%20&amp;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/andra-stuk/&amp;text=Andra Stuk%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/andra-stuk/&amp;title=Andra Stuk%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">Distanser</div>
<div class="plLength">2:11</div>
</div>
</li>
<li>
<div class="plItem">
<div class="plNum">2.</div>
<div class="plTitle">Brustabletter</div>
<div class="plLength">2:32</div>
</div>
</li>
<li>
<div class="plItem">
<div class="plNum">3.</div>
<div class="plTitle">Temptemp</div>
<div class="plLength">1:05</div>
</div>
</li>
<li>
<div class="plItem">
<div class="plNum">4.</div>
<div class="plTitle">Matlagning</div>
<div class="plLength">0:59</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/andra-stuk/1-distanser.mp3">Distanser </a></div>
<div class="plLength">2:11</div>
</div>
<div class="plItem">
<div class="plNum">2.</div>
<div class="plTitle"><a href="https://media.basspistol.com/panix/andra-stuk/2-brustabletter.mp3">Brustabletter </a></div>
<div class="plLength">2:32</div>
</div>
<div class="plItem">
<div class="plNum">3.</div>
<div class="plTitle"><a href="https://media.basspistol.com/panix/andra-stuk/3-temptemp.mp3">Temptemp </a></div>
<div class="plLength">1:5</div>
</div>
<div class="plItem">
<div class="plNum">4.</div>
<div class="plTitle"><a href="https://media.basspistol.com/panix/andra-stuk/4-matlagning.mp3">Matlagning </a></div>
<div class="plLength">0:59</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-left content-align-right image-position-center onscroll-image-fade-in" style="box-shadow: none;" >
<div class="content">
<h3>Distanser</h3>
<p>
2:11
<br /><strong>Electronic</strong>
<br />2010</p>
<ul class="actions stacked">
<li><a href="../../albums/andra-stuk/1-distanser/" class="button">Track</a></li>
</ul>
</div>
<div class="image">
<img src="https://media.basspistol.com/panix/andra-stuk/1-distanser.jpeg" alt="Distanser" />
</div>
</section>
<section class="spotlight style4 orient-right content-align-left image-position-center onscroll-image-fade-in" >
<div class="content">
<h3>Brustabletter</h3>
<p>
2:32
<br /><strong>Electronic</strong>
<br />2010</p>
<ul class="actions stacked">
<li><a href="../../albums/andra-stuk/2-brustabletter/" class="button">Track</a></li>
</ul>
</div>
<div class="image">
<img src="https://media.basspistol.com/panix/andra-stuk/2-brustabletter.jpeg" alt="Brustabletter" />
</div>
</section>
<section class="spotlight style4 orient-left content-align-right image-position-center onscroll-image-fade-in" >
<div class="content">
<h3>Temptemp</h3>
<p>
1:5
<br /><strong>Electronic</strong>
<br />2010</p>
<ul class="actions stacked">
<li><a href="../../albums/andra-stuk/3-temptemp/" class="button">Track</a></li>
</ul>
</div>
<div class="image">
<img src="https://media.basspistol.com/panix/andra-stuk/3-temptemp.jpeg" alt="Temptemp" />
</div>
</section>
<section class="spotlight style4 orient-right content-align-left image-position-center onscroll-image-fade-in" >
<div class="content">
<h3>Matlagning</h3>
<p>
0:59
<br /><strong>Electronic</strong>
<br />2010</p>
<ul class="actions stacked">
<li><a href="../../albums/andra-stuk/4-matlagning/" class="button">Track</a></li>
</ul>
</div>
<div class="image">
<img src="https://media.basspistol.com/panix/andra-stuk/4-matlagning.jpeg" alt="Matlagning" />
</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/turnpot-pop/" alt="Read Turnpot Pop" title="Read Turnpot Pop"><i class="fas fa-arrow-left"></i></a> <a href="/albums/turnpot-pop/">&nbsp;Turnpot Pop</a></h4>
<p style="margin-right: 20px"></p>
</div>
<div class="post-nav-next">
<h4><a href="/albums/end2010-start2011/">&nbsp;End2010 Start2011</a> <a href="/albums/end2010-start2011/" alt="Read End2010 Start2011" title="Read End2010 Start2011"><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="../../">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>&copy;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>
&nbsp;&nbsp;&nbsp;<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": "Distanser",
"length": "2:11",
"file": "https://media.basspistol.com/panix/andra-stuk/1-distanser"
},{
"track": 2,
"name": "Brustabletter",
"length": "2:32",
"file": "https://media.basspistol.com/panix/andra-stuk/2-brustabletter"
},{
"track": 3,
"name": "Temptemp",
"length": "1:5",
"file": "https://media.basspistol.com/panix/andra-stuk/3-temptemp"
},{
"track": 4,
"name": "Matlagning",
"length": "0:59",
"file": "https://media.basspistol.com/panix/andra-stuk/4-matlagning"
}],
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>

View 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 Hot Ears by Panixonik | pax:nion</title>
<meta name="title" content="Play &quot;Hot Ears&quot; by Panixonik" />
<meta name="description" content="A track by Panixonik named &quot;Hot Ears&quot; published on pax:nion" />
<meta name="dc.date.modified" scheme="ISO8601" content="2020-07-23T12:00:28+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/autumn-leaves/1-hot-ears/" />
<link rel="alternate" hreflang="x-default" href="https://paxnion.basspistol.com/albums/autumn-leaves/1-hot-ears/" />
<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 &copy;2020 pax:nion." />
<meta name="dcterms.Subject" content="A track by Panixonik named &quot;Hot Ears&quot; published on pax:nion" />
<meta name="dcterms.Title" content="Play &quot;Hot Ears&quot; by Panixonik" />
<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 Panixonik from the release &quot;Autumn Leaves&quot; and support your remote artist!" />
<!-- Facebook -->
<meta property="og:title" content="Hot Ears" />
<meta property="og:locale" content="en" />
<meta property="og:description" content="Listen and to a track by Panixonik from the release &quot;Autumn Leaves&quot; and support your remote artist!" />
<meta property="og:url" content="https://paxnion.basspistol.com/albums/autumn-leaves/1-hot-ears/" />
<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/autumn-leaves/1-hot-ears.mp3" />
<meta property="article:published_time" content="2020-07-23T12:00:28+00:00" />
<meta property="og:image" content="https://media.basspistol.com/panix/autumn-leaves/1-hot-ears.jpeg" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Hot Ears | pax:nion" />
<meta name="twitter:description" content="Listen and to a track by Panixonik from the release &quot;Autumn Leaves&quot; and support your remote artist!" />
<meta name="twitter:image" content="https://media.basspistol.com/panix/autumn-leaves/1-hot-ears.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/autumn-leaves/1-hot-ears.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">Hot Ears</h1>
<p><strong><span id="tracktime"></span></strong><span id="hotears"></span></strong> <br />
Style: <strong>Electronic</strong>
</p>
<script type="text/javascript">
var hotearstimestamp = 166;
var hotearshours = Math.floor(hotearstimestamp / 60 / 60);
var hotearsminutes = Math.floor(hotearstimestamp / 60) - (hotearshours * 60);
var hotearsseconds = hotearstimestamp % 60;
var hotearsformatted = hotearshours.toString().padStart(2, '0') + ':' + hotearsminutes.toString().padStart(2, '0') + ':' + hotearsseconds.toString().padStart(2, '0');
var theSpan = document.getElementById("hotears");
theSpan.innerHTML = hotearsformatted;
</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/autumn-leaves/1-hot-ears.jpeg" alt="1 Hot Ears 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/autumn-leaves/4-jappjapp/" alt="Read Jappjapp" title="Read Jappjapp"><i class="fas fa-arrow-left"></i></a> <a
href="../../../albums/autumn-leaves/4-jappjapp/">&nbsp;Jappjapp</a>
</h4>
</div>
<div class="post-nav-next">
<h4><a href="../../../albums/autumn-leaves/2-bonjour-tristesse/">&nbsp;Bonjour Tristesse</a> <a
href="../../../albums/autumn-leaves/2-bonjour-tristesse/" alt="Read Bonjour Tristesse" title="Read Bonjour Tristesse"><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="Hot Ears">
<source src="https://media.basspistol.com/panix/autumn-leaves/1-hot-ears.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>&copy;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("../../../autumn-leaves/2-bonjour-tristesse/"); 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>
&nbsp;&nbsp;&nbsp;<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>

View 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 Bonjour Tristesse by Panixonik | pax:nion</title>
<meta name="title" content="Play &quot;Bonjour Tristesse&quot; by Panixonik" />
<meta name="description" content="A track by Panixonik named &quot;Bonjour Tristesse&quot; published on pax:nion" />
<meta name="dc.date.modified" scheme="ISO8601" content="2020-07-23T12:00:28+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/autumn-leaves/2-bonjour-tristesse/" />
<link rel="alternate" hreflang="x-default" href="https://paxnion.basspistol.com/albums/autumn-leaves/2-bonjour-tristesse/" />
<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 &copy;2020 pax:nion." />
<meta name="dcterms.Subject" content="A track by Panixonik named &quot;Bonjour Tristesse&quot; published on pax:nion" />
<meta name="dcterms.Title" content="Play &quot;Bonjour Tristesse&quot; by Panixonik" />
<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 Panixonik from the release &quot;Autumn Leaves&quot; and support your remote artist!" />
<!-- Facebook -->
<meta property="og:title" content="Bonjour Tristesse" />
<meta property="og:locale" content="en" />
<meta property="og:description" content="Listen and to a track by Panixonik from the release &quot;Autumn Leaves&quot; and support your remote artist!" />
<meta property="og:url" content="https://paxnion.basspistol.com/albums/autumn-leaves/2-bonjour-tristesse/" />
<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/autumn-leaves/2-bonjour-tristesse.mp3" />
<meta property="article:published_time" content="2020-07-23T12:00:28+00:00" />
<meta property="og:image" content="https://media.basspistol.com/panix/autumn-leaves/2-bonjour-tristesse.jpeg" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Bonjour Tristesse | pax:nion" />
<meta name="twitter:description" content="Listen and to a track by Panixonik from the release &quot;Autumn Leaves&quot; and support your remote artist!" />
<meta name="twitter:image" content="https://media.basspistol.com/panix/autumn-leaves/2-bonjour-tristesse.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/autumn-leaves/2-bonjour-tristesse.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">Bonjour Tristesse</h1>
<p><strong><span id="tracktime"></span></strong><span id="bonjourtristesse"></span></strong> <br />
Style: <strong>Electronic</strong>
</p>
<script type="text/javascript">
var bonjourtristessetimestamp = 164;
var bonjourtristessehours = Math.floor(bonjourtristessetimestamp / 60 / 60);
var bonjourtristesseminutes = Math.floor(bonjourtristessetimestamp / 60) - (bonjourtristessehours * 60);
var bonjourtristesseseconds = bonjourtristessetimestamp % 60;
var bonjourtristesseformatted = bonjourtristessehours.toString().padStart(2, '0') + ':' + bonjourtristesseminutes.toString().padStart(2, '0') + ':' + bonjourtristesseseconds.toString().padStart(2, '0');
var theSpan = document.getElementById("bonjourtristesse");
theSpan.innerHTML = bonjourtristesseformatted;
</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/autumn-leaves/2-bonjour-tristesse.jpeg" alt="2 Bonjour Tristesse 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/autumn-leaves/1-hot-ears/" alt="Read Hot Ears" title="Read Hot Ears"><i class="fas fa-arrow-left"></i></a> <a
href="../../../albums/autumn-leaves/1-hot-ears/">&nbsp;Hot Ears</a>
</h4>
</div>
<div class="post-nav-next">
<h4><a href="../../../albums/autumn-leaves/3-kafferep/">&nbsp;Kafferep</a> <a
href="../../../albums/autumn-leaves/3-kafferep/" alt="Read Kafferep" title="Read Kafferep"><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="Bonjour Tristesse">
<source src="https://media.basspistol.com/panix/autumn-leaves/2-bonjour-tristesse.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>&copy;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("../../../autumn-leaves/3-kafferep/"); 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>
&nbsp;&nbsp;&nbsp;<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>

View 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 Kafferep by Panixonik | pax:nion</title>
<meta name="title" content="Play &quot;Kafferep&quot; by Panixonik" />
<meta name="description" content="A track by Panixonik named &quot;Kafferep&quot; published on pax:nion" />
<meta name="dc.date.modified" scheme="ISO8601" content="2020-07-23T12:00:28+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/autumn-leaves/3-kafferep/" />
<link rel="alternate" hreflang="x-default" href="https://paxnion.basspistol.com/albums/autumn-leaves/3-kafferep/" />
<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 &copy;2020 pax:nion." />
<meta name="dcterms.Subject" content="A track by Panixonik named &quot;Kafferep&quot; published on pax:nion" />
<meta name="dcterms.Title" content="Play &quot;Kafferep&quot; by Panixonik" />
<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 Panixonik from the release &quot;Autumn Leaves&quot; and support your remote artist!" />
<!-- Facebook -->
<meta property="og:title" content="Kafferep" />
<meta property="og:locale" content="en" />
<meta property="og:description" content="Listen and to a track by Panixonik from the release &quot;Autumn Leaves&quot; and support your remote artist!" />
<meta property="og:url" content="https://paxnion.basspistol.com/albums/autumn-leaves/3-kafferep/" />
<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/autumn-leaves/3-kafferep.mp3" />
<meta property="article:published_time" content="2020-07-23T12:00:28+00:00" />
<meta property="og:image" content="https://media.basspistol.com/panix/autumn-leaves/3-kafferep.jpeg" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Kafferep | pax:nion" />
<meta name="twitter:description" content="Listen and to a track by Panixonik from the release &quot;Autumn Leaves&quot; and support your remote artist!" />
<meta name="twitter:image" content="https://media.basspistol.com/panix/autumn-leaves/3-kafferep.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/autumn-leaves/3-kafferep.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">Kafferep</h1>
<p><strong><span id="tracktime"></span></strong><span id="kafferep"></span></strong> <br />
Style: <strong>Electronic</strong>
</p>
<script type="text/javascript">
var kaffereptimestamp = 179;
var kafferephours = Math.floor(kaffereptimestamp / 60 / 60);
var kafferepminutes = Math.floor(kaffereptimestamp / 60) - (kafferephours * 60);
var kafferepseconds = kaffereptimestamp % 60;
var kafferepformatted = kafferephours.toString().padStart(2, '0') + ':' + kafferepminutes.toString().padStart(2, '0') + ':' + kafferepseconds.toString().padStart(2, '0');
var theSpan = document.getElementById("kafferep");
theSpan.innerHTML = kafferepformatted;
</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/autumn-leaves/3-kafferep.jpeg" alt="3 Kafferep 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/autumn-leaves/2-bonjour-tristesse/" alt="Read Bonjour Tristesse" title="Read Bonjour Tristesse"><i class="fas fa-arrow-left"></i></a> <a
href="../../../albums/autumn-leaves/2-bonjour-tristesse/">&nbsp;Bonjour Tristesse</a>
</h4>
</div>
<div class="post-nav-next">
<h4><a href="../../../albums/autumn-leaves/4-jappjapp/">&nbsp;Jappjapp</a> <a
href="../../../albums/autumn-leaves/4-jappjapp/" alt="Read Jappjapp" title="Read Jappjapp"><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="Kafferep">
<source src="https://media.basspistol.com/panix/autumn-leaves/3-kafferep.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>&copy;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("../../../autumn-leaves/4-jappjapp/"); 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>
&nbsp;&nbsp;&nbsp;<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>

View 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 Jappjapp by Panixonik | pax:nion</title>
<meta name="title" content="Play &quot;Jappjapp&quot; by Panixonik" />
<meta name="description" content="A track by Panixonik named &quot;Jappjapp&quot; published on pax:nion" />
<meta name="dc.date.modified" scheme="ISO8601" content="2020-07-23T12:00:28+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/autumn-leaves/4-jappjapp/" />
<link rel="alternate" hreflang="x-default" href="https://paxnion.basspistol.com/albums/autumn-leaves/4-jappjapp/" />
<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 &copy;2020 pax:nion." />
<meta name="dcterms.Subject" content="A track by Panixonik named &quot;Jappjapp&quot; published on pax:nion" />
<meta name="dcterms.Title" content="Play &quot;Jappjapp&quot; by Panixonik" />
<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 Panixonik from the release &quot;Autumn Leaves&quot; and support your remote artist!" />
<!-- Facebook -->
<meta property="og:title" content="Jappjapp" />
<meta property="og:locale" content="en" />
<meta property="og:description" content="Listen and to a track by Panixonik from the release &quot;Autumn Leaves&quot; and support your remote artist!" />
<meta property="og:url" content="https://paxnion.basspistol.com/albums/autumn-leaves/4-jappjapp/" />
<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/autumn-leaves/4-jappjapp.mp3" />
<meta property="article:published_time" content="2020-07-23T12:00:28+00:00" />
<meta property="og:image" content="https://media.basspistol.com/panix/autumn-leaves/4-jappjapp.jpeg" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Jappjapp | pax:nion" />
<meta name="twitter:description" content="Listen and to a track by Panixonik from the release &quot;Autumn Leaves&quot; and support your remote artist!" />
<meta name="twitter:image" content="https://media.basspistol.com/panix/autumn-leaves/4-jappjapp.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/autumn-leaves/4-jappjapp.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">Jappjapp</h1>
<p><strong><span id="tracktime"></span></strong><span id="jappjapp"></span></strong> <br />
Style: <strong>Electronic</strong>
</p>
<script type="text/javascript">
var jappjapptimestamp = 112;
var jappjapphours = Math.floor(jappjapptimestamp / 60 / 60);
var jappjappminutes = Math.floor(jappjapptimestamp / 60) - (jappjapphours * 60);
var jappjappseconds = jappjapptimestamp % 60;
var jappjappformatted = jappjapphours.toString().padStart(2, '0') + ':' + jappjappminutes.toString().padStart(2, '0') + ':' + jappjappseconds.toString().padStart(2, '0');
var theSpan = document.getElementById("jappjapp");
theSpan.innerHTML = jappjappformatted;
</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/autumn-leaves/4-jappjapp.jpeg" alt="4 Jappjapp 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/autumn-leaves/3-kafferep/" alt="Read Kafferep" title="Read Kafferep"><i class="fas fa-arrow-left"></i></a> <a
href="../../../albums/autumn-leaves/3-kafferep/">&nbsp;Kafferep</a>
</h4>
</div>
<div class="post-nav-next">
<h4><a href="../../../albums/autumn-leaves/1-hot-ears/">&nbsp;Hot Ears</a> <a
href="../../../albums/autumn-leaves/1-hot-ears/" alt="Read Hot Ears" title="Read Hot Ears"><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="Jappjapp">
<source src="https://media.basspistol.com/panix/autumn-leaves/4-jappjapp.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>&copy;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("../../../autumn-leaves/1-hot-ears/"); 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>
&nbsp;&nbsp;&nbsp;<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>

View file

@ -0,0 +1,675 @@
<!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 &quot;Autumn Leaves&quot; by Panixonik | pax:nion</title>
<meta name="title" content="Play &quot;Autumn Leaves&quot; by Panixonik" />
<meta name="description" content="A release by Panixonik named &quot;Autumn Leaves&quot; 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/autumn-leaves/" />
<link rel="alternate" hreflang="x-default" href="https://paxnion.basspistol.com/albums/autumn-leaves/" />
<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 &copy;2020 pax:nion." />
<meta name="dcterms.Subject" content="A release by Panixonik named &quot;Autumn Leaves&quot; published on pax:nion" />
<meta name="dcterms.Title" content="Play &quot;Autumn Leaves&quot; by Panixonik" />
<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 Panixonik named &quot;Autumn Leaves&quot; and support your remote artist!" />
<!-- Facebook -->
<meta property="og:title" content="Autumn Leaves by Panixonik" />
<meta property="og:locale" content="en" />
<meta property="og:description" content="Listen and to a release by Panixonik named &quot;Autumn Leaves&quot; and support your remote artist!" />
<meta property="og:url" content="https://paxnion.basspistol.com/albums/autumn-leaves/" />
<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/autumn-leaves/1-hot-ears.mp3" />
<meta property="og:audio" content="https://media.basspistol.com/panix/autumn-leaves/2-bonjour-tristesse.mp3" />
<meta property="og:audio" content="https://media.basspistol.com/panix/autumn-leaves/3-kafferep.mp3" />
<meta property="og:audio" content="https://media.basspistol.com/panix/autumn-leaves/4-jappjapp.mp3" />
<meta property="article:published_time" content="2020-07-23T12:00:31+00:00" />
<meta property="og:image" content="https://media.basspistol.com/panix/autumn-leaves/1-hot-ears.jpeg" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Autumn Leaves | pax:nion" />
<meta name="twitter:description" content="Listen and to a release by Panixonik named &quot;Autumn Leaves&quot; and support your remote artist!" />
<meta name="twitter:image" content="https://media.basspistol.com/panix/autumn-leaves/1-hot-ears.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">Autumn Leaves</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/autumn-leaves/1-hot-ears.jpeg" alt="Autumn Leaves" />
</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/autumn-leaves/&amp;quote=Autumn Leaves%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/autumn-leaves/&amp;text=Autumn Leaves%20by%20pax:nion%20&amp;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/autumn-leaves/&amp;text=Autumn Leaves%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/autumn-leaves/&amp;title=Autumn Leaves%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">Hot Ears</div>
<div class="plLength">2:46</div>
</div>
</li>
<li>
<div class="plItem">
<div class="plNum">2.</div>
<div class="plTitle">Bonjour Tristesse</div>
<div class="plLength">2:44</div>
</div>
</li>
<li>
<div class="plItem">
<div class="plNum">3.</div>
<div class="plTitle">Kafferep</div>
<div class="plLength">2:59</div>
</div>
</li>
<li>
<div class="plItem">
<div class="plNum">4.</div>
<div class="plTitle">Jappjapp</div>
<div class="plLength">1:52</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/autumn-leaves/1-hot-ears.mp3">Hot Ears </a></div>
<div class="plLength">2:46</div>
</div>
<div class="plItem">
<div class="plNum">2.</div>
<div class="plTitle"><a href="https://media.basspistol.com/panix/autumn-leaves/2-bonjour-tristesse.mp3">Bonjour Tristesse </a></div>
<div class="plLength">2:44</div>
</div>
<div class="plItem">
<div class="plNum">3.</div>
<div class="plTitle"><a href="https://media.basspistol.com/panix/autumn-leaves/3-kafferep.mp3">Kafferep </a></div>
<div class="plLength">2:59</div>
</div>
<div class="plItem">
<div class="plNum">4.</div>
<div class="plTitle"><a href="https://media.basspistol.com/panix/autumn-leaves/4-jappjapp.mp3">Jappjapp </a></div>
<div class="plLength">1:52</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>Hot Ears</h3>
<p>
2:46
<br /><strong>Electronic</strong>
<br />2009</p>
<ul class="actions stacked">
<li><a href="../../albums/autumn-leaves/1-hot-ears/" class="button">Track</a></li>
</ul>
</div>
<div class="image">
<img src="https://media.basspistol.com/panix/autumn-leaves/1-hot-ears.jpeg" alt="Hot Ears" />
</div>
</section>
<section class="spotlight style4 orient-left content-align-right image-position-center onscroll-image-fade-in" >
<div class="content">
<h3>Bonjour Tristesse</h3>
<p>
2:44
<br /><strong>Electronic</strong>
<br />2009</p>
<ul class="actions stacked">
<li><a href="../../albums/autumn-leaves/2-bonjour-tristesse/" class="button">Track</a></li>
</ul>
</div>
<div class="image">
<img src="https://media.basspistol.com/panix/autumn-leaves/2-bonjour-tristesse.jpeg" alt="Bonjour Tristesse" />
</div>
</section>
<section class="spotlight style4 orient-right content-align-left image-position-center onscroll-image-fade-in" >
<div class="content">
<h3>Kafferep</h3>
<p>
2:59
<br /><strong>Electronic</strong>
<br />2009</p>
<ul class="actions stacked">
<li><a href="../../albums/autumn-leaves/3-kafferep/" class="button">Track</a></li>
</ul>
</div>
<div class="image">
<img src="https://media.basspistol.com/panix/autumn-leaves/3-kafferep.jpeg" alt="Kafferep" />
</div>
</section>
<section class="spotlight style4 orient-left content-align-right image-position-center onscroll-image-fade-in" >
<div class="content">
<h3>Jappjapp</h3>
<p>
1:52
<br /><strong>Electronic</strong>
<br />2009</p>
<ul class="actions stacked">
<li><a href="../../albums/autumn-leaves/4-jappjapp/" class="button">Track</a></li>
</ul>
</div>
<div class="image">
<img src="https://media.basspistol.com/panix/autumn-leaves/4-jappjapp.jpeg" alt="Jappjapp" />
</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/sidcosis/" alt="Read Sidcosis" title="Read Sidcosis"><i class="fas fa-arrow-left"></i></a> <a href="/albums/sidcosis/">&nbsp;Sidcosis</a></h4>
<p style="margin-right: 20px"></p>
</div>
<div class="post-nav-next">
<h4><a href="/albums/buy-a-vowel/">&nbsp;Buy A Vowel</a> <a href="/albums/buy-a-vowel/" alt="Read Buy A Vowel" title="Read Buy A Vowel"><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="../../">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>&copy;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>
&nbsp;&nbsp;&nbsp;<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": "Hot Ears",
"length": "2:46",
"file": "https://media.basspistol.com/panix/autumn-leaves/1-hot-ears"
},{
"track": 2,
"name": "Bonjour Tristesse",
"length": "2:44",
"file": "https://media.basspistol.com/panix/autumn-leaves/2-bonjour-tristesse"
},{
"track": 3,
"name": "Kafferep",
"length": "2:59",
"file": "https://media.basspistol.com/panix/autumn-leaves/3-kafferep"
},{
"track": 4,
"name": "Jappjapp",
"length": "1:52",
"file": "https://media.basspistol.com/panix/autumn-leaves/4-jappjapp"
}],
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>

View 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 Nebelwerfer by Pan1k | pax:nion</title>
<meta name="title" content="Play &quot;Nebelwerfer&quot; by Pan1k" />
<meta name="description" content="A track by Pan1k named &quot;Nebelwerfer&quot; 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/bamegoy/1-nebelwerfer/" />
<link rel="alternate" hreflang="x-default" href="https://paxnion.basspistol.com/albums/bamegoy/1-nebelwerfer/" />
<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 &copy;2020 pax:nion." />
<meta name="dcterms.Subject" content="A track by Pan1k named &quot;Nebelwerfer&quot; published on pax:nion" />
<meta name="dcterms.Title" content="Play &quot;Nebelwerfer&quot; by Pan1k" />
<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 Pan1k from the release &quot;Bamegoy&quot; and support your remote artist!" />
<!-- Facebook -->
<meta property="og:title" content="Nebelwerfer" />
<meta property="og:locale" content="en" />
<meta property="og:description" content="Listen and to a track by Pan1k from the release &quot;Bamegoy&quot; and support your remote artist!" />
<meta property="og:url" content="https://paxnion.basspistol.com/albums/bamegoy/1-nebelwerfer/" />
<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/bamegoy/1-nebelwerfer.mp3" />
<meta property="article:published_time" content="2020-07-23T12:00:29+00:00" />
<meta property="og:image" content="https://media.basspistol.com/panix/bamegoy/1-nebelwerfer.jpeg" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Nebelwerfer | pax:nion" />
<meta name="twitter:description" content="Listen and to a track by Pan1k from the release &quot;Bamegoy&quot; and support your remote artist!" />
<meta name="twitter:image" content="https://media.basspistol.com/panix/bamegoy/1-nebelwerfer.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/bamegoy/1-nebelwerfer.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">Nebelwerfer</h1>
<p><strong><span id="tracktime"></span></strong><span id="nebelwerfer"></span></strong> <br />
Style: <strong>Electronic</strong>
</p>
<script type="text/javascript">
var nebelwerfertimestamp = 163;
var nebelwerferhours = Math.floor(nebelwerfertimestamp / 60 / 60);
var nebelwerferminutes = Math.floor(nebelwerfertimestamp / 60) - (nebelwerferhours * 60);
var nebelwerferseconds = nebelwerfertimestamp % 60;
var nebelwerferformatted = nebelwerferhours.toString().padStart(2, '0') + ':' + nebelwerferminutes.toString().padStart(2, '0') + ':' + nebelwerferseconds.toString().padStart(2, '0');
var theSpan = document.getElementById("nebelwerfer");
theSpan.innerHTML = nebelwerferformatted;
</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/bamegoy/1-nebelwerfer.jpeg" alt="1 Nebelwerfer 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/bamegoy/3-isolierung/" alt="Read Isolierung" title="Read Isolierung"><i class="fas fa-arrow-left"></i></a> <a
href="../../../albums/bamegoy/3-isolierung/">&nbsp;Isolierung</a>
</h4>
</div>
<div class="post-nav-next">
<h4><a href="../../../albums/bamegoy/2-totenkopf/">&nbsp;Totenkopf</a> <a
href="../../../albums/bamegoy/2-totenkopf/" alt="Read Totenkopf" title="Read Totenkopf"><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="Nebelwerfer">
<source src="https://media.basspistol.com/panix/bamegoy/1-nebelwerfer.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>&copy;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("../../../bamegoy/2-totenkopf/"); 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>
&nbsp;&nbsp;&nbsp;<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>

View 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 Totenkopf by Pan1k | pax:nion</title>
<meta name="title" content="Play &quot;Totenkopf&quot; by Pan1k" />
<meta name="description" content="A track by Pan1k named &quot;Totenkopf&quot; 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/bamegoy/2-totenkopf/" />
<link rel="alternate" hreflang="x-default" href="https://paxnion.basspistol.com/albums/bamegoy/2-totenkopf/" />
<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 &copy;2020 pax:nion." />
<meta name="dcterms.Subject" content="A track by Pan1k named &quot;Totenkopf&quot; published on pax:nion" />
<meta name="dcterms.Title" content="Play &quot;Totenkopf&quot; by Pan1k" />
<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 Pan1k from the release &quot;Bamegoy&quot; and support your remote artist!" />
<!-- Facebook -->
<meta property="og:title" content="Totenkopf" />
<meta property="og:locale" content="en" />
<meta property="og:description" content="Listen and to a track by Pan1k from the release &quot;Bamegoy&quot; and support your remote artist!" />
<meta property="og:url" content="https://paxnion.basspistol.com/albums/bamegoy/2-totenkopf/" />
<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/bamegoy/2-totenkopf.mp3" />
<meta property="article:published_time" content="2020-07-23T12:00:29+00:00" />
<meta property="og:image" content="https://media.basspistol.com/panix/bamegoy/2-totenkopf.jpeg" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Totenkopf | pax:nion" />
<meta name="twitter:description" content="Listen and to a track by Pan1k from the release &quot;Bamegoy&quot; and support your remote artist!" />
<meta name="twitter:image" content="https://media.basspistol.com/panix/bamegoy/2-totenkopf.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/bamegoy/2-totenkopf.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">Totenkopf</h1>
<p><strong><span id="tracktime"></span></strong><span id="totenkopf"></span></strong> <br />
Style: <strong>Electronic</strong>
</p>
<script type="text/javascript">
var totenkopftimestamp = 129;
var totenkopfhours = Math.floor(totenkopftimestamp / 60 / 60);
var totenkopfminutes = Math.floor(totenkopftimestamp / 60) - (totenkopfhours * 60);
var totenkopfseconds = totenkopftimestamp % 60;
var totenkopfformatted = totenkopfhours.toString().padStart(2, '0') + ':' + totenkopfminutes.toString().padStart(2, '0') + ':' + totenkopfseconds.toString().padStart(2, '0');
var theSpan = document.getElementById("totenkopf");
theSpan.innerHTML = totenkopfformatted;
</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/bamegoy/2-totenkopf.jpeg" alt="2 Totenkopf 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/bamegoy/1-nebelwerfer/" alt="Read Nebelwerfer" title="Read Nebelwerfer"><i class="fas fa-arrow-left"></i></a> <a
href="../../../albums/bamegoy/1-nebelwerfer/">&nbsp;Nebelwerfer</a>
</h4>
</div>
<div class="post-nav-next">
<h4><a href="../../../albums/bamegoy/3-isolierung/">&nbsp;Isolierung</a> <a
href="../../../albums/bamegoy/3-isolierung/" alt="Read Isolierung" title="Read Isolierung"><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="Totenkopf">
<source src="https://media.basspistol.com/panix/bamegoy/2-totenkopf.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>&copy;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("../../../bamegoy/3-isolierung/"); 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>
&nbsp;&nbsp;&nbsp;<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>

View 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 Isolierung by Pan1k | pax:nion</title>
<meta name="title" content="Play &quot;Isolierung&quot; by Pan1k" />
<meta name="description" content="A track by Pan1k named &quot;Isolierung&quot; 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/bamegoy/3-isolierung/" />
<link rel="alternate" hreflang="x-default" href="https://paxnion.basspistol.com/albums/bamegoy/3-isolierung/" />
<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 &copy;2020 pax:nion." />
<meta name="dcterms.Subject" content="A track by Pan1k named &quot;Isolierung&quot; published on pax:nion" />
<meta name="dcterms.Title" content="Play &quot;Isolierung&quot; by Pan1k" />
<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 Pan1k from the release &quot;Bamegoy&quot; and support your remote artist!" />
<!-- Facebook -->
<meta property="og:title" content="Isolierung" />
<meta property="og:locale" content="en" />
<meta property="og:description" content="Listen and to a track by Pan1k from the release &quot;Bamegoy&quot; and support your remote artist!" />
<meta property="og:url" content="https://paxnion.basspistol.com/albums/bamegoy/3-isolierung/" />
<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/bamegoy/3-isolierung.mp3" />
<meta property="article:published_time" content="2020-07-23T12:00:29+00:00" />
<meta property="og:image" content="https://media.basspistol.com/panix/bamegoy/3-isolierung.jpeg" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Isolierung | pax:nion" />
<meta name="twitter:description" content="Listen and to a track by Pan1k from the release &quot;Bamegoy&quot; and support your remote artist!" />
<meta name="twitter:image" content="https://media.basspistol.com/panix/bamegoy/3-isolierung.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/bamegoy/3-isolierung.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">Isolierung</h1>
<p><strong><span id="tracktime"></span></strong><span id="isolierung"></span></strong> <br />
Style: <strong>Electronic</strong>
</p>
<script type="text/javascript">
var isolierungtimestamp = 103;
var isolierunghours = Math.floor(isolierungtimestamp / 60 / 60);
var isolierungminutes = Math.floor(isolierungtimestamp / 60) - (isolierunghours * 60);
var isolierungseconds = isolierungtimestamp % 60;
var isolierungformatted = isolierunghours.toString().padStart(2, '0') + ':' + isolierungminutes.toString().padStart(2, '0') + ':' + isolierungseconds.toString().padStart(2, '0');
var theSpan = document.getElementById("isolierung");
theSpan.innerHTML = isolierungformatted;
</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/bamegoy/3-isolierung.jpeg" alt="3 Isolierung 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/bamegoy/2-totenkopf/" alt="Read Totenkopf" title="Read Totenkopf"><i class="fas fa-arrow-left"></i></a> <a
href="../../../albums/bamegoy/2-totenkopf/">&nbsp;Totenkopf</a>
</h4>
</div>
<div class="post-nav-next">
<h4><a href="../../../albums/bamegoy/1-nebelwerfer/">&nbsp;Nebelwerfer</a> <a
href="../../../albums/bamegoy/1-nebelwerfer/" alt="Read Nebelwerfer" title="Read Nebelwerfer"><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="Isolierung">
<source src="https://media.basspistol.com/panix/bamegoy/3-isolierung.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>&copy;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("../../../bamegoy/1-nebelwerfer/"); 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>
&nbsp;&nbsp;&nbsp;<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>

634
albums/bamegoy/index.html Normal file
View file

@ -0,0 +1,634 @@
<!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 &quot;Bamegoy&quot; by Pan1k | pax:nion</title>
<meta name="title" content="Play &quot;Bamegoy&quot; by Pan1k" />
<meta name="description" content="A release by Pan1k named &quot;Bamegoy&quot; 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/bamegoy/" />
<link rel="alternate" hreflang="x-default" href="https://paxnion.basspistol.com/albums/bamegoy/" />
<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 &copy;2020 pax:nion." />
<meta name="dcterms.Subject" content="A release by Pan1k named &quot;Bamegoy&quot; published on pax:nion" />
<meta name="dcterms.Title" content="Play &quot;Bamegoy&quot; by Pan1k" />
<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 Pan1k named &quot;Bamegoy&quot; and support your remote artist!" />
<!-- Facebook -->
<meta property="og:title" content="Bamegoy by Pan1k" />
<meta property="og:locale" content="en" />
<meta property="og:description" content="Listen and to a release by Pan1k named &quot;Bamegoy&quot; and support your remote artist!" />
<meta property="og:url" content="https://paxnion.basspistol.com/albums/bamegoy/" />
<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/bamegoy/1-nebelwerfer.mp3" />
<meta property="og:audio" content="https://media.basspistol.com/panix/bamegoy/2-totenkopf.mp3" />
<meta property="og:audio" content="https://media.basspistol.com/panix/bamegoy/3-isolierung.mp3" />
<meta property="article:published_time" content="2020-07-23T12:00:31+00:00" />
<meta property="og:image" content="https://media.basspistol.com/panix/bamegoy/1-nebelwerfer.jpeg" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Bamegoy | pax:nion" />
<meta name="twitter:description" content="Listen and to a release by Pan1k named &quot;Bamegoy&quot; and support your remote artist!" />
<meta name="twitter:image" content="https://media.basspistol.com/panix/bamegoy/1-nebelwerfer.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">Bamegoy</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/bamegoy/1-nebelwerfer.jpeg" alt="Bamegoy" />
</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/bamegoy/&amp;quote=Bamegoy%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/bamegoy/&amp;text=Bamegoy%20by%20pax:nion%20&amp;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/bamegoy/&amp;text=Bamegoy%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/bamegoy/&amp;title=Bamegoy%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">Nebelwerfer</div>
<div class="plLength">2:43</div>
</div>
</li>
<li>
<div class="plItem">
<div class="plNum">2.</div>
<div class="plTitle">Totenkopf</div>
<div class="plLength">2:09</div>
</div>
</li>
<li>
<div class="plItem">
<div class="plNum">3.</div>
<div class="plTitle">Isolierung</div>
<div class="plLength">1:43</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/bamegoy/1-nebelwerfer.mp3">Nebelwerfer </a></div>
<div class="plLength">2:43</div>
</div>
<div class="plItem">
<div class="plNum">2.</div>
<div class="plTitle"><a href="https://media.basspistol.com/panix/bamegoy/2-totenkopf.mp3">Totenkopf </a></div>
<div class="plLength">2:9</div>
</div>
<div class="plItem">
<div class="plNum">3.</div>
<div class="plTitle"><a href="https://media.basspistol.com/panix/bamegoy/3-isolierung.mp3">Isolierung </a></div>
<div class="plLength">1:43</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-left content-align-right image-position-center onscroll-image-fade-in" style="box-shadow: none;" >
<div class="content">
<h3>Nebelwerfer</h3>
<p>
2:43
<br /><strong>Electronic</strong>
<br />2001</p>
<ul class="actions stacked">
<li><a href="../../albums/bamegoy/1-nebelwerfer/" class="button">Track</a></li>
</ul>
</div>
<div class="image">
<img src="https://media.basspistol.com/panix/bamegoy/1-nebelwerfer.jpeg" alt="Nebelwerfer" />
</div>
</section>
<section class="spotlight style4 orient-right content-align-left image-position-center onscroll-image-fade-in" >
<div class="content">
<h3>Totenkopf</h3>
<p>
2:9
<br /><strong>Electronic</strong>
<br />2001</p>
<ul class="actions stacked">
<li><a href="../../albums/bamegoy/2-totenkopf/" class="button">Track</a></li>
</ul>
</div>
<div class="image">
<img src="https://media.basspistol.com/panix/bamegoy/2-totenkopf.jpeg" alt="Totenkopf" />
</div>
</section>
<section class="spotlight style4 orient-left content-align-right image-position-center onscroll-image-fade-in" >
<div class="content">
<h3>Isolierung</h3>
<p>
1:43
<br /><strong>Electronic</strong>
<br />2001</p>
<ul class="actions stacked">
<li><a href="../../albums/bamegoy/3-isolierung/" class="button">Track</a></li>
</ul>
</div>
<div class="image">
<img src="https://media.basspistol.com/panix/bamegoy/3-isolierung.jpeg" alt="Isolierung" />
</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/broken-tracks/" alt="Read Broken Tracks" title="Read Broken Tracks"><i class="fas fa-arrow-left"></i></a> <a href="/albums/broken-tracks/">&nbsp;Broken Tracks</a></h4>
<p style="margin-right: 20px"></p>
</div>
<div class="post-nav-next">
<h4><a href="/albums/katze/">&nbsp;Katze</a> <a href="/albums/katze/" alt="Read Katze" title="Read Katze"><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="../../">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>&copy;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>
&nbsp;&nbsp;&nbsp;<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": "Nebelwerfer",
"length": "2:43",
"file": "https://media.basspistol.com/panix/bamegoy/1-nebelwerfer"
},{
"track": 2,
"name": "Totenkopf",
"length": "2:9",
"file": "https://media.basspistol.com/panix/bamegoy/2-totenkopf"
},{
"track": 3,
"name": "Isolierung",
"length": "1:43",
"file": "https://media.basspistol.com/panix/bamegoy/3-isolierung"
}],
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>

View 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 Brötbient by Panix Illtone | pax:nion</title>
<meta name="title" content="Play &quot;Brötbient&quot; by Panix Illtone" />
<meta name="description" content="A track by Panix Illtone named &quot;Brötbient&quot; 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/br-tbients/1-br-tbient/" />
<link rel="alternate" hreflang="x-default" href="https://paxnion.basspistol.com/albums/br-tbients/1-br-tbient/" />
<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 &copy;2020 pax:nion." />
<meta name="dcterms.Subject" content="A track by Panix Illtone named &quot;Brötbient&quot; published on pax:nion" />
<meta name="dcterms.Title" content="Play &quot;Brötbient&quot; by Panix Illtone" />
<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 Illtone from the release &quot;Brötbients&quot; and support your remote artist!" />
<!-- Facebook -->
<meta property="og:title" content="Brötbient" />
<meta property="og:locale" content="en" />
<meta property="og:description" content="Listen and to a track by Panix Illtone from the release &quot;Brötbients&quot; and support your remote artist!" />
<meta property="og:url" content="https://paxnion.basspistol.com/albums/br-tbients/1-br-tbient/" />
<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/br-tbients/1-br-tbient.mp3" />
<meta property="article:published_time" content="2020-07-23T12:00:29+00:00" />
<meta property="og:image" content="https://media.basspistol.com/panix/br-tbients/1-br-tbient.jpeg" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Brötbient | pax:nion" />
<meta name="twitter:description" content="Listen and to a track by Panix Illtone from the release &quot;Brötbients&quot; and support your remote artist!" />
<meta name="twitter:image" content="https://media.basspistol.com/panix/br-tbients/1-br-tbient.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/br-tbients/1-br-tbient.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">Brötbient</h1>
<p><strong><span id="tracktime"></span></strong><span id="brötbient"></span></strong> <br />
Style: <strong>Electronic</strong>
</p>
<script type="text/javascript">
var brötbienttimestamp = 137;
var brötbienthours = Math.floor(brötbienttimestamp / 60 / 60);
var brötbientminutes = Math.floor(brötbienttimestamp / 60) - (brötbienthours * 60);
var brötbientseconds = brötbienttimestamp % 60;
var brötbientformatted = brötbienthours.toString().padStart(2, '0') + ':' + brötbientminutes.toString().padStart(2, '0') + ':' + brötbientseconds.toString().padStart(2, '0');
var theSpan = document.getElementById("brötbient");
theSpan.innerHTML = brötbientformatted;
</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/br-tbients/1-br-tbient.jpeg" alt="1 Br Tbient 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/br-tbients/3-broet-igen/" alt="Read Broet Igen" title="Read Broet Igen"><i class="fas fa-arrow-left"></i></a> <a
href="../../../albums/br-tbients/3-broet-igen/">&nbsp;Broet Igen</a>
</h4>
</div>
<div class="post-nav-next">
<h4><a href="../../../albums/br-tbients/2-br-tbient-too/">&nbsp;Brötbient Too</a> <a
href="../../../albums/br-tbients/2-br-tbient-too/" alt="Read Brötbient Too" title="Read Brötbient Too"><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="Brötbient">
<source src="https://media.basspistol.com/panix/br-tbients/1-br-tbient.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>&copy;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("../../../br-tbients/2-br-tbient-too/"); 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>
&nbsp;&nbsp;&nbsp;<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>

View 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 Brötbient Too by Panix Illtone | pax:nion</title>
<meta name="title" content="Play &quot;Brötbient Too&quot; by Panix Illtone" />
<meta name="description" content="A track by Panix Illtone named &quot;Brötbient Too&quot; 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/br-tbients/2-br-tbient-too/" />
<link rel="alternate" hreflang="x-default" href="https://paxnion.basspistol.com/albums/br-tbients/2-br-tbient-too/" />
<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 &copy;2020 pax:nion." />
<meta name="dcterms.Subject" content="A track by Panix Illtone named &quot;Brötbient Too&quot; published on pax:nion" />
<meta name="dcterms.Title" content="Play &quot;Brötbient Too&quot; by Panix Illtone" />
<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 Illtone from the release &quot;Brötbients&quot; and support your remote artist!" />
<!-- Facebook -->
<meta property="og:title" content="Brötbient Too" />
<meta property="og:locale" content="en" />
<meta property="og:description" content="Listen and to a track by Panix Illtone from the release &quot;Brötbients&quot; and support your remote artist!" />
<meta property="og:url" content="https://paxnion.basspistol.com/albums/br-tbients/2-br-tbient-too/" />
<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/br-tbients/2-br-tbient-too.mp3" />
<meta property="article:published_time" content="2020-07-23T12:00:29+00:00" />
<meta property="og:image" content="https://media.basspistol.com/panix/br-tbients/2-br-tbient-too.jpeg" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Brötbient Too | pax:nion" />
<meta name="twitter:description" content="Listen and to a track by Panix Illtone from the release &quot;Brötbients&quot; and support your remote artist!" />
<meta name="twitter:image" content="https://media.basspistol.com/panix/br-tbients/2-br-tbient-too.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/br-tbients/2-br-tbient-too.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">Brötbient Too</h1>
<p><strong><span id="tracktime"></span></strong><span id="brötbienttoo"></span></strong> <br />
Style: <strong>Electronic</strong>
</p>
<script type="text/javascript">
var brötbienttootimestamp = 90;
var brötbienttoohours = Math.floor(brötbienttootimestamp / 60 / 60);
var brötbienttoominutes = Math.floor(brötbienttootimestamp / 60) - (brötbienttoohours * 60);
var brötbienttooseconds = brötbienttootimestamp % 60;
var brötbienttooformatted = brötbienttoohours.toString().padStart(2, '0') + ':' + brötbienttoominutes.toString().padStart(2, '0') + ':' + brötbienttooseconds.toString().padStart(2, '0');
var theSpan = document.getElementById("brötbienttoo");
theSpan.innerHTML = brötbienttooformatted;
</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/br-tbients/2-br-tbient-too.jpeg" alt="2 Br Tbient Too 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/br-tbients/1-br-tbient/" alt="Read Brötbient" title="Read Brötbient"><i class="fas fa-arrow-left"></i></a> <a
href="../../../albums/br-tbients/1-br-tbient/">&nbsp;Brötbient</a>
</h4>
</div>
<div class="post-nav-next">
<h4><a href="../../../albums/br-tbients/3-broet-igen/">&nbsp;Broet Igen</a> <a
href="../../../albums/br-tbients/3-broet-igen/" alt="Read Broet Igen" title="Read Broet Igen"><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="Brötbient Too">
<source src="https://media.basspistol.com/panix/br-tbients/2-br-tbient-too.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>&copy;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("../../../br-tbients/3-broet-igen/"); 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>
&nbsp;&nbsp;&nbsp;<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>

View 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 Broet Igen by Panix Illtone | pax:nion</title>
<meta name="title" content="Play &quot;Broet Igen&quot; by Panix Illtone" />
<meta name="description" content="A track by Panix Illtone named &quot;Broet Igen&quot; 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/br-tbients/3-broet-igen/" />
<link rel="alternate" hreflang="x-default" href="https://paxnion.basspistol.com/albums/br-tbients/3-broet-igen/" />
<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 &copy;2020 pax:nion." />
<meta name="dcterms.Subject" content="A track by Panix Illtone named &quot;Broet Igen&quot; published on pax:nion" />
<meta name="dcterms.Title" content="Play &quot;Broet Igen&quot; by Panix Illtone" />
<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 Illtone from the release &quot;Brötbients&quot; and support your remote artist!" />
<!-- Facebook -->
<meta property="og:title" content="Broet Igen" />
<meta property="og:locale" content="en" />
<meta property="og:description" content="Listen and to a track by Panix Illtone from the release &quot;Brötbients&quot; and support your remote artist!" />
<meta property="og:url" content="https://paxnion.basspistol.com/albums/br-tbients/3-broet-igen/" />
<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/br-tbients/3-broet-igen.mp3" />
<meta property="article:published_time" content="2020-07-23T12:00:29+00:00" />
<meta property="og:image" content="https://media.basspistol.com/panix/br-tbients/3-broet-igen.jpeg" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Broet Igen | pax:nion" />
<meta name="twitter:description" content="Listen and to a track by Panix Illtone from the release &quot;Brötbients&quot; and support your remote artist!" />
<meta name="twitter:image" content="https://media.basspistol.com/panix/br-tbients/3-broet-igen.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/br-tbients/3-broet-igen.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">Broet Igen</h1>
<p><strong><span id="tracktime"></span></strong><span id="broetigen"></span></strong> <br />
Style: <strong>Electronic</strong>
</p>
<script type="text/javascript">
var broetigentimestamp = 108;
var broetigenhours = Math.floor(broetigentimestamp / 60 / 60);
var broetigenminutes = Math.floor(broetigentimestamp / 60) - (broetigenhours * 60);
var broetigenseconds = broetigentimestamp % 60;
var broetigenformatted = broetigenhours.toString().padStart(2, '0') + ':' + broetigenminutes.toString().padStart(2, '0') + ':' + broetigenseconds.toString().padStart(2, '0');
var theSpan = document.getElementById("broetigen");
theSpan.innerHTML = broetigenformatted;
</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/br-tbients/3-broet-igen.jpeg" alt="3 Broet Igen 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/br-tbients/2-br-tbient-too/" alt="Read Brötbient Too" title="Read Brötbient Too"><i class="fas fa-arrow-left"></i></a> <a
href="../../../albums/br-tbients/2-br-tbient-too/">&nbsp;Brötbient Too</a>
</h4>
</div>
<div class="post-nav-next">
<h4><a href="../../../albums/br-tbients/1-br-tbient/">&nbsp;Brötbient</a> <a
href="../../../albums/br-tbients/1-br-tbient/" alt="Read Brötbient" title="Read Brötbient"><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="Broet Igen">
<source src="https://media.basspistol.com/panix/br-tbients/3-broet-igen.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>&copy;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("../../../br-tbients/1-br-tbient/"); 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>
&nbsp;&nbsp;&nbsp;<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>

View file

@ -0,0 +1,634 @@
<!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 &quot;Brötbients&quot; by Panix Illtone | pax:nion</title>
<meta name="title" content="Play &quot;Brötbients&quot; by Panix Illtone" />
<meta name="description" content="A release by Panix Illtone named &quot;Brötbients&quot; 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/br-tbients/" />
<link rel="alternate" hreflang="x-default" href="https://paxnion.basspistol.com/albums/br-tbients/" />
<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 &copy;2020 pax:nion." />
<meta name="dcterms.Subject" content="A release by Panix Illtone named &quot;Brötbients&quot; published on pax:nion" />
<meta name="dcterms.Title" content="Play &quot;Brötbients&quot; by Panix Illtone" />
<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 Illtone named &quot;Brötbients&quot; and support your remote artist!" />
<!-- Facebook -->
<meta property="og:title" content="Brötbients by Panix Illtone" />
<meta property="og:locale" content="en" />
<meta property="og:description" content="Listen and to a release by Panix Illtone named &quot;Brötbients&quot; and support your remote artist!" />
<meta property="og:url" content="https://paxnion.basspistol.com/albums/br-tbients/" />
<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/br-tbients/1-br-tbient.mp3" />
<meta property="og:audio" content="https://media.basspistol.com/panix/br-tbients/2-br-tbient-too.mp3" />
<meta property="og:audio" content="https://media.basspistol.com/panix/br-tbients/3-broet-igen.mp3" />
<meta property="article:published_time" content="2020-07-23T12:00:31+00:00" />
<meta property="og:image" content="https://media.basspistol.com/panix/br-tbients/1-br-tbient.jpeg" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Brötbients | pax:nion" />
<meta name="twitter:description" content="Listen and to a release by Panix Illtone named &quot;Brötbients&quot; and support your remote artist!" />
<meta name="twitter:image" content="https://media.basspistol.com/panix/br-tbients/1-br-tbient.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">Br Tbients</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/br-tbients/1-br-tbient.jpeg" alt="Br Tbients" />
</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/br-tbients/&amp;quote=Br Tbients%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/br-tbients/&amp;text=Br Tbients%20by%20pax:nion%20&amp;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/br-tbients/&amp;text=Br Tbients%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/br-tbients/&amp;title=Br Tbients%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">Brötbient</div>
<div class="plLength">2:17</div>
</div>
</li>
<li>
<div class="plItem">
<div class="plNum">2.</div>
<div class="plTitle">Brötbient Too</div>
<div class="plLength">1:30</div>
</div>
</li>
<li>
<div class="plItem">
<div class="plNum">3.</div>
<div class="plTitle">Broet Igen</div>
<div class="plLength">1:48</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/br-tbients/1-br-tbient.mp3">Brötbient </a></div>
<div class="plLength">2:17</div>
</div>
<div class="plItem">
<div class="plNum">2.</div>
<div class="plTitle"><a href="https://media.basspistol.com/panix/br-tbients/2-br-tbient-too.mp3">Brötbient Too </a></div>
<div class="plLength">1:30</div>
</div>
<div class="plItem">
<div class="plNum">3.</div>
<div class="plTitle"><a href="https://media.basspistol.com/panix/br-tbients/3-broet-igen.mp3">Broet Igen </a></div>
<div class="plLength">1:48</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>Brötbient</h3>
<p>
2:17
<br /><strong>Electronic</strong>
<br />2011</p>
<ul class="actions stacked">
<li><a href="../../albums/br-tbients/1-br-tbient/" class="button">Track</a></li>
</ul>
</div>
<div class="image">
<img src="https://media.basspistol.com/panix/br-tbients/1-br-tbient.jpeg" alt="Brötbient" />
</div>
</section>
<section class="spotlight style4 orient-left content-align-right image-position-center onscroll-image-fade-in" >
<div class="content">
<h3>Brötbient Too</h3>
<p>
1:30
<br /><strong>Electronic</strong>
<br />2011</p>
<ul class="actions stacked">
<li><a href="../../albums/br-tbients/2-br-tbient-too/" class="button">Track</a></li>
</ul>
</div>
<div class="image">
<img src="https://media.basspistol.com/panix/br-tbients/2-br-tbient-too.jpeg" alt="Brötbient Too" />
</div>
</section>
<section class="spotlight style4 orient-right content-align-left image-position-center onscroll-image-fade-in" >
<div class="content">
<h3>Broet Igen</h3>
<p>
1:48
<br /><strong>Electronic</strong>
<br />2011</p>
<ul class="actions stacked">
<li><a href="../../albums/br-tbients/3-broet-igen/" class="button">Track</a></li>
</ul>
</div>
<div class="image">
<img src="https://media.basspistol.com/panix/br-tbients/3-broet-igen.jpeg" alt="Broet Igen" />
</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/no-progress-ep/" alt="Read No Progress Ep" title="Read No Progress Ep"><i class="fas fa-arrow-left"></i></a> <a href="/albums/no-progress-ep/">&nbsp;No Progress Ep</a></h4>
<p style="margin-right: 20px"></p>
</div>
<div class="post-nav-next">
<h4><a href="/albums/netbook-lofi-beatheads/">&nbsp;Netbook Lofi Beatheads</a> <a href="/albums/netbook-lofi-beatheads/" alt="Read Netbook Lofi Beatheads" title="Read Netbook Lofi Beatheads"><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="../../">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>&copy;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>
&nbsp;&nbsp;&nbsp;<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": "Brötbient",
"length": "2:17",
"file": "https://media.basspistol.com/panix/br-tbients/1-br-tbient"
},{
"track": 2,
"name": "Brötbient Too",
"length": "1:30",
"file": "https://media.basspistol.com/panix/br-tbients/2-br-tbient-too"
},{
"track": 3,
"name": "Broet Igen",
"length": "1:48",
"file": "https://media.basspistol.com/panix/br-tbients/3-broet-igen"
}],
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>

View 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 Coming Back by Panik | pax:nion</title>
<meta name="title" content="Play &quot;Coming Back&quot; by Panik" />
<meta name="description" content="A track by Panik named &quot;Coming Back&quot; 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/broken-tracks/1-coming-back/" />
<link rel="alternate" hreflang="x-default" href="https://paxnion.basspistol.com/albums/broken-tracks/1-coming-back/" />
<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 &copy;2020 pax:nion." />
<meta name="dcterms.Subject" content="A track by Panik named &quot;Coming Back&quot; published on pax:nion" />
<meta name="dcterms.Title" content="Play &quot;Coming Back&quot; by Panik" />
<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 Panik from the release &quot;Broken Tracks&quot; and support your remote artist!" />
<!-- Facebook -->
<meta property="og:title" content="Coming Back" />
<meta property="og:locale" content="en" />
<meta property="og:description" content="Listen and to a track by Panik from the release &quot;Broken Tracks&quot; and support your remote artist!" />
<meta property="og:url" content="https://paxnion.basspistol.com/albums/broken-tracks/1-coming-back/" />
<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/broken-tracks/1-coming-back.mp3" />
<meta property="article:published_time" content="2020-07-23T12:00:29+00:00" />
<meta property="og:image" content="https://media.basspistol.com/panix/broken-tracks/1-coming-back.jpeg" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Coming Back | pax:nion" />
<meta name="twitter:description" content="Listen and to a track by Panik from the release &quot;Broken Tracks&quot; and support your remote artist!" />
<meta name="twitter:image" content="https://media.basspistol.com/panix/broken-tracks/1-coming-back.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/broken-tracks/1-coming-back.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">Coming Back</h1>
<p><strong><span id="tracktime"></span></strong><span id="comingback"></span></strong> <br />
Style: <strong>Breakbeat</strong>
</p>
<script type="text/javascript">
var comingbacktimestamp = 137;
var comingbackhours = Math.floor(comingbacktimestamp / 60 / 60);
var comingbackminutes = Math.floor(comingbacktimestamp / 60) - (comingbackhours * 60);
var comingbackseconds = comingbacktimestamp % 60;
var comingbackformatted = comingbackhours.toString().padStart(2, '0') + ':' + comingbackminutes.toString().padStart(2, '0') + ':' + comingbackseconds.toString().padStart(2, '0');
var theSpan = document.getElementById("comingback");
theSpan.innerHTML = comingbackformatted;
</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/broken-tracks/1-coming-back.jpeg" alt="1 Coming Back 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/broken-tracks/4-your-love/" alt="Read Your Love" title="Read Your Love"><i class="fas fa-arrow-left"></i></a> <a
href="../../../albums/broken-tracks/4-your-love/">&nbsp;Your Love</a>
</h4>
</div>
<div class="post-nav-next">
<h4><a href="../../../albums/broken-tracks/1-shaolin-teknique/">&nbsp;Shaolin Teknique</a> <a
href="../../../albums/broken-tracks/1-shaolin-teknique/" alt="Read Shaolin Teknique" title="Read Shaolin Teknique"><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="Coming Back">
<source src="https://media.basspistol.com/panix/broken-tracks/1-coming-back.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>&copy;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("../../../broken-tracks/1-shaolin-teknique/"); 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>
&nbsp;&nbsp;&nbsp;<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>

View 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 Shaolin Teknique by Panik | pax:nion</title>
<meta name="title" content="Play &quot;Shaolin Teknique&quot; by Panik" />
<meta name="description" content="A track by Panik named &quot;Shaolin Teknique&quot; 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/broken-tracks/1-shaolin-teknique/" />
<link rel="alternate" hreflang="x-default" href="https://paxnion.basspistol.com/albums/broken-tracks/1-shaolin-teknique/" />
<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 &copy;2020 pax:nion." />
<meta name="dcterms.Subject" content="A track by Panik named &quot;Shaolin Teknique&quot; published on pax:nion" />
<meta name="dcterms.Title" content="Play &quot;Shaolin Teknique&quot; by Panik" />
<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 Panik from the release &quot;Broken Tracks&quot; and support your remote artist!" />
<!-- Facebook -->
<meta property="og:title" content="Shaolin Teknique" />
<meta property="og:locale" content="en" />
<meta property="og:description" content="Listen and to a track by Panik from the release &quot;Broken Tracks&quot; and support your remote artist!" />
<meta property="og:url" content="https://paxnion.basspistol.com/albums/broken-tracks/1-shaolin-teknique/" />
<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/broken-tracks/1-shaolin-teknique.mp3" />
<meta property="article:published_time" content="2020-07-23T12:00:29+00:00" />
<meta property="og:image" content="https://media.basspistol.com/panix/broken-tracks/1-shaolin-teknique.jpeg" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Shaolin Teknique | pax:nion" />
<meta name="twitter:description" content="Listen and to a track by Panik from the release &quot;Broken Tracks&quot; and support your remote artist!" />
<meta name="twitter:image" content="https://media.basspistol.com/panix/broken-tracks/1-shaolin-teknique.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/broken-tracks/1-shaolin-teknique.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">Shaolin Teknique</h1>
<p><strong><span id="tracktime"></span></strong><span id="shaolinteknique"></span></strong> <br />
Style: <strong>Breakbeat</strong>
</p>
<script type="text/javascript">
var shaolintekniquetimestamp = 230;
var shaolintekniquehours = Math.floor(shaolintekniquetimestamp / 60 / 60);
var shaolintekniqueminutes = Math.floor(shaolintekniquetimestamp / 60) - (shaolintekniquehours * 60);
var shaolintekniqueseconds = shaolintekniquetimestamp % 60;
var shaolintekniqueformatted = shaolintekniquehours.toString().padStart(2, '0') + ':' + shaolintekniqueminutes.toString().padStart(2, '0') + ':' + shaolintekniqueseconds.toString().padStart(2, '0');
var theSpan = document.getElementById("shaolinteknique");
theSpan.innerHTML = shaolintekniqueformatted;
</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/broken-tracks/1-shaolin-teknique.jpeg" alt="1 Shaolin Teknique 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/broken-tracks/1-coming-back/" alt="Read Coming Back" title="Read Coming Back"><i class="fas fa-arrow-left"></i></a> <a
href="../../../albums/broken-tracks/1-coming-back/">&nbsp;Coming Back</a>
</h4>
</div>
<div class="post-nav-next">
<h4><a href="../../../albums/broken-tracks/3-hcmf/">&nbsp;HCMF</a> <a
href="../../../albums/broken-tracks/3-hcmf/" alt="Read HCMF" title="Read HCMF"><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="Shaolin Teknique">
<source src="https://media.basspistol.com/panix/broken-tracks/1-shaolin-teknique.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>&copy;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("../../../broken-tracks/3-hcmf/"); 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>
&nbsp;&nbsp;&nbsp;<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>

View 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 HCMF by Panik | pax:nion</title>
<meta name="title" content="Play &quot;HCMF&quot; by Panik" />
<meta name="description" content="A track by Panik named &quot;HCMF&quot; 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/broken-tracks/3-hcmf/" />
<link rel="alternate" hreflang="x-default" href="https://paxnion.basspistol.com/albums/broken-tracks/3-hcmf/" />
<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 &copy;2020 pax:nion." />
<meta name="dcterms.Subject" content="A track by Panik named &quot;HCMF&quot; published on pax:nion" />
<meta name="dcterms.Title" content="Play &quot;HCMF&quot; by Panik" />
<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 Panik from the release &quot;Broken Tracks&quot; and support your remote artist!" />
<!-- Facebook -->
<meta property="og:title" content="HCMF" />
<meta property="og:locale" content="en" />
<meta property="og:description" content="Listen and to a track by Panik from the release &quot;Broken Tracks&quot; and support your remote artist!" />
<meta property="og:url" content="https://paxnion.basspistol.com/albums/broken-tracks/3-hcmf/" />
<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/broken-tracks/3-hcmf.mp3" />
<meta property="article:published_time" content="2020-07-23T12:00:29+00:00" />
<meta property="og:image" content="https://media.basspistol.com/panix/broken-tracks/3-hcmf.jpeg" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="HCMF | pax:nion" />
<meta name="twitter:description" content="Listen and to a track by Panik from the release &quot;Broken Tracks&quot; and support your remote artist!" />
<meta name="twitter:image" content="https://media.basspistol.com/panix/broken-tracks/3-hcmf.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/broken-tracks/3-hcmf.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">HCMF</h1>
<p><strong><span id="tracktime"></span></strong><span id="hcmf"></span></strong> <br />
Style: <strong>Breakbeat</strong>
</p>
<script type="text/javascript">
var hcmftimestamp = 245;
var hcmfhours = Math.floor(hcmftimestamp / 60 / 60);
var hcmfminutes = Math.floor(hcmftimestamp / 60) - (hcmfhours * 60);
var hcmfseconds = hcmftimestamp % 60;
var hcmfformatted = hcmfhours.toString().padStart(2, '0') + ':' + hcmfminutes.toString().padStart(2, '0') + ':' + hcmfseconds.toString().padStart(2, '0');
var theSpan = document.getElementById("hcmf");
theSpan.innerHTML = hcmfformatted;
</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/broken-tracks/3-hcmf.jpeg" alt="3 Hcmf 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/broken-tracks/1-shaolin-teknique/" alt="Read Shaolin Teknique" title="Read Shaolin Teknique"><i class="fas fa-arrow-left"></i></a> <a
href="../../../albums/broken-tracks/1-shaolin-teknique/">&nbsp;Shaolin Teknique</a>
</h4>
</div>
<div class="post-nav-next">
<h4><a href="../../../albums/broken-tracks/4-your-love/">&nbsp;Your Love</a> <a
href="../../../albums/broken-tracks/4-your-love/" alt="Read Your Love" title="Read Your Love"><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="HCMF">
<source src="https://media.basspistol.com/panix/broken-tracks/3-hcmf.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>&copy;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("../../../broken-tracks/4-your-love/"); 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>
&nbsp;&nbsp;&nbsp;<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>

View 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 Your Love by Panik | pax:nion</title>
<meta name="title" content="Play &quot;Your Love&quot; by Panik" />
<meta name="description" content="A track by Panik named &quot;Your Love&quot; 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/broken-tracks/4-your-love/" />
<link rel="alternate" hreflang="x-default" href="https://paxnion.basspistol.com/albums/broken-tracks/4-your-love/" />
<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 &copy;2020 pax:nion." />
<meta name="dcterms.Subject" content="A track by Panik named &quot;Your Love&quot; published on pax:nion" />
<meta name="dcterms.Title" content="Play &quot;Your Love&quot; by Panik" />
<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 Panik from the release &quot;Broken Tracks&quot; and support your remote artist!" />
<!-- Facebook -->
<meta property="og:title" content="Your Love" />
<meta property="og:locale" content="en" />
<meta property="og:description" content="Listen and to a track by Panik from the release &quot;Broken Tracks&quot; and support your remote artist!" />
<meta property="og:url" content="https://paxnion.basspistol.com/albums/broken-tracks/4-your-love/" />
<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/broken-tracks/4-your-love.mp3" />
<meta property="article:published_time" content="2020-07-23T12:00:29+00:00" />
<meta property="og:image" content="https://media.basspistol.com/panix/broken-tracks/4-your-love.jpeg" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Your Love | pax:nion" />
<meta name="twitter:description" content="Listen and to a track by Panik from the release &quot;Broken Tracks&quot; and support your remote artist!" />
<meta name="twitter:image" content="https://media.basspistol.com/panix/broken-tracks/4-your-love.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/broken-tracks/4-your-love.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">Your Love</h1>
<p><strong><span id="tracktime"></span></strong><span id="yourlove"></span></strong> <br />
Style: <strong>Breakbeat</strong>
</p>
<script type="text/javascript">
var yourlovetimestamp = 199;
var yourlovehours = Math.floor(yourlovetimestamp / 60 / 60);
var yourloveminutes = Math.floor(yourlovetimestamp / 60) - (yourlovehours * 60);
var yourloveseconds = yourlovetimestamp % 60;
var yourloveformatted = yourlovehours.toString().padStart(2, '0') + ':' + yourloveminutes.toString().padStart(2, '0') + ':' + yourloveseconds.toString().padStart(2, '0');
var theSpan = document.getElementById("yourlove");
theSpan.innerHTML = yourloveformatted;
</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/broken-tracks/4-your-love.jpeg" alt="4 Your Love 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/broken-tracks/3-hcmf/" alt="Read HCMF" title="Read HCMF"><i class="fas fa-arrow-left"></i></a> <a
href="../../../albums/broken-tracks/3-hcmf/">&nbsp;HCMF</a>
</h4>
</div>
<div class="post-nav-next">
<h4><a href="../../../albums/broken-tracks/1-coming-back/">&nbsp;Coming Back</a> <a
href="../../../albums/broken-tracks/1-coming-back/" alt="Read Coming Back" title="Read Coming Back"><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="Your Love">
<source src="https://media.basspistol.com/panix/broken-tracks/4-your-love.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>&copy;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("../../../broken-tracks/1-coming-back/"); 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>
&nbsp;&nbsp;&nbsp;<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>

View file

@ -0,0 +1,672 @@
<!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 &quot;Broken Tracks&quot; by Panik | pax:nion</title>
<meta name="title" content="Play &quot;Broken Tracks&quot; by Panik" />
<meta name="description" content="A release by Panik named &quot;Broken Tracks&quot; 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/broken-tracks/" />
<link rel="alternate" hreflang="x-default" href="https://paxnion.basspistol.com/albums/broken-tracks/" />
<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 &copy;2020 pax:nion." />
<meta name="dcterms.Subject" content="A release by Panik named &quot;Broken Tracks&quot; published on pax:nion" />
<meta name="dcterms.Title" content="Play &quot;Broken Tracks&quot; by Panik" />
<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 Panik named &quot;Broken Tracks&quot; and support your remote artist!" />
<!-- Facebook -->
<meta property="og:title" content="Broken Tracks by Panik" />
<meta property="og:locale" content="en" />
<meta property="og:description" content="Listen and to a release by Panik named &quot;Broken Tracks&quot; and support your remote artist!" />
<meta property="og:url" content="https://paxnion.basspistol.com/albums/broken-tracks/" />
<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/broken-tracks/1-coming-back.mp3" />
<meta property="og:audio" content="https://media.basspistol.com/panix/broken-tracks/1-shaolin-teknique.mp3" />
<meta property="og:audio" content="https://media.basspistol.com/panix/broken-tracks/3-hcmf.mp3" />
<meta property="og:audio" content="https://media.basspistol.com/panix/broken-tracks/4-your-love.mp3" />
<meta property="article:published_time" content="2020-07-23T12:00:31+00:00" />
<meta property="og:image" content="https://media.basspistol.com/panix/broken-tracks/1-coming-back.jpeg" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Broken Tracks | pax:nion" />
<meta name="twitter:description" content="Listen and to a release by Panik named &quot;Broken Tracks&quot; and support your remote artist!" />
<meta name="twitter:image" content="https://media.basspistol.com/panix/broken-tracks/1-coming-back.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">Broken Tracks</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/broken-tracks/1-coming-back.jpeg" alt="Broken Tracks" />
</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/broken-tracks/&amp;quote=Broken Tracks%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/broken-tracks/&amp;text=Broken Tracks%20by%20pax:nion%20&amp;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/broken-tracks/&amp;text=Broken Tracks%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/broken-tracks/&amp;title=Broken Tracks%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">Coming Back</div>
<div class="plLength">2:17</div>
</div>
</li>
<li>
<div class="plItem">
<div class="plNum">1.</div>
<div class="plTitle">Shaolin Teknique</div>
<div class="plLength">3:50</div>
</div>
</li>
<li>
<div class="plItem">
<div class="plNum">3.</div>
<div class="plTitle">HCMF</div>
<div class="plLength">4:05</div>
</div>
</li>
<li>
<div class="plItem">
<div class="plNum">4.</div>
<div class="plTitle">Your Love</div>
<div class="plLength">3:19</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/broken-tracks/1-coming-back.mp3">Coming Back </a></div>
<div class="plLength">2:17</div>
</div>
<div class="plItem">
<div class="plNum">1.</div>
<div class="plTitle"><a href="https://media.basspistol.com/panix/broken-tracks/1-shaolin-teknique.mp3">Shaolin Teknique </a></div>
<div class="plLength">3:50</div>
</div>
<div class="plItem">
<div class="plNum">3.</div>
<div class="plTitle"><a href="https://media.basspistol.com/panix/broken-tracks/3-hcmf.mp3">HCMF </a></div>
<div class="plLength">4:5</div>
</div>
<div class="plItem">
<div class="plNum">4.</div>
<div class="plTitle"><a href="https://media.basspistol.com/panix/broken-tracks/4-your-love.mp3">Your Love </a></div>
<div class="plLength">3:19</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-left content-align-right image-position-center onscroll-image-fade-in" style="box-shadow: none;" >
<div class="content">
<h3>Coming Back</h3>
<p>
2:17
<br /><strong>Breakbeat</strong>
<br />1997</p>
<ul class="actions stacked">
<li><a href="../../albums/broken-tracks/1-coming-back/" class="button">Track</a></li>
</ul>
</div>
<div class="image">
<img src="https://media.basspistol.com/panix/broken-tracks/1-coming-back.jpeg" alt="Coming Back" />
</div>
</section>
<section class="spotlight style4 orient-right content-align-left image-position-center onscroll-image-fade-in" >
<div class="content">
<h3>Shaolin Teknique</h3>
<p>
3:50
<br /><strong>Breakbeat</strong>
<br />1997</p>
<ul class="actions stacked">
<li><a href="../../albums/broken-tracks/1-shaolin-teknique/" class="button">Track</a></li>
</ul>
</div>
<div class="image">
<img src="https://media.basspistol.com/panix/broken-tracks/1-shaolin-teknique.jpeg" alt="Shaolin Teknique" />
</div>
</section>
<section class="spotlight style4 orient-left content-align-right image-position-center onscroll-image-fade-in" >
<div class="content">
<h3>HCMF</h3>
<p>
4:5
<br /><strong>Breakbeat</strong>
<br />1997</p>
<ul class="actions stacked">
<li><a href="../../albums/broken-tracks/3-hcmf/" class="button">Track</a></li>
</ul>
</div>
<div class="image">
<img src="https://media.basspistol.com/panix/broken-tracks/3-hcmf.jpeg" alt="HCMF" />
</div>
</section>
<section class="spotlight style4 orient-right content-align-left image-position-center onscroll-image-fade-in" >
<div class="content">
<h3>Your Love</h3>
<p>
3:19
<br /><strong>Breakbeat</strong>
<br />1997</p>
<ul class="actions stacked">
<li><a href="../../albums/broken-tracks/4-your-love/" class="button">Track</a></li>
</ul>
</div>
<div class="image">
<img src="https://media.basspistol.com/panix/broken-tracks/4-your-love.jpeg" alt="Your Love" />
</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>
</div>
<div class="post-nav-next">
<h4><a href="/albums/bamegoy/">&nbsp;Bamegoy</a> <a href="/albums/bamegoy/" alt="Read Bamegoy" title="Read Bamegoy"><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="../../">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>&copy;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>
&nbsp;&nbsp;&nbsp;<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": "Coming Back",
"length": "2:17",
"file": "https://media.basspistol.com/panix/broken-tracks/1-coming-back"
},{
"track": 1,
"name": "Shaolin Teknique",
"length": "3:50",
"file": "https://media.basspistol.com/panix/broken-tracks/1-shaolin-teknique"
},{
"track": 3,
"name": "HCMF",
"length": "4:5",
"file": "https://media.basspistol.com/panix/broken-tracks/3-hcmf"
},{
"track": 4,
"name": "Your Love",
"length": "3:19",
"file": "https://media.basspistol.com/panix/broken-tracks/4-your-love"
}],
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>

View 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 TP N NC N GT SRTD by Panixonik | pax:nion</title>
<meta name="title" content="Play &quot;TP N NC N GT SRTD&quot; by Panixonik" />
<meta name="description" content="A track by Panixonik named &quot;TP N NC N GT SRTD&quot; 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/buy-a-vowel/1-tp-n-nc-n-gt-srtd/" />
<link rel="alternate" hreflang="x-default" href="https://paxnion.basspistol.com/albums/buy-a-vowel/1-tp-n-nc-n-gt-srtd/" />
<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 &copy;2020 pax:nion." />
<meta name="dcterms.Subject" content="A track by Panixonik named &quot;TP N NC N GT SRTD&quot; published on pax:nion" />
<meta name="dcterms.Title" content="Play &quot;TP N NC N GT SRTD&quot; by Panixonik" />
<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 Panixonik from the release &quot;Buy A Vowel&quot; and support your remote artist!" />
<!-- Facebook -->
<meta property="og:title" content="TP N NC N GT SRTD" />
<meta property="og:locale" content="en" />
<meta property="og:description" content="Listen and to a track by Panixonik from the release &quot;Buy A Vowel&quot; and support your remote artist!" />
<meta property="og:url" content="https://paxnion.basspistol.com/albums/buy-a-vowel/1-tp-n-nc-n-gt-srtd/" />
<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/buy-a-vowel/1-tp-n-nc-n-gt-srtd.mp3" />
<meta property="article:published_time" content="2020-07-23T12:00:29+00:00" />
<meta property="og:image" content="https://media.basspistol.com/panix/buy-a-vowel/1-tp-n-nc-n-gt-srtd.jpeg" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="TP N NC N GT SRTD | pax:nion" />
<meta name="twitter:description" content="Listen and to a track by Panixonik from the release &quot;Buy A Vowel&quot; and support your remote artist!" />
<meta name="twitter:image" content="https://media.basspistol.com/panix/buy-a-vowel/1-tp-n-nc-n-gt-srtd.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/buy-a-vowel/1-tp-n-nc-n-gt-srtd.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">TP N NC N GT SRTD</h1>
<p><strong><span id="tracktime"></span></strong><span id="tpnncngtsrtd"></span></strong> <br />
Style: <strong>Electronic</strong>
</p>
<script type="text/javascript">
var tpnncngtsrtdtimestamp = 145;
var tpnncngtsrtdhours = Math.floor(tpnncngtsrtdtimestamp / 60 / 60);
var tpnncngtsrtdminutes = Math.floor(tpnncngtsrtdtimestamp / 60) - (tpnncngtsrtdhours * 60);
var tpnncngtsrtdseconds = tpnncngtsrtdtimestamp % 60;
var tpnncngtsrtdformatted = tpnncngtsrtdhours.toString().padStart(2, '0') + ':' + tpnncngtsrtdminutes.toString().padStart(2, '0') + ':' + tpnncngtsrtdseconds.toString().padStart(2, '0');
var theSpan = document.getElementById("tpnncngtsrtd");
theSpan.innerHTML = tpnncngtsrtdformatted;
</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/buy-a-vowel/1-tp-n-nc-n-gt-srtd.jpeg" alt="1 Tp N Nc N Gt Srtd 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/buy-a-vowel/7-gd-mrgn/" alt="Read GD MRGN" title="Read GD MRGN"><i class="fas fa-arrow-left"></i></a> <a
href="../../../albums/buy-a-vowel/7-gd-mrgn/">&nbsp;GD MRGN</a>
</h4>
</div>
<div class="post-nav-next">
<h4><a href="../../../albums/buy-a-vowel/2-rptr-mr/">&nbsp;RPTR MR</a> <a
href="../../../albums/buy-a-vowel/2-rptr-mr/" alt="Read RPTR MR" title="Read RPTR MR"><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="TP N NC N GT SRTD">
<source src="https://media.basspistol.com/panix/buy-a-vowel/1-tp-n-nc-n-gt-srtd.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>&copy;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("../../../buy-a-vowel/2-rptr-mr/"); 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>
&nbsp;&nbsp;&nbsp;<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>

View 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 RPTR MR by Panixonik | pax:nion</title>
<meta name="title" content="Play &quot;RPTR MR&quot; by Panixonik" />
<meta name="description" content="A track by Panixonik named &quot;RPTR MR&quot; 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/buy-a-vowel/2-rptr-mr/" />
<link rel="alternate" hreflang="x-default" href="https://paxnion.basspistol.com/albums/buy-a-vowel/2-rptr-mr/" />
<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 &copy;2020 pax:nion." />
<meta name="dcterms.Subject" content="A track by Panixonik named &quot;RPTR MR&quot; published on pax:nion" />
<meta name="dcterms.Title" content="Play &quot;RPTR MR&quot; by Panixonik" />
<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 Panixonik from the release &quot;Buy A Vowel&quot; and support your remote artist!" />
<!-- Facebook -->
<meta property="og:title" content="RPTR MR" />
<meta property="og:locale" content="en" />
<meta property="og:description" content="Listen and to a track by Panixonik from the release &quot;Buy A Vowel&quot; and support your remote artist!" />
<meta property="og:url" content="https://paxnion.basspistol.com/albums/buy-a-vowel/2-rptr-mr/" />
<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/buy-a-vowel/2-rptr-mr.mp3" />
<meta property="article:published_time" content="2020-07-23T12:00:29+00:00" />
<meta property="og:image" content="https://media.basspistol.com/panix/buy-a-vowel/2-rptr-mr.jpeg" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="RPTR MR | pax:nion" />
<meta name="twitter:description" content="Listen and to a track by Panixonik from the release &quot;Buy A Vowel&quot; and support your remote artist!" />
<meta name="twitter:image" content="https://media.basspistol.com/panix/buy-a-vowel/2-rptr-mr.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/buy-a-vowel/2-rptr-mr.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">RPTR MR</h1>
<p><strong><span id="tracktime"></span></strong><span id="rptrmr"></span></strong> <br />
Style: <strong>Electronic</strong>
</p>
<script type="text/javascript">
var rptrmrtimestamp = 129;
var rptrmrhours = Math.floor(rptrmrtimestamp / 60 / 60);
var rptrmrminutes = Math.floor(rptrmrtimestamp / 60) - (rptrmrhours * 60);
var rptrmrseconds = rptrmrtimestamp % 60;
var rptrmrformatted = rptrmrhours.toString().padStart(2, '0') + ':' + rptrmrminutes.toString().padStart(2, '0') + ':' + rptrmrseconds.toString().padStart(2, '0');
var theSpan = document.getElementById("rptrmr");
theSpan.innerHTML = rptrmrformatted;
</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/buy-a-vowel/2-rptr-mr.jpeg" alt="2 Rptr Mr 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/buy-a-vowel/1-tp-n-nc-n-gt-srtd/" alt="Read TP N NC N GT SRTD" title="Read TP N NC N GT SRTD"><i class="fas fa-arrow-left"></i></a> <a
href="../../../albums/buy-a-vowel/1-tp-n-nc-n-gt-srtd/">&nbsp;TP N NC N GT SRTD</a>
</h4>
</div>
<div class="post-nav-next">
<h4><a href="../../../albums/buy-a-vowel/3-snks-r-stpd/">&nbsp;SNKS R STPD</a> <a
href="../../../albums/buy-a-vowel/3-snks-r-stpd/" alt="Read SNKS R STPD" title="Read SNKS R STPD"><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="RPTR MR">
<source src="https://media.basspistol.com/panix/buy-a-vowel/2-rptr-mr.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>&copy;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("../../../buy-a-vowel/3-snks-r-stpd/"); 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>
&nbsp;&nbsp;&nbsp;<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>

View 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 SNKS R STPD by Panixonik | pax:nion</title>
<meta name="title" content="Play &quot;SNKS R STPD&quot; by Panixonik" />
<meta name="description" content="A track by Panixonik named &quot;SNKS R STPD&quot; published on pax:nion" />
<meta name="dc.date.modified" scheme="ISO8601" content="2020-07-23T12:00:28+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/buy-a-vowel/3-snks-r-stpd/" />
<link rel="alternate" hreflang="x-default" href="https://paxnion.basspistol.com/albums/buy-a-vowel/3-snks-r-stpd/" />
<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 &copy;2020 pax:nion." />
<meta name="dcterms.Subject" content="A track by Panixonik named &quot;SNKS R STPD&quot; published on pax:nion" />
<meta name="dcterms.Title" content="Play &quot;SNKS R STPD&quot; by Panixonik" />
<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 Panixonik from the release &quot;Buy A Vowel&quot; and support your remote artist!" />
<!-- Facebook -->
<meta property="og:title" content="SNKS R STPD" />
<meta property="og:locale" content="en" />
<meta property="og:description" content="Listen and to a track by Panixonik from the release &quot;Buy A Vowel&quot; and support your remote artist!" />
<meta property="og:url" content="https://paxnion.basspistol.com/albums/buy-a-vowel/3-snks-r-stpd/" />
<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/buy-a-vowel/3-snks-r-stpd.mp3" />
<meta property="article:published_time" content="2020-07-23T12:00:28+00:00" />
<meta property="og:image" content="https://media.basspistol.com/panix/buy-a-vowel/3-snks-r-stpd.jpeg" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="SNKS R STPD | pax:nion" />
<meta name="twitter:description" content="Listen and to a track by Panixonik from the release &quot;Buy A Vowel&quot; and support your remote artist!" />
<meta name="twitter:image" content="https://media.basspistol.com/panix/buy-a-vowel/3-snks-r-stpd.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/buy-a-vowel/3-snks-r-stpd.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">SNKS R STPD</h1>
<p><strong><span id="tracktime"></span></strong><span id="snksrstpd"></span></strong> <br />
Style: <strong>Electronic</strong>
</p>
<script type="text/javascript">
var snksrstpdtimestamp = 111;
var snksrstpdhours = Math.floor(snksrstpdtimestamp / 60 / 60);
var snksrstpdminutes = Math.floor(snksrstpdtimestamp / 60) - (snksrstpdhours * 60);
var snksrstpdseconds = snksrstpdtimestamp % 60;
var snksrstpdformatted = snksrstpdhours.toString().padStart(2, '0') + ':' + snksrstpdminutes.toString().padStart(2, '0') + ':' + snksrstpdseconds.toString().padStart(2, '0');
var theSpan = document.getElementById("snksrstpd");
theSpan.innerHTML = snksrstpdformatted;
</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/buy-a-vowel/3-snks-r-stpd.jpeg" alt="3 Snks R Stpd 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/buy-a-vowel/2-rptr-mr/" alt="Read RPTR MR" title="Read RPTR MR"><i class="fas fa-arrow-left"></i></a> <a
href="../../../albums/buy-a-vowel/2-rptr-mr/">&nbsp;RPTR MR</a>
</h4>
</div>
<div class="post-nav-next">
<h4><a href="../../../albums/buy-a-vowel/4-lss-s-mr/">&nbsp;LSS S MR</a> <a
href="../../../albums/buy-a-vowel/4-lss-s-mr/" alt="Read LSS S MR" title="Read LSS S MR"><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="SNKS R STPD">
<source src="https://media.basspistol.com/panix/buy-a-vowel/3-snks-r-stpd.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>&copy;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("../../../buy-a-vowel/4-lss-s-mr/"); 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>
&nbsp;&nbsp;&nbsp;<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>

View 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 LSS S MR by Panixonik | pax:nion</title>
<meta name="title" content="Play &quot;LSS S MR&quot; by Panixonik" />
<meta name="description" content="A track by Panixonik named &quot;LSS S MR&quot; published on pax:nion" />
<meta name="dc.date.modified" scheme="ISO8601" content="2020-07-23T12:00:28+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/buy-a-vowel/4-lss-s-mr/" />
<link rel="alternate" hreflang="x-default" href="https://paxnion.basspistol.com/albums/buy-a-vowel/4-lss-s-mr/" />
<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 &copy;2020 pax:nion." />
<meta name="dcterms.Subject" content="A track by Panixonik named &quot;LSS S MR&quot; published on pax:nion" />
<meta name="dcterms.Title" content="Play &quot;LSS S MR&quot; by Panixonik" />
<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 Panixonik from the release &quot;Buy A Vowel&quot; and support your remote artist!" />
<!-- Facebook -->
<meta property="og:title" content="LSS S MR" />
<meta property="og:locale" content="en" />
<meta property="og:description" content="Listen and to a track by Panixonik from the release &quot;Buy A Vowel&quot; and support your remote artist!" />
<meta property="og:url" content="https://paxnion.basspistol.com/albums/buy-a-vowel/4-lss-s-mr/" />
<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/buy-a-vowel/4-lss-s-mr.mp3" />
<meta property="article:published_time" content="2020-07-23T12:00:28+00:00" />
<meta property="og:image" content="https://media.basspistol.com/panix/buy-a-vowel/4-lss-s-mr.jpeg" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="LSS S MR | pax:nion" />
<meta name="twitter:description" content="Listen and to a track by Panixonik from the release &quot;Buy A Vowel&quot; and support your remote artist!" />
<meta name="twitter:image" content="https://media.basspistol.com/panix/buy-a-vowel/4-lss-s-mr.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/buy-a-vowel/4-lss-s-mr.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">LSS S MR</h1>
<p><strong><span id="tracktime"></span></strong><span id="lsssmr"></span></strong> <br />
Style: <strong>Electronic</strong>
</p>
<script type="text/javascript">
var lsssmrtimestamp = 101;
var lsssmrhours = Math.floor(lsssmrtimestamp / 60 / 60);
var lsssmrminutes = Math.floor(lsssmrtimestamp / 60) - (lsssmrhours * 60);
var lsssmrseconds = lsssmrtimestamp % 60;
var lsssmrformatted = lsssmrhours.toString().padStart(2, '0') + ':' + lsssmrminutes.toString().padStart(2, '0') + ':' + lsssmrseconds.toString().padStart(2, '0');
var theSpan = document.getElementById("lsssmr");
theSpan.innerHTML = lsssmrformatted;
</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/buy-a-vowel/4-lss-s-mr.jpeg" alt="4 Lss S Mr 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/buy-a-vowel/3-snks-r-stpd/" alt="Read SNKS R STPD" title="Read SNKS R STPD"><i class="fas fa-arrow-left"></i></a> <a
href="../../../albums/buy-a-vowel/3-snks-r-stpd/">&nbsp;SNKS R STPD</a>
</h4>
</div>
<div class="post-nav-next">
<h4><a href="../../../albums/buy-a-vowel/5-tht-ht-trck/">&nbsp;THT HT TRCK</a> <a
href="../../../albums/buy-a-vowel/5-tht-ht-trck/" alt="Read THT HT TRCK" title="Read THT HT TRCK"><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="LSS S MR">
<source src="https://media.basspistol.com/panix/buy-a-vowel/4-lss-s-mr.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>&copy;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("../../../buy-a-vowel/5-tht-ht-trck/"); 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>
&nbsp;&nbsp;&nbsp;<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>

View 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 THT HT TRCK by Panixonik | pax:nion</title>
<meta name="title" content="Play &quot;THT HT TRCK&quot; by Panixonik" />
<meta name="description" content="A track by Panixonik named &quot;THT HT TRCK&quot; 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/buy-a-vowel/5-tht-ht-trck/" />
<link rel="alternate" hreflang="x-default" href="https://paxnion.basspistol.com/albums/buy-a-vowel/5-tht-ht-trck/" />
<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 &copy;2020 pax:nion." />
<meta name="dcterms.Subject" content="A track by Panixonik named &quot;THT HT TRCK&quot; published on pax:nion" />
<meta name="dcterms.Title" content="Play &quot;THT HT TRCK&quot; by Panixonik" />
<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 Panixonik from the release &quot;Buy A Vowel&quot; and support your remote artist!" />
<!-- Facebook -->
<meta property="og:title" content="THT HT TRCK" />
<meta property="og:locale" content="en" />
<meta property="og:description" content="Listen and to a track by Panixonik from the release &quot;Buy A Vowel&quot; and support your remote artist!" />
<meta property="og:url" content="https://paxnion.basspistol.com/albums/buy-a-vowel/5-tht-ht-trck/" />
<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/buy-a-vowel/5-tht-ht-trck.mp3" />
<meta property="article:published_time" content="2020-07-23T12:00:29+00:00" />
<meta property="og:image" content="https://media.basspistol.com/panix/buy-a-vowel/5-tht-ht-trck.jpeg" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="THT HT TRCK | pax:nion" />
<meta name="twitter:description" content="Listen and to a track by Panixonik from the release &quot;Buy A Vowel&quot; and support your remote artist!" />
<meta name="twitter:image" content="https://media.basspistol.com/panix/buy-a-vowel/5-tht-ht-trck.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/buy-a-vowel/5-tht-ht-trck.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">THT HT TRCK</h1>
<p><strong><span id="tracktime"></span></strong><span id="ththttrck"></span></strong> <br />
Style: <strong>Electronic</strong>
</p>
<script type="text/javascript">
var ththttrcktimestamp = 122;
var ththttrckhours = Math.floor(ththttrcktimestamp / 60 / 60);
var ththttrckminutes = Math.floor(ththttrcktimestamp / 60) - (ththttrckhours * 60);
var ththttrckseconds = ththttrcktimestamp % 60;
var ththttrckformatted = ththttrckhours.toString().padStart(2, '0') + ':' + ththttrckminutes.toString().padStart(2, '0') + ':' + ththttrckseconds.toString().padStart(2, '0');
var theSpan = document.getElementById("ththttrck");
theSpan.innerHTML = ththttrckformatted;
</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/buy-a-vowel/5-tht-ht-trck.jpeg" alt="5 Tht Ht Trck 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/buy-a-vowel/4-lss-s-mr/" alt="Read LSS S MR" title="Read LSS S MR"><i class="fas fa-arrow-left"></i></a> <a
href="../../../albums/buy-a-vowel/4-lss-s-mr/">&nbsp;LSS S MR</a>
</h4>
</div>
<div class="post-nav-next">
<h4><a href="../../../albums/buy-a-vowel/6-atmk-sbmrn/">&nbsp;ATMK SBMRN</a> <a
href="../../../albums/buy-a-vowel/6-atmk-sbmrn/" alt="Read ATMK SBMRN" title="Read ATMK SBMRN"><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="THT HT TRCK">
<source src="https://media.basspistol.com/panix/buy-a-vowel/5-tht-ht-trck.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>&copy;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("../../../buy-a-vowel/6-atmk-sbmrn/"); 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>
&nbsp;&nbsp;&nbsp;<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>

View 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 ATMK SBMRN by Panixonik | pax:nion</title>
<meta name="title" content="Play &quot;ATMK SBMRN&quot; by Panixonik" />
<meta name="description" content="A track by Panixonik named &quot;ATMK SBMRN&quot; 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/buy-a-vowel/6-atmk-sbmrn/" />
<link rel="alternate" hreflang="x-default" href="https://paxnion.basspistol.com/albums/buy-a-vowel/6-atmk-sbmrn/" />
<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 &copy;2020 pax:nion." />
<meta name="dcterms.Subject" content="A track by Panixonik named &quot;ATMK SBMRN&quot; published on pax:nion" />
<meta name="dcterms.Title" content="Play &quot;ATMK SBMRN&quot; by Panixonik" />
<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 Panixonik from the release &quot;Buy A Vowel&quot; and support your remote artist!" />
<!-- Facebook -->
<meta property="og:title" content="ATMK SBMRN" />
<meta property="og:locale" content="en" />
<meta property="og:description" content="Listen and to a track by Panixonik from the release &quot;Buy A Vowel&quot; and support your remote artist!" />
<meta property="og:url" content="https://paxnion.basspistol.com/albums/buy-a-vowel/6-atmk-sbmrn/" />
<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/buy-a-vowel/6-atmk-sbmrn.mp3" />
<meta property="article:published_time" content="2020-07-23T12:00:29+00:00" />
<meta property="og:image" content="https://media.basspistol.com/panix/buy-a-vowel/6-atmk-sbmrn.jpeg" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="ATMK SBMRN | pax:nion" />
<meta name="twitter:description" content="Listen and to a track by Panixonik from the release &quot;Buy A Vowel&quot; and support your remote artist!" />
<meta name="twitter:image" content="https://media.basspistol.com/panix/buy-a-vowel/6-atmk-sbmrn.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/buy-a-vowel/6-atmk-sbmrn.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">ATMK SBMRN</h1>
<p><strong><span id="tracktime"></span></strong><span id="atmksbmrn"></span></strong> <br />
Style: <strong>Electronic</strong>
</p>
<script type="text/javascript">
var atmksbmrntimestamp = 150;
var atmksbmrnhours = Math.floor(atmksbmrntimestamp / 60 / 60);
var atmksbmrnminutes = Math.floor(atmksbmrntimestamp / 60) - (atmksbmrnhours * 60);
var atmksbmrnseconds = atmksbmrntimestamp % 60;
var atmksbmrnformatted = atmksbmrnhours.toString().padStart(2, '0') + ':' + atmksbmrnminutes.toString().padStart(2, '0') + ':' + atmksbmrnseconds.toString().padStart(2, '0');
var theSpan = document.getElementById("atmksbmrn");
theSpan.innerHTML = atmksbmrnformatted;
</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/buy-a-vowel/6-atmk-sbmrn.jpeg" alt="6 Atmk Sbmrn 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/buy-a-vowel/5-tht-ht-trck/" alt="Read THT HT TRCK" title="Read THT HT TRCK"><i class="fas fa-arrow-left"></i></a> <a
href="../../../albums/buy-a-vowel/5-tht-ht-trck/">&nbsp;THT HT TRCK</a>
</h4>
</div>
<div class="post-nav-next">
<h4><a href="../../../albums/buy-a-vowel/7-gd-mrgn/">&nbsp;GD MRGN</a> <a
href="../../../albums/buy-a-vowel/7-gd-mrgn/" alt="Read GD MRGN" title="Read GD MRGN"><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="ATMK SBMRN">
<source src="https://media.basspistol.com/panix/buy-a-vowel/6-atmk-sbmrn.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>&copy;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("../../../buy-a-vowel/7-gd-mrgn/"); 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>
&nbsp;&nbsp;&nbsp;<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>

View 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 GD MRGN by Panixonik | pax:nion</title>
<meta name="title" content="Play &quot;GD MRGN&quot; by Panixonik" />
<meta name="description" content="A track by Panixonik named &quot;GD MRGN&quot; 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/buy-a-vowel/7-gd-mrgn/" />
<link rel="alternate" hreflang="x-default" href="https://paxnion.basspistol.com/albums/buy-a-vowel/7-gd-mrgn/" />
<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 &copy;2020 pax:nion." />
<meta name="dcterms.Subject" content="A track by Panixonik named &quot;GD MRGN&quot; published on pax:nion" />
<meta name="dcterms.Title" content="Play &quot;GD MRGN&quot; by Panixonik" />
<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 Panixonik from the release &quot;Buy A Vowel&quot; and support your remote artist!" />
<!-- Facebook -->
<meta property="og:title" content="GD MRGN" />
<meta property="og:locale" content="en" />
<meta property="og:description" content="Listen and to a track by Panixonik from the release &quot;Buy A Vowel&quot; and support your remote artist!" />
<meta property="og:url" content="https://paxnion.basspistol.com/albums/buy-a-vowel/7-gd-mrgn/" />
<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/buy-a-vowel/7-gd-mrgn.mp3" />
<meta property="article:published_time" content="2020-07-23T12:00:29+00:00" />
<meta property="og:image" content="https://media.basspistol.com/panix/buy-a-vowel/7-gd-mrgn.jpeg" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="GD MRGN | pax:nion" />
<meta name="twitter:description" content="Listen and to a track by Panixonik from the release &quot;Buy A Vowel&quot; and support your remote artist!" />
<meta name="twitter:image" content="https://media.basspistol.com/panix/buy-a-vowel/7-gd-mrgn.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/buy-a-vowel/7-gd-mrgn.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">GD MRGN</h1>
<p><strong><span id="tracktime"></span></strong><span id="gdmrgn"></span></strong> <br />
Style: <strong>Electronic</strong>
</p>
<script type="text/javascript">
var gdmrgntimestamp = 111;
var gdmrgnhours = Math.floor(gdmrgntimestamp / 60 / 60);
var gdmrgnminutes = Math.floor(gdmrgntimestamp / 60) - (gdmrgnhours * 60);
var gdmrgnseconds = gdmrgntimestamp % 60;
var gdmrgnformatted = gdmrgnhours.toString().padStart(2, '0') + ':' + gdmrgnminutes.toString().padStart(2, '0') + ':' + gdmrgnseconds.toString().padStart(2, '0');
var theSpan = document.getElementById("gdmrgn");
theSpan.innerHTML = gdmrgnformatted;
</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/buy-a-vowel/7-gd-mrgn.jpeg" alt="7 Gd Mrgn 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/buy-a-vowel/6-atmk-sbmrn/" alt="Read ATMK SBMRN" title="Read ATMK SBMRN"><i class="fas fa-arrow-left"></i></a> <a
href="../../../albums/buy-a-vowel/6-atmk-sbmrn/">&nbsp;ATMK SBMRN</a>
</h4>
</div>
<div class="post-nav-next">
<h4><a href="../../../albums/buy-a-vowel/1-tp-n-nc-n-gt-srtd/">&nbsp;TP N NC N GT SRTD</a> <a
href="../../../albums/buy-a-vowel/1-tp-n-nc-n-gt-srtd/" alt="Read TP N NC N GT SRTD" title="Read TP N NC N GT SRTD"><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="GD MRGN">
<source src="https://media.basspistol.com/panix/buy-a-vowel/7-gd-mrgn.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>&copy;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("../../../buy-a-vowel/1-tp-n-nc-n-gt-srtd/"); 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>
&nbsp;&nbsp;&nbsp;<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>

View file

@ -0,0 +1,798 @@
<!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 &quot;Buy A Vowel&quot; by Panixonik | pax:nion</title>
<meta name="title" content="Play &quot;Buy A Vowel&quot; by Panixonik" />
<meta name="description" content="A release by Panixonik named &quot;Buy A Vowel&quot; 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/buy-a-vowel/" />
<link rel="alternate" hreflang="x-default" href="https://paxnion.basspistol.com/albums/buy-a-vowel/" />
<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 &copy;2020 pax:nion." />
<meta name="dcterms.Subject" content="A release by Panixonik named &quot;Buy A Vowel&quot; published on pax:nion" />
<meta name="dcterms.Title" content="Play &quot;Buy A Vowel&quot; by Panixonik" />
<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 Panixonik named &quot;Buy A Vowel&quot; and support your remote artist!" />
<!-- Facebook -->
<meta property="og:title" content="Buy A Vowel by Panixonik" />
<meta property="og:locale" content="en" />
<meta property="og:description" content="Listen and to a release by Panixonik named &quot;Buy A Vowel&quot; and support your remote artist!" />
<meta property="og:url" content="https://paxnion.basspistol.com/albums/buy-a-vowel/" />
<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/buy-a-vowel/1-tp-n-nc-n-gt-srtd.mp3" />
<meta property="og:audio" content="https://media.basspistol.com/panix/buy-a-vowel/2-rptr-mr.mp3" />
<meta property="og:audio" content="https://media.basspistol.com/panix/buy-a-vowel/3-snks-r-stpd.mp3" />
<meta property="og:audio" content="https://media.basspistol.com/panix/buy-a-vowel/4-lss-s-mr.mp3" />
<meta property="og:audio" content="https://media.basspistol.com/panix/buy-a-vowel/5-tht-ht-trck.mp3" />
<meta property="og:audio" content="https://media.basspistol.com/panix/buy-a-vowel/6-atmk-sbmrn.mp3" />
<meta property="og:audio" content="https://media.basspistol.com/panix/buy-a-vowel/7-gd-mrgn.mp3" />
<meta property="article:published_time" content="2020-07-23T12:00:31+00:00" />
<meta property="og:image" content="https://media.basspistol.com/panix/buy-a-vowel/1-tp-n-nc-n-gt-srtd.jpeg" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Buy A Vowel | pax:nion" />
<meta name="twitter:description" content="Listen and to a release by Panixonik named &quot;Buy A Vowel&quot; and support your remote artist!" />
<meta name="twitter:image" content="https://media.basspistol.com/panix/buy-a-vowel/1-tp-n-nc-n-gt-srtd.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">Buy A Vowel</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/buy-a-vowel/1-tp-n-nc-n-gt-srtd.jpeg" alt="Buy A Vowel" />
</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/buy-a-vowel/&amp;quote=Buy A Vowel%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/buy-a-vowel/&amp;text=Buy A Vowel%20by%20pax:nion%20&amp;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/buy-a-vowel/&amp;text=Buy A Vowel%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/buy-a-vowel/&amp;title=Buy A Vowel%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">TP N NC N GT SRTD</div>
<div class="plLength">2:25</div>
</div>
</li>
<li>
<div class="plItem">
<div class="plNum">2.</div>
<div class="plTitle">RPTR MR</div>
<div class="plLength">2:09</div>
</div>
</li>
<li>
<div class="plItem">
<div class="plNum">3.</div>
<div class="plTitle">SNKS R STPD</div>
<div class="plLength">1:51</div>
</div>
</li>
<li>
<div class="plItem">
<div class="plNum">4.</div>
<div class="plTitle">LSS S MR</div>
<div class="plLength">1:41</div>
</div>
</li>
<li>
<div class="plItem">
<div class="plNum">5.</div>
<div class="plTitle">THT HT TRCK</div>
<div class="plLength">2:02</div>
</div>
</li>
<li>
<div class="plItem">
<div class="plNum">6.</div>
<div class="plTitle">ATMK SBMRN</div>
<div class="plLength">2:30</div>
</div>
</li>
<li>
<div class="plItem">
<div class="plNum">7.</div>
<div class="plTitle">GD MRGN</div>
<div class="plLength">1:51</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/buy-a-vowel/1-tp-n-nc-n-gt-srtd.mp3">TP N NC N GT SRTD </a></div>
<div class="plLength">2:25</div>
</div>
<div class="plItem">
<div class="plNum">2.</div>
<div class="plTitle"><a href="https://media.basspistol.com/panix/buy-a-vowel/2-rptr-mr.mp3">RPTR MR </a></div>
<div class="plLength">2:9</div>
</div>
<div class="plItem">
<div class="plNum">3.</div>
<div class="plTitle"><a href="https://media.basspistol.com/panix/buy-a-vowel/3-snks-r-stpd.mp3">SNKS R STPD </a></div>
<div class="plLength">1:51</div>
</div>
<div class="plItem">
<div class="plNum">4.</div>
<div class="plTitle"><a href="https://media.basspistol.com/panix/buy-a-vowel/4-lss-s-mr.mp3">LSS S MR </a></div>
<div class="plLength">1:41</div>
</div>
<div class="plItem">
<div class="plNum">5.</div>
<div class="plTitle"><a href="https://media.basspistol.com/panix/buy-a-vowel/5-tht-ht-trck.mp3">THT HT TRCK </a></div>
<div class="plLength">2:2</div>
</div>
<div class="plItem">
<div class="plNum">6.</div>
<div class="plTitle"><a href="https://media.basspistol.com/panix/buy-a-vowel/6-atmk-sbmrn.mp3">ATMK SBMRN </a></div>
<div class="plLength">2:30</div>
</div>
<div class="plItem">
<div class="plNum">7.</div>
<div class="plTitle"><a href="https://media.basspistol.com/panix/buy-a-vowel/7-gd-mrgn.mp3">GD MRGN </a></div>
<div class="plLength">1:51</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>TP N NC N GT SRTD</h3>
<p>
2:25
<br /><strong>Electronic</strong>
<br />2009</p>
<ul class="actions stacked">
<li><a href="../../albums/buy-a-vowel/1-tp-n-nc-n-gt-srtd/" class="button">Track</a></li>
</ul>
</div>
<div class="image">
<img src="https://media.basspistol.com/panix/buy-a-vowel/1-tp-n-nc-n-gt-srtd.jpeg" alt="TP N NC N GT SRTD" />
</div>
</section>
<section class="spotlight style4 orient-left content-align-right image-position-center onscroll-image-fade-in" >
<div class="content">
<h3>RPTR MR</h3>
<p>
2:9
<br /><strong>Electronic</strong>
<br />2009</p>
<ul class="actions stacked">
<li><a href="../../albums/buy-a-vowel/2-rptr-mr/" class="button">Track</a></li>
</ul>
</div>
<div class="image">
<img src="https://media.basspistol.com/panix/buy-a-vowel/2-rptr-mr.jpeg" alt="RPTR MR" />
</div>
</section>
<section class="spotlight style4 orient-right content-align-left image-position-center onscroll-image-fade-in" >
<div class="content">
<h3>SNKS R STPD</h3>
<p>
1:51
<br /><strong>Electronic</strong>
<br />2009</p>
<ul class="actions stacked">
<li><a href="../../albums/buy-a-vowel/3-snks-r-stpd/" class="button">Track</a></li>
</ul>
</div>
<div class="image">
<img src="https://media.basspistol.com/panix/buy-a-vowel/3-snks-r-stpd.jpeg" alt="SNKS R STPD" />
</div>
</section>
<section class="spotlight style4 orient-left content-align-right image-position-center onscroll-image-fade-in" >
<div class="content">
<h3>LSS S MR</h3>
<p>
1:41
<br /><strong>Electronic</strong>
<br />2009</p>
<ul class="actions stacked">
<li><a href="../../albums/buy-a-vowel/4-lss-s-mr/" class="button">Track</a></li>
</ul>
</div>
<div class="image">
<img src="https://media.basspistol.com/panix/buy-a-vowel/4-lss-s-mr.jpeg" alt="LSS S MR" />
</div>
</section>
<section class="spotlight style4 orient-right content-align-left image-position-center onscroll-image-fade-in" >
<div class="content">
<h3>THT HT TRCK</h3>
<p>
2:2
<br /><strong>Electronic</strong>
<br />2009</p>
<ul class="actions stacked">
<li><a href="../../albums/buy-a-vowel/5-tht-ht-trck/" class="button">Track</a></li>
</ul>
</div>
<div class="image">
<img src="https://media.basspistol.com/panix/buy-a-vowel/5-tht-ht-trck.jpeg" alt="THT HT TRCK" />
</div>
</section>
<section class="spotlight style4 orient-left content-align-right image-position-center onscroll-image-fade-in" >
<div class="content">
<h3>ATMK SBMRN</h3>
<p>
2:30
<br /><strong>Electronic</strong>
<br />2009</p>
<ul class="actions stacked">
<li><a href="../../albums/buy-a-vowel/6-atmk-sbmrn/" class="button">Track</a></li>
</ul>
</div>
<div class="image">
<img src="https://media.basspistol.com/panix/buy-a-vowel/6-atmk-sbmrn.jpeg" alt="ATMK SBMRN" />
</div>
</section>
<section class="spotlight style4 orient-right content-align-left image-position-center onscroll-image-fade-in" >
<div class="content">
<h3>GD MRGN</h3>
<p>
1:51
<br /><strong>Electronic</strong>
<br />2009</p>
<ul class="actions stacked">
<li><a href="../../albums/buy-a-vowel/7-gd-mrgn/" class="button">Track</a></li>
</ul>
</div>
<div class="image">
<img src="https://media.basspistol.com/panix/buy-a-vowel/7-gd-mrgn.jpeg" alt="GD MRGN" />
</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/autumn-leaves/" alt="Read Autumn Leaves" title="Read Autumn Leaves"><i class="fas fa-arrow-left"></i></a> <a href="/albums/autumn-leaves/">&nbsp;Autumn Leaves</a></h4>
<p style="margin-right: 20px"></p>
</div>
<div class="post-nav-next">
<h4><a href="/albums/danny-eastman-ep/">&nbsp;Danny Eastman Ep</a> <a href="/albums/danny-eastman-ep/" alt="Read Danny Eastman Ep" title="Read Danny Eastman Ep"><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="../../">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>&copy;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>
&nbsp;&nbsp;&nbsp;<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": "TP N NC N GT SRTD",
"length": "2:25",
"file": "https://media.basspistol.com/panix/buy-a-vowel/1-tp-n-nc-n-gt-srtd"
},{
"track": 2,
"name": "RPTR MR",
"length": "2:9",
"file": "https://media.basspistol.com/panix/buy-a-vowel/2-rptr-mr"
},{
"track": 3,
"name": "SNKS R STPD",
"length": "1:51",
"file": "https://media.basspistol.com/panix/buy-a-vowel/3-snks-r-stpd"
},{
"track": 4,
"name": "LSS S MR",
"length": "1:41",
"file": "https://media.basspistol.com/panix/buy-a-vowel/4-lss-s-mr"
},{
"track": 5,
"name": "THT HT TRCK",
"length": "2:2",
"file": "https://media.basspistol.com/panix/buy-a-vowel/5-tht-ht-trck"
},{
"track": 6,
"name": "ATMK SBMRN",
"length": "2:30",
"file": "https://media.basspistol.com/panix/buy-a-vowel/6-atmk-sbmrn"
},{
"track": 7,
"name": "GD MRGN",
"length": "1:51",
"file": "https://media.basspistol.com/panix/buy-a-vowel/7-gd-mrgn"
}],
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>

View 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 Dan Dare by Panixonik | pax:nion</title>
<meta name="title" content="Play &quot;Dan Dare&quot; by Panixonik" />
<meta name="description" content="A track by Panixonik named &quot;Dan Dare&quot; 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/danny-eastman-ep/1-dan-dare/" />
<link rel="alternate" hreflang="x-default" href="https://paxnion.basspistol.com/albums/danny-eastman-ep/1-dan-dare/" />
<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 &copy;2020 pax:nion." />
<meta name="dcterms.Subject" content="A track by Panixonik named &quot;Dan Dare&quot; published on pax:nion" />
<meta name="dcterms.Title" content="Play &quot;Dan Dare&quot; by Panixonik" />
<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 Panixonik from the release &quot;Danny Eastman EP&quot; and support your remote artist!" />
<!-- Facebook -->
<meta property="og:title" content="Dan Dare" />
<meta property="og:locale" content="en" />
<meta property="og:description" content="Listen and to a track by Panixonik from the release &quot;Danny Eastman EP&quot; and support your remote artist!" />
<meta property="og:url" content="https://paxnion.basspistol.com/albums/danny-eastman-ep/1-dan-dare/" />
<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/danny-eastman-ep/1-dan-dare.mp3" />
<meta property="article:published_time" content="2020-07-23T12:00:29+00:00" />
<meta property="og:image" content="https://media.basspistol.com/panix/danny-eastman-ep/1-dan-dare.jpeg" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Dan Dare | pax:nion" />
<meta name="twitter:description" content="Listen and to a track by Panixonik from the release &quot;Danny Eastman EP&quot; and support your remote artist!" />
<meta name="twitter:image" content="https://media.basspistol.com/panix/danny-eastman-ep/1-dan-dare.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/danny-eastman-ep/1-dan-dare.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">Dan Dare</h1>
<p><strong><span id="tracktime"></span></strong><span id="dandare"></span></strong> <br />
Style: <strong>Electronic</strong>
</p>
<script type="text/javascript">
var dandaretimestamp = 159;
var dandarehours = Math.floor(dandaretimestamp / 60 / 60);
var dandareminutes = Math.floor(dandaretimestamp / 60) - (dandarehours * 60);
var dandareseconds = dandaretimestamp % 60;
var dandareformatted = dandarehours.toString().padStart(2, '0') + ':' + dandareminutes.toString().padStart(2, '0') + ':' + dandareseconds.toString().padStart(2, '0');
var theSpan = document.getElementById("dandare");
theSpan.innerHTML = dandareformatted;
</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/danny-eastman-ep/1-dan-dare.jpeg" alt="1 Dan Dare 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/danny-eastman-ep/2-eastman/" alt="Read Eastman" title="Read Eastman"><i class="fas fa-arrow-left"></i></a> <a
href="../../../albums/danny-eastman-ep/2-eastman/">&nbsp;Eastman</a>
</h4>
</div>
<div class="post-nav-next">
<h4><a href="../../../albums/danny-eastman-ep/2-eastman/">&nbsp;Eastman</a> <a
href="../../../albums/danny-eastman-ep/2-eastman/" alt="Read Eastman" title="Read Eastman"><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="Dan Dare">
<source src="https://media.basspistol.com/panix/danny-eastman-ep/1-dan-dare.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>&copy;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("../../../danny-eastman-ep/2-eastman/"); 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>
&nbsp;&nbsp;&nbsp;<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>

View 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 Eastman by Panixonik | pax:nion</title>
<meta name="title" content="Play &quot;Eastman&quot; by Panixonik" />
<meta name="description" content="A track by Panixonik named &quot;Eastman&quot; 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/danny-eastman-ep/2-eastman/" />
<link rel="alternate" hreflang="x-default" href="https://paxnion.basspistol.com/albums/danny-eastman-ep/2-eastman/" />
<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 &copy;2020 pax:nion." />
<meta name="dcterms.Subject" content="A track by Panixonik named &quot;Eastman&quot; published on pax:nion" />
<meta name="dcterms.Title" content="Play &quot;Eastman&quot; by Panixonik" />
<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 Panixonik from the release &quot;Danny Eastman EP&quot; and support your remote artist!" />
<!-- Facebook -->
<meta property="og:title" content="Eastman" />
<meta property="og:locale" content="en" />
<meta property="og:description" content="Listen and to a track by Panixonik from the release &quot;Danny Eastman EP&quot; and support your remote artist!" />
<meta property="og:url" content="https://paxnion.basspistol.com/albums/danny-eastman-ep/2-eastman/" />
<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/danny-eastman-ep/2-eastman.mp3" />
<meta property="article:published_time" content="2020-07-23T12:00:29+00:00" />
<meta property="og:image" content="https://media.basspistol.com/panix/danny-eastman-ep/2-eastman.jpeg" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Eastman | pax:nion" />
<meta name="twitter:description" content="Listen and to a track by Panixonik from the release &quot;Danny Eastman EP&quot; and support your remote artist!" />
<meta name="twitter:image" content="https://media.basspistol.com/panix/danny-eastman-ep/2-eastman.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/danny-eastman-ep/2-eastman.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">Eastman</h1>
<p><strong><span id="tracktime"></span></strong><span id="eastman"></span></strong> <br />
Style: <strong>Electronic</strong>
</p>
<script type="text/javascript">
var eastmantimestamp = 186;
var eastmanhours = Math.floor(eastmantimestamp / 60 / 60);
var eastmanminutes = Math.floor(eastmantimestamp / 60) - (eastmanhours * 60);
var eastmanseconds = eastmantimestamp % 60;
var eastmanformatted = eastmanhours.toString().padStart(2, '0') + ':' + eastmanminutes.toString().padStart(2, '0') + ':' + eastmanseconds.toString().padStart(2, '0');
var theSpan = document.getElementById("eastman");
theSpan.innerHTML = eastmanformatted;
</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/danny-eastman-ep/2-eastman.jpeg" alt="2 Eastman 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/danny-eastman-ep/1-dan-dare/" alt="Read Dan Dare" title="Read Dan Dare"><i class="fas fa-arrow-left"></i></a> <a
href="../../../albums/danny-eastman-ep/1-dan-dare/">&nbsp;Dan Dare</a>
</h4>
</div>
<div class="post-nav-next">
<h4><a href="../../../albums/danny-eastman-ep/1-dan-dare/">&nbsp;Dan Dare</a> <a
href="../../../albums/danny-eastman-ep/1-dan-dare/" alt="Read Dan Dare" title="Read Dan Dare"><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="Eastman">
<source src="https://media.basspistol.com/panix/danny-eastman-ep/2-eastman.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>&copy;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("../../../danny-eastman-ep/1-dan-dare/"); 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>
&nbsp;&nbsp;&nbsp;<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>

View file

@ -0,0 +1,593 @@
<!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 &quot;Danny Eastman EP&quot; by Panixonik | pax:nion</title>
<meta name="title" content="Play &quot;Danny Eastman EP&quot; by Panixonik" />
<meta name="description" content="A release by Panixonik named &quot;Danny Eastman EP&quot; 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/danny-eastman-ep/" />
<link rel="alternate" hreflang="x-default" href="https://paxnion.basspistol.com/albums/danny-eastman-ep/" />
<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 &copy;2020 pax:nion." />
<meta name="dcterms.Subject" content="A release by Panixonik named &quot;Danny Eastman EP&quot; published on pax:nion" />
<meta name="dcterms.Title" content="Play &quot;Danny Eastman EP&quot; by Panixonik" />
<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 Panixonik named &quot;Danny Eastman EP&quot; and support your remote artist!" />
<!-- Facebook -->
<meta property="og:title" content="Danny Eastman EP by Panixonik" />
<meta property="og:locale" content="en" />
<meta property="og:description" content="Listen and to a release by Panixonik named &quot;Danny Eastman EP&quot; and support your remote artist!" />
<meta property="og:url" content="https://paxnion.basspistol.com/albums/danny-eastman-ep/" />
<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/danny-eastman-ep/1-dan-dare.mp3" />
<meta property="og:audio" content="https://media.basspistol.com/panix/danny-eastman-ep/2-eastman.mp3" />
<meta property="article:published_time" content="2020-07-23T12:00:31+00:00" />
<meta property="og:image" content="https://media.basspistol.com/panix/danny-eastman-ep/1-dan-dare.jpeg" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Danny Eastman EP | pax:nion" />
<meta name="twitter:description" content="Listen and to a release by Panixonik named &quot;Danny Eastman EP&quot; and support your remote artist!" />
<meta name="twitter:image" content="https://media.basspistol.com/panix/danny-eastman-ep/1-dan-dare.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">Danny Eastman Ep</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/danny-eastman-ep/1-dan-dare.jpeg" alt="Danny Eastman Ep" />
</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/danny-eastman-ep/&amp;quote=Danny Eastman Ep%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/danny-eastman-ep/&amp;text=Danny Eastman Ep%20by%20pax:nion%20&amp;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/danny-eastman-ep/&amp;text=Danny Eastman Ep%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/danny-eastman-ep/&amp;title=Danny Eastman Ep%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">Dan Dare</div>
<div class="plLength">2:39</div>
</div>
</li>
<li>
<div class="plItem">
<div class="plNum">2.</div>
<div class="plTitle">Eastman</div>
<div class="plLength">3:06</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/danny-eastman-ep/1-dan-dare.mp3">Dan Dare </a></div>
<div class="plLength">2:39</div>
</div>
<div class="plItem">
<div class="plNum">2.</div>
<div class="plTitle"><a href="https://media.basspistol.com/panix/danny-eastman-ep/2-eastman.mp3">Eastman </a></div>
<div class="plLength">3:6</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-left content-align-right image-position-center onscroll-image-fade-in" style="box-shadow: none;" >
<div class="content">
<h3>Dan Dare</h3>
<p>
2:39
<br /><strong>Electronic</strong>
<br />2009</p>
<ul class="actions stacked">
<li><a href="../../albums/danny-eastman-ep/1-dan-dare/" class="button">Track</a></li>
</ul>
</div>
<div class="image">
<img src="https://media.basspistol.com/panix/danny-eastman-ep/1-dan-dare.jpeg" alt="Dan Dare" />
</div>
</section>
<section class="spotlight style4 orient-right content-align-left image-position-center onscroll-image-fade-in" >
<div class="content">
<h3>Eastman</h3>
<p>
3:6
<br /><strong>Electronic</strong>
<br />2009</p>
<ul class="actions stacked">
<li><a href="../../albums/danny-eastman-ep/2-eastman/" class="button">Track</a></li>
</ul>
</div>
<div class="image">
<img src="https://media.basspistol.com/panix/danny-eastman-ep/2-eastman.jpeg" alt="Eastman" />
</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/buy-a-vowel/" alt="Read Buy A Vowel" title="Read Buy A Vowel"><i class="fas fa-arrow-left"></i></a> <a href="/albums/buy-a-vowel/">&nbsp;Buy A Vowel</a></h4>
<p style="margin-right: 20px"></p>
</div>
<div class="post-nav-next">
<h4><a href="/albums/too-much-ep/">&nbsp;Too Much Ep</a> <a href="/albums/too-much-ep/" alt="Read Too Much Ep" title="Read Too Much Ep"><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="../../">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>&copy;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>
&nbsp;&nbsp;&nbsp;<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": "Dan Dare",
"length": "2:39",
"file": "https://media.basspistol.com/panix/danny-eastman-ep/1-dan-dare"
},{
"track": 2,
"name": "Eastman",
"length": "3:6",
"file": "https://media.basspistol.com/panix/danny-eastman-ep/2-eastman"
}],
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>

View 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 Disjointed by Panix Hilton | pax:nion</title>
<meta name="title" content="Play &quot;Disjointed&quot; by Panix Hilton" />
<meta name="description" content="A track by Panix Hilton named &quot;Disjointed&quot; 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/disjointed/1-disjointed/" />
<link rel="alternate" hreflang="x-default" href="https://paxnion.basspistol.com/albums/disjointed/1-disjointed/" />
<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 &copy;2020 pax:nion." />
<meta name="dcterms.Subject" content="A track by Panix Hilton named &quot;Disjointed&quot; published on pax:nion" />
<meta name="dcterms.Title" content="Play &quot;Disjointed&quot; 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 &quot;Disjointed&quot; and support your remote artist!" />
<!-- Facebook -->
<meta property="og:title" content="Disjointed" />
<meta property="og:locale" content="en" />
<meta property="og:description" content="Listen and to a track by Panix Hilton from the release &quot;Disjointed&quot; and support your remote artist!" />
<meta property="og:url" content="https://paxnion.basspistol.com/albums/disjointed/1-disjointed/" />
<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/disjointed/1-disjointed.mp3" />
<meta property="article:published_time" content="2020-07-23T12:00:29+00:00" />
<meta property="og:image" content="https://media.basspistol.com/panix/disjointed/1-disjointed.jpeg" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Disjointed | pax:nion" />
<meta name="twitter:description" content="Listen and to a track by Panix Hilton from the release &quot;Disjointed&quot; and support your remote artist!" />
<meta name="twitter:image" content="https://media.basspistol.com/panix/disjointed/1-disjointed.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/disjointed/1-disjointed.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">Disjointed</h1>
<p><strong><span id="tracktime"></span></strong><span id="disjointed"></span></strong> <br />
Style: <strong>Electronic</strong>
</p>
<script type="text/javascript">
var disjointedtimestamp = 74;
var disjointedhours = Math.floor(disjointedtimestamp / 60 / 60);
var disjointedminutes = Math.floor(disjointedtimestamp / 60) - (disjointedhours * 60);
var disjointedseconds = disjointedtimestamp % 60;
var disjointedformatted = disjointedhours.toString().padStart(2, '0') + ':' + disjointedminutes.toString().padStart(2, '0') + ':' + disjointedseconds.toString().padStart(2, '0');
var theSpan = document.getElementById("disjointed");
theSpan.innerHTML = disjointedformatted;
</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/disjointed/1-disjointed.jpeg" alt="1 Disjointed 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/disjointed/6-pure-shite/" alt="Read Pure Shite" title="Read Pure Shite"><i class="fas fa-arrow-left"></i></a> <a
href="../../../albums/disjointed/6-pure-shite/">&nbsp;Pure Shite</a>
</h4>
</div>
<div class="post-nav-next">
<h4><a href="../../../albums/disjointed/2-ze-morning-j-m/">&nbsp;Ze Morning Jäm</a> <a
href="../../../albums/disjointed/2-ze-morning-j-m/" alt="Read Ze Morning Jäm" title="Read Ze Morning Jäm"><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="Disjointed">
<source src="https://media.basspistol.com/panix/disjointed/1-disjointed.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>&copy;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("../../../disjointed/2-ze-morning-j-m/"); 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>
&nbsp;&nbsp;&nbsp;<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>

View 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 Ze Morning Jäm by Panix Hilton | pax:nion</title>
<meta name="title" content="Play &quot;Ze Morning Jäm&quot; by Panix Hilton" />
<meta name="description" content="A track by Panix Hilton named &quot;Ze Morning Jäm&quot; 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/disjointed/2-ze-morning-j-m/" />
<link rel="alternate" hreflang="x-default" href="https://paxnion.basspistol.com/albums/disjointed/2-ze-morning-j-m/" />
<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 &copy;2020 pax:nion." />
<meta name="dcterms.Subject" content="A track by Panix Hilton named &quot;Ze Morning Jäm&quot; published on pax:nion" />
<meta name="dcterms.Title" content="Play &quot;Ze Morning Jäm&quot; 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 &quot;Disjointed&quot; and support your remote artist!" />
<!-- Facebook -->
<meta property="og:title" content="Ze Morning Jäm" />
<meta property="og:locale" content="en" />
<meta property="og:description" content="Listen and to a track by Panix Hilton from the release &quot;Disjointed&quot; and support your remote artist!" />
<meta property="og:url" content="https://paxnion.basspistol.com/albums/disjointed/2-ze-morning-j-m/" />
<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/disjointed/2-ze-morning-j-m.mp3" />
<meta property="article:published_time" content="2020-07-23T12:00:29+00:00" />
<meta property="og:image" content="https://media.basspistol.com/panix/disjointed/2-ze-morning-j-m.jpeg" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Ze Morning Jäm | pax:nion" />
<meta name="twitter:description" content="Listen and to a track by Panix Hilton from the release &quot;Disjointed&quot; and support your remote artist!" />
<meta name="twitter:image" content="https://media.basspistol.com/panix/disjointed/2-ze-morning-j-m.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/disjointed/2-ze-morning-j-m.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">Ze Morning Jäm</h1>
<p><strong><span id="tracktime"></span></strong><span id="zemorningjäm"></span></strong> <br />
Style: <strong>Electronic</strong>
</p>
<script type="text/javascript">
var zemorningjämtimestamp = 107;
var zemorningjämhours = Math.floor(zemorningjämtimestamp / 60 / 60);
var zemorningjämminutes = Math.floor(zemorningjämtimestamp / 60) - (zemorningjämhours * 60);
var zemorningjämseconds = zemorningjämtimestamp % 60;
var zemorningjämformatted = zemorningjämhours.toString().padStart(2, '0') + ':' + zemorningjämminutes.toString().padStart(2, '0') + ':' + zemorningjämseconds.toString().padStart(2, '0');
var theSpan = document.getElementById("zemorningjäm");
theSpan.innerHTML = zemorningjämformatted;
</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/disjointed/2-ze-morning-j-m.jpeg" alt="2 Ze Morning J M 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/disjointed/1-disjointed/" alt="Read Disjointed" title="Read Disjointed"><i class="fas fa-arrow-left"></i></a> <a
href="../../../albums/disjointed/1-disjointed/">&nbsp;Disjointed</a>
</h4>
</div>
<div class="post-nav-next">
<h4><a href="../../../albums/disjointed/3-oh-yeah/">&nbsp;Oh Yeah</a> <a
href="../../../albums/disjointed/3-oh-yeah/" alt="Read Oh Yeah" title="Read Oh Yeah"><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="Ze Morning Jäm">
<source src="https://media.basspistol.com/panix/disjointed/2-ze-morning-j-m.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>&copy;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("../../../disjointed/3-oh-yeah/"); 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>
&nbsp;&nbsp;&nbsp;<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>

View 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 Oh Yeah by Panix Hilton | pax:nion</title>
<meta name="title" content="Play &quot;Oh Yeah&quot; by Panix Hilton" />
<meta name="description" content="A track by Panix Hilton named &quot;Oh Yeah&quot; 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/disjointed/3-oh-yeah/" />
<link rel="alternate" hreflang="x-default" href="https://paxnion.basspistol.com/albums/disjointed/3-oh-yeah/" />
<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 &copy;2020 pax:nion." />
<meta name="dcterms.Subject" content="A track by Panix Hilton named &quot;Oh Yeah&quot; published on pax:nion" />
<meta name="dcterms.Title" content="Play &quot;Oh Yeah&quot; 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 &quot;Disjointed&quot; and support your remote artist!" />
<!-- Facebook -->
<meta property="og:title" content="Oh Yeah" />
<meta property="og:locale" content="en" />
<meta property="og:description" content="Listen and to a track by Panix Hilton from the release &quot;Disjointed&quot; and support your remote artist!" />
<meta property="og:url" content="https://paxnion.basspistol.com/albums/disjointed/3-oh-yeah/" />
<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/disjointed/3-oh-yeah.mp3" />
<meta property="article:published_time" content="2020-07-23T12:00:29+00:00" />
<meta property="og:image" content="https://media.basspistol.com/panix/disjointed/3-oh-yeah.jpeg" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Oh Yeah | pax:nion" />
<meta name="twitter:description" content="Listen and to a track by Panix Hilton from the release &quot;Disjointed&quot; and support your remote artist!" />
<meta name="twitter:image" content="https://media.basspistol.com/panix/disjointed/3-oh-yeah.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/disjointed/3-oh-yeah.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">Oh Yeah</h1>
<p><strong><span id="tracktime"></span></strong><span id="ohyeah"></span></strong> <br />
Style: <strong>Electronic</strong>
</p>
<script type="text/javascript">
var ohyeahtimestamp = 144;
var ohyeahhours = Math.floor(ohyeahtimestamp / 60 / 60);
var ohyeahminutes = Math.floor(ohyeahtimestamp / 60) - (ohyeahhours * 60);
var ohyeahseconds = ohyeahtimestamp % 60;
var ohyeahformatted = ohyeahhours.toString().padStart(2, '0') + ':' + ohyeahminutes.toString().padStart(2, '0') + ':' + ohyeahseconds.toString().padStart(2, '0');
var theSpan = document.getElementById("ohyeah");
theSpan.innerHTML = ohyeahformatted;
</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/disjointed/3-oh-yeah.jpeg" alt="3 Oh Yeah 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/disjointed/2-ze-morning-j-m/" alt="Read Ze Morning Jäm" title="Read Ze Morning Jäm"><i class="fas fa-arrow-left"></i></a> <a
href="../../../albums/disjointed/2-ze-morning-j-m/">&nbsp;Ze Morning Jäm</a>
</h4>
</div>
<div class="post-nav-next">
<h4><a href="../../../albums/disjointed/4-fluting/">&nbsp;Fluting</a> <a
href="../../../albums/disjointed/4-fluting/" alt="Read Fluting" title="Read Fluting"><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="Oh Yeah">
<source src="https://media.basspistol.com/panix/disjointed/3-oh-yeah.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>&copy;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("../../../disjointed/4-fluting/"); 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>
&nbsp;&nbsp;&nbsp;<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>

View 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 Fluting by Panix Hilton | pax:nion</title>
<meta name="title" content="Play &quot;Fluting&quot; by Panix Hilton" />
<meta name="description" content="A track by Panix Hilton named &quot;Fluting&quot; 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/disjointed/4-fluting/" />
<link rel="alternate" hreflang="x-default" href="https://paxnion.basspistol.com/albums/disjointed/4-fluting/" />
<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 &copy;2020 pax:nion." />
<meta name="dcterms.Subject" content="A track by Panix Hilton named &quot;Fluting&quot; published on pax:nion" />
<meta name="dcterms.Title" content="Play &quot;Fluting&quot; 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 &quot;Disjointed&quot; and support your remote artist!" />
<!-- Facebook -->
<meta property="og:title" content="Fluting" />
<meta property="og:locale" content="en" />
<meta property="og:description" content="Listen and to a track by Panix Hilton from the release &quot;Disjointed&quot; and support your remote artist!" />
<meta property="og:url" content="https://paxnion.basspistol.com/albums/disjointed/4-fluting/" />
<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/disjointed/4-fluting.mp3" />
<meta property="article:published_time" content="2020-07-23T12:00:29+00:00" />
<meta property="og:image" content="https://media.basspistol.com/panix/disjointed/4-fluting.jpeg" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Fluting | pax:nion" />
<meta name="twitter:description" content="Listen and to a track by Panix Hilton from the release &quot;Disjointed&quot; and support your remote artist!" />
<meta name="twitter:image" content="https://media.basspistol.com/panix/disjointed/4-fluting.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/disjointed/4-fluting.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">Fluting</h1>
<p><strong><span id="tracktime"></span></strong><span id="fluting"></span></strong> <br />
Style: <strong>Electronic</strong>
</p>
<script type="text/javascript">
var flutingtimestamp = 101;
var flutinghours = Math.floor(flutingtimestamp / 60 / 60);
var flutingminutes = Math.floor(flutingtimestamp / 60) - (flutinghours * 60);
var flutingseconds = flutingtimestamp % 60;
var flutingformatted = flutinghours.toString().padStart(2, '0') + ':' + flutingminutes.toString().padStart(2, '0') + ':' + flutingseconds.toString().padStart(2, '0');
var theSpan = document.getElementById("fluting");
theSpan.innerHTML = flutingformatted;
</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/disjointed/4-fluting.jpeg" alt="4 Fluting 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/disjointed/3-oh-yeah/" alt="Read Oh Yeah" title="Read Oh Yeah"><i class="fas fa-arrow-left"></i></a> <a
href="../../../albums/disjointed/3-oh-yeah/">&nbsp;Oh Yeah</a>
</h4>
</div>
<div class="post-nav-next">
<h4><a href="../../../albums/disjointed/5-stoekbroet/">&nbsp;Stoekbroet</a> <a
href="../../../albums/disjointed/5-stoekbroet/" alt="Read Stoekbroet" title="Read Stoekbroet"><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="Fluting">
<source src="https://media.basspistol.com/panix/disjointed/4-fluting.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>&copy;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("../../../disjointed/5-stoekbroet/"); 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>
&nbsp;&nbsp;&nbsp;<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>

View 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 Stoekbroet by Panix Hilton | pax:nion</title>
<meta name="title" content="Play &quot;Stoekbroet&quot; by Panix Hilton" />
<meta name="description" content="A track by Panix Hilton named &quot;Stoekbroet&quot; 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/disjointed/5-stoekbroet/" />
<link rel="alternate" hreflang="x-default" href="https://paxnion.basspistol.com/albums/disjointed/5-stoekbroet/" />
<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 &copy;2020 pax:nion." />
<meta name="dcterms.Subject" content="A track by Panix Hilton named &quot;Stoekbroet&quot; published on pax:nion" />
<meta name="dcterms.Title" content="Play &quot;Stoekbroet&quot; 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 &quot;Disjointed&quot; and support your remote artist!" />
<!-- Facebook -->
<meta property="og:title" content="Stoekbroet" />
<meta property="og:locale" content="en" />
<meta property="og:description" content="Listen and to a track by Panix Hilton from the release &quot;Disjointed&quot; and support your remote artist!" />
<meta property="og:url" content="https://paxnion.basspistol.com/albums/disjointed/5-stoekbroet/" />
<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/disjointed/5-stoekbroet.mp3" />
<meta property="article:published_time" content="2020-07-23T12:00:29+00:00" />
<meta property="og:image" content="https://media.basspistol.com/panix/disjointed/5-stoekbroet.jpeg" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Stoekbroet | pax:nion" />
<meta name="twitter:description" content="Listen and to a track by Panix Hilton from the release &quot;Disjointed&quot; and support your remote artist!" />
<meta name="twitter:image" content="https://media.basspistol.com/panix/disjointed/5-stoekbroet.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/disjointed/5-stoekbroet.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">Stoekbroet</h1>
<p><strong><span id="tracktime"></span></strong><span id="stoekbroet"></span></strong> <br />
Style: <strong>Electronic</strong>
</p>
<script type="text/javascript">
var stoekbroettimestamp = 111;
var stoekbroethours = Math.floor(stoekbroettimestamp / 60 / 60);
var stoekbroetminutes = Math.floor(stoekbroettimestamp / 60) - (stoekbroethours * 60);
var stoekbroetseconds = stoekbroettimestamp % 60;
var stoekbroetformatted = stoekbroethours.toString().padStart(2, '0') + ':' + stoekbroetminutes.toString().padStart(2, '0') + ':' + stoekbroetseconds.toString().padStart(2, '0');
var theSpan = document.getElementById("stoekbroet");
theSpan.innerHTML = stoekbroetformatted;
</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/disjointed/5-stoekbroet.jpeg" alt="5 Stoekbroet 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/disjointed/4-fluting/" alt="Read Fluting" title="Read Fluting"><i class="fas fa-arrow-left"></i></a> <a
href="../../../albums/disjointed/4-fluting/">&nbsp;Fluting</a>
</h4>
</div>
<div class="post-nav-next">
<h4><a href="../../../albums/disjointed/6-pure-shite/">&nbsp;Pure Shite</a> <a
href="../../../albums/disjointed/6-pure-shite/" alt="Read Pure Shite" title="Read Pure Shite"><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="Stoekbroet">
<source src="https://media.basspistol.com/panix/disjointed/5-stoekbroet.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>&copy;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("../../../disjointed/6-pure-shite/"); 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>
&nbsp;&nbsp;&nbsp;<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>

View 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 Pure Shite by Panix Hilton | pax:nion</title>
<meta name="title" content="Play &quot;Pure Shite&quot; by Panix Hilton" />
<meta name="description" content="A track by Panix Hilton named &quot;Pure Shite&quot; 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/disjointed/6-pure-shite/" />
<link rel="alternate" hreflang="x-default" href="https://paxnion.basspistol.com/albums/disjointed/6-pure-shite/" />
<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 &copy;2020 pax:nion." />
<meta name="dcterms.Subject" content="A track by Panix Hilton named &quot;Pure Shite&quot; published on pax:nion" />
<meta name="dcterms.Title" content="Play &quot;Pure Shite&quot; 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 &quot;Disjointed&quot; and support your remote artist!" />
<!-- Facebook -->
<meta property="og:title" content="Pure Shite" />
<meta property="og:locale" content="en" />
<meta property="og:description" content="Listen and to a track by Panix Hilton from the release &quot;Disjointed&quot; and support your remote artist!" />
<meta property="og:url" content="https://paxnion.basspistol.com/albums/disjointed/6-pure-shite/" />
<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/disjointed/6-pure-shite.mp3" />
<meta property="article:published_time" content="2020-07-23T12:00:29+00:00" />
<meta property="og:image" content="https://media.basspistol.com/panix/disjointed/6-pure-shite.jpeg" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Pure Shite | pax:nion" />
<meta name="twitter:description" content="Listen and to a track by Panix Hilton from the release &quot;Disjointed&quot; and support your remote artist!" />
<meta name="twitter:image" content="https://media.basspistol.com/panix/disjointed/6-pure-shite.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/disjointed/6-pure-shite.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">Pure Shite</h1>
<p><strong><span id="tracktime"></span></strong><span id="pureshite"></span></strong> <br />
Style: <strong>Electronic</strong>
</p>
<script type="text/javascript">
var pureshitetimestamp = 118;
var pureshitehours = Math.floor(pureshitetimestamp / 60 / 60);
var pureshiteminutes = Math.floor(pureshitetimestamp / 60) - (pureshitehours * 60);
var pureshiteseconds = pureshitetimestamp % 60;
var pureshiteformatted = pureshitehours.toString().padStart(2, '0') + ':' + pureshiteminutes.toString().padStart(2, '0') + ':' + pureshiteseconds.toString().padStart(2, '0');
var theSpan = document.getElementById("pureshite");
theSpan.innerHTML = pureshiteformatted;
</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/disjointed/6-pure-shite.jpeg" alt="6 Pure Shite 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/disjointed/5-stoekbroet/" alt="Read Stoekbroet" title="Read Stoekbroet"><i class="fas fa-arrow-left"></i></a> <a
href="../../../albums/disjointed/5-stoekbroet/">&nbsp;Stoekbroet</a>
</h4>
</div>
<div class="post-nav-next">
<h4><a href="../../../albums/disjointed/1-disjointed/">&nbsp;Disjointed</a> <a
href="../../../albums/disjointed/1-disjointed/" alt="Read Disjointed" title="Read Disjointed"><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="Pure Shite">
<source src="https://media.basspistol.com/panix/disjointed/6-pure-shite.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>&copy;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("../../../disjointed/1-disjointed/"); 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>
&nbsp;&nbsp;&nbsp;<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>

View file

@ -0,0 +1,757 @@
<!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 &quot;Disjointed&quot; by Panix Hilton | pax:nion</title>
<meta name="title" content="Play &quot;Disjointed&quot; by Panix Hilton" />
<meta name="description" content="A release by Panix Hilton named &quot;Disjointed&quot; 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/disjointed/" />
<link rel="alternate" hreflang="x-default" href="https://paxnion.basspistol.com/albums/disjointed/" />
<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 &copy;2020 pax:nion." />
<meta name="dcterms.Subject" content="A release by Panix Hilton named &quot;Disjointed&quot; published on pax:nion" />
<meta name="dcterms.Title" content="Play &quot;Disjointed&quot; 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 &quot;Disjointed&quot; and support your remote artist!" />
<!-- Facebook -->
<meta property="og:title" content="Disjointed by Panix Hilton" />
<meta property="og:locale" content="en" />
<meta property="og:description" content="Listen and to a release by Panix Hilton named &quot;Disjointed&quot; and support your remote artist!" />
<meta property="og:url" content="https://paxnion.basspistol.com/albums/disjointed/" />
<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/disjointed/1-disjointed.mp3" />
<meta property="og:audio" content="https://media.basspistol.com/panix/disjointed/2-ze-morning-j-m.mp3" />
<meta property="og:audio" content="https://media.basspistol.com/panix/disjointed/3-oh-yeah.mp3" />
<meta property="og:audio" content="https://media.basspistol.com/panix/disjointed/4-fluting.mp3" />
<meta property="og:audio" content="https://media.basspistol.com/panix/disjointed/5-stoekbroet.mp3" />
<meta property="og:audio" content="https://media.basspistol.com/panix/disjointed/6-pure-shite.mp3" />
<meta property="article:published_time" content="2020-07-23T12:00:31+00:00" />
<meta property="og:image" content="https://media.basspistol.com/panix/disjointed/1-disjointed.jpeg" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Disjointed | pax:nion" />
<meta name="twitter:description" content="Listen and to a release by Panix Hilton named &quot;Disjointed&quot; and support your remote artist!" />
<meta name="twitter:image" content="https://media.basspistol.com/panix/disjointed/1-disjointed.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">Disjointed</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/disjointed/1-disjointed.jpeg" alt="Disjointed" />
</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/disjointed/&amp;quote=Disjointed%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/disjointed/&amp;text=Disjointed%20by%20pax:nion%20&amp;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/disjointed/&amp;text=Disjointed%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/disjointed/&amp;title=Disjointed%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">Disjointed</div>
<div class="plLength">1:14</div>
</div>
</li>
<li>
<div class="plItem">
<div class="plNum">2.</div>
<div class="plTitle">Ze Morning Jäm</div>
<div class="plLength">1:47</div>
</div>
</li>
<li>
<div class="plItem">
<div class="plNum">3.</div>
<div class="plTitle">Oh Yeah</div>
<div class="plLength">2:24</div>
</div>
</li>
<li>
<div class="plItem">
<div class="plNum">4.</div>
<div class="plTitle">Fluting</div>
<div class="plLength">1:41</div>
</div>
</li>
<li>
<div class="plItem">
<div class="plNum">5.</div>
<div class="plTitle">Stoekbroet</div>
<div class="plLength">1:51</div>
</div>
</li>
<li>
<div class="plItem">
<div class="plNum">6.</div>
<div class="plTitle">Pure Shite</div>
<div class="plLength">1:58</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/disjointed/1-disjointed.mp3">Disjointed </a></div>
<div class="plLength">1:14</div>
</div>
<div class="plItem">
<div class="plNum">2.</div>
<div class="plTitle"><a href="https://media.basspistol.com/panix/disjointed/2-ze-morning-j-m.mp3">Ze Morning Jäm </a></div>
<div class="plLength">1:47</div>
</div>
<div class="plItem">
<div class="plNum">3.</div>
<div class="plTitle"><a href="https://media.basspistol.com/panix/disjointed/3-oh-yeah.mp3">Oh Yeah </a></div>
<div class="plLength">2:24</div>
</div>
<div class="plItem">
<div class="plNum">4.</div>
<div class="plTitle"><a href="https://media.basspistol.com/panix/disjointed/4-fluting.mp3">Fluting </a></div>
<div class="plLength">1:41</div>
</div>
<div class="plItem">
<div class="plNum">5.</div>
<div class="plTitle"><a href="https://media.basspistol.com/panix/disjointed/5-stoekbroet.mp3">Stoekbroet </a></div>
<div class="plLength">1:51</div>
</div>
<div class="plItem">
<div class="plNum">6.</div>
<div class="plTitle"><a href="https://media.basspistol.com/panix/disjointed/6-pure-shite.mp3">Pure Shite </a></div>
<div class="plLength">1:58</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-left content-align-right image-position-center onscroll-image-fade-in" style="box-shadow: none;" >
<div class="content">
<h3>Disjointed</h3>
<p>
1:14
<br /><strong>Electronic</strong>
<br />2013</p>
<ul class="actions stacked">
<li><a href="../../albums/disjointed/1-disjointed/" class="button">Track</a></li>
</ul>
</div>
<div class="image">
<img src="https://media.basspistol.com/panix/disjointed/1-disjointed.jpeg" alt="Disjointed" />
</div>
</section>
<section class="spotlight style4 orient-right content-align-left image-position-center onscroll-image-fade-in" >
<div class="content">
<h3>Ze Morning Jäm</h3>
<p>
1:47
<br /><strong>Electronic</strong>
<br />2013</p>
<ul class="actions stacked">
<li><a href="../../albums/disjointed/2-ze-morning-j-m/" class="button">Track</a></li>
</ul>
</div>
<div class="image">
<img src="https://media.basspistol.com/panix/disjointed/2-ze-morning-j-m.jpeg" alt="Ze Morning Jäm" />
</div>
</section>
<section class="spotlight style4 orient-left content-align-right image-position-center onscroll-image-fade-in" >
<div class="content">
<h3>Oh Yeah</h3>
<p>
2:24
<br /><strong>Electronic</strong>
<br />2013</p>
<ul class="actions stacked">
<li><a href="../../albums/disjointed/3-oh-yeah/" class="button">Track</a></li>
</ul>
</div>
<div class="image">
<img src="https://media.basspistol.com/panix/disjointed/3-oh-yeah.jpeg" alt="Oh Yeah" />
</div>
</section>
<section class="spotlight style4 orient-right content-align-left image-position-center onscroll-image-fade-in" >
<div class="content">
<h3>Fluting</h3>
<p>
1:41
<br /><strong>Electronic</strong>
<br />2013</p>
<ul class="actions stacked">
<li><a href="../../albums/disjointed/4-fluting/" class="button">Track</a></li>
</ul>
</div>
<div class="image">
<img src="https://media.basspistol.com/panix/disjointed/4-fluting.jpeg" alt="Fluting" />
</div>
</section>
<section class="spotlight style4 orient-left content-align-right image-position-center onscroll-image-fade-in" >
<div class="content">
<h3>Stoekbroet</h3>
<p>
1:51
<br /><strong>Electronic</strong>
<br />2013</p>
<ul class="actions stacked">
<li><a href="../../albums/disjointed/5-stoekbroet/" class="button">Track</a></li>
</ul>
</div>
<div class="image">
<img src="https://media.basspistol.com/panix/disjointed/5-stoekbroet.jpeg" alt="Stoekbroet" />
</div>
</section>
<section class="spotlight style4 orient-right content-align-left image-position-center onscroll-image-fade-in" >
<div class="content">
<h3>Pure Shite</h3>
<p>
1:58
<br /><strong>Electronic</strong>
<br />2013</p>
<ul class="actions stacked">
<li><a href="../../albums/disjointed/6-pure-shite/" class="button">Track</a></li>
</ul>
</div>
<div class="image">
<img src="https://media.basspistol.com/panix/disjointed/6-pure-shite.jpeg" alt="Pure Shite" />
</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/nights-ep/" alt="Read Nights Ep" title="Read Nights Ep"><i class="fas fa-arrow-left"></i></a> <a href="/albums/nights-ep/">&nbsp;Nights Ep</a></h4>
<p style="margin-right: 20px"></p>
</div>
<div class="post-nav-next">
<h4><a href="/albums/no-jazz-greats/">&nbsp;No Jazz Greats</a> <a href="/albums/no-jazz-greats/" alt="Read No Jazz Greats" title="Read No Jazz Greats"><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="../../">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>&copy;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>
&nbsp;&nbsp;&nbsp;<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": "Disjointed",
"length": "1:14",
"file": "https://media.basspistol.com/panix/disjointed/1-disjointed"
},{
"track": 2,
"name": "Ze Morning Jäm",
"length": "1:47",
"file": "https://media.basspistol.com/panix/disjointed/2-ze-morning-j-m"
},{
"track": 3,
"name": "Oh Yeah",
"length": "2:24",
"file": "https://media.basspistol.com/panix/disjointed/3-oh-yeah"
},{
"track": 4,
"name": "Fluting",
"length": "1:41",
"file": "https://media.basspistol.com/panix/disjointed/4-fluting"
},{
"track": 5,
"name": "Stoekbroet",
"length": "1:51",
"file": "https://media.basspistol.com/panix/disjointed/5-stoekbroet"
},{
"track": 6,
"name": "Pure Shite",
"length": "1:58",
"file": "https://media.basspistol.com/panix/disjointed/6-pure-shite"
}],
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>

View 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 Zoega Megadrive by Panixonik | pax:nion</title>
<meta name="title" content="Play &quot;Zoega Megadrive&quot; by Panixonik" />
<meta name="description" content="A track by Panixonik named &quot;Zoega Megadrive&quot; 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/end2010-start2011/1-zoega-megadrive/" />
<link rel="alternate" hreflang="x-default" href="https://paxnion.basspistol.com/albums/end2010-start2011/1-zoega-megadrive/" />
<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 &copy;2020 pax:nion." />
<meta name="dcterms.Subject" content="A track by Panixonik named &quot;Zoega Megadrive&quot; published on pax:nion" />
<meta name="dcterms.Title" content="Play &quot;Zoega Megadrive&quot; by Panixonik" />
<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 Panixonik from the release &quot;End2010 - Start2011&quot; and support your remote artist!" />
<!-- Facebook -->
<meta property="og:title" content="Zoega Megadrive" />
<meta property="og:locale" content="en" />
<meta property="og:description" content="Listen and to a track by Panixonik from the release &quot;End2010 - Start2011&quot; and support your remote artist!" />
<meta property="og:url" content="https://paxnion.basspistol.com/albums/end2010-start2011/1-zoega-megadrive/" />
<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/end2010-start2011/1-zoega-megadrive.mp3" />
<meta property="article:published_time" content="2020-07-23T12:00:29+00:00" />
<meta property="og:image" content="https://media.basspistol.com/panix/end2010-start2011/1-zoega-megadrive.jpeg" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Zoega Megadrive | pax:nion" />
<meta name="twitter:description" content="Listen and to a track by Panixonik from the release &quot;End2010 - Start2011&quot; and support your remote artist!" />
<meta name="twitter:image" content="https://media.basspistol.com/panix/end2010-start2011/1-zoega-megadrive.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/end2010-start2011/1-zoega-megadrive.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">Zoega Megadrive</h1>
<p><strong><span id="tracktime"></span></strong><span id="zoegamegadrive"></span></strong> <br />
Style: <strong>Electronic</strong>
</p>
<script type="text/javascript">
var zoegamegadrivetimestamp = 158;
var zoegamegadrivehours = Math.floor(zoegamegadrivetimestamp / 60 / 60);
var zoegamegadriveminutes = Math.floor(zoegamegadrivetimestamp / 60) - (zoegamegadrivehours * 60);
var zoegamegadriveseconds = zoegamegadrivetimestamp % 60;
var zoegamegadriveformatted = zoegamegadrivehours.toString().padStart(2, '0') + ':' + zoegamegadriveminutes.toString().padStart(2, '0') + ':' + zoegamegadriveseconds.toString().padStart(2, '0');
var theSpan = document.getElementById("zoegamegadrive");
theSpan.innerHTML = zoegamegadriveformatted;
</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/end2010-start2011/1-zoega-megadrive.jpeg" alt="1 Zoega Megadrive 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/end2010-start2011/2-our-pal/" alt="Read Our Pal" title="Read Our Pal"><i class="fas fa-arrow-left"></i></a> <a
href="../../../albums/end2010-start2011/2-our-pal/">&nbsp;Our Pal</a>
</h4>
</div>
<div class="post-nav-next">
<h4><a href="../../../albums/end2010-start2011/2-our-pal/">&nbsp;Our Pal</a> <a
href="../../../albums/end2010-start2011/2-our-pal/" alt="Read Our Pal" title="Read Our Pal"><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="Zoega Megadrive">
<source src="https://media.basspistol.com/panix/end2010-start2011/1-zoega-megadrive.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>&copy;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("../../../end2010-start2011/2-our-pal/"); 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>
&nbsp;&nbsp;&nbsp;<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>

View 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 Our Pal by Panixonik | pax:nion</title>
<meta name="title" content="Play &quot;Our Pal&quot; by Panixonik" />
<meta name="description" content="A track by Panixonik named &quot;Our Pal&quot; 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/end2010-start2011/2-our-pal/" />
<link rel="alternate" hreflang="x-default" href="https://paxnion.basspistol.com/albums/end2010-start2011/2-our-pal/" />
<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 &copy;2020 pax:nion." />
<meta name="dcterms.Subject" content="A track by Panixonik named &quot;Our Pal&quot; published on pax:nion" />
<meta name="dcterms.Title" content="Play &quot;Our Pal&quot; by Panixonik" />
<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 Panixonik from the release &quot;End2010 - Start2011&quot; and support your remote artist!" />
<!-- Facebook -->
<meta property="og:title" content="Our Pal" />
<meta property="og:locale" content="en" />
<meta property="og:description" content="Listen and to a track by Panixonik from the release &quot;End2010 - Start2011&quot; and support your remote artist!" />
<meta property="og:url" content="https://paxnion.basspistol.com/albums/end2010-start2011/2-our-pal/" />
<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/end2010-start2011/2-our-pal.mp3" />
<meta property="article:published_time" content="2020-07-23T12:00:29+00:00" />
<meta property="og:image" content="https://media.basspistol.com/panix/end2010-start2011/2-our-pal.jpeg" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Our Pal | pax:nion" />
<meta name="twitter:description" content="Listen and to a track by Panixonik from the release &quot;End2010 - Start2011&quot; and support your remote artist!" />
<meta name="twitter:image" content="https://media.basspistol.com/panix/end2010-start2011/2-our-pal.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/end2010-start2011/2-our-pal.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">Our Pal</h1>
<p><strong><span id="tracktime"></span></strong><span id="ourpal"></span></strong> <br />
Style: <strong>Electronic</strong>
</p>
<script type="text/javascript">
var ourpaltimestamp = 99;
var ourpalhours = Math.floor(ourpaltimestamp / 60 / 60);
var ourpalminutes = Math.floor(ourpaltimestamp / 60) - (ourpalhours * 60);
var ourpalseconds = ourpaltimestamp % 60;
var ourpalformatted = ourpalhours.toString().padStart(2, '0') + ':' + ourpalminutes.toString().padStart(2, '0') + ':' + ourpalseconds.toString().padStart(2, '0');
var theSpan = document.getElementById("ourpal");
theSpan.innerHTML = ourpalformatted;
</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/end2010-start2011/2-our-pal.jpeg" alt="2 Our Pal 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/end2010-start2011/1-zoega-megadrive/" alt="Read Zoega Megadrive" title="Read Zoega Megadrive"><i class="fas fa-arrow-left"></i></a> <a
href="../../../albums/end2010-start2011/1-zoega-megadrive/">&nbsp;Zoega Megadrive</a>
</h4>
</div>
<div class="post-nav-next">
<h4><a href="../../../albums/end2010-start2011/1-zoega-megadrive/">&nbsp;Zoega Megadrive</a> <a
href="../../../albums/end2010-start2011/1-zoega-megadrive/" alt="Read Zoega Megadrive" title="Read Zoega Megadrive"><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="Our Pal">
<source src="https://media.basspistol.com/panix/end2010-start2011/2-our-pal.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>&copy;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("../../../end2010-start2011/1-zoega-megadrive/"); 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>
&nbsp;&nbsp;&nbsp;<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>

View file

@ -0,0 +1,593 @@
<!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 &quot;End2010 - Start2011&quot; by Panixonik | pax:nion</title>
<meta name="title" content="Play &quot;End2010 - Start2011&quot; by Panixonik" />
<meta name="description" content="A release by Panixonik named &quot;End2010 - Start2011&quot; 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/end2010-start2011/" />
<link rel="alternate" hreflang="x-default" href="https://paxnion.basspistol.com/albums/end2010-start2011/" />
<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 &copy;2020 pax:nion." />
<meta name="dcterms.Subject" content="A release by Panixonik named &quot;End2010 - Start2011&quot; published on pax:nion" />
<meta name="dcterms.Title" content="Play &quot;End2010 - Start2011&quot; by Panixonik" />
<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 Panixonik named &quot;End2010 - Start2011&quot; and support your remote artist!" />
<!-- Facebook -->
<meta property="og:title" content="End2010 - Start2011 by Panixonik" />
<meta property="og:locale" content="en" />
<meta property="og:description" content="Listen and to a release by Panixonik named &quot;End2010 - Start2011&quot; and support your remote artist!" />
<meta property="og:url" content="https://paxnion.basspistol.com/albums/end2010-start2011/" />
<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/end2010-start2011/1-zoega-megadrive.mp3" />
<meta property="og:audio" content="https://media.basspistol.com/panix/end2010-start2011/2-our-pal.mp3" />
<meta property="article:published_time" content="2020-07-23T12:00:31+00:00" />
<meta property="og:image" content="https://media.basspistol.com/panix/end2010-start2011/1-zoega-megadrive.jpeg" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="End2010 - Start2011 | pax:nion" />
<meta name="twitter:description" content="Listen and to a release by Panixonik named &quot;End2010 - Start2011&quot; and support your remote artist!" />
<meta name="twitter:image" content="https://media.basspistol.com/panix/end2010-start2011/1-zoega-megadrive.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">End2010 Start2011</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/end2010-start2011/1-zoega-megadrive.jpeg" alt="End2010 Start2011" />
</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/end2010-start2011/&amp;quote=End2010 Start2011%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/end2010-start2011/&amp;text=End2010 Start2011%20by%20pax:nion%20&amp;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/end2010-start2011/&amp;text=End2010 Start2011%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/end2010-start2011/&amp;title=End2010 Start2011%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">Zoega Megadrive</div>
<div class="plLength">2:38</div>
</div>
</li>
<li>
<div class="plItem">
<div class="plNum">2.</div>
<div class="plTitle">Our Pal</div>
<div class="plLength">1:39</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/end2010-start2011/1-zoega-megadrive.mp3">Zoega Megadrive </a></div>
<div class="plLength">2:38</div>
</div>
<div class="plItem">
<div class="plNum">2.</div>
<div class="plTitle"><a href="https://media.basspistol.com/panix/end2010-start2011/2-our-pal.mp3">Our Pal </a></div>
<div class="plLength">1:39</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-left content-align-right image-position-center onscroll-image-fade-in" style="box-shadow: none;" >
<div class="content">
<h3>Zoega Megadrive</h3>
<p>
2:38
<br /><strong>Electronic</strong>
<br />2010</p>
<ul class="actions stacked">
<li><a href="../../albums/end2010-start2011/1-zoega-megadrive/" class="button">Track</a></li>
</ul>
</div>
<div class="image">
<img src="https://media.basspistol.com/panix/end2010-start2011/1-zoega-megadrive.jpeg" alt="Zoega Megadrive" />
</div>
</section>
<section class="spotlight style4 orient-right content-align-left image-position-center onscroll-image-fade-in" >
<div class="content">
<h3>Our Pal</h3>
<p>
1:39
<br /><strong>Electronic</strong>
<br />2010</p>
<ul class="actions stacked">
<li><a href="../../albums/end2010-start2011/2-our-pal/" class="button">Track</a></li>
</ul>
</div>
<div class="image">
<img src="https://media.basspistol.com/panix/end2010-start2011/2-our-pal.jpeg" alt="Our Pal" />
</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/andra-stuk/" alt="Read Andra Stuk" title="Read Andra Stuk"><i class="fas fa-arrow-left"></i></a> <a href="/albums/andra-stuk/">&nbsp;Andra Stuk</a></h4>
<p style="margin-right: 20px"></p>
</div>
<div class="post-nav-next">
<h4><a href="/albums/lite-off/">&nbsp;Lite Off</a> <a href="/albums/lite-off/" alt="Read Lite Off" title="Read Lite Off"><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="../../">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>&copy;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>
&nbsp;&nbsp;&nbsp;<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": "Zoega Megadrive",
"length": "2:38",
"file": "https://media.basspistol.com/panix/end2010-start2011/1-zoega-megadrive"
},{
"track": 2,
"name": "Our Pal",
"length": "1:39",
"file": "https://media.basspistol.com/panix/end2010-start2011/2-our-pal"
}],
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>

View 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 House Kommer Alltid Att Vara House by Panix Hilton | pax:nion</title>
<meta name="title" content="Play &quot;House Kommer Alltid Att Vara House&quot; by Panix Hilton" />
<meta name="description" content="A track by Panix Hilton named &quot;House Kommer Alltid Att Vara House&quot; published on pax:nion" />
<meta name="dc.date.modified" scheme="ISO8601" content="2020-07-23T12:00:28+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/extender/1-house-kommer-alltid-att-vara-house/" />
<link rel="alternate" hreflang="x-default" href="https://paxnion.basspistol.com/albums/extender/1-house-kommer-alltid-att-vara-house/" />
<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 &copy;2020 pax:nion." />
<meta name="dcterms.Subject" content="A track by Panix Hilton named &quot;House Kommer Alltid Att Vara House&quot; published on pax:nion" />
<meta name="dcterms.Title" content="Play &quot;House Kommer Alltid Att Vara House&quot; 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 &quot;Extender&quot; and support your remote artist!" />
<!-- Facebook -->
<meta property="og:title" content="House Kommer Alltid Att Vara House" />
<meta property="og:locale" content="en" />
<meta property="og:description" content="Listen and to a track by Panix Hilton from the release &quot;Extender&quot; and support your remote artist!" />
<meta property="og:url" content="https://paxnion.basspistol.com/albums/extender/1-house-kommer-alltid-att-vara-house/" />
<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/extender/1-house-kommer-alltid-att-vara-house.mp3" />
<meta property="article:published_time" content="2020-07-23T12:00:28+00:00" />
<meta property="og:image" content="https://media.basspistol.com/panix/extender/1-house-kommer-alltid-att-vara-house.jpeg" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="House Kommer Alltid Att Vara House | pax:nion" />
<meta name="twitter:description" content="Listen and to a track by Panix Hilton from the release &quot;Extender&quot; and support your remote artist!" />
<meta name="twitter:image" content="https://media.basspistol.com/panix/extender/1-house-kommer-alltid-att-vara-house.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/extender/1-house-kommer-alltid-att-vara-house.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">House Kommer Alltid Att Vara House</h1>
<p><strong><span id="tracktime"></span></strong><span id="housekommeralltidattvarahouse"></span></strong> <br />
Style: <strong>Electronic</strong>
</p>
<script type="text/javascript">
var housekommeralltidattvarahousetimestamp = 138;
var housekommeralltidattvarahousehours = Math.floor(housekommeralltidattvarahousetimestamp / 60 / 60);
var housekommeralltidattvarahouseminutes = Math.floor(housekommeralltidattvarahousetimestamp / 60) - (housekommeralltidattvarahousehours * 60);
var housekommeralltidattvarahouseseconds = housekommeralltidattvarahousetimestamp % 60;
var housekommeralltidattvarahouseformatted = housekommeralltidattvarahousehours.toString().padStart(2, '0') + ':' + housekommeralltidattvarahouseminutes.toString().padStart(2, '0') + ':' + housekommeralltidattvarahouseseconds.toString().padStart(2, '0');
var theSpan = document.getElementById("housekommeralltidattvarahouse");
theSpan.innerHTML = housekommeralltidattvarahouseformatted;
</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/extender/1-house-kommer-alltid-att-vara-house.jpeg" alt="1 House Kommer Alltid Att Vara House 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/extender/6-matter-of-opinion/" alt="Read Matter Of Opinion" title="Read Matter Of Opinion"><i class="fas fa-arrow-left"></i></a> <a
href="../../../albums/extender/6-matter-of-opinion/">&nbsp;Matter Of Opinion</a>
</h4>
</div>
<div class="post-nav-next">
<h4><a href="../../../albums/extender/2-i-want-your-soul/">&nbsp;I Want Your Soul</a> <a
href="../../../albums/extender/2-i-want-your-soul/" alt="Read I Want Your Soul" title="Read I Want Your Soul"><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="House Kommer Alltid Att Vara House">
<source src="https://media.basspistol.com/panix/extender/1-house-kommer-alltid-att-vara-house.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>&copy;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("../../../extender/2-i-want-your-soul/"); 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>
&nbsp;&nbsp;&nbsp;<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>

View 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 I Want Your Soul by Panix Hilton | pax:nion</title>
<meta name="title" content="Play &quot;I Want Your Soul&quot; by Panix Hilton" />
<meta name="description" content="A track by Panix Hilton named &quot;I Want Your Soul&quot; published on pax:nion" />
<meta name="dc.date.modified" scheme="ISO8601" content="2020-07-23T12:00:28+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/extender/2-i-want-your-soul/" />
<link rel="alternate" hreflang="x-default" href="https://paxnion.basspistol.com/albums/extender/2-i-want-your-soul/" />
<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 &copy;2020 pax:nion." />
<meta name="dcterms.Subject" content="A track by Panix Hilton named &quot;I Want Your Soul&quot; published on pax:nion" />
<meta name="dcterms.Title" content="Play &quot;I Want Your Soul&quot; 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 &quot;Extender&quot; and support your remote artist!" />
<!-- Facebook -->
<meta property="og:title" content="I Want Your Soul" />
<meta property="og:locale" content="en" />
<meta property="og:description" content="Listen and to a track by Panix Hilton from the release &quot;Extender&quot; and support your remote artist!" />
<meta property="og:url" content="https://paxnion.basspistol.com/albums/extender/2-i-want-your-soul/" />
<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/extender/2-i-want-your-soul.mp3" />
<meta property="article:published_time" content="2020-07-23T12:00:28+00:00" />
<meta property="og:image" content="https://media.basspistol.com/panix/extender/2-i-want-your-soul.jpeg" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="I Want Your Soul | pax:nion" />
<meta name="twitter:description" content="Listen and to a track by Panix Hilton from the release &quot;Extender&quot; and support your remote artist!" />
<meta name="twitter:image" content="https://media.basspistol.com/panix/extender/2-i-want-your-soul.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/extender/2-i-want-your-soul.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">I Want Your Soul</h1>
<p><strong><span id="tracktime"></span></strong><span id="iwantyoursoul"></span></strong> <br />
Style: <strong>Electronic</strong>
</p>
<script type="text/javascript">
var iwantyoursoultimestamp = 82;
var iwantyoursoulhours = Math.floor(iwantyoursoultimestamp / 60 / 60);
var iwantyoursoulminutes = Math.floor(iwantyoursoultimestamp / 60) - (iwantyoursoulhours * 60);
var iwantyoursoulseconds = iwantyoursoultimestamp % 60;
var iwantyoursoulformatted = iwantyoursoulhours.toString().padStart(2, '0') + ':' + iwantyoursoulminutes.toString().padStart(2, '0') + ':' + iwantyoursoulseconds.toString().padStart(2, '0');
var theSpan = document.getElementById("iwantyoursoul");
theSpan.innerHTML = iwantyoursoulformatted;
</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/extender/2-i-want-your-soul.jpeg" alt="2 I Want Your Soul 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/extender/1-house-kommer-alltid-att-vara-house/" alt="Read House Kommer Alltid Att Vara House" title="Read House Kommer Alltid Att Vara House"><i class="fas fa-arrow-left"></i></a> <a
href="../../../albums/extender/1-house-kommer-alltid-att-vara-house/">&nbsp;House Kommer Alltid Att Vara House</a>
</h4>
</div>
<div class="post-nav-next">
<h4><a href="../../../albums/extender/3-kim-ska-vi-koepa-lim-/">&nbsp;Kim Ska Vi Koepa Lim?</a> <a
href="../../../albums/extender/3-kim-ska-vi-koepa-lim-/" alt="Read Kim Ska Vi Koepa Lim?" title="Read Kim Ska Vi Koepa Lim?"><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="I Want Your Soul">
<source src="https://media.basspistol.com/panix/extender/2-i-want-your-soul.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>&copy;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("../../../extender/3-kim-ska-vi-koepa-lim-/"); 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>
&nbsp;&nbsp;&nbsp;<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>

View 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 Kim Ska Vi Koepa Lim? by Panix Hilton | pax:nion</title>
<meta name="title" content="Play &quot;Kim Ska Vi Koepa Lim?&quot; by Panix Hilton" />
<meta name="description" content="A track by Panix Hilton named &quot;Kim Ska Vi Koepa Lim?&quot; published on pax:nion" />
<meta name="dc.date.modified" scheme="ISO8601" content="2020-07-23T12:00:28+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/extender/3-kim-ska-vi-koepa-lim-/" />
<link rel="alternate" hreflang="x-default" href="https://paxnion.basspistol.com/albums/extender/3-kim-ska-vi-koepa-lim-/" />
<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 &copy;2020 pax:nion." />
<meta name="dcterms.Subject" content="A track by Panix Hilton named &quot;Kim Ska Vi Koepa Lim?&quot; published on pax:nion" />
<meta name="dcterms.Title" content="Play &quot;Kim Ska Vi Koepa Lim?&quot; 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 &quot;Extender&quot; and support your remote artist!" />
<!-- Facebook -->
<meta property="og:title" content="Kim Ska Vi Koepa Lim?" />
<meta property="og:locale" content="en" />
<meta property="og:description" content="Listen and to a track by Panix Hilton from the release &quot;Extender&quot; and support your remote artist!" />
<meta property="og:url" content="https://paxnion.basspistol.com/albums/extender/3-kim-ska-vi-koepa-lim-/" />
<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/extender/3-kim-ska-vi-koepa-lim-.mp3" />
<meta property="article:published_time" content="2020-07-23T12:00:28+00:00" />
<meta property="og:image" content="https://media.basspistol.com/panix/extender/3-kim-ska-vi-koepa-lim-.jpeg" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Kim Ska Vi Koepa Lim? | pax:nion" />
<meta name="twitter:description" content="Listen and to a track by Panix Hilton from the release &quot;Extender&quot; and support your remote artist!" />
<meta name="twitter:image" content="https://media.basspistol.com/panix/extender/3-kim-ska-vi-koepa-lim-.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/extender/3-kim-ska-vi-koepa-lim-.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">Kim Ska Vi Koepa Lim?</h1>
<p><strong><span id="tracktime"></span></strong><span id="kimskavikoepalim"></span></strong> <br />
Style: <strong>Electronic</strong>
</p>
<script type="text/javascript">
var kimskavikoepalimtimestamp = 86;
var kimskavikoepalimhours = Math.floor(kimskavikoepalimtimestamp / 60 / 60);
var kimskavikoepalimminutes = Math.floor(kimskavikoepalimtimestamp / 60) - (kimskavikoepalimhours * 60);
var kimskavikoepalimseconds = kimskavikoepalimtimestamp % 60;
var kimskavikoepalimformatted = kimskavikoepalimhours.toString().padStart(2, '0') + ':' + kimskavikoepalimminutes.toString().padStart(2, '0') + ':' + kimskavikoepalimseconds.toString().padStart(2, '0');
var theSpan = document.getElementById("kimskavikoepalim");
theSpan.innerHTML = kimskavikoepalimformatted;
</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/extender/3-kim-ska-vi-koepa-lim-.jpeg" alt="3 Kim Ska Vi Koepa Lim 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/extender/2-i-want-your-soul/" alt="Read I Want Your Soul" title="Read I Want Your Soul"><i class="fas fa-arrow-left"></i></a> <a
href="../../../albums/extender/2-i-want-your-soul/">&nbsp;I Want Your Soul</a>
</h4>
</div>
<div class="post-nav-next">
<h4><a href="../../../albums/extender/4-eru-sejjoez-/">&nbsp;Eru sejjoez?</a> <a
href="../../../albums/extender/4-eru-sejjoez-/" alt="Read Eru sejjoez?" title="Read Eru sejjoez?"><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="Kim Ska Vi Koepa Lim?">
<source src="https://media.basspistol.com/panix/extender/3-kim-ska-vi-koepa-lim-.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>&copy;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("../../../extender/4-eru-sejjoez-/"); 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>
&nbsp;&nbsp;&nbsp;<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>

View 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 Eru sejjoez? by Panix Hilton | pax:nion</title>
<meta name="title" content="Play &quot;Eru sejjoez?&quot; by Panix Hilton" />
<meta name="description" content="A track by Panix Hilton named &quot;Eru sejjoez?&quot; published on pax:nion" />
<meta name="dc.date.modified" scheme="ISO8601" content="2020-07-23T12:00:28+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/extender/4-eru-sejjoez-/" />
<link rel="alternate" hreflang="x-default" href="https://paxnion.basspistol.com/albums/extender/4-eru-sejjoez-/" />
<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 &copy;2020 pax:nion." />
<meta name="dcterms.Subject" content="A track by Panix Hilton named &quot;Eru sejjoez?&quot; published on pax:nion" />
<meta name="dcterms.Title" content="Play &quot;Eru sejjoez?&quot; 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 &quot;Extender&quot; and support your remote artist!" />
<!-- Facebook -->
<meta property="og:title" content="Eru sejjoez?" />
<meta property="og:locale" content="en" />
<meta property="og:description" content="Listen and to a track by Panix Hilton from the release &quot;Extender&quot; and support your remote artist!" />
<meta property="og:url" content="https://paxnion.basspistol.com/albums/extender/4-eru-sejjoez-/" />
<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/extender/4-eru-sejjoez-.mp3" />
<meta property="article:published_time" content="2020-07-23T12:00:28+00:00" />
<meta property="og:image" content="https://media.basspistol.com/panix/extender/4-eru-sejjoez-.jpeg" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Eru sejjoez? | pax:nion" />
<meta name="twitter:description" content="Listen and to a track by Panix Hilton from the release &quot;Extender&quot; and support your remote artist!" />
<meta name="twitter:image" content="https://media.basspistol.com/panix/extender/4-eru-sejjoez-.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/extender/4-eru-sejjoez-.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">Eru sejjoez?</h1>
<p><strong><span id="tracktime"></span></strong><span id="erusejjoez"></span></strong> <br />
Style: <strong>Electronic</strong>
</p>
<script type="text/javascript">
var erusejjoeztimestamp = 119;
var erusejjoezhours = Math.floor(erusejjoeztimestamp / 60 / 60);
var erusejjoezminutes = Math.floor(erusejjoeztimestamp / 60) - (erusejjoezhours * 60);
var erusejjoezseconds = erusejjoeztimestamp % 60;
var erusejjoezformatted = erusejjoezhours.toString().padStart(2, '0') + ':' + erusejjoezminutes.toString().padStart(2, '0') + ':' + erusejjoezseconds.toString().padStart(2, '0');
var theSpan = document.getElementById("erusejjoez");
theSpan.innerHTML = erusejjoezformatted;
</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/extender/4-eru-sejjoez-.jpeg" alt="4 Eru Sejjoez 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/extender/3-kim-ska-vi-koepa-lim-/" alt="Read Kim Ska Vi Koepa Lim?" title="Read Kim Ska Vi Koepa Lim?"><i class="fas fa-arrow-left"></i></a> <a
href="../../../albums/extender/3-kim-ska-vi-koepa-lim-/">&nbsp;Kim Ska Vi Koepa Lim?</a>
</h4>
</div>
<div class="post-nav-next">
<h4><a href="../../../albums/extender/5-organized/">&nbsp;Organized</a> <a
href="../../../albums/extender/5-organized/" alt="Read Organized" title="Read Organized"><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="Eru sejjoez?">
<source src="https://media.basspistol.com/panix/extender/4-eru-sejjoez-.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>&copy;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("../../../extender/5-organized/"); 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>
&nbsp;&nbsp;&nbsp;<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>

View 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 Organized by Panix Hilton | pax:nion</title>
<meta name="title" content="Play &quot;Organized&quot; by Panix Hilton" />
<meta name="description" content="A track by Panix Hilton named &quot;Organized&quot; published on pax:nion" />
<meta name="dc.date.modified" scheme="ISO8601" content="2020-07-23T12:00:28+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/extender/5-organized/" />
<link rel="alternate" hreflang="x-default" href="https://paxnion.basspistol.com/albums/extender/5-organized/" />
<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 &copy;2020 pax:nion." />
<meta name="dcterms.Subject" content="A track by Panix Hilton named &quot;Organized&quot; published on pax:nion" />
<meta name="dcterms.Title" content="Play &quot;Organized&quot; 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 &quot;Extender&quot; and support your remote artist!" />
<!-- Facebook -->
<meta property="og:title" content="Organized" />
<meta property="og:locale" content="en" />
<meta property="og:description" content="Listen and to a track by Panix Hilton from the release &quot;Extender&quot; and support your remote artist!" />
<meta property="og:url" content="https://paxnion.basspistol.com/albums/extender/5-organized/" />
<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/extender/5-organized.mp3" />
<meta property="article:published_time" content="2020-07-23T12:00:28+00:00" />
<meta property="og:image" content="https://media.basspistol.com/panix/extender/5-organized.jpeg" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Organized | pax:nion" />
<meta name="twitter:description" content="Listen and to a track by Panix Hilton from the release &quot;Extender&quot; and support your remote artist!" />
<meta name="twitter:image" content="https://media.basspistol.com/panix/extender/5-organized.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/extender/5-organized.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">Organized</h1>
<p><strong><span id="tracktime"></span></strong><span id="organized"></span></strong> <br />
Style: <strong>Electronic</strong>
</p>
<script type="text/javascript">
var organizedtimestamp = 76;
var organizedhours = Math.floor(organizedtimestamp / 60 / 60);
var organizedminutes = Math.floor(organizedtimestamp / 60) - (organizedhours * 60);
var organizedseconds = organizedtimestamp % 60;
var organizedformatted = organizedhours.toString().padStart(2, '0') + ':' + organizedminutes.toString().padStart(2, '0') + ':' + organizedseconds.toString().padStart(2, '0');
var theSpan = document.getElementById("organized");
theSpan.innerHTML = organizedformatted;
</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/extender/5-organized.jpeg" alt="5 Organized 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/extender/4-eru-sejjoez-/" alt="Read Eru sejjoez?" title="Read Eru sejjoez?"><i class="fas fa-arrow-left"></i></a> <a
href="../../../albums/extender/4-eru-sejjoez-/">&nbsp;Eru sejjoez?</a>
</h4>
</div>
<div class="post-nav-next">
<h4><a href="../../../albums/extender/6-matter-of-opinion/">&nbsp;Matter Of Opinion</a> <a
href="../../../albums/extender/6-matter-of-opinion/" alt="Read Matter Of Opinion" title="Read Matter Of Opinion"><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="Organized">
<source src="https://media.basspistol.com/panix/extender/5-organized.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>&copy;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("../../../extender/6-matter-of-opinion/"); 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>
&nbsp;&nbsp;&nbsp;<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>

View 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 Matter Of Opinion by Panix Hilton | pax:nion</title>
<meta name="title" content="Play &quot;Matter Of Opinion&quot; by Panix Hilton" />
<meta name="description" content="A track by Panix Hilton named &quot;Matter Of Opinion&quot; published on pax:nion" />
<meta name="dc.date.modified" scheme="ISO8601" content="2020-07-23T12:00:28+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/extender/6-matter-of-opinion/" />
<link rel="alternate" hreflang="x-default" href="https://paxnion.basspistol.com/albums/extender/6-matter-of-opinion/" />
<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 &copy;2020 pax:nion." />
<meta name="dcterms.Subject" content="A track by Panix Hilton named &quot;Matter Of Opinion&quot; published on pax:nion" />
<meta name="dcterms.Title" content="Play &quot;Matter Of Opinion&quot; 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 &quot;Extender&quot; and support your remote artist!" />
<!-- Facebook -->
<meta property="og:title" content="Matter Of Opinion" />
<meta property="og:locale" content="en" />
<meta property="og:description" content="Listen and to a track by Panix Hilton from the release &quot;Extender&quot; and support your remote artist!" />
<meta property="og:url" content="https://paxnion.basspistol.com/albums/extender/6-matter-of-opinion/" />
<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/extender/6-matter-of-opinion.mp3" />
<meta property="article:published_time" content="2020-07-23T12:00:28+00:00" />
<meta property="og:image" content="https://media.basspistol.com/panix/extender/6-matter-of-opinion.jpeg" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Matter Of Opinion | pax:nion" />
<meta name="twitter:description" content="Listen and to a track by Panix Hilton from the release &quot;Extender&quot; and support your remote artist!" />
<meta name="twitter:image" content="https://media.basspistol.com/panix/extender/6-matter-of-opinion.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/extender/6-matter-of-opinion.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">Matter Of Opinion</h1>
<p><strong><span id="tracktime"></span></strong><span id="matterofopinion"></span></strong> <br />
Style: <strong>Electronic</strong>
</p>
<script type="text/javascript">
var matterofopiniontimestamp = 82;
var matterofopinionhours = Math.floor(matterofopiniontimestamp / 60 / 60);
var matterofopinionminutes = Math.floor(matterofopiniontimestamp / 60) - (matterofopinionhours * 60);
var matterofopinionseconds = matterofopiniontimestamp % 60;
var matterofopinionformatted = matterofopinionhours.toString().padStart(2, '0') + ':' + matterofopinionminutes.toString().padStart(2, '0') + ':' + matterofopinionseconds.toString().padStart(2, '0');
var theSpan = document.getElementById("matterofopinion");
theSpan.innerHTML = matterofopinionformatted;
</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/extender/6-matter-of-opinion.jpeg" alt="6 Matter Of Opinion 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/extender/5-organized/" alt="Read Organized" title="Read Organized"><i class="fas fa-arrow-left"></i></a> <a
href="../../../albums/extender/5-organized/">&nbsp;Organized</a>
</h4>
</div>
<div class="post-nav-next">
<h4><a href="../../../albums/extender/1-house-kommer-alltid-att-vara-house/">&nbsp;House Kommer Alltid Att Vara House</a> <a
href="../../../albums/extender/1-house-kommer-alltid-att-vara-house/" alt="Read House Kommer Alltid Att Vara House" title="Read House Kommer Alltid Att Vara House"><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="Matter Of Opinion">
<source src="https://media.basspistol.com/panix/extender/6-matter-of-opinion.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>&copy;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("../../../extender/1-house-kommer-alltid-att-vara-house/"); 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>
&nbsp;&nbsp;&nbsp;<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>

757
albums/extender/index.html Normal file
View file

@ -0,0 +1,757 @@
<!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 &quot;Extender&quot; by Panix Hilton | pax:nion</title>
<meta name="title" content="Play &quot;Extender&quot; by Panix Hilton" />
<meta name="description" content="A release by Panix Hilton named &quot;Extender&quot; 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/extender/" />
<link rel="alternate" hreflang="x-default" href="https://paxnion.basspistol.com/albums/extender/" />
<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 &copy;2020 pax:nion." />
<meta name="dcterms.Subject" content="A release by Panix Hilton named &quot;Extender&quot; published on pax:nion" />
<meta name="dcterms.Title" content="Play &quot;Extender&quot; 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 &quot;Extender&quot; and support your remote artist!" />
<!-- Facebook -->
<meta property="og:title" content="Extender by Panix Hilton" />
<meta property="og:locale" content="en" />
<meta property="og:description" content="Listen and to a release by Panix Hilton named &quot;Extender&quot; and support your remote artist!" />
<meta property="og:url" content="https://paxnion.basspistol.com/albums/extender/" />
<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/extender/1-house-kommer-alltid-att-vara-house.mp3" />
<meta property="og:audio" content="https://media.basspistol.com/panix/extender/2-i-want-your-soul.mp3" />
<meta property="og:audio" content="https://media.basspistol.com/panix/extender/3-kim-ska-vi-koepa-lim-.mp3" />
<meta property="og:audio" content="https://media.basspistol.com/panix/extender/4-eru-sejjoez-.mp3" />
<meta property="og:audio" content="https://media.basspistol.com/panix/extender/5-organized.mp3" />
<meta property="og:audio" content="https://media.basspistol.com/panix/extender/6-matter-of-opinion.mp3" />
<meta property="article:published_time" content="2020-07-23T12:00:31+00:00" />
<meta property="og:image" content="https://media.basspistol.com/panix/extender/1-house-kommer-alltid-att-vara-house.jpeg" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Extender | pax:nion" />
<meta name="twitter:description" content="Listen and to a release by Panix Hilton named &quot;Extender&quot; and support your remote artist!" />
<meta name="twitter:image" content="https://media.basspistol.com/panix/extender/1-house-kommer-alltid-att-vara-house.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">Extender</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/extender/1-house-kommer-alltid-att-vara-house.jpeg" alt="Extender" />
</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/extender/&amp;quote=Extender%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/extender/&amp;text=Extender%20by%20pax:nion%20&amp;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/extender/&amp;text=Extender%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/extender/&amp;title=Extender%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">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>
<!-- 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>House Kommer Alltid Att Vara House</h3>
<p>
2:18
<br /><strong>Electronic</strong>
<br />2012</p>
<ul class="actions stacked">
<li><a href="../../albums/extender/1-house-kommer-alltid-att-vara-house/" class="button">Track</a></li>
</ul>
</div>
<div class="image">
<img src="https://media.basspistol.com/panix/extender/1-house-kommer-alltid-att-vara-house.jpeg" alt="House Kommer Alltid Att Vara House" />
</div>
</section>
<section class="spotlight style4 orient-left content-align-right image-position-center onscroll-image-fade-in" >
<div class="content">
<h3>I Want Your Soul</h3>
<p>
1:22
<br /><strong>Electronic</strong>
<br />2012</p>
<ul class="actions stacked">
<li><a href="../../albums/extender/2-i-want-your-soul/" class="button">Track</a></li>
</ul>
</div>
<div class="image">
<img src="https://media.basspistol.com/panix/extender/2-i-want-your-soul.jpeg" alt="I Want Your Soul" />
</div>
</section>
<section class="spotlight style4 orient-right content-align-left image-position-center onscroll-image-fade-in" >
<div class="content">
<h3>Kim Ska Vi Koepa Lim?</h3>
<p>
1:26
<br /><strong>Electronic</strong>
<br />2012</p>
<ul class="actions stacked">
<li><a href="../../albums/extender/3-kim-ska-vi-koepa-lim-/" class="button">Track</a></li>
</ul>
</div>
<div class="image">
<img src="https://media.basspistol.com/panix/extender/3-kim-ska-vi-koepa-lim-.jpeg" alt="Kim Ska Vi Koepa Lim?" />
</div>
</section>
<section class="spotlight style4 orient-left content-align-right image-position-center onscroll-image-fade-in" >
<div class="content">
<h3>Eru sejjoez?</h3>
<p>
1:59
<br /><strong>Electronic</strong>
<br />2012</p>
<ul class="actions stacked">
<li><a href="../../albums/extender/4-eru-sejjoez-/" class="button">Track</a></li>
</ul>
</div>
<div class="image">
<img src="https://media.basspistol.com/panix/extender/4-eru-sejjoez-.jpeg" alt="Eru sejjoez?" />
</div>
</section>
<section class="spotlight style4 orient-right content-align-left image-position-center onscroll-image-fade-in" >
<div class="content">
<h3>Organized</h3>
<p>
1:16
<br /><strong>Electronic</strong>
<br />2012</p>
<ul class="actions stacked">
<li><a href="../../albums/extender/5-organized/" class="button">Track</a></li>
</ul>
</div>
<div class="image">
<img src="https://media.basspistol.com/panix/extender/5-organized.jpeg" alt="Organized" />
</div>
</section>
<section class="spotlight style4 orient-left content-align-right image-position-center onscroll-image-fade-in" >
<div class="content">
<h3>Matter Of Opinion</h3>
<p>
1:22
<br /><strong>Electronic</strong>
<br />2012</p>
<ul class="actions stacked">
<li><a href="../../albums/extender/6-matter-of-opinion/" class="button">Track</a></li>
</ul>
</div>
<div class="image">
<img src="https://media.basspistol.com/panix/extender/6-matter-of-opinion.jpeg" alt="Matter Of Opinion" />
</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/2012-grab-bag/" alt="Read 2012 Grab Bag" title="Read 2012 Grab Bag"><i class="fas fa-arrow-left"></i></a> <a href="/albums/2012-grab-bag/">&nbsp;2012 Grab Bag</a></h4>
<p style="margin-right: 20px"></p>
</div>
<div class="post-nav-next">
<h4><a href="/albums/morning-moods/">&nbsp;Morning Moods</a> <a href="/albums/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="../../">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>&copy;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>
&nbsp;&nbsp;&nbsp;<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": "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>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>

View 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 Katze001 by Panixonik | pax:nion</title>
<meta name="title" content="Play &quot;Katze001&quot; by Panixonik" />
<meta name="description" content="A track by Panixonik named &quot;Katze001&quot; 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/katze/1-katze001/" />
<link rel="alternate" hreflang="x-default" href="https://paxnion.basspistol.com/albums/katze/1-katze001/" />
<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 &copy;2020 pax:nion." />
<meta name="dcterms.Subject" content="A track by Panixonik named &quot;Katze001&quot; published on pax:nion" />
<meta name="dcterms.Title" content="Play &quot;Katze001&quot; by Panixonik" />
<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 Panixonik from the release &quot;Katze&quot; and support your remote artist!" />
<!-- Facebook -->
<meta property="og:title" content="Katze001" />
<meta property="og:locale" content="en" />
<meta property="og:description" content="Listen and to a track by Panixonik from the release &quot;Katze&quot; and support your remote artist!" />
<meta property="og:url" content="https://paxnion.basspistol.com/albums/katze/1-katze001/" />
<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/katze/1-katze001.mp3" />
<meta property="article:published_time" content="2020-07-23T12:00:29+00:00" />
<meta property="og:image" content="https://media.basspistol.com/panix/katze/1-katze001.jpeg" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Katze001 | pax:nion" />
<meta name="twitter:description" content="Listen and to a track by Panixonik from the release &quot;Katze&quot; and support your remote artist!" />
<meta name="twitter:image" content="https://media.basspistol.com/panix/katze/1-katze001.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/katze/1-katze001.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">Katze001</h1>
<p><strong><span id="tracktime"></span></strong><span id="katze001"></span></strong> <br />
Style: <strong>Electronic</strong>
</p>
<script type="text/javascript">
var katze001timestamp = 116;
var katze001hours = Math.floor(katze001timestamp / 60 / 60);
var katze001minutes = Math.floor(katze001timestamp / 60) - (katze001hours * 60);
var katze001seconds = katze001timestamp % 60;
var katze001formatted = katze001hours.toString().padStart(2, '0') + ':' + katze001minutes.toString().padStart(2, '0') + ':' + katze001seconds.toString().padStart(2, '0');
var theSpan = document.getElementById("katze001");
theSpan.innerHTML = katze001formatted;
</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/katze/1-katze001.jpeg" alt="1 Katze001 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/katze/5-how-much-/" alt="Read How Much?" title="Read How Much?"><i class="fas fa-arrow-left"></i></a> <a
href="../../../albums/katze/5-how-much-/">&nbsp;How Much?</a>
</h4>
</div>
<div class="post-nav-next">
<h4><a href="../../../albums/katze/2-katze002/">&nbsp;Katze002</a> <a
href="../../../albums/katze/2-katze002/" alt="Read Katze002" title="Read Katze002"><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="Katze001">
<source src="https://media.basspistol.com/panix/katze/1-katze001.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>&copy;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("../../../katze/2-katze002/"); 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>
&nbsp;&nbsp;&nbsp;<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>

View 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 Katze002 by Panixonik | pax:nion</title>
<meta name="title" content="Play &quot;Katze002&quot; by Panixonik" />
<meta name="description" content="A track by Panixonik named &quot;Katze002&quot; 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/katze/2-katze002/" />
<link rel="alternate" hreflang="x-default" href="https://paxnion.basspistol.com/albums/katze/2-katze002/" />
<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 &copy;2020 pax:nion." />
<meta name="dcterms.Subject" content="A track by Panixonik named &quot;Katze002&quot; published on pax:nion" />
<meta name="dcterms.Title" content="Play &quot;Katze002&quot; by Panixonik" />
<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 Panixonik from the release &quot;Katze&quot; and support your remote artist!" />
<!-- Facebook -->
<meta property="og:title" content="Katze002" />
<meta property="og:locale" content="en" />
<meta property="og:description" content="Listen and to a track by Panixonik from the release &quot;Katze&quot; and support your remote artist!" />
<meta property="og:url" content="https://paxnion.basspistol.com/albums/katze/2-katze002/" />
<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/katze/2-katze002.mp3" />
<meta property="article:published_time" content="2020-07-23T12:00:29+00:00" />
<meta property="og:image" content="https://media.basspistol.com/panix/katze/2-katze002.jpeg" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Katze002 | pax:nion" />
<meta name="twitter:description" content="Listen and to a track by Panixonik from the release &quot;Katze&quot; and support your remote artist!" />
<meta name="twitter:image" content="https://media.basspistol.com/panix/katze/2-katze002.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/katze/2-katze002.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">Katze002</h1>
<p><strong><span id="tracktime"></span></strong><span id="katze002"></span></strong> <br />
Style: <strong>Electronic</strong>
</p>
<script type="text/javascript">
var katze002timestamp = 46;
var katze002hours = Math.floor(katze002timestamp / 60 / 60);
var katze002minutes = Math.floor(katze002timestamp / 60) - (katze002hours * 60);
var katze002seconds = katze002timestamp % 60;
var katze002formatted = katze002hours.toString().padStart(2, '0') + ':' + katze002minutes.toString().padStart(2, '0') + ':' + katze002seconds.toString().padStart(2, '0');
var theSpan = document.getElementById("katze002");
theSpan.innerHTML = katze002formatted;
</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/katze/2-katze002.jpeg" alt="2 Katze002 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/katze/1-katze001/" alt="Read Katze001" title="Read Katze001"><i class="fas fa-arrow-left"></i></a> <a
href="../../../albums/katze/1-katze001/">&nbsp;Katze001</a>
</h4>
</div>
<div class="post-nav-next">
<h4><a href="../../../albums/katze/3-katze003/">&nbsp;Katze003</a> <a
href="../../../albums/katze/3-katze003/" alt="Read Katze003" title="Read Katze003"><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="Katze002">
<source src="https://media.basspistol.com/panix/katze/2-katze002.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>&copy;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("../../../katze/3-katze003/"); 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>
&nbsp;&nbsp;&nbsp;<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>

View 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 Katze003 by Panixonik | pax:nion</title>
<meta name="title" content="Play &quot;Katze003&quot; by Panixonik" />
<meta name="description" content="A track by Panixonik named &quot;Katze003&quot; 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/katze/3-katze003/" />
<link rel="alternate" hreflang="x-default" href="https://paxnion.basspistol.com/albums/katze/3-katze003/" />
<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 &copy;2020 pax:nion." />
<meta name="dcterms.Subject" content="A track by Panixonik named &quot;Katze003&quot; published on pax:nion" />
<meta name="dcterms.Title" content="Play &quot;Katze003&quot; by Panixonik" />
<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 Panixonik from the release &quot;Katze&quot; and support your remote artist!" />
<!-- Facebook -->
<meta property="og:title" content="Katze003" />
<meta property="og:locale" content="en" />
<meta property="og:description" content="Listen and to a track by Panixonik from the release &quot;Katze&quot; and support your remote artist!" />
<meta property="og:url" content="https://paxnion.basspistol.com/albums/katze/3-katze003/" />
<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/katze/3-katze003.mp3" />
<meta property="article:published_time" content="2020-07-23T12:00:29+00:00" />
<meta property="og:image" content="https://media.basspistol.com/panix/katze/3-katze003.jpeg" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Katze003 | pax:nion" />
<meta name="twitter:description" content="Listen and to a track by Panixonik from the release &quot;Katze&quot; and support your remote artist!" />
<meta name="twitter:image" content="https://media.basspistol.com/panix/katze/3-katze003.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/katze/3-katze003.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">Katze003</h1>
<p><strong><span id="tracktime"></span></strong><span id="katze003"></span></strong> <br />
Style: <strong>Electronic</strong>
</p>
<script type="text/javascript">
var katze003timestamp = 151;
var katze003hours = Math.floor(katze003timestamp / 60 / 60);
var katze003minutes = Math.floor(katze003timestamp / 60) - (katze003hours * 60);
var katze003seconds = katze003timestamp % 60;
var katze003formatted = katze003hours.toString().padStart(2, '0') + ':' + katze003minutes.toString().padStart(2, '0') + ':' + katze003seconds.toString().padStart(2, '0');
var theSpan = document.getElementById("katze003");
theSpan.innerHTML = katze003formatted;
</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/katze/3-katze003.jpeg" alt="3 Katze003 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/katze/2-katze002/" alt="Read Katze002" title="Read Katze002"><i class="fas fa-arrow-left"></i></a> <a
href="../../../albums/katze/2-katze002/">&nbsp;Katze002</a>
</h4>
</div>
<div class="post-nav-next">
<h4><a href="../../../albums/katze/4-katze004/">&nbsp;Katze004</a> <a
href="../../../albums/katze/4-katze004/" alt="Read Katze004" title="Read Katze004"><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="Katze003">
<source src="https://media.basspistol.com/panix/katze/3-katze003.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>&copy;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("../../../katze/4-katze004/"); 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>
&nbsp;&nbsp;&nbsp;<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>

View 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 Katze004 by Panixonik | pax:nion</title>
<meta name="title" content="Play &quot;Katze004&quot; by Panixonik" />
<meta name="description" content="A track by Panixonik named &quot;Katze004&quot; 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/katze/4-katze004/" />
<link rel="alternate" hreflang="x-default" href="https://paxnion.basspistol.com/albums/katze/4-katze004/" />
<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 &copy;2020 pax:nion." />
<meta name="dcterms.Subject" content="A track by Panixonik named &quot;Katze004&quot; published on pax:nion" />
<meta name="dcterms.Title" content="Play &quot;Katze004&quot; by Panixonik" />
<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 Panixonik from the release &quot;Katze&quot; and support your remote artist!" />
<!-- Facebook -->
<meta property="og:title" content="Katze004" />
<meta property="og:locale" content="en" />
<meta property="og:description" content="Listen and to a track by Panixonik from the release &quot;Katze&quot; and support your remote artist!" />
<meta property="og:url" content="https://paxnion.basspistol.com/albums/katze/4-katze004/" />
<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/katze/4-katze004.mp3" />
<meta property="article:published_time" content="2020-07-23T12:00:29+00:00" />
<meta property="og:image" content="https://media.basspistol.com/panix/katze/4-katze004.jpeg" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Katze004 | pax:nion" />
<meta name="twitter:description" content="Listen and to a track by Panixonik from the release &quot;Katze&quot; and support your remote artist!" />
<meta name="twitter:image" content="https://media.basspistol.com/panix/katze/4-katze004.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/katze/4-katze004.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">Katze004</h1>
<p><strong><span id="tracktime"></span></strong><span id="katze004"></span></strong> <br />
Style: <strong>Electronic</strong>
</p>
<script type="text/javascript">
var katze004timestamp = 443;
var katze004hours = Math.floor(katze004timestamp / 60 / 60);
var katze004minutes = Math.floor(katze004timestamp / 60) - (katze004hours * 60);
var katze004seconds = katze004timestamp % 60;
var katze004formatted = katze004hours.toString().padStart(2, '0') + ':' + katze004minutes.toString().padStart(2, '0') + ':' + katze004seconds.toString().padStart(2, '0');
var theSpan = document.getElementById("katze004");
theSpan.innerHTML = katze004formatted;
</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/katze/4-katze004.jpeg" alt="4 Katze004 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/katze/3-katze003/" alt="Read Katze003" title="Read Katze003"><i class="fas fa-arrow-left"></i></a> <a
href="../../../albums/katze/3-katze003/">&nbsp;Katze003</a>
</h4>
</div>
<div class="post-nav-next">
<h4><a href="../../../albums/katze/5-how-much-/">&nbsp;How Much?</a> <a
href="../../../albums/katze/5-how-much-/" alt="Read How Much?" title="Read How Much?"><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="Katze004">
<source src="https://media.basspistol.com/panix/katze/4-katze004.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>&copy;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("../../../katze/5-how-much-/"); 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>
&nbsp;&nbsp;&nbsp;<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>

View 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 How Much? by Panixonik | pax:nion</title>
<meta name="title" content="Play &quot;How Much?&quot; by Panixonik" />
<meta name="description" content="A track by Panixonik named &quot;How Much?&quot; 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/katze/5-how-much-/" />
<link rel="alternate" hreflang="x-default" href="https://paxnion.basspistol.com/albums/katze/5-how-much-/" />
<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 &copy;2020 pax:nion." />
<meta name="dcterms.Subject" content="A track by Panixonik named &quot;How Much?&quot; published on pax:nion" />
<meta name="dcterms.Title" content="Play &quot;How Much?&quot; by Panixonik" />
<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 Panixonik from the release &quot;Katze&quot; and support your remote artist!" />
<!-- Facebook -->
<meta property="og:title" content="How Much?" />
<meta property="og:locale" content="en" />
<meta property="og:description" content="Listen and to a track by Panixonik from the release &quot;Katze&quot; and support your remote artist!" />
<meta property="og:url" content="https://paxnion.basspistol.com/albums/katze/5-how-much-/" />
<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/katze/5-how-much-.mp3" />
<meta property="article:published_time" content="2020-07-23T12:00:29+00:00" />
<meta property="og:image" content="https://media.basspistol.com/panix/katze/5-how-much-.jpeg" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="How Much? | pax:nion" />
<meta name="twitter:description" content="Listen and to a track by Panixonik from the release &quot;Katze&quot; and support your remote artist!" />
<meta name="twitter:image" content="https://media.basspistol.com/panix/katze/5-how-much-.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/katze/5-how-much-.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">How Much?</h1>
<p><strong><span id="tracktime"></span></strong><span id="howmuch"></span></strong> <br />
Style: <strong>Electronic</strong>
</p>
<script type="text/javascript">
var howmuchtimestamp = 312;
var howmuchhours = Math.floor(howmuchtimestamp / 60 / 60);
var howmuchminutes = Math.floor(howmuchtimestamp / 60) - (howmuchhours * 60);
var howmuchseconds = howmuchtimestamp % 60;
var howmuchformatted = howmuchhours.toString().padStart(2, '0') + ':' + howmuchminutes.toString().padStart(2, '0') + ':' + howmuchseconds.toString().padStart(2, '0');
var theSpan = document.getElementById("howmuch");
theSpan.innerHTML = howmuchformatted;
</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/katze/5-how-much-.jpeg" alt="5 How Much 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/katze/4-katze004/" alt="Read Katze004" title="Read Katze004"><i class="fas fa-arrow-left"></i></a> <a
href="../../../albums/katze/4-katze004/">&nbsp;Katze004</a>
</h4>
</div>
<div class="post-nav-next">
<h4><a href="../../../albums/katze/1-katze001/">&nbsp;Katze001</a> <a
href="../../../albums/katze/1-katze001/" alt="Read Katze001" title="Read Katze001"><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="How Much?">
<source src="https://media.basspistol.com/panix/katze/5-how-much-.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>&copy;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("../../../katze/1-katze001/"); 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>
&nbsp;&nbsp;&nbsp;<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>

716
albums/katze/index.html Normal file
View file

@ -0,0 +1,716 @@
<!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 &quot;Katze&quot; by Panixonik | pax:nion</title>
<meta name="title" content="Play &quot;Katze&quot; by Panixonik" />
<meta name="description" content="A release by Panixonik named &quot;Katze&quot; 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/katze/" />
<link rel="alternate" hreflang="x-default" href="https://paxnion.basspistol.com/albums/katze/" />
<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 &copy;2020 pax:nion." />
<meta name="dcterms.Subject" content="A release by Panixonik named &quot;Katze&quot; published on pax:nion" />
<meta name="dcterms.Title" content="Play &quot;Katze&quot; by Panixonik" />
<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 Panixonik named &quot;Katze&quot; and support your remote artist!" />
<!-- Facebook -->
<meta property="og:title" content="Katze by Panixonik" />
<meta property="og:locale" content="en" />
<meta property="og:description" content="Listen and to a release by Panixonik named &quot;Katze&quot; and support your remote artist!" />
<meta property="og:url" content="https://paxnion.basspistol.com/albums/katze/" />
<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/katze/1-katze001.mp3" />
<meta property="og:audio" content="https://media.basspistol.com/panix/katze/2-katze002.mp3" />
<meta property="og:audio" content="https://media.basspistol.com/panix/katze/3-katze003.mp3" />
<meta property="og:audio" content="https://media.basspistol.com/panix/katze/4-katze004.mp3" />
<meta property="og:audio" content="https://media.basspistol.com/panix/katze/5-how-much-.mp3" />
<meta property="article:published_time" content="2020-07-23T12:00:31+00:00" />
<meta property="og:image" content="https://media.basspistol.com/panix/katze/1-katze001.jpeg" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Katze | pax:nion" />
<meta name="twitter:description" content="Listen and to a release by Panixonik named &quot;Katze&quot; and support your remote artist!" />
<meta name="twitter:image" content="https://media.basspistol.com/panix/katze/1-katze001.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">Katze</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/katze/1-katze001.jpeg" alt="Katze" />
</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/katze/&amp;quote=Katze%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/katze/&amp;text=Katze%20by%20pax:nion%20&amp;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/katze/&amp;text=Katze%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/katze/&amp;title=Katze%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">Katze001</div>
<div class="plLength">1:56</div>
</div>
</li>
<li>
<div class="plItem">
<div class="plNum">2.</div>
<div class="plTitle">Katze002</div>
<div class="plLength">0:46</div>
</div>
</li>
<li>
<div class="plItem">
<div class="plNum">3.</div>
<div class="plTitle">Katze003</div>
<div class="plLength">2:31</div>
</div>
</li>
<li>
<div class="plItem">
<div class="plNum">4.</div>
<div class="plTitle">Katze004</div>
<div class="plLength">7:23</div>
</div>
</li>
<li>
<div class="plItem">
<div class="plNum">5.</div>
<div class="plTitle">How Much?</div>
<div class="plLength">5:12</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/katze/1-katze001.mp3">Katze001 </a></div>
<div class="plLength">1:56</div>
</div>
<div class="plItem">
<div class="plNum">2.</div>
<div class="plTitle"><a href="https://media.basspistol.com/panix/katze/2-katze002.mp3">Katze002 </a></div>
<div class="plLength">0:46</div>
</div>
<div class="plItem">
<div class="plNum">3.</div>
<div class="plTitle"><a href="https://media.basspistol.com/panix/katze/3-katze003.mp3">Katze003 </a></div>
<div class="plLength">2:31</div>
</div>
<div class="plItem">
<div class="plNum">4.</div>
<div class="plTitle"><a href="https://media.basspistol.com/panix/katze/4-katze004.mp3">Katze004 </a></div>
<div class="plLength">7:23</div>
</div>
<div class="plItem">
<div class="plNum">5.</div>
<div class="plTitle"><a href="https://media.basspistol.com/panix/katze/5-how-much-.mp3">How Much? </a></div>
<div class="plLength">5:12</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>Katze001</h3>
<p>
1:56
<br /><strong>Electronic</strong>
<br />2001</p>
<ul class="actions stacked">
<li><a href="../../albums/katze/1-katze001/" class="button">Track</a></li>
</ul>
</div>
<div class="image">
<img src="https://media.basspistol.com/panix/katze/1-katze001.jpeg" alt="Katze001" />
</div>
</section>
<section class="spotlight style4 orient-left content-align-right image-position-center onscroll-image-fade-in" >
<div class="content">
<h3>Katze002</h3>
<p>
0:46
<br /><strong>Electronic</strong>
<br />2001</p>
<ul class="actions stacked">
<li><a href="../../albums/katze/2-katze002/" class="button">Track</a></li>
</ul>
</div>
<div class="image">
<img src="https://media.basspistol.com/panix/katze/2-katze002.jpeg" alt="Katze002" />
</div>
</section>
<section class="spotlight style4 orient-right content-align-left image-position-center onscroll-image-fade-in" >
<div class="content">
<h3>Katze003</h3>
<p>
2:31
<br /><strong>Electronic</strong>
<br />2001</p>
<ul class="actions stacked">
<li><a href="../../albums/katze/3-katze003/" class="button">Track</a></li>
</ul>
</div>
<div class="image">
<img src="https://media.basspistol.com/panix/katze/3-katze003.jpeg" alt="Katze003" />
</div>
</section>
<section class="spotlight style4 orient-left content-align-right image-position-center onscroll-image-fade-in" >
<div class="content">
<h3>Katze004</h3>
<p>
7:23
<br /><strong>Electronic</strong>
<br />2001</p>
<ul class="actions stacked">
<li><a href="../../albums/katze/4-katze004/" class="button">Track</a></li>
</ul>
</div>
<div class="image">
<img src="https://media.basspistol.com/panix/katze/4-katze004.jpeg" alt="Katze004" />
</div>
</section>
<section class="spotlight style4 orient-right content-align-left image-position-center onscroll-image-fade-in" >
<div class="content">
<h3>How Much?</h3>
<p>
5:12
<br /><strong>Electronic</strong>
<br />2001</p>
<ul class="actions stacked">
<li><a href="../../albums/katze/5-how-much-/" class="button">Track</a></li>
</ul>
</div>
<div class="image">
<img src="https://media.basspistol.com/panix/katze/5-how-much-.jpeg" alt="How Much?" />
</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/bamegoy/" alt="Read Bamegoy" title="Read Bamegoy"><i class="fas fa-arrow-left"></i></a> <a href="/albums/bamegoy/">&nbsp;Bamegoy</a></h4>
<p style="margin-right: 20px"></p>
</div>
<div class="post-nav-next">
<h4><a href="/albums/mula-ep/">&nbsp;Mula Ep</a> <a href="/albums/mula-ep/" alt="Read Mula Ep" title="Read Mula Ep"><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="../../">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>&copy;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>
&nbsp;&nbsp;&nbsp;<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": "Katze001",
"length": "1:56",
"file": "https://media.basspistol.com/panix/katze/1-katze001"
},{
"track": 2,
"name": "Katze002",
"length": "0:46",
"file": "https://media.basspistol.com/panix/katze/2-katze002"
},{
"track": 3,
"name": "Katze003",
"length": "2:31",
"file": "https://media.basspistol.com/panix/katze/3-katze003"
},{
"track": 4,
"name": "Katze004",
"length": "7:23",
"file": "https://media.basspistol.com/panix/katze/4-katze004"
},{
"track": 5,
"name": "How Much?",
"length": "5:12",
"file": "https://media.basspistol.com/panix/katze/5-how-much-"
}],
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>

View 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 No Disco Day by Panixonik | pax:nion</title>
<meta name="title" content="Play &quot;No Disco Day&quot; by Panixonik" />
<meta name="description" content="A track by Panixonik named &quot;No Disco Day&quot; 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/lite-off/1-no-disco-day/" />
<link rel="alternate" hreflang="x-default" href="https://paxnion.basspistol.com/albums/lite-off/1-no-disco-day/" />
<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 &copy;2020 pax:nion." />
<meta name="dcterms.Subject" content="A track by Panixonik named &quot;No Disco Day&quot; published on pax:nion" />
<meta name="dcterms.Title" content="Play &quot;No Disco Day&quot; by Panixonik" />
<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 Panixonik from the release &quot;Lite Off&quot; and support your remote artist!" />
<!-- Facebook -->
<meta property="og:title" content="No Disco Day" />
<meta property="og:locale" content="en" />
<meta property="og:description" content="Listen and to a track by Panixonik from the release &quot;Lite Off&quot; and support your remote artist!" />
<meta property="og:url" content="https://paxnion.basspistol.com/albums/lite-off/1-no-disco-day/" />
<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/lite-off/1-no-disco-day.mp3" />
<meta property="article:published_time" content="2020-07-23T12:00:29+00:00" />
<meta property="og:image" content="https://media.basspistol.com/panix/lite-off/1-no-disco-day.jpeg" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="No Disco Day | pax:nion" />
<meta name="twitter:description" content="Listen and to a track by Panixonik from the release &quot;Lite Off&quot; and support your remote artist!" />
<meta name="twitter:image" content="https://media.basspistol.com/panix/lite-off/1-no-disco-day.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/lite-off/1-no-disco-day.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">No Disco Day</h1>
<p><strong><span id="tracktime"></span></strong><span id="nodiscoday"></span></strong> <br />
Style: <strong>Electronic</strong>
</p>
<script type="text/javascript">
var nodiscodaytimestamp = 68;
var nodiscodayhours = Math.floor(nodiscodaytimestamp / 60 / 60);
var nodiscodayminutes = Math.floor(nodiscodaytimestamp / 60) - (nodiscodayhours * 60);
var nodiscodayseconds = nodiscodaytimestamp % 60;
var nodiscodayformatted = nodiscodayhours.toString().padStart(2, '0') + ':' + nodiscodayminutes.toString().padStart(2, '0') + ':' + nodiscodayseconds.toString().padStart(2, '0');
var theSpan = document.getElementById("nodiscoday");
theSpan.innerHTML = nodiscodayformatted;
</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/lite-off/1-no-disco-day.jpeg" alt="1 No Disco Day 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/lite-off/3-nattsudd/" alt="Read Nattsudd" title="Read Nattsudd"><i class="fas fa-arrow-left"></i></a> <a
href="../../../albums/lite-off/3-nattsudd/">&nbsp;Nattsudd</a>
</h4>
</div>
<div class="post-nav-next">
<h4><a href="../../../albums/lite-off/2-invaders/">&nbsp;Invaders</a> <a
href="../../../albums/lite-off/2-invaders/" alt="Read Invaders" title="Read Invaders"><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="No Disco Day">
<source src="https://media.basspistol.com/panix/lite-off/1-no-disco-day.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>&copy;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("../../../lite-off/2-invaders/"); 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>
&nbsp;&nbsp;&nbsp;<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>

View 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 Invaders by Panixonik | pax:nion</title>
<meta name="title" content="Play &quot;Invaders&quot; by Panixonik" />
<meta name="description" content="A track by Panixonik named &quot;Invaders&quot; 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/lite-off/2-invaders/" />
<link rel="alternate" hreflang="x-default" href="https://paxnion.basspistol.com/albums/lite-off/2-invaders/" />
<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 &copy;2020 pax:nion." />
<meta name="dcterms.Subject" content="A track by Panixonik named &quot;Invaders&quot; published on pax:nion" />
<meta name="dcterms.Title" content="Play &quot;Invaders&quot; by Panixonik" />
<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 Panixonik from the release &quot;Lite Off&quot; and support your remote artist!" />
<!-- Facebook -->
<meta property="og:title" content="Invaders" />
<meta property="og:locale" content="en" />
<meta property="og:description" content="Listen and to a track by Panixonik from the release &quot;Lite Off&quot; and support your remote artist!" />
<meta property="og:url" content="https://paxnion.basspistol.com/albums/lite-off/2-invaders/" />
<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/lite-off/2-invaders.mp3" />
<meta property="article:published_time" content="2020-07-23T12:00:29+00:00" />
<meta property="og:image" content="https://media.basspistol.com/panix/lite-off/2-invaders.jpeg" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Invaders | pax:nion" />
<meta name="twitter:description" content="Listen and to a track by Panixonik from the release &quot;Lite Off&quot; and support your remote artist!" />
<meta name="twitter:image" content="https://media.basspistol.com/panix/lite-off/2-invaders.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/lite-off/2-invaders.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">Invaders</h1>
<p><strong><span id="tracktime"></span></strong><span id="invaders"></span></strong> <br />
Style: <strong>Electronic</strong>
</p>
<script type="text/javascript">
var invaderstimestamp = 168;
var invadershours = Math.floor(invaderstimestamp / 60 / 60);
var invadersminutes = Math.floor(invaderstimestamp / 60) - (invadershours * 60);
var invadersseconds = invaderstimestamp % 60;
var invadersformatted = invadershours.toString().padStart(2, '0') + ':' + invadersminutes.toString().padStart(2, '0') + ':' + invadersseconds.toString().padStart(2, '0');
var theSpan = document.getElementById("invaders");
theSpan.innerHTML = invadersformatted;
</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/lite-off/2-invaders.jpeg" alt="2 Invaders 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/lite-off/1-no-disco-day/" alt="Read No Disco Day" title="Read No Disco Day"><i class="fas fa-arrow-left"></i></a> <a
href="../../../albums/lite-off/1-no-disco-day/">&nbsp;No Disco Day</a>
</h4>
</div>
<div class="post-nav-next">
<h4><a href="../../../albums/lite-off/3-nattsudd/">&nbsp;Nattsudd</a> <a
href="../../../albums/lite-off/3-nattsudd/" alt="Read Nattsudd" title="Read Nattsudd"><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="Invaders">
<source src="https://media.basspistol.com/panix/lite-off/2-invaders.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>&copy;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("../../../lite-off/3-nattsudd/"); 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>
&nbsp;&nbsp;&nbsp;<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>

View 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 Nattsudd by Panixon | pax:nion</title>
<meta name="title" content="Play &quot;Nattsudd&quot; by Panixon" />
<meta name="description" content="A track by Panixon named &quot;Nattsudd&quot; 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/lite-off/3-nattsudd/" />
<link rel="alternate" hreflang="x-default" href="https://paxnion.basspistol.com/albums/lite-off/3-nattsudd/" />
<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 &copy;2020 pax:nion." />
<meta name="dcterms.Subject" content="A track by Panixon named &quot;Nattsudd&quot; published on pax:nion" />
<meta name="dcterms.Title" content="Play &quot;Nattsudd&quot; by Panixon" />
<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 Panixon from the release &quot;Lite Off&quot; and support your remote artist!" />
<!-- Facebook -->
<meta property="og:title" content="Nattsudd" />
<meta property="og:locale" content="en" />
<meta property="og:description" content="Listen and to a track by Panixon from the release &quot;Lite Off&quot; and support your remote artist!" />
<meta property="og:url" content="https://paxnion.basspistol.com/albums/lite-off/3-nattsudd/" />
<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/lite-off/3-nattsudd.mp3" />
<meta property="article:published_time" content="2020-07-23T12:00:29+00:00" />
<meta property="og:image" content="https://media.basspistol.com/panix/lite-off/3-nattsudd.jpeg" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Nattsudd | pax:nion" />
<meta name="twitter:description" content="Listen and to a track by Panixon from the release &quot;Lite Off&quot; and support your remote artist!" />
<meta name="twitter:image" content="https://media.basspistol.com/panix/lite-off/3-nattsudd.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/lite-off/3-nattsudd.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">Nattsudd</h1>
<p><strong><span id="tracktime"></span></strong><span id="nattsudd"></span></strong> <br />
Style: <strong>Electronic</strong>
</p>
<script type="text/javascript">
var nattsuddtimestamp = 101;
var nattsuddhours = Math.floor(nattsuddtimestamp / 60 / 60);
var nattsuddminutes = Math.floor(nattsuddtimestamp / 60) - (nattsuddhours * 60);
var nattsuddseconds = nattsuddtimestamp % 60;
var nattsuddformatted = nattsuddhours.toString().padStart(2, '0') + ':' + nattsuddminutes.toString().padStart(2, '0') + ':' + nattsuddseconds.toString().padStart(2, '0');
var theSpan = document.getElementById("nattsudd");
theSpan.innerHTML = nattsuddformatted;
</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/lite-off/3-nattsudd.jpeg" alt="3 Nattsudd 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/lite-off/2-invaders/" alt="Read Invaders" title="Read Invaders"><i class="fas fa-arrow-left"></i></a> <a
href="../../../albums/lite-off/2-invaders/">&nbsp;Invaders</a>
</h4>
</div>
<div class="post-nav-next">
<h4><a href="../../../albums/lite-off/1-no-disco-day/">&nbsp;No Disco Day</a> <a
href="../../../albums/lite-off/1-no-disco-day/" alt="Read No Disco Day" title="Read No Disco Day"><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="Nattsudd">
<source src="https://media.basspistol.com/panix/lite-off/3-nattsudd.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>&copy;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("../../../lite-off/1-no-disco-day/"); 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>
&nbsp;&nbsp;&nbsp;<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>

634
albums/lite-off/index.html Normal file
View file

@ -0,0 +1,634 @@
<!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 &quot;Lite Off&quot; by Panixon, Panixonik | pax:nion</title>
<meta name="title" content="Play &quot;Lite Off&quot; by Panixon, Panixonik" />
<meta name="description" content="A release by Panixon, Panixonik named &quot;Lite Off&quot; 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/lite-off/" />
<link rel="alternate" hreflang="x-default" href="https://paxnion.basspistol.com/albums/lite-off/" />
<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 &copy;2020 pax:nion." />
<meta name="dcterms.Subject" content="A release by Panixon, Panixonik named &quot;Lite Off&quot; published on pax:nion" />
<meta name="dcterms.Title" content="Play &quot;Lite Off&quot; by Panixon, Panixonik" />
<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 Panixon, Panixonik named &quot;Lite Off&quot; and support your remote artist!" />
<!-- Facebook -->
<meta property="og:title" content="Lite Off by Panixon, Panixonik" />
<meta property="og:locale" content="en" />
<meta property="og:description" content="Listen and to a release by Panixon, Panixonik named &quot;Lite Off&quot; and support your remote artist!" />
<meta property="og:url" content="https://paxnion.basspistol.com/albums/lite-off/" />
<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/lite-off/1-no-disco-day.mp3" />
<meta property="og:audio" content="https://media.basspistol.com/panix/lite-off/2-invaders.mp3" />
<meta property="og:audio" content="https://media.basspistol.com/panix/lite-off/3-nattsudd.mp3" />
<meta property="article:published_time" content="2020-07-23T12:00:31+00:00" />
<meta property="og:image" content="https://media.basspistol.com/panix/lite-off/1-no-disco-day.jpeg" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Lite Off | pax:nion" />
<meta name="twitter:description" content="Listen and to a release by Panixon, Panixonik named &quot;Lite Off&quot; and support your remote artist!" />
<meta name="twitter:image" content="https://media.basspistol.com/panix/lite-off/1-no-disco-day.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">Lite Off</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/lite-off/1-no-disco-day.jpeg" alt="Lite Off" />
</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/lite-off/&amp;quote=Lite Off%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/lite-off/&amp;text=Lite Off%20by%20pax:nion%20&amp;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/lite-off/&amp;text=Lite Off%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/lite-off/&amp;title=Lite Off%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">No Disco Day</div>
<div class="plLength">1:08</div>
</div>
</li>
<li>
<div class="plItem">
<div class="plNum">2.</div>
<div class="plTitle">Invaders</div>
<div class="plLength">2:48</div>
</div>
</li>
<li>
<div class="plItem">
<div class="plNum">3.</div>
<div class="plTitle">Nattsudd</div>
<div class="plLength">1:41</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/lite-off/1-no-disco-day.mp3">No Disco Day </a></div>
<div class="plLength">1:8</div>
</div>
<div class="plItem">
<div class="plNum">2.</div>
<div class="plTitle"><a href="https://media.basspistol.com/panix/lite-off/2-invaders.mp3">Invaders </a></div>
<div class="plLength">2:48</div>
</div>
<div class="plItem">
<div class="plNum">3.</div>
<div class="plTitle"><a href="https://media.basspistol.com/panix/lite-off/3-nattsudd.mp3">Nattsudd </a></div>
<div class="plLength">1:41</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-left content-align-right image-position-center onscroll-image-fade-in" style="box-shadow: none;" >
<div class="content">
<h3>No Disco Day</h3>
<p>
1:8
<br /><strong>Electronic</strong>
<br />2010</p>
<ul class="actions stacked">
<li><a href="../../albums/lite-off/1-no-disco-day/" class="button">Track</a></li>
</ul>
</div>
<div class="image">
<img src="https://media.basspistol.com/panix/lite-off/1-no-disco-day.jpeg" alt="No Disco Day" />
</div>
</section>
<section class="spotlight style4 orient-right content-align-left image-position-center onscroll-image-fade-in" >
<div class="content">
<h3>Invaders</h3>
<p>
2:48
<br /><strong>Electronic</strong>
<br />2010</p>
<ul class="actions stacked">
<li><a href="../../albums/lite-off/2-invaders/" class="button">Track</a></li>
</ul>
</div>
<div class="image">
<img src="https://media.basspistol.com/panix/lite-off/2-invaders.jpeg" alt="Invaders" />
</div>
</section>
<section class="spotlight style4 orient-left content-align-right image-position-center onscroll-image-fade-in" >
<div class="content">
<h3>Nattsudd</h3>
<p>
1:41
<br /><strong>Electronic</strong>
<br />2010</p>
<ul class="actions stacked">
<li><a href="../../albums/lite-off/3-nattsudd/" class="button">Track</a></li>
</ul>
</div>
<div class="image">
<img src="https://media.basspistol.com/panix/lite-off/3-nattsudd.jpeg" alt="Nattsudd" />
</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/end2010-start2011/" alt="Read End2010 Start2011" title="Read End2010 Start2011"><i class="fas fa-arrow-left"></i></a> <a href="/albums/end2010-start2011/">&nbsp;End2010 Start2011</a></h4>
<p style="margin-right: 20px"></p>
</div>
<div class="post-nav-next">
<h4><a href="/albums/mal-vidare/">&nbsp;Mal Vidare</a> <a href="/albums/mal-vidare/" alt="Read Mal Vidare" title="Read Mal Vidare"><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="../../">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>&copy;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>
&nbsp;&nbsp;&nbsp;<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": "No Disco Day",
"length": "1:8",
"file": "https://media.basspistol.com/panix/lite-off/1-no-disco-day"
},{
"track": 2,
"name": "Invaders",
"length": "2:48",
"file": "https://media.basspistol.com/panix/lite-off/2-invaders"
},{
"track": 3,
"name": "Nattsudd",
"length": "1:41",
"file": "https://media.basspistol.com/panix/lite-off/3-nattsudd"
}],
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>

View 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 Reflux Column by Panixonik | pax:nion</title>
<meta name="title" content="Play &quot;Reflux Column&quot; by Panixonik" />
<meta name="description" content="A track by Panixonik named &quot;Reflux Column&quot; 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/mal-vidare/1-reflux-column/" />
<link rel="alternate" hreflang="x-default" href="https://paxnion.basspistol.com/albums/mal-vidare/1-reflux-column/" />
<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 &copy;2020 pax:nion." />
<meta name="dcterms.Subject" content="A track by Panixonik named &quot;Reflux Column&quot; published on pax:nion" />
<meta name="dcterms.Title" content="Play &quot;Reflux Column&quot; by Panixonik" />
<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 Panixonik from the release &quot;Mal Vidare&quot; and support your remote artist!" />
<!-- Facebook -->
<meta property="og:title" content="Reflux Column" />
<meta property="og:locale" content="en" />
<meta property="og:description" content="Listen and to a track by Panixonik from the release &quot;Mal Vidare&quot; and support your remote artist!" />
<meta property="og:url" content="https://paxnion.basspistol.com/albums/mal-vidare/1-reflux-column/" />
<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/mal-vidare/1-reflux-column.mp3" />
<meta property="article:published_time" content="2020-07-23T12:00:29+00:00" />
<meta property="og:image" content="https://media.basspistol.com/panix/mal-vidare/1-reflux-column.jpeg" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Reflux Column | pax:nion" />
<meta name="twitter:description" content="Listen and to a track by Panixonik from the release &quot;Mal Vidare&quot; and support your remote artist!" />
<meta name="twitter:image" content="https://media.basspistol.com/panix/mal-vidare/1-reflux-column.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/mal-vidare/1-reflux-column.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">Reflux Column</h1>
<p><strong><span id="tracktime"></span></strong><span id="refluxcolumn"></span></strong> <br />
Style: <strong>Electronic</strong>
</p>
<script type="text/javascript">
var refluxcolumntimestamp = 152;
var refluxcolumnhours = Math.floor(refluxcolumntimestamp / 60 / 60);
var refluxcolumnminutes = Math.floor(refluxcolumntimestamp / 60) - (refluxcolumnhours * 60);
var refluxcolumnseconds = refluxcolumntimestamp % 60;
var refluxcolumnformatted = refluxcolumnhours.toString().padStart(2, '0') + ':' + refluxcolumnminutes.toString().padStart(2, '0') + ':' + refluxcolumnseconds.toString().padStart(2, '0');
var theSpan = document.getElementById("refluxcolumn");
theSpan.innerHTML = refluxcolumnformatted;
</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/mal-vidare/1-reflux-column.jpeg" alt="1 Reflux Column 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/mal-vidare/3-water-retention/" alt="Read Water Retention" title="Read Water Retention"><i class="fas fa-arrow-left"></i></a> <a
href="../../../albums/mal-vidare/3-water-retention/">&nbsp;Water Retention</a>
</h4>
</div>
<div class="post-nav-next">
<h4><a href="../../../albums/mal-vidare/2-kafferegression/">&nbsp;Kafferegression</a> <a
href="../../../albums/mal-vidare/2-kafferegression/" alt="Read Kafferegression" title="Read Kafferegression"><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="Reflux Column">
<source src="https://media.basspistol.com/panix/mal-vidare/1-reflux-column.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>&copy;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("../../../mal-vidare/2-kafferegression/"); 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>
&nbsp;&nbsp;&nbsp;<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>

View 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 Kafferegression by Panixonik | pax:nion</title>
<meta name="title" content="Play &quot;Kafferegression&quot; by Panixonik" />
<meta name="description" content="A track by Panixonik named &quot;Kafferegression&quot; 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/mal-vidare/2-kafferegression/" />
<link rel="alternate" hreflang="x-default" href="https://paxnion.basspistol.com/albums/mal-vidare/2-kafferegression/" />
<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 &copy;2020 pax:nion." />
<meta name="dcterms.Subject" content="A track by Panixonik named &quot;Kafferegression&quot; published on pax:nion" />
<meta name="dcterms.Title" content="Play &quot;Kafferegression&quot; by Panixonik" />
<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 Panixonik from the release &quot;Mal Vidare&quot; and support your remote artist!" />
<!-- Facebook -->
<meta property="og:title" content="Kafferegression" />
<meta property="og:locale" content="en" />
<meta property="og:description" content="Listen and to a track by Panixonik from the release &quot;Mal Vidare&quot; and support your remote artist!" />
<meta property="og:url" content="https://paxnion.basspistol.com/albums/mal-vidare/2-kafferegression/" />
<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/mal-vidare/2-kafferegression.mp3" />
<meta property="article:published_time" content="2020-07-23T12:00:29+00:00" />
<meta property="og:image" content="https://media.basspistol.com/panix/mal-vidare/2-kafferegression.jpeg" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Kafferegression | pax:nion" />
<meta name="twitter:description" content="Listen and to a track by Panixonik from the release &quot;Mal Vidare&quot; and support your remote artist!" />
<meta name="twitter:image" content="https://media.basspistol.com/panix/mal-vidare/2-kafferegression.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/mal-vidare/2-kafferegression.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">Kafferegression</h1>
<p><strong><span id="tracktime"></span></strong><span id="kafferegression"></span></strong> <br />
Style: <strong>Electronic</strong>
</p>
<script type="text/javascript">
var kafferegressiontimestamp = 93;
var kafferegressionhours = Math.floor(kafferegressiontimestamp / 60 / 60);
var kafferegressionminutes = Math.floor(kafferegressiontimestamp / 60) - (kafferegressionhours * 60);
var kafferegressionseconds = kafferegressiontimestamp % 60;
var kafferegressionformatted = kafferegressionhours.toString().padStart(2, '0') + ':' + kafferegressionminutes.toString().padStart(2, '0') + ':' + kafferegressionseconds.toString().padStart(2, '0');
var theSpan = document.getElementById("kafferegression");
theSpan.innerHTML = kafferegressionformatted;
</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/mal-vidare/2-kafferegression.jpeg" alt="2 Kafferegression 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/mal-vidare/1-reflux-column/" alt="Read Reflux Column" title="Read Reflux Column"><i class="fas fa-arrow-left"></i></a> <a
href="../../../albums/mal-vidare/1-reflux-column/">&nbsp;Reflux Column</a>
</h4>
</div>
<div class="post-nav-next">
<h4><a href="../../../albums/mal-vidare/3-water-retention/">&nbsp;Water Retention</a> <a
href="../../../albums/mal-vidare/3-water-retention/" alt="Read Water Retention" title="Read Water Retention"><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="Kafferegression">
<source src="https://media.basspistol.com/panix/mal-vidare/2-kafferegression.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>&copy;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("../../../mal-vidare/3-water-retention/"); 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>
&nbsp;&nbsp;&nbsp;<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>

View 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 Water Retention by Panixonik | pax:nion</title>
<meta name="title" content="Play &quot;Water Retention&quot; by Panixonik" />
<meta name="description" content="A track by Panixonik named &quot;Water Retention&quot; 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/mal-vidare/3-water-retention/" />
<link rel="alternate" hreflang="x-default" href="https://paxnion.basspistol.com/albums/mal-vidare/3-water-retention/" />
<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 &copy;2020 pax:nion." />
<meta name="dcterms.Subject" content="A track by Panixonik named &quot;Water Retention&quot; published on pax:nion" />
<meta name="dcterms.Title" content="Play &quot;Water Retention&quot; by Panixonik" />
<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 Panixonik from the release &quot;Mal Vidare&quot; and support your remote artist!" />
<!-- Facebook -->
<meta property="og:title" content="Water Retention" />
<meta property="og:locale" content="en" />
<meta property="og:description" content="Listen and to a track by Panixonik from the release &quot;Mal Vidare&quot; and support your remote artist!" />
<meta property="og:url" content="https://paxnion.basspistol.com/albums/mal-vidare/3-water-retention/" />
<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/mal-vidare/3-water-retention.mp3" />
<meta property="article:published_time" content="2020-07-23T12:00:29+00:00" />
<meta property="og:image" content="https://media.basspistol.com/panix/mal-vidare/3-water-retention.jpeg" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Water Retention | pax:nion" />
<meta name="twitter:description" content="Listen and to a track by Panixonik from the release &quot;Mal Vidare&quot; and support your remote artist!" />
<meta name="twitter:image" content="https://media.basspistol.com/panix/mal-vidare/3-water-retention.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/mal-vidare/3-water-retention.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">Water Retention</h1>
<p><strong><span id="tracktime"></span></strong><span id="waterretention"></span></strong> <br />
Style: <strong>Electronic</strong>
</p>
<script type="text/javascript">
var waterretentiontimestamp = 107;
var waterretentionhours = Math.floor(waterretentiontimestamp / 60 / 60);
var waterretentionminutes = Math.floor(waterretentiontimestamp / 60) - (waterretentionhours * 60);
var waterretentionseconds = waterretentiontimestamp % 60;
var waterretentionformatted = waterretentionhours.toString().padStart(2, '0') + ':' + waterretentionminutes.toString().padStart(2, '0') + ':' + waterretentionseconds.toString().padStart(2, '0');
var theSpan = document.getElementById("waterretention");
theSpan.innerHTML = waterretentionformatted;
</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/mal-vidare/3-water-retention.jpeg" alt="3 Water Retention 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/mal-vidare/2-kafferegression/" alt="Read Kafferegression" title="Read Kafferegression"><i class="fas fa-arrow-left"></i></a> <a
href="../../../albums/mal-vidare/2-kafferegression/">&nbsp;Kafferegression</a>
</h4>
</div>
<div class="post-nav-next">
<h4><a href="../../../albums/mal-vidare/1-reflux-column/">&nbsp;Reflux Column</a> <a
href="../../../albums/mal-vidare/1-reflux-column/" alt="Read Reflux Column" title="Read Reflux Column"><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="Water Retention">
<source src="https://media.basspistol.com/panix/mal-vidare/3-water-retention.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>&copy;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("../../../mal-vidare/1-reflux-column/"); 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>
&nbsp;&nbsp;&nbsp;<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>

View file

@ -0,0 +1,634 @@
<!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 &quot;Mal Vidare&quot; by Panixonik | pax:nion</title>
<meta name="title" content="Play &quot;Mal Vidare&quot; by Panixonik" />
<meta name="description" content="A release by Panixonik named &quot;Mal Vidare&quot; 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/mal-vidare/" />
<link rel="alternate" hreflang="x-default" href="https://paxnion.basspistol.com/albums/mal-vidare/" />
<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 &copy;2020 pax:nion." />
<meta name="dcterms.Subject" content="A release by Panixonik named &quot;Mal Vidare&quot; published on pax:nion" />
<meta name="dcterms.Title" content="Play &quot;Mal Vidare&quot; by Panixonik" />
<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 Panixonik named &quot;Mal Vidare&quot; and support your remote artist!" />
<!-- Facebook -->
<meta property="og:title" content="Mal Vidare by Panixonik" />
<meta property="og:locale" content="en" />
<meta property="og:description" content="Listen and to a release by Panixonik named &quot;Mal Vidare&quot; and support your remote artist!" />
<meta property="og:url" content="https://paxnion.basspistol.com/albums/mal-vidare/" />
<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/mal-vidare/1-reflux-column.mp3" />
<meta property="og:audio" content="https://media.basspistol.com/panix/mal-vidare/2-kafferegression.mp3" />
<meta property="og:audio" content="https://media.basspistol.com/panix/mal-vidare/3-water-retention.mp3" />
<meta property="article:published_time" content="2020-07-23T12:00:31+00:00" />
<meta property="og:image" content="https://media.basspistol.com/panix/mal-vidare/1-reflux-column.jpeg" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Mal Vidare | pax:nion" />
<meta name="twitter:description" content="Listen and to a release by Panixonik named &quot;Mal Vidare&quot; and support your remote artist!" />
<meta name="twitter:image" content="https://media.basspistol.com/panix/mal-vidare/1-reflux-column.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">Mal Vidare</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/mal-vidare/1-reflux-column.jpeg" alt="Mal Vidare" />
</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/mal-vidare/&amp;quote=Mal Vidare%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/mal-vidare/&amp;text=Mal Vidare%20by%20pax:nion%20&amp;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/mal-vidare/&amp;text=Mal Vidare%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/mal-vidare/&amp;title=Mal Vidare%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">Reflux Column</div>
<div class="plLength">2:32</div>
</div>
</li>
<li>
<div class="plItem">
<div class="plNum">2.</div>
<div class="plTitle">Kafferegression</div>
<div class="plLength">1:33</div>
</div>
</li>
<li>
<div class="plItem">
<div class="plNum">3.</div>
<div class="plTitle">Water Retention</div>
<div class="plLength">1:47</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/mal-vidare/1-reflux-column.mp3">Reflux Column </a></div>
<div class="plLength">2:32</div>
</div>
<div class="plItem">
<div class="plNum">2.</div>
<div class="plTitle"><a href="https://media.basspistol.com/panix/mal-vidare/2-kafferegression.mp3">Kafferegression </a></div>
<div class="plLength">1:33</div>
</div>
<div class="plItem">
<div class="plNum">3.</div>
<div class="plTitle"><a href="https://media.basspistol.com/panix/mal-vidare/3-water-retention.mp3">Water Retention </a></div>
<div class="plLength">1:47</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>Reflux Column</h3>
<p>
2:32
<br /><strong>Electronic</strong>
<br />2010</p>
<ul class="actions stacked">
<li><a href="../../albums/mal-vidare/1-reflux-column/" class="button">Track</a></li>
</ul>
</div>
<div class="image">
<img src="https://media.basspistol.com/panix/mal-vidare/1-reflux-column.jpeg" alt="Reflux Column" />
</div>
</section>
<section class="spotlight style4 orient-left content-align-right image-position-center onscroll-image-fade-in" >
<div class="content">
<h3>Kafferegression</h3>
<p>
1:33
<br /><strong>Electronic</strong>
<br />2010</p>
<ul class="actions stacked">
<li><a href="../../albums/mal-vidare/2-kafferegression/" class="button">Track</a></li>
</ul>
</div>
<div class="image">
<img src="https://media.basspistol.com/panix/mal-vidare/2-kafferegression.jpeg" alt="Kafferegression" />
</div>
</section>
<section class="spotlight style4 orient-right content-align-left image-position-center onscroll-image-fade-in" >
<div class="content">
<h3>Water Retention</h3>
<p>
1:47
<br /><strong>Electronic</strong>
<br />2010</p>
<ul class="actions stacked">
<li><a href="../../albums/mal-vidare/3-water-retention/" class="button">Track</a></li>
</ul>
</div>
<div class="image">
<img src="https://media.basspistol.com/panix/mal-vidare/3-water-retention.jpeg" alt="Water Retention" />
</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/lite-off/" alt="Read Lite Off" title="Read Lite Off"><i class="fas fa-arrow-left"></i></a> <a href="/albums/lite-off/">&nbsp;Lite Off</a></h4>
<p style="margin-right: 20px"></p>
</div>
<div class="post-nav-next">
<h4><a href="/albums/no-progress-ep/">&nbsp;No Progress Ep</a> <a href="/albums/no-progress-ep/" alt="Read No Progress Ep" title="Read No Progress Ep"><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="../../">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>&copy;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>
&nbsp;&nbsp;&nbsp;<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": "Reflux Column",
"length": "2:32",
"file": "https://media.basspistol.com/panix/mal-vidare/1-reflux-column"
},{
"track": 2,
"name": "Kafferegression",
"length": "1:33",
"file": "https://media.basspistol.com/panix/mal-vidare/2-kafferegression"
},{
"track": 3,
"name": "Water Retention",
"length": "1:47",
"file": "https://media.basspistol.com/panix/mal-vidare/3-water-retention"
}],
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>

View 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 Inhale by Panix Hilton | pax:nion</title>
<meta name="title" content="Play &quot;Inhale&quot; by Panix Hilton" />
<meta name="description" content="A track by Panix Hilton named &quot;Inhale&quot; 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/morning-moods/1-inhale/" />
<link rel="alternate" hreflang="x-default" href="https://paxnion.basspistol.com/albums/morning-moods/1-inhale/" />
<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 &copy;2020 pax:nion." />
<meta name="dcterms.Subject" content="A track by Panix Hilton named &quot;Inhale&quot; published on pax:nion" />
<meta name="dcterms.Title" content="Play &quot;Inhale&quot; 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 &quot;Morning Moods&quot; and support your remote artist!" />
<!-- Facebook -->
<meta property="og:title" content="Inhale" />
<meta property="og:locale" content="en" />
<meta property="og:description" content="Listen and to a track by Panix Hilton from the release &quot;Morning Moods&quot; and support your remote artist!" />
<meta property="og:url" content="https://paxnion.basspistol.com/albums/morning-moods/1-inhale/" />
<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/morning-moods/1-inhale.mp3" />
<meta property="article:published_time" content="2020-07-23T12:00:29+00:00" />
<meta property="og:image" content="https://media.basspistol.com/panix/morning-moods/1-inhale.jpeg" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Inhale | pax:nion" />
<meta name="twitter:description" content="Listen and to a track by Panix Hilton from the release &quot;Morning Moods&quot; and support your remote artist!" />
<meta name="twitter:image" content="https://media.basspistol.com/panix/morning-moods/1-inhale.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/morning-moods/1-inhale.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">Inhale</h1>
<p><strong><span id="tracktime"></span></strong><span id="inhale"></span></strong> <br />
Style: <strong>Electronic</strong>
</p>
<script type="text/javascript">
var inhaletimestamp = 88;
var inhalehours = Math.floor(inhaletimestamp / 60 / 60);
var inhaleminutes = Math.floor(inhaletimestamp / 60) - (inhalehours * 60);
var inhaleseconds = inhaletimestamp % 60;
var inhaleformatted = inhalehours.toString().padStart(2, '0') + ':' + inhaleminutes.toString().padStart(2, '0') + ':' + inhaleseconds.toString().padStart(2, '0');
var theSpan = document.getElementById("inhale");
theSpan.innerHTML = inhaleformatted;
</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/morning-moods/1-inhale.jpeg" alt="1 Inhale 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/morning-moods/7-redemption/" alt="Read Redemption" title="Read Redemption"><i class="fas fa-arrow-left"></i></a> <a
href="../../../albums/morning-moods/7-redemption/">&nbsp;Redemption</a>
</h4>
</div>
<div class="post-nav-next">
<h4><a href="../../../albums/morning-moods/2-atom-leaves/">&nbsp;Atom Leaves</a> <a
href="../../../albums/morning-moods/2-atom-leaves/" alt="Read Atom Leaves" title="Read Atom Leaves"><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="Inhale">
<source src="https://media.basspistol.com/panix/morning-moods/1-inhale.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>&copy;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("../../../morning-moods/2-atom-leaves/"); 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>
&nbsp;&nbsp;&nbsp;<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>

View 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 Atom Leaves by Panix Hilton | pax:nion</title>
<meta name="title" content="Play &quot;Atom Leaves&quot; by Panix Hilton" />
<meta name="description" content="A track by Panix Hilton named &quot;Atom Leaves&quot; 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/morning-moods/2-atom-leaves/" />
<link rel="alternate" hreflang="x-default" href="https://paxnion.basspistol.com/albums/morning-moods/2-atom-leaves/" />
<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 &copy;2020 pax:nion." />
<meta name="dcterms.Subject" content="A track by Panix Hilton named &quot;Atom Leaves&quot; published on pax:nion" />
<meta name="dcterms.Title" content="Play &quot;Atom Leaves&quot; 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 &quot;Morning Moods&quot; and support your remote artist!" />
<!-- Facebook -->
<meta property="og:title" content="Atom Leaves" />
<meta property="og:locale" content="en" />
<meta property="og:description" content="Listen and to a track by Panix Hilton from the release &quot;Morning Moods&quot; and support your remote artist!" />
<meta property="og:url" content="https://paxnion.basspistol.com/albums/morning-moods/2-atom-leaves/" />
<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/morning-moods/2-atom-leaves.mp3" />
<meta property="article:published_time" content="2020-07-23T12:00:29+00:00" />
<meta property="og:image" content="https://media.basspistol.com/panix/morning-moods/2-atom-leaves.jpeg" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Atom Leaves | pax:nion" />
<meta name="twitter:description" content="Listen and to a track by Panix Hilton from the release &quot;Morning Moods&quot; and support your remote artist!" />
<meta name="twitter:image" content="https://media.basspistol.com/panix/morning-moods/2-atom-leaves.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/morning-moods/2-atom-leaves.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">Atom Leaves</h1>
<p><strong><span id="tracktime"></span></strong><span id="atomleaves"></span></strong> <br />
Style: <strong>Electronic</strong>
</p>
<script type="text/javascript">
var atomleavestimestamp = 147;
var atomleaveshours = Math.floor(atomleavestimestamp / 60 / 60);
var atomleavesminutes = Math.floor(atomleavestimestamp / 60) - (atomleaveshours * 60);
var atomleavesseconds = atomleavestimestamp % 60;
var atomleavesformatted = atomleaveshours.toString().padStart(2, '0') + ':' + atomleavesminutes.toString().padStart(2, '0') + ':' + atomleavesseconds.toString().padStart(2, '0');
var theSpan = document.getElementById("atomleaves");
theSpan.innerHTML = atomleavesformatted;
</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/morning-moods/2-atom-leaves.jpeg" alt="2 Atom Leaves 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/morning-moods/1-inhale/" alt="Read Inhale" title="Read Inhale"><i class="fas fa-arrow-left"></i></a> <a
href="../../../albums/morning-moods/1-inhale/">&nbsp;Inhale</a>
</h4>
</div>
<div class="post-nav-next">
<h4><a href="../../../albums/morning-moods/3-holy-mother-of-bread/">&nbsp;Holy Mother Of Bread</a> <a
href="../../../albums/morning-moods/3-holy-mother-of-bread/" alt="Read Holy Mother Of Bread" title="Read Holy Mother Of Bread"><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="Atom Leaves">
<source src="https://media.basspistol.com/panix/morning-moods/2-atom-leaves.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>&copy;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("../../../morning-moods/3-holy-mother-of-bread/"); 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>
&nbsp;&nbsp;&nbsp;<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>

View 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 Holy Mother Of Bread by Panix Hilton | pax:nion</title>
<meta name="title" content="Play &quot;Holy Mother Of Bread&quot; by Panix Hilton" />
<meta name="description" content="A track by Panix Hilton named &quot;Holy Mother Of Bread&quot; 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/morning-moods/3-holy-mother-of-bread/" />
<link rel="alternate" hreflang="x-default" href="https://paxnion.basspistol.com/albums/morning-moods/3-holy-mother-of-bread/" />
<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 &copy;2020 pax:nion." />
<meta name="dcterms.Subject" content="A track by Panix Hilton named &quot;Holy Mother Of Bread&quot; published on pax:nion" />
<meta name="dcterms.Title" content="Play &quot;Holy Mother Of Bread&quot; 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 &quot;Morning Moods&quot; and support your remote artist!" />
<!-- Facebook -->
<meta property="og:title" content="Holy Mother Of Bread" />
<meta property="og:locale" content="en" />
<meta property="og:description" content="Listen and to a track by Panix Hilton from the release &quot;Morning Moods&quot; and support your remote artist!" />
<meta property="og:url" content="https://paxnion.basspistol.com/albums/morning-moods/3-holy-mother-of-bread/" />
<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/morning-moods/3-holy-mother-of-bread.mp3" />
<meta property="article:published_time" content="2020-07-23T12:00:29+00:00" />
<meta property="og:image" content="https://media.basspistol.com/panix/morning-moods/3-holy-mother-of-bread.jpeg" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Holy Mother Of Bread | pax:nion" />
<meta name="twitter:description" content="Listen and to a track by Panix Hilton from the release &quot;Morning Moods&quot; and support your remote artist!" />
<meta name="twitter:image" content="https://media.basspistol.com/panix/morning-moods/3-holy-mother-of-bread.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/morning-moods/3-holy-mother-of-bread.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">Holy Mother Of Bread</h1>
<p><strong><span id="tracktime"></span></strong><span id="holymotherofbread"></span></strong> <br />
Style: <strong>Electronic</strong>
</p>
<script type="text/javascript">
var holymotherofbreadtimestamp = 118;
var holymotherofbreadhours = Math.floor(holymotherofbreadtimestamp / 60 / 60);
var holymotherofbreadminutes = Math.floor(holymotherofbreadtimestamp / 60) - (holymotherofbreadhours * 60);
var holymotherofbreadseconds = holymotherofbreadtimestamp % 60;
var holymotherofbreadformatted = holymotherofbreadhours.toString().padStart(2, '0') + ':' + holymotherofbreadminutes.toString().padStart(2, '0') + ':' + holymotherofbreadseconds.toString().padStart(2, '0');
var theSpan = document.getElementById("holymotherofbread");
theSpan.innerHTML = holymotherofbreadformatted;
</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/morning-moods/3-holy-mother-of-bread.jpeg" alt="3 Holy Mother Of Bread 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/morning-moods/2-atom-leaves/" alt="Read Atom Leaves" title="Read Atom Leaves"><i class="fas fa-arrow-left"></i></a> <a
href="../../../albums/morning-moods/2-atom-leaves/">&nbsp;Atom Leaves</a>
</h4>
</div>
<div class="post-nav-next">
<h4><a href="../../../albums/morning-moods/4-humorn-p-topp/">&nbsp;Humorn På Topp</a> <a
href="../../../albums/morning-moods/4-humorn-p-topp/" alt="Read Humorn På Topp" title="Read Humorn På Topp"><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="Holy Mother Of Bread">
<source src="https://media.basspistol.com/panix/morning-moods/3-holy-mother-of-bread.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>&copy;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("../../../morning-moods/4-humorn-p-topp/"); 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>
&nbsp;&nbsp;&nbsp;<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>

View 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 Humorn På Topp by Panix Hilton | pax:nion</title>
<meta name="title" content="Play &quot;Humorn På Topp&quot; by Panix Hilton" />
<meta name="description" content="A track by Panix Hilton named &quot;Humorn På Topp&quot; 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/morning-moods/4-humorn-p-topp/" />
<link rel="alternate" hreflang="x-default" href="https://paxnion.basspistol.com/albums/morning-moods/4-humorn-p-topp/" />
<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 &copy;2020 pax:nion." />
<meta name="dcterms.Subject" content="A track by Panix Hilton named &quot;Humorn På Topp&quot; published on pax:nion" />
<meta name="dcterms.Title" content="Play &quot;Humorn På Topp&quot; 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 &quot;Morning Moods&quot; and support your remote artist!" />
<!-- Facebook -->
<meta property="og:title" content="Humorn På Topp" />
<meta property="og:locale" content="en" />
<meta property="og:description" content="Listen and to a track by Panix Hilton from the release &quot;Morning Moods&quot; and support your remote artist!" />
<meta property="og:url" content="https://paxnion.basspistol.com/albums/morning-moods/4-humorn-p-topp/" />
<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/morning-moods/4-humorn-p-topp.mp3" />
<meta property="article:published_time" content="2020-07-23T12:00:29+00:00" />
<meta property="og:image" content="https://media.basspistol.com/panix/morning-moods/4-humorn-p-topp.jpeg" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Humorn På Topp | pax:nion" />
<meta name="twitter:description" content="Listen and to a track by Panix Hilton from the release &quot;Morning Moods&quot; and support your remote artist!" />
<meta name="twitter:image" content="https://media.basspistol.com/panix/morning-moods/4-humorn-p-topp.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/morning-moods/4-humorn-p-topp.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">Humorn På Topp</h1>
<p><strong><span id="tracktime"></span></strong><span id="humornpåtopp"></span></strong> <br />
Style: <strong>Electronic</strong>
</p>
<script type="text/javascript">
var humornpåtopptimestamp = 112;
var humornpåtopphours = Math.floor(humornpåtopptimestamp / 60 / 60);
var humornpåtoppminutes = Math.floor(humornpåtopptimestamp / 60) - (humornpåtopphours * 60);
var humornpåtoppseconds = humornpåtopptimestamp % 60;
var humornpåtoppformatted = humornpåtopphours.toString().padStart(2, '0') + ':' + humornpåtoppminutes.toString().padStart(2, '0') + ':' + humornpåtoppseconds.toString().padStart(2, '0');
var theSpan = document.getElementById("humornpåtopp");
theSpan.innerHTML = humornpåtoppformatted;
</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/morning-moods/4-humorn-p-topp.jpeg" alt="4 Humorn P Topp 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/morning-moods/3-holy-mother-of-bread/" alt="Read Holy Mother Of Bread" title="Read Holy Mother Of Bread"><i class="fas fa-arrow-left"></i></a> <a
href="../../../albums/morning-moods/3-holy-mother-of-bread/">&nbsp;Holy Mother Of Bread</a>
</h4>
</div>
<div class="post-nav-next">
<h4><a href="../../../albums/morning-moods/5-roller/">&nbsp;Roller</a> <a
href="../../../albums/morning-moods/5-roller/" alt="Read Roller" title="Read Roller"><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="Humorn På Topp">
<source src="https://media.basspistol.com/panix/morning-moods/4-humorn-p-topp.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>&copy;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("../../../morning-moods/5-roller/"); 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>
&nbsp;&nbsp;&nbsp;<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>

View 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 Roller by Panix Hilton | pax:nion</title>
<meta name="title" content="Play &quot;Roller&quot; by Panix Hilton" />
<meta name="description" content="A track by Panix Hilton named &quot;Roller&quot; 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/morning-moods/5-roller/" />
<link rel="alternate" hreflang="x-default" href="https://paxnion.basspistol.com/albums/morning-moods/5-roller/" />
<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 &copy;2020 pax:nion." />
<meta name="dcterms.Subject" content="A track by Panix Hilton named &quot;Roller&quot; published on pax:nion" />
<meta name="dcterms.Title" content="Play &quot;Roller&quot; 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 &quot;Morning Moods&quot; and support your remote artist!" />
<!-- Facebook -->
<meta property="og:title" content="Roller" />
<meta property="og:locale" content="en" />
<meta property="og:description" content="Listen and to a track by Panix Hilton from the release &quot;Morning Moods&quot; and support your remote artist!" />
<meta property="og:url" content="https://paxnion.basspistol.com/albums/morning-moods/5-roller/" />
<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/morning-moods/5-roller.mp3" />
<meta property="article:published_time" content="2020-07-23T12:00:29+00:00" />
<meta property="og:image" content="https://media.basspistol.com/panix/morning-moods/5-roller.jpeg" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Roller | pax:nion" />
<meta name="twitter:description" content="Listen and to a track by Panix Hilton from the release &quot;Morning Moods&quot; and support your remote artist!" />
<meta name="twitter:image" content="https://media.basspistol.com/panix/morning-moods/5-roller.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/morning-moods/5-roller.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">Roller</h1>
<p><strong><span id="tracktime"></span></strong><span id="roller"></span></strong> <br />
Style: <strong>Electronic</strong>
</p>
<script type="text/javascript">
var rollertimestamp = 95;
var rollerhours = Math.floor(rollertimestamp / 60 / 60);
var rollerminutes = Math.floor(rollertimestamp / 60) - (rollerhours * 60);
var rollerseconds = rollertimestamp % 60;
var rollerformatted = rollerhours.toString().padStart(2, '0') + ':' + rollerminutes.toString().padStart(2, '0') + ':' + rollerseconds.toString().padStart(2, '0');
var theSpan = document.getElementById("roller");
theSpan.innerHTML = rollerformatted;
</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/morning-moods/5-roller.jpeg" alt="5 Roller 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/morning-moods/4-humorn-p-topp/" alt="Read Humorn På Topp" title="Read Humorn På Topp"><i class="fas fa-arrow-left"></i></a> <a
href="../../../albums/morning-moods/4-humorn-p-topp/">&nbsp;Humorn På Topp</a>
</h4>
</div>
<div class="post-nav-next">
<h4><a href="../../../albums/morning-moods/6-nejuschfy/">&nbsp;Nejuschfy</a> <a
href="../../../albums/morning-moods/6-nejuschfy/" alt="Read Nejuschfy" title="Read Nejuschfy"><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="Roller">
<source src="https://media.basspistol.com/panix/morning-moods/5-roller.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>&copy;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("../../../morning-moods/6-nejuschfy/"); 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>
&nbsp;&nbsp;&nbsp;<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>

View 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 Nejuschfy by Panix Hilton | pax:nion</title>
<meta name="title" content="Play &quot;Nejuschfy&quot; by Panix Hilton" />
<meta name="description" content="A track by Panix Hilton named &quot;Nejuschfy&quot; 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/morning-moods/6-nejuschfy/" />
<link rel="alternate" hreflang="x-default" href="https://paxnion.basspistol.com/albums/morning-moods/6-nejuschfy/" />
<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 &copy;2020 pax:nion." />
<meta name="dcterms.Subject" content="A track by Panix Hilton named &quot;Nejuschfy&quot; published on pax:nion" />
<meta name="dcterms.Title" content="Play &quot;Nejuschfy&quot; 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 &quot;Morning Moods&quot; and support your remote artist!" />
<!-- Facebook -->
<meta property="og:title" content="Nejuschfy" />
<meta property="og:locale" content="en" />
<meta property="og:description" content="Listen and to a track by Panix Hilton from the release &quot;Morning Moods&quot; and support your remote artist!" />
<meta property="og:url" content="https://paxnion.basspistol.com/albums/morning-moods/6-nejuschfy/" />
<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/morning-moods/6-nejuschfy.mp3" />
<meta property="article:published_time" content="2020-07-23T12:00:29+00:00" />
<meta property="og:image" content="https://media.basspistol.com/panix/morning-moods/6-nejuschfy.jpeg" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Nejuschfy | pax:nion" />
<meta name="twitter:description" content="Listen and to a track by Panix Hilton from the release &quot;Morning Moods&quot; and support your remote artist!" />
<meta name="twitter:image" content="https://media.basspistol.com/panix/morning-moods/6-nejuschfy.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/morning-moods/6-nejuschfy.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">Nejuschfy</h1>
<p><strong><span id="tracktime"></span></strong><span id="nejuschfy"></span></strong> <br />
Style: <strong>Electronic</strong>
</p>
<script type="text/javascript">
var nejuschfytimestamp = 190;
var nejuschfyhours = Math.floor(nejuschfytimestamp / 60 / 60);
var nejuschfyminutes = Math.floor(nejuschfytimestamp / 60) - (nejuschfyhours * 60);
var nejuschfyseconds = nejuschfytimestamp % 60;
var nejuschfyformatted = nejuschfyhours.toString().padStart(2, '0') + ':' + nejuschfyminutes.toString().padStart(2, '0') + ':' + nejuschfyseconds.toString().padStart(2, '0');
var theSpan = document.getElementById("nejuschfy");
theSpan.innerHTML = nejuschfyformatted;
</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/morning-moods/6-nejuschfy.jpeg" alt="6 Nejuschfy 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/morning-moods/5-roller/" alt="Read Roller" title="Read Roller"><i class="fas fa-arrow-left"></i></a> <a
href="../../../albums/morning-moods/5-roller/">&nbsp;Roller</a>
</h4>
</div>
<div class="post-nav-next">
<h4><a href="../../../albums/morning-moods/7-redemption/">&nbsp;Redemption</a> <a
href="../../../albums/morning-moods/7-redemption/" alt="Read Redemption" title="Read Redemption"><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="Nejuschfy">
<source src="https://media.basspistol.com/panix/morning-moods/6-nejuschfy.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>&copy;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("../../../morning-moods/7-redemption/"); 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>
&nbsp;&nbsp;&nbsp;<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>

View 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 Redemption by Panix Hilton | pax:nion</title>
<meta name="title" content="Play &quot;Redemption&quot; by Panix Hilton" />
<meta name="description" content="A track by Panix Hilton named &quot;Redemption&quot; 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/morning-moods/7-redemption/" />
<link rel="alternate" hreflang="x-default" href="https://paxnion.basspistol.com/albums/morning-moods/7-redemption/" />
<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 &copy;2020 pax:nion." />
<meta name="dcterms.Subject" content="A track by Panix Hilton named &quot;Redemption&quot; published on pax:nion" />
<meta name="dcterms.Title" content="Play &quot;Redemption&quot; 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 &quot;Morning Moods&quot; and support your remote artist!" />
<!-- Facebook -->
<meta property="og:title" content="Redemption" />
<meta property="og:locale" content="en" />
<meta property="og:description" content="Listen and to a track by Panix Hilton from the release &quot;Morning Moods&quot; and support your remote artist!" />
<meta property="og:url" content="https://paxnion.basspistol.com/albums/morning-moods/7-redemption/" />
<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/morning-moods/7-redemption.mp3" />
<meta property="article:published_time" content="2020-07-23T12:00:29+00:00" />
<meta property="og:image" content="https://media.basspistol.com/panix/morning-moods/7-redemption.jpeg" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Redemption | pax:nion" />
<meta name="twitter:description" content="Listen and to a track by Panix Hilton from the release &quot;Morning Moods&quot; and support your remote artist!" />
<meta name="twitter:image" content="https://media.basspistol.com/panix/morning-moods/7-redemption.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/morning-moods/7-redemption.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">Redemption</h1>
<p><strong><span id="tracktime"></span></strong><span id="redemption"></span></strong> <br />
Style: <strong>Electronic</strong>
</p>
<script type="text/javascript">
var redemptiontimestamp = 129;
var redemptionhours = Math.floor(redemptiontimestamp / 60 / 60);
var redemptionminutes = Math.floor(redemptiontimestamp / 60) - (redemptionhours * 60);
var redemptionseconds = redemptiontimestamp % 60;
var redemptionformatted = redemptionhours.toString().padStart(2, '0') + ':' + redemptionminutes.toString().padStart(2, '0') + ':' + redemptionseconds.toString().padStart(2, '0');
var theSpan = document.getElementById("redemption");
theSpan.innerHTML = redemptionformatted;
</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/morning-moods/7-redemption.jpeg" alt="7 Redemption 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/morning-moods/6-nejuschfy/" alt="Read Nejuschfy" title="Read Nejuschfy"><i class="fas fa-arrow-left"></i></a> <a
href="../../../albums/morning-moods/6-nejuschfy/">&nbsp;Nejuschfy</a>
</h4>
</div>
<div class="post-nav-next">
<h4><a href="../../../albums/morning-moods/1-inhale/">&nbsp;Inhale</a> <a
href="../../../albums/morning-moods/1-inhale/" alt="Read Inhale" title="Read Inhale"><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="Redemption">
<source src="https://media.basspistol.com/panix/morning-moods/7-redemption.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>&copy;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("../../../morning-moods/1-inhale/"); 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>
&nbsp;&nbsp;&nbsp;<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>

View file

@ -0,0 +1,798 @@
<!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 &quot;Morning Moods&quot; by Panix Hilton | pax:nion</title>
<meta name="title" content="Play &quot;Morning Moods&quot; by Panix Hilton" />
<meta name="description" content="A release by Panix Hilton named &quot;Morning Moods&quot; 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/morning-moods/" />
<link rel="alternate" hreflang="x-default" href="https://paxnion.basspistol.com/albums/morning-moods/" />
<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 &copy;2020 pax:nion." />
<meta name="dcterms.Subject" content="A release by Panix Hilton named &quot;Morning Moods&quot; published on pax:nion" />
<meta name="dcterms.Title" content="Play &quot;Morning Moods&quot; 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 &quot;Morning Moods&quot; and support your remote artist!" />
<!-- Facebook -->
<meta property="og:title" content="Morning Moods by Panix Hilton" />
<meta property="og:locale" content="en" />
<meta property="og:description" content="Listen and to a release by Panix Hilton named &quot;Morning Moods&quot; and support your remote artist!" />
<meta property="og:url" content="https://paxnion.basspistol.com/albums/morning-moods/" />
<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/morning-moods/1-inhale.mp3" />
<meta property="og:audio" content="https://media.basspistol.com/panix/morning-moods/2-atom-leaves.mp3" />
<meta property="og:audio" content="https://media.basspistol.com/panix/morning-moods/3-holy-mother-of-bread.mp3" />
<meta property="og:audio" content="https://media.basspistol.com/panix/morning-moods/4-humorn-p-topp.mp3" />
<meta property="og:audio" content="https://media.basspistol.com/panix/morning-moods/5-roller.mp3" />
<meta property="og:audio" content="https://media.basspistol.com/panix/morning-moods/6-nejuschfy.mp3" />
<meta property="og:audio" content="https://media.basspistol.com/panix/morning-moods/7-redemption.mp3" />
<meta property="article:published_time" content="2020-07-23T12:00:31+00:00" />
<meta property="og:image" content="https://media.basspistol.com/panix/morning-moods/1-inhale.jpeg" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Morning Moods | pax:nion" />
<meta name="twitter:description" content="Listen and to a release by Panix Hilton named &quot;Morning Moods&quot; and support your remote artist!" />
<meta name="twitter:image" content="https://media.basspistol.com/panix/morning-moods/1-inhale.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">Morning Moods</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/morning-moods/1-inhale.jpeg" alt="Morning Moods" />
</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/morning-moods/&amp;quote=Morning Moods%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/morning-moods/&amp;text=Morning Moods%20by%20pax:nion%20&amp;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/morning-moods/&amp;text=Morning Moods%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/morning-moods/&amp;title=Morning Moods%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">Inhale</div>
<div class="plLength">1:28</div>
</div>
</li>
<li>
<div class="plItem">
<div class="plNum">2.</div>
<div class="plTitle">Atom Leaves</div>
<div class="plLength">2:27</div>
</div>
</li>
<li>
<div class="plItem">
<div class="plNum">3.</div>
<div class="plTitle">Holy Mother Of Bread</div>
<div class="plLength">1:58</div>
</div>
</li>
<li>
<div class="plItem">
<div class="plNum">4.</div>
<div class="plTitle">Humorn På Topp</div>
<div class="plLength">1:52</div>
</div>
</li>
<li>
<div class="plItem">
<div class="plNum">5.</div>
<div class="plTitle">Roller</div>
<div class="plLength">1:35</div>
</div>
</li>
<li>
<div class="plItem">
<div class="plNum">6.</div>
<div class="plTitle">Nejuschfy</div>
<div class="plLength">3:10</div>
</div>
</li>
<li>
<div class="plItem">
<div class="plNum">7.</div>
<div class="plTitle">Redemption</div>
<div class="plLength">2:09</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/morning-moods/1-inhale.mp3">Inhale </a></div>
<div class="plLength">1:28</div>
</div>
<div class="plItem">
<div class="plNum">2.</div>
<div class="plTitle"><a href="https://media.basspistol.com/panix/morning-moods/2-atom-leaves.mp3">Atom Leaves </a></div>
<div class="plLength">2:27</div>
</div>
<div class="plItem">
<div class="plNum">3.</div>
<div class="plTitle"><a href="https://media.basspistol.com/panix/morning-moods/3-holy-mother-of-bread.mp3">Holy Mother Of Bread </a></div>
<div class="plLength">1:58</div>
</div>
<div class="plItem">
<div class="plNum">4.</div>
<div class="plTitle"><a href="https://media.basspistol.com/panix/morning-moods/4-humorn-p-topp.mp3">Humorn På Topp </a></div>
<div class="plLength">1:52</div>
</div>
<div class="plItem">
<div class="plNum">5.</div>
<div class="plTitle"><a href="https://media.basspistol.com/panix/morning-moods/5-roller.mp3">Roller </a></div>
<div class="plLength">1:35</div>
</div>
<div class="plItem">
<div class="plNum">6.</div>
<div class="plTitle"><a href="https://media.basspistol.com/panix/morning-moods/6-nejuschfy.mp3">Nejuschfy </a></div>
<div class="plLength">3:10</div>
</div>
<div class="plItem">
<div class="plNum">7.</div>
<div class="plTitle"><a href="https://media.basspistol.com/panix/morning-moods/7-redemption.mp3">Redemption </a></div>
<div class="plLength">2:9</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>Inhale</h3>
<p>
1:28
<br /><strong>Electronic</strong>
<br />2012</p>
<ul class="actions stacked">
<li><a href="../../albums/morning-moods/1-inhale/" class="button">Track</a></li>
</ul>
</div>
<div class="image">
<img src="https://media.basspistol.com/panix/morning-moods/1-inhale.jpeg" alt="Inhale" />
</div>
</section>
<section class="spotlight style4 orient-left content-align-right image-position-center onscroll-image-fade-in" >
<div class="content">
<h3>Atom Leaves</h3>
<p>
2:27
<br /><strong>Electronic</strong>
<br />2012</p>
<ul class="actions stacked">
<li><a href="../../albums/morning-moods/2-atom-leaves/" class="button">Track</a></li>
</ul>
</div>
<div class="image">
<img src="https://media.basspistol.com/panix/morning-moods/2-atom-leaves.jpeg" alt="Atom Leaves" />
</div>
</section>
<section class="spotlight style4 orient-right content-align-left image-position-center onscroll-image-fade-in" >
<div class="content">
<h3>Holy Mother Of Bread</h3>
<p>
1:58
<br /><strong>Electronic</strong>
<br />2012</p>
<ul class="actions stacked">
<li><a href="../../albums/morning-moods/3-holy-mother-of-bread/" class="button">Track</a></li>
</ul>
</div>
<div class="image">
<img src="https://media.basspistol.com/panix/morning-moods/3-holy-mother-of-bread.jpeg" alt="Holy Mother Of Bread" />
</div>
</section>
<section class="spotlight style4 orient-left content-align-right image-position-center onscroll-image-fade-in" >
<div class="content">
<h3>Humorn På Topp</h3>
<p>
1:52
<br /><strong>Electronic</strong>
<br />2012</p>
<ul class="actions stacked">
<li><a href="../../albums/morning-moods/4-humorn-p-topp/" class="button">Track</a></li>
</ul>
</div>
<div class="image">
<img src="https://media.basspistol.com/panix/morning-moods/4-humorn-p-topp.jpeg" alt="Humorn På Topp" />
</div>
</section>
<section class="spotlight style4 orient-right content-align-left image-position-center onscroll-image-fade-in" >
<div class="content">
<h3>Roller</h3>
<p>
1:35
<br /><strong>Electronic</strong>
<br />2012</p>
<ul class="actions stacked">
<li><a href="../../albums/morning-moods/5-roller/" class="button">Track</a></li>
</ul>
</div>
<div class="image">
<img src="https://media.basspistol.com/panix/morning-moods/5-roller.jpeg" alt="Roller" />
</div>
</section>
<section class="spotlight style4 orient-left content-align-right image-position-center onscroll-image-fade-in" >
<div class="content">
<h3>Nejuschfy</h3>
<p>
3:10
<br /><strong>Electronic</strong>
<br />2012</p>
<ul class="actions stacked">
<li><a href="../../albums/morning-moods/6-nejuschfy/" class="button">Track</a></li>
</ul>
</div>
<div class="image">
<img src="https://media.basspistol.com/panix/morning-moods/6-nejuschfy.jpeg" alt="Nejuschfy" />
</div>
</section>
<section class="spotlight style4 orient-right content-align-left image-position-center onscroll-image-fade-in" >
<div class="content">
<h3>Redemption</h3>
<p>
2:9
<br /><strong>Electronic</strong>
<br />2012</p>
<ul class="actions stacked">
<li><a href="../../albums/morning-moods/7-redemption/" class="button">Track</a></li>
</ul>
</div>
<div class="image">
<img src="https://media.basspistol.com/panix/morning-moods/7-redemption.jpeg" alt="Redemption" />
</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/extender/" alt="Read Extender" title="Read Extender"><i class="fas fa-arrow-left"></i></a> <a href="/albums/extender/">&nbsp;Extender</a></h4>
<p style="margin-right: 20px"></p>
</div>
<div class="post-nav-next">
<h4><a href="/albums/nights-ep/">&nbsp;Nights Ep</a> <a href="/albums/nights-ep/" alt="Read Nights Ep" title="Read Nights Ep"><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="../../">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>&copy;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>
&nbsp;&nbsp;&nbsp;<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": "Inhale",
"length": "1:28",
"file": "https://media.basspistol.com/panix/morning-moods/1-inhale"
},{
"track": 2,
"name": "Atom Leaves",
"length": "2:27",
"file": "https://media.basspistol.com/panix/morning-moods/2-atom-leaves"
},{
"track": 3,
"name": "Holy Mother Of Bread",
"length": "1:58",
"file": "https://media.basspistol.com/panix/morning-moods/3-holy-mother-of-bread"
},{
"track": 4,
"name": "Humorn På Topp",
"length": "1:52",
"file": "https://media.basspistol.com/panix/morning-moods/4-humorn-p-topp"
},{
"track": 5,
"name": "Roller",
"length": "1:35",
"file": "https://media.basspistol.com/panix/morning-moods/5-roller"
},{
"track": 6,
"name": "Nejuschfy",
"length": "3:10",
"file": "https://media.basspistol.com/panix/morning-moods/6-nejuschfy"
},{
"track": 7,
"name": "Redemption",
"length": "2:9",
"file": "https://media.basspistol.com/panix/morning-moods/7-redemption"
}],
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>

View 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 Mula by Panix | pax:nion</title>
<meta name="title" content="Play &quot;Mula&quot; by Panix" />
<meta name="description" content="A track by Panix named &quot;Mula&quot; 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/mula-ep/1-mula/" />
<link rel="alternate" hreflang="x-default" href="https://paxnion.basspistol.com/albums/mula-ep/1-mula/" />
<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 &copy;2020 pax:nion." />
<meta name="dcterms.Subject" content="A track by Panix named &quot;Mula&quot; published on pax:nion" />
<meta name="dcterms.Title" content="Play &quot;Mula&quot; by Panix" />
<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 from the release &quot;Mula EP&quot; and support your remote artist!" />
<!-- Facebook -->
<meta property="og:title" content="Mula" />
<meta property="og:locale" content="en" />
<meta property="og:description" content="Listen and to a track by Panix from the release &quot;Mula EP&quot; and support your remote artist!" />
<meta property="og:url" content="https://paxnion.basspistol.com/albums/mula-ep/1-mula/" />
<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/mula-ep/1-mula.mp3" />
<meta property="article:published_time" content="2020-07-23T12:00:29+00:00" />
<meta property="og:image" content="https://media.basspistol.com/panix/mula-ep/1-mula.jpeg" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Mula | pax:nion" />
<meta name="twitter:description" content="Listen and to a track by Panix from the release &quot;Mula EP&quot; and support your remote artist!" />
<meta name="twitter:image" content="https://media.basspistol.com/panix/mula-ep/1-mula.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/mula-ep/1-mula.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">Mula</h1>
<p><strong><span id="tracktime"></span></strong><span id="mula"></span></strong> <br />
Style: <strong>Electronic</strong>
</p>
<script type="text/javascript">
var mulatimestamp = 170;
var mulahours = Math.floor(mulatimestamp / 60 / 60);
var mulaminutes = Math.floor(mulatimestamp / 60) - (mulahours * 60);
var mulaseconds = mulatimestamp % 60;
var mulaformatted = mulahours.toString().padStart(2, '0') + ':' + mulaminutes.toString().padStart(2, '0') + ':' + mulaseconds.toString().padStart(2, '0');
var theSpan = document.getElementById("mula");
theSpan.innerHTML = mulaformatted;
</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/mula-ep/1-mula.jpeg" alt="1 Mula 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/mula-ep/3-cowboy/" alt="Read Cowboy" title="Read Cowboy"><i class="fas fa-arrow-left"></i></a> <a
href="../../../albums/mula-ep/3-cowboy/">&nbsp;Cowboy</a>
</h4>
</div>
<div class="post-nav-next">
<h4><a href="../../../albums/mula-ep/2-fax/">&nbsp;Fax</a> <a
href="../../../albums/mula-ep/2-fax/" alt="Read Fax" title="Read Fax"><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="Mula">
<source src="https://media.basspistol.com/panix/mula-ep/1-mula.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>&copy;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("../../../mula-ep/2-fax/"); 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>
&nbsp;&nbsp;&nbsp;<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>

View 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 Fax by Panix | pax:nion</title>
<meta name="title" content="Play &quot;Fax&quot; by Panix" />
<meta name="description" content="A track by Panix named &quot;Fax&quot; 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/mula-ep/2-fax/" />
<link rel="alternate" hreflang="x-default" href="https://paxnion.basspistol.com/albums/mula-ep/2-fax/" />
<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 &copy;2020 pax:nion." />
<meta name="dcterms.Subject" content="A track by Panix named &quot;Fax&quot; published on pax:nion" />
<meta name="dcterms.Title" content="Play &quot;Fax&quot; by Panix" />
<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 from the release &quot;Mula EP&quot; and support your remote artist!" />
<!-- Facebook -->
<meta property="og:title" content="Fax" />
<meta property="og:locale" content="en" />
<meta property="og:description" content="Listen and to a track by Panix from the release &quot;Mula EP&quot; and support your remote artist!" />
<meta property="og:url" content="https://paxnion.basspistol.com/albums/mula-ep/2-fax/" />
<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/mula-ep/2-fax.mp3" />
<meta property="article:published_time" content="2020-07-23T12:00:29+00:00" />
<meta property="og:image" content="https://media.basspistol.com/panix/mula-ep/2-fax.jpeg" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Fax | pax:nion" />
<meta name="twitter:description" content="Listen and to a track by Panix from the release &quot;Mula EP&quot; and support your remote artist!" />
<meta name="twitter:image" content="https://media.basspistol.com/panix/mula-ep/2-fax.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/mula-ep/2-fax.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">Fax</h1>
<p><strong><span id="tracktime"></span></strong><span id="fax"></span></strong> <br />
Style: <strong>Electronic</strong>
</p>
<script type="text/javascript">
var faxtimestamp = 177;
var faxhours = Math.floor(faxtimestamp / 60 / 60);
var faxminutes = Math.floor(faxtimestamp / 60) - (faxhours * 60);
var faxseconds = faxtimestamp % 60;
var faxformatted = faxhours.toString().padStart(2, '0') + ':' + faxminutes.toString().padStart(2, '0') + ':' + faxseconds.toString().padStart(2, '0');
var theSpan = document.getElementById("fax");
theSpan.innerHTML = faxformatted;
</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/mula-ep/2-fax.jpeg" alt="2 Fax 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/mula-ep/1-mula/" alt="Read Mula" title="Read Mula"><i class="fas fa-arrow-left"></i></a> <a
href="../../../albums/mula-ep/1-mula/">&nbsp;Mula</a>
</h4>
</div>
<div class="post-nav-next">
<h4><a href="../../../albums/mula-ep/3-cowboy/">&nbsp;Cowboy</a> <a
href="../../../albums/mula-ep/3-cowboy/" alt="Read Cowboy" title="Read Cowboy"><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="Fax">
<source src="https://media.basspistol.com/panix/mula-ep/2-fax.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>&copy;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("../../../mula-ep/3-cowboy/"); 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>
&nbsp;&nbsp;&nbsp;<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>

View 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 Cowboy by Panix | pax:nion</title>
<meta name="title" content="Play &quot;Cowboy&quot; by Panix" />
<meta name="description" content="A track by Panix named &quot;Cowboy&quot; 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/mula-ep/3-cowboy/" />
<link rel="alternate" hreflang="x-default" href="https://paxnion.basspistol.com/albums/mula-ep/3-cowboy/" />
<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 &copy;2020 pax:nion." />
<meta name="dcterms.Subject" content="A track by Panix named &quot;Cowboy&quot; published on pax:nion" />
<meta name="dcterms.Title" content="Play &quot;Cowboy&quot; by Panix" />
<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 from the release &quot;Mula EP&quot; and support your remote artist!" />
<!-- Facebook -->
<meta property="og:title" content="Cowboy" />
<meta property="og:locale" content="en" />
<meta property="og:description" content="Listen and to a track by Panix from the release &quot;Mula EP&quot; and support your remote artist!" />
<meta property="og:url" content="https://paxnion.basspistol.com/albums/mula-ep/3-cowboy/" />
<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/mula-ep/3-cowboy.mp3" />
<meta property="article:published_time" content="2020-07-23T12:00:29+00:00" />
<meta property="og:image" content="https://media.basspistol.com/panix/mula-ep/3-cowboy.jpeg" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Cowboy | pax:nion" />
<meta name="twitter:description" content="Listen and to a track by Panix from the release &quot;Mula EP&quot; and support your remote artist!" />
<meta name="twitter:image" content="https://media.basspistol.com/panix/mula-ep/3-cowboy.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/mula-ep/3-cowboy.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">Cowboy</h1>
<p><strong><span id="tracktime"></span></strong><span id="cowboy"></span></strong> <br />
Style: <strong>Electronic</strong>
</p>
<script type="text/javascript">
var cowboytimestamp = 74;
var cowboyhours = Math.floor(cowboytimestamp / 60 / 60);
var cowboyminutes = Math.floor(cowboytimestamp / 60) - (cowboyhours * 60);
var cowboyseconds = cowboytimestamp % 60;
var cowboyformatted = cowboyhours.toString().padStart(2, '0') + ':' + cowboyminutes.toString().padStart(2, '0') + ':' + cowboyseconds.toString().padStart(2, '0');
var theSpan = document.getElementById("cowboy");
theSpan.innerHTML = cowboyformatted;
</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/mula-ep/3-cowboy.jpeg" alt="3 Cowboy 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/mula-ep/2-fax/" alt="Read Fax" title="Read Fax"><i class="fas fa-arrow-left"></i></a> <a
href="../../../albums/mula-ep/2-fax/">&nbsp;Fax</a>
</h4>
</div>
<div class="post-nav-next">
<h4><a href="../../../albums/mula-ep/1-mula/">&nbsp;Mula</a> <a
href="../../../albums/mula-ep/1-mula/" alt="Read Mula" title="Read Mula"><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="Cowboy">
<source src="https://media.basspistol.com/panix/mula-ep/3-cowboy.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>&copy;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("../../../mula-ep/1-mula/"); 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>
&nbsp;&nbsp;&nbsp;<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>

634
albums/mula-ep/index.html Normal file
View file

@ -0,0 +1,634 @@
<!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 &quot;Mula EP&quot; by Panix | pax:nion</title>
<meta name="title" content="Play &quot;Mula EP&quot; by Panix" />
<meta name="description" content="A release by Panix named &quot;Mula EP&quot; published on pax:nion" />
<meta name="dc.date.modified" scheme="ISO8601" content="2020-07-23T12:00:30+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/mula-ep/" />
<link rel="alternate" hreflang="x-default" href="https://paxnion.basspistol.com/albums/mula-ep/" />
<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 &copy;2020 pax:nion." />
<meta name="dcterms.Subject" content="A release by Panix named &quot;Mula EP&quot; published on pax:nion" />
<meta name="dcterms.Title" content="Play &quot;Mula EP&quot; by Panix" />
<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 named &quot;Mula EP&quot; and support your remote artist!" />
<!-- Facebook -->
<meta property="og:title" content="Mula EP by Panix" />
<meta property="og:locale" content="en" />
<meta property="og:description" content="Listen and to a release by Panix named &quot;Mula EP&quot; and support your remote artist!" />
<meta property="og:url" content="https://paxnion.basspistol.com/albums/mula-ep/" />
<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/mula-ep/1-mula.mp3" />
<meta property="og:audio" content="https://media.basspistol.com/panix/mula-ep/2-fax.mp3" />
<meta property="og:audio" content="https://media.basspistol.com/panix/mula-ep/3-cowboy.mp3" />
<meta property="article:published_time" content="2020-07-23T12:00:30+00:00" />
<meta property="og:image" content="https://media.basspistol.com/panix/mula-ep/1-mula.jpeg" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Mula EP | pax:nion" />
<meta name="twitter:description" content="Listen and to a release by Panix named &quot;Mula EP&quot; and support your remote artist!" />
<meta name="twitter:image" content="https://media.basspistol.com/panix/mula-ep/1-mula.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">Mula Ep</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/mula-ep/1-mula.jpeg" alt="Mula Ep" />
</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/mula-ep/&amp;quote=Mula Ep%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/mula-ep/&amp;text=Mula Ep%20by%20pax:nion%20&amp;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/mula-ep/&amp;text=Mula Ep%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/mula-ep/&amp;title=Mula Ep%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">Mula</div>
<div class="plLength">2:50</div>
</div>
</li>
<li>
<div class="plItem">
<div class="plNum">2.</div>
<div class="plTitle">Fax</div>
<div class="plLength">2:57</div>
</div>
</li>
<li>
<div class="plItem">
<div class="plNum">3.</div>
<div class="plTitle">Cowboy</div>
<div class="plLength">1:14</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/mula-ep/1-mula.mp3">Mula </a></div>
<div class="plLength">2:50</div>
</div>
<div class="plItem">
<div class="plNum">2.</div>
<div class="plTitle"><a href="https://media.basspistol.com/panix/mula-ep/2-fax.mp3">Fax </a></div>
<div class="plLength">2:57</div>
</div>
<div class="plItem">
<div class="plNum">3.</div>
<div class="plTitle"><a href="https://media.basspistol.com/panix/mula-ep/3-cowboy.mp3">Cowboy </a></div>
<div class="plLength">1:14</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-left content-align-right image-position-center onscroll-image-fade-in" style="box-shadow: none;" >
<div class="content">
<h3>Mula</h3>
<p>
2:50
<br /><strong>Electronic</strong>
<br />2001</p>
<ul class="actions stacked">
<li><a href="../../albums/mula-ep/1-mula/" class="button">Track</a></li>
</ul>
</div>
<div class="image">
<img src="https://media.basspistol.com/panix/mula-ep/1-mula.jpeg" alt="Mula" />
</div>
</section>
<section class="spotlight style4 orient-right content-align-left image-position-center onscroll-image-fade-in" >
<div class="content">
<h3>Fax</h3>
<p>
2:57
<br /><strong>Electronic</strong>
<br />2001</p>
<ul class="actions stacked">
<li><a href="../../albums/mula-ep/2-fax/" class="button">Track</a></li>
</ul>
</div>
<div class="image">
<img src="https://media.basspistol.com/panix/mula-ep/2-fax.jpeg" alt="Fax" />
</div>
</section>
<section class="spotlight style4 orient-left content-align-right image-position-center onscroll-image-fade-in" >
<div class="content">
<h3>Cowboy</h3>
<p>
1:14
<br /><strong>Electronic</strong>
<br />2001</p>
<ul class="actions stacked">
<li><a href="../../albums/mula-ep/3-cowboy/" class="button">Track</a></li>
</ul>
</div>
<div class="image">
<img src="https://media.basspistol.com/panix/mula-ep/3-cowboy.jpeg" alt="Cowboy" />
</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/katze/" alt="Read Katze" title="Read Katze"><i class="fas fa-arrow-left"></i></a> <a href="/albums/katze/">&nbsp;Katze</a></h4>
<p style="margin-right: 20px"></p>
</div>
<div class="post-nav-next">
<h4><a href="/albums/tracker-dust-96-01-vol-1/">&nbsp;Tracker Dust 96 01 Vol 1</a> <a href="/albums/tracker-dust-96-01-vol-1/" alt="Read Tracker Dust 96 01 Vol 1" title="Read Tracker Dust 96 01 Vol 1"><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="../../">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>&copy;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>
&nbsp;&nbsp;&nbsp;<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": "Mula",
"length": "2:50",
"file": "https://media.basspistol.com/panix/mula-ep/1-mula"
},{
"track": 2,
"name": "Fax",
"length": "2:57",
"file": "https://media.basspistol.com/panix/mula-ep/2-fax"
},{
"track": 3,
"name": "Cowboy",
"length": "1:14",
"file": "https://media.basspistol.com/panix/mula-ep/3-cowboy"
}],
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>

View 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 WTF by Panix Hilton | pax:nion</title>
<meta name="title" content="Play &quot;WTF&quot; by Panix Hilton" />
<meta name="description" content="A track by Panix Hilton named &quot;WTF&quot; 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/netbook-lofi-beatheads/1-wtf/" />
<link rel="alternate" hreflang="x-default" href="https://paxnion.basspistol.com/albums/netbook-lofi-beatheads/1-wtf/" />
<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 &copy;2020 pax:nion." />
<meta name="dcterms.Subject" content="A track by Panix Hilton named &quot;WTF&quot; published on pax:nion" />
<meta name="dcterms.Title" content="Play &quot;WTF&quot; 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 &quot;Netbook Lofi Beatheads&quot; and support your remote artist!" />
<!-- Facebook -->
<meta property="og:title" content="WTF" />
<meta property="og:locale" content="en" />
<meta property="og:description" content="Listen and to a track by Panix Hilton from the release &quot;Netbook Lofi Beatheads&quot; and support your remote artist!" />
<meta property="og:url" content="https://paxnion.basspistol.com/albums/netbook-lofi-beatheads/1-wtf/" />
<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/netbook-lofi-beatheads/1-wtf.mp3" />
<meta property="article:published_time" content="2020-07-23T12:00:29+00:00" />
<meta property="og:image" content="https://media.basspistol.com/panix/netbook-lofi-beatheads/1-wtf.jpeg" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="WTF | pax:nion" />
<meta name="twitter:description" content="Listen and to a track by Panix Hilton from the release &quot;Netbook Lofi Beatheads&quot; and support your remote artist!" />
<meta name="twitter:image" content="https://media.basspistol.com/panix/netbook-lofi-beatheads/1-wtf.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/netbook-lofi-beatheads/1-wtf.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">WTF</h1>
<p><strong><span id="tracktime"></span></strong><span id="wtf"></span></strong> <br />
Style: <strong>Electronic</strong>
</p>
<script type="text/javascript">
var wtftimestamp = 130;
var wtfhours = Math.floor(wtftimestamp / 60 / 60);
var wtfminutes = Math.floor(wtftimestamp / 60) - (wtfhours * 60);
var wtfseconds = wtftimestamp % 60;
var wtfformatted = wtfhours.toString().padStart(2, '0') + ':' + wtfminutes.toString().padStart(2, '0') + ':' + wtfseconds.toString().padStart(2, '0');
var theSpan = document.getElementById("wtf");
theSpan.innerHTML = wtfformatted;
</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/netbook-lofi-beatheads/1-wtf.jpeg" alt="1 Wtf 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/netbook-lofi-beatheads/14-voicing/" alt="Read Voicing" title="Read Voicing"><i class="fas fa-arrow-left"></i></a> <a
href="../../../albums/netbook-lofi-beatheads/14-voicing/">&nbsp;Voicing</a>
</h4>
</div>
<div class="post-nav-next">
<h4><a href="../../../albums/netbook-lofi-beatheads/2-blockerad/">&nbsp;Blockerad</a> <a
href="../../../albums/netbook-lofi-beatheads/2-blockerad/" alt="Read Blockerad" title="Read Blockerad"><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="WTF">
<source src="https://media.basspistol.com/panix/netbook-lofi-beatheads/1-wtf.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>&copy;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("../../../netbook-lofi-beatheads/2-blockerad/"); 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>
&nbsp;&nbsp;&nbsp;<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>

View 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 One Cycle by Panix Hilton | pax:nion</title>
<meta name="title" content="Play &quot;One Cycle&quot; by Panix Hilton" />
<meta name="description" content="A track by Panix Hilton named &quot;One Cycle&quot; 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/netbook-lofi-beatheads/10-one-cycle/" />
<link rel="alternate" hreflang="x-default" href="https://paxnion.basspistol.com/albums/netbook-lofi-beatheads/10-one-cycle/" />
<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 &copy;2020 pax:nion." />
<meta name="dcterms.Subject" content="A track by Panix Hilton named &quot;One Cycle&quot; published on pax:nion" />
<meta name="dcterms.Title" content="Play &quot;One Cycle&quot; 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 &quot;Netbook Lofi Beatheads&quot; and support your remote artist!" />
<!-- Facebook -->
<meta property="og:title" content="One Cycle" />
<meta property="og:locale" content="en" />
<meta property="og:description" content="Listen and to a track by Panix Hilton from the release &quot;Netbook Lofi Beatheads&quot; and support your remote artist!" />
<meta property="og:url" content="https://paxnion.basspistol.com/albums/netbook-lofi-beatheads/10-one-cycle/" />
<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/netbook-lofi-beatheads/10-one-cycle.mp3" />
<meta property="article:published_time" content="2020-07-23T12:00:29+00:00" />
<meta property="og:image" content="https://media.basspistol.com/panix/netbook-lofi-beatheads/10-one-cycle.jpeg" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="One Cycle | pax:nion" />
<meta name="twitter:description" content="Listen and to a track by Panix Hilton from the release &quot;Netbook Lofi Beatheads&quot; and support your remote artist!" />
<meta name="twitter:image" content="https://media.basspistol.com/panix/netbook-lofi-beatheads/10-one-cycle.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/netbook-lofi-beatheads/10-one-cycle.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">One Cycle</h1>
<p><strong><span id="tracktime"></span></strong><span id="onecycle"></span></strong> <br />
Style: <strong>Electronic</strong>
</p>
<script type="text/javascript">
var onecycletimestamp = 93;
var onecyclehours = Math.floor(onecycletimestamp / 60 / 60);
var onecycleminutes = Math.floor(onecycletimestamp / 60) - (onecyclehours * 60);
var onecycleseconds = onecycletimestamp % 60;
var onecycleformatted = onecyclehours.toString().padStart(2, '0') + ':' + onecycleminutes.toString().padStart(2, '0') + ':' + onecycleseconds.toString().padStart(2, '0');
var theSpan = document.getElementById("onecycle");
theSpan.innerHTML = onecycleformatted;
</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/netbook-lofi-beatheads/10-one-cycle.jpeg" alt="10 One Cycle 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/netbook-lofi-beatheads/9-neckhurt/" alt="Read Neckhurt" title="Read Neckhurt"><i class="fas fa-arrow-left"></i></a> <a
href="../../../albums/netbook-lofi-beatheads/9-neckhurt/">&nbsp;Neckhurt</a>
</h4>
</div>
<div class="post-nav-next">
<h4><a href="../../../albums/netbook-lofi-beatheads/11-one-cycle-two/">&nbsp;One Cycle Two</a> <a
href="../../../albums/netbook-lofi-beatheads/11-one-cycle-two/" alt="Read One Cycle Two" title="Read One Cycle Two"><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="One Cycle">
<source src="https://media.basspistol.com/panix/netbook-lofi-beatheads/10-one-cycle.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>&copy;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("../../../netbook-lofi-beatheads/11-one-cycle-two/"); 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>
&nbsp;&nbsp;&nbsp;<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>

View 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 One Cycle Two by Panix Hilton | pax:nion</title>
<meta name="title" content="Play &quot;One Cycle Two&quot; by Panix Hilton" />
<meta name="description" content="A track by Panix Hilton named &quot;One Cycle Two&quot; 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/netbook-lofi-beatheads/11-one-cycle-two/" />
<link rel="alternate" hreflang="x-default" href="https://paxnion.basspistol.com/albums/netbook-lofi-beatheads/11-one-cycle-two/" />
<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 &copy;2020 pax:nion." />
<meta name="dcterms.Subject" content="A track by Panix Hilton named &quot;One Cycle Two&quot; published on pax:nion" />
<meta name="dcterms.Title" content="Play &quot;One Cycle Two&quot; 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 &quot;Netbook Lofi Beatheads&quot; and support your remote artist!" />
<!-- Facebook -->
<meta property="og:title" content="One Cycle Two" />
<meta property="og:locale" content="en" />
<meta property="og:description" content="Listen and to a track by Panix Hilton from the release &quot;Netbook Lofi Beatheads&quot; and support your remote artist!" />
<meta property="og:url" content="https://paxnion.basspistol.com/albums/netbook-lofi-beatheads/11-one-cycle-two/" />
<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/netbook-lofi-beatheads/11-one-cycle-two.mp3" />
<meta property="article:published_time" content="2020-07-23T12:00:29+00:00" />
<meta property="og:image" content="https://media.basspistol.com/panix/netbook-lofi-beatheads/11-one-cycle-two.jpeg" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="One Cycle Two | pax:nion" />
<meta name="twitter:description" content="Listen and to a track by Panix Hilton from the release &quot;Netbook Lofi Beatheads&quot; and support your remote artist!" />
<meta name="twitter:image" content="https://media.basspistol.com/panix/netbook-lofi-beatheads/11-one-cycle-two.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/netbook-lofi-beatheads/11-one-cycle-two.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">One Cycle Two</h1>
<p><strong><span id="tracktime"></span></strong><span id="onecycletwo"></span></strong> <br />
Style: <strong>Electronic</strong>
</p>
<script type="text/javascript">
var onecycletwotimestamp = 158;
var onecycletwohours = Math.floor(onecycletwotimestamp / 60 / 60);
var onecycletwominutes = Math.floor(onecycletwotimestamp / 60) - (onecycletwohours * 60);
var onecycletwoseconds = onecycletwotimestamp % 60;
var onecycletwoformatted = onecycletwohours.toString().padStart(2, '0') + ':' + onecycletwominutes.toString().padStart(2, '0') + ':' + onecycletwoseconds.toString().padStart(2, '0');
var theSpan = document.getElementById("onecycletwo");
theSpan.innerHTML = onecycletwoformatted;
</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/netbook-lofi-beatheads/11-one-cycle-two.jpeg" alt="11 One Cycle Two 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/netbook-lofi-beatheads/10-one-cycle/" alt="Read One Cycle" title="Read One Cycle"><i class="fas fa-arrow-left"></i></a> <a
href="../../../albums/netbook-lofi-beatheads/10-one-cycle/">&nbsp;One Cycle</a>
</h4>
</div>
<div class="post-nav-next">
<h4><a href="../../../albums/netbook-lofi-beatheads/12-show-you-love/">&nbsp;Show You Love</a> <a
href="../../../albums/netbook-lofi-beatheads/12-show-you-love/" alt="Read Show You Love" title="Read Show You Love"><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="One Cycle Two">
<source src="https://media.basspistol.com/panix/netbook-lofi-beatheads/11-one-cycle-two.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>&copy;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("../../../netbook-lofi-beatheads/12-show-you-love/"); 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>
&nbsp;&nbsp;&nbsp;<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>

View 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 Show You Love by Panix Hilton | pax:nion</title>
<meta name="title" content="Play &quot;Show You Love&quot; by Panix Hilton" />
<meta name="description" content="A track by Panix Hilton named &quot;Show You Love&quot; 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/netbook-lofi-beatheads/12-show-you-love/" />
<link rel="alternate" hreflang="x-default" href="https://paxnion.basspistol.com/albums/netbook-lofi-beatheads/12-show-you-love/" />
<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 &copy;2020 pax:nion." />
<meta name="dcterms.Subject" content="A track by Panix Hilton named &quot;Show You Love&quot; published on pax:nion" />
<meta name="dcterms.Title" content="Play &quot;Show You Love&quot; 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 &quot;Netbook Lofi Beatheads&quot; and support your remote artist!" />
<!-- Facebook -->
<meta property="og:title" content="Show You Love" />
<meta property="og:locale" content="en" />
<meta property="og:description" content="Listen and to a track by Panix Hilton from the release &quot;Netbook Lofi Beatheads&quot; and support your remote artist!" />
<meta property="og:url" content="https://paxnion.basspistol.com/albums/netbook-lofi-beatheads/12-show-you-love/" />
<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/netbook-lofi-beatheads/12-show-you-love.mp3" />
<meta property="article:published_time" content="2020-07-23T12:00:29+00:00" />
<meta property="og:image" content="https://media.basspistol.com/panix/netbook-lofi-beatheads/12-show-you-love.jpeg" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Show You Love | pax:nion" />
<meta name="twitter:description" content="Listen and to a track by Panix Hilton from the release &quot;Netbook Lofi Beatheads&quot; and support your remote artist!" />
<meta name="twitter:image" content="https://media.basspistol.com/panix/netbook-lofi-beatheads/12-show-you-love.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/netbook-lofi-beatheads/12-show-you-love.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">Show You Love</h1>
<p><strong><span id="tracktime"></span></strong><span id="showyoulove"></span></strong> <br />
Style: <strong>Electronic</strong>
</p>
<script type="text/javascript">
var showyoulovetimestamp = 146;
var showyoulovehours = Math.floor(showyoulovetimestamp / 60 / 60);
var showyouloveminutes = Math.floor(showyoulovetimestamp / 60) - (showyoulovehours * 60);
var showyouloveseconds = showyoulovetimestamp % 60;
var showyouloveformatted = showyoulovehours.toString().padStart(2, '0') + ':' + showyouloveminutes.toString().padStart(2, '0') + ':' + showyouloveseconds.toString().padStart(2, '0');
var theSpan = document.getElementById("showyoulove");
theSpan.innerHTML = showyouloveformatted;
</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/netbook-lofi-beatheads/12-show-you-love.jpeg" alt="12 Show You Love 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/netbook-lofi-beatheads/11-one-cycle-two/" alt="Read One Cycle Two" title="Read One Cycle Two"><i class="fas fa-arrow-left"></i></a> <a
href="../../../albums/netbook-lofi-beatheads/11-one-cycle-two/">&nbsp;One Cycle Two</a>
</h4>
</div>
<div class="post-nav-next">
<h4><a href="../../../albums/netbook-lofi-beatheads/13-waapper/">&nbsp;Waapper</a> <a
href="../../../albums/netbook-lofi-beatheads/13-waapper/" alt="Read Waapper" title="Read Waapper"><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="Show You Love">
<source src="https://media.basspistol.com/panix/netbook-lofi-beatheads/12-show-you-love.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>&copy;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("../../../netbook-lofi-beatheads/13-waapper/"); 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>
&nbsp;&nbsp;&nbsp;<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>

View 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 Waapper by Panix Hilton | pax:nion</title>
<meta name="title" content="Play &quot;Waapper&quot; by Panix Hilton" />
<meta name="description" content="A track by Panix Hilton named &quot;Waapper&quot; 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/netbook-lofi-beatheads/13-waapper/" />
<link rel="alternate" hreflang="x-default" href="https://paxnion.basspistol.com/albums/netbook-lofi-beatheads/13-waapper/" />
<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 &copy;2020 pax:nion." />
<meta name="dcterms.Subject" content="A track by Panix Hilton named &quot;Waapper&quot; published on pax:nion" />
<meta name="dcterms.Title" content="Play &quot;Waapper&quot; 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 &quot;Netbook Lofi Beatheads&quot; and support your remote artist!" />
<!-- Facebook -->
<meta property="og:title" content="Waapper" />
<meta property="og:locale" content="en" />
<meta property="og:description" content="Listen and to a track by Panix Hilton from the release &quot;Netbook Lofi Beatheads&quot; and support your remote artist!" />
<meta property="og:url" content="https://paxnion.basspistol.com/albums/netbook-lofi-beatheads/13-waapper/" />
<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/netbook-lofi-beatheads/13-waapper.mp3" />
<meta property="article:published_time" content="2020-07-23T12:00:29+00:00" />
<meta property="og:image" content="https://media.basspistol.com/panix/netbook-lofi-beatheads/13-waapper.jpeg" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Waapper | pax:nion" />
<meta name="twitter:description" content="Listen and to a track by Panix Hilton from the release &quot;Netbook Lofi Beatheads&quot; and support your remote artist!" />
<meta name="twitter:image" content="https://media.basspistol.com/panix/netbook-lofi-beatheads/13-waapper.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/netbook-lofi-beatheads/13-waapper.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">Waapper</h1>
<p><strong><span id="tracktime"></span></strong><span id="waapper"></span></strong> <br />
Style: <strong>Electronic</strong>
</p>
<script type="text/javascript">
var waappertimestamp = 115;
var waapperhours = Math.floor(waappertimestamp / 60 / 60);
var waapperminutes = Math.floor(waappertimestamp / 60) - (waapperhours * 60);
var waapperseconds = waappertimestamp % 60;
var waapperformatted = waapperhours.toString().padStart(2, '0') + ':' + waapperminutes.toString().padStart(2, '0') + ':' + waapperseconds.toString().padStart(2, '0');
var theSpan = document.getElementById("waapper");
theSpan.innerHTML = waapperformatted;
</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/netbook-lofi-beatheads/13-waapper.jpeg" alt="13 Waapper 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/netbook-lofi-beatheads/12-show-you-love/" alt="Read Show You Love" title="Read Show You Love"><i class="fas fa-arrow-left"></i></a> <a
href="../../../albums/netbook-lofi-beatheads/12-show-you-love/">&nbsp;Show You Love</a>
</h4>
</div>
<div class="post-nav-next">
<h4><a href="../../../albums/netbook-lofi-beatheads/14-voicing/">&nbsp;Voicing</a> <a
href="../../../albums/netbook-lofi-beatheads/14-voicing/" alt="Read Voicing" title="Read Voicing"><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="Waapper">
<source src="https://media.basspistol.com/panix/netbook-lofi-beatheads/13-waapper.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>&copy;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("../../../netbook-lofi-beatheads/14-voicing/"); 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>
&nbsp;&nbsp;&nbsp;<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>

View 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 Voicing by Panix Hilton | pax:nion</title>
<meta name="title" content="Play &quot;Voicing&quot; by Panix Hilton" />
<meta name="description" content="A track by Panix Hilton named &quot;Voicing&quot; 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/netbook-lofi-beatheads/14-voicing/" />
<link rel="alternate" hreflang="x-default" href="https://paxnion.basspistol.com/albums/netbook-lofi-beatheads/14-voicing/" />
<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 &copy;2020 pax:nion." />
<meta name="dcterms.Subject" content="A track by Panix Hilton named &quot;Voicing&quot; published on pax:nion" />
<meta name="dcterms.Title" content="Play &quot;Voicing&quot; 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 &quot;Netbook Lofi Beatheads&quot; and support your remote artist!" />
<!-- Facebook -->
<meta property="og:title" content="Voicing" />
<meta property="og:locale" content="en" />
<meta property="og:description" content="Listen and to a track by Panix Hilton from the release &quot;Netbook Lofi Beatheads&quot; and support your remote artist!" />
<meta property="og:url" content="https://paxnion.basspistol.com/albums/netbook-lofi-beatheads/14-voicing/" />
<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/netbook-lofi-beatheads/14-voicing.mp3" />
<meta property="article:published_time" content="2020-07-23T12:00:29+00:00" />
<meta property="og:image" content="https://media.basspistol.com/panix/netbook-lofi-beatheads/14-voicing.jpeg" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Voicing | pax:nion" />
<meta name="twitter:description" content="Listen and to a track by Panix Hilton from the release &quot;Netbook Lofi Beatheads&quot; and support your remote artist!" />
<meta name="twitter:image" content="https://media.basspistol.com/panix/netbook-lofi-beatheads/14-voicing.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/netbook-lofi-beatheads/14-voicing.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">Voicing</h1>
<p><strong><span id="tracktime"></span></strong><span id="voicing"></span></strong> <br />
Style: <strong>Electronic</strong>
</p>
<script type="text/javascript">
var voicingtimestamp = 102;
var voicinghours = Math.floor(voicingtimestamp / 60 / 60);
var voicingminutes = Math.floor(voicingtimestamp / 60) - (voicinghours * 60);
var voicingseconds = voicingtimestamp % 60;
var voicingformatted = voicinghours.toString().padStart(2, '0') + ':' + voicingminutes.toString().padStart(2, '0') + ':' + voicingseconds.toString().padStart(2, '0');
var theSpan = document.getElementById("voicing");
theSpan.innerHTML = voicingformatted;
</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/netbook-lofi-beatheads/14-voicing.jpeg" alt="14 Voicing 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/netbook-lofi-beatheads/13-waapper/" alt="Read Waapper" title="Read Waapper"><i class="fas fa-arrow-left"></i></a> <a
href="../../../albums/netbook-lofi-beatheads/13-waapper/">&nbsp;Waapper</a>
</h4>
</div>
<div class="post-nav-next">
<h4><a href="../../../albums/netbook-lofi-beatheads/1-wtf/">&nbsp;WTF</a> <a
href="../../../albums/netbook-lofi-beatheads/1-wtf/" alt="Read WTF" title="Read WTF"><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="Voicing">
<source src="https://media.basspistol.com/panix/netbook-lofi-beatheads/14-voicing.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>&copy;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("../../../netbook-lofi-beatheads/1-wtf/"); 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>
&nbsp;&nbsp;&nbsp;<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>

View 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 Blockerad by Panix Hilton | pax:nion</title>
<meta name="title" content="Play &quot;Blockerad&quot; by Panix Hilton" />
<meta name="description" content="A track by Panix Hilton named &quot;Blockerad&quot; 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/netbook-lofi-beatheads/2-blockerad/" />
<link rel="alternate" hreflang="x-default" href="https://paxnion.basspistol.com/albums/netbook-lofi-beatheads/2-blockerad/" />
<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 &copy;2020 pax:nion." />
<meta name="dcterms.Subject" content="A track by Panix Hilton named &quot;Blockerad&quot; published on pax:nion" />
<meta name="dcterms.Title" content="Play &quot;Blockerad&quot; 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 &quot;Netbook Lofi Beatheads&quot; and support your remote artist!" />
<!-- Facebook -->
<meta property="og:title" content="Blockerad" />
<meta property="og:locale" content="en" />
<meta property="og:description" content="Listen and to a track by Panix Hilton from the release &quot;Netbook Lofi Beatheads&quot; and support your remote artist!" />
<meta property="og:url" content="https://paxnion.basspistol.com/albums/netbook-lofi-beatheads/2-blockerad/" />
<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/netbook-lofi-beatheads/2-blockerad.mp3" />
<meta property="article:published_time" content="2020-07-23T12:00:29+00:00" />
<meta property="og:image" content="https://media.basspistol.com/panix/netbook-lofi-beatheads/2-blockerad.jpeg" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Blockerad | pax:nion" />
<meta name="twitter:description" content="Listen and to a track by Panix Hilton from the release &quot;Netbook Lofi Beatheads&quot; and support your remote artist!" />
<meta name="twitter:image" content="https://media.basspistol.com/panix/netbook-lofi-beatheads/2-blockerad.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/netbook-lofi-beatheads/2-blockerad.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">Blockerad</h1>
<p><strong><span id="tracktime"></span></strong><span id="blockerad"></span></strong> <br />
Style: <strong>Electronic</strong>
</p>
<script type="text/javascript">
var blockeradtimestamp = 134;
var blockeradhours = Math.floor(blockeradtimestamp / 60 / 60);
var blockeradminutes = Math.floor(blockeradtimestamp / 60) - (blockeradhours * 60);
var blockeradseconds = blockeradtimestamp % 60;
var blockeradformatted = blockeradhours.toString().padStart(2, '0') + ':' + blockeradminutes.toString().padStart(2, '0') + ':' + blockeradseconds.toString().padStart(2, '0');
var theSpan = document.getElementById("blockerad");
theSpan.innerHTML = blockeradformatted;
</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/netbook-lofi-beatheads/2-blockerad.jpeg" alt="2 Blockerad 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/netbook-lofi-beatheads/1-wtf/" alt="Read WTF" title="Read WTF"><i class="fas fa-arrow-left"></i></a> <a
href="../../../albums/netbook-lofi-beatheads/1-wtf/">&nbsp;WTF</a>
</h4>
</div>
<div class="post-nav-next">
<h4><a href="../../../albums/netbook-lofi-beatheads/3-conscious/">&nbsp;Conscious</a> <a
href="../../../albums/netbook-lofi-beatheads/3-conscious/" alt="Read Conscious" title="Read Conscious"><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="Blockerad">
<source src="https://media.basspistol.com/panix/netbook-lofi-beatheads/2-blockerad.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>&copy;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("../../../netbook-lofi-beatheads/3-conscious/"); 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>
&nbsp;&nbsp;&nbsp;<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>

View 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 Conscious by Panix Hilton | pax:nion</title>
<meta name="title" content="Play &quot;Conscious&quot; by Panix Hilton" />
<meta name="description" content="A track by Panix Hilton named &quot;Conscious&quot; 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/netbook-lofi-beatheads/3-conscious/" />
<link rel="alternate" hreflang="x-default" href="https://paxnion.basspistol.com/albums/netbook-lofi-beatheads/3-conscious/" />
<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 &copy;2020 pax:nion." />
<meta name="dcterms.Subject" content="A track by Panix Hilton named &quot;Conscious&quot; published on pax:nion" />
<meta name="dcterms.Title" content="Play &quot;Conscious&quot; 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 &quot;Netbook Lofi Beatheads&quot; and support your remote artist!" />
<!-- Facebook -->
<meta property="og:title" content="Conscious" />
<meta property="og:locale" content="en" />
<meta property="og:description" content="Listen and to a track by Panix Hilton from the release &quot;Netbook Lofi Beatheads&quot; and support your remote artist!" />
<meta property="og:url" content="https://paxnion.basspistol.com/albums/netbook-lofi-beatheads/3-conscious/" />
<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/netbook-lofi-beatheads/3-conscious.mp3" />
<meta property="article:published_time" content="2020-07-23T12:00:29+00:00" />
<meta property="og:image" content="https://media.basspistol.com/panix/netbook-lofi-beatheads/3-conscious.jpeg" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Conscious | pax:nion" />
<meta name="twitter:description" content="Listen and to a track by Panix Hilton from the release &quot;Netbook Lofi Beatheads&quot; and support your remote artist!" />
<meta name="twitter:image" content="https://media.basspistol.com/panix/netbook-lofi-beatheads/3-conscious.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/netbook-lofi-beatheads/3-conscious.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">Conscious</h1>
<p><strong><span id="tracktime"></span></strong><span id="conscious"></span></strong> <br />
Style: <strong>Electronic</strong>
</p>
<script type="text/javascript">
var conscioustimestamp = 115;
var conscioushours = Math.floor(conscioustimestamp / 60 / 60);
var consciousminutes = Math.floor(conscioustimestamp / 60) - (conscioushours * 60);
var consciousseconds = conscioustimestamp % 60;
var consciousformatted = conscioushours.toString().padStart(2, '0') + ':' + consciousminutes.toString().padStart(2, '0') + ':' + consciousseconds.toString().padStart(2, '0');
var theSpan = document.getElementById("conscious");
theSpan.innerHTML = consciousformatted;
</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/netbook-lofi-beatheads/3-conscious.jpeg" alt="3 Conscious 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/netbook-lofi-beatheads/2-blockerad/" alt="Read Blockerad" title="Read Blockerad"><i class="fas fa-arrow-left"></i></a> <a
href="../../../albums/netbook-lofi-beatheads/2-blockerad/">&nbsp;Blockerad</a>
</h4>
</div>
<div class="post-nav-next">
<h4><a href="../../../albums/netbook-lofi-beatheads/4-frankentune/">&nbsp;Frankentune</a> <a
href="../../../albums/netbook-lofi-beatheads/4-frankentune/" alt="Read Frankentune" title="Read Frankentune"><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="Conscious">
<source src="https://media.basspistol.com/panix/netbook-lofi-beatheads/3-conscious.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>&copy;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("../../../netbook-lofi-beatheads/4-frankentune/"); 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>
&nbsp;&nbsp;&nbsp;<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>

Some files were not shown because too many files have changed in this diff Show more