hq/basspistol.com
hq/basspistol.com
4
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity
basspistol.com/_layouts/album.html

300 lines
11 KiB
HTML
Raw Normal View History

wtftftf?
2019-04-01 23:16:35 +02:00
---
initial commit for v5
2020-07-09 10:15:00 +02:00
lang: en
wtftftf?
2019-04-01 23:16:35 +02:00
---
initial commit for v5
2020-07-09 10:15:00 +02:00
<!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="{% if page.lang != site.lang %}{{ page.lang }}{% else %}{{ site.lang }}{% endif %}">
wtftftf?
2019-04-01 23:16:35 +02:00
<head>
initial commit for v5
2020-07-09 10:15:00 +02:00
<link type="application/atom+xml" rel="alternate" href="{{ site.url }}/feed.xml" title="{{ site.name }}" />
{% include seo.html %}
making all path relative
2019-12-16 12:12:57 +01:00
{% include relBase.html %}
initial commit for v5
2020-07-09 10:15:00 +02:00
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
last modifs
2020-07-10 11:46:33 +02:00
<link rel="stylesheet" href="{{ relBase }}/assets/css/main20200710.css" />
initial commit for v5
2020-07-09 10:15:00 +02:00
<link rel="apple-touch-icon" href="{{ site.url }}/apple-touch-icon.png">
<link rel="icon" type="image/png" href="{{ site.url }}/touch-icon.png" sizes="192x192">
<link rel="shortcut icon" href="{{ site.url }}{{ site.icon }}" type="image/png" />
last modifs
2020-07-10 11:46:33 +02:00
<noscript><link rel="stylesheet" href="{{ relBase }}/assets/css/noscript20200710.css" /></noscript>
wtftftf?
2019-04-01 23:16:35 +02:00
</head>
no preload and bumpup radio
2020-07-15 12:39:53 +02:00
<body id="body">
initial commit for v5
2020-07-09 10:15:00 +02:00
<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"
min-height and blur on logo
2020-07-15 13:53:40 +02:00
style="min-height:100vh;">
initial commit for v5
2020-07-09 10:15:00 +02:00
<div class="content editable">
<h1 class="editable">{{ page.title }}</h1>
additional data on album and track pages
2020-07-11 16:33:27 +02:00
<p>by <strong>{{ page.artists }}</strong>
<br />{{ page.date | date: '%Y' }}
</p>
initial commit for v5
2020-07-09 10:15:00 +02:00
<ul class="actions stacked">
scroll
2020-07-17 10:33:37 +02:00
<li><a href="#moe" class="button small smooth-scroll">cheggit!</a></li>
initial commit for v5
2020-07-09 10:15:00 +02:00
</ul>
</div>
<div class="image">
<img src="{{ page.cover }}" alt="{{ page.title }}" />
</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">
{% include author.html %}
<!-- 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">
preload rules
2020-07-11 16:18:43 +02:00
<audio id="audio1" preload="metadata" controls="controls">Your browser does not support HTML5
initial commit for v5
2020-07-09 10:15:00 +02:00
Audio!</audio>
</div>{% assign onetracker = page.tracks | size %}
{% if onetracker > 1 %}
<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>
{% endif %}
</div>
<div id="plwrap">
<ul id="plList">
{% for track in page.tracks %}
<li class="">
<div class="plItem">
<div class="plNum">{{ track.common.track.no }}.</div>
<div class="plTitle">{{ track.common.title }}</div>
<div class="plLength">{% assign round_seconds = track.format.duration | round %}{% assign minutes = round_seconds | divided_by: 60 %}{% assign leftover_seconds = minutes | times: 60 %}{{ minutes }}:{% assign seconds_without_zero = round_seconds | minus: leftover_seconds %}{% if seconds_without_zero < 10 %}0{% endif %}{{ seconds_without_zero }}</div>
</div>
</li>
{% endfor %}
</ul>
</div>
</div>
<div id="noJSalbum">
{% for track in page.tracks %}
<div class="plItem">
<div class="plNum">{{ track.common.track.no }}.</div>
<div class="plTitle"><a href="{{ track.audio }}">{{ track.common.title }} </a></div>
timer
2020-07-09 12:36:20 +02:00
<div class="plLength">{% assign round_seconds = track.format.duration | round %}{% assign minutes = round_seconds | divided_by: 60 %}{% assign leftover_seconds = minutes | times: 60 %}{{ minutes }}:{% assign seconds_without_zero = round_seconds | minus: leftover_seconds %}{% if seconds_without_zero < 10 %}0{% endif %}{{ seconds_without_zero }}</div>
initial commit for v5
2020-07-09 10:15:00 +02:00
</div>
{% endfor %}
</div>
</div>
remove hard coded font-style
2020-07-28 12:09:08 +02:00
<div class="content" style="font-size: 16px;margin-top:60px;">
initial commit for v5
2020-07-09 10:15:00 +02:00
{{ content }}
<p>{{ page.credits }}</p>
</div>
</div>
</section>
wtftftf?
2019-04-01 23:16:35 +02:00
</div>
initial commit for v5
2020-07-09 10:15:00 +02:00
</div>
</section>
<!-- HERE ENDS MADNESS -->
adding stores
2020-07-10 17:23:06 +02:00
{% include streamer.html %}
initial commit for v5
2020-07-09 10:15:00 +02:00
<section class="wrapper style1 align-center">
<div class="inner">
<h2>Track list</h2>
<p>Use thses pages to share one song in particular</p>
</div>
</section>
wtftftf?
2019-04-01 23:16:35 +02:00
{% for track in page.tracks %}
initial commit for v5
2020-07-09 10:15:00 +02:00
<section
class="spotlight style4 orient-{% cycle 'left', 'right' %} content-align-{% cycle 'right', 'left' %} image-position-center onscroll-image-fade-in"
{% if forloop.index == 1 %}style="box-shadow: none;" {% endif %}>
<div class="content">
<h3>{{ track.common.title }}</h3>
<p>
timer
2020-07-09 12:36:20 +02:00
{% assign round_seconds = track.format.duration | round %}{% assign minutes = round_seconds | divided_by: 60 %}{% assign leftover_seconds = minutes | times: 60 %}{{ minutes }}:{% assign seconds_without_zero = round_seconds | minus: leftover_seconds %}{% if seconds_without_zero < 10 %}0{% endif %}{{ seconds_without_zero }}
initial commit for v5
2020-07-09 10:15:00 +02:00
<br /><strong>{{ track.common.genre }}</strong>
<br />{{ track.common.year }}</p>
<ul class="actions stacked">
play button
2020-07-29 13:31:37 +02:00
<li><a href="{{ relBase }}/tracks/{{ track.slug }}/" class="button small icon solid fa-play">Play</a></li>
initial commit for v5
2020-07-09 10:15:00 +02:00
</ul>
</div>
<div class="image">
<img src="{{ track.cover }}" alt="{{ track.common.title }}" />
</div>
</section>
wtftftf?
2019-04-01 23:16:35 +02:00
{% endfor %}
initial commit for v5
2020-07-09 10:15:00 +02:00
adding stores
2020-07-10 17:23:06 +02:00
initial commit for v5
2020-07-09 10:15:00 +02:00
<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>
{% if page.previous.url and page.lang == page.previous.lang %}
<h4><a href="{{page.previous.url}}" alt="Read {{page.previous.title}}" title="Read {{page.previous.title}}"><i class="fas fa-arrow-left"></i></a> <a
href="{{page.previous.url}}">&nbsp;{{page.previous.title}}</a></h4>
<p style="margin-right: 20px">{{ page.previous.description }}</p>
{% endif %}
</div>
<div class="post-nav-next">
{% if page.next.url and page.lang == page.next.lang %}
<h4><a href="{{page.next.url}}">&nbsp;{{page.next.title}}</a> <a href="{{page.next.url}}" alt="Read {{page.next.title}}" title="Read {{page.next.title}}"><i
class="fas fa-arrow-right"></i></a></h4>
<p style="margin-left: 20px">{{ page.next.description }}</p>
{% endif %}
</div>
</div>
<!-- End Post Navigation -->
</div>
</section>
wtftftf?
2019-04-01 23:16:35 +02:00
</div>
</div>
initial commit for v5
2020-07-09 10:15:00 +02:00
</section>
{% include footer.html %}
</div>
{% include navigation.html %}
{% include scripts.html %}
<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 = [{% for track in page.tracks %}{
"track": {{ track.common.track.no }},
"name": "{{ track.common.title }}",
"length": "{% assign round_seconds = track.format.duration | round %}{% assign minutes = round_seconds | divided_by: 60 %}{% assign leftover_seconds = minutes | times: 60 %}{{ minutes }}:{{ round_seconds | minus: leftover_seconds }}",
media url dynamic
2020-07-28 12:11:59 +02:00
"file": "{{ site.mediaurl }}/{{ track.albumSlug }}/{{ track.trackSlug }}"
initial commit for v5
2020-07-09 10:15:00 +02:00
}{% unless forloop.last %},{% endunless %}{% endfor %}],
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>
{% include cookie-consent.html %}
wtftftf?
2019-04-01 23:16:35 +02:00
</body>
initial commit for v5
2020-07-09 10:15:00 +02:00
</html>
Reference in a new issue Copy permalink