diff options
| author | Volpeon <git@volpeon.ink> | 2021-04-20 21:45:36 +0200 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2021-04-20 21:45:36 +0200 |
| commit | 269433c6f84ce631d38fd7ffaed04ed3f7c2bf4f (patch) | |
| tree | dece94a7b29ef36c98d322b8439e41d171fde0a8 /templates/layouts | |
| parent | Update (diff) | |
| download | volpeon.ink-269433c6f84ce631d38fd7ffaed04ed3f7c2bf4f.tar.gz volpeon.ink-269433c6f84ce631d38fd7ffaed04ed3f7c2bf4f.tar.bz2 volpeon.ink-269433c6f84ce631d38fd7ffaed04ed3f7c2bf4f.zip | |
Support project previews
Diffstat (limited to 'templates/layouts')
| -rw-r--r-- | templates/layouts/index.html | 29 |
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> |