hq/sakrecoer-mother-web
hq/sakrecoer-mother-web
4
0
Fork 0
Code Issues Pull requests Packages Projects Releases 1 Wiki Activity

realtive paths

Browse source
This commit is contained in:
Set Hallstrom 2020-01-13 17:44:10 +01:00
parent cf9f74516f
commit 6dd63fd195
11 changed files with 77 additions and 54 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
_includes/cookiemonster.html
View file

@ -1,3 +1,4 @@
{% include relBase.html %}
<!-- BEGIN cookiemonster.html --> <!-- BEGIN cookiemonster.html -->
<img src="{{ site.baseurl }}/assets/img/cookiemonster_upsidedown.gif" style="position:relative;top:0;right:0;z-index:77777;"/> <img src="{{ relBase }}/assets/img/cookiemonster_upsidedown.gif" style="position:relative;top:0;right:0;z-index:77777;"/>
<!-- END cookiemonster.html --> <!-- END cookiemonster.html -->

3
_includes/liberapay.html
View file

@ -1,3 +1,4 @@
{% include relBase.html %}
<!-- BEGIN liberapay.html --> <!-- BEGIN liberapay.html -->
<a href="https://liberapay.com/Sakrecoer/donate" target="_blank" rel="noopener noreferrer nofollow"><img alt="Donate using Liberapay" src="/assets/img/donate.svg"></a> <a href="https://liberapay.com/Sakrecoer/donate" target="_blank" rel="noopener noreferrer nofollow"><img alt="Donate using Liberapay" src="{{ relBase }}/assets/img/donate.svg"></a>
<!-- END liberapay.html --> <!-- END liberapay.html -->

9
_includes/navmenu.html
View file

@ -1,13 +1,14 @@
<!-- BEGIN navmenu.html --> <!-- BEGIN navmenu.html -->
{% include relBase.html %}
<div id="navigation"> <div id="navigation">
{% if page.collection == 'tracks' %} {% if page.collection == 'tracks' %}
<a href="{{ site.baseurl }}./#{{ page.uid }}" alt="Back" title="Back"> <a href="{{ relBase }}/music/#{{ page.uid }}" alt="Back" title="Back">
{% elsif page.url != '/music/' %} {% elsif page.url != '/music/' %}
<a href="{{ site.baseurl }}/music/" alt="Music" title="Music"> <a href="{{ relBase }}/music/" alt="Music" title="Music">
{% else %} {% else %}
<a href="{{ site.baseurl }}/" alt="Back" title="About"> <a href="{{ relBase }}/" alt="Back" title="About">
{% endif %} {% endif %}
<img src="{{ site.baseurl }}/assets/img/sakrecoer-logo.svg" width="125px" height="125px" alt="Sakrecoer Logo" /> <img src="{{ relBase }}/assets/img/sakrecoer-logo.svg" width="125px" height="125px" alt="Sakrecoer Logo" />
</a> </a>
</div> </div>
{% if page.collection != 'tracks' %} {% if page.collection != 'tracks' %}

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

16
_layouts/default.html
View file

@ -1,22 +1,24 @@
--- ---
--- ---
{% include relBase.html %}
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" /> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
<link rel="apple-touch-icon" href="{{ site.baseurl }}/apple-touch-icon.png"> <link rel="apple-touch-icon" href="{{ relBase }}/apple-touch-icon.png">
<link rel="icon" type="image/png" href="{{ site.baseurl }}/touch-icon.png" sizes="192x192"> <link rel="icon" type="image/png" href="{{ relBase }}/touch-icon.png" sizes="192x192">
<link rel="shortcut icon" href="{{ site.baseurl }}/favicon.png" type="image/png" /> <link rel="shortcut icon" href="{{ relBase }}/favicon.png" type="image/png" />
<link rel="stylesheet" href="{{ site.baseurl }}/assets/css/style2019-11.css" /> <link rel="stylesheet" href="{{ relBase }}/assets/css/style2019-11.css" />
<script src="/assets/js/jquery-3.4.1.min.js"></script> <script src="{{ relBase }}/assets/js/jquery-3.4.1.min.js"></script>
<script type="text/javascript" src="/assets/js/isotope.pkgd.min.js"></script> <script type="text/javascript" src="{{ relBase }}/assets/js/isotope.pkgd.min.js"></script>
{% include seo.html %} {% include seo.html %}
<style> <style>
body{ body{
background: url('{{ page.image }}'); background: url('{{ page.image }}');
} }
</style> </style>
{% include matomo.html %}
</head> </head>
<body> <body>

