summaryrefslogtreecommitdiffstats
path: root/templates/partials
diff options
context:
space:
mode:
Diffstat (limited to 'templates/partials')
-rw-r--r--templates/partials/grid_card.html33
-rw-r--r--templates/partials/list_card.html34
2 files changed, 67 insertions, 0 deletions
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>