From 269433c6f84ce631d38fd7ffaed04ed3f7c2bf4f Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Tue, 20 Apr 2021 21:45:36 +0200
Subject: Support project previews

---
 templates/layouts/index.html | 29 +++++++++++++++++------------
 1 file changed, 17 insertions(+), 12 deletions(-)

(limited to 'templates/layouts/index.html')

diff --git a/templates/layouts/index.html b/templates/layouts/index.html
index f97588d..d1821f2 100644
--- a/templates/layouts/index.html
+++ b/templates/layouts/index.html
@@ -50,9 +50,9 @@ $body$
     </section>
 </section>
 
-<section class="l-section">
+<section class="l-section" id="projects">
     <header class="l-section__head">
-        <a class="c-outer-button" href="#projects" id="projects">
+        <a class="c-outer-button" href="#projects">
             <span class="c-outer-button__icon">
                 <svg class="c-outer-button__icon-symbol o-icon">
                     <use href="#icon-arrow-down-right"></use>
@@ -64,17 +64,22 @@ $body$
         </a>
     </header>
 
-    <div class="l-container l-container--pad-x l-container--pad-y l-container--content l-card-grid">
+    <div class="l-container l-container--pad-x l-container--pad-y l-project-grid">
         $for(subsections.projects.pages)$
-            <a class="l-card-grid__card c-card" href="$it.url.rel$">
-                <div class="c-card__content">
-                    <small class="u-db">$it.category.name$</small>
-                    <strong class="u-db">$it.title$</strong>
-                </div>
-                <svg class="c-card__icon o-icon">
-                    <use href="#icon-arrow-right"></use>
-                </svg>
-            </a>
+            <div class="c-project">
+                $if(it.preview)$
+                    <img class="c-project__picture" src="$it.preview.rel$" />
+                $endif$
+                <a class="c-project__card c-card" href="$it.url.rel$">
+                    <div class="c-card__content">
+                        <small class="u-db">$it.category.name$</small>
+                        <strong class="u-db">$it.title$</strong>
+                    </div>
+                    <svg class="c-card__icon o-icon">
+                        <use href="#icon-arrow-right"></use>
+                    </svg>
+                </a>
+            </div>
         $endfor$
     </div>
 </section>
-- 
cgit v1.2.3-70-g09d2