summaryrefslogtreecommitdiffstats
path: root/templates/partials/gallery_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/gallery_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/gallery_card.html')
-rw-r--r--templates/partials/gallery_card.html26
1 files changed, 13 insertions, 13 deletions
diff --git a/templates/partials/gallery_card.html b/templates/partials/gallery_card.html
index aa641da..386843f 100644
--- a/templates/partials/gallery_card.html
+++ b/templates/partials/gallery_card.html
@@ -1,7 +1,7 @@
1$if(it.url)$ 1$if(it.url)$
2$if(it.thumbnail)$ 2$if(it.thumbnail)$
3 <a href="$it.url.rel$" class="l-card-list__card c-card"> 3 <a href="$it.url.rel$" class="l-card-list__card c-card">
4 <div class="c-card__row c-card__row--flush"> 4 <div class="c-card__row l-media l-media--flush">
5 <div class="c-card__thumbnail"> 5 <div class="c-card__thumbnail">
6 <img 6 <img
7 class="c-card__thumbnail-img" 7 class="c-card__thumbnail-img"
@@ -11,38 +11,38 @@ $if(it.thumbnail)$
11 /> 11 />
12 </div> 12 </div>
13 </div> 13 </div>
14 <div class="c-card__row c-card__row--hidden"> 14 <div class="c-card__row l-media c-card__row--hidden">
15 $if(it.indicator)$ 15 $if(it.indicator)$
16 <div class="c-card__block c-card__block--indicator"></div> 16 <div class="c-card__indicator l-media__block"></div>
17 $endif$ 17 $endif$
18 $if(it.icon)$ 18 $if(it.icon)$
19 <svg class="c-card__block o-icon" width="1em" height="1em" aria-hidden="true"> 19 <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true">
20 <use href="/symbols.svg#icon-$it.icon$"></use> 20 <use href="/symbols.svg#icon-$it.icon$"></use>
21 </svg> 21 </svg>
22 $endif$ 22 $endif$
23 <div class="c-card__block c-card__block--main"> 23 <div class="l-media__block l-media__block--main">
24 $if(it.subtitle)$ 24 $if(it.subtitle)$
25 <strong class="u-db u-elp">$it.title$</strong> 25 <strong class="u-d-block u-elp">$it.title$</strong>
26 <small class="u-db u-elp">$it.subtitle$</small> 26 <small class="u-d-block u-elp">$it.subtitle$</small>
27 $elseif(it.category)$ 27 $elseif(it.category)$
28 <small class="u-db u-elp">$it.category$</small> 28 <small class="u-d-block u-elp">$it.category$</small>
29 <strong class="u-db u-elp">$it.title$</strong> 29 <strong class="u-d-block u-elp">$it.title$</strong>
30 $elseif(it.date)$ 30 $elseif(it.date)$
31 <time datetime="$it.date.yyyy_mm_dd$"> 31 <time datetime="$it.date.yyyy_mm_dd$">
32 <small class="u-dn@sm-hi"> 32 <small class="u-d-none@sm-hi">
33 $it.date.short$ 33 $it.date.short$
34 </small> 34 </small>
35 <small class="u-dn@sm-lo"> 35 <small class="u-d-none@sm-lo">
36 $it.date.long$ 36 $it.date.long$
37 </small> 37 </small>
38 </time> 38 </time>
39 <strong class="u-db u-elp">$it.title$</strong> 39 <strong class="u-d-block u-elp">$it.title$</strong>
40 $else$ 40 $else$
41 $it.title$ 41 $it.title$
42 $endif$ 42 $endif$
43 </div> 43 </div>
44 $if(it.post_icon)$ 44 $if(it.post_icon)$
45 <svg class="c-card__block o-icon" width="1em" height="1em" aria-hidden="true"> 45 <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true">
46 <use href="/symbols.svg#icon-$it.post_icon$"></use> 46 <use href="/symbols.svg#icon-$it.post_icon$"></use>
47 </svg> 47 </svg>
48 $endif$ 48 $endif$