1 files changed, 17 insertions, 12 deletions
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-project">
-                <div class="c-card__content">
+                $if(it.preview)$
-                    <small class="u-db">$it.category.name$</small>
+                    <img class="c-project__picture" src="$it.preview.rel$" />
-                    <strong class="u-db">$it.title$</strong>
+                $endif$
-                </div>
+                <a class="c-project__card c-card" href="$it.url.rel$">
-                <svg class="c-card__icon o-icon">
+                    <div class="c-card__content">
-                    <use href="#icon-arrow-right"></use>
+                        <small class="u-db">$it.category.name$</small>
-                </svg>
+                        <strong class="u-db">$it.title$</strong>
-            </a>
+                    </div>
+                    <svg class="c-card__icon o-icon">
+                        <use href="#icon-arrow-right"></use>
+                    </svg>
+                </a>
+            </div>
        $endfor$
    </div>
 </section>

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$
50	</section>	50	</section>
51	</section>	51	</section>
52		52
53	<section class="l-section">	53	<section class="l-section" id="projects">
54	<header class="l-section__head">	54	<header class="l-section__head">
55	<a class="c-outer-button" href="#projects" id="projects">	55	<a class="c-outer-button" href="#projects">
56	<span class="c-outer-button__icon">	56	<span class="c-outer-button__icon">
57	<svg class="c-outer-button__icon-symbol o-icon">	57	<svg class="c-outer-button__icon-symbol o-icon">
58	<use href="#icon-arrow-down-right"></use>	58	<use href="#icon-arrow-down-right"></use>
@@ -64,17 +64,22 @@ $body$
64	</a>	64	</a>
65	</header>	65	</header>
66		66
67	<div class="l-container l-container--pad-x l-container--pad-y l-container--content l-card-grid">	67	<div class="l-container l-container--pad-x l-container--pad-y l-project-grid">
68	$for(subsections.projects.pages)$	68	$for(subsections.projects.pages)$
69	<a class="l-card-grid__card c-card" href="$it.url.rel$">	69	<div class="c-project">
70	<div class="c-card__content">	70	$if(it.preview)$
71	<small class="u-db">$it.category.name$</small>	71	<img class="c-project__picture" src="$it.preview.rel$" />
72	<strong class="u-db">$it.title$</strong>	72	$endif$
73	</div>	73	<a class="c-project__card c-card" href="$it.url.rel$">
74	<svg class="c-card__icon o-icon">	74	<div class="c-card__content">
75	<use href="#icon-arrow-right"></use>	75	<small class="u-db">$it.category.name$</small>
76	</svg>	76	<strong class="u-db">$it.title$</strong>
77	</a>	77	</div>
		78	<svg class="c-card__icon o-icon">
		79	<use href="#icon-arrow-right"></use>
		80	</svg>
		81	</a>
		82	</div>
78	$endfor$	83	$endfor$
79	</div>	84	</div>
80	</section>	85	</section>