14
_layouts/music.html
View file

@ -8,14 +8,14 @@ layout: default
<div class="container"> <div class="container">
<button id="mu_pause">Play</button><br /><br /> <button id="mu_pause">Play</button><br /><br />
{% if page.previous != nil %} {% if page.previous != nil %}
<a href="{{ site.baseurl }}{{ page.previous.url }}" title="Previous Track"><img <a href="{{ relBase }}{{ page.previous.url }}" title="Previous Track"><img
src="{{ site.baseurl }}/assets/img/icons/skiprwd.png" title="Previous Track" /></a> src="{{ relBase }}/assets/img/icons/skiprwd.png" title="Previous Track" /></a>
{% endif %} {% endif %}
<a id="download" title="Download This Track!" href="{{ page.mp3 }}"><img <a id="download" title="Download This Track!" href="{{ page.mp3 }}"><img
src="{{ site.baseurl }}/assets/img/icons/dl.png" title="Download Track" /></a> src="{{ relBase }}/assets/img/icons/dl.png" title="Download Track" /></a>
{% if page.next != nil %} {% if page.next != nil %}
<a href="{{ site.baseurl }}{{ page.next.url }}" title="Next Track"><img <a href="{{ relBase }}{{ page.next.url }}" title="Next Track"><img
src="{{ site.baseurl }}/assets/img/icons/skipfwd.png" title="Next Track" /></a>{% endif %} src="{{ relBase }}/assets/img/icons/skipfwd.png" title="Next Track" /></a>{% endif %}
<br /><br />{% include liberapay.html %} <br /><br />{% include liberapay.html %}
</div> </div>
</div> </div>
@ -58,7 +58,7 @@ layout: default
mu.pause(); mu.pause();
mu.currentTime = 0; mu.currentTime = 0;
{% if page.previous != nil %} {% if page.previous != nil %}
loadUrl('{{ site.baseurl }}{{ page.previous.url }}'); return false; loadUrl('{{ relBase }}{{ page.previous.url }}'); return false;
{% endif %} {% endif %}
// qq IE10 // qq IE10
muFade(); muFade();
@ -85,7 +85,7 @@ layout: default
} }
#wallpaper { #wallpaper {
background-image: url(/assets/img/world.svg); background-image: url({{ relBase }}/assets/img/world.svg);
-webkit-animation: AnimationName 30s ease infinite; -webkit-animation: AnimationName 30s ease infinite;
-moz-animation: AnimationName 30s ease infinite; -moz-animation: AnimationName 30s ease infinite;
animation: AnimationName 30s ease infinite; animation: AnimationName 30s ease infinite;

3
_layouts/null.html
View file

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

9
about/index.html
View file

