summaryrefslogtreecommitdiffstats
path: root/templates/partials/gallery_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/gallery_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/gallery_card.html')
-rw-r--r--templates/partials/gallery_card.html52
1 files changed, 34 insertions, 18 deletions
diff --git a/templates/partials/gallery_card.html b/templates/partials/gallery_card.html
index 38daa0e..6802faa 100644
--- a/templates/partials/gallery_card.html
+++ b/templates/partials/gallery_card.html
@@ -19,30 +19,47 @@
19 /> 19 />
20 </div> 20 </div>
21 </div> 21 </div>
22
22 <div class="c-card__row l-media c-card__row--hidden"> 23 <div class="c-card__row l-media c-card__row--hidden">
23 $if(it.indicator)$ 24 $if(it.indicator)$
24 <div class="c-card__indicator l-media__block"></div> 25 <div class="c-card__indicator l-media__block"></div>
25 $endif$ 26 $endif$
26 $if(it.icon)$ 27 $if(it.is_prev)$
28 <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true">
29 <use href="$assets.icons_svg$#arrow-left"></use>
30 </svg>
31 $elseif(it.is_next)$
32 <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true">
33 <use href="$assets.icons_svg$#blank"></use>
34 </svg>
35 $elseif(it.icon)$
27 <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true"> 36 <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true">
28 <use href="$assets.icons_svg$#$it.icon$"></use> 37 <use href="$assets.icons_svg$#$it.icon$"></use>
29 </svg> 38 </svg>
30 $endif$ 39 $endif$
31 <div class="l-media__block l-media__block--main"> 40 <div class="l-media__block l-media__block--main">
32 $if(it.subtitle)$ 41 $if(it.is_prev)$
42 <small class="u-d-block">Previous</small>
43 <div>
44 <strong class="p-name" itemprop="name headline">$it.title$</strong>
45 $if(it.draft)$<span class="o-badge u-ml-100">Draft</span>$endif$
46 </div>
47 $elseif(it.is_next)$
48 <small class="u-d-block">Next</small>
49 <div>
50 <strong class="p-name" itemprop="name headline">$it.title$</strong>
51 $if(it.draft)$<span class="o-badge u-ml-100">Draft</span>$endif$
52 </div>
53 $elseif(it.subtitle)$
33 <div> 54 <div>
34 <strong class="p-name" itemprop="name headline">$it.title$</strong> 55 <strong class="p-name" itemprop="name headline">$it.title$</strong>
35 $if(it.draft)$ 56 $if(it.draft)$
36 <span class="o-badge u-ml-100">Draft</span> 57 <span class="o-badge u-ml-100">Draft</span>
37 $endif$ 58 $endif$
38 </div> 59 </div>
39 <small class="u-d-block"> 60 <small class="u-d-block">$it.subtitle$</small>
40 $it.subtitle$
41 </small>
42 $elseif(it.category)$ 61 $elseif(it.category)$
43 <small class="u-d-block"> 62 <small class="u-d-block">$it.category$</small>
44 $it.category$
45 </small>
46 <div> 63 <div>
47 <strong class="p-name" itemprop="name headline"> 64 <strong class="p-name" itemprop="name headline">
48 $it.title$ 65 $it.title$
@@ -59,20 +76,19 @@
59 </small> 76 </small>
60 <div> 77 <div>
61 <strong class="p-name" itemprop="name headline">$it.title$</strong> 78 <strong class="p-name" itemprop="name headline">$it.title$</strong>
62 $if(it.draft)$ 79 $if(it.draft)$<span class="o-badge u-ml-100">Draft</span>$endif$
63 <span class="o-badge u-ml-100">Draft</span>
64 $endif$
65 </div> 80 </div>
66 $else$ 81 $else$
67 <span class="p-name" itemprop="name headline"> 82 <span class="p-name" itemprop="name headline">$it.title$</span>
68 $it.title$ 83 $if(it.draft)$<span class="o-badge u-ml-100">Draft</span>$endif$
69 </span>
70 $if(it.draft)$
71 <span class="o-badge u-ml-100">Draft</span>
72 $endif$
73 $endif$ 84 $endif$
74 </div> 85 </div>
75 $if(it.post_icon)$ 86 $if(it.is_next)$
87 <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true">
88 <use href="$assets.icons_svg$#arrow-right"></use>
89 </svg>
90 $elseif(it.is_prev)$
91 $elseif(it.post_icon)$
76 <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true"> 92 <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true">
77 <use href="$assets.icons_svg$#$it.post_icon$"></use> 93 <use href="$assets.icons_svg$#$it.post_icon$"></use>
78 </svg> 94 </svg>