summaryrefslogtreecommitdiffstats
path: root/templates/partials
diff options
context:
space:
mode:
Diffstat (limited to 'templates/partials')
-rw-r--r--templates/partials/grid_card.html72
-rw-r--r--templates/partials/list_card.html80
2 files changed, 78 insertions, 74 deletions
diff --git a/templates/partials/grid_card.html b/templates/partials/grid_card.html
index 9cd8463..6f6c16e 100644
--- a/templates/partials/grid_card.html
+++ b/templates/partials/grid_card.html
@@ -1,36 +1,38 @@
1<a href="$it.url.rel$" class="l-card-list__card c-card"> 1$if(it.url)$
2 $if(it.indicator)$ 2 <a href="$it.url.rel$" class="l-card-list__card c-card">
3 <div class="c-card__block c-card__block--indicator"></div> 3 $if(it.indicator)$
4 $endif$ 4 <div class="c-card__block c-card__block--indicator"></div>
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 <strong class="u-db u-elp">$it.title$</strong>
13 <small class="u-db u-elp">$it.subtitle$</small>
14 $elseif(it.category)$
15 <small class="u-db u-elp">$it.category$</small>
16 <strong class="u-db u-elp">$it.title$</strong>
17 $elseif(it.date)$
18 <time datetime="$it.date.yyyy_mm_dd$">
19 <small class="u-dn@sm-hi">
20 $it.date.short$
21 </small>
22 <small class="u-dn@sm-lo">
23 $it.date.long$
24 </small>
25 </time>
26 <strong class="u-db u-elp">$it.title$</strong>
27 $else$
28 $it.title$
29 $endif$ 5 $endif$
30 </div> 6 $if(it.icon)$
31 $if(it.post_icon)$ 7 <svg class="c-card__block o-icon" width="1em" height="1em">
32 <svg class="c-card__block o-icon" width="1em" height="1em"> 8 <use href="/symbols.svg#icon-$it.icon$"></use>
33 <use href="/symbols.svg#icon-$it.post_icon$"></use> 9 </svg>
34 </svg> 10 $endif$
35 $endif$ 11 <div class="c-card__block c-card__block--main">
36</a> 12 $if(it.subtitle)$
13 <strong class="u-db u-elp">$it.title$</strong>
14 <small class="u-db u-elp">$it.subtitle$</small>
15 $elseif(it.category)$
16 <small class="u-db u-elp">$it.category$</small>
17 <strong class="u-db u-elp">$it.title$</strong>
18 $elseif(it.date)$
19 <time datetime="$it.date.yyyy_mm_dd$">
20 <small class="u-dn@sm-hi">
21 $it.date.short$
22 </small>
23 <small class="u-dn@sm-lo">
24 $it.date.long$
25 </small>
26 </time>
27 <strong class="u-db u-elp">$it.title$</strong>
28 $else$
29 $it.title$
30 $endif$
31 </div>
32 $if(it.post_icon)$
33 <svg class="c-card__block o-icon" width="1em" height="1em">
34 <use href="/symbols.svg#icon-$it.post_icon$"></use>
35 </svg>
36 $endif$
37 </a>
38$endif$
diff --git a/templates/partials/list_card.html b/templates/partials/list_card.html
index b784c1e..73caa05 100644
--- a/templates/partials/list_card.html
+++ b/templates/partials/list_card.html
@@ -1,40 +1,42 @@
1<a href="$it.url.rel$" class="l-card-list__card c-card"> 1$if(it.url)$
2 $if(it.indicator)$ 2 <a href="$it.url.rel$" class="l-card-list__card c-card">
3 <div class="c-card__block c-card__block--indicator"></div> 3 $if(it.indicator)$
4 $endif$ 4 <div class="c-card__block c-card__block--indicator"></div>
5 $if(it.icon)$ 5 $endif$
6 <svg class="c-card__block o-icon" width="1em" height="1em"> 6 $if(it.icon)$
7 <use href="/symbols.svg#icon-$it.icon$"></use> 7 <svg class="c-card__block o-icon" width="1em" height="1em">
8 </svg> 8 <use href="/symbols.svg#icon-$it.icon$"></use>
9 $endif$ 9 </svg>
10 <div class="c-card__block c-card__block--main"> 10 $endif$
11 $it.title$ 11 <div class="c-card__block c-card__block--main">
12 </div> 12 $it.title$
13 $if(it.subtitle)$
14 <div class="c-card__block u-fs0">
15 <small>
16 $it.subtitle$
17 </small>
18 </div> 13 </div>
19 $elseif(it.category)$ 14 $if(it.subtitle)$
20 <div class="c-card__block u-fs0"> 15 <div class="c-card__block u-fs0">
21 <small> 16 <small>
22 $it.category$ 17 $it.subtitle$
23 </small> 18 </small>
24 </div> 19 </div>
25 $elseif(it.date)$ 20 $elseif(it.category)$
26 <time datetime="$it.date.yyyy_mm_dd$" class="c-card__block u-fs0"> 21 <div class="c-card__block u-fs0">
27 <small class="u-dn@sm-hi"> 22 <small>
28 $it.date.short$ 23 $it.category$
29 </small> 24 </small>
30 <small class="u-dn@sm-lo"> 25 </div>
31 $it.date.long$ 26 $elseif(it.date)$
32 </small> 27 <time datetime="$it.date.yyyy_mm_dd$" class="c-card__block u-fs0">
33 </time> 28 <small class="u-dn@sm-hi">
34 $endif$ 29 $it.date.short$
35 $if(it.post_icon)$ 30 </small>
36 <svg class="c-card__block o-icon" width="1em" height="1em"> 31 <small class="u-dn@sm-lo">
37 <use href="/symbols.svg#icon-$it.post_icon$"></use> 32 $it.date.long$
38 </svg> 33 </small>
39 $endif$ 34 </time>
40</a> 35 $endif$
36 $if(it.post_icon)$
37 <svg class="c-card__block o-icon" width="1em" height="1em">
38 <use href="/symbols.svg#icon-$it.post_icon$"></use>
39 </svg>
40 $endif$
41 </a>
42$endif$