summaryrefslogtreecommitdiffstats
path: root/templates/partials/gallery_card.html
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2022-06-16 13:48:07 +0200
committerVolpeon <git@volpeon.ink>2022-06-16 13:48:07 +0200
commit03c2acb3d2a7d41a6a44eb0b2ee266bf31dccda7 (patch)
treeb16b77c56b2051aba16efe2417727bc4577aab0f /templates/partials/gallery_card.html
parentWIP: Adding metadata (diff)
downloadvolpeon.ink-03c2acb3d2a7d41a6a44eb0b2ee266bf31dccda7.tar.gz
volpeon.ink-03c2acb3d2a7d41a6a44eb0b2ee266bf31dccda7.tar.bz2
volpeon.ink-03c2acb3d2a7d41a6a44eb0b2ee266bf31dccda7.zip
More metadata
Diffstat (limited to 'templates/partials/gallery_card.html')
-rw-r--r--templates/partials/gallery_card.html105
1 files changed, 56 insertions, 49 deletions
diff --git a/templates/partials/gallery_card.html b/templates/partials/gallery_card.html
index edc54b4..ea82412 100644
--- a/templates/partials/gallery_card.html
+++ b/templates/partials/gallery_card.html
@@ -1,57 +1,64 @@
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 h-entry" itemprop="dataFeedElement" itemscope itemtype="https://schema.org/$it.schema_type$"> 3<a
4 <link class="u-url" itemprop="url" href="$it.url.full$" /> 4 href="$it.url.rel$"
5 <link itemprop="thumbnailUrl" href="$it.thumbnail.full$" /> 5 class="l-card-list__card c-card h-entry"
6 itemprop="dataFeedElement"
7 itemscope
8 itemtype="https://schema.org/$it.schema_type$"
9 $if(it.rel)$rel="$it.rel$"$endif$
10>
11 <link class="u-url" itemprop="url" href="$it.url.full$" />
12 <link itemprop="thumbnailUrl" href="$it.thumbnail.full$" />
6 13
7 <div class="c-card__row l-media l-media--flush"> 14 <div class="c-card__row l-media l-media--flush">
8 <div class="c-card__thumbnail"> 15 <div class="c-card__thumbnail">
9 <img 16 <img
10 class="c-card__thumbnail-img" 17 class="c-card__thumbnail-img"
11 src="$it.thumbnail.rel$" 18 src="$it.thumbnail.rel$"
12 alt="Preview thumbnail of &quot;$it.title$&quot;" 19 alt="Preview thumbnail of &quot;$it.title$&quot;"
13 loading="lazy" 20 loading="lazy"
14 /> 21 />
15 </div>
16 </div> 22 </div>
17 <div class="c-card__row l-media c-card__row--hidden"> 23 </div>
18 $if(it.indicator)$ 24 <div class="c-card__row l-media c-card__row--hidden">
19 <div class="c-card__indicator l-media__block"></div> 25 $if(it.indicator)$
20 $endif$ 26 <div class="c-card__indicator l-media__block"></div>
21 $if(it.icon)$ 27 $endif$
22 <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true"> 28 $if(it.icon)$
23 <use href="/icons.svg#$it.icon$"></use> 29 <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true">
24 </svg> 30 <use href="/icons.svg#$it.icon$"></use>
25 $endif$ 31 </svg>
26 <div class="l-media__block l-media__block--main"> 32 $endif$
27 $if(it.subtitle)$ 33 <div class="l-media__block l-media__block--main">
28 <strong class="u-d-block u-elp" itemprop="name headline">$it.title$</strong> 34 $if(it.subtitle)$
29 <small class="u-d-block u-elp p-name">$it.subtitle$</small> 35 <strong class="u-d-block u-elp" itemprop="name headline">$it.title$</strong>
30 $elseif(it.category)$ 36 <small class="u-d-block u-elp p-name">$it.subtitle$</small>
31 <small class="u-d-block u-elp">$it.category$</small> 37 $elseif(it.category)$
32 <strong class="u-d-block u-elp p-name" itemprop="name headline">$it.title$</strong> 38 <small class="u-d-block u-elp">$it.category$</small>
33 $elseif(it.date)$ 39 <strong class="u-d-block u-elp p-name" itemprop="name headline">$it.title$</strong>
34 <time datetime="$it.date.yyyy_mm_dd$" itemprop="dateCreated"> 40 $elseif(it.date)$
35 <small class="u-d-none@sm-hi"> 41 <time datetime="$it.date.yyyy_mm_dd$" itemprop="dateCreated">
36 $it.date.short$ 42 <small class="u-d-none@sm-hi">
37 </small> 43 $it.date.short$
38 <small class="u-d-none@sm-lo"> 44 </small>
39 $it.date.long$ 45 <small class="u-d-none@sm-lo">
40 </small> 46 $it.date.long$
41 </time> 47 </small>
42 <strong class="u-d-block u-elp p-name" itemprop="name headline">$it.title$</strong> 48 </time>
43 $else$ 49 <strong class="u-d-block u-elp p-name" itemprop="name headline">$it.title$</strong>
44 <span class="p-name" itemprop="name headline"> 50 $else$
45 $it.title$ 51 <span class="p-name" itemprop="name headline">
46 </span> 52 $it.title$
47 $endif$ 53 </span>
48 </div>
49 $if(it.post_icon)$
50 <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true">
51 <use href="/icons.svg#$it.post_icon$"></use>
52 </svg>
53 $endif$ 54 $endif$
54 </div> 55 </div>
55 </a> 56 $if(it.post_icon)$
57 <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true">
58 <use href="/icons.svg#$it.post_icon$"></use>
59 </svg>
60 $endif$
61 </div>
62</a>
56$endif$ 63$endif$
57$endif$ 64$endif$