diff options
Diffstat (limited to 'templates/layouts')
-rw-r--r-- | templates/layouts/categorized_list.html | 104 | ||||
-rw-r--r-- | templates/layouts/list.html | 46 | ||||
-rw-r--r-- | templates/layouts/page.html | 12 |
3 files changed, 88 insertions, 74 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> |
diff --git a/templates/layouts/list.html b/templates/layouts/list.html index 105c7f5..66a08fd 100644 --- a/templates/layouts/list.html +++ b/templates/layouts/list.html | |||
@@ -1,27 +1,31 @@ | |||
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"> | 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 | <div class="l-card-list"> | 16 | <div class="l-card-list"> |
12 | <div class="l-card-list__cards l-card-list__cards--$list_layout.id$"> | 17 | <div class="l-card-list__cards l-card-list__cards--$list_layout.id$"> |
13 | $if(list_layout.is_grid-2)$ | 18 | $if(list_layout.is_grid-2)$ |
14 | $list:partials/grid_card()$ | 19 | $list:partials/grid_card()$ |
15 | $elseif(list_layout.is_grid-3)$ | 20 | $elseif(list_layout.is_grid-3)$ |
16 | $list:partials/grid_card()$ | 21 | $list:partials/grid_card()$ |
17 | $elseif(list_layout.is_gallery-2)$ | 22 | $elseif(list_layout.is_gallery-2)$ |
18 | $list:partials/gallery_card()$ | 23 | $list:partials/gallery_card()$ |
19 | $elseif(list_layout.is_gallery-3)$ | 24 | $elseif(list_layout.is_gallery-3)$ |
20 | $list:partials/gallery_card()$ | 25 | $list:partials/gallery_card()$ |
21 | $else$ | 26 | $else$ |
22 | $list:partials/list_card()$ | 27 | $list:partials/list_card()$ |
23 | $endif$ | 28 | $endif$ |
24 | </div> | ||
25 | </div> | 29 | </div> |
26 | </div> | 30 | </div> |
27 | </main> | 31 | </main> |
diff --git a/templates/layouts/page.html b/templates/layouts/page.html index 554ba45..a91d6ad 100644 --- a/templates/layouts/page.html +++ b/templates/layouts/page.html | |||
@@ -1,5 +1,11 @@ | |||
1 | <main itemprop="hasPart" itemscope itemtype="https://schema.org/$schema_type$" itemid="$url.full$"> | 1 | <main |
2 | <article class="l-container l-container--pad-x l-container--pad-y l-container--narrow h-entry"> | 2 | class="l-container l-container--pad-x l-container--pad-y l-container--narrow-125" |
3 | itemprop="hasPart" | ||
4 | itemscope | ||
5 | itemtype="https://schema.org/$schema_type$" | ||
6 | itemid="$url.full$" | ||
7 | > | ||
8 | <article class="h-entry"> | ||
3 | $if(date)$ | 9 | $if(date)$ |
4 | <div class="o-badge s-body__meta u-mb-125 dt-updated"> | 10 | <div class="o-badge s-body__meta u-mb-125 dt-updated"> |
5 | $date.long$ | 11 | $date.long$ |
@@ -10,7 +16,7 @@ | |||
10 | <span class="s-headings__primary">$title$</span> | 16 | <span class="s-headings__primary">$title$</span> |
11 | </h1> | 17 | </h1> |
12 | 18 | ||
13 | <div class="s-body s-colored-links s-headings s-blockquotes s-code s-lists s-tables s-alerts e-content" itemprop="articleBody"> | 19 | <div class="l-container l-container--narrow u-ml-0 s-body s-colored-links s-headings s-blockquotes s-code s-lists s-tables s-alerts e-content" itemprop="articleBody"> |
14 | $body$ | 20 | $body$ |
15 | </div> | 21 | </div> |
16 | 22 | ||