making all path relative

This commit is contained in:
Set Hallstrom 2019-12-16 12:12:57 +01:00
parent 1d1c40fd3b
commit f39725b142
24 changed files with 85 additions and 61 deletions

View file

@ -3,6 +3,7 @@
<!DOCTYPE html>
<html>
<head>
{% include relBase.html %}
{% include releasemeta.html %}
{% include matomo.html %}
</head>
@ -10,18 +11,18 @@
{% include navmenu.html %}
<div id="content">
<div id="headline"><h1>~/{{ page.name }} by {{ page.artists }} </h1></div>
<div id="linkhead" style="background-image:url('{{ site.baseurl }}{{ page.cover }}');background-size:cover;background-position:center;"></div>
<div id="linkheadthumb" style="background-image:url('{{ site.baseurl }}{{ page.cover }}');background-size:cover;background-position:center;"></div>
<div id="linkhead" style="background-image:url('{{ relBase }}{{ page.cover }}');background-size:cover;background-position:center;"></div>
<div id="linkheadthumb" style="background-image:url('{{ relBase }}{{ page.cover }}');background-size:cover;background-position:center;"></div>
<div class="padded">
<h1>{{ page.title }}</h1>{% for track in page.tracks limit: 1 %}<a href="{{ track.transformed["ID3v2.4"].WOAS }}" target="_blank" rel="noopener noreferrer"><img src="{{ site.baseurl }}/assets/img/cloud-download.svg" width="64px" height="64px" /></a>{% endfor %}
<h1>{{ page.title }}</h1>{% for track in page.tracks limit: 1 %}<a href="{{ track.transformed["ID3v2.4"].WOAS }}" target="_blank" rel="noopener noreferrer"><img src="{{ relBase }}/assets/img/cloud-download.svg" width="64px" height="64px" /></a>{% endfor %}
<p>Released on: <strong>{{ page.date | date: "%a, %b %d, %Y" }}</strong></p><br />
</div>
<div class="fitter">
{% for track in page.tracks %}
<div class="articles">
<a href="{{ site.baseurl }}/tracks/{{ page.slug }}/{{ track.slug }}/">
<img class="recordthumbs_mini" src="{{ site.baseurl }}{{ track.cover}}" title="{{ track.common.title }}" alt="{{ track.common.title }}" width="100px"/>
<a href="{{ relBase }}/tracks/{{ page.slug }}/{{ track.slug }}/">
<img class="recordthumbs_mini" src="{{ relBase }}{{ track.cover}}" title="{{ track.common.title }}" alt="{{ track.common.title }}" width="100px"/>
<br /><h3>{{ track.common.track.no }}. {{ track.common.title }}</h3>
</a>
{% if track.common.genre != null %}<p>Genre: <strong>{{ track.common.genre }}</strong></p>{% endif %}

View file

@ -3,6 +3,7 @@
<!DOCTYPE html>
<html>
<head>
{% include relBase.html %}
{% include metahead.html %}
{% include matomo.html %}
</head>
@ -10,8 +11,8 @@
{% include navmenu.html %}
<div id="content">
<div id="headline"><h1>~/hi-light</h1></div>
<a href="{{ page.link }}?ref=TheOuternationalMusicSyndicateWasHere" target="_blank" rel="noopener noreferrer"><div id="linkhead" style="background-image:url('{{ site.baseurl }}{{ page.image }}');background-size:cover;background-position:center;opacity:0.75;"></div></a>
<a href="{{ page.link }}?ref=TheOuternationalMusicSyndicateWasHere" target="_blank" rel="noopener noreferrer"><div id="linkheadthumb" style="background-image:url('{{ site.baseurl }}{{ page.image }}');background-size:cover;background-position:center;opacity:0.75;"></div></a>
<a href="{{ page.link }}?ref=TheOuternationalMusicSyndicateWasHere" target="_blank" rel="noopener noreferrer"><div id="linkhead" style="background-image:url('{{ relBase }}{{ page.image }}');background-size:cover;background-position:center;opacity:0.75;"></div></a>
<a href="{{ page.link }}?ref=TheOuternationalMusicSyndicateWasHere" target="_blank" rel="noopener noreferrer"><div id="linkheadthumb" style="background-image:url('{{ relBase }}{{ page.image }}');background-size:cover;background-position:center;opacity:0.75;"></div></a>
<div class="fitter">
<div class="articles-pargraph">
<h1>{{ page.title }}</h1>

