push for julmarknad

_includes/featured-artists.html

@@ -1,5 +1,5 @@
-<div class="column">
+<div class="column" style="display: flex; flex-wrap: wrap;">
-  <h3>Vem {% if page.category == 'ljudkonst' %}spelar? {% else %}Ställer ut?{% endif %}</h3>
+  <h3 style="flex: 1 1 100%;">Vem {% if page.category == 'ljudkonst' %}spelar? {% else %}Ställer ut?{% endif %}</h3>
   {% for artist_name in page.deltagande_artists %}
   {% for artist in site.artists %}
   {% capture name -%}
@@ -9,16 +9,15 @@
         | replace_first: '.md', ''
       }}
   {%- endcapture %}
-  {% if name == artist_name %}<br />
+  {% if name == artist_name %}
-  <div class="square-image" style="background-image: url('{{ artist.image }}');background-size: cover;"></div>
+  <div style="flex: 1 0 100px;padding: 5px;">
-  <p><strong>{{ artist.name }}</p></strong>
+    <div class="square-image" style="{% if artist.image != null %}background-image: url('{{ artist.image }}');{% else %}background-color: #333;{% endif %}background-size: cover;"></div>
-  <p class="blurb">{{ artist.blurb_text }}<br />
+    {% if artist.link != null %}<a href="{{ artist.link }}" target="_blank" style="text-align: center;"
-    {% if artist.link != null %}
+      rel="noopener noreferrer">{{ artist.name }}</a>
-      <br /><a href="{{ artist.link }}" 
+    {% else %}
-      target="_blank"
+    {{ artist.name }}
-      class="cta"
+    {% endif %}
-      rel="noopener noreferrer">{% if page.category == 'ljudkonst'%}Lyssna{% else %}Mer info{% endif %}
+  </div>
-      här</a>{% endif %}</p>
   {% break %}
   {% endif %}
   {% endfor %}
@@ -27,3 +26,4 @@
 
 
 </div>
+