documenting and adding defaults

This commit is contained in:
sakrecoer 2020-10-21 17:04:07 +02:00
parent 7342cba3eb
commit 642f1a32f0
78 changed files with 13656 additions and 4 deletions

9
404.html Normal file
View file

@ -0,0 +1,9 @@
---
layout: 404page
title: Error 404 This is not a page
description: The page you are looking for has moved to the darknet.
image: /images/pages/creds.jpg
video_path: /videos/37th--chamber.mp4
permalink: /404/
sitemap: false
---

13
_authors/_defaults.md Normal file
View file

@ -0,0 +1,13 @@
---
## This file is usefull when you have people writing blogs for you. But also a way to sign your own
## blog posts. their extension must be ".md" but their name is not very important. To link an post
## with an author, add the file-name without the extension in the "author" key of the frontmatter of
## your posts.
name: Author Van Articles #how do you want people to call you?
position: Writer, supporter and cookies-baker # the role or position of the author: (musician, manager, pet-kangaroo)
image: /assets/img/mugshot.jpg # URI to your avatar. (probably something like /assets/img/avatar/myMugShot.jpg)
email: email@example.com # your public email
gpg: https://keyserver.com/mykey # URL to your GPG key on keyserver
blurb_markup: >- # your biography
I bake delicious cookies but i also like to review the music of Band Name of the century!
---

162
_config.yml Normal file
View file

@ -0,0 +1,162 @@
title : Band Name of the Century
description: 'Dance like no kangaroo is watching'
url: "https://example.com" # the base hostname & protocol for your site
permalink: /:categories/:title/
## jekyll excludes
exclude:
- changelog.md
- '*.*~'
- '*.xcf'
- '*.blend*'
- Gemfile
- Gemfile.lock
- README.md
- LICENCE
## SEO paramters, adapt to your needs
lang: en # Set the language of your website. This is a specific value. Look it up here: https://www.w3.org/International/questions/qa-html-language-declarations#attributes
geo:
timezone: "Europe/Switzerland" # this is pretty specific this is a helpfull tool: https://www.geo-tag.de/generator/en.html
lat: '46.203918'
long: '6.133011'
region: 'CH-GE'
town: 'Geneva'
country: 'Switzerland'
postalcode: '1201'
#### different logos used across the page
banner: /assets/img/setto-logo.svg
banner-vert: /images/setto_logo.svg
icon: /images/setto-logoicon.svg
logo: /images/setto-logo.svg
logo-footer: /images/setto-logo-dark.svg
# are you the publisher? or do you have a publisher? enter the correct value here. It will reflect in the RSS
# and on the cookies disclaimer page.
publisher: # nothing on this line
name: Kangaroo LTD
domain: kangaroo.example
mail: info@kangaroo.example
## social links about you. I know, you already entered it above, but this is here for a different reason
social: # nothing on this line
name: To Setto Setto
mail: setto@kangaroo.example
links:
- https://mastodon.art/@bandnameofthecentury
- https://pixfed.com/bandnameofthecentury
## usernames of twitter and telegram without `@`. This reflects on the share buttons of your posts
usernames:
twitter: bandnameofthecentury
telegram: bnoc
hashtag: kangaroo #don't add the actual `#`
# you can fill this out if you have IRC and matrix. IF don't use those, you should probably remove the file
# `chat.html` from the root of this jekyll directory
irc:
channel: '##BNOC'
guest-nick: anon
matrix: https://matrix.to/#/!bnoc:matrix.org?via=matrix.org
## where is your media stored? (the images and audiofiles that have been output by publikator. Unless they are
## hosted somehwere else you can mostlikely leave it as is)
mediaurl: /assets/albums/
# defaults you shouldn't have to worry about things bellow this line.
categories:
- releases
- ramblings
tags:
- LP
- EP
- Single
collections:
albums:
output: false
permalink: /albums/:name/
_disable_add: true
tracks:
output: true
permalink: /:path/
sort_by: common.year
_disable_add: true
authors:
output: false
sass:
sass_dir: _sass
defaults:
- scope:
path: ""
values:
lang: en
- scope:
path: ""
type: "tracks"
values:
layout: "track"
lang: en
seo:
type: "AudioObject"
_unlisted: true
- scope:
path: ""
type: "albums"
values:
layout: "album"
lang: en
seo:
type: "AudioObject"
_unlisted: true
- scope:
path: ""
type: "pages"
values:
layout: "default"
lang: en
_options:
image:
width: 1024
height: 720
resize_style: cover
uploads_dir: "/images/pages"
content:
width: 720
height: 720
resize_style: cover
uploads_dir: "/images/pages"
- scope:
path: ""
type: "posts"
values:
layout: "post"
lang: en
permalink: /:title/
_options:
image:
width: 1024
height: 720
resize_style: cover
uploads_dir: "/images/posts"
content:
width: 720
height: 720
resize_style: cover
uploads_dir: "/images/posts"
video_path:
uploads_dir: "/videos"
### Cloud Cannon Settings
_explore:
groups:
- heading: Content
collections:
- posts
- drafts
- pages
- heading: Other
collections:
- data
- authors