View file

@ -1,6 +1,7 @@
<!DOCTYPE html>
<html>
<head>
{% include relBase.html %}
{% include metahead.html %}
{% include matomo.html %}
</head>
@ -11,8 +12,8 @@
<div class="fitter">
{% for page in site.categories.highlights offset: 0 limit: 15 %}
<div class="records">
<a href="{{ site.baseurl }}{{ page.url }}">
<img class="recordthumbs" src="{{ site.baseurl }}{{ page.coverart.art }}" title="{{ page.title }}" alt="{{ page.title }}" />
<a href="{{ relBase }}{{ page.url }}">
<img class="recordthumbs" src="{{ relBase }}{{ page.coverart.art }}" title="{{ page.title }}" alt="{{ page.title }}" />
</a>
</div>
{% endfor %}

View file

@ -1,6 +1,7 @@
<!DOCTYPE html>
<html>
<head>
{% include relBase.html %}
{% include metahead.html %}
{% include matomo.html %}

View file

@ -3,6 +3,7 @@
<!DOCTYPE html>
<html>
<head>
{% include relBase.html %}
{% include metahead.html %}
{% include matomo.html %}
</head>
@ -10,8 +11,8 @@
{% include navmenu.html %}
<div id="content">
<div id="headline"><h1>~/hi-light</h1></div>
<a href="{{ page.link }}?ref=TheOuternationalMusicSyndicateWasHere" target="_blank" rel="noopener noreferrer"><div id="linkhead" style="background-image:url('{{ site.baseurl }}{{ page.image }}');background-size:cover;background-position:center;opacity:0.75;"></div></a>
<a href="{{ page.link }}?ref=TheOuternationalMusicSyndicateWasHere" target="_blank" rel="noopener noreferrer"><div id="linkheadthumb" style="background-image:url('{{ site.baseurl }}{{ page.image }}');background-size:cover;background-position:center;opacity:0.75;"></div></a>
<a href="{{ page.link }}?ref=TheOuternationalMusicSyndicateWasHere" target="_blank" rel="noopener noreferrer"><div id="linkhead" style="background-image:url('{{ relBase }}{{ page.image }}');background-size:cover;background-position:center;opacity:0.75;"></div></a>
<a href="{{ page.link }}?ref=TheOuternationalMusicSyndicateWasHere" target="_blank" rel="noopener noreferrer"><div id="linkheadthumb" style="background-image:url('{{ relBase }}{{ page.image }}');background-size:cover;background-position:center;opacity:0.75;"></div></a>
<div class="fitter">
<div class="articles-pargraph">
<h1>{{ page.title }}</h1>

View file

