diff options
| author | Volpeon <git@volpeon.ink> | 2021-11-14 16:32:43 +0100 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2021-11-14 16:32:43 +0100 |
| commit | 789a593987be88bc3e16b8ceb7357c24ef9e5aa2 (patch) | |
| tree | 27f8852f8d80723d3297c9f2eb0473bddd2ffc2a /templates/layouts/categorized_list.html | |
| parent | Update npm dependencies (diff) | |
| download | volpeon.ink-789a593987be88bc3e16b8ceb7357c24ef9e5aa2.tar.gz volpeon.ink-789a593987be88bc3e16b8ceb7357c24ef9e5aa2.tar.bz2 volpeon.ink-789a593987be88bc3e16b8ceb7357c24ef9e5aa2.zip | |
Optimized layout structure
Diffstat (limited to 'templates/layouts/categorized_list.html')
| -rw-r--r-- | templates/layouts/categorized_list.html | 48 |
1 files changed, 23 insertions, 25 deletions
diff --git a/templates/layouts/categorized_list.html b/templates/layouts/categorized_list.html index 256e9de..20c0ee5 100644 --- a/templates/layouts/categorized_list.html +++ b/templates/layouts/categorized_list.html | |||
| @@ -1,29 +1,27 @@ | |||
| 1 | <section class="l-container l-container--pad-x l-container--pad-y l-container--content"> | 1 | <div class="s-headlines s-colored-links"> |
| 2 | <div class="s-headlines s-colored-links"> | 2 | <h1 class="u-mt0"><span class="s-headlines__title-inner">$title$</span></h1> |
| 3 | <h1 class="u-mt0"><span class="s-headlines__title-inner">$title$</span></h1> | ||
| 4 | 3 | ||
| 5 | $body$ | 4 | $body$ |
| 6 | </div> | 5 | </div> |
| 7 | 6 | ||
| 8 | <div class="c-card-list"> | 7 | <div class="c-card-list"> |
| 9 | $for(list)$ | 8 | $for(list)$ |
| 10 | <header class="c-card-list__category-header"> | 9 | <header class="c-card-list__category-header"> |
| 11 | <h2 class="c-card-list__category-title"> | 10 | <h2 class="c-card-list__category-title"> |
| 12 | <a href="$it.url.rel$">$it.title$</a> | 11 | <a href="$it.url.rel$">$it.title$</a> |
| 13 | </h2> | 12 | </h2> |
| 14 | $if(it.content)$ | 13 | $if(it.content)$ |
| 15 | <small class="c-card-list__category-subtitle">$it.content$</small> | 14 | <small class="c-card-list__category-subtitle">$it.content$</small> |
| 16 | $endif$ | ||
| 17 | </header> | ||
| 18 | $if(it.grid)$ | ||
| 19 | <div class="c-card-list__category-content c-card-list__category-content--grid"> | ||
| 20 | $it.items:partials/grid_card()$ | ||
| 21 | </div> | ||
| 22 | $else$ | ||
| 23 | <div class="c-card-list__category-content"> | ||
| 24 | $it.items:partials/list_card()$ | ||
| 25 | </div> | ||
| 26 | $endif$ | 15 | $endif$ |
| 27 | $endfor$ | 16 | </header> |
| 28 | </div> | 17 | $if(it.grid)$ |
| 29 | </section> | 18 | <div class="c-card-list__category-content c-card-list__category-content--grid"> |
| 19 | $it.items:partials/grid_card()$ | ||
| 20 | </div> | ||
| 21 | $else$ | ||
| 22 | <div class="c-card-list__category-content"> | ||
| 23 | $it.items:partials/list_card()$ | ||
| 24 | </div> | ||
| 25 | $endif$ | ||
| 26 | $endfor$ | ||
| 27 | </div> | ||