hq/paxnion.basspistol.com
hq/paxnion.basspistol.com
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

album page template

Browse source
This commit is contained in:
sakrecoer 2020-07-05 13:05:02 +02:00
parent b82668cd49
commit 8e092fba9f
2 changed files with 17 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

29
_layouts/album.html
View file

@ -31,14 +31,14 @@ lang: en
class="banner onload-image-fade-in onload-content-fade-right style2 fullscreen content-align-center image-position-center" class="banner onload-image-fade-in onload-content-fade-right style2 fullscreen content-align-center image-position-center"
style="height:100vh;background-color: rgba(13,13,13,0.85);"> style="height:100vh;background-color: rgba(13,13,13,0.85);">
<div class="content editable"> <div class="content editable">
<h1 class="editable">{{ page.name }}</h1> <h1 class="editable">{{ page.title }}</h1>
<p>{{ page.description }}</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>
</div> </div>
<div class="image"> <div class="image">
<img src="https://media.basspistol.com/panix/{{ page.slug }}/{{ page.tracks[0].trackSlug }}.jpeg" alt="{{ page.name }}" class="editable" /> <img src="https://media.basspistol.com/panix/{{ page.slug }}/{{ page.tracks[0].trackSlug }}.jpeg" alt="{{ page.title }}" class="editable" />
</div> </div>
</section> </section>
<!-- Content --> <!-- Content -->
@ -51,8 +51,10 @@ lang: en
<!-- Content --> <!-- Content -->
<div class="content"> <div class="content">
<!-- HERE BEGINS MADNESS --> <!-- HERE BEGINS MADNESS -->
<!-- Content --> <!-- Content -->
<div class="content"> <div class="content">
<div id="mainwrap"> <div id="mainwrap">
@ -79,7 +81,7 @@ lang: en
<div class="plItem"> <div class="plItem">
<div class="plNum">{{ track.common.track.no }}.</div> <div class="plNum">{{ track.common.track.no }}.</div>
<div class="plTitle">{{ track.common.title }}</div> <div class="plTitle">{{ track.common.title }}</div>
<div class="plLength">{% 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 }}</div> <div class="plLength">{% assign round_seconds = track.format.duration | round %}{% assign minutes = round_seconds | divided_by: 60 %}{% assign leftover_seconds = minutes | times: 60 %}{{ minutes }}:{% assign seconds_without_zero = round_seconds | minus: leftover_seconds %}{% if seconds_without_zero < 10 %}0{% endif %}{{ seconds_without_zero }}</div>
</div> </div>
</li> </li>
{% endfor %} {% endfor %}
@ -109,16 +111,17 @@ lang: en
</div> </div>
</div> </div>
</section> </section>
<!-- Tracks -->
<!-- HERE ENDS MADNESS -->
<!-- Tracks -->
<section id="albumdata" class="wrapper style1 align-center"> <section id="albumdata" class="wrapper style1 align-center">
<div class="gallery style1 medium onscroll-fade-in"> <div class="gallery style1 medium onscroll-fade-in">
<!--
{% for track in page.tracks %} {% for track in page.tracks %}
<article> <article>
<a href="{{ relBase }}/{{ track.slug }}/" class="image"> <a href="{{ relBase }}/albums/{{ track.slug }}/" class="image">
<img src="{{ relBase }}{{ track.cover}}" alt="{{ track.common.title }}" /> <img src="https://media.basspistol.com/panix/{{ track.albumSlug }}/{{ track.trackSlug }}.jpeg" alt="{{ track.common.title }}" />
</a> </a>
<div class="caption"> <div class="caption">
<h3>{{ track.common.title }}</h3> <h3>{{ track.common.title }}</h3>
@ -130,20 +133,16 @@ lang: en
</ul> </ul>
</div> </div>
</article> </article>
{% endfor %} --> {% endfor %}
{% include streamer.html %} {% include streamer.html %}
</div> </div>
</section> </section>
<!-- END Tracks --> <!-- END Tracks -->
<!-- HERE ENDS MADNESS -->
<section class="wrapper style1 align-center"> <section class="wrapper style1 align-center">
<div class="inner"> <div class="inner">
<div class="index align-left"> <div class="index align-left">
@ -155,7 +154,7 @@ lang: en
<div class="content"> <div class="content">
<!-- post Naviation --> <!-- post Naviation -->
<div style="text-align: center;"> <div style="text-align: center;">
<h3>{{ site.data.translations[page.lang].post-nav}}</h3> <h3>More releases</h3>
</div> </div>
<div class="post-nav"> <div class="post-nav">
<div> <div>

5
_sass/player.scss
View file

@ -86,7 +86,7 @@ audio {
} }
.plTitle { .plTitle {
left: 50px; left: 75px;
overflow: hidden; overflow: hidden;
position: absolute; position: absolute;
right: 65px; right: 65px;
@ -94,11 +94,12 @@ audio {
top: 0; top: 0;
white-space: nowrap; white-space: nowrap;
font-weight: bold; font-weight: bold;
padding-right: 10px;
} }
.plNum { .plNum {
padding-left: 21px; padding-left: 21px;
width: 25px; width: 65px;
} }
.plLength { .plLength {