summaryrefslogtreecommitdiffstats
path: root/templates/layouts/list.html
diff options
context:
space:
mode:
Diffstat (limited to 'templates/layouts/list.html')
-rw-r--r--templates/layouts/list.html96
1 files changed, 69 insertions, 27 deletions
diff --git a/templates/layouts/list.html b/templates/layouts/list.html
index 2ef02ab..b4647a1 100644
--- a/templates/layouts/list.html
+++ b/templates/layouts/list.html
@@ -6,33 +6,75 @@ $body$
6 </div> 6 </div>
7 7
8 <div class="c-card-list"> 8 <div class="c-card-list">
9 <div class="c-card-list__category-content$if(list_grid)$ c-card-list__category-content--grid$endif$"> 9 $if(list_grid)$
10 $for(pages.all)$ 10 <div class="c-card-list__category-content c-card-list__category-content--grid">
11 <a href="$it.url.rel$" class="c-card-list__card c-card"> 11 $for(pages.all)$
12 $if(list_read_indicators)$ 12 <a href="$it.url.rel$" class="c-card-list__card c-card">
13 <div class="c-card__block c-card__block--indicator"></div> 13 $if(list_read_indicators)$
14 $endif$ 14 <div class="c-card__block c-card__block--indicator"></div>
15 $if(icon)$ 15 $endif$
16 <svg class="c-card__block o-icon"> 16 $if(icon)$
17 <use href="/symbols.svg#icon-$icon$"></use> 17 <svg class="c-card__block o-icon">
18 </svg> 18 <use href="/symbols.svg#icon-$icon$"></use>
19 $endif$ 19 </svg>
20 <div class="c-card__block c-card__block--main"> 20 $endif$
21 $it.title$ 21 <div class="c-card__block c-card__block--main">
22 </div> 22 $if(it.date)$
23 $if(it.date)$ 23 <time datetime="$it.date.yyyy_mm_dd$">
24 <time datetime="$it.date.yyyy_mm_dd$" class="c-card__block u-fs0"> 24 <small class="u-dn@sm-hi">
25 <small class="u-dn@sm-hi"> 25 $it.date.short$
26 $it.date.short$ 26 </small>
27 </small> 27 <small class="u-dn@sm-lo">
28 <small class="u-dn@sm-lo"> 28 $it.date.long$
29 $it.date.long$ 29 </small>
30 </small> 30 </time>
31 </time> 31 <strong class="u-db">$it.title$</strong>
32 $endif$ 32 $else$
33 </a> 33 $it.title$
34 $endfor$ 34 $endif$
35 </div> 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>
44 $else$
45 <div class="c-card-list__category-content">
46 $for(pages.all)$
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>
77 $endif$
36 </div> 78 </div>
37</section> 79</section>
38 80