25
_data/colors.yml Normal file
View file

@ -0,0 +1,25 @@
## Here you can set all the colors in use. Names should be pretty self explanatory. Changing colors here will
## will apply them sitewide. This file is particularily useful if you are using Cloudcannon.com as it will
## transform into a WYSIWYG color picker from their editor interface. They are in RGBA format
## read about RGBA here: https://www.w3schools.com/Css/css_colors_rgb.asp
# Background color
bg_rgba: 'rgb(60, 42, 82)'
# Transparent version of background color
bg-alt_rgba: 'rgba(60, 42, 82, 0.75)'
# Forground color
fg_rgba: 'rgb(235, 219, 248)'
# Transparent version of forground color
fg-alt_rgba: 'rgba(235, 219, 248, 0.25)'
# Border color
border_rgba: 'rgb(0, 0, 0)'
# Transparent version of border color
border-alt_rgba: 'rgba(0, 0, 0, 0.75)'
# First accent color
accent1_rgba: 'rgb(56, 255, 89)'
# Transparent version of first accent color
accent1-alt_rgba: 'rgba(56, 255, 89, 0.75)'
# Second accent color
accent2_rgba: 'rgb(141, 62, 216)'
# Transparent version of second accent color
accent2-alt_rgba: 'rgba(141, 62, 216, 0.75)'

9
_data/links.yml Normal file
View file

@ -0,0 +1,9 @@
## Link to your friends! It's cool, it's fun, it helps! Be a cool person and link to your friends. Chances are
## they are going to want to link back to you! UNity is strength in the promotion game!
- title: Band name of the century #name of friend
url: https://myurl.example #URL of friends website
image: /assets/img/banner.jpg # does the friend has a banner?
- title: My cool contributing Friend2 #name of friend
url: https://friendurl2.example #URL of friends website
image: /assets/img/banner2.jpg # does the friend has a banner?

26
_data/navigation.yml Normal file
View file

@ -0,0 +1,26 @@
## Usefull for editing navigation and footer links. Leave as is, unless you rename the files of the pages that
## come with the template. If you want to link to an external site in the navigation menu, you may chose to set
## `external_site` to `true`, that way the link will open in a new tab/window (`target="_blank"` and
## `rel="noopener"`) Icons are emoticons, because it's cool like a kangaroo pet
- icon: 💽
url: /discography/
name: Discog
external_site: false
- icon: 📰
url: /log/
name: Log
external_site: false
- icon: 🐿
url: /about/
name: About
external_site: false
- icon: 🔗
url: /links/
name: Links
external_site: false
- icon: 📢
url: /chat/
name: Chat
external_site: false

10
_data/social.yml Normal file
View file

@ -0,0 +1,10 @@
## add your social media links here to have them appear in the footer of each page! Remember kids: you have a
## website!! People should come to your website! This is your brand! Sending them to facebook means you are
## promoting facebook brand before yours! You should send people FROM social media to you, not the other way.
## Icon is leverage from Fontawesome. Search here to find what key you need: https://fontawesome.com/
- name: Mastodon
url: https://mastodon.art/@bandnameofthecentury
icon: fa-mastodon
- name: Pixelfed
url: https://pixfed.com/
icon: fa-instagram

13
_data/stores.yml Normal file
View file

@ -0,0 +1,13 @@
## If you publish your music to streaming stores you might want to add those stores here. These are the links
## to the main profile. You can set specific release pages in posts. Downloading services are treated
## differently from streaming services. icon is leverage from fontawesome. Look for the icon of your service
## here: https://fontawesome.com/
- name: Bandcamp
url: https://shop.basspistol.com
icon: fa-bandcamp
download: true
- name: Spotify
url: https://open.spotify.com/artist/0gus2IdSkfrvFDBPqeiksM/
icon: fa-spotify
download: false

33
_includes/author.html Normal file
View file

@ -0,0 +1,33 @@
{% assign author_id = page.author | prepend: "/authors/" | append: "/" %}
{% assign author = site.authors | where: "url", author_id | first %}
<div id="author">
<div class="bio">
{% if page.collection == 'posts' %}
<div class="author-image" alt="Picture of {{ author.name }}" style="background-image:url({{ author.image }});">
</div>
<br />
<p><a href="mailto:{{ author.email }}"><strong>{{ author.name }}</strong></a></p>
<p>{{ author.position }}{% if author.gpg != nil %} | <a target="_blank" rel="noopener"
href="{{ author.gpg }}">GPG</a>{% endif %}</p>
<p class="date">
Published the
{% include dates.html %}
</p>
{% endif %}
<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 }}&quest;pk_campaign=homeshare&amp;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 }}&quest;pk_campaign=homeshare&amp;text={{ page.description | xml_escape }}%20via%20&#64;{{ site.social.usernames.twitter }}%20&amp;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 }}&quest;pk_campaign=homeshare&amp;text={{ page.description | xml_escape }}%20via%20&#64;{{ 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 }}&quest;pk_campaign=homeshare&amp;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>

