summaryrefslogtreecommitdiffstats
path: root/templates
diff options
context:
space:
mode:
Diffstat (limited to 'templates')
-rw-r--r--templates/base.html4
-rw-r--r--templates/layouts/categorized_list.html86
-rw-r--r--templates/layouts/deep_categorized_list.html54
-rw-r--r--templates/layouts/list.html64
-rw-r--r--templates/partials/grid_card.html33
-rw-r--r--templates/partials/list_card.html34
6 files changed, 82 insertions, 193 deletions
diff --git a/templates/base.html b/templates/base.html
index ede7941..eb088c4 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -63,9 +63,7 @@
63 </nav> 63 </nav>
64 64
65 <main> 65 <main>
66 $if(layout.is_deep_categorized_list)$ 66 $if(layout.is_categorized_list)$
67${layouts/deep_categorized_list()}
68 $elseif(layout.is_categorized_list)$
69${layouts/categorized_list()} 67${layouts/categorized_list()}
70 $elseif(layout.is_list)$ 68 $elseif(layout.is_list)$
71${layouts/list()} 69${layouts/list()}
diff --git a/templates/layouts/categorized_list.html b/templates/layouts/categorized_list.html
index ad510ae..aea8863 100644
--- a/templates/layouts/categorized_list.html
+++ b/templates/layouts/categorized_list.html
@@ -6,80 +6,18 @@ $body$
6 </div> 6 </div>
7 7
8 <div class="c-card-list"> 8 <div class="c-card-list">
9 $for(pages.all)$ 9 $for(list)$
10 $if(it.pages)$ 10 <h2 class="c-card-list__category-header">
11 <h2 class="c-card-list__category-header"> 11 <a href="$it.url.rel$">$it.title$</a>
12 <a href="$it.url.rel$">$it.title$</a> 12 </h2>
13 </h2> 13 $if(it.grid)$
14 $if(it.list_grid)$ 14 <div class="c-card-list__category-content c-card-list__category-content--grid">
15 <div class="c-card-list__category-content c-card-list__category-content--grid"> 15 $it.items:partials/grid_card()$
16 $for(it.pages.all)$ 16 </div>
17 <a href="$it.url.rel$" class="c-card-list__card c-card"> 17 $else$
18 $if(pages.all.list_read_indicators)$ 18 <div class="c-card-list__category-content">
19 <div class="c-card__block c-card__block--indicator"></div> 19 $it.items:partials/list_card()$
20 $endif$ 20 </div>
21 $if(pages.all.icon)$
22 <svg class="c-card__block o-icon" width="1em" height="1em">
23 <use href="/symbols.svg#icon-$pages.all.icon$"></use>
24 </svg>
25 $endif$
26 <div class="c-card__block c-card__block--main">
27 $if(it.date)$
28 <time datetime="$it.date.yyyy_mm_dd$">
29 <small class="u-dn@sm-hi">
30 $it.date.short$
31 </small>
32 <small class="u-dn@sm-lo">
33 $it.date.long$
34 </small>
35 </time>
36 <strong class="u-db">$it.title$</strong>
37 $else$
38 $it.title$
39 $endif$
40 </div>
41 $if(list_icon)$
42 <svg class="c-card__block o-icon" width="1em" height="1em">
43 <use href="/symbols.svg#$list_icon$"></use>
44 </svg>
45 $endif$
46 </a>
47 $endfor$
48 </div>
49 $else$
50 <div class="c-card-list__category-content">
51 $for(it.pages.all)$
52 <a href="$it.url.rel$" class="c-card-list__card c-card">
53 $if(pages.all.list_read_indicators)$
54 <div class="c-card__block c-card__block--indicator"></div>
55 $endif$
56 $if(pages.all.icon)$
57 <svg class="c-card__block o-icon" width="1em" height="1em">
58 <use href="/symbols.svg#icon-$pages.all.icon$"></use>
59 </svg>
60 $endif$
61 <div class="c-card__block c-card__block--main">
62 $it.title$
63 </div>
64 $if(it.date)$
65 <time datetime="$it.date.yyyy_mm_dd$" class="c-card__block u-fs0">
66 <small class="u-dn@sm-hi">
67 $it.date.short$
68 </small>
69 <small class="u-dn@sm-lo">
70 $it.date.long$
71 </small>
72 </time>
73 $endif$
74 $if(list_icon)$
75 <svg class="c-card__block o-icon" width="1em" height="1em">
76 <use href="/symbols.svg#$list_icon$"></use>
77 </svg>
78 $endif$
79 </a>
80 $endfor$
81 </div>
82 $endif$
83 $endif$ 21 $endif$
84 $endfor$ 22 $endfor$
85 </div> 23 </div>
diff --git a/templates/layouts/deep_categorized_list.html b/templates/layouts/deep_categorized_list.html
deleted file mode 100644
index eec16c9..0000000
--- a/templates/layouts/deep_categorized_list.html
+++ /dev/null
@@ -1,54 +0,0 @@
1<section class="l-container l-container--pad-x l-container--pad-y l-container--content">
2 <div class="s-headlines s-colored-links">
3 <h1 class="u-mt0"><span class="s-headlines__title-inner">$title$</span></h1>
4
5$body$
6 </div>
7
8 <div class="c-card-list">
9 $for(pages.all)$
10 $if(it.pages)$
11 <h2 class="c-card-list__category-header">
12 <a href="$it.url.rel$">$it.title$</a>
13 </h2>
14 <div class="c-card-list__category-content$if(it.list_grid)$ c-card-list__category-content--grid$endif$">
15 $for(pages.all.pages.all)$
16 $for(pages.all.pages.all.pages.all)$
17 <a href="$it.url.rel$" class="c-card-list__card c-card">
18 $if(pages.all.list_read_indicators)$
19 <div class="c-card__block c-card__block--indicator"></div>
20 $endif$
21 $if(pages.all.pages.all.icon)$
22 <svg class="c-card__block o-icon" width="1em" height="1em">
23 <use href="/symbols.svg#icon-$pages.all.pages.all.icon$"></use>
24 </svg>
25 $endif$
26 <div class="c-card__block c-card__block--main">
27 <small class="u-db">$pages.all.pages.all.title$</small>
28 <strong class="u-db">$it.title$</strong>
29 </div>
30 $if(it.date)$
31 <time datetime="$it.date.yyyy_mm_dd$" class="c-card__block u-fs0">
32 <small class="u-dn@sm-hi">
33 $it.date.short$
34 </small>
35 <small class="u-dn@sm-lo">
36 $it.date.long$
37 </small>
38 </time>
39 $endif$
40 $if(pages.all.list_icon)$
41 <svg class="c-card__block o-icon" width="1em" height="1em">
42 <use href="/symbols.svg#$pages.all.list_icon$"></use>
43 </svg>
44 $endif$
45 </a>
46 $endfor$
47 $endfor$
48 </div>
49 $endif$
50 $endfor$
51 </div>
52</section>
53
54
diff --git a/templates/layouts/list.html b/templates/layouts/list.html
index b4647a1..7a9d573 100644
--- a/templates/layouts/list.html
+++ b/templates/layouts/list.html
@@ -8,71 +8,11 @@ $body$
8 <div class="c-card-list"> 8 <div class="c-card-list">
9 $if(list_grid)$ 9 $if(list_grid)$
10 <div class="c-card-list__category-content c-card-list__category-content--grid"> 10 <div class="c-card-list__category-content c-card-list__category-content--grid">
11 $for(pages.all)$ 11 $list:partials/grid_card()$
12 <a href="$it.url.rel$" class="c-card-list__card c-card">
13 $if(list_read_indicators)$
14 <div class="c-card__block c-card__block--indicator"></div>
15 $endif$
16 $if(icon)$
17 <svg class="c-card__block o-icon">
18 <use href="/symbols.svg#icon-$icon$"></use>
19 </svg>
20 $endif$
21 <div class="c-card__block c-card__block--main">
22 $if(it.date)$
23 <time datetime="$it.date.yyyy_mm_dd$">
24 <small class="u-dn@sm-hi">
25 $it.date.short$
26 </small>
27 <small class="u-dn@sm-lo">
28 $it.date.long$
29 </small>
30 </time>
31 <strong class="u-db">$it.title$</strong>
32 $else$
33 $it.title$
34 $endif$
35 </div>
36 $if(list_icon)$
37 <svg class="c-card__block o-icon" width="1em" height="1em">
38 <use href="/symbols.svg#$list_icon$"></use>
39 </svg>
40 $endif$
41 </a>
42 $endfor$
43 </div> 12 </div>
44 $else$ 13 $else$
45 <div class="c-card-list__category-content"> 14 <div class="c-card-list__category-content">
46 $for(pages.all)$ 15 $list:partials/list_card()$
47 <a href="$it.url.rel$" class="c-card-list__card c-card">
48 $if(list_read_indicators)$
49 <div class="c-card__block c-card__block--indicator"></div>
50 $endif$
51 $if(icon)$
52 <svg class="c-card__block o-icon">
53 <use href="/symbols.svg#icon-$icon$"></use>
54 </svg>
55 $endif$
56 <div class="c-card__block c-card__block--main">
57 $it.title$
58 </div>
59 $if(it.date)$
60 <time datetime="$it.date.yyyy_mm_dd$" class="c-card__block u-fs0">
61 <small class="u-dn@sm-hi">
62 $it.date.short$
63 </small>
64 <small class="u-dn@sm-lo">
65 $it.date.long$
66 </small>
67 </time>
68 $endif$
69 $if(list_icon)$
70 <svg class="c-card__block o-icon" width="1em" height="1em">
71 <use href="/symbols.svg#$list_icon$"></use>
72 </svg>
73 $endif$
74 </a>
75 $endfor$
76 </div> 16 </div>
77 $endif$ 17 $endif$
78 </div> 18 </div>
diff --git a/templates/partials/grid_card.html b/templates/partials/grid_card.html
new file mode 100644
index 0000000..25c2271
--- /dev/null
+++ b/templates/partials/grid_card.html
@@ -0,0 +1,33 @@
1<a href="$it.url.rel$" class="c-card-list__card c-card">
2 $if(it.indicator)$
3 <div class="c-card__block c-card__block--indicator"></div>
4 $endif$
5 $if(it.icon)$
6 <svg class="c-card__block o-icon" width="1em" height="1em">
7 <use href="/symbols.svg#icon-$it.icon$"></use>
8 </svg>
9 $endif$
10 <div class="c-card__block c-card__block--main">
11 $if(it.subtitle)$
12 <small class="u-db">$it.subtitle$</small>
13 <strong class="u-db">$it.title$</strong>
14 $elseif(it.date)$
15 <time datetime="$it.date.yyyy_mm_dd$">
16 <small class="u-dn@sm-hi">
17 $it.date.short$
18 </small>
19 <small class="u-dn@sm-lo">
20 $it.date.long$
21 </small>
22 </time>
23 <strong class="u-db">$it.title$</strong>
24 $else$
25 $it.title$
26 $endif$
27 </div>
28 $if(it.post_icon)$
29 <svg class="c-card__block o-icon" width="1em" height="1em">
30 <use href="/symbols.svg#$it.post_icon$"></use>
31 </svg>
32 $endif$
33</a>
diff --git a/templates/partials/list_card.html b/templates/partials/list_card.html
new file mode 100644
index 0000000..644e0d3
--- /dev/null
+++ b/templates/partials/list_card.html
@@ -0,0 +1,34 @@
1<a href="$it.url.rel$" class="c-card-list__card c-card">
2 $if(it.indicator)$
3 <div class="c-card__block c-card__block--indicator"></div>
4 $endif$
5 $if(it.icon)$
6 <svg class="c-card__block o-icon" width="1em" height="1em">
7 <use href="/symbols.svg#icon-$it.icon$"></use>
8 </svg>
9 $endif$
10 <div class="c-card__block c-card__block--main">
11 $it.title$
12 </div>
13 $if(it.subtitle)$
14 <div class="c-card__block u-fs0">
15 <small>
16 $it.subtitle$
17 </small>
18 </div>
19 $elseif(it.date)$
20 <time datetime="$it.date.yyyy_mm_dd$" class="c-card__block u-fs0">
21 <small class="u-dn@sm-hi">
22 $it.date.short$
23 </small>
24 <small class="u-dn@sm-lo">
25 $it.date.long$
26 </small>
27 </time>
28 $endif$
29 $if(it.post_icon)$
30 <svg class="c-card__block o-icon" width="1em" height="1em">
31 <use href="/symbols.svg#$it.post_icon$"></use>
32 </svg>
33 $endif$
34</a>
generated by cgit v1.2.3-70-g09d2 (git 2.47.0) at 2024-12-25 18:37:47 +0000