diff options
author | Volpeon <git@volpeon.ink> | 2022-06-12 13:18:46 +0200 |
---|---|---|
committer | Volpeon <git@volpeon.ink> | 2022-06-12 13:18:46 +0200 |
commit | 68dc5757b3a395ba89dfcc81103a5fbd31f03b2c (patch) | |
tree | 1810595c1811cb50fe9a0f6116bf64f29e289d7d /templates | |
parent | Fixed list, updated fonts, fixed source wrapping (diff) | |
download | volpeon.ink-68dc5757b3a395ba89dfcc81103a5fbd31f03b2c.tar.gz volpeon.ink-68dc5757b3a395ba89dfcc81103a5fbd31f03b2c.tar.bz2 volpeon.ink-68dc5757b3a395ba89dfcc81103a5fbd31f03b2c.zip |
Better list layouts, added 'random' link for Fediring
Diffstat (limited to 'templates')
-rw-r--r-- | templates/layouts/categorized_list.html | 10 | ||||
-rw-r--r-- | templates/layouts/list.html | 8 | ||||
-rw-r--r-- | templates/partials/small_gallery_card.html | 39 |
3 files changed, 12 insertions, 45 deletions
diff --git a/templates/layouts/categorized_list.html b/templates/layouts/categorized_list.html index e8466f7..3fabd16 100644 --- a/templates/layouts/categorized_list.html +++ b/templates/layouts/categorized_list.html | |||
@@ -30,11 +30,13 @@ $body$ | |||
30 | $endif$ | 30 | $endif$ |
31 | </header> | 31 | </header> |
32 | <div class="l-card-list__cards l-card-list__cards--$it.layout.id$"> | 32 | <div class="l-card-list__cards l-card-list__cards--$it.layout.id$"> |
33 | $if(it.layout.is_grid)$ | 33 | $if(it.layout.is_grid-2)$ |
34 | $it.items:partials/grid_card()$ | 34 | $it.items:partials/grid_card()$ |
35 | $elseif(it.layout.is_small-gallery)$ | 35 | $elseif(it.layout.is_grid-3)$ |
36 | $it.items:partials/small_gallery_card()$ | 36 | $it.items:partials/grid_card()$ |
37 | $elseif(it.layout.is_gallery)$ | 37 | $elseif(it.layout.is_gallery-2)$ |
38 | $it.items:partials/gallery_card()$ | ||
39 | $elseif(it.layout.is_gallery-3)$ | ||
38 | $it.items:partials/gallery_card()$ | 40 | $it.items:partials/gallery_card()$ |
39 | $else$ | 41 | $else$ |
40 | $it.items:partials/list_card()$ | 42 | $it.items:partials/list_card()$ |
diff --git a/templates/layouts/list.html b/templates/layouts/list.html index 88102b9..ebbc2d4 100644 --- a/templates/layouts/list.html +++ b/templates/layouts/list.html | |||
@@ -7,9 +7,13 @@ $body$ | |||
7 | 7 | ||
8 | <div class="l-card-list"> | 8 | <div class="l-card-list"> |
9 | <div class="l-card-list__cards l-card-list__cards--$list_layout.id$"> | 9 | <div class="l-card-list__cards l-card-list__cards--$list_layout.id$"> |
10 | $if(list_layout.is_grid)$ | 10 | $if(list_layout.is_grid-2)$ |
11 | $list:partials/grid_card()$ | 11 | $list:partials/grid_card()$ |
12 | $elseif(list_layout.is_gallery)$ | 12 | $elseif(list_layout.is_grid-3)$ |
13 | $list:partials/grid_card()$ | ||
14 | $elseif(list_layout.is_gallery-2)$ | ||
15 | $list:partials/gallery_card()$ | ||
16 | $elseif(list_layout.is_gallery-3)$ | ||
13 | $list:partials/gallery_card()$ | 17 | $list:partials/gallery_card()$ |
14 | $else$ | 18 | $else$ |
15 | $list:partials/list_card()$ | 19 | $list:partials/list_card()$ |
diff --git a/templates/partials/small_gallery_card.html b/templates/partials/small_gallery_card.html deleted file mode 100644 index 921d612..0000000 --- a/templates/partials/small_gallery_card.html +++ /dev/null | |||
@@ -1,39 +0,0 @@ | |||
1 | $if(it.url)$ | ||
2 | $if(it.thumbnail)$ | ||
3 | <a href="$it.url.rel$" class="l-card-list__card c-card"> | ||
4 | <div class="c-card__row l-media l-media--flush"> | ||
5 | <div class="c-card__thumbnail"> | ||
6 | <img | ||
7 | class="c-card__thumbnail-img" | ||
8 | src="$it.thumbnail.rel$" | ||
9 | alt="Preview thumbnail of "$it.title$"" | ||
10 | loading="lazy" | ||
11 | /> | ||
12 | </div> | ||
13 | </div> | ||
14 | <div class="c-card__row l-media c-card__row--hidden"> | ||
15 | <div class="l-media__block l-media__block--main"> | ||
16 | $if(it.subtitle)$ | ||
17 | <strong class="u-d-block u-elp">$it.title$</strong> | ||
18 | <small class="u-d-block u-elp">$it.subtitle$</small> | ||
19 | $elseif(it.category)$ | ||
20 | <small class="u-d-block u-elp">$it.category$</small> | ||
21 | <strong class="u-d-block u-elp">$it.title$</strong> | ||
22 | $elseif(it.date)$ | ||
23 | <time datetime="$it.date.yyyy_mm_dd$"> | ||
24 | <small class="u-d-none@sm-hi"> | ||
25 | $it.date.short$ | ||
26 | </small> | ||
27 | <small class="u-d-none@sm-lo"> | ||
28 | $it.date.long$ | ||
29 | </small> | ||
30 | </time> | ||
31 | <strong class="u-d-block u-elp">$it.title$</strong> | ||
32 | $else$ | ||
33 | $it.title$ | ||
34 | $endif$ | ||
35 | </div> | ||
36 | </div> | ||
37 | </a> | ||
38 | $endif$ | ||
39 | $endif$ | ||