47
_includes/contact.html Normal file
View file

@ -0,0 +1,47 @@
<!-- BEGIN contact.html -->
<section id="contact">
<div>
<form action="{{ relBase }}/contact-success/" method="post" class="contact-form">
<div>
<h2>Kontakta oss!</h2>
<input type="hidden" name="_to" value="{{ site.publisher.mail }}" /><br />
<input type="text" name="_gotcha" style="display: none;" />
</div>
<div class="contact-info">
<label for="email">Email</label>
<input type="email" name="email" id="email" placeholder="Email..." required class="contact" />
{% if page.url == '/fr-fretag/' %}
<label for="phone">Phone</label>
<input type="tel" name="telephone" id="telephone" placeholder="Telefonnumer..." required
class="contact" />
<label for="name">Name</label>
<input type="name" name="name" id="name" placeholder="Namn och efternamn..." required class="contact" />
<label for="company">Företag</label>
<input type="company" name="company" id="company" placeholder="Företag..." required
class="contact" />
{% endif %}
</div>
<div>
<label for="message">Meddelande</label><br />
<textarea name="message" id="message" placeholder="Skriv ditt meddelande här..." required
class="contact textspace"></textarea>
</div>
<br />
<div>
<input type="checkbox" name="consent" id="consent" required class="css-checkbox lrg klaus" /><label
for="consent" class="css-label lrg klaus">Jag godkänner <a href="/cookies/">integritets policyn</a>
</label>
</div>
<br />
<div>
<input type="checkbox" name="news" id="news" class="css-checkbox lrg klaus" /><label for="news"
class="css-label lrg klaus">Jag vill ha nyheter</label>
</div>
<br />
<div>
<input type="submit" class="button" value="Send Message" />
</div>
</form>
</div>
</section>
<!-- END contact.html -->

21
_includes/dates.html Normal file
View file

@ -0,0 +1,21 @@
{% assign d = page.date | date: "%-d" %}
{% case d %}
{% when '1' or '21' or '31' %}{{ d }}:st
{% when '2' or '22' %}{{ d }}:nd
{% when '3' or '23' %}{{ d }}:rd
{% else %}{{ d }}:th
{% endcase %} of
{% assign m = page.date | date: "%-m" %}
{% case m %}
{% when '1' %}January
{% when '2' %}February
{% when '3' %}March
{% when '4' %}April
{% when '5' %}May
{% when '6' %}June
{% when '7' %}July
{% when '8' %}August
{% when '9' %}September {% when '10' %}October {% when '11' %}November {% when '12' %}December
{% endcase %}
{{ page.date | date: "%Y" }}

35
_includes/footer.html Normal file
View file

@ -0,0 +1,35 @@
{% include streamer.html %}
<!-- Footer -->
<footer>
<div class="footframe">
<div>
<h3>{{ site.title }}</h3>
<p>{{ site.description }}</p>
<ul>
{% if page.url != '/' %}
<li><a href="{{ relBase }}/">🏡 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="{{ relBase }}{{ 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>&copy;{{ site.time | date: '%Y' }} {{ site.publisher.name }} | <a href="{{ relBase }}/webcreds/">Credits</a> |
<a href="{{ relBase }}/cookies/">Cookies & Privacy</a>
<br />This page was last updated on {{ page.last_modified_at | date: "%A, %b %d, %Y" }}</p>
</small>
</div>
</footer>

View file

@ -0,0 +1,21 @@
{% assign d = post.date | date: "%-d" %}
{% case d %}
{% when '1' or '21' or '31' %}{{ d }}:st
{% when '2' or '22' %}{{ d }}:nd
{% when '3' or '23' %}{{ d }}:rd
{% else %}{{ d }}:th
{% endcase %} of
{% assign m = post.date | date: "%-m" %}
{% case m %}
{% when '1' %}January
{% when '2' %}February
{% when '3' %}March
{% when '4' %}April
{% when '5' %}May
{% when '6' %}June
{% when '7' %}July
{% when '8' %}August
{% when '9' %}September {% when '10' %}October {% when '11' %}November {% when '12' %}December
{% endcase %}
{{ post.date | date: "%Y" }}

36
_includes/header.html Normal file
View file

@ -0,0 +1,36 @@
{% include relBase.html %}
<header class="hero" style="background-image: url({{ relBase }}{{ page.image }});">
<div class="imagecontainer">
<h4>{{ page.title }}</h4>
</div>
<div class="splash">
<div class="splash-logo">
{% if page.category == 'releases' %}
<a href="#play"><img src="{{ site.icon }}" width="240px" alt="{{ site.title }} Logo" /></a>
{% 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 == 'ramblings' %}
<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>