@ -3,19 +3,20 @@ title: About
layout: default layout: default
description: What is Sakrecoer about and what does its music stand for? description: What is Sakrecoer about and what does its music stand for?
--- ---
{% include relBase.html %}
<div id="hero" style="height: 75vh;"> <div id="hero" style="height: 75vh;">
<div class="pivot"> <div class="pivot">
<a href="{{ site.baseurl }}/"><h2>Back</h2></a> <a href="{{ relBase }}/"><h2>Back</h2></a>
<h1>{{ page.title }}</h1> <h1>{{ page.title }}</h1>
<p>{{ page.description }}</p> <p>{{ page.description }}</p>
{% include liberapay.html %} {% include liberapay.html %}
</div> </div>
<div class="fullscreen-bg"> <div class="fullscreen-bg">
<video loop muted autoplay poster="{{ site.baseurl }}/assets/img/sakrecoer-logo.svg" class="fullscreen-bg__video"> <video loop muted autoplay poster="{{ relBase }}/assets/img/sakrecoer-logo.svg" class="fullscreen-bg__video">
<source src="{{ site.baseurl }}/assets/vi/0001-0076.webm" type="video/webm"> <source src="{{ relBase }}/assets/vi/0001-0076.webm" type="video/webm">
<source src="{{ site.baseurl }}/assets/vi/0001-0076.mp4" type="video/mp4"> <source src="{{ relBase }}/assets/vi/0001-0076.mp4" type="video/mp4">
<!-- <source src="video/big_buck_bunny.ogv" type="video/ogg"> --> <!-- <source src="video/big_buck_bunny.ogv" type="video/ogg"> -->
</video> </video>
</div> </div>

12
index.html
View file

@ -5,7 +5,7 @@ image: /siteicon.png
mp4_path: /assets/vi/0001-0076.mp4 mp4_path: /assets/vi/0001-0076.mp4
webm_path: /assets/vi/0001-0076.webm webm_path: /assets/vi/0001-0076.webm
--- ---
{% include relBase.html %}
<div id="hero"> <div id="hero">
<div class="pivot"> <div class="pivot">
<h1>{{ site.title }}</h1> <h1>{{ site.title }}</h1>
@ -15,16 +15,16 @@ webm_path: /assets/vi/0001-0076.webm
</div> </div>
<div class="pivot"> <div class="pivot">
<h2>You are here</h2> <h2>You are here</h2>
<h1><a href="/about/" alt="About Sakrecoer">Where am I?</a></h1> <h1><a href="{{ relBase }}/about/" alt="About Sakrecoer">Where am I?</a></h1>
</div> </div>
<div class="pivot"> <div class="pivot">
<h2>Stream</h2> <h2>Stream</h2>
<h1><a href="/music/" alt="Music of Sakrecoer">Music</a></h1> <h1><a href="{{ relBase }}/music/" alt="Music of Sakrecoer">Music</a></h1>
</div> </div>
<div class="fullscreen-bg"> <div class="fullscreen-bg">
<video loop muted autoplay poster="{{ site.baseurl }}/assets/img/sakrecoer-logo.svg" class="fullscreen-bg__video"> <video loop muted autoplay poster="{{ relBase }}/assets/img/sakrecoer-logo.svg" class="fullscreen-bg__video">
<source src="{{ site.baseurl }}{{ page.webm_path }}" type="video/webm"> <source src="{{ relBase }}{{ page.webm_path }}" type="video/webm">
<source src="{{ site.baseurl }}{{ page.mp4_path }}" type="video/mp4"> <source src="{{ relBase }}{{ page.mp4_path }}" type="video/mp4">
</video> </video>
</div> </div>
</div> </div>

43
links.html
View file

