button consistency

This commit is contained in:
Set Hallstrom 2020-07-29 13:52:06 +02:00
parent 9cc400e5f4
commit bca4d2f718
12 changed files with 16 additions and 93 deletions

View file

@ -37,7 +37,7 @@ sitemap: false
<h1 class="editable">{{ page.title }}</h1>
<p>{{ page.description }}</p>
<ul class="actions stacked">
<li><a href="/" class="button big wide">Take me back!</a></li>
<li><a href="/" class="button small wide">Take me back!</a></li>
</ul>
</div>

View file

@ -36,7 +36,7 @@ lang: en
<br />{{ page.date | date: '%Y' }}
</p>
<ul class="actions stacked">
<li><a href="#moe" class="button small smooth-scroll">cheggit!</a></li>
<li><a href="#moe" class="button small smooth-scroll icon solid fa-volume-up">Listen</a></li>
</ul>
</div>
<div class="image">

View file

@ -347,7 +347,7 @@
{{ content }}
{% if page.link != nil %}
<ul class="actions stacked">
<li><a href="{{ page.link }}?ref=TheOuthernationalMusicSyndicate" target="_blank" rel="noopener" class="button small">cheggit!</a></li>
<li><a href="{{ page.link }}?ref=TheOuthernationalMusicSyndicate" target="_blank" rel="noopener" class="button small icon solid fa-external-link-alt">Let's go!</a></li>
</ul>
{% endif %}
</div>

View file

@ -26,7 +26,7 @@ layout: default
</script>
<ul class="actions stacked">
<li><button id="mu_pause" class="button icon solid fa-play">Play dat!</button></li>
<li><button id="mu_pause" class="button small icon solid fa-play">Play!</button></li>
</ul>
</div>
<div id="noJSalbum" class="content" style="z-index:1">
@ -38,7 +38,7 @@ layout: default
<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>
<ul class="actions stacked">
<li><a class="button icon solid fa-play" target="_blank" rel="noopener" href="{{ site.mediaurl }}/{{ page.albumSlug }}/{{ page.trackSlug }}.mp3">Play dat!</a></li>
<li><a class="button small icon solid fa-play" target="_blank" rel="noopener" href="{{ site.mediaurl }}/{{ page.albumSlug }}/{{ page.trackSlug }}.mp3">Play dat!</a></li>
</ul>
</div>

View file

@ -44,7 +44,7 @@ image: /assets/vid/artists.jpg
<!-- <p>{{ artist.bio }}</p> -->
<ul class="actions stacked">
<li><a href="{{ artist.web }}?ref=TheOuternationalMusicSyndicate" target="_blank" rel="noopener" style="text-decoration:none;" class="button">Visit</a></li>
<li><a href="{{ artist.web }}?ref=TheOuternationalMusicSyndicate" target="_blank" rel="noopener" style="text-decoration:none;" class="button small icon solid fa-external-link-alt">Visit</a></li>
</ul>
</div>
<div class="image">

View file

@ -40,7 +40,7 @@ sitemap: false
<p>{{ page.description }}</p>
<p>if your browser isn't redirecting you automatically</p>
<ul class="actions stacked">
<li><a href="{{ site.url }}/albums/dust-and-soda/" class="button big wide">Click Here</a></li>
<li><a href="{{ site.url }}/albums/dust-and-soda/" class="button small wide">Click Here</a></li>
</ul>
</div>

View file

@ -60,7 +60,7 @@ image: /assets/vid/discogs.jpg
<br />
<ul class="actions stacked">
<li><a href="{{ album.url }}" class="button big wide {% if post.category == 'release' %}icon solid fa-volume-up{% endif %}">Cheggid out</a>
<li><a href="{{ album.url }}" class="button small icon solid fa-volume-up">Listen</a>
</li>
</ul>
</div>

View file

@ -39,7 +39,7 @@ permalink: /highlights/
<strong>&#9998;</strong> Edit Post
</a></p>
<ul class="actions stacked">
<li><a href="{{ relBase }}{{ post.url }}" class="button">{{ site.data.translations[page.lang].read-post }}</a></li>
<li><a href="{{ relBase }}{{ post.url }}" class="button small">Read more</a></li>
</ul>
</div>
<div class="image">

View file