33
_includes/navigation.html Normal file
View file

@ -0,0 +1,33 @@
<!-- Navigation -->
<div id="sticky" class="logo{% if page.collection == 'tracks' %} sticky{% endif %}">
<a id="logo" {% if page.url != '/' %}href="/"{% else %}href="#top"{% endif %}><img height="40px" src="{{ site.logo }}" alt="{{ site.title }} Logo" /></a>
<a href="#navbar" onclick="blurBody()" alt="Navigation Menu" title="Navigation Menu"><span
class="fas fa-bars navmenu"></span></a>
</div>
<div id="navbar" 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">X</a>
<ul>
{% if page.url != '/' %}
<li><a href="{{ relBase }}/" onclick="removeBlur()" class="button">🏡 Home</a></li>
{% endif %}
{% for entry in site.data.navigation %}
{% if entry.external_site == false %}
<li><a href="{{ relBase }}{{ entry.url }}" onclick="removeBlur()" class="button">{{ entry.icon }} {{ entry.name }}</a></li>
{% else %}
<li><a href="{{ entry.url }}" target="_blank" rel="noopener" onclick="removeBlur()" class="button">{{ entry.icon }} {{ entry.name }}</a></li>
{% endif %}
{% endfor %}
</ul>
</nav>
</div>
<!-- End Navigation -->

12
_includes/relBase.html Normal file
View file

@ -0,0 +1,12 @@
{% assign relBase = '' %}
{% assign tempDepth = page.url | append: 'hackish-solution' | split: '/' | size | minus: 2 %}
{% for i in (1..tempDepth) %}
{% if forloop.last %}
{% assign relBase = relBase | append: ".." %}
{% else %}
{% assign relBase = relBase | append: "../" %}
{% endif %}
{% endfor %}
{% if relBase == '' %}
{% assign relBase = '.' %}
{% endif %}

3
_includes/scripts.html Normal file
View file

@ -0,0 +1,3 @@
<!-- Scripts -->
{% include relBase.html %}
<script src="{{ relBase }}/assets/js/set-20200911.js"></script>

292
_includes/seo.html Normal file
View file