@ -3,27 +3,28 @@ title: Links
layout: default layout: default
image: /links/linkbg.jpg image: /links/linkbg.jpg
--- ---
{% include relBase.html %}
<div class="editable"> <div class="editable">
<a href="http://leedelicious.com/" target="_blank"><img src="{{ site.baseurl }}/assets/img/linkbanners/leedelicious.png" /></a> <a href="http://leedelicious.com/" target="_blank"><img src="{{ relBase }}/assets/img/linkbanners/leedelicious.png" /></a>
<a href="http://www.powerhousebooks.com/thegospelofhiphop/" target="_blank"><img src="{{ site.baseurl }}/assets/img/linkbanners/gospelofhiphoplink.png" /></a> <a href="http://www.powerhousebooks.com/thegospelofhiphop/" target="_blank"><img src="{{ relBase }}/assets/img/linkbanners/gospelofhiphoplink.png" /></a>
<a href="http://www.goodkarma.ru" target="_blank"><img src="{{ site.baseurl }}/assets/img/linkbanners/goodkarma%20copy.banner.png" /></a> <a href="http://www.goodkarma.ru" target="_blank"><img src="{{ relBase }}/assets/img/linkbanners/goodkarma%20copy.banner.png" /></a>
<a href="http://www.artifexbcn.org/" target="_blank"><img src="{{ site.baseurl }}/assets/img/linkbanners/blazon%20copy.banner.png" /></a> <a href="http://www.artifexbcn.org/" target="_blank"><img src="{{ relBase }}/assets/img/linkbanners/blazon%20copy.banner.png" /></a>
<a href="http://www.villamagica.com" target="_blank"><img src="{{ site.baseurl }}/assets/img/linkbanners/VILLAMAGICAREBOOT99XX%20copy.banner.png" /></a> <a href="http://www.villamagica.com" target="_blank"><img src="{{ relBase }}/assets/img/linkbanners/VILLAMAGICAREBOOT99XX%20copy.banner.png" /></a>
<a href="http://cytownrecords.com" target="_blank"><img src="{{ site.baseurl }}/assets/img/linkbanners/logo_cytown.jpg" /></a> <a href="http://cytownrecords.com" target="_blank"><img src="{{ relBase }}/assets/img/linkbanners/logo_cytown.jpg" /></a>
<a href="http://www.finstafari.com" target="_blank"><img src="{{ site.baseurl }}/assets/img/linkbanners/finsta.gif" /> </a> <a href="http://www.finstafari.com" target="_blank"><img src="{{ relBase }}/assets/img/linkbanners/finsta.gif" /> </a>
<a href="http://graphstyle.com/" target="_blank"><img src="{{ site.baseurl }}/assets/img/linkbanners/graphstyle2011_logo_small6_1.png" /></a> <a href="http://graphstyle.com/" target="_blank"><img src="{{ relBase }}/assets/img/linkbanners/graphstyle2011_logo_small6_1.png" /></a>
<a href="http://www.olakalnins.com/" target="_blank"><img src="{{ site.baseurl }}/assets/img/linkbanners/header1_0.png" /></a> <a href="http://www.olakalnins.com/" target="_blank"><img src="{{ relBase }}/assets/img/linkbanners/header1_0.png" /></a>
<a href="http://dinisnoise.org/" target="_blank"><img src="{{ site.baseurl }}/assets/img/linkbanners/din.png" /></a> <a href="http://dinisnoise.org/" target="_blank"><img src="{{ relBase }}/assets/img/linkbanners/din.png" /></a>
<a href="http://linhalateur.tumblr.com/" target="_blank"><img src="{{ site.baseurl }}/assets/img/linkbanners/inhalateur.png" /></a> <a href="http://linhalateur.tumblr.com/" target="_blank"><img src="{{ relBase }}/assets/img/linkbanners/inhalateur.png" /></a>
<a href="http://www.alexunderstands.com/" target="_blank"><img src="{{ site.baseurl }}/assets/img/linkbanners/alexunderstands.png" /></a> <a href="http://www.alexunderstands.com/" target="_blank"><img src="{{ relBase }}/assets/img/linkbanners/alexunderstands.png" /></a>
<a href="http://www.mijnschatje.fr/" target="_blank"><img src="{{ site.baseurl }}/assets/img/linkbanners/mini-banner-2.gif" /></a> <a href="http://www.mijnschatje.fr/" target="_blank"><img src="{{ relBase }}/assets/img/linkbanners/mini-banner-2.gif" /></a>
<a href="http://basspistol.com" target="_blank"><img src="{{ site.baseurl }}/assets/img/linkbanners/basspistol_logo3_1mini.png" /></a> <a href="http://basspistol.com" target="_blank"><img src="{{ relBase }}/assets/img/linkbanners/basspistol_logo3_1mini.png" /></a>
<a href="http://alsenet.com" target="_blank"><img src="{{ site.baseurl }}/assets/img/linkbanners/logo-alsenet.png" /></a> <a href="http://alsenet.com" target="_blank"><img src="{{ relBase }}/assets/img/linkbanners/logo-alsenet.png" /></a>
<a href="http://www.mrc808.com" target="_blank"><img src="{{ site.baseurl }}/assets/img/linkbanners/charles-hieronymi-wave.png" /></a> <a href="http://www.mrc808.com" target="_blank"><img src="{{ relBase }}/assets/img/linkbanners/charles-hieronymi-wave.png" /></a>
<a href="http://www.rabiat.org" target="_blank"><img src="{{ site.baseurl }}/assets/img/linkbanners/rabiat.gif" /></a> <a href="http://www.rabiat.org" target="_blank"><img src="{{ relBase }}/assets/img/linkbanners/rabiat.gif" /></a>
<a href="http://www.linuxaudio.org/" target="_blank"><img src="{{ site.baseurl }}/assets/img/linkbanners/linuxaudio.png" /></a> <a href="http://www.linuxaudio.org/" target="_blank"><img src="{{ relBase }}/assets/img/linkbanners/linuxaudio.png" /></a>
<a href="http://www.ubuntustudio.org/" target="_blank"><img src="{{ site.baseurl }}/assets/img/linkbanners/us-logo.png" /></a> <a href="http://www.ubuntustudio.org/" target="_blank"><img src="{{ relBase }}/assets/img/linkbanners/us-logo.png" /></a>
<a href="http://rastasoft.org/" target="_blank"><img src="{{ site.baseurl }}/assets/img/linkbanners/rastalion.jpg" /></a> <a href="http://rastasoft.org/" target="_blank"><img src="{{ relBase }}/assets/img/linkbanners/rastalion.jpg" /></a>
<a href="https://www.dyne.org/" target="_blank"><img src="{{ site.baseurl }}/assets/img/linkbanners/moebius-band.png" /></a> <a href="https://www.dyne.org/" target="_blank"><img src="{{ relBase }}/assets/img/linkbanners/moebius-band.png" /></a>
</div> </div>
{% include navmenu.html %} {% include navmenu.html %}

