summaryrefslogtreecommitdiffstats
path: root/templates/partials/grid_card.html
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2022-06-11 09:44:04 +0200
committerVolpeon <git@volpeon.ink>2022-06-11 09:44:04 +0200
commit575278aba99139635adc3b1f9385befe57102541 (patch)
treed98a160167610717da37f6340b3884ba4224fe5d /templates/partials/grid_card.html
parentUpdate (diff)
downloadvolpeon.ink-575278aba99139635adc3b1f9385befe57102541.tar.gz
volpeon.ink-575278aba99139635adc3b1f9385befe57102541.tar.bz2
volpeon.ink-575278aba99139635adc3b1f9385befe57102541.zip
Re-implemented design via iro-design
Diffstat (limited to 'templates/partials/grid_card.html')
-rw-r--r--templates/partials/grid_card.html24
1 files changed, 12 insertions, 12 deletions
diff --git a/templates/partials/grid_card.html b/templates/partials/grid_card.html
index 1b7c000..b3763e4 100644
--- a/templates/partials/grid_card.html
+++ b/templates/partials/grid_card.html
@@ -1,37 +1,37 @@
1$if(it.url)$ 1$if(it.url)$
2 <a href="$it.url.rel$" class="l-card-list__card c-card"> 2 <a href="$it.url.rel$" class="l-card-list__card c-card">
3 <div class="c-card__row"> 3 <div class="c-card__row l-media">
4 $if(it.indicator)$ 4 $if(it.indicator)$
5 <div class="c-card__block c-card__block--indicator"></div> 5 <div class="c-card__indicator l-media__block"></div>
6 $endif$ 6 $endif$
7 $if(it.icon)$ 7 $if(it.icon)$
8 <svg class="c-card__block o-icon" width="1em" height="1em" aria-hidden="true"> 8 <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true">
9 <use href="/symbols.svg#icon-$it.icon$"></use> 9 <use href="/symbols.svg#icon-$it.icon$"></use>
10 </svg> 10 </svg>
11 $endif$ 11 $endif$
12 <div class="c-card__block c-card__block--main"> 12 <div class="l-media__block l-media__block--main">
13 $if(it.subtitle)$ 13 $if(it.subtitle)$
14 <strong class="u-db u-elp">$it.title$</strong> 14 <strong class="u-d-block u-elp">$it.title$</strong>
15 <small class="u-db u-elp">$it.subtitle$</small> 15 <small class="u-d-block u-elp">$it.subtitle$</small>
16 $elseif(it.category)$ 16 $elseif(it.category)$
17 <small class="u-db u-elp">$it.category$</small> 17 <small class="u-d-block u-elp">$it.category$</small>
18 <strong class="u-db u-elp">$it.title$</strong> 18 <strong class="u-d-block u-elp">$it.title$</strong>
19 $elseif(it.date)$ 19 $elseif(it.date)$
20 <time datetime="$it.date.yyyy_mm_dd$"> 20 <time datetime="$it.date.yyyy_mm_dd$">
21 <small class="u-dn@sm-hi"> 21 <small class="u-d-none@sm-hi">
22 $it.date.short$ 22 $it.date.short$
23 </small> 23 </small>
24 <small class="u-dn@sm-lo"> 24 <small class="u-d-none@sm-lo">
25 $it.date.long$ 25 $it.date.long$
26 </small> 26 </small>
27 </time> 27 </time>
28 <strong class="u-db u-elp">$it.title$</strong> 28 <strong class="u-d-block u-elp">$it.title$</strong>
29 $else$ 29 $else$
30 $it.title$ 30 $it.title$
31 $endif$ 31 $endif$
32 </div> 32 </div>
33 $if(it.post_icon)$ 33 $if(it.post_icon)$
34 <svg class="c-card__block o-icon" width="1em" height="1em" aria-hidden="true"> 34 <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true">
35 <use href="/symbols.svg#icon-$it.post_icon$"></use> 35 <use href="/symbols.svg#icon-$it.post_icon$"></use>
36 </svg> 36 </svg>
37 $endif$ 37 $endif$