summaryrefslogtreecommitdiffstats
path: root/templates
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2022-07-28 11:30:55 +0200
committerVolpeon <git@volpeon.ink>2022-07-28 11:30:55 +0200
commitab5e589a8559eda788a619bf76d67b40d6b8db55 (patch)
tree8d32076f36e40234ef16751681d96e69fe0074fd /templates
parentFix blobfox hashes (diff)
downloadvolpeon.ink-ab5e589a8559eda788a619bf76d67b40d6b8db55.tar.gz
volpeon.ink-ab5e589a8559eda788a619bf76d67b40d6b8db55.tar.bz2
volpeon.ink-ab5e589a8559eda788a619bf76d67b40d6b8db55.zip
Improved draft badge
Diffstat (limited to 'templates')
-rw-r--r--templates/partials/gallery_card.html28
-rw-r--r--templates/partials/grid_card.html23
-rw-r--r--templates/partials/list_card.html23
3 files changed, 48 insertions, 26 deletions
diff --git a/templates/partials/gallery_card.html b/templates/partials/gallery_card.html
index e319fa4..f040952 100644
--- a/templates/partials/gallery_card.html
+++ b/templates/partials/gallery_card.html
@@ -1,4 +1,3 @@
1$if(it.url)$
2$if(it.thumbnail)$ 1$if(it.thumbnail)$
3<a 2<a
4 href="$it.url.rel$" 3 href="$it.url.rel$"
@@ -29,27 +28,39 @@ $if(it.thumbnail)$
29 <use href="$assets.icons_svg$#$it.icon$"></use> 28 <use href="$assets.icons_svg$#$it.icon$"></use>
30 </svg> 29 </svg>
31 $endif$ 30 $endif$
31 $if(it.draft)$
32 <div class="l-media__block">
33 <span class="o-badge">Draft</span>
34 </div>
35 $endif$
32 <div class="l-media__block l-media__block--main"> 36 <div class="l-media__block l-media__block--main">
33 $if(it.draft)$ 37 $if(it.subtitle)$
34 <strong class="u-d-block">$it.title$</strong> 38 <div>
35 <div><span class="o-badge">Draft</span></div> 39 <strong>$it.title$</strong>
36 $elseif(it.subtitle)$ 40 $if(it.draft)$<span class="o-badge u-ml-100">Draft</span>$endif$
37 <strong class="u-d-block">$it.title$</strong> 41 </div>
38 <small class="u-d-block">$it.subtitle$</small> 42 <small class="u-d-block">$it.subtitle$</small>
39 $elseif(it.category)$ 43 $elseif(it.category)$
40 <small class="u-d-block">$it.category$</small> 44 <small class="u-d-block">$it.category$</small>
41 <strong class="u-d-block">$it.title$</strong> 45 <div>
46 <strong>$it.title$</strong>
47 $if(it.draft)$<span class="o-badge u-ml-100">Draft</span>$endif$
48 </div>
42 $elseif(it.show_date)$ 49 $elseif(it.show_date)$
43 <small class="u-d-block"> 50 <small class="u-d-block">
44 <time datetime="$it.last_update.yyyy_mm_dd$" itemprop="dateCreated"> 51 <time datetime="$it.last_update.yyyy_mm_dd$" itemprop="dateCreated">
45 $it.last_update.long$ 52 $it.last_update.long$
46 </time> 53 </time>
47 </small> 54 </small>
48 <strong class="u-d-block">$it.title$</strong> 55 <div>
56 <strong>$it.title$</strong>
57 $if(it.draft)$<span class="o-badge u-ml-100">Draft</span>$endif$
58 </div>
49 $else$ 59 $else$
50 <span class="p-name" itemprop="name headline"> 60 <span class="p-name" itemprop="name headline">
51 $it.title$ 61 $it.title$
52 </span> 62 </span>
63 $if(it.draft)$<span class="o-badge u-ml-100">Draft</span>$endif$
53 $endif$ 64 $endif$
54 </div> 65 </div>
55 $if(it.post_icon)$ 66 $if(it.post_icon)$
@@ -60,4 +71,3 @@ $if(it.thumbnail)$
60 </div> 71 </div>
61</a> 72</a>
62$endif$ 73$endif$
63$endif$
diff --git a/templates/partials/grid_card.html b/templates/partials/grid_card.html
index 8b65320..ab6dbbc 100644
--- a/templates/partials/grid_card.html
+++ b/templates/partials/grid_card.html
@@ -1,4 +1,3 @@
1$if(it.url)$
2<a 1<a
3 href="$it.url.rel$" 2 href="$it.url.rel$"
4 class="l-card-list__card c-card h-entry" 3 class="l-card-list__card c-card h-entry"
@@ -17,26 +16,33 @@ $if(it.url)$
17 </svg> 16 </svg>
18 $endif$ 17 $endif$
19 <div class="l-media__block l-media__block--main"> 18 <div class="l-media__block l-media__block--main">
20 $if(it.draft)$ 19 $if(it.subtitle)$
21 <strong class="u-d-block">$it.title$</strong> 20 <div>
22 <div><span class="o-badge">Draft</span></div> 21 <strong>$it.title$</strong>
23 $elseif(it.subtitle)$ 22 $if(it.draft)$<span class="o-badge u-ml-100">Draft</span>$endif$
24 <strong class="u-d-block">$it.title$</strong> 23 </div>
25 <small class="u-d-block">$it.subtitle$</small> 24 <small class="u-d-block">$it.subtitle$</small>
26 $elseif(it.category)$ 25 $elseif(it.category)$
27 <small class="u-d-block">$it.category$</small> 26 <small class="u-d-block">$it.category$</small>
28 <strong class="u-d-block">$it.title$</strong> 27 <div>
28 <strong>$it.title$</strong>
29 $if(it.draft)$<span class="o-badge u-ml-100">Draft</span>$endif$
30 </div>
29 $elseif(it.show_date)$ 31 $elseif(it.show_date)$
30 <small class="u-d-block"> 32 <small class="u-d-block">
31 <time datetime="$it.last_update.yyyy_mm_dd$" itemprop="dateCreated"> 33 <time datetime="$it.last_update.yyyy_mm_dd$" itemprop="dateCreated">
32 $it.last_update.long$ 34 $it.last_update.long$
33 </time> 35 </time>
34 </small> 36 </small>
35 <strong class="u-d-block">$it.title$</strong> 37 <div>
38 <strong>$it.title$</strong>
39 $if(it.draft)$<span class="o-badge u-ml-100">Draft</span>$endif$
40 </div>
36 $else$ 41 $else$
37 <span class="p-name" itemprop="name headline"> 42 <span class="p-name" itemprop="name headline">
38 $it.title$ 43 $it.title$
39 </span> 44 </span>
45 $if(it.draft)$<span class="o-badge u-ml-100">Draft</span>$endif$
40 $endif$ 46 $endif$
41 </div> 47 </div>
42 $if(it.post_icon)$ 48 $if(it.post_icon)$
@@ -46,4 +52,3 @@ $if(it.url)$
46 $endif$ 52 $endif$
47 </div> 53 </div>
48</a> 54</a>
49$endif$
diff --git a/templates/partials/list_card.html b/templates/partials/list_card.html
index 0695eed..a89193a 100644
--- a/templates/partials/list_card.html
+++ b/templates/partials/list_card.html
@@ -1,4 +1,3 @@
1$if(it.url)$
2<a 1<a
3 href="$it.url.rel$" 2 href="$it.url.rel$"
4 class="l-card-list__card c-card h-entry" 3 class="l-card-list__card c-card h-entry"
@@ -19,27 +18,36 @@ $if(it.url)$
19 <div class="l-media__block l-media__block--main u-d-none@sm-hi"> 18 <div class="l-media__block l-media__block--main u-d-none@sm-hi">
20 $if(it.subtitle)$ 19 $if(it.subtitle)$
21 <small class="u-d-block">$it.subtitle$</small> 20 <small class="u-d-block">$it.subtitle$</small>
22 <strong class="u-d-block">$it.title$</strong> 21 <div>
22 <strong>$it.title$</strong>
23 $if(it.draft)$<span class="o-badge u-ml-100">Draft</span>$endif$
24 </div>
23 $elseif(it.category)$ 25 $elseif(it.category)$
24 <small class="u-d-block">$it.category$</small> 26 <small class="u-d-block">$it.category$</small>
25 <strong class="u-d-block">$it.title$</strong> 27 <div>
28 <strong>$it.title$</strong>
29 $if(it.draft)$<span class="o-badge u-ml-100">Draft</span>$endif$
30 </div>
26 $elseif(it.last_update)$ 31 $elseif(it.last_update)$
27 <small> 32 <small>
28 <time datetime="$it.last_update.yyyy_mm_dd$">$it.last_update.long$</time> 33 <time datetime="$it.last_update.yyyy_mm_dd$">$it.last_update.long$</time>
29 </small> 34 </small>
30 <strong class="u-d-block">$it.title$</strong> 35 <div>
36 <strong>$it.title$</strong>
37 $if(it.draft)$<span class="o-badge u-ml-100">Draft</span>$endif$
38 </div>
31 $else$ 39 $else$
32 <span class="p-name" itemprop="name headline"> 40 <span class="p-name" itemprop="name headline">
33 $it.title$ 41 $it.title$
34 </span> 42 </span>
43 $if(it.draft)$<span class="o-badge u-ml-100">Draft</span>$endif$
35 $endif$ 44 $endif$
36 </div> 45 </div>
37 <div class="l-media__block l-media__block--main u-d-none@sm-lo"> 46 <div class="l-media__block l-media__block--main u-d-none@sm-lo">
38 $it.title$ 47 $it.title$
48 $if(it.draft)$<span class="o-badge u-ml-100">Draft</span>$endif$
39 </div> 49 </div>
40 $if(it.draft)$ 50 $if(it.subtitle)$
41 <div class="l-media__block u-d-none@sm-lo"><span class="o-badge">Draft</span></div>
42 $elseif(it.subtitle)$
43 <small class="l-media__block u-d-none@sm-lo">$it.subtitle$</small> 51 <small class="l-media__block u-d-none@sm-lo">$it.subtitle$</small>
44 $elseif(it.category)$ 52 $elseif(it.category)$
45 <small class="l-media__block u-d-none@sm-lo">$it.category$</small> 53 <small class="l-media__block u-d-none@sm-lo">$it.category$</small>
@@ -57,4 +65,3 @@ $if(it.url)$
57 $endif$ 65 $endif$
58 </div> 66 </div>
59</a> 67</a>
60$endif$