@ -0,0 +1,292 @@
<meta charset="utf-8" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!--
..............................................
..............................................
...........'';,...............................
.........'',,;:o:,............................
.......',;;::::::;;;,.........................
.....,;:ooooooooooo;,,''''....................
....,;ooooooooooooooo;,'..'''''...............
...,:ooooooooooooooooo;''......'''............
..,;:ooooooooooooooooo',,.........,'.......... _______ _ _ __
..,,;:,ooooo;;:ooo;o,:;,',.........;,''....... \____ \____ _____ __________ |_| ______/ |_ ___ | |
..,'..,,;:o,''.,;;'''..'';,,,,,,''',;'''...... | | _/\__ \/ __// __/\___ \| |/ __/\ _\/ \| |
..,'......':ooo:.......'';,'''''''',;,,,...... | | _/\__ \/ __// __/\___ \| |/ __/\ _\/ \| |
..,,.......,:o:'.......,'oooo:::::;:,.',;,.... | | _/\__ \/ __// __/\___ \| |/ __/\ _\/ \| |
..','.................',,..'',,,;;;;;;,.,:.... | | \ / _ \__ \ \__ \ | |_> > |\__ \ | | ( <> ) |__
...,,'...............',;oooooooooo:;;:,;oo,... |____ /(___ /___ >___ >| __/|_/____ > |_| \___/|____/
....,,'.............,,;ooooooooo;,..'',oooo,.. \/ \/ \/ \/ |_| \/
.....',,'........',,;ooo::;;,'........'oooo;..
.......'',,'''',,;;;,,'...............';;;'... All you saw was sound!
...........'''''..............................
..............................................
..............................................
..............................................
..............................................
-->
{% if page.collection == 'tracks' %}
<!-- BEGIN seo.html -->
<title>Play {{ page.common.title | xml_escape }} by {{ page.common.artist | xml_escape }} | {{ site.title | xml_escape }}</title>
<meta name="title" content="Play &quot;{{ page.common.title | xml_escape }}&quot; by {{ page.common.artist | xml_escape }}" />
<meta name="description" content="A track by {{ page.common.artist | xml_escape }} named &quot;{{ page.common.title | xml_escape }}&quot; published on {{ site.title | xml_escape }}" />
<meta name="dc.date.modified" scheme="ISO8601" content="{{ page.last_modified_at | date_to_xmlschema }}" />
<meta name="robots" content="index" />
<link rel="canonical" href="{{ site.url }}{{ page.url }}" />
<link rel="alternate" hreflang="x-default" href="{{ site.url }}{{ page.url }}" />
<meta name="geo.region" content="{{ site.geo.region }}" />
<meta name="geo.placename" content="{{ site.geo.town }}" />
<meta name="geo.position" content="{{ site.geo.lat }};{{ site.geo.long }}" />
<meta name="ICBM" content="{{ site.geo.lat }}, {{ site.geo.long }}" />
<meta name="author" content="{{ site.title | xml_escape }}" />
<meta name="generator" content="Jekyll v4.0.0" />
<!-- Dublin Core basic info -->
<meta name="dcterms.Identifier" content="{{ site.url }}" />
<meta name="dcterms.Format" content="text/html" />
<meta name="dcterms.Relation" content="{{ site.title | xml_escape }}" />
<meta name="dcterms.Publisher" content="{{ site.publisher.name | xml_escape }}" />
<meta name="dcterms.Type" content="text/html" />
<meta name="dcterms.Coverage" content="{{ site.url }}/" />
<meta name="dcterms.Rights" content="Copyright &copy;{{ site.time | date: '%Y' }} {{ site.title }}." />
<meta name="dcterms.Subject" content="A track by {{ page.common.artist | xml_escape }} named &quot;{{ page.common.title | xml_escape }}&quot; published on {{ site.title | xml_escape }}" />
<meta name="dcterms.Title" content="Play &quot;{{ page.common.title | xml_escape }}&quot; by {{ page.common.artist | xml_escape }}" />
<meta name="dcterms.Contributor" content="{{ site.title | xml_escape }}" />
<meta name="dcterms.Date" content="{{ page.last_modified_at | date: '%Y-%m-%d' }}" />
<meta name="dcterms.Description" content="Listen and to a track by {{ page.common.artist | xml_escape }} from the release &quot;{{ page.common.album | xml_escape }}&quot; and support your remote artist!" />
<!-- Facebook -->
<meta property="og:title" content="{{ page.common.title | xml_escape }}" />
<meta property="og:locale" content="en" />
<meta property="og:description" content="Listen and to a track by {{ page.common.artist | xml_escape }} from the release &quot;{{ page.common.album | xml_escape }}&quot; and support your remote artist!" />
<meta property="og:url" content="{{ site.url }}{{ page.url }}" />
<meta property="og:site_name" content="{{ site.title | xml_escape }}" />
<meta property="og:type" content="music:album:track" />
<meta property="og:audio" content="{{ site.mediaurl }}/{{ page.slug }}.mp3" />
<meta property="article:published_time" content="{{ page.last_modified_at | date_to_xmlschema }}" />
<meta property="og:image" content="{{ site.mediaurl }}/{{ page.slug }}.jpeg" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="{{ page.common.title | xml_escape }} | {{ site.title | xml_escape }}" />
<meta name="twitter:description" content="Listen and to a track by {{ page.common.artist | xml_escape }} from the release &quot;{{ page.common.album | xml_escape }}&quot; and support your remote artist!" />
<meta name="twitter:image" content="{{ site.mediaurl }}/{{ page.slug }}.jpeg" />
{% elsif page.collection == 'posts' %}
{% if page.category == 'releases' %}
{% for album in site.albums %}
{% if album.slug == page.album %}
<!-- BEGIN seo.html -->
{% capture namelist %}{% for art in album.artists %}{{ art }}{% unless forloop.last %}, {% endunless %}{% endfor %}{% endcapture %}
{% capture artist %}{{ namelist }}{% endcapture %}
<title>Play &quot;{{ album.name | xml_escape }}&quot; by {{ artist | xml_escape | uniq }} | {{ site.title | xml_escape }}</title>
<meta name="title" content="Play &quot;{{ album.name | xml_escape }}&quot; by {{ artist | xml_escape | uniq }}" />
<meta name="description" content="A release by {{ artist | xml_escape | uniq }} named &quot;{{ album.name | xml_escape }}&quot; published on {{ site.title | xml_escape }}" />
<meta name="dc.date.modified" scheme="ISO8601" content="{{ page.last_modified_at | date_to_xmlschema }}" />
<meta name="robots" content="index" />
<link rel="canonical" href="{{ site.url }}{{ page.url }}" />
<link rel="alternate" hreflang="x-default" href="{{ site.url }}{{ page.url }}" />
<meta name="geo.region" content="{{ site.geo.region }}" />
<meta name="geo.placename" content="{{ site.geo.town }}" />
<meta name="geo.position" content="{{ site.geo.lat }};{{ site.geo.long }}" />
<meta name="ICBM" content="{{ site.geo.lat }}, {{ site.geo.long }}" />
<meta name="author" content="{{ site.title | xml_escape }}" />
<meta name="generator" content="Jekyll v4.0.0" />
<!-- Dublin Core basic info -->
<meta name="dcterms.Identifier" content="{{ site.url }}" />
<meta name="dcterms.Format" content="text/html" />
<meta name="dcterms.Relation" content="{{ site.title | xml_escape }}" />
<meta name="dcterms.Publisher" content="{{ site.publisher.name | xml_escape }}" />
<meta name="dcterms.Type" content="text/html" />
<meta name="dcterms.Coverage" content="{{ site.url }}/" />
<meta name="dcterms.Rights" content="Copyright &copy;{{ site.time | date: '%Y' }} {{ site.title }}." />
<meta name="dcterms.Subject" content="A release by {{ artist | xml_escape | uniq }} named &quot;{{ album.name | xml_escape }}&quot; published on {{ site.title | xml_escape }}" />
<meta name="dcterms.Title" content="Play &quot;{{ album.name | xml_escape }}&quot; by {{ artist | xml_escape | uniq }}" />
<meta name="dcterms.Contributor" content="{{ site.title | xml_escape }}" />
<meta name="dcterms.Date" content="{{ page.date | date: '%Y-%m-%d' }}" />
<meta name="dcterms.Description" content="Listen and to a release by {{ artist | xml_escape | uniq }} named &quot;{{ album.name | xml_escape }}&quot; and support your remote artist!" />
<!-- Facebook -->
<meta property="og:title" content="{{ album.name | xml_escape }} by {{ artist | xml_escape | uniq }}" />
<meta property="og:locale" content="en" />
<meta property="og:description" content="Listen and to a release by {{ artist | xml_escape | uniq }} named &quot;{{ album.name | xml_escape }}&quot; and support your remote artist!" />
<meta property="og:url" content="{{ site.url }}{{ page.url }}" />
<meta property="og:site_name" content="{{ site.title | xml_escape }}" />
<meta property="og:type" content="music:album" />
{% for track in album.tracks %}<meta property="og:audio" content="{{ site.mediaurl }}/{{ track.albumSlug }}/{{ track.trackSlug }}.mp3" />{% endfor %}
<meta property="article:published_time" content="{{ page.date | date_to_xmlschema }}" />
<meta property="og:image" content="{{ site.mediaurl }}/{{ album.tracks[0].slug }}.jpeg" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="{{ album.name | xml_escape }} | {{ site.title | xml_escape }}" />
<meta name="twitter:description" content="Listen and to a release by {{ artist | uniq }} named &quot;{{ album.name | xml_escape }}&quot; and support your remote artist!" />
<meta name="twitter:image" content="{{ site.mediaurl }}/{{ album.tracks[0].slug }}.jpeg" />
{% endif %}{% endfor %}
{% elsif page.category == 'ramblings' %}
<!-- BEGIN seo.html -->
<title>{{ page.title }} | {{ site.title }}</title>
<meta name="title" content="{{ page.title | xml_escape }} | {{ site.title | xml_escape }}" />
<meta name="description" content="{{ page.description }}" />
<meta name="dc.date.modified" scheme="ISO8601" content="{{ page.last_modified_at | date_to_xmlschema }}" />
<meta name="robots" content="index" />
<link rel="canonical" href="{{ site.url }}{{ page.url }}" />
<link rel="alternate" hreflang="x-default" href="{{ site.url }}{{ page.url }}" />
<meta name="geo.region" content="{{ site.geo.region }}" />
<meta name="geo.placename" content="{{ site.geo.town }}" />
<meta name="geo.position" content="{{ site.geo.lat }};{{ site.geo.long }}" />
<meta name="ICBM" content="{{ site.geo.lat }}, {{ site.geo.long }}" />
<meta name="author" content="{{ site.title }}" />
<meta name="generator" content="Jekyll v4.0.0" />
<!-- Dublin Core basic info -->
<meta name="dcterms.Identifier" content="{{ site.url }}" />
<meta name="dcterms.Format" content="text/html" />
<meta name="dcterms.Relation" content="{{ site.title | xml_escape }}" />
<meta name="dcterms.Publisher" content="{{ site.publisher.name | xml_escape }}" />
<meta name="dcterms.Type" content="text/html" />
<meta name="dcterms.Coverage" content="{{ site.url }}/" />
<meta name="dcterms.Rights" content="Copyright &copy;{{ site.time | date: '%Y' }} {{ site.title }}." />
<meta name="dcterms.Subject" content="{{ page.description | xml_escape }}" />
<meta name="dcterms.Title" content="{{ page.title | xml_escape }}" />
<meta name="dcterms.Contributor" content="{{ site.title | xml_escape }}" />
<meta name="dcterms.Date" content="{{ page.date | date: '%Y-%m-%d' }}" />
<meta name="dcterms.Description" content="{{ page.description | xml_escape }}" />
<!-- Facebook -->
<meta property="og:title" content="{{ page.title | xml_escape }} | {{ site.title | xml_escape }}" />
<meta property="og:locale" content="en" />
<meta property="og:description" content="{{ page.description | xml_escape }}" />
<meta property="og:url" content="{{ site.url }}{{ page.url }}" />
<meta property="og:site_name" content="{{ site.title | xml_escape }}" />
<meta property="og:type" content="webpage" />
<meta property="article:published_time" content="{{ page.date | date_to_xmlschema }}" />
<meta property="og:image" content="{{ site.url }}{{ page.image }}" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="{{ page.title | xml_escape }} | {{ site.title | xml_escape }}" />
<meta name="twitter:description" content="{{ page.description | xml_escape }}" />
<meta name="twitter:image" content="{{ site.url }}{{ page.image }}" />
<script type='application/ld+json'>
{
"@context": "http://www.schema.org",
"@type": "Organization",
"name": "{{ site.title | xml_escape }}",
"url": "{{ site.url | xml_escape }}",
"sameAs": [
{% for social in site.social.links %}"{{ social }}"{% unless forloop.last %},{% endunless %}{% endfor %}
],
"logo": "{{ site.url }}/siteicon.png",
"image": "{{ site.url }}{{ page.image }}",
"description": "{{ site.description | xml_escape }}",
"address": {
"@type": "PostalAddress",
"addressLocality": "{{ site.geo.town }}",
"addressRegion": "{{ site.geo.region }}",
"postalCode": "{{ site.geo.postalcode }}",
"addressCountry": "{{ site.geo.country }}"
}
}
</script>
{% endif %}
{% else %}
<!-- BEGIN seo.html -->
<title>{{ page.title }} | {{ site.title }}</title>
<meta name="title" content="{{ page.title | xml_escape }} | {{ site.title | xml_escape }}" />
<meta name="description" content="{{ page.description }}" />
<meta name="dc.date.modified" scheme="ISO8601" content="{{ page.last_modified_at | date_to_xmlschema }}" />
<meta name="robots" content="index" />
<link rel="canonical" href="{{ site.url }}{{ page.url }}" />
<link rel="alternate" hreflang="x-default" href="{{ site.url }}{{ page.url }}" />
<meta name="geo.region" content="{{ site.geo.region }}" />
<meta name="geo.placename" content="{{ site.geo.town }}" />
<meta name="geo.position" content="{{ site.geo.lat }};{{ site.geo.long }}" />
<meta name="ICBM" content="{{ site.geo.lat }}, {{ site.geo.long }}" />
<meta name="author" content="{{ site.title }}" />
<meta name="generator" content="Jekyll v4.0.0" />
<!-- Dublin Core basic info -->
<meta name="dcterms.Identifier" content="{{ site.url }}" />
<meta name="dcterms.Format" content="text/html" />
<meta name="dcterms.Relation" content="{{ site.title | xml_escape }}" />
<meta name="dcterms.Publisher" content="{{ site.publisher.name | xml_escape }}" />
<meta name="dcterms.Type" content="text/html" />
<meta name="dcterms.Coverage" content="{{ site.url }}/" />
<meta name="dcterms.Rights" content="Copyright &copy;{{ site.time | date: '%Y' }} {{ site.title }}." />
<meta name="dcterms.Subject" content="{{ page.description | xml_escape }}" />
<meta name="dcterms.Title" content="{{ page.title | xml_escape }}" />
<meta name="dcterms.Contributor" content="{{ site.title | xml_escape }}" />
<meta name="dcterms.Date" content="{{ page.last_modified_at | date: '%Y-%m-%d' }}" />
<meta name="dcterms.Description" content="{{ page.description | xml_escape }}" />
<!-- Facebook -->
<meta property="og:title" content="{{ page.title | xml_escape }} | {{ site.title | xml_escape }}" />
<meta property="og:locale" content="en" />
<meta property="og:description" content="{{ page.description | xml_escape }}" />
<meta property="og:url" content="{{ site.url }}{{ page.url }}" />
<meta property="og:site_name" content="{{ site.title | xml_escape }}" />
<meta property="og:type" content="webpage" />
<meta property="article:published_time" content="{{ page.last_modified_at | date_to_xmlschema }}" />
<meta property="og:image" content="{{ site.url }}{{ page.image }}" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="{{ page.title | xml_escape }} | {{ site.title | xml_escape }}" />
<meta name="twitter:description" content="{{ page.description | xml_escape }}" />
<meta name="twitter:image" content="{{ site.url }}{{ page.image }}" />
<script type='application/ld+json'>
{
"@context": "http://www.schema.org",
"@type": "Organization",
"name": "{{ site.title | xml_escape }}",
"url": "{{ site.url | xml_escape }}",
"sameAs": [
{% for social in site.social.links %}"{{ social }}"{% unless forloop.last %},{% endunless %}{% endfor %}
],
"logo": "{{ site.url }}/siteicon.png",
"image": "{{ site.url }}{{ page.image }}",
"description": "{{ site.description | xml_escape }}",
"address": {
"@type": "PostalAddress",
"addressLocality": "{{ site.geo.town }}",
"addressRegion": "{{ site.geo.region }}",
"postalCode": "{{ site.geo.postalcode }}",
"addressCountry": "{{ site.geo.country }}"
}
}
</script>
{% endif %}
<link rel="alternate" type="application/rss+xml" href="{{ site.url}}/feed.xml" title="{{ site.title }}" />
<!-- END seo.html -->

88
_includes/streamer.html Normal file
View file

@ -0,0 +1,88 @@
{% if page.collection == 'posts' %}
{% if page.category == 'releases' %}
{% if page.check_this_if_cannot_be_bought == false %}
<section class="streambox">
<h2>Get this release</h2>
<div class="streamer">
{% for shop in page.stores %}
<a onclick="_paq.push(['trackEvent', 'StoreLink', '{{ shop.name | remove: " " }}']);" target="_blank" rel="noopener" href="{{ shop.url }}" title="Stream from {{ shop.name }}" class="icon fab {{ shop.icon }}"><span class="label">{{ shop.name }}</span></a>
{% endfor %}
</div>
</section>
{% else %}
<section class="streambox">
<h2>This release can't be obtained</h2>
<p>Stream, follow, like and subscribe!</p>
<div class="streamer">
{% for shop in site.data.stores %}
<a onclick="_paq.push(['trackEvent', 'StoreLink', '{{ shop.name | remove: " " }}']);" target="_blank" rel="noopener" href="{{ shop.url }}" title="Stream from {{ shop.name }}" class="icon fab {{ shop.icon }}"><span class="label">{{ shop.name }}</span></a>
{% endfor %}
</div>
</section>
{% endif %}
{% else %}
{% if page.check_this_if_cannot_be_bought == false %}
<section class="streambox">
<h2>Get this release</h2>
<div class="streamer">
{% for shop in page.stores %}
<a onclick="_paq.push(['trackEvent', 'StoreLink', '{{ shop.name | remove: " " }}']);" target="_blank" rel="noopener" href="{{ shop.url }}" title="Stream from {{ shop.name }}" class="icon fab {{ shop.icon }}"><span class="label">{{ shop.name }}</span></a>
{% endfor %}
</div>
</section>
{% else %}
{% endif %}
{% endif %}
{% elsif page.collection == 'tracks' %}
<section class="streambox">
{% for post in site.posts %}
{% if post.album == page.albumSlug %}
{% if post.check_this_if_cannot_be_bought == false %}
<h2>Get this track</h2>
<div class="streamer">
{% for shop in post.stores %}
<a onclick="_paq.push(['trackEvent', 'StoreLink', '{{ shop.name | remove: " " }}']);" target="_blank" rel="noopener" href="{{ shop.url }}" title="Stream from {{ shop.name }}" class="icon fab {{ shop.icon }}"><span class="label">{{ shop.name }}</span></a>
{% endfor %}
</div>
{% else %}
<h2>This track can't be obtained</h2>
<p>Stream, follow, like and subscribe!</p>
<div class="streamer">
{% for shop in site.data.stores %}
<a onclick="_paq.push(['trackEvent', 'StoreLink', '{{ shop.name | remove: " " }}']);" target="_blank" rel="noopener" href="{{ shop.url }}" title="Stream from {{ shop.name }}" class="icon fab {{ shop.icon }}"><span class="label">{{ shop.name }}</span></a>
{% endfor %}
</div>
{% break %}
{% endif %}
{% endif %}
{% endfor %}
</section>
{% else %}
<section class="streambox">
<h2>Support {{ site.title }}</h2>
<p>Stream, follow, like and subscribe!</p>
<div class="streamer">
{% for shop in site.data.stores %}
<a onclick="_paq.push(['trackEvent', 'StoreLink', '{{ shop.name | remove: " " }}']);" target="_blank" rel="noopener" href="{{ shop.url }}" title="Stream from {{ shop.name }}" class="icon fab {{ shop.icon }}"><span class="label">{{ shop.name }}</span></a>
{% endfor %}
</div>
</section>
{% endif %}

132
_layouts/404page.html Normal file
View 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>&copy;{{ 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
View file

@ -0,0 +1,3 @@
---
layout: nil
---

View file

@ -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
View file

@ -0,0 +1,3 @@
---
---
{{ content }}

View file

@ -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 %}

View file

@ -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 }}&quest;pk_campaign=homeshare&amp;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 }}&quest;pk_campaign=homeshare&amp;text={{ page.description | xml_escape }}%20via%20&#64;{{ site.social.usernames.twitter }}%20&amp;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 }}&quest;pk_campaign=homeshare&amp;text={{ page.description | xml_escape }}%20via%20&#64;{{ 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 }}&quest;pk_campaign=homeshare&amp;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();