streamer better sized

This commit is contained in:
Set Hallstrom 2020-07-28 12:39:37 +02:00
parent 3ca6306a72
commit 58bb86152c

View file

@ -1,9 +1,54 @@
<section class="streambox" style="padding: 40px;">
{% if page.collection == 'posts' %} {% if page.collection == 'posts' %}
{% if page.category == 'releases' %} {% if page.category == 'releases' %}
{% if page.check_this_if_cannot_be_bought == false %} {% if page.check_this_if_cannot_be_bought == false %}
<section class="streambox" style="padding: 40px;">
<h2 style="text-align: center;display: block;">Get this release</h2>
<div class="streamer">
{% for shop in page.stores %}
{% if shop.download == true %}
<a onclick="_paq.push(['trackEvent', 'StoreLink', '{{ shop.name | remove: " " }}']);" target="_blank" rel="noopener" href="{{ shop.url }}" alt="Stream from {{ shop.name }}" title="Stream from {{ shop.name }}" class="button icon brands {{ shop.icon }}">{{ shop.name }}</a>
{% endif %}
{% endfor %}
</div>
<h3 style="text-align: center;display: block;">Buy this release</h3> <p style="text-align: center;display: block;margin-top:40px;">Stream it, follow, like and subscribe!</p>
<div class="streamer">
{% for shop in page.stores %}
{% if shop.download != true %}
<a onclick="_paq.push(['trackEvent', 'StoreLink', '{{ shop.name | remove: " " }}']);" style="flex: 0 0 45px;margin:10px; font-size: 45px;" target="_blank" rel="noopener" href="{{ shop.url }}" alt="Stream from {{ shop.name }}" title="Stream from {{ shop.name }}" class="icon style2 brands {{ shop.icon }}"><span class="label">{{ shop.name }}</span></a>
{% endif %}
{% endfor %}
</div>
</section>
{% else %}
<section class="streambox" style="padding: 40px;">
<h2 style="text-align: center;display: block;">This release can't be bought</h2>
<p>Stream, follow, like and subscribe!</p>
<div class="streamer">
{% for shop in site.data.stores %}
{% if shop.download == true %}
<a onclick="_paq.push(['trackEvent', 'StoreLink', '{{ shop.name | remove: " " }}']);" target="_blank" rel="noopener" href="{{ shop.url }}" alt="Stream from {{ shop.name }}" title="Stream from {{ shop.name }}" class="button icon brands {{ shop.icon }}">{{ shop.name }}</a>
{% endif %}
{% endfor %}
</div>
<h2 style="text-align: center;display: block;">&nbsp;</h2>
<div class="streamer">
{% for shop in site.data.stores %}
{% if shop.download != true %}
<a onclick="_paq.push(['trackEvent', 'StoreLink', '{{ shop.name | remove: " " }}']);" target="_blank" rel="noopener" href="{{ shop.url }}" alt="Stream from {{ shop.name }}" title="Stream from {{ shop.name }}" class="button icon brands {{ shop.icon }}">{{ shop.name }}</a>
{% endif %}
{% endfor %}
</div>
</section>
{% endif %}
{% else %}
{% if page.check_this_if_cannot_be_bought == false %}
<section class="streambox" style="padding: 40px;">
<h2 style="text-align: center;display: block;">Get this release</h2>
<div class="streamer"> <div class="streamer">
{% for shop in page.stores %} {% for shop in page.stores %}
{% if shop.download == true %} {% if shop.download == true %}
@ -12,101 +57,31 @@
{% endfor %} {% endfor %}
</div> </div>
<h3 style="text-align: center;display: block;margin-top:40px;">&nbsp;</h3> <p style="text-align: center;display: block;margin-top:40px;">Stream it, follow, like and subscribe!</p>
<div class="streamer"> <div class="streamer">
{% for shop in page.stores %} {% for shop in page.stores %}
{% if shop.download != true %} {% if shop.download != true %}
<a onclick="_paq.push(['trackEvent', 'StoreLink', '{{ shop.name | remove: " " }}']);" style="flex: 0 0 75px;margin:10px; font-size: 75px;" target="_blank" rel="noopener" href="{{ shop.url }}" alt="Stream from {{ shop.name }}" title="Stream from {{ shop.name }}" class="icon style2 brands {{ shop.icon }}"><span class="label">{{ shop.name }}</span></a> <a onclick="_paq.push(['trackEvent', 'StoreLink', '{{ shop.name | remove: " " }}']);" style="flex: 0 0 45px;margin:10px; font-size: 45px;" target="_blank" rel="noopener" href="{{ shop.url }}" alt="Stream from {{ shop.name }}" title="Stream from {{ shop.name }}" class="icon style2 brands {{ shop.icon }}"><span class="label">{{ shop.name }}</span></a>
{% endif %} {% endif %}
{% endfor %} {% endfor %}
</div> </div>
</section>
{% else %} {% else %}
{% endif %}
<h3 style="text-align: center;display: block;">This release can't be bought</h3> {% endif %}
<p>But you can find others here:</p>
<div class="streamer">
{% for shop in site.data.stores %}
{% if shop.download == true %}
<a onclick="_paq.push(['trackEvent', 'StoreLink', '{{ shop.name | remove: " " }}']);" target="_blank" rel="noopener" href="{{ shop.url }}" alt="Stream from {{ shop.name }}" title="Stream from {{ shop.name }}" class="button icon brands {{ shop.icon }}">{{ shop.name }}</a>
{% endif %}
{% endfor %}
</div>
<h3 style="text-align: center;display: block;">&nbsp;</h3>
<div class="streamer">
{% for shop in site.data.stores %}
{% if shop.download != true %}
<a onclick="_paq.push(['trackEvent', 'StoreLink', '{{ shop.name | remove: " " }}']);" target="_blank" rel="noopener" href="{{ shop.url }}" alt="Stream from {{ shop.name }}" title="Stream from {{ shop.name }}" class="button icon brands {{ shop.icon }}">{{ shop.name }}</a>
{% endif %}
{% endfor %}
</div>
{% endif %}
{% endif %}
{% elsif page.collection == 'tracks' %}
{% for post in site.posts %} {% elsif page.collection == 'tracks' %}
{% if post.album == page.albumSlug %}
{% if post.check_this_if_cannot_be_bought == false %}
<h3 style="text-align: center;display: block;">Buy this track</h3>
<div class="streamer">
{% for shop in post.stores %}
{% if shop.download == true %}
<a onclick="_paq.push(['trackEvent', 'StoreLink', '{{ shop.name | remove: " " }}']);" target="_blank" rel="noopener" href="{{ shop.url }}" alt="Stream from {{ shop.name }}" title="Stream from {{ shop.name }}" class="button icon brands {{ shop.icon }}">{{ shop.name }}</a>
{% endif %}
{% endfor %}
</div>
<h3 style="text-align: center;display: block;margin-top:40px;">&nbsp;</h3>
<div class="streamer">
{% for shop in post.stores %}
{% if shop.download != true %}
<a onclick="_paq.push(['trackEvent', 'StoreLink', '{{ shop.name | remove: " " }}']);" style="flex: 0 0 75px;margin:10px; font-size: 75px;" target="_blank" rel="noopener" href="{{ shop.url }}" alt="Stream from {{ shop.name }}" title="Stream from {{ shop.name }}" class="icon style2 brands {{ shop.icon }}"><span class="label">{{ shop.name }}</span></a>
{% endif %}
{% endfor %}
</div>
{% else %}
<h3 style="text-align: center;display: block;">This track can't be bought</h3>
<p>But you can find others here:</p>
<div class="streamer">
{% for shop in site.data.stores %}
{% if shop.download == true %}
<a onclick="_paq.push(['trackEvent', 'StoreLink', '{{ shop.name | remove: " " }}']);" target="_blank" rel="noopener" href="{{ shop.url }}" alt="Stream from {{ shop.name }}" title="Stream from {{ shop.name }}" class="button icon brands {{ shop.icon }}">{{ shop.name }}</a>
{% endif %}
{% endfor %}
</div>
<h3 style="text-align: center;display: block;">&nbsp;</h3>
<div class="streamer">
{% for shop in site.data.stores %}
{% if shop.download != true %}
<a onclick="_paq.push(['trackEvent', 'StoreLink', '{{ shop.name | remove: " " }}']);" target="_blank" rel="noopener" href="{{ shop.url }}" alt="Stream from {{ shop.name }}" title="Stream from {{ shop.name }}" class="button icon brands {{ shop.icon }}">{{ shop.name }}</a>
{% endif %}
{% endfor %}
</div>
{% break %}
{% endif %}
{% endif %}
{% endfor %}
{% elsif page.collection == 'albums' %}
<section class="streambox" style="padding: 40px;">
{% for post in site.posts %} {% for post in site.posts %}
{% if post.album == page.slug %} {% if post.album == page.albumSlug %}
{% if post.check_this_if_cannot_be_bought == false %} {% if post.check_this_if_cannot_be_bought == false %}
<h3 style="text-align: center;display: block;">Buy this album</h3> <h2 style="text-align: center;display: block;">Get this track</h2>
<div class="streamer"> <div class="streamer">
{% for shop in post.stores %} {% for shop in post.stores %}
{% if shop.download == true %} {% if shop.download == true %}
@ -115,20 +90,20 @@
{% endfor %} {% endfor %}
</div> </div>
<h3 style="text-align: center;display: block;margin-top:40px;">&nbsp;</h3> <p style="text-align: center;display: block;margin-top:40px;">Stream it, follow, like and subscribe!</p>
<div class="streamer"> <div class="streamer">
{% for shop in post.stores %} {% for shop in post.stores %}
{% if shop.download != true %} {% if shop.download != true %}
<a onclick="_paq.push(['trackEvent', 'StoreLink', '{{ shop.name | remove: " " }}']);" style="flex: 0 0 75px;margin:10px; font-size: 75px;" target="_blank" rel="noopener" href="{{ shop.url }}" alt="Stream from {{ shop.name }}" title="Stream from {{ shop.name }}" class="icon style2 brands {{ shop.icon }}"><span class="label">{{ shop.name }}</span></a> <a onclick="_paq.push(['trackEvent', 'StoreLink', '{{ shop.name | remove: " " }}']);" style="flex: 0 0 45px;margin:10px; font-size: 45px;" target="_blank" rel="noopener" href="{{ shop.url }}" alt="Stream from {{ shop.name }}" title="Stream from {{ shop.name }}" class="icon style2 brands {{ shop.icon }}"><span class="label">{{ shop.name }}</span></a>
{% endif %} {% endif %}
{% endfor %} {% endfor %}
</div> </div>
{% else %} {% else %}
<h3 style="text-align: center;display: block;">This album can't be bought</h3> <h2 style="text-align: center;display: block;">This track can't be bought</h2>
<p>But you can find others here:</p> <p>Stream, follow, like and subscribe!</p>
<div class="streamer"> <div class="streamer">
{% for shop in site.data.stores %} {% for shop in site.data.stores %}
{% if shop.download == true %} {% if shop.download == true %}
@ -136,7 +111,60 @@
{% endif %} {% endif %}
{% endfor %} {% endfor %}
</div> </div>
<h3 style="text-align: center;display: block;">&nbsp;</h3> <h2 style="text-align: center;display: block;">&nbsp;</h2>
<div class="streamer">
{% for shop in site.data.stores %}
{% if shop.download != true %}
<a onclick="_paq.push(['trackEvent', 'StoreLink', '{{ shop.name | remove: " " }}']);" target="_blank" rel="noopener" href="{{ shop.url }}" alt="Stream from {{ shop.name }}" title="Stream from {{ shop.name }}" class="button icon brands {{ shop.icon }}">{{ shop.name }}</a>
{% endif %}
{% endfor %}
</div>
{% break %}
{% endif %}
{% endif %}
{% endfor %}
</section>
{% elsif page.collection == 'albums' %}
<section class="streambox" style="padding: 40px;">
{% for post in site.posts %}
{% if post.album == page.slug %}
{% if post.check_this_if_cannot_be_bought == false %}
<h2 style="text-align: center;display: block;">Get this album</h2>
<div class="streamer">
{% for shop in post.stores %}
{% if shop.download == true %}
<a onclick="_paq.push(['trackEvent', 'StoreLink', '{{ shop.name | remove: " " }}']);" target="_blank" rel="noopener" href="{{ shop.url }}" alt="Stream from {{ shop.name }}" title="Stream from {{ shop.name }}" class="button icon brands {{ shop.icon }}">{{ shop.name }}</a>
{% endif %}
{% endfor %}
</div>
<p style="text-align: center;display: block;margin-top:40px;">Stream it, follow, like and subscribe!</p>
<div class="streamer">
{% for shop in post.stores %}
{% if shop.download != true %}
<a onclick="_paq.push(['trackEvent', 'StoreLink', '{{ shop.name | remove: " " }}']);" style="flex: 0 0 45px;margin:10px; font-size: 45px;" target="_blank" rel="noopener" href="{{ shop.url }}" alt="Stream from {{ shop.name }}" title="Stream from {{ shop.name }}" class="icon style2 brands {{ shop.icon }}"><span class="label">{{ shop.name }}</span></a>
{% endif %}
{% endfor %}
</div>
{% else %}
<h2 style="text-align: center;display: block;">This album can't be bought</h2>
<p>Stream, follow, like and subscribe!</p>
<div class="streamer">
{% for shop in site.data.stores %}
{% if shop.download == true %}
<a onclick="_paq.push(['trackEvent', 'StoreLink', '{{ shop.name | remove: " " }}']);" target="_blank" rel="noopener" href="{{ shop.url }}" alt="Stream from {{ shop.name }}" title="Stream from {{ shop.name }}" class="button icon brands {{ shop.icon }}">{{ shop.name }}</a>
{% endif %}
{% endfor %}
</div>
<h2 style="text-align: center;display: block;">&nbsp;</h2>
<div class="streamer"> <div class="streamer">
{% for shop in site.data.stores %} {% for shop in site.data.stores %}
@ -151,26 +179,27 @@
{% endif %} {% endif %}
{% endfor %} {% endfor %}
</section>
{% else %} {% else %}
<h3 style="text-align: center;display: block;">Support {{ site.name }}</h3> <section class="streambox" style="padding: 40px;">
<p>Pay for music here:</p> <h2 style="text-align: center;display: block;">Support {{ site.title }}</h2>
<p>Stream, follow, like and subscribe!</p>
<div class="streamer"> <div class="streamer">
{% for shop in site.data.stores %} {% for shop in site.data.stores %}
{% if shop.download == true %} {% if shop.download == true %}
<a onclick="_paq.push(['trackEvent', 'StoreLink', '{{ shop.name | remove: " " }}']);" target="_blank" rel="noopener" href="{{ shop.url }}" alt="Stream from {{ shop.name }}" title="Stream from {{ shop.name }}" class="button icon brands {{ shop.icon }}">{{ shop.name }}</a> <a onclick="_paq.push(['trackEvent', 'StoreLink', '{{ shop.name | remove: " " }}']);" target="_blank" rel="noopener" href="{{ shop.url }}" alt="Stream from {{ shop.name }}" title="Stream from {{ shop.name }}" class="button icon brands {{ shop.icon }}">{{ shop.name }}</a>
{% endif %} {% endif %}
{% endfor %} {% endfor %}
</div> </div>
<h3 style="text-align: center;display: block;">&nbsp;</h3> <h2 style="text-align: center;display: block;">&nbsp;</h2>
<div class="streamer"> <div class="streamer">
{% for shop in site.data.stores %} {% for shop in site.data.stores %}
{% if shop.download != true %} {% if shop.download != true %}
<a onclick="_paq.push(['trackEvent', 'StoreLink', '{{ shop.name | remove: " " }}']);" target="_blank" rel="noopener" href="{{ shop.url }}" alt="Stream from {{ shop.name }}" title="Stream from {{ shop.name }}" class="button icon brands {{ shop.icon }}">{{ shop.name }}</a> <a onclick="_paq.push(['trackEvent', 'StoreLink', '{{ shop.name | remove: " " }}']);" target="_blank" rel="noopener" href="{{ shop.url }}" alt="Stream from {{ shop.name }}" title="Stream from {{ shop.name }}" class="button icon brands {{ shop.icon }}">{{ shop.name }}</a>
{% endif %}
{% endfor %}
</div>
{% endif %} {% endif %}
{% endfor %}
</div>
</section> </section>
{% endif %}