summaryrefslogtreecommitdiffstats
path: root/templates/partials
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2022-06-11 09:44:04 +0200
committerVolpeon <git@volpeon.ink>2022-06-11 09:44:04 +0200
commit575278aba99139635adc3b1f9385befe57102541 (patch)
treed98a160167610717da37f6340b3884ba4224fe5d /templates/partials
parentUpdate (diff)
downloadvolpeon.ink-575278aba99139635adc3b1f9385befe57102541.tar.gz
volpeon.ink-575278aba99139635adc3b1f9385befe57102541.tar.bz2
volpeon.ink-575278aba99139635adc3b1f9385befe57102541.zip
Re-implemented design via iro-design
Diffstat (limited to 'templates/partials')
-rw-r--r--templates/partials/gallery_card.html26
-rw-r--r--templates/partials/grid_card.html24
-rw-r--r--templates/partials/list_card.html20
3 files changed, 35 insertions, 35 deletions
diff --git a/templates/partials/gallery_card.html b/templates/partials/gallery_card.html
index aa641da..386843f 100644
--- a/templates/partials/gallery_card.html
+++ b/templates/partials/gallery_card.html
@@ -1,7 +1,7 @@
1$if(it.url)$ 1$if(it.url)$
2$if(it.thumbnail)$ 2$if(it.thumbnail)$
3 <a href="$it.url.rel$" class="l-card-list__card c-card"> 3 <a href="$it.url.rel$" class="l-card-list__card c-card">
4 <div class="c-card__row c-card__row--flush"> 4 <div class="c-card__row l-media l-media--flush">
5 <div class="c-card__thumbnail"> 5 <div class="c-card__thumbnail">
6 <img 6 <img
7 class="c-card__thumbnail-img" 7 class="c-card__thumbnail-img"
@@ -11,38 +11,38 @@ $if(it.thumbnail)$
11 /> 11 />
12 </div> 12 </div>
13 </div> 13 </div>
14 <div class="c-card__row c-card__row--hidden"> 14 <div class="c-card__row l-media c-card__row--hidden">
15 $if(it.indicator)$ 15 $if(it.indicator)$
16 <div class="c-card__block c-card__block--indicator"></div> 16 <div class="c-card__indicator l-media__block"></div>
17 $endif$ 17 $endif$
18 $if(it.icon)$ 18 $if(it.icon)$
19 <svg class="c-card__block o-icon" width="1em" height="1em" aria-hidden="true"> 19 <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true">
20 <use href="/symbols.svg#icon-$it.icon$"></use> 20 <use href="/symbols.svg#icon-$it.icon$"></use>
21 </svg> 21 </svg>
22 $endif$ 22 $endif$
23 <div class="c-card__block c-card__block--main"> 23 <div class="l-media__block l-media__block--main">
24 $if(it.subtitle)$ 24 $if(it.subtitle)$
25 <strong class="u-db u-elp">$it.title$</strong> 25 <strong class="u-d-block u-elp">$it.title$</strong>
26 <small class="u-db u-elp">$it.subtitle$</small> 26 <small class="u-d-block u-elp">$it.subtitle$</small>
27 $elseif(it.category)$ 27 $elseif(it.category)$
28 <small class="u-db u-elp">$it.category$</small> 28 <small class="u-d-block u-elp">$it.category$</small>
29 <strong class="u-db u-elp">$it.title$</strong> 29 <strong class="u-d-block u-elp">$it.title$</strong>
30 $elseif(it.date)$ 30 $elseif(it.date)$
31 <time datetime="$it.date.yyyy_mm_dd$"> 31 <time datetime="$it.date.yyyy_mm_dd$">
32 <small class="u-dn@sm-hi"> 32 <small class="u-d-none@sm-hi">
33 $it.date.short$ 33 $it.date.short$
34 </small> 34 </small>
35 <small class="u-dn@sm-lo"> 35 <small class="u-d-none@sm-lo">
36 $it.date.long$ 36 $it.date.long$
37 </small> 37 </small>
38 </time> 38 </time>
39 <strong class="u-db u-elp">$it.title$</strong> 39 <strong class="u-d-block u-elp">$it.title$</strong>
40 $else$ 40 $else$
41 $it.title$ 41 $it.title$
42 $endif$ 42 $endif$
43 </div> 43 </div>
44 $if(it.post_icon)$ 44 $if(it.post_icon)$
45 <svg class="c-card__block o-icon" width="1em" height="1em" aria-hidden="true"> 45 <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true">
46 <use href="/symbols.svg#icon-$it.post_icon$"></use> 46 <use href="/symbols.svg#icon-$it.post_icon$"></use>
47 </svg> 47 </svg>
48 $endif$ 48 $endif$
diff --git a/templates/partials/grid_card.html b/templates/partials/grid_card.html
index 1b7c000..b3763e4 100644
--- a/templates/partials/grid_card.html
+++ b/templates/partials/grid_card.html
@@ -1,37 +1,37 @@
1$if(it.url)$ 1$if(it.url)$
2 <a href="$it.url.rel$" class="l-card-list__card c-card"> 2 <a href="$it.url.rel$" class="l-card-list__card c-card">
3 <div class="c-card__row"> 3 <div class="c-card__row l-media">
4 $if(it.indicator)$ 4 $if(it.indicator)$
5 <div class="c-card__block c-card__block--indicator"></div> 5 <div class="c-card__indicator l-media__block"></div>
6 $endif$ 6 $endif$
7 $if(it.icon)$ 7 $if(it.icon)$
8 <svg class="c-card__block o-icon" width="1em" height="1em" aria-hidden="true"> 8 <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true">
9 <use href="/symbols.svg#icon-$it.icon$"></use> 9 <use href="/symbols.svg#icon-$it.icon$"></use>
10 </svg> 10 </svg>
11 $endif$ 11 $endif$
12 <div class="c-card__block c-card__block--main"> 12 <div class="l-media__block l-media__block--main">
13 $if(it.subtitle)$ 13 $if(it.subtitle)$
14 <strong class="u-db u-elp">$it.title$</strong> 14 <strong class="u-d-block u-elp">$it.title$</strong>
15 <small class="u-db u-elp">$it.subtitle$</small> 15 <small class="u-d-block u-elp">$it.subtitle$</small>
16 $elseif(it.category)$ 16 $elseif(it.category)$
17 <small class="u-db u-elp">$it.category$</small> 17 <small class="u-d-block u-elp">$it.category$</small>
18 <strong class="u-db u-elp">$it.title$</strong> 18 <strong class="u-d-block u-elp">$it.title$</strong>
19 $elseif(it.date)$ 19 $elseif(it.date)$
20 <time datetime="$it.date.yyyy_mm_dd$"> 20 <time datetime="$it.date.yyyy_mm_dd$">
21 <small class="u-dn@sm-hi"> 21 <small class="u-d-none@sm-hi">
22 $it.date.short$ 22 $it.date.short$
23 </small> 23 </small>
24 <small class="u-dn@sm-lo"> 24 <small class="u-d-none@sm-lo">
25 $it.date.long$ 25 $it.date.long$
26 </small> 26 </small>
27 </time> 27 </time>
28 <strong class="u-db u-elp">$it.title$</strong> 28 <strong class="u-d-block u-elp">$it.title$</strong>
29 $else$ 29 $else$
30 $it.title$ 30 $it.title$
31 $endif$ 31 $endif$
32 </div> 32 </div>
33 $if(it.post_icon)$ 33 $if(it.post_icon)$
34 <svg class="c-card__block o-icon" width="1em" height="1em" aria-hidden="true"> 34 <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true">
35 <use href="/symbols.svg#icon-$it.post_icon$"></use> 35 <use href="/symbols.svg#icon-$it.post_icon$"></use>
36 </svg> 36 </svg>
37 $endif$ 37 $endif$
diff --git a/templates/partials/list_card.html b/templates/partials/list_card.html
index ef52cf4..af17725 100644
--- a/templates/partials/list_card.html
+++ b/templates/partials/list_card.html
@@ -1,41 +1,41 @@
1$if(it.url)$ 1$if(it.url)$
2 <a href="$it.url.rel$" class="l-card-list__card c-card"> 2 <a href="$it.url.rel$" class="l-card-list__card c-card">
3 <div class="c-card__row"> 3 <div class="c-card__row l-media">
4 $if(it.indicator)$ 4 $if(it.indicator)$
5 <div class="c-card__block c-card__block--indicator"></div> 5 <div class="c-card__indicator l-media__block"></div>
6 $endif$ 6 $endif$
7 $if(it.icon)$ 7 $if(it.icon)$
8 <svg class="c-card__block o-icon" width="1em" height="1em" aria-hidden="true"> 8 <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true">
9 <use href="/symbols.svg#icon-$it.icon$"></use> 9 <use href="/symbols.svg#icon-$it.icon$"></use>
10 </svg> 10 </svg>
11 $endif$ 11 $endif$
12 <div class="c-card__block c-card__block--main"> 12 <div class="l-media__block l-media__block--main">
13 $it.title$ 13 $it.title$
14 </div> 14 </div>
15 $if(it.subtitle)$ 15 $if(it.subtitle)$
16 <div class="c-card__block u-fs0"> 16 <div class="l-media__block u-fs0">
17 <small> 17 <small>
18 $it.subtitle$ 18 $it.subtitle$
19 </small> 19 </small>
20 </div> 20 </div>
21 $elseif(it.category)$ 21 $elseif(it.category)$
22 <div class="c-card__block u-fs0"> 22 <div class="l-media__block u-fs0">
23 <small> 23 <small>
24 $it.category$ 24 $it.category$
25 </small> 25 </small>
26 </div> 26 </div>
27 $elseif(it.date)$ 27 $elseif(it.date)$
28 <time datetime="$it.date.yyyy_mm_dd$" class="c-card__block u-fs0"> 28 <time datetime="$it.date.yyyy_mm_dd$" class="l-media__block u-fs0">
29 <small class="u-dn@sm-hi"> 29 <small class="u-d-none@sm-hi">
30 $it.date.short$ 30 $it.date.short$
31 </small> 31 </small>
32 <small class="u-dn@sm-lo"> 32 <small class="u-d-none@sm-lo">
33 $it.date.long$ 33 $it.date.long$
34 </small> 34 </small>
35 </time> 35 </time>
36 $endif$ 36 $endif$
37 $if(it.post_icon)$ 37 $if(it.post_icon)$
38 <svg class="c-card__block o-icon" width="1em" height="1em" aria-hidden="true"> 38 <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true">
39 <use href="/symbols.svg#icon-$it.post_icon$"></use> 39 <use href="/symbols.svg#icon-$it.post_icon$"></use>
40 </svg> 40 </svg>
41 $endif$ 41 $endif$
generated by cgit v1.2.3-54-g00ecf (git 2.44.0) at 2024-06-29 08:47:12 +0000