Updated 47 files via CloudCannon

This commit is contained in:
CloudCannon 2020-07-03 17:13:40 +00:00
parent 8ca2c20845
commit 2ab5ace457
47 changed files with 31082 additions and 131 deletions

611
br-tbients/index.html Normal file
View file

@ -0,0 +1,611 @@
<!DOCTYPE html>
<!--
Based on _Story_ by html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
Remixed and Jekyllified by Setto
-->
<html lang="en">
<head>
<!-- Begin Jekyll SEO tag v2.6.1 -->
<meta name="generator" content="Jekyll v4.0.0" />
<meta property="og:title" content="Br Tbients" />
<meta name="author" content="pax:nion" />
<meta property="og:locale" content="en" />
<meta name="description" content="PHI, Panix Heavy Industries" />
<meta property="og:description" content="PHI, Panix Heavy Industries" />
<link rel="canonical" href="https://panix.basspistol.com/br-tbients/" />
<meta property="og:url" content="https://panix.basspistol.com/br-tbients/" />
<meta property="og:site_name" content="pax:nion" />
<meta property="og:type" content="article" />
<meta property="article:published_time" content="2011-01-01T00:00:00+00:00" />
<script type="application/ld+json">
{"description":"PHI, Panix Heavy Industries","@type":"AudioObject","headline":"Br Tbients","dateModified":"2020-07-03T17:10:58+00:00","datePublished":"2011-01-01T00:00:00+00:00","url":"https://panix.basspistol.com/br-tbients/","author":{"@type":"Person","name":"pax:nion"},"publisher":{"@type":"Organization","logo":{"@type":"ImageObject","url":"https://panix.basspistol.com/assets/img/setto_icon.png"},"name":"pax:nion"},"@context":"https://schema.org"}</script>
<!-- End Jekyll SEO tag -->
<link type="application/atom+xml" rel="alternate" href="https://panix.basspistol.com/feed.xml" title="" />
<!-- BEGIN seo.html -->
<title>Br Tbients | pax:nion</title>
<meta name="title" content="Br Tbients | pax:nion" />
<meta name="dc.date.modified" scheme="ISO8601" content="2020-07-03T17:10:58+00:00" />
<meta name="robots" content="index" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="canonical" href="https://panix.basspistol.com/br-tbients/" />
<link rel="alternate" hreflang="x-default" href="https://panix.basspistol.com/br-tbients/" />
<meta name="geo.region" content="BJ-ZO" />
<meta name="geo.placename" content="Setto" />
<meta name="geo.position" content="7.48777;2.076389" />
<meta name="ICBM" content="7.48777, 2.076389" />
<!-- Dublin Core basic info -->
<meta name="dcterms.Identifier" content="https://panix.basspistol.com" />
<meta name="dcterms.Format" content="text/html" />
<meta name="dcterms.Relation" content="pax:nion" />
<meta name="dcterms.Publisher" content="pax:nion" />
<meta name="dcterms.Type" content="text/html" />
<meta name="dcterms.Coverage" content="https://panix.basspistol.com/" />
<meta name="dcterms.Rights" content="Copyright &copy;2020 pax:nion." />
<meta name="dcterms.Subject" content="PHI, Panix Heavy Industries" />
<meta name="dcterms.Title" content="Br Tbients | pax:nion" />
<meta name="dcterms.Contributor" content="pax:nion" />
<meta name="dcterms.Date" content="2011-01-01" />
<meta name="dcterms.Description" content="" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="@" />
<meta name="twitter:title" content="Br Tbients | pax:nion" />
<meta name="twitter:description" content="PHI, Panix Heavy Industries" />
<meta name="twitter:image" content="https://panix.basspistol.com" />
<!-- END seo.html -->
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
<link rel="stylesheet" href="../assets/css/main20200519.css" />
<link rel="apple-touch-icon" href="https://panix.basspistol.com/apple-touch-icon.png" />
<link rel="icon" type="image/png" href="https://panix.basspistol.com/touch-icon.png" sizes="192x192" />
<link rel="shortcut icon" href="https://panix.basspistol.com/assets/img/setto_icon.png" type="image/png" />
<noscript><link rel="stylesheet" href="../assets/css/noscript20200518-rev1.css" /></noscript>
</head>
<body class="is-preload" id="body">
<span id="top" style="display: none;"></span>
<!-- Wrapper -->
<div id="wrapper" class="divided">
<!-- Banner -->
<section class="banner onload-image-fade-in onload-content-fade-right style2 fullscreen content-align-center image-position-center" style="height:100vh;background-color: rgba(13,13,13,0.85);">
<div class="content editable" data-cms-source="/_layouts/album.html" data-cms-index="0">
<h1 class="editable" data-cms-source="/_layouts/album.html" data-cms-index="1">Brötbients</h1>
<ul class="actions stacked">
<li><a href="#moe" class="button small smooth-scroll-middle">cheggit!</a></li>
</ul>
</div>
<div class="image">
<img src="../assets/albums/br-tbients/1-br-tbient.jpeg" alt="Brötbients" class="editable" data-cms-source="/_layouts/album.html" data-cms-index="2" />
</div>
</section>
<!-- Content -->
<section class="wrapper style1 align-center">
<div class="inner" style="padding-top: 40px;">
<div class="index align-left">
<!-- Author -->
<section style="padding-top:40px;" id="moe">
<header id="author">
<div class="bio">
<h6>
Share this page:
</h6>
<ul class="icons">
<li><a target="_blank" rel="nofollow noopener" title="Share to facebook" alt="Share to facebook" href="https://touch.facebook.com/sharer.php?u=https://panix.basspistol.com/br-tbients/&amp;quote= via https://panix.basspistol.com" class="icon brands style1 fa-facebook-f"><span class="label">Facebook</span></a></li>
<li><a target="_blank" rel="nofollow noopener" title="Share to twitter" alt="Share to twitter" href="https://twitter.com/share?url=https://panix.basspistol.com/br-tbients/&amp;text=%20via%20@&amp;hashtags=Cybersoul" class="icon brands style1 fa-twitter"><span class="label">Twitter</span></a></li>
<li><a target="_blank" rel="nofollow noopener" title="Share to telegram" alt="Share to telgram" href="https://telegram.me/share/url?url=https://panix.basspistol.com/br-tbients/&amp;text=%20check%20@basspistolQC" class="icon brands style1 fa-telegram"><span class="label">Telegram</span></a></li>
<li><a target="_blank" rel="nofollow noopener" title="Share to reddit" alt="Share to reddit" href="https://reddit.com/submit/?url=https://panix.basspistol.com/br-tbients/&amp;title=Br Tbients" 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>
<!-- Tracks -->
<section id="albumdata" class="wrapper style1 align-center">
<div class="gallery style1 medium onscroll-fade-in">
<!--
<article>
<a href="../br-tbients/1-br-tbient/" class="image">
<img src="../assets/albums/br-tbients/1-br-tbient.jpeg" alt="Brötbient" />
</a>
<div class="caption">
<h3>Brötbient</h3>
<p>
<strong>Electronic</strong>
<br />2011</p>
<ul class="actions fixed">
<li><span class="editable button small icon fa-play-circle" data-cms-source="/_layouts/album.html" data-cms-index="3">Play</span></li>
</ul>
</div>
</article>
<article>
<a href="../br-tbients/2-br-tbient-too/" class="image">
<img src="../assets/albums/br-tbients/2-br-tbient-too.jpeg" alt="Brötbient Too" />
</a>
<div class="caption">
<h3>Brötbient Too</h3>
<p>
<strong>Electronic</strong>
<br />2011</p>
<ul class="actions fixed">
<li><span class="editable button small icon fa-play-circle" data-cms-source="/_layouts/album.html" data-cms-index="3">Play</span></li>
</ul>
</div>
</article>
<article>
<a href="../br-tbients/3-broet-igen/" class="image">
<img src="../assets/albums/br-tbients/3-broet-igen.jpeg" alt="Broet Igen" />
</a>
<div class="caption">
<h3>Broet Igen</h3>
<p>
<strong>Electronic</strong>
<br />2011</p>
<ul class="actions fixed">
<li><span class="editable button small icon fa-play-circle" data-cms-source="/_layouts/album.html" data-cms-index="3">Play</span></li>
</ul>
</div>
</article>
-->
<section class="streambox" style="margin-top:40px;">
<h3 style="text-align: center;display: block;">This track can't be bought</h3>
<p>But other tracks are available here:</p>
<div class="streamer">
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Bandcamp']);" target="_blank" rel="noopener" href="https://panixheavyindustries.bandcamp.com" alt="Stream from Bandcamp" title="Stream from Bandcamp" class="button icon brands fa-bandcamp">Buy on Bandcamp</a>
</div>
<!--
<h3 style="text-align: center;display: block;margin-top:40px;">Stream</h3>
<div class="streamer">
</div>
-->
</section>
</div>
</section>
<!-- END Tracks -->
<!-- HERE ENDS MADNESS -->
<section class="wrapper style1 align-center">
<div class="inner">
<div class="index align-left">
<!-- Author -->
<section>
<!-- Content -->
<div class="content">
<!-- post Naviation -->
<div style="text-align: center;">
<h3>Read more posts</h3>
</div>
<div class="post-nav">
<div>
<h4><a href="/no-progress-ep/" alt="Read No Progress Ep" title="Read No Progress Ep"><i class="fas fa-arrow-left"></i></a> <a href="/no-progress-ep/">&nbsp;No Progress Ep</a></h4>
<p style="margin-right: 20px"></p>
</div>
<div class="post-nav-next">
<h4><a href="/netbook-lofi-beatheads/">&nbsp;Netbook Lofi Beatheads</a> <a href="/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="#top" class="smooth-scroll-middle">Back to top</a></li>
<li><a href="/#album0" class="smooth-scroll-middle">music</a></li>
</ul>
</div>
<div><img src="/assets/panix-logo-dark.svg" style="max-width:300px" alt="pax:nion Logo" /></div>
</div>
<div class="inner">
<ul class="icons">
<!-- <li><a href="mailto:" class="icon style2 fa-envelope"><span class="label">Email</span></a></li> -->
</ul>
<p>&copy;2020 Basspistol | <a href="../webcreds/">Credits</a> | <a href="../cookies/">Cookies & Privacy</a></p>
</div>
</footer>
</div>
<!-- Navigation -->
<a id="logo" alt="Back to home page" title="Back to home page" class="logo" href="/">&nbsp;</a>
<!-- End Navigation -->
<!-- Scripts -->
<script src="../assets/js/jquery.min.js"></script>
<script src="../assets/js/jquery.scrollex.min.js"></script>
<script src="../assets/js/jquery.scrolly.min.js"></script>
<script src="../assets/js/browser.min.js"></script>
<script src="../assets/js/breakpoints.min.js"></script>
<script src="../assets/js/util.js"></script>
<script src="../assets/js/main.js"></script>
<script src="../assets/js/set.js"></script>
<!-- <script>
var lang = navigator.language || navigator.userLanguage;
if (lang.indexOf('sv') == 0)
window.location = '/';
else
window.location = '/en/';
</script> -->
<script type="text/javascript">
// html5media enables <video> and <audio> tags in all major browsers
// External File: http://api.html5media.info/1.1.8/html5media.min.js
// Add user agent as an attribute on the <html> tag...
// Inspiration: http://css-tricks.com/ie-10-specific-styles/
var b = document.documentElement;
b.setAttribute('data-useragent', navigator.userAgent);
b.setAttribute('data-platform', navigator.platform);
// HTML5 audio player + playlist controls...
// Inspiration: http://jonhall.info/how_to/create_a_playlist_for_html5_audio
// Mythium Archive: https://archive.org/details/mythium/
jQuery(function ($) {
var supportsAudio = !!document.createElement('audio').canPlayType;
if (supportsAudio) {
var index = 0,
playing = false,
mediaPath = '',
extension = '',
tracks = [{
"track": 1,
"name": "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>The cookies here don't contain any identifiable information about you: they just let me know if you comeback. <br />Click <a href="#" id="cookie-notice-decline">here</a> if you want this shit to go away without cookies. <br />Read more about how basspistol <a href="/cookies/">uses cookies</a> </p>
<a class="button small yes" href="#" id="cookie-notice-accept">I'm in!</a>
</div>
<script>
function createCookie(name, value, days) {
var expires = "";
if (days) {
var date = new Date();
date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
expires = "; expires=" + date.toUTCString();
}
document.cookie = name + "=" + value + expires + "; path=/";
}
function readCookie(name) {
var nameEQ = name + "=";
var ca = document.cookie.split(';');
for (var i = 0; i < ca.length; i++) {
var c = ca[i];
while (c.charAt(0) == ' ') c = c.substring(1, c.length);
if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
}
return null;
}
function eraseCookie(name) {
createCookie(name, "", -1);
}
if (readCookie('cookie-notice-dismissed') == 'wantCookies') {
//* Matomo Tag Manager *//
var _mtm = _mtm || [];
_mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'});
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.type='text/javascript'; g.async=true; g.defer=true; g.src='https://cdn.matomo.cloud/terminalnetwork.matomo.cloud/container_kJUGWiO2.js'; s.parentNode.insertBefore(g,s);
//* End Matomo Tag Manager *//
} else {
document.getElementById('cookie-notice').style.display = 'flex';
var _paq = window._paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(["setDocumentTitle", document.domain + "/" + document.title]);
_paq.push(["disableCookies"]);
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="https://terminalnetwork.matomo.cloud/";
_paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '11']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.type='text/javascript'; g.async=true; g.defer=true; g.src='//cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
})();
}
if (readCookie('cookie-notice-dismissed') == 'dontWantCookies') {
document.getElementById('cookie-notice').style.display = 'none';
var _paq = window._paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(["setDocumentTitle", document.domain + "/" + document.title]);
_paq.push(["disableCookies"]);
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="https://terminalnetwork.matomo.cloud/";
_paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '11']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.type='text/javascript'; g.async=true; g.defer=true; g.src='//cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
})();
}
document.getElementById('cookie-notice-accept').addEventListener("click", function () {
createCookie('cookie-notice-dismissed', 'wantCookies', 31);
document.getElementById('cookie-notice').style.display = 'none';
_paq.push(['trackEvent', 'Consent', 'wantCookie']);
location.reload();
});
document.getElementById('cookie-notice-decline').addEventListener("click", function () {
createCookie('cookie-notice-dismissed', 'dontWantCookies', 31);
document.getElementById('cookie-notice').style.display = 'none';
_paq.push(['trackEvent', 'Consent', 'dontWantCookie']);
location.reload();
});
// document.getElementById('cookie-notice-gimme').addEventListener("click", function () {
// createCookie('cookie-notice-dismissed', 'wantCookies', 31);
// document.getElementById('cookie-notice').style.display = 'none';
// location.reload();
// });
</script>
</body>
</html>