@ -30,7 +30,7 @@ logo_image: /siteicon.png
<p>{{ page.description }}</p>
<ul class="actions stacked">
<li><a href="#music" class="button large wide smooth-scroll">Gimme Music!</a></li>
<li><a href="#music" class="button small smooth-scroll">Gimme Music!</a></li>
</ul>
</div>
@ -53,7 +53,7 @@ logo_image: /siteicon.png
<ul class="actions stacked">
<li><button id="mu_pause" class="button icon solid fa-play">Play!</button></li>
<li><button id="mu_pause" class="button small icon solid fa-play">Play!</button></li>
</ul>
</div>
@ -64,7 +64,7 @@ logo_image: /siteicon.png
<a href="https://radio.basspistol.com/radio.mp3" id="mu_pause" class="button icon solid fa-play">MP3</a> <a href="https://radio.basspistol.com/radio.ogg" id="mu_pause" class="button icon solid fa-play">OGG</a>
<a href="https://radio.basspistol.com/radio.mp3" id="mu_pause" class="button small icon solid fa-play">MP3</a> <a href="https://radio.basspistol.com/radio.ogg" id="mu_pause" class="button small icon solid fa-play">OGG</a>
@ -189,7 +189,7 @@ logo_image: /siteicon.png
<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>
class="button small {% if post.category == 'releases' %}icon solid fa-volume-up{% endif %}">{% if post.category == 'releases' %}Listen{% else %}Read more{% endif %}</a>
</li>
</ul>
</div>

View file

@ -38,7 +38,7 @@ image: /assets/vid/links.jpg
<p>{{ link.banner }}</p>
<ul class="actions stacked">
<li><a href="{{ link.url }}?ref=TheOuternationalMusicSyndicateWasHere" target="_blank" rel="noopener" style="text-decoration:none;" class="button">Visit</a></li>
<li><a href="{{ link.url }}?ref=TheOuternationalMusicSyndicateWasHere" target="_blank" rel="noopener" style="text-decoration:none;" class="button icon solid fa-external-link-alt small">Visit</a></li>
</ul>
</div>
<div class="image">

View file

@ -33,7 +33,7 @@ layout: default
<ul class="actions stacked">
<li><button id="mu_pause" class="button icon solid fa-play">Play!</button></li>
<li><button id="mu_pause" class="button small icon solid fa-play">Play!</button></li>
</ul>
</div>
@ -44,7 +44,7 @@ layout: default
<a href="https://radio.basspistol.com/radio.mp3" id="mu_pause" class="button icon solid fa-play">MP3</a> <a href="https://radio.basspistol.com/radio.ogg" id="mu_pause" class="button icon solid fa-play">OGG</a>
<a href="https://radio.basspistol.com/radio.mp3" id="mu_pause" class="button smaller icon solid fa-play">MP3</a> <a href="https://radio.basspistol.com/radio.ogg" id="mu_pause" class="button smaller icon solid fa-play">OGG</a>

View file

@ -1,77 +0,0 @@
---
title: 'Basspistol Discog'
description: 'The Basspistol Catalogue'
image: /images/guillaume-techer-jm9p0mdpo6a-unsplash.jpg
---
<!-- Banner -->
<section class="banner onload-image-fade-in onload-content-fade-right style2 fullscreen content-align-center image-position-center" style="min-height:100vh;background-color: rgba(13,13,13,0.85);">
<div class="content editable">
<h1 class="editable">{{ page.title }}</h1>
<p>{{ page.description }}</p>
<ul class="actions stacked">
<li><a href="#moe" class="button small smooth-scroll">cheggit!</a></li>
</ul>
</div>
<div class="image">
<img src="{{ page.slug }}/{{ page.tracks[0].trackSlug }}.jpeg" alt="{{ page.title }}" class="editable" />
</div>
</section>
<section class="wrapper style1 align-center" id="moe">
<div class="inner">
<h2 class="editable">Ready for the output?</h2>
<p class="editable">Buckle up it's a long list</p>
</div>
</section>
{% assign sorted = site.albums | sort: 'date' | reverse %}
{% for album in sorted %}
<section class="spotlight style4 orient-{% cycle 'left', 'right' %} content-align-left image-position-center onscroll-image-fade-in" {% if forloop.index == 1 %}style="box-shadow: none;" {% endif %}>
<div class="content">
<h1>{{ album.title }}</h1>
<p>{{ album.date | date: '%Y' }}</p>
{% for track in album.tracks %}
<p style="margin-bottom: 30px;font-size: 14px">
<strong>{{ track.common.track.no }}. {{ track.common.title }}</strong><br />
<span id="{{ track.common.title | slugify | remove: '-' }}"></span> |
<span style="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 %}
<br />
<ul class="actions stacked">
<li><a href="{{ album.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="{{ album.slug }}/{{ album.tracks[0].trackSlug }}.jpeg" alt="{{ album.title }}" title="{{ album.title }}" />
</div>
</section>
{% endfor %}
{% include streamer.html %}
{% include footer.html %}