diff options
| author | Volpeon <git@volpeon.ink> | 2021-12-28 21:18:02 +0100 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2021-12-28 21:18:02 +0100 |
| commit | 80716c79a7db19d6d95070125e1af7946a9849ec (patch) | |
| tree | 626b9691a6af0db2a033d2bd9adc2dc58c0d8925 /templates/layouts/categorized_list.html | |
| parent | Use timeout to remove snowflake (diff) | |
| download | volpeon.ink-80716c79a7db19d6d95070125e1af7946a9849ec.tar.gz volpeon.ink-80716c79a7db19d6d95070125e1af7946a9849ec.tar.bz2 volpeon.ink-80716c79a7db19d6d95070125e1af7946a9849ec.zip | |
Support for more complex layouts
Diffstat (limited to 'templates/layouts/categorized_list.html')
| -rw-r--r-- | templates/layouts/categorized_list.html | 68 |
1 files changed, 35 insertions, 33 deletions
diff --git a/templates/layouts/categorized_list.html b/templates/layouts/categorized_list.html index fd21017..76b8af1 100644 --- a/templates/layouts/categorized_list.html +++ b/templates/layouts/categorized_list.html | |||
| @@ -1,39 +1,41 @@ | |||
| 1 | <header class="s-headlines s-colored-links"> | 1 | <div class="l-container l-container--pad-x l-container--pad-y l-container--content"> |
| 2 | <h1 class="u-mt0"><span class="s-headlines__title-inner">$title$</span></h1> | 2 | <header class="s-headlines s-colored-links"> |
| 3 | <h1 class="u-mt0"><span class="s-headlines__title-inner">$title$</span></h1> | ||
| 3 | 4 | ||
| 4 | $body$ | 5 | $body$ |
| 5 | </header> | 6 | </header> |
| 6 | 7 | ||
| 7 | <div class="l-card-list"> | 8 | <div class="l-card-list"> |
| 8 | $for(list)$ | 9 | $for(list)$ |
| 9 | <section> | 10 | <section> |
| 10 | <h2 class="s-invisible-links"> | 11 | <h2 class="s-invisible-links"> |
| 11 | <a href="$it.url.rel$">$it.title$</a> | 12 | <a href="$it.url.rel$">$it.title$</a> |
| 12 | </h2> | 13 | </h2> |
| 13 | $if(it.description)$ | 14 | $if(it.description)$ |
| 14 | <div class="s-small s-colored-links">$it.description$</div> | 15 | <div class="s-small s-colored-links">$it.description$</div> |
| 15 | $endif$ | ||
| 16 | <div class="l-card-list__cards l-card-list__cards--$it.layout.id$"> | ||
| 17 | $if(it.layout.is_grid)$ | ||
| 18 | $it.items:partials/grid_card()$ | ||
| 19 | $elseif(it.layout.is_gallery)$ | ||
| 20 | $it.items:partials/gallery_card()$ | ||
| 21 | $else$ | ||
| 22 | $it.items:partials/list_card()$ | ||
| 23 | $endif$ | 16 | $endif$ |
| 24 | $if(it.omitted)$ | 17 | <div class="l-card-list__cards l-card-list__cards--$it.layout.id$"> |
| 25 | <a href="$it.url.rel$" class="l-card-list__card c-card c-card--outline"> | 18 | $if(it.layout.is_grid)$ |
| 26 | <div class="c-card__row"> | 19 | $it.items:partials/grid_card()$ |
| 27 | <div class="c-card__block c-card__block--main"> | 20 | $elseif(it.layout.is_gallery)$ |
| 28 | $it.omitted$ more items | 21 | $it.items:partials/gallery_card()$ |
| 22 | $else$ | ||
| 23 | $it.items:partials/list_card()$ | ||
| 24 | $endif$ | ||
| 25 | $if(it.omitted)$ | ||
| 26 | <a href="$it.url.rel$" class="l-card-list__card c-card c-card--outline"> | ||
| 27 | <div class="c-card__row"> | ||
| 28 | <div class="c-card__block c-card__block--main"> | ||
| 29 | $it.omitted$ more items | ||
| 30 | </div> | ||
| 31 | <svg class="c-card__block o-icon" width="1em" height="1em" aria-hidden="true"> | ||
| 32 | <use href="/symbols.svg#icon-arrow-right"></use> | ||
| 33 | </svg> | ||
| 29 | </div> | 34 | </div> |
| 30 | <svg class="c-card__block o-icon" width="1em" height="1em" aria-hidden="true"> | 35 | </a> |
| 31 | <use href="/symbols.svg#icon-arrow-right"></use> | 36 | $endif$ |
| 32 | </svg> | 37 | </div> |
| 33 | </div> | 38 | </section> |
| 34 | </a> | 39 | $endfor$ |
| 35 | $endif$ | 40 | </div> |
| 36 | </div> | ||
| 37 | </section> | ||
| 38 | $endfor$ | ||
| 39 | </div> | 41 | </div> |