summaryrefslogtreecommitdiffstats
path: root/templates/layouts/categorized_list.html
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2022-06-16 13:42:26 +0200
committerVolpeon <git@volpeon.ink>2022-06-16 13:42:26 +0200
commitaa4c54317b51dc14ba65d2e091b701ae6640ee80 (patch)
tree1b78a533299bc1d39e4c2eef611396a241e685c7 /templates/layouts/categorized_list.html
parentUpdate (diff)
downloadvolpeon.ink-aa4c54317b51dc14ba65d2e091b701ae6640ee80.tar.gz
volpeon.ink-aa4c54317b51dc14ba65d2e091b701ae6640ee80.tar.bz2
volpeon.ink-aa4c54317b51dc14ba65d2e091b701ae6640ee80.zip
WIP: Adding metadata
Diffstat (limited to 'templates/layouts/categorized_list.html')
-rw-r--r--templates/layouts/categorized_list.html98
1 files changed, 51 insertions, 47 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>