summaryrefslogtreecommitdiffstats
path: root/templates
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2021-12-20 07:40:23 +0100
committerVolpeon <git@volpeon.ink>2021-12-20 07:40:23 +0100
commit2207e6c48f4d3ea2e1209f3be535538be609aa71 (patch)
tree7d0e8c9bcfbca667f800b55f9e4336683b5d2fdd /templates
parentNo arrow on projects (diff)
downloadvolpeon.ink-2207e6c48f4d3ea2e1209f3be535538be609aa71.tar.gz
volpeon.ink-2207e6c48f4d3ea2e1209f3be535538be609aa71.tar.bz2
volpeon.ink-2207e6c48f4d3ea2e1209f3be535538be609aa71.zip
More compact gallery cards
Diffstat (limited to 'templates')
-rw-r--r--templates/partials/gallery_card.html76
1 files changed, 38 insertions, 38 deletions
diff --git a/templates/partials/gallery_card.html b/templates/partials/gallery_card.html
index f724e3b..485af00 100644
--- a/templates/partials/gallery_card.html
+++ b/templates/partials/gallery_card.html
@@ -1,47 +1,47 @@
1$if(it.url)$ 1$if(it.url)$
2 <a href="$it.url.rel$" class="l-card-list__card c-card"> 2 $if(it.thumbnail)$
3 $if(it.thumbnail)$ 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 c-card__row--flush">
5 <div class="c-card__thumbnail"> 5 <div class="c-card__thumbnail">
6 <img class="c-card__thumbnail-img" src="$it.thumbnail.rel$" /> 6 <img class="c-card__thumbnail-img" src="$it.thumbnail.rel$" />
7 </div> 7 </div>
8 </div> 8 </div>
9 $endif$ 9 <div class="c-card__row c-card__row--hidden">
10 <div class="c-card__row"> 10 $if(it.indicator)$
11 $if(it.indicator)$ 11 <div class="c-card__block c-card__block--indicator"></div>
12 <div class="c-card__block c-card__block--indicator"></div> 12 $endif$
13 $endif$ 13 $if(it.icon)$
14 $if(it.icon)$ 14 <svg class="c-card__block o-icon" width="1em" height="1em">
15 <svg class="c-card__block o-icon" width="1em" height="1em"> 15 <use href="/symbols.svg#icon-$it.icon$"></use>
16 <use href="/symbols.svg#icon-$it.icon$"></use> 16 </svg>
17 </svg> 17 $endif$
18 $endif$ 18 <div class="c-card__block c-card__block--main">
19 <div class="c-card__block c-card__block--main"> 19 $if(it.subtitle)$
20 $if(it.subtitle)$ 20 <strong class="u-db u-elp">$it.title$</strong>
21 <strong class="u-db u-elp">$it.title$</strong> 21 <small class="u-db u-elp">$it.subtitle$</small>
22 <small class="u-db u-elp">$it.subtitle$</small> 22 $elseif(it.category)$
23 $elseif(it.category)$ 23 <small class="u-db u-elp">$it.category$</small>
24 <small class="u-db u-elp">$it.category$</small> 24 <strong class="u-db u-elp">$it.title$</strong>
25 <strong class="u-db u-elp">$it.title$</strong> 25 $elseif(it.date)$
26 $elseif(it.date)$ 26 <time datetime="$it.date.yyyy_mm_dd$">
27 <time datetime="$it.date.yyyy_mm_dd$"> 27 <small class="u-dn@sm-hi">
28 <small class="u-dn@sm-hi"> 28 $it.date.short$
29 $it.date.short$ 29 </small>
30 </small> 30 <small class="u-dn@sm-lo">
31 <small class="u-dn@sm-lo"> 31 $it.date.long$
32 $it.date.long$ 32 </small>
33 </small> 33 </time>
34 </time> 34 <strong class="u-db u-elp">$it.title$</strong>
35 <strong class="u-db u-elp">$it.title$</strong> 35 $else$
36 $else$ 36 $it.title$
37 $it.title$ 37 $endif$
38 </div>
39 $if(it.post_icon)$
40 <svg class="c-card__block o-icon" width="1em" height="1em">
41 <use href="/symbols.svg#icon-$it.post_icon$"></use>
42 </svg>
38 $endif$ 43 $endif$
39 </div> 44 </div>
40 $if(it.post_icon)$ 45 </a>
41 <svg class="c-card__block o-icon" width="1em" height="1em"> 46 $endif$
42 <use href="/symbols.svg#icon-$it.post_icon$"></use>
43 </svg>
44 $endif$
45 </div>
46 </a>
47$endif$ 47$endif$