diff options
Diffstat (limited to 'templates/partials/gallery_card.html')
-rw-r--r-- | templates/partials/gallery_card.html | 52 |
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> |