title formatting

This commit is contained in:
sakrecoer 2020-08-05 12:32:24 +02:00
parent f5212a2ac5
commit 9c4a890cf6
2 changed files with 8 additions and 7 deletions

View file

@ -14,8 +14,9 @@ layout: default
<div class="playbutton hideWhenNoJS"> <div class="playbutton hideWhenNoJS">
<a id="mu_pause" class="button">Play!</a> <a id="mu_pause" class="button">Play!</a>
</div> </div>
<p><strong>{% for style in page.common.genre %}{{ style }}{% endfor %}</strong> by <strong>{{ page.common.artist }}</strong> <h1>{{ page.common.title }}</h1>
<br />{{ page.common.year }}
</p> </p>
</section> </section>
@ -23,8 +24,8 @@ layout: default
<!-- Content --> <!-- Content -->
<div id="trackInfo"> <div id="trackInfo">
<section> <section>
<p>{% for style in page.common.genre %}{{ style }}{% endfor %} by <strong>{{ page.common.artist }}</strong></p>
<h1>{{ page.common.title }}</h1> <p>{{ page.common.year }}</p>
<p><strong>{% assign round_seconds = page.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 }}</strong></p> <p><strong>{% assign round_seconds = page.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 }}</strong></p>

View file

@ -66,7 +66,7 @@
margin: 20px; margin: 20px;
padding: 0; padding: 0;
} }
h1 { p:first-child {
margin-top:80px; margin-top:80px;
} }
} }
@ -99,8 +99,8 @@
height: unset; height: unset;
overflow-y: unset; overflow-y: unset;
section { section {
h1 { p:first-child {
margin-top:0; margin-top:20px;
} }
} }
} }