summaryrefslogtreecommitdiffstats
path: root/templates
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2021-12-22 07:57:02 +0100
committerVolpeon <git@volpeon.ink>2021-12-22 07:57:02 +0100
commitfde3ebeb30424401555e0506100126004562c330 (patch)
tree42f1aa0d96cc38a57e44665faf07d190dc7cd955 /templates
parentRecompressed drawings (diff)
downloadvolpeon.ink-fde3ebeb30424401555e0506100126004562c330.tar.gz
volpeon.ink-fde3ebeb30424401555e0506100126004562c330.tar.bz2
volpeon.ink-fde3ebeb30424401555e0506100126004562c330.zip
More compact list templates
Diffstat (limited to 'templates')
-rw-r--r--templates/layouts/categorized_list.html62
-rw-r--r--templates/layouts/list.html16
2 files changed, 23 insertions, 55 deletions
diff --git a/templates/layouts/categorized_list.html b/templates/layouts/categorized_list.html
index 50555f8..e0bd1db 100644
--- a/templates/layouts/categorized_list.html
+++ b/templates/layouts/categorized_list.html
@@ -13,55 +13,27 @@ $body$
13 $if(it.description)$ 13 $if(it.description)$
14 <div class="s-small s-colored-links">$it.description$</div> 14 <div class="s-small s-colored-links">$it.description$</div>
15 $endif$ 15 $endif$
16 $if(it.layout.is_grid)$ 16 <div class="l-card-list__cards l-card-list__cards--$it.layout.id$">
17 <div class="l-card-list__cards l-card-list__cards--grid"> 17 $if(it.layout.is_grid)$
18 $it.items:partials/grid_card()$ 18 $it.items:partials/grid_card()$
19 $if(it.omitted)$ 19 $elseif(it.layout.is_gallery)$
20 <a href="$it.url.rel$" class="l-card-list__card c-card c-card--outline">
21 <div class="c-card__row">
22 <div class="c-card__block c-card__block--main">
23 $it.omitted$ more items
24 </div>
25 <svg class="c-card__block o-icon" width="1em" height="1em">
26 <use href="/symbols.svg#icon-arrow-right"></use>
27 </svg>
28 </div>
29 </a>
30 $endif$
31 </div>
32 $elseif(it.layout.is_gallery)$
33 <div class="l-card-list__cards l-card-list__cards--gallery">
34 $it.items:partials/gallery_card()$ 20 $it.items:partials/gallery_card()$
35 $if(it.omitted)$ 21 $else$
36 <a href="$it.url.rel$" class="l-card-list__card c-card c-card--outline">
37 <div class="c-card__row">
38 <div class="c-card__block c-card__block--main">
39 $it.omitted$ more items
40 </div>
41 <svg class="c-card__block o-icon" width="1em" height="1em">
42 <use href="/symbols.svg#icon-arrow-right"></use>
43 </svg>
44 </div>
45 </a>
46 $endif$
47 </div>
48 $else$
49 <div class="l-card-list__cards">
50 $it.items:partials/list_card()$ 22 $it.items:partials/list_card()$
51 $if(it.omitted)$ 23 $endif$
52 <a href="$it.url.rel$" class="l-card-list__card c-card c-card--outline"> 24 $if(it.omitted)$
53 <div class="c-card__row"> 25 <a href="$it.url.rel$" class="l-card-list__card c-card c-card--outline">
54 <div class="c-card__block c-card__block--main"> 26 <div class="c-card__row">
55 $it.omitted$ more items 27 <div class="c-card__block c-card__block--main">
56 </div> 28 $it.omitted$ more items
57 <svg class="c-card__block o-icon" width="1em" height="1em">
58 <use href="/symbols.svg#icon-arrow-right"></use>
59 </svg>
60 </div> 29 </div>
61 </a> 30 <svg class="c-card__block o-icon" width="1em" height="1em">
62 $endif$ 31 <use href="/symbols.svg#icon-arrow-right"></use>
63 </div> 32 </svg>
64 $endif$ 33 </div>
34 </a>
35 $endif$
36 </div>
65 </section> 37 </section>
66 $endfor$ 38 $endfor$
67</div> 39</div>
diff --git a/templates/layouts/list.html b/templates/layouts/list.html
index 9c6b26e..40d85f0 100644
--- a/templates/layouts/list.html
+++ b/templates/layouts/list.html
@@ -5,19 +5,15 @@ $body$
5</header> 5</header>
6 6
7<div class="l-card-list"> 7<div class="l-card-list">
8 $if(list_layout.is_grid)$ 8 <div class="l-card-list__cards l-card-list__cards--$list_layout.id$">
9 <div class="l-card-list__cards l-card-list__cards--grid"> 9 $if(list_layout.is_grid)$
10 $list:partials/grid_card()$ 10 $list:partials/grid_card()$
11 </div> 11 $elseif(list_layout.is_gallery)$
12 $elseif(list_layout.is_gallery)$
13 <div class="l-card-list__cards l-card-list__cards--gallery">
14 $list:partials/gallery_card()$ 12 $list:partials/gallery_card()$
15 </div> 13 $else$
16 $else$
17 <div class="l-card-list__cards">
18 $list:partials/list_card()$ 14 $list:partials/list_card()$
19 </div> 15 $endif$
20 $endif$ 16 </div>
21</div> 17</div>
22 18
23 19