summaryrefslogtreecommitdiffstats
path: root/templates/layouts/index.html
diff options
context:
space:
mode:
Diffstat (limited to 'templates/layouts/index.html')
-rw-r--r--templates/layouts/index.html29
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$
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>