no preload and bumpup radio
This commit is contained in:
parent
7d8d1d86d2
commit
2e9b87f696
2
404.html
2
404.html
|
@ -20,7 +20,7 @@ image: /images/kaur-kristjan-cppf4w5pb1c-unsplash.jpg
|
||||||
<noscript><link rel="stylesheet" href="/assets/css/noscript20200710.css" /></noscript>
|
<noscript><link rel="stylesheet" href="/assets/css/noscript20200710.css" /></noscript>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body class="is-preload" id="body">
|
<body id="body">
|
||||||
<span id="top" style="display: none;"></span>
|
<span id="top" style="display: none;"></span>
|
||||||
<!-- Wrapper -->
|
<!-- Wrapper -->
|
||||||
<div id="wrapper" class="divided">
|
<div id="wrapper" class="divided">
|
||||||
|
|
|
@ -21,7 +21,7 @@ lang: en
|
||||||
<link rel="shortcut icon" href="{{ site.url }}{{ site.icon }}" type="image/png" />
|
<link rel="shortcut icon" href="{{ site.url }}{{ site.icon }}" type="image/png" />
|
||||||
<noscript><link rel="stylesheet" href="{{ relBase }}/assets/css/noscript20200710.css" /></noscript>
|
<noscript><link rel="stylesheet" href="{{ relBase }}/assets/css/noscript20200710.css" /></noscript>
|
||||||
</head>
|
</head>
|
||||||
<body class="is-preload" id="body">
|
<body id="body">
|
||||||
<span id="top" style="display: none;"></span>
|
<span id="top" style="display: none;"></span>
|
||||||
<!-- Wrapper -->
|
<!-- Wrapper -->
|
||||||
<div id="wrapper" class="divided">
|
<div id="wrapper" class="divided">
|
||||||
|
|
|
@ -21,7 +21,7 @@
|
||||||
<noscript><link rel="stylesheet" href="{{ relBase }}/assets/css/noscript20200710.css" /></noscript>
|
<noscript><link rel="stylesheet" href="{{ relBase }}/assets/css/noscript20200710.css" /></noscript>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body class="is-preload" id="body">
|
<body id="body">
|
||||||
<span id="top" style="display: none;"></span>
|
<span id="top" style="display: none;"></span>
|
||||||
<!-- Wrapper -->
|
<!-- Wrapper -->
|
||||||
<div id="wrapper" class="divided">
|
<div id="wrapper" class="divided">
|
||||||
|
|
|
@ -21,7 +21,7 @@
|
||||||
<link rel="shortcut icon" href="{{ site.url }}{{ site.icon }}" type="image/png" />
|
<link rel="shortcut icon" href="{{ site.url }}{{ site.icon }}" type="image/png" />
|
||||||
<noscript><link rel="stylesheet" href="{{ relBase }}/assets/css/noscript20200710.css" /></noscript>
|
<noscript><link rel="stylesheet" href="{{ relBase }}/assets/css/noscript20200710.css" /></noscript>
|
||||||
</head>
|
</head>
|
||||||
<body class="is-preload" id="body">
|
<body id="body">
|
||||||
<span id="top" style="display: none;"></span>
|
<span id="top" style="display: none;"></span>
|
||||||
<!-- Wrapper -->
|
<!-- Wrapper -->
|
||||||
<div id="wrapper" class="divided">
|
<div id="wrapper" class="divided">
|
||||||
|
@ -314,7 +314,7 @@
|
||||||
<noscript><link rel="stylesheet" href="{{ relBase }}/assets/css/noscript20200710.css" /></noscript>
|
<noscript><link rel="stylesheet" href="{{ relBase }}/assets/css/noscript20200710.css" /></noscript>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body class="is-preload" id="body">
|
<body id="body">
|
||||||
<span id="top" style="display: none;"></span>
|
<span id="top" style="display: none;"></span>
|
||||||
<!-- Wrapper -->
|
<!-- Wrapper -->
|
||||||
<div id="wrapper" class="divided">
|
<div id="wrapper" class="divided">
|
||||||
|
|
120
index.html
120
index.html
|
@ -38,65 +38,6 @@ logo_image: /siteicon.png
|
||||||
<img src="{{ relBase }}{{ page.logo_image }}" alt="{{ site.title }} logo" />
|
<img src="{{ relBase }}{{ page.logo_image }}" alt="{{ site.title }} logo" />
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
<!-- Posts -->
|
|
||||||
|
|
||||||
|
|
||||||
{% for post in site.posts limit: '2' %}
|
|
||||||
|
|
||||||
<section id="album{% increment var %}"
|
|
||||||
class="section-shadow banner style1 orient-{% cycle 'left', 'right' %} content-align-{% cycle 'right', 'left' %} image-position-center fullscreen onload-image-fade-in onload-content-fade-right">
|
|
||||||
|
|
||||||
<div class="content">
|
|
||||||
<h1>{{ post.title }}</h1>
|
|
||||||
<p>{{ post.description }}</p>
|
|
||||||
{% if post.category == 'release' %}
|
|
||||||
{% capture album_name -%}
|
|
||||||
{{ post.album }}
|
|
||||||
{%- endcapture %}
|
|
||||||
{% for album in site.albums %}
|
|
||||||
{% capture name -%}
|
|
||||||
{{ album.relative_path | replace_first: album.collection, '' | replace_first: '_/', '' | replace_first: '.md', '' }}
|
|
||||||
{%- endcapture %}
|
|
||||||
{% if name == album_name %}
|
|
||||||
<p>{{ album.date | date: '%Y' }}</p>
|
|
||||||
|
|
||||||
{% for track in album.tracks %}
|
|
||||||
<p style="margin-bottom: 30px; font-family: monospace;font-size: 14px">
|
|
||||||
<strong>{{ track.common.track.no }}. {{ track.common.title }}</strong><br />
|
|
||||||
<span id="{{ track.common.title | slugify | remove: '-' }}"></span> |
|
|
||||||
<span style="font-family: monospace;font-size: 14px">{{ track.common.genre }} </span>
|
|
||||||
</p>
|
|
||||||
|
|
||||||
|
|
||||||
<script type="text/javascript">
|
|
||||||
var {{ track.common.title | slugify | remove: '-' }}timestamp = {{ track.format.duration | round }};
|
|
||||||
var {{ track.common.title | slugify | remove: '-' }}hours = Math.floor({{ track.common.title | slugify | remove: '-' }}timestamp / 60 / 60);
|
|
||||||
var {{ track.common.title | slugify | remove: '-' }}minutes = Math.floor({{ track.common.title | slugify | remove: '-' }}timestamp / 60) - ({{ track.common.title | slugify | remove: '-' }}hours * 60);
|
|
||||||
var {{ track.common.title | slugify | remove: '-' }}seconds = {{ track.common.title | slugify | remove: '-' }}timestamp % 60;
|
|
||||||
var {{ track.common.title | slugify | remove: '-' }}formatted = {{ track.common.title | slugify | remove: '-' }}hours.toString().padStart(2, '0') + ':' + {{ track.common.title | slugify | remove: '-' }}minutes.toString().padStart(2, '0') + ':' + {{ track.common.title | slugify | remove: '-' }}seconds.toString().padStart(2, '0');
|
|
||||||
var theSpan = document.getElementById("{{ track.common.title | slugify | remove: '-' }}");
|
|
||||||
theSpan.innerHTML = {{ track.common.title | slugify | remove: '-' }}formatted;
|
|
||||||
</script>
|
|
||||||
{% endfor %}
|
|
||||||
{% break %} {% endif %} {% endfor %}
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
<br />
|
|
||||||
<ul class="actions stacked">
|
|
||||||
|
|
||||||
<li><a href="{{ relBase }}{{ post.url }}"
|
|
||||||
class="button big wide {% if post.category == 'release' %}icon solid fa-volume-up{% endif %}">Cheggid out</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="image">
|
|
||||||
<img src="{{ relBase }}{{ post.image }}" alt="{{ post.title }}" title="{{ post.title }}" />
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
{% endfor %}
|
|
||||||
|
|
||||||
<!-- Radio -->
|
<!-- Radio -->
|
||||||
<section
|
<section
|
||||||
|
@ -195,6 +136,67 @@ logo_image: /siteicon.png
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
<!-- End Radio -->
|
<!-- End Radio -->
|
||||||
|
<!-- Posts -->
|
||||||
|
|
||||||
|
|
||||||
|
{% for post in site.posts limit: '2' %}
|
||||||
|
|
||||||
|
<section id="album{% increment var %}"
|
||||||
|
class="section-shadow banner style1 orient-{% cycle 'left', 'right' %} content-align-{% cycle 'right', 'left' %} image-position-center fullscreen onload-image-fade-in onload-content-fade-right">
|
||||||
|
|
||||||
|
<div class="content">
|
||||||
|
<h1>{{ post.title }}</h1>
|
||||||
|
<p>{{ post.description }}</p>
|
||||||
|
{% if post.category == 'release' %}
|
||||||
|
{% capture album_name -%}
|
||||||
|
{{ post.album }}
|
||||||
|
{%- endcapture %}
|
||||||
|
{% for album in site.albums %}
|
||||||
|
{% capture name -%}
|
||||||
|
{{ album.relative_path | replace_first: album.collection, '' | replace_first: '_/', '' | replace_first: '.md', '' }}
|
||||||
|
{%- endcapture %}
|
||||||
|
{% if name == album_name %}
|
||||||
|
<p>{{ album.date | date: '%Y' }}</p>
|
||||||
|
|
||||||
|
{% for track in album.tracks %}
|
||||||
|
<p style="margin-bottom: 30px; font-family: monospace;font-size: 14px">
|
||||||
|
<strong>{{ track.common.track.no }}. {{ track.common.title }}</strong><br />
|
||||||
|
<span id="{{ track.common.title | slugify | remove: '-' }}"></span> |
|
||||||
|
<span style="font-family: monospace;font-size: 14px">{{ track.common.genre }} </span>
|
||||||
|
</p>
|
||||||
|
|
||||||
|
|
||||||
|
<script type="text/javascript">
|
||||||
|
var {{ track.common.title | slugify | remove: '-' }}timestamp = {{ track.format.duration | round }};
|
||||||
|
var {{ track.common.title | slugify | remove: '-' }}hours = Math.floor({{ track.common.title | slugify | remove: '-' }}timestamp / 60 / 60);
|
||||||
|
var {{ track.common.title | slugify | remove: '-' }}minutes = Math.floor({{ track.common.title | slugify | remove: '-' }}timestamp / 60) - ({{ track.common.title | slugify | remove: '-' }}hours * 60);
|
||||||
|
var {{ track.common.title | slugify | remove: '-' }}seconds = {{ track.common.title | slugify | remove: '-' }}timestamp % 60;
|
||||||
|
var {{ track.common.title | slugify | remove: '-' }}formatted = {{ track.common.title | slugify | remove: '-' }}hours.toString().padStart(2, '0') + ':' + {{ track.common.title | slugify | remove: '-' }}minutes.toString().padStart(2, '0') + ':' + {{ track.common.title | slugify | remove: '-' }}seconds.toString().padStart(2, '0');
|
||||||
|
var theSpan = document.getElementById("{{ track.common.title | slugify | remove: '-' }}");
|
||||||
|
theSpan.innerHTML = {{ track.common.title | slugify | remove: '-' }}formatted;
|
||||||
|
</script>
|
||||||
|
{% endfor %}
|
||||||
|
{% break %} {% endif %} {% endfor %}
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
|
<br />
|
||||||
|
<ul class="actions stacked">
|
||||||
|
|
||||||
|
<li><a href="{{ relBase }}{{ post.url }}"
|
||||||
|
class="button big wide {% if post.category == 'release' %}icon solid fa-volume-up{% endif %}">Cheggid out</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="image">
|
||||||
|
<img src="{{ relBase }}{{ post.image }}" alt="{{ post.title }}" title="{{ post.title }}" />
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
{% endfor %}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<!-- Releases -->
|
<!-- Releases -->
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue