start adding images

_includes/zines.njk

@@ -1,33 +1,40 @@
 <ul id="zine-container">
   {% for zine in zines | sortAlphabeticallyByArtist %}
     <li>
-      {% if allyears %}
-        <p>In {{ zine | getYear }},</p>
-      {% endif %}
-      <h2>
-        {% if zine.data.site %}
-          <a href="{{ zine.data.site }}" target="_blank">{{ zine.data.artist }}</a>
-        {% else %}
-          {{ zine.data.artist }}
+      <div class="zine-text">
+        {% if allyears %}
+          <p>In {{ zine | getYear }},</p>
         {% endif %}
-      </h2>
+        <h2>
+          {% if zine.data.site %}
+            <a href="{{ zine.data.site }}" target="_blank">{{ zine.data.artist }}</a>
+          {% else %}
+            {{ zine.data.artist }}
+          {% endif %}
+        </h2>
 
-      {% if zine.data.titles %}
-        {% if zine.data.titles.length == 1 %}
-          <p>made a {{ zine.data.format }} zine called...</p>
-          <h3>{{ zine.data.titles }}</h3>
+        {% if zine.data.titles %}
+          {% if zine.data.titles.length == 1 %}
+            <p>made a {{ zine.data.format }} zine called...</p>
+            <h3>{{ zine.data.titles }}</h3>
+          {% else %}
+            <p>made {{ zine.data.format }} zines called...</p>
+            {% for title in zine.data.titles %}
+              <h3>{{ title }}</h3>
+            {% endfor %}
+          {% endif %}
+          <p>and the original blurb was...</p>
         {% else %}
-          <p>made {{ zine.data.format }} zines called...</p>
-          {% for title in zine.data.titles %}
-            <h3>{{ title }}</h3>
-          {% endfor %}
+          <p>is planning a {{ zine.data.format }} zine...</p>
         {% endif %}
-        <p>and the original blurb was...</p>
-      {% else %}
-        <p>is planning a {{ zine.data.format }} zine...</p>
+
+        <blockquote>{{ zine.content | safe }}</blockquote>
+      </div>
+
+      {% if zine.data.img.src and zine.data.img.alt %}
+        <img src="/img/{{ zine.data.img.src }}" alt="{{ zine.data.img.alt }}">
       {% endif %}
 
-      <blockquote>{{ zine.content | safe }}</blockquote>
     </li>
   {% endfor %}
 </ul>