diff options
author | Volpeon <git@volpeon.ink> | 2022-07-28 11:30:55 +0200 |
---|---|---|
committer | Volpeon <git@volpeon.ink> | 2022-07-28 11:30:55 +0200 |
commit | ab5e589a8559eda788a619bf76d67b40d6b8db55 (patch) | |
tree | 8d32076f36e40234ef16751681d96e69fe0074fd | |
parent | Fix blobfox hashes (diff) | |
download | volpeon.ink-ab5e589a8559eda788a619bf76d67b40d6b8db55.tar.gz volpeon.ink-ab5e589a8559eda788a619bf76d67b40d6b8db55.tar.bz2 volpeon.ink-ab5e589a8559eda788a619bf76d67b40d6b8db55.zip |
Improved draft badge
-rw-r--r-- | templates/partials/gallery_card.html | 28 | ||||
-rw-r--r-- | templates/partials/grid_card.html | 23 | ||||
-rw-r--r-- | templates/partials/list_card.html | 23 |
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$ | ||