diff options
| author | Volpeon <git@volpeon.ink> | 2022-06-17 10:59:19 +0200 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2022-06-17 10:59:19 +0200 |
| commit | caa2570c5177246cb59808de4a225d6fee19c524 (patch) | |
| tree | b34b1855389958236ff6789e3e4f3200acf3df43 /templates/layouts/categorized_list.html | |
| parent | Update (diff) | |
| download | volpeon.ink-caa2570c5177246cb59808de4a225d6fee19c524.tar.gz volpeon.ink-caa2570c5177246cb59808de4a225d6fee19c524.tar.bz2 volpeon.ink-caa2570c5177246cb59808de4a225d6fee19c524.zip | |
Update
Diffstat (limited to 'templates/layouts/categorized_list.html')
| -rw-r--r-- | templates/layouts/categorized_list.html | 104 |
1 files changed, 54 insertions, 50 deletions
diff --git a/templates/layouts/categorized_list.html b/templates/layouts/categorized_list.html index 101f759..206c566 100644 --- a/templates/layouts/categorized_list.html +++ b/templates/layouts/categorized_list.html | |||
| @@ -1,59 +1,63 @@ | |||
| 1 | <main itemprop="mainPart" itemscope itemtype="https://schema.org/DataFeed" itemid="$url.full$"> | 1 | <main |
| 2 | <div class="l-container l-container--pad-x l-container--pad-y l-container--narrow h-feed"> | 2 | class="l-container l-container--pad-x l-container--pad-y l-container--narrow-125 h-feed" |
| 3 | <header class="s-colored-links"> | 3 | itemprop="mainPart" |
| 4 | <h1 class="o-heading o-heading--xxl u-mt-0 p-name" itemprop="name headline"> | 4 | itemscope |
| 5 | <span class="o-heading__primary">$title$</span> | 5 | itemtype="https://schema.org/DataFeed" |
| 6 | </h1> | 6 | itemid="$url.full$" |
| 7 | > | ||
| 8 | <header class="s-colored-links"> | ||
| 9 | <h1 class="o-heading o-heading--xxl u-mt-0 p-name" itemprop="name headline"> | ||
| 10 | <span class="o-heading__primary">$title$</span> | ||
| 11 | </h1> | ||
| 7 | 12 | ||
| 8 | $body$ | 13 | $body$ |
| 9 | </header> | 14 | </header> |
| 10 | 15 | ||
| 11 | $if(notoc)$$else$ | 16 | $if(notoc)$$else$ |
| 12 | <nav class="c-hnav s-invisible-links" aria-label="Sections"> | 17 | <nav class="c-hnav s-invisible-links" aria-label="Sections"> |
| 13 | <h2 class="u-mt-0">Jump to</h2> | 18 | <h2 class="u-mt-0">Jump to</h2> |
| 14 | $for(list)$ | ||
| 15 | <a class="c-hnav__item" href="#$it.slug$">$it.title$</a> | ||
| 16 | $endfor$ | ||
| 17 | </nav> | ||
| 18 | $endif$ | ||
| 19 | |||
| 20 | <div class="l-card-list"> | ||
| 21 | $for(list)$ | 19 | $for(list)$ |
| 22 | <section class="h-entry h-feed" itemprop="dataFeedElement" itemscope itemtype="https://schema.org/DataFeed"> | 20 | <a class="c-hnav__item" href="#$it.slug$">$it.title$</a> |
| 23 | <header class="l-card-list__header"> | 21 | $endfor$ |
| 24 | <h2 class="s-invisible-links u-mt-0 p-name" id="$it.slug$" itemprop="name headline"> | 22 | </nav> |
| 25 | $if(it.url)$ | 23 | $endif$ |
| 26 | <a href="$it.url.rel$">$it.title$</a> | 24 | |
| 27 | $else$ | 25 | <div class="l-card-list"> |
| 28 | $it.title$ | 26 | $for(list)$ |
| 29 | $endif$ | 27 | <section class="h-entry h-feed" itemprop="dataFeedElement" itemscope itemtype="https://schema.org/DataFeed"> |
| 30 | </h2> | 28 | <header class="l-card-list__header"> |
| 31 | $if(it.description)$ | 29 | <h2 class="s-invisible-links u-mt-0 p-name" id="$it.slug$" itemprop="name headline"> |
| 32 | <div class="s-small s-colored-links">$it.description$</div> | 30 | $if(it.url)$ |
| 33 | $endif$ | 31 | <a href="$it.url.rel$">$it.title$</a> |
| 34 | </header> | ||
| 35 | <div class="l-card-list__cards l-card-list__cards--$it.layout.id$"> | ||
| 36 | $if(it.layout.is_grid-2)$ | ||
| 37 | $it.items:partials/grid_card()$ | ||
| 38 | $elseif(it.layout.is_grid-3)$ | ||
| 39 | $it.items:partials/grid_card()$ | ||
| 40 | $elseif(it.layout.is_gallery-2)$ | ||
| 41 | $it.items:partials/gallery_card()$ | ||
| 42 | $elseif(it.layout.is_gallery-3)$ | ||
| 43 | $it.items:partials/gallery_card()$ | ||
| 44 | $else$ | 32 | $else$ |
| 45 | $it.items:partials/list_card()$ | 33 | $it.title$ |
| 46 | $endif$ | 34 | $endif$ |
| 47 | </div> | 35 | </h2> |
| 48 | $if(it.omitted)$ | 36 | $if(it.description)$ |
| 49 | <footer class="l-card-list__footer"> | 37 | <div class="s-small s-colored-links">$it.description$</div> |
| 50 | <a class="l-media__block o-badge o-badge--200" href="$it.url.rel$" aria-label="$it.omitted$ more items in '$it.title$'"> | 38 | $endif$ |
| 51 | $it.omitted$ more items <span class="u-ml-10">→</span> | 39 | </header> |
| 52 | </a> | 40 | <div class="l-card-list__cards l-card-list__cards--$it.layout.id$"> |
| 53 | </footer> | 41 | $if(it.layout.is_grid-2)$ |
| 42 | $it.items:partials/grid_card()$ | ||
| 43 | $elseif(it.layout.is_grid-3)$ | ||
| 44 | $it.items:partials/grid_card()$ | ||
| 45 | $elseif(it.layout.is_gallery-2)$ | ||
| 46 | $it.items:partials/gallery_card()$ | ||
| 47 | $elseif(it.layout.is_gallery-3)$ | ||
| 48 | $it.items:partials/gallery_card()$ | ||
| 49 | $else$ | ||
| 50 | $it.items:partials/list_card()$ | ||
| 54 | $endif$ | 51 | $endif$ |
| 55 | </section> | 52 | </div> |
| 56 | $endfor$ | 53 | $if(it.omitted)$ |
| 57 | </div> | 54 | <footer class="l-card-list__footer"> |
| 55 | <a class="l-media__block o-badge o-badge--200" href="$it.url.rel$" aria-label="$it.omitted$ more items in '$it.title$'"> | ||
| 56 | $it.omitted$ more items <span class="u-ml-10">→</span> | ||
| 57 | </a> | ||
| 58 | </footer> | ||
| 59 | $endif$ | ||
| 60 | </section> | ||
| 61 | $endfor$ | ||
| 58 | </div> | 62 | </div> |
| 59 | </main> | 63 | </main> |