diff options
Diffstat (limited to 'templates/layouts/categorized_list.html')
| -rw-r--r-- | templates/layouts/categorized_list.html | 37 |
1 files changed, 17 insertions, 20 deletions
diff --git a/templates/layouts/categorized_list.html b/templates/layouts/categorized_list.html index 5e92395..7f94ff4 100644 --- a/templates/layouts/categorized_list.html +++ b/templates/layouts/categorized_list.html | |||
| @@ -1,6 +1,6 @@ | |||
| 1 | <div class="l-container l-container--pad-x l-container--pad-y l-container--content"> | 1 | <div class="l-container l-container--pad-x l-container--pad-y l-container--narrow"> |
| 2 | <header class="s-headlines s-colored-links"> | 2 | <header class="s-colored-links"> |
| 3 | <h1 class="u-mt0"><span class="s-headlines__title-inner">$title$</span></h1> | 3 | <h1 class="o-heading o-heading--xxl u-mt-0"><span class="o-heading__primary">$title$</span></h1> |
| 4 | 4 | ||
| 5 | $body$ | 5 | $body$ |
| 6 | 6 | ||
| @@ -8,9 +8,9 @@ $body$ | |||
| 8 | 8 | ||
| 9 | $if(notoc)$$else$ | 9 | $if(notoc)$$else$ |
| 10 | <nav class="c-hnav s-invisible-links"> | 10 | <nav class="c-hnav s-invisible-links"> |
| 11 | $-- <h2 class="u-mt0">Sections:</h2> | 11 | $-- <h2 class="u-mt-0">Sections:</h2> |
| 12 | $for(list)$ | 12 | $for(list)$ |
| 13 | <a href="#$it.slug$"><small>$it.title$</small></a> | 13 | <small><a href="#$it.slug$">$it.title$</a></small> |
| 14 | $endfor$ | 14 | $endfor$ |
| 15 | </nav> | 15 | </nav> |
| 16 | $endif$ | 16 | $endif$ |
| @@ -18,9 +18,18 @@ $body$ | |||
| 18 | <div class="l-card-list"> | 18 | <div class="l-card-list"> |
| 19 | $for(list)$ | 19 | $for(list)$ |
| 20 | <section> | 20 | <section> |
| 21 | <h2 class="s-invisible-links" id="$it.slug$"> | 21 | <div class="l-media l-media--flush"> |
| 22 | <a href="$it.url.rel$">$it.title$</a> | 22 | <div class="l-media__block l-media__block--main"> |
| 23 | </h2> | 23 | <h2 class="s-invisible-links" id="$it.slug$"> |
| 24 | <a href="$it.url.rel$">$it.title$</a> | ||
| 25 | </h2> | ||
| 26 | </div> | ||
| 27 | $if(it.omitted)$ | ||
| 28 | <a class="l-media__block o-badge u-mt-auto" href="$it.url.rel$"> | ||
| 29 | $it.omitted$ more items <span class="u-ml-10">→</span> | ||
| 30 | </a> | ||
| 31 | $endif$ | ||
| 32 | </div> | ||
| 24 | $if(it.description)$ | 33 | $if(it.description)$ |
| 25 | <div class="s-small s-colored-links">$it.description$</div> | 34 | <div class="s-small s-colored-links">$it.description$</div> |
| 26 | $endif$ | 35 | $endif$ |
| @@ -32,18 +41,6 @@ $body$ | |||
| 32 | $else$ | 41 | $else$ |
| 33 | $it.items:partials/list_card()$ | 42 | $it.items:partials/list_card()$ |
| 34 | $endif$ | 43 | $endif$ |
| 35 | $if(it.omitted)$ | ||
| 36 | <a href="$it.url.rel$" class="l-card-list__card c-card"> | ||
| 37 | <div class="c-card__row"> | ||
| 38 | <div class="c-card__block c-card__block--main"> | ||
| 39 | $it.omitted$ more items in $it.title$ | ||
| 40 | </div> | ||
| 41 | <svg class="c-card__block o-icon" width="1em" height="1em" aria-hidden="true"> | ||
| 42 | <use href="/symbols.svg#icon-arrow-right"></use> | ||
| 43 | </svg> | ||
| 44 | </div> | ||
| 45 | </a> | ||
| 46 | $endif$ | ||
| 47 | </div> | 44 | </div> |
| 48 | </section> | 45 | </section> |
| 49 | $endfor$ | 46 | $endfor$ |