summaryrefslogtreecommitdiffstats
path: root/templates/partials/grid_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/grid_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/grid_card.html')
-rw-r--r--templates/partials/grid_card.html85
1 files changed, 46 insertions, 39 deletions
diff --git a/templates/partials/grid_card.html b/templates/partials/grid_card.html
index afbea1f..a1afead 100644
--- a/templates/partials/grid_card.html
+++ b/templates/partials/grid_card.html
@@ -1,44 +1,51 @@
1$if(it.url)$ 1$if(it.url)$
2 <a href="$it.url.rel$" class="l-card-list__card c-card h-entry" itemprop="dataFeedElement" itemscope itemtype="https://schema.org/$it.schema_type$"> 2<a
3 <link class="u-url" itemprop="url" href="$it.url.full$" /> 3 href="$it.url.rel$"
4 class="l-card-list__card c-card h-entry"
5 itemprop="dataFeedElement"
6 itemscope
7 itemtype="https://schema.org/$it.schema_type$"
8 $if(it.rel)$rel="$it.rel$"$endif$
9>
10 <link class="u-url" itemprop="url" href="$it.url.full$" />
4 11
5 <div class="c-card__row l-media"> 12 <div class="c-card__row l-media">
6 $if(it.indicator)$ 13 $if(it.indicator)$
7 <div class="c-card__indicator l-media__block"></div> 14 <div class="c-card__indicator l-media__block"></div>
8 $endif$ 15 $endif$
9 $if(it.icon)$ 16 $if(it.icon)$
10 <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true"> 17 <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true">
11 <use href="/icons.svg#$it.icon$"></use> 18 <use href="/icons.svg#$it.icon$"></use>
12 </svg> 19 </svg>
13 $endif$ 20 $endif$
14 <div class="l-media__block l-media__block--main"> 21 <div class="l-media__block l-media__block--main">
15 $if(it.subtitle)$ 22 $if(it.subtitle)$
16 <strong class="u-d-block u-elp p-name" itemprop="name headline">$it.title$</strong> 23 <strong class="u-d-block u-elp p-name" itemprop="name headline">$it.title$</strong>
17 <small class="u-d-block u-elp">$it.subtitle$</small> 24 <small class="u-d-block u-elp">$it.subtitle$</small>
18 $elseif(it.category)$ 25 $elseif(it.category)$
19 <small class="u-d-block u-elp">$it.category$</small> 26 <small class="u-d-block u-elp">$it.category$</small>
20 <strong class="u-d-block u-elp p-name" itemprop="name headline">$it.title$</strong> 27 <strong class="u-d-block u-elp p-name" itemprop="name headline">$it.title$</strong>
21 $elseif(it.date)$ 28 $elseif(it.date)$
22 <time datetime="$it.date.yyyy_mm_dd$" itemprop="dateCreated"> 29 <time datetime="$it.date.yyyy_mm_dd$" itemprop="dateCreated">
23 <small class="u-d-none@sm-hi"> 30 <small class="u-d-none@sm-hi">
24 $it.date.short$ 31 $it.date.short$
25 </small> 32 </small>
26 <small class="u-d-none@sm-lo"> 33 <small class="u-d-none@sm-lo">
27 $it.date.long$ 34 $it.date.long$
28 </small> 35 </small>
29 </time> 36 </time>
30 <strong class="u-d-block u-elp p-name" itemprop="name headline">$it.title$</strong> 37 <strong class="u-d-block u-elp p-name" itemprop="name headline">$it.title$</strong>
31 $else$ 38 $else$
32 <span class="p-name" itemprop="name headline"> 39 <span class="p-name" itemprop="name headline">
33 $it.title$ 40 $it.title$
34 </span> 41 </span>
35 $endif$
36 </div>
37 $if(it.post_icon)$
38 <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true">
39 <use href="/icons.svg#$it.post_icon$"></use>
40 </svg>
41 $endif$ 42 $endif$
42 </div> 43 </div>
43 </a> 44 $if(it.post_icon)$
45 <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true">
46 <use href="/icons.svg#$it.post_icon$"></use>
47 </svg>
48 $endif$
49 </div>
50</a>
44$endif$ 51$endif$