summaryrefslogtreecommitdiffstats
path: root/templates/partials/grid_card.html
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2022-08-23 14:07:20 +0200
committerVolpeon <git@volpeon.ink>2022-08-23 14:07:20 +0200
commit7c655a95058aa753355251eb78b83d31d44972ab (patch)
tree9024a3d991727d1f10f99d62497bdd5228e01640 /templates/partials/grid_card.html
parentUpdate (diff)
downloadvolpeon.ink-7c655a95058aa753355251eb78b83d31d44972ab.tar.gz
volpeon.ink-7c655a95058aa753355251eb78b83d31d44972ab.tar.bz2
volpeon.ink-7c655a95058aa753355251eb78b83d31d44972ab.zip
Better navigation of related content
Diffstat (limited to 'templates/partials/grid_card.html')
-rw-r--r--templates/partials/grid_card.html76
1 files changed, 40 insertions, 36 deletions
diff --git a/templates/partials/grid_card.html b/templates/partials/grid_card.html
index 9a0b06e..e75fa51 100644
--- a/templates/partials/grid_card.html
+++ b/templates/partials/grid_card.html
@@ -9,38 +9,45 @@
9 $endif$ 9 $endif$
10> 10>
11 <div class="c-card__row l-media"> 11 <div class="c-card__row l-media">
12 $if(it.indicator)$ 12 $if(it.is_prev)$
13 <div class="c-card__indicator l-media__block"></div> 13 <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true">
14 $endif$ 14 <use href="$assets.icons_svg$#arrow-left"></use>
15 $if(it.icon)$ 15 </svg>
16 $elseif(it.is_next)$
17 <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true">
18 <use href="$assets.icons_svg$#blank"></use>
19 </svg>
20 $elseif(it.icon)$
16 <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true"> 21 <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true">
17 <use href="$assets.icons_svg$#$it.icon$"></use> 22 <use href="$assets.icons_svg$#$it.icon$"></use>
18 </svg> 23 </svg>
24 $elseif(it.indicator)$
25 <div class="c-card__indicator l-media__block"></div>
19 $endif$ 26 $endif$
20 <div class="l-media__block l-media__block--main"> 27 <div class="l-media__block l-media__block--main">
21 $if(it.subtitle)$ 28 $if(it.is_prev)$
29 <small class="u-d-block">Previous</small>
22 <div> 30 <div>
23 <strong class="p-name" itemprop="name headline"> 31 <strong class="p-name" itemprop="name headline">$it.title$</strong>
24 $it.title$ 32 $if(it.draft)$<span class="o-badge u-ml-100">Draft</span>$endif$
25 </strong>
26 $if(it.draft)$
27 <span class="o-badge u-ml-100">Draft</span>
28 $endif$
29 </div> 33 </div>
30 <small class="u-d-block"> 34 $elseif(it.is_next)$
31 $it.subtitle$ 35 <small class="u-d-block">Next</small>
32 </small> 36 <div>
37 <strong class="p-name" itemprop="name headline">$it.title$</strong>
38 $if(it.draft)$<span class="o-badge u-ml-100">Draft</span>$endif$
39 </div>
40 $elseif(it.subtitle)$
41 <div>
42 <strong class="p-name" itemprop="name headline">$it.title$</strong>
43 $if(it.draft)$<span class="o-badge u-ml-100">Draft</span>$endif$
44 </div>
45 <small class="u-d-block">$it.subtitle$</small>
33 $elseif(it.category)$ 46 $elseif(it.category)$
34 <small class="u-d-block"> 47 <small class="u-d-block">$it.category$</small>
35 $it.category$
36 </small>
37 <div> 48 <div>
38 <strong class="p-name" itemprop="name headline"> 49 <strong class="p-name" itemprop="name headline">$it.title$</strong>
39 $it.title$ 50 $if(it.draft)$<span class="o-badge u-ml-100">Draft</span>$endif$
40 </strong>
41 $if(it.draft)$
42 <span class="o-badge u-ml-100">Draft</span>
43 $endif$
44 </div> 51 </div>
45 $elseif(it.show_date)$ 52 $elseif(it.show_date)$
46 <small class="u-d-block"> 53 <small class="u-d-block">
@@ -49,23 +56,20 @@
49 </time> 56 </time>
50 </small> 57 </small>
51 <div> 58 <div>
52 <strong class="p-name" itemprop="name headline"> 59 <strong class="p-name" itemprop="name headline">$it.title$</strong>
53 $it.title$ 60 $if(it.draft)$<span class="o-badge u-ml-100">Draft</span>$endif$
54 </strong>
55 $if(it.draft)$
56 <span class="o-badge u-ml-100">Draft</span>
57 $endif$
58 </div> 61 </div>
59 $else$ 62 $else$
60 <span class="p-name" itemprop="name headline"> 63 <span class="p-name" itemprop="name headline">$it.title$</span>
61 $it.title$ 64 $if(it.draft)$<span class="o-badge u-ml-100">Draft</span>$endif$
62 </span>
63 $if(it.draft)$
64 <span class="o-badge u-ml-100">Draft</span>
65 $endif$
66 $endif$ 65 $endif$
67 </div> 66 </div>
68 $if(it.post_icon)$ 67 $if(it.is_next)$
68 <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true">
69 <use href="$assets.icons_svg$#arrow-right"></use>
70 </svg>
71 $elseif(it.is_prev)$
72 $elseif(it.post_icon)$
69 <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true"> 73 <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true">
70 <use href="$assets.icons_svg$#$it.post_icon$"></use> 74 <use href="$assets.icons_svg$#$it.post_icon$"></use>
71 </svg> 75 </svg>