documenting and adding defaults
This commit is contained in:
sakrecoer
parent
7342cba3eb
commit
642f1a32f0
78 changed files with 13656 additions and 4 deletions
132
_layouts/404page.html
Normal file
132
_layouts/404page.html
Normal file
|
|
@ -0,0 +1,132 @@
|
|||
---
|
||||
layout: nil
|
||||
---
|
||||
<!DOCTYPE HTML>
|
||||
<!--
|
||||
Publikatorized by Sakrecoer
|
||||
Free for personal and commercial use under the CCA 3.0 license
|
||||
-->
|
||||
<html lang="{{ site.lang }}">
|
||||
<head>
|
||||
{% include seo.html %}
|
||||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
|
||||
<link rel="stylesheet" href="/assets/css/all.min.css" />
|
||||
<link rel="stylesheet" href="/assets/css/colors-20200911.css" />
|
||||
<link rel="stylesheet" href="/assets/css/main-20200911.css" />
|
||||
<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" />
|
||||
<noscript><link rel="stylesheet" href="/assets/css/noscripts-20200911.css" /></noscript>
|
||||
|
||||
<meta name="theme-color" content="{{ site.data.colors.bg }}"/>
|
||||
|
||||
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- Wrapper -->
|
||||
|
||||
<div id="main-wrapper">
|
||||
|
||||
|
||||
<header class="hero" style="background-image: url({{ page.image }});">
|
||||
<div class="imagecontainer">
|
||||
<h4>{{ page.title }}</h4>
|
||||
</div>
|
||||
<div class="splash">
|
||||
<div class="splash-logo">
|
||||
{% if page.category == 'releases' or page.category == 'highlights' %}
|
||||
|
||||
{% else %}
|
||||
<a href="#read"><img src="{{ site.icon }}" width="240px" alt="{{ site.title }} Logo" /></a>
|
||||
{% endif %}
|
||||
|
||||
</div>
|
||||
<div class="description">
|
||||
|
||||
<h1>{{ page.title }}</h1>
|
||||
<p>{{ page.description }}</p>
|
||||
{% if page.category == 'releases' %}
|
||||
<p><a href="#play" class="button">🔊 Listen</a></p>
|
||||
{% elsif page.category == 'highlights' %}
|
||||
<p><a href="#read" class="button">👀 Read</a></p>
|
||||
{% elsif page.url == '/404/' %}
|
||||
<p><a href="/" class="button">🏡 Take me home</a></p>
|
||||
{% elsif page.url == '/about/' %}
|
||||
<p><a href="#read" class="button">👽 Saywhat?</a></p>
|
||||
{% else %}
|
||||
<p><a href="#read" class="button">🔥 Boom</a></p>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
</header>
|
||||
|
||||
<section class="info" id="read">
|
||||
<div class="info-pages">
|
||||
{{ content }}
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Footer -->
|
||||
{% unless page.collection == 'tracks' or page.url == '/radio/' %}
|
||||
<!-- Footer -->
|
||||
<footer>
|
||||
<div class="footframe">
|
||||
<div>
|
||||
<h3>{{ site.title }}</h3>
|
||||
<p>{{ site.description }}</p>
|
||||
<ul>
|
||||
{% if page.url != '/' %}
|
||||
<li><a href="/">🏡 Home</a></li>
|
||||
{% endif %}
|
||||
{% for entry in site.data.navigation %}
|
||||
<li><a href="{{ entry.url }}" {% if entry.external_site == true %} target="_blank" rel="noopener"
|
||||
{% endif %}>{{ entry.icon }} {{ entry.name }}</a></li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div><a href="#main-wrapper"><img src="{{ site.icon }}" alt="{{ site.title }} Logo" /></a></div>
|
||||
|
||||
<small>
|
||||
<div style="text-align: center;">
|
||||
{% for nw in site.data.social %}
|
||||
<a target="_blank" alt="{{ site.title }} on {{ nw.name }}" title="{{ site.title }} on {{ nw.name }}" rel="{% if nw.url contains 'mastodon.art' %}me {% endif %}noopener"
|
||||
href="{{ nw.url }}" class="icon small fab {{ nw.icon }}"><span class="label">{{ nw.name }}</span></a>
|
||||
{% endfor %}
|
||||
<a target="_blank" alt="email" title="email" href="mailto:{{ site.social.mail }}" class="icon small fas fa-envelope-open-text"><span
|
||||
class="label">Email</span></a>
|
||||
</div>
|
||||
<p>©{{ site.time | date: '%Y' }} {{ site.publisher.name }} | <a href="/webcreds/">Credits</a> |
|
||||
<a href="/cookies/">Cookies & Privacy</a>
|
||||
<br />This page was last updated on {{ page.last_modified_at | date: "%A, %b %d, %Y" }}</p>
|
||||
</small>
|
||||
</div>
|
||||
</footer>
|
||||
{% endunless %}
|
||||
|
||||
<!-- END Footer -->
|
||||
|
||||
|
||||
</div>
|
||||
<!-- END Wrapper -->
|
||||
{% unless page.collection == 'tracks' %}
|
||||
{% include navigation.html %}
|
||||
{% endunless %}
|
||||
{% include scripts.html %}
|
||||
{% if page.video_path %}
|
||||
<div class="fullscreen-bg">
|
||||
<video data-matomo-title="{{ page.title }} VideoBG" autoplay muted loop poster="{{ page.image }}" class="fullscreen-bg__video">
|
||||
<source src="{{ page.video_path }}" type="video/mp4">
|
||||
</video>
|
||||
</div>
|
||||
{% endif %}
|
||||
</body>
|
||||
</html>
|
||||
|
||||
3
_layouts/album.html
Normal file
3
_layouts/album.html
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
---
|
||||
layout: nil
|
||||
---
|
||||
|
|
@ -1 +1,56 @@
|
|||
---
|
||||
---
|
||||
<!DOCTYPE HTML>
|
||||
<!--
|
||||
Publikatorized by Sakrecoer
|
||||
Free for personal and commercial use under the CCA 3.0 license.
|
||||
-->
|
||||
<html lang="{{ site.lang }}">
|
||||
<head>
|
||||
{% include seo.html %}
|
||||
{% include relBase.html %}
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
|
||||
<link rel="stylesheet" href="{{ relBase }}/assets/css/all.min.css" />
|
||||
<link rel="stylesheet" href="{{ relBase }}/assets/css/colors-20200911.css" />
|
||||
<link rel="stylesheet" href="{{ relBase }}/assets/css/main-20200911.css" />
|
||||
<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" />
|
||||
<noscript><link rel="stylesheet" href="{{ relBase }}/assets/css/noscripts-20200911.css" /></noscript>
|
||||
|
||||
<meta name="theme-color" content="{{ site.data.colors.bg }}"/>
|
||||
|
||||
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- Wrapper -->
|
||||
|
||||
<div id="main-wrapper">
|
||||
|
||||
{{ content }}
|
||||
<!-- Footer -->
|
||||
{% unless page.collection == 'tracks' or page.url == '/radio/' %}
|
||||
{% include footer.html %}
|
||||
{% endunless %}
|
||||
|
||||
<!-- END Footer -->
|
||||
|
||||
|
||||
</div>
|
||||
<!-- END Wrapper -->
|
||||
{% unless page.collection == 'traks' %}
|
||||
{% include navigation.html %}
|
||||
{% endunless %}
|
||||
{% include scripts.html %}
|
||||
{% if page.video_path %}
|
||||
<div class="fullscreen-bg">
|
||||
<video data-matomo-title="{{ page.title }} VideoBG" autoplay muted loop poster="{{ page.image }}" class="fullscreen-bg__video">
|
||||
<source src="{{ page.video_path }}" type="video/mp4">
|
||||
</video>
|
||||
</div>
|
||||
{% endif %}
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
|
|
|||
3
_layouts/nil.html
Normal file
3
_layouts/nil.html
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
---
|
||||
---
|
||||
{{ content }}
|
||||
|
|
@ -2,4 +2,13 @@
|
|||
layout: default
|
||||
---
|
||||
|
||||
{% include relBase.html %}
|
||||
{% include header.html %}
|
||||
<section class="info" id="read">
|
||||
<div class="info-pages">
|
||||
{{ content }}
|
||||
</div>
|
||||
</section>
|
||||
{% if page.url == '/fr-fretag/' %}
|
||||
{% include contact.html %}
|
||||
{% endif %}
|
||||
|
|
@ -1,5 +1,367 @@
|
|||
---
|
||||
layout: default
|
||||
---
|
||||
{% if page.category == 'releases' %}
|
||||
<script src="{{ relBase }}/assets/js/jquery-3.5.1.min.js"></script>
|
||||
{% include header.html %}
|
||||
|
||||
{{ content }}
|
||||
<section id="play">
|
||||
<div class="album-player">
|
||||
|
||||
<!-- HERE BEGINS MADNESS -->
|
||||
|
||||
{% for album in site.albums %}
|
||||
{% if page.album == album.slug %}
|
||||
{% assign onetracker = album.tracks | size %}
|
||||
<div class="player-wrap">
|
||||
|
||||
<div id="plwrap">
|
||||
<h2>Track list</h2>
|
||||
<ul id="plList">
|
||||
{% for track in album.tracks %}
|
||||
<li class="" {% if onetracker == 1 %}style="border-radius: 5px;"{% endif %}>
|
||||
<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 class="noJSalbum">
|
||||
<div class="coverartwrapper">
|
||||
<div class="coverartwrapped" style="background-image: url({{ page.image }});"></div>
|
||||
</div>
|
||||
{% for track in album.tracks %}
|
||||
|
||||
<div class="plItem">
|
||||
<div class="plNum">{{ track.common.track.no }}.</div>
|
||||
<div class="plTitle"><a href="{{ site.mediaurl }}/{{ track.albumSlug }}/{{ track.trackSlug }}.mp3" target="_blank"
|
||||
rel="noopener">{{ track.common.title }} </a></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>
|
||||
|
||||
{% endfor %}
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="coverart">
|
||||
<div class="coverartwrapper">
|
||||
<div id="npImage" class="coverartwrapped"></div>
|
||||
</div>
|
||||
|
||||
{% assign author_id = page.author | prepend: "/authors/" | append: "/" %}
|
||||
{% assign author = site.authors | where: "url", author_id | first %}
|
||||
<div id="author">
|
||||
<div class="bio">
|
||||
|
||||
<p class="date">
|
||||
Published the
|
||||
|
||||
<time datetime="{{ page.date }}">{% include dates.html %}</time>
|
||||
</p>
|
||||
|
||||
|
||||
<h6>
|
||||
|
||||
Share this page:
|
||||
</h6>
|
||||
<ul>
|
||||
<a target="_blank" rel="nofollow noopener" title="Share to facebook" alt="Share to facebook" href="https://touch.facebook.com/sharer.php?u={{ site.url }}{{ page.url | xml_escape }}?pk_campaign=homeshare&quote={{ page.description | xml_escape }}%20By%20{{ site.title | xml_escape }}%20via%20{{ site.url }}" class="icon smaller fab fa-facebook-f"><span class="label">Facebook</span></a>
|
||||
<a target="_blank" rel="nofollow noopener" title="Share to twitter" alt="Share to twitter" href="https://twitter.com/share?url={{ site.url }}{{ page.url | xml_escape }}?pk_campaign=homeshare&text={{ page.description | xml_escape }}%20via%20@{{ site.social.usernames.twitter }}%20&hashtags=#{{ site.social.hashtag }}" class="icon smaller fab fa-twitter"><span class="label">Twitter</span></a>
|
||||
<a target="_blank" rel="nofollow noopener" title="Share to telegram" alt="Share to telgram" href="https://telegram.me/share/url?url={{ site.url }}{{ page.url }}?pk_campaign=homeshare&text={{ page.description | xml_escape }}%20via%20@{{ site.social.usernames.telegram }}" class="icon smaller fab fa-telegram"><span class="label ">Telegram</span></a>
|
||||
<a target="_blank" rel="nofollow noopener" title="Share to reddit" alt="Share to reddit" href="https://reddit.com/submit/?url={{ site.url }}{{ page.url }}?pk_campaign=homeshare&title={{ page.description | xml_escape }}%20By%20{{ site.title | xml_escape }}" class="icon smaller fab fa-reddit"><span class="label">Reddit</span></a>
|
||||
</ul>
|
||||
<a href="{{ relBase }}/chat/#read" target="_blank" class="button">📢 Chat</a>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="info">
|
||||
<div class="container">
|
||||
{{ content }}
|
||||
{% if page.link %}
|
||||
<p class="center">
|
||||
|
||||
<a href="{{ page.link.url }}?ref=TheMusicSyndicateWashere" target="_bank" rel="noopener" class="button">{% if page.link.buttontext %}{{ page.link.buttontext }}{% else %}👀 check it out{% endif %}</a>
|
||||
|
||||
|
||||
</p>
|
||||
{% endif %}
|
||||
</div>
|
||||
</section>
|
||||
<div id="fixedPlayer" class="showplayer hideplayer">
|
||||
<div id="audiowrap">
|
||||
|
||||
<div id="audio0">
|
||||
<audio id="audio1" preload="metadata" controls="controls">
|
||||
Your browser does not support HTML5 Audio!
|
||||
</audio>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div id="nowPlay">
|
||||
|
||||
{% if onetracker > 1 %}
|
||||
<div id="tracks">
|
||||
<a id="btnPrev"><span class="fas fa-fast-backward"></span></a>
|
||||
<a id="btnNext"><span class="fas fa-fast-forward"></span></a>
|
||||
</div>
|
||||
{% endif %}
|
||||
<p class="right" id="npTitle" style="font-weight: bold;"></p>
|
||||
<p class="left" id="npAction">Paused...</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
{% include streamer.html %}
|
||||
|
||||
{% if onetracker > 1 %}
|
||||
<!-- Tracks -->
|
||||
{% for track in album.tracks %}
|
||||
|
||||
<section class="track-picker">
|
||||
<div class="full-image" style="background-image:url({{ site.mediaurl }}/{{ track.albumSlug }}/{{ track.trackSlug }}.jpeg);">
|
||||
</div>
|
||||
<div>
|
||||
<h2>{{ track.common.title }}</h2>
|
||||
<p>
|
||||
{% 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 }}
|
||||
| <strong>{{ track.common.genre }}</strong></p>
|
||||
<p>{{ track.common.year }}</p>
|
||||
<p><a href="{{ relBase }}/{{ track.slug }}/" class="button">🔊 Play</a></p>
|
||||
{% if track.all.UNSYNCEDLYRICS and track.all.USLT %}
|
||||
|
||||
<p>
|
||||
{{ track.all.USLT.text | newline_to_br }}
|
||||
</p>
|
||||
|
||||
{% elsif track.all.USLT and track.all.UNSYNCEDLYRICS == nil %}
|
||||
|
||||
<p>
|
||||
{{ track.all.USLT.text | newline_to_br }}
|
||||
</p>
|
||||
|
||||
{% elsif track.all.UNSYNCEDLYRICS and track.all.USLT == nil %}
|
||||
|
||||
<p>
|
||||
{{ track.all.UNSYNCEDLYRICS | newline_to_br }}
|
||||
</p>
|
||||
|
||||
{% elsif track.all.lyrics %}
|
||||
|
||||
<p>
|
||||
{{ track.all.lyrics | newline_to_br }}
|
||||
</p>
|
||||
|
||||
{% endif %}
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{% endfor %}
|
||||
|
||||
<!-- END Tracks -->
|
||||
{% endif %}
|
||||
|
||||
{% break %} {% endif %} {% endfor %}
|
||||
<!-- HERE ENDS MADNESS -->
|
||||
|
||||
<!-- post Naviation -->
|
||||
<section class="post-navigation">
|
||||
{% if page.previous.url or page.next.url %}
|
||||
<div class="container">
|
||||
<div class="post-nav">
|
||||
{% if page.previous.url %}
|
||||
<h4><a href="{{ relBase }}{{ page.previous.url }}" alt="Read {{ page.previous.title }}"
|
||||
title="Read {{ page.previous.title }}"><span class="fas fa-arrow-left"
|
||||
style="font-size:3em;text-decoration: none;"></span></a></h4>
|
||||
<h3>{{ page.previous.title }}</h3>
|
||||
<p>{{ page.previous.description }}</p>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="post-nav-next">
|
||||
{% if page.next.url%}
|
||||
<h4><a href="{{ page.next.url }}"><span class="fas fa-arrow-right" style="font-size:3em;"></span></a></h4>
|
||||
<h3>{{ page.next.title }}</h3>
|
||||
<p>{{ page.next.description }}</p>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
</section>
|
||||
<!-- End Post Navigation -->
|
||||
|
||||
|
||||
<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 album in site.albums %}{% if page.album == album.slug %}{% for track in album.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 }}",
|
||||
"file": "{{ site.mediaurl }}/{{ track.albumSlug }}/{{ track.trackSlug }}",
|
||||
"image": "{{ site.mediaurl }}/{{ track.albumSlug }}/{{ track.trackSlug }}"
|
||||
}{% unless forloop.last %},{% endunless %}{% endfor %}{% break %} {% endif %}{% endfor %}],
|
||||
trackCount = tracks.length,
|
||||
npAction = $('#npAction'),
|
||||
npTitle = $('#npTitle'),
|
||||
npImage = $('#npImage'),
|
||||
audio = $('#audio1').bind('play', function () {
|
||||
playing = true;
|
||||
npAction.text('Playing...');
|
||||
$('#fixedPlayer').removeClass('hideplayer');
|
||||
$("#npImage").addClass('spinnit');
|
||||
}).bind('pause', function () {
|
||||
playing = false;
|
||||
npAction.text('Paused...');
|
||||
|
||||
$("#npImage").removeClass('spinnit');
|
||||
}).bind('ended', function () {
|
||||
npAction.text('Paused...');
|
||||
if ((index + 1) < trackCount) {
|
||||
index++;
|
||||
loadTrack(index);
|
||||
playTrack(index);
|
||||
audio.play();
|
||||
} else {
|
||||
audio.pause();
|
||||
index = 0;
|
||||
loadTrack(index);
|
||||
}
|
||||
}).get(0),
|
||||
btnPrev = $('#btnPrev').click(function () {
|
||||
if ((index - 1) > -1) {
|
||||
index--;
|
||||
loadTrack(index);
|
||||
playTrack(index);
|
||||
if (playing) {
|
||||
audio.play();
|
||||
}
|
||||
} else {
|
||||
audio.pause();
|
||||
index = 0;
|
||||
loadTrack(index);
|
||||
}
|
||||
}),
|
||||
btnNext = $('#btnNext').click(function () {
|
||||
if ((index + 1) < trackCount) {
|
||||
index++;
|
||||
loadTrack(index);
|
||||
playTrack(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 || playing == false) {
|
||||
playTrack(id);
|
||||
}else {
|
||||
audio.pause();
|
||||
}
|
||||
|
||||
}),
|
||||
loadTrack = function (id) {
|
||||
|
||||
npTitle.text(tracks[id].name);
|
||||
index = id;
|
||||
audio.src = mediaPath + tracks[id].file + extension;
|
||||
$('audio').attr("data-matomo-title", tracks[id].name);
|
||||
$("#npImage").attr('style', 'background-image:url(' + tracks[id].image + '.jpeg)');
|
||||
|
||||
|
||||
|
||||
},
|
||||
playTrack = function (id) {
|
||||
$('.plSel').removeClass('plSel');
|
||||
$('#plList li:eq(' + id + ')').addClass('plSel');
|
||||
loadTrack(id);
|
||||
audio.play();
|
||||
|
||||
};
|
||||
extension = audio.canPlayType('audio/mpeg') ? '.mp3' : audio.canPlayType('audio/ogg') ? '.ogg' : '';
|
||||
loadTrack(index);
|
||||
}
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
{% else %}
|
||||
{% include header.html %}
|
||||
|
||||
<section class="info" id="read">
|
||||
|
||||
<div class="info-pages">
|
||||
|
||||
{{ content }}
|
||||
{% if page.link %}
|
||||
<p class="center">
|
||||
|
||||
<a href="{{ page.link.url }}?ref=TheMusicSyndicateWashere" target="_bank" rel="noopener" class="button">{% if page.link.buttontext %}{{ page.link.buttontext }}{% else %}👀 check it out{% endif %}</a>
|
||||
|
||||
|
||||
</p>
|
||||
{% endif %}
|
||||
{% include author.html %}
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
<!-- post Naviation -->
|
||||
<section class="post-navigation">
|
||||
{% if page.previous.url or page.next.url %}
|
||||
<div class="container">
|
||||
<div class="post-nav">
|
||||
{% if page.previous.url %}
|
||||
<h4><a href="{{ relBase }}{{ page.previous.url }}" alt="Read {{ page.previous.title }}" title="Read {{ page.previous.title }}"><span
|
||||
class="fas fa-arrow-left" style="font-size:3em;text-decoration: none;"></span></a></h4>
|
||||
<h3>{{ page.previous.title }}</h3>
|
||||
<p>{{ page.previous.description }}</p>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="post-nav-next">
|
||||
{% if page.next.url%}
|
||||
<h4><a href="{{ page.next.url }}"><span class="fas fa-arrow-right" style="font-size:3em;"></span></a></h4>
|
||||
<h3>{{ page.next.title }}</h3>
|
||||
<p>{{ page.next.description }}</p>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
</section>
|
||||
{% endif %}
|
||||
186
_layouts/track.html
Normal file
186
_layouts/track.html
Normal file
|
|
@ -0,0 +1,186 @@
|
|||
---
|
||||
layout: default
|
||||
---
|
||||
|
||||
{% include relBase.html %}
|
||||
<!-- Banner -->
|
||||
{% for album in site.albums %}
|
||||
{% if album.slug == page.albumSlug %}
|
||||
{% assign onetracker = album.tracks | size %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
|
||||
<div id="trackArt">
|
||||
<section>
|
||||
<div class="coverartwrapper">
|
||||
<div class="coverartwrapped" id="coverart" style="background-image: url({{ site.mediaurl }}/{{ page.slug }}.jpeg);"></div>
|
||||
</div>
|
||||
<div class="playbutton hideWhenNoJS">
|
||||
<a id="mu_pause" class="button">🔊 Play!</a>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</p>
|
||||
|
||||
</section>
|
||||
</div>
|
||||
<!-- Content -->
|
||||
<div id="trackInfo">
|
||||
|
||||
<section>
|
||||
<h1 style="margin-top:80px;">{{ page.common.title }}</h1>
|
||||
<p>{% for style in page.common.genre %}{{ style }}{% endfor %} by <strong>{{ page.common.artist }}</strong></p>
|
||||
{% for post in site.posts %}
|
||||
{% if post.album == page.albumSlug %}
|
||||
<p>From the {{ page.common.year }} {% if onetracker > 1 %}release{% else %}single{% endif %} <a href="{{ relBase }}{{ post.url }}">"{{ page.common.album }}"</a></p>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
|
||||
<p><strong>{% assign round_seconds = page.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 }}</strong></p>
|
||||
|
||||
|
||||
{% include author.html %}
|
||||
|
||||
|
||||
|
||||
|
||||
<p class="noJSalbum"><a class="button" target="_blank" rel="noopener" href="{{ site.mediaurl }}/{{ page.albumSlug }}/{{ page.trackSlug }}.mp3"><span class="fas fa-play"></span> Play!</a></p>
|
||||
|
||||
|
||||
|
||||
<!-- Content -->
|
||||
|
||||
{% if page.all.UNSYNCEDLYRICS and page.all.USLT %}
|
||||
<div class="info">
|
||||
<p>
|
||||
{{ page.all.USLT.text | newline_to_br }}
|
||||
</p>
|
||||
</div>
|
||||
{% elsif page.all.USLT and page.all.UNSYNCEDLYRICS == nil %}
|
||||
<div class="info">
|
||||
<p>
|
||||
{{ page.all.USLT.text | newline_to_br }}
|
||||
</p>
|
||||
</div>
|
||||
{% elsif page.all.UNSYNCEDLYRICS and page.all.USLT == nil %}
|
||||
<div class="info">
|
||||
<p>
|
||||
{{ page.all.UNSYNCEDLYRICS | newline_to_br }}
|
||||
</p>
|
||||
</div>
|
||||
{% endif %}
|
||||
<p>
|
||||
{{ page.all.Comment }}
|
||||
</p>
|
||||
|
||||
</section>
|
||||
{% for post in site.posts %}
|
||||
{% if post.album == page.albumSlug %}
|
||||
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
<!-- post Naviation -->
|
||||
<section class="post-navigation">
|
||||
{% if page.previous.url or page.next.url %}
|
||||
<div class="post-nav">
|
||||
{% if page.previous.url %}
|
||||
<h4><a href="{{ relBase }}{{ page.previous.url }}" alt="Read {{ page.previous.title }}" title="Read {{ page.previous.title }}"><span
|
||||
class="fas fa-arrow-left" style="font-size:3em;text-decoration: none;"></span></a></h4>
|
||||
<h3>{{ page.previous.common.title }}</h3>
|
||||
<p>{{ page.previous.description }}</p>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="post-nav-next">
|
||||
{% if page.next.url%}
|
||||
<h4><a href="{{ page.next.url }}"><span class="fas fa-arrow-right" style="font-size:3em;"></span></a></h4>
|
||||
<h3>{{ page.next.common.title }}</h3>
|
||||
<p>{{ page.next.description }}</p>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% endif %}
|
||||
</section>
|
||||
{% include footer.html %}
|
||||
<!-- End Post Navigation -->
|
||||
</div>
|
||||
|
||||
<!-- Audio player-->
|
||||
|
||||
|
||||
|
||||
<div id="fixedPlayer" class="showplayer hideplayer">
|
||||
<div id="audiowrap">
|
||||
|
||||
<div id="audio0">
|
||||
<audio controls autoplay preload="metadata" data-matomo-title="{{ page.common.title }} - {{ page.common.album }}">
|
||||
<source src="{{ site.mediaurl }}/{{ page.slug }}.mp3" type="audio/mpeg" ontimeupdate='updateTrackTime(this);' />
|
||||
<h1>Your browser isn't ready for so much hotness. Use the download-link instead.</h1>.
|
||||
</audio>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div id="nowPlay">
|
||||
|
||||
|
||||
<div id="tracks">
|
||||
{% if page.previous.url %}
|
||||
<a id="btnPrev" href="{{ relBase }}{{ page.previous.url }}"><span class="fas fa-fast-backward"></span></a>
|
||||
{% endif %}
|
||||
|
||||
{% if page.next.url %}
|
||||
<a id="btnNext" href="{{ relBase }}{{ page.next.url }}"><span class="fas fa-fast-forward"></span></a>
|
||||
{% endif %}
|
||||
</div>
|
||||
<p id="npTitle" style="font-weight: bold;">{{ page.common.title }} </p>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<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");
|
||||
var fixedplayer = document.getElementById("fixedPlayer");
|
||||
|
||||
mu.addEventListener('ended', function () {
|
||||
// only functional if "loop" is removed
|
||||
mu.pause();
|
||||
mu.currentTime = 0;
|
||||
loadUrl("{{ relBase }}{{ page.next.url }}"); return false;
|
||||
});
|
||||
mu.onplaying = function() {
|
||||
pauseButton.innerHTML = "⏸️ Pause";
|
||||
fixedplayer.classList.remove("hideplayer");
|
||||
|
||||
};
|
||||
|
||||
pauseButton.addEventListener("click", function () {
|
||||
if (mu.paused) {
|
||||
mu.play();
|
||||
|
||||
}
|
||||
else {
|
||||
mu.pause();
|
||||
|
||||
|
||||
}
|
||||
});
|
||||
mu.addEventListener('playing', function () {
|
||||
spincover.classList.add("spinnit");
|
||||
spincover.classList.remove("paused");
|
||||
});
|
||||
mu.addEventListener('pause', function () {
|
||||
spincover.classList.add("paused");
|
||||
pauseButton.innerHTML = "🔊 Resume";
|
||||
});
|
||||
|
||||
|
||||
</script>
|
||||
Loading…
Add table
Add a link
Reference in a new issue