album page

This commit is contained in:
sakrecoer 2020-07-05 19:39:57 +02:00
parent 6d7eedd8c4
commit fa2cb77b5a

View file

@ -115,33 +115,39 @@ lang: en
<!-- HERE ENDS MADNESS --> <!-- HERE ENDS MADNESS -->
<!-- Tracks --> <section class="wrapper style1 align-center">
<section id="albumdata" class="wrapper style1 align-center">
<div class="gallery style1 medium onscroll-fade-in"> <div class="inner">
<h2>Track list</h2>
<p>Use thses pages to share one song in particulare</p>
</div>
</section>
{% for track in page.tracks %} {% for track in page.tracks %}
<article>
<a href="{{ relBase }}/albums/{{ track.slug }}/" class="image"> <section
<img src="https://media.basspistol.com/panix/{{ track.albumSlug }}/{{ track.trackSlug }}.jpeg" alt="{{ track.common.title }}" /> class="spotlight style4 orient-{% cycle 'left', 'right' %} content-align-{% cycle 'right', 'left' %} image-position-center onscroll-image-fade-in"
</a> {% if forloop.index == 1 %}style="box-shadow: none;" {% endif %}>
<div class="caption"> <div class="content">
<h3>{{ track.common.title }}</h3> <h3>{{ track.common.title }}</h3>
<p> <p>
<strong>{{ track.common.genre }}</strong> {% 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 }}
<br /><strong>{{ track.common.genre }}</strong>
<br />{{ track.common.year }}</p> <br />{{ track.common.year }}</p>
<ul class="actions fixed">
<li><span class="editable button small icon fa-play-circle">Play</span></li> <ul class="actions stacked">
<li><a href="{{ relBase }}/albums/{{ track.slug }}/" class="button">Track</a></li>
</ul> </ul>
</div> </div>
</article> <div class="image">
{% endfor %} <img src="https://media.basspistol.com/panix/{{ track.albumSlug }}/{{ track.trackSlug }}.jpeg" alt="{{ track.common.title }}" />
{% include streamer.html %}
</div> </div>
</section> </section>
<!-- END Tracks -->
{% endfor %}
{% include streamer.html %}
<section class="wrapper style1 align-center"> <section class="wrapper style1 align-center">
<div class="inner"> <div class="inner">