summaryrefslogtreecommitdiffstats
path: root/templates/layouts/categorized_list.html
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2021-11-13 18:03:55 +0100
committerVolpeon <git@volpeon.ink>2021-11-13 18:03:55 +0100
commitc20ea9f6922557db29061a5d53c067ab20c734b9 (patch)
tree8db62241b809d73c51f9e7f8c3189638d9700c88 /templates/layouts/categorized_list.html
parentFix persistent scrollbar (diff)
downloadvolpeon.ink-c20ea9f6922557db29061a5d53c067ab20c734b9.tar.gz
volpeon.ink-c20ea9f6922557db29061a5d53c067ab20c734b9.tar.bz2
volpeon.ink-c20ea9f6922557db29061a5d53c067ab20c734b9.zip
Improved list generation, remove index template
Diffstat (limited to 'templates/layouts/categorized_list.html')
-rw-r--r--templates/layouts/categorized_list.html98
1 files changed, 69 insertions, 29 deletions
diff --git a/templates/layouts/categorized_list.html b/templates/layouts/categorized_list.html
index a3af43c..ad510ae 100644
--- a/templates/layouts/categorized_list.html
+++ b/templates/layouts/categorized_list.html
@@ -11,36 +11,76 @@ $body$
11 <h2 class="c-card-list__category-header"> 11 <h2 class="c-card-list__category-header">
12 <a href="$it.url.rel$">$it.title$</a> 12 <a href="$it.url.rel$">$it.title$</a>
13 </h2> 13 </h2>
14 <div class="c-card-list__category-content$if(it.list_grid)$ c-card-list__category-content--grid$endif$"> 14 $if(it.list_grid)$
15 $for(it.pages.all)$ 15 <div class="c-card-list__category-content c-card-list__category-content--grid">
16 <a href="$it.url.rel$" class="c-card-list__card c-card"> 16 $for(it.pages.all)$
17 $if(pages.all.list_read_indicators)$ 17 <a href="$it.url.rel$" class="c-card-list__card c-card">
18 <div class="c-card__block c-card__block--indicator"></div> 18 $if(pages.all.list_read_indicators)$
19 $endif$ 19 <div class="c-card__block c-card__block--indicator"></div>
20 $if(pages.all.icon)$ 20 $endif$
21 <svg class="c-card__block o-icon" width="1em" height="1em"> 21 $if(pages.all.icon)$
22 <use href="/symbols.svg#icon-$pages.all.icon$"></use> 22 <svg class="c-card__block o-icon" width="1em" height="1em">
23 </svg> 23 <use href="/symbols.svg#icon-$pages.all.icon$"></use>
24 $endif$ 24 </svg>
25 <div class="c-card__block c-card__block--main"> 25 $endif$
26 $it.title$ 26 <div class="c-card__block c-card__block--main">
27 </div> 27 $if(it.date)$
28 $if(it.date)$ 28 <time datetime="$it.date.yyyy_mm_dd$">
29 <time datetime="$it.date.yyyy_mm_dd$" class="c-card__block u-fs0"> 29 <small class="u-dn@sm-hi">
30 <small class="u-dn@sm-hi"> 30 $it.date.short$
31 $it.date.short$ 31 </small>
32 </small> 32 <small class="u-dn@sm-lo">
33 <small class="u-dn@sm-lo"> 33 $it.date.long$
34 $it.date.long$ 34 </small>
35 </small> 35 </time>
36 </time> 36 <strong class="u-db">$it.title$</strong>
37 $endif$ 37 $else$
38 </a> 38 $it.title$
39 $endfor$ 39 $endif$
40 </div> 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$
41 $endif$ 83 $endif$
42 $endfor$ 84 $endfor$
43 </div> 85 </div>
44</section> 86</section>
45
46