@ -3,6 +3,7 @@
<!DOCTYPE html>
<html>
<head>
{% include relBase.html %}
{% include trackmeta.html %}
{% include matomo.html %}
</head>
@ -10,15 +11,15 @@
{% include navmenu.html %}
<div id="content">
<div id="headline"><h1>~/{{ page.common.title }}</h1></div>
<div id="linkhead" style="background-image:url('{{ site.baseurl }}{{ page.cover }}');background-size:cover;background-position:center;"></div>
<div id="linkheadthumb" style="background-image:url('{{ site.baseurl }}{{ page.cover }}');background-size:cover;background-position:center;"></div>
<div id="linkhead" style="background-image:url('{{ relBase }}{{ page.cover }}');background-size:cover;background-position:center;"></div>
<div id="linkheadthumb" style="background-image:url('{{ relBase }}{{ page.cover }}');background-size:cover;background-position:center;"></div>
<div class="fitter">
<div class="articles" style="text-align: center">
<p>&nbsp;</p>
<a id="rwd" href="{{ site.baseurl }}/tracks/{{ page.previousTrack.albumSlug }}/{{ page.previousTrack.slug }}/">&lt;&lt; RWD</a>
<a id="rwd" href="{{ relBase }}/tracks/{{ page.previousTrack.albumSlug }}/{{ page.previousTrack.slug }}/">&lt;&lt; RWD</a>
<button id="mu_pause" style="margin:0 5px 0 5px;">Pause</button>
<a id="ffwd" href="{{ site.baseurl }}/tracks/{{ page.nextTrack.albumSlug }}/{{ page.nextTrack.slug }}/">FWD &gt;&gt;</a>
<p style="padding:40px;"><a href="{{ page.transformed["ID3v2.4"].WOAS }}" target="_blank" rel="noopener noreferrer"><img src="{{ site.baseurl }}/assets/img/cloud-download.svg" width="64px" height="64px" /></a></p>
<a id="ffwd" href="{{ relBase }}/tracks/{{ page.nextTrack.albumSlug }}/{{ page.nextTrack.slug }}/">FWD &gt;&gt;</a>
<p style="padding:40px;"><a href="{{ page.transformed["ID3v2.4"].WOAS }}" target="_blank" rel="noopener noreferrer"><img src="{{ relBase }}/assets/img/cloud-download.svg" width="64px" height="64px" /></a></p>
</div>
<div class="articles">
<h3>{{ page.common.track.no }}. {{ page.common.title }}</h3>
@ -39,9 +40,9 @@
</div>
</div>
<audio preload="none" data-matomo-title="{{ page.common.artists }} - {{ page.common.title }}" autoplay ontimeupdate="document.getElementById('tracktime').innerHTML = Math.floor(this.currentTime) + ' / ' + Math.floor(this.duration);">
<source src="{{ site.baseurl }}/assets/albums/{{ page.albumSlug }}/{{ page.slug }}.mp3" type="audio/mpeg" />
<!-- <source src="{{ site.baseurl }}/assets/albums/{{ page.albumSlug }}/{{ page.slug }}.ogg" type="audio/ogg" /> -->
<h1>Your browser isn't ready for so much hotness. Use these links instead: <a href="{{ site.baseurl }}/assets/albums/{{ page.albumSlug }}/{{ page.slug }}.ogg">OGG</a> or <a href="{{ site.baseurl }}/assets/albums/{{ page.albumSlug }}/{{ page.slug }}.mp3">MP3</a></h1>.
<source src="{{ relBase }}/assets/albums/{{ page.albumSlug }}/{{ page.slug }}.mp3" type="audio/mpeg" />
<!-- <source src="{{ relBase }}/assets/albums/{{ page.albumSlug }}/{{ page.slug }}.ogg" type="audio/ogg" /> -->
<h1>Your browser isn't ready for so much hotness. Use these links instead: <a href="{{ relBase }}/assets/albums/{{ page.albumSlug }}/{{ page.slug }}.ogg">OGG</a> or <a href="{{ relBase }}/assets/albums/{{ page.albumSlug }}/{{ page.slug }}.mp3">MP3</a></h1>.
</audio>
<script type="text/javascript">
function loadUrl(newLocation) {
@ -58,7 +59,7 @@
mu.pause();
mu.currentTime=0;
loadUrl("{{ site.baseurl }}/tracks/{{ page.nextTrack.albumSlug }}/{{ page.nextTrack.slug }}/"); return false;
loadUrl("{{ relBase }}/tracks/{{ page.nextTrack.albumSlug }}/{{ page.nextTrack.slug }}/"); return false;
// qq IE10
muFade();