diff options
Diffstat (limited to 'templates/layouts')
| -rw-r--r-- | templates/layouts/categorized_list.html | 98 | ||||
| -rw-r--r-- | templates/layouts/list.html | 40 | ||||
| -rw-r--r-- | templates/layouts/page.html | 22 |
3 files changed, 87 insertions, 73 deletions
diff --git a/templates/layouts/categorized_list.html b/templates/layouts/categorized_list.html index 7667615..101f759 100644 --- a/templates/layouts/categorized_list.html +++ b/templates/layouts/categorized_list.html | |||
| @@ -1,55 +1,59 @@ | |||
| 1 | <div class="l-container l-container--pad-x l-container--pad-y l-container--narrow"> | 1 | <main itemprop="mainPart" itemscope itemtype="https://schema.org/DataFeed" itemid="$url.full$"> |
| 2 | <header class="s-colored-links"> | 2 | <div class="l-container l-container--pad-x l-container--pad-y l-container--narrow h-feed"> |
| 3 | <h1 class="o-heading o-heading--xxl u-mt-0"><span class="o-heading__primary">$title$</span></h1> | 3 | <header class="s-colored-links"> |
| 4 | <h1 class="o-heading o-heading--xxl u-mt-0 p-name" itemprop="name headline"> | ||
| 5 | <span class="o-heading__primary">$title$</span> | ||
| 6 | </h1> | ||
| 4 | 7 | ||
| 5 | $body$ | 8 | $body$ |
| 6 | </header> | 9 | </header> |
| 7 | 10 | ||
| 8 | $if(notoc)$$else$ | 11 | $if(notoc)$$else$ |
| 9 | <nav class="c-hnav s-invisible-links" aria-label="Sections"> | 12 | <nav class="c-hnav s-invisible-links" aria-label="Sections"> |
| 10 | <h2 class="u-mt-0">Jump to</h2> | 13 | <h2 class="u-mt-0">Jump to</h2> |
| 11 | $for(list)$ | 14 | $for(list)$ |
| 12 | <a class="c-hnav__item" href="#$it.slug$">$it.title$</a> | 15 | <a class="c-hnav__item" href="#$it.slug$">$it.title$</a> |
| 13 | $endfor$ | 16 | $endfor$ |
| 14 | </nav> | 17 | </nav> |
| 15 | $endif$ | 18 | $endif$ |
| 16 | 19 | ||
| 17 | <div class="l-card-list"> | 20 | <div class="l-card-list"> |
| 18 | $for(list)$ | 21 | $for(list)$ |
| 19 | <section> | 22 | <section class="h-entry h-feed" itemprop="dataFeedElement" itemscope itemtype="https://schema.org/DataFeed"> |
| 20 | <header class="l-card-list__header"> | 23 | <header class="l-card-list__header"> |
| 21 | <h2 class="s-invisible-links u-mt-0" id="$it.slug$"> | 24 | <h2 class="s-invisible-links u-mt-0 p-name" id="$it.slug$" itemprop="name headline"> |
| 22 | $if(it.url)$ | 25 | $if(it.url)$ |
| 23 | <a href="$it.url.rel$">$it.title$</a> | 26 | <a href="$it.url.rel$">$it.title$</a> |
| 27 | $else$ | ||
| 28 | $it.title$ | ||
| 29 | $endif$ | ||
| 30 | </h2> | ||
| 31 | $if(it.description)$ | ||
| 32 | <div class="s-small s-colored-links">$it.description$</div> | ||
| 33 | $endif$ | ||
| 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()$ | ||
| 24 | $else$ | 44 | $else$ |
| 25 | $it.title$ | 45 | $it.items:partials/list_card()$ |
| 26 | $endif$ | 46 | $endif$ |
| 27 | </h2> | 47 | </div> |
| 28 | $if(it.description)$ | 48 | $if(it.omitted)$ |
| 29 | <div class="s-small s-colored-links">$it.description$</div> | 49 | <footer class="l-card-list__footer"> |
| 30 | $endif$ | 50 | <a class="l-media__block o-badge o-badge--200" href="$it.url.rel$" aria-label="$it.omitted$ more items in '$it.title$'"> |
| 31 | </header> | 51 | $it.omitted$ more items <span class="u-ml-10">→</span> |
| 32 | <div class="l-card-list__cards l-card-list__cards--$it.layout.id$"> | 52 | </a> |
| 33 | $if(it.layout.is_grid-2)$ | 53 | </footer> |
| 34 | $it.items:partials/grid_card()$ | ||
| 35 | $elseif(it.layout.is_grid-3)$ | ||
| 36 | $it.items:partials/grid_card()$ | ||
| 37 | $elseif(it.layout.is_gallery-2)$ | ||
| 38 | $it.items:partials/gallery_card()$ | ||
| 39 | $elseif(it.layout.is_gallery-3)$ | ||
| 40 | $it.items:partials/gallery_card()$ | ||
| 41 | $else$ | ||
| 42 | $it.items:partials/list_card()$ | ||
| 43 | $endif$ | 54 | $endif$ |
| 44 | </div> | 55 | </section> |
| 45 | $if(it.omitted)$ | 56 | $endfor$ |
| 46 | <footer class="l-card-list__footer"> | 57 | </div> |
| 47 | <a class="l-media__block o-badge o-badge--200" href="$it.url.rel$" aria-label="$it.omitted$ more items in '$it.title$'"> | ||
| 48 | $it.omitted$ more items <span class="u-ml-10">→</span> | ||
| 49 | </a> | ||
| 50 | </footer> | ||
| 51 | $endif$ | ||
| 52 | </section> | ||
| 53 | $endfor$ | ||
| 54 | </div> | 58 | </div> |
| 55 | </div> | 59 | </main> |
diff --git a/templates/layouts/list.html b/templates/layouts/list.html index ebbc2d4..105c7f5 100644 --- a/templates/layouts/list.html +++ b/templates/layouts/list.html | |||
| @@ -1,23 +1,27 @@ | |||
| 1 | <div class="l-container l-container--pad-x l-container--pad-y l-container--narrow"> | 1 | <main itemprop="mainPart" itemscope itemtype="https://schema.org/DataFeed" itemid="$url.full$"> |
| 2 | <header class="s-colored-links"> | 2 | <div class="l-container l-container--pad-x l-container--pad-y l-container--narrow"> |
| 3 | <h1 class="o-heading o-heading--xxl u-mt-0"><span class="o-heading__primary">$title$</span></h1> | 3 | <header class="s-colored-links"> |
| 4 | <h1 class="o-heading o-heading--xxl u-mt-0 p-name" itemprop="name headline"> | ||
| 5 | <span class="o-heading__primary">$title$</span> | ||
| 6 | </h1> | ||
| 4 | 7 | ||
| 5 | $body$ | 8 | $body$ |
| 6 | </header> | 9 | </header> |
| 7 | 10 | ||
| 8 | <div class="l-card-list"> | 11 | <div class="l-card-list"> |
| 9 | <div class="l-card-list__cards l-card-list__cards--$list_layout.id$"> | 12 | <div class="l-card-list__cards l-card-list__cards--$list_layout.id$"> |
| 10 | $if(list_layout.is_grid-2)$ | 13 | $if(list_layout.is_grid-2)$ |
| 11 | $list:partials/grid_card()$ | 14 | $list:partials/grid_card()$ |
| 12 | $elseif(list_layout.is_grid-3)$ | 15 | $elseif(list_layout.is_grid-3)$ |
| 13 | $list:partials/grid_card()$ | 16 | $list:partials/grid_card()$ |
| 14 | $elseif(list_layout.is_gallery-2)$ | 17 | $elseif(list_layout.is_gallery-2)$ |
| 15 | $list:partials/gallery_card()$ | 18 | $list:partials/gallery_card()$ |
| 16 | $elseif(list_layout.is_gallery-3)$ | 19 | $elseif(list_layout.is_gallery-3)$ |
| 17 | $list:partials/gallery_card()$ | 20 | $list:partials/gallery_card()$ |
| 18 | $else$ | 21 | $else$ |
| 19 | $list:partials/list_card()$ | 22 | $list:partials/list_card()$ |
| 20 | $endif$ | 23 | $endif$ |
| 24 | </div> | ||
| 21 | </div> | 25 | </div> |
| 22 | </div> | 26 | </div> |
| 23 | </div> | 27 | </main> |
diff --git a/templates/layouts/page.html b/templates/layouts/page.html index 75ea3be..f64e50b 100644 --- a/templates/layouts/page.html +++ b/templates/layouts/page.html | |||
| @@ -1,11 +1,17 @@ | |||
| 1 | <article class="l-container l-container--pad-x l-container--pad-y l-container--narrow s-body s-colored-links s-headings s-blockquotes s-code s-lists s-tables $if(intro)$s-intro$endif$"> | 1 | <main itemprop="hasPart" itemscope itemtype="https://schema.org/$it.schema_type$" itemid="$url.full$"> |
| 2 | $if(date)$ | 2 | <article class="l-container l-container--pad-x l-container--pad-y l-container--narrow h-entry"> |
| 3 | <div class="o-badge s-body__meta u-mb-125"> | 3 | $if(date)$ |
| 4 | $date.long$ | 4 | <div class="o-badge s-body__meta u-mb-125 dt-updated"> |
| 5 | </div> | 5 | $date.long$ |
| 6 | $endif$ | 6 | </div> |
| 7 | $endif$ | ||
| 7 | 8 | ||
| 8 | <h1 class="u-mt-0"><span class="s-headings__primary">$title$</span></h1> | 9 | <h1 class="o-heading o-heading--xxl u-mt-0 p-name" itemprop="name headline"> |
| 10 | <span class="s-headings__primary">$title$</span> | ||
| 11 | </h1> | ||
| 9 | 12 | ||
| 13 | <div class="s-body s-colored-links s-headings s-blockquotes s-code s-lists s-tables e-content" itemprop="articleBody"> | ||
| 10 | $body$ | 14 | $body$ |
| 11 | </article> | 15 | </div> |
| 16 | </article> | ||
| 17 | </main> | ||
