From 58bb86152cf4d42494d96bfc510dc86e89f67c94 Mon Sep 17 00:00:00 2001
From: Set Hallstrom <set@sakrecoer.com>
Date: Tue, 28 Jul 2020 12:39:37 +0200
Subject: [PATCH] streamer better sized

---
 _includes/streamer.html | 293 ++++++++++++++++++++++------------------
 1 file changed, 161 insertions(+), 132 deletions(-)

diff --git a/_includes/streamer.html b/_includes/streamer.html
index a1c7a6d..c54942a 100644
--- a/_includes/streamer.html
+++ b/_includes/streamer.html
@@ -1,134 +1,32 @@
-<section class="streambox" style="padding: 40px;">
+
 {% if page.collection == 'posts' %}
-  {% if page.category == 'releases' %}
-  {% if page.check_this_if_cannot_be_bought == false %}
-
-  <h3 style="text-align: center;display: block;">Buy this release</h3>
-  <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;margin-top:40px;">&nbsp;</h3>
-  <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 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 release 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>
-  {% endif %}
-  {% endif %}
-  
-  {% elsif page.collection == 'tracks' %}
-
-
-  {% for post in site.posts %}
-  {% 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' %}
-
-
-{% for post in site.posts %}
-{% if post.album == page.slug %}
-{% if post.check_this_if_cannot_be_bought == false %}
-
-<h3 style="text-align: center;display: block;">Buy this album</h3>
+{% if page.category == 'releases' %}
+{% 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 post.stores %}
+  {% 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;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">
 
-  {% for shop in post.stores %}
+  {% for shop in page.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>
+  <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 %}
-
-<h3 style="text-align: center;display: block;">This album can't be bought</h3>
-<p>But you can find others here:</p>
+<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 %}
@@ -136,7 +34,137 @@
   {% endif %}
   {% endfor %}
 </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>
+</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">
+    {% 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>
+  
+  <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 %}
+{% endif %}
+{% endif %}
+
+
+{% elsif page.collection == 'tracks' %}
+
+<section class="streambox" style="padding: 40px;">
+
+{% for post in site.posts %}
+{% if post.album == page.albumSlug %}
+{% if post.check_this_if_cannot_be_bought == false %}
+
+<h2 style="text-align: center;display: block;">Get this track</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 track 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>
+{% 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">
   {% for shop in site.data.stores %}
@@ -151,26 +179,27 @@
 {% endif %}
 {% endfor %}
 
-
+</section>
 
 {% else %}
-<h3 style="text-align: center;display: block;">Support {{ site.name }}</h3>
-<p>Pay for music here:</p>
+<section class="streambox" style="padding: 40px;">
+<h2 style="text-align: center;display: block;">Support {{ site.title }}</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 %}
+{% 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>
+<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>
+{% 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 %}
-</section>
\ No newline at end of file