additional data on album and track pages

This commit is contained in:
Set Hallstrom 2020-07-11 16:33:27 +02:00
parent 67ca1a53fd
commit 7d8d1d86d2
2 changed files with 9 additions and 4 deletions

View file

@ -32,7 +32,9 @@ lang: en
style="height:100vh;"> style="height:100vh;">
<div class="content editable"> <div class="content editable">
<h1 class="editable">{{ page.title }}</h1> <h1 class="editable">{{ page.title }}</h1>
<p>{{ page.description }}</p> <p>by <strong>{{ page.artists }}</strong>
<br />{{ page.date | date: '%Y' }}
</p>
<ul class="actions stacked"> <ul class="actions stacked">
<li><a href="#moe" class="button small smooth-scroll-middle">cheggit!</a></li> <li><a href="#moe" class="button small smooth-scroll-middle">cheggit!</a></li>
</ul> </ul>

View file

@ -9,10 +9,13 @@ layout: default
<div style="z-index:0;position:absolute; top:0; left:0; width:100%;height:100%;background-color: rgba(13, 13 ,13, 0.85);"></div> <div style="z-index:0;position:absolute; top:0; left:0; width:100%;height:100%;background-color: rgba(13, 13 ,13, 0.85);"></div>
<div class="content" style="z-index:1"> <div class="content" style="z-index:1">
<h1 style="margin-top:80px">{{ page.common.title }}</h1> <h1 style="margin-top:80px">{{ page.common.title }}</h1>
<p><strong>{% for style in page.common.genre %}{{ style }}{% endfor %}</strong> by <strong>{{ page.common.artist }}</strong>
<p><strong><span id="tracktime"></span></strong><span id="{{ page.common.title | slugify | remove: '-' }}"></span></strong> <br /> <br />{{ page.common.year }}
Style: <strong>{% for style in page.common.genre %}{{ style }}{% endfor %}</strong>
</p> </p>
<p><strong><span id="tracktime"></span></strong><span id="{{ page.common.title | slugify | remove: '-' }}"></span></strong></p>
<script type="text/javascript"> <script type="text/javascript">
var {{ page.common.title | slugify | remove: '-' }}timestamp = {{ page.format.duration | round }}; var {{ page.common.title | slugify | remove: '-' }}timestamp = {{ page.format.duration | round }};
var {{ page.common.title | slugify | remove: '-' }}hours = Math.floor({{ page.common.title | slugify | remove: '-' }}timestamp / 60 / 60); var {{ page.common.title | slugify | remove: '-' }}hours = Math.floor({{ page.common.title | slugify | remove: '-' }}timestamp / 60 / 60);