Show related content

3 files changed, 39 insertions, 2 deletions

diff --git a/templates/layouts/exhibit.html b/templates/layouts/exhibit.html
index fcc92a4..7a50635 100644
--- a/templates/layouts/exhibit.html
+++ b/templates/layouts/exhibit.html
@@ -53,6 +53,8 @@
 $body$
             </div>
         </div>
+
+        $partials/related()$
     </div>
 </main>
 
diff --git a/templates/layouts/page.html b/templates/layouts/page.html
index f26c4bc..b1f7835 100644
--- a/templates/layouts/page.html
+++ b/templates/layouts/page.html
@@ -30,8 +30,6 @@ $body$
 
         $if(references)$
             <footer class="s-colored-links s-lists">
-                <hr />
-                
                 <h1>References</h1>
                 <ul>
                     $for(references)$
@@ -40,6 +38,8 @@ $body$
                 </ul>
             </footer>
         $endif$
+
+        $partials/related()$
     </article>
 
     <div class="o-backdrop js-lightbox u-d-none t-dark">
diff --git a/templates/partials/related.html b/templates/partials/related.html
new file mode 100644
index 0000000..b0d3f61
--- /dev/null
+++ b/templates/partials/related.html
@@ -0,0 +1,35 @@
+$if(related)$
+    <footer>
+        <hr class="u-mt-700" />
+        
+        <div class="l-card-list">
+            <header class="l-card-list__header">
+                <h2 class="s-invisible-links u-mt-0">
+                    $if(related.url)$
+                        <a href="$related.url.rel$">Related</a>
+                    $else$
+                        Related
+                    $endif$
+                </h2>
+            </header>
+            <div class="l-card-list__cards l-card-list__cards--$related.layout.id$">
+                $if(related.layout.is_grid-2)$
+                    $related.items:partials/grid_card()$
+                $elseif(related.layout.is_grid-3)$
+                    $related.items:partials/grid_card()$
+                $elseif(related.layout.is_gallery-2)$
+                    $related.items:partials/gallery_card()$
+                $elseif(related.layout.is_gallery-3)$
+                    $related.items:partials/gallery_card()$
+                $else$
+                    <div class="u-d-contents u-d-none@sm-lo">
+                        $related.items:partials/list_card()$
+                    </div>
+                    <div class="u-d-contents u-d-none@sm-hi">
+                        $related.items:partials/grid_card()$
+                    </div>
+                $endif$
+            </div>
+        </div>
+    </footer>
+$endif$