From d39e55afbc8e2ba629f7a78b0943800d8e8f0eea Mon Sep 17 00:00:00 2001
From: Joseph Nix <nixjdm@terminallabs.com>
Date: Tue, 15 May 2018 12:26:32 -0500
Subject: [PATCH] [showcase-relisiancy] Making the showcase more resiliant
 against slightly different sized thumbnails.

---
 templates/showcase.html | 24 +++++++++++++++---------
 1 file changed, 15 insertions(+), 9 deletions(-)

diff --git a/templates/showcase.html b/templates/showcase.html
index 2eed43c7..366599ac 100644
--- a/templates/showcase.html
+++ b/templates/showcase.html
@@ -16,15 +16,21 @@
   <p>
     Click any of the showcases to learn a bit more about how it uses Lektor.
   <div class="showcase row">
-    {% for project in this.children %}
-      <div class="project col-md-6">
-        <a href="{{ project|url }}">
-          <h2>{{ project.name }}</h2>
-          {% if project.cover_image %}
-            {% set image = project.attachments.get(project.cover_image) %}
-            <div class="frame"><img src="{{ image.thumbnail(480)|url }}" width="100%" alt=""></div>
-          {% endif %}
-        </a>
+    {% for project_row in this.children | batch(2, '&nbsp;') %}
+      <div class="row">
+        {% for project in project_row %}
+          <div class="project col-md-6">
+            <a href="{{ project|url }}">
+              <h2>{{ project.name }}</h2>
+              {% if project.cover_image %}
+                {% set image = project.attachments.get(project.cover_image) %}
+                <div class="frame">
+                  <img src="{{ image.thumbnail(480)|url }}" width="100%" alt="">
+                </div>
+              {% endif %}
+            </a>
+          </div>
+        {% endfor %}
       </div>
     {% endfor %}
   </div>