7
music.html
View file

@ -4,6 +4,7 @@ description: Officially released but also exclusive audio-material by Sakrecoer
layout: default layout: default
image: /assets/img/world.svg image: /assets/img/world.svg
--- ---
{% include relBase.html %}
{% include navmenu.html %} {% include navmenu.html %}
<div id="hero" style="height: 40vh; background:transparent;" > <div id="hero" style="height: 40vh; background:transparent;" >
@ -11,7 +12,7 @@ image: /assets/img/world.svg
<div class="pivot"> <div class="pivot">
<a href="{{ site.baseurl }}/"><h2>Back</h2></a> <a href="{{ relBase }}/"><h2>Back</h2></a>
<h1>Music</h1> <h1>Music</h1>
<p>{{ page.description }}</p> <p>{{ page.description }}</p>
{% include liberapay.html %} {% include liberapay.html %}
@ -47,7 +48,7 @@ image: /assets/img/world.svg
{% for track in site.tracks reversed %} {% for track in site.tracks reversed %}
<div id="{{ track.uid }}" class="element-item trackcontainer {% for key in track.categories %}{{ key }} {% endfor %}"> <div id="{{ track.uid }}" class="element-item trackcontainer {% for key in track.categories %}{{ key }} {% endfor %}">
<a href="{{ track.url }}"> <a href="{{ relBase }}{{ track.url }}">
<div class="track" style="background-image:url({{ track.image }});"></div> <div class="track" style="background-image:url({{ track.image }});"></div>
<h3>{{ track.title }}</h3> <h3>{{ track.title }}</h3>
</a> </a>
@ -92,7 +93,7 @@ body {
-moz-animation: AnimationName 60s ease infinite; -moz-animation: AnimationName 60s ease infinite;
animation: AnimationName 60s ease infinite; } animation: AnimationName 60s ease infinite; }
#wallpaper { #wallpaper {
background-image: url('{{ page.image }}'); background-image: url('{{ relBase }}{{ page.image }}');
background-position: center; background-position: center;
background-repeat: repeat; background-repeat: repeat;
-webkit-animation: AnimationName 60s ease infinite; -webkit-animation: AnimationName 60s ease infinite;