summaryrefslogtreecommitdiffstats
path: root/templates/layouts
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2021-12-28 21:18:02 +0100
committerVolpeon <git@volpeon.ink>2021-12-28 21:18:02 +0100
commit80716c79a7db19d6d95070125e1af7946a9849ec (patch)
tree626b9691a6af0db2a033d2bd9adc2dc58c0d8925 /templates/layouts
parentUse timeout to remove snowflake (diff)
downloadvolpeon.ink-80716c79a7db19d6d95070125e1af7946a9849ec.tar.gz
volpeon.ink-80716c79a7db19d6d95070125e1af7946a9849ec.tar.bz2
volpeon.ink-80716c79a7db19d6d95070125e1af7946a9849ec.zip
Support for more complex layouts
Diffstat (limited to 'templates/layouts')
-rw-r--r--templates/layouts/categorized_list.html68
-rw-r--r--templates/layouts/gallery.html11
-rw-r--r--templates/layouts/list.html28
-rw-r--r--templates/layouts/page.html2
-rw-r--r--templates/layouts/redirect.html2
5 files changed, 62 insertions, 49 deletions
diff --git a/templates/layouts/categorized_list.html b/templates/layouts/categorized_list.html
index fd21017..76b8af1 100644
--- a/templates/layouts/categorized_list.html
+++ b/templates/layouts/categorized_list.html
@@ -1,39 +1,41 @@
1<header class="s-headlines s-colored-links"> 1<div class="l-container l-container--pad-x l-container--pad-y l-container--content">
2 <h1 class="u-mt0"><span class="s-headlines__title-inner">$title$</span></h1> 2 <header class="s-headlines s-colored-links">
3 <h1 class="u-mt0"><span class="s-headlines__title-inner">$title$</span></h1>
3 4
4$body$ 5$body$
5</header> 6 </header>
6 7
7<div class="l-card-list"> 8 <div class="l-card-list">
8 $for(list)$ 9 $for(list)$
9 <section> 10 <section>
10 <h2 class="s-invisible-links"> 11 <h2 class="s-invisible-links">
11 <a href="$it.url.rel$">$it.title$</a> 12 <a href="$it.url.rel$">$it.title$</a>
12 </h2> 13 </h2>
13 $if(it.description)$ 14 $if(it.description)$
14 <div class="s-small s-colored-links">$it.description$</div> 15 <div class="s-small s-colored-links">$it.description$</div>
15 $endif$
16 <div class="l-card-list__cards l-card-list__cards--$it.layout.id$">
17 $if(it.layout.is_grid)$
18 $it.items:partials/grid_card()$
19 $elseif(it.layout.is_gallery)$
20 $it.items:partials/gallery_card()$
21 $else$
22 $it.items:partials/list_card()$
23 $endif$ 16 $endif$
24 $if(it.omitted)$ 17 <div class="l-card-list__cards l-card-list__cards--$it.layout.id$">
25 <a href="$it.url.rel$" class="l-card-list__card c-card c-card--outline"> 18 $if(it.layout.is_grid)$
26 <div class="c-card__row"> 19 $it.items:partials/grid_card()$
27 <div class="c-card__block c-card__block--main"> 20 $elseif(it.layout.is_gallery)$
28 $it.omitted$ more items 21 $it.items:partials/gallery_card()$
22 $else$
23 $it.items:partials/list_card()$
24 $endif$
25 $if(it.omitted)$
26 <a href="$it.url.rel$" class="l-card-list__card c-card c-card--outline">
27 <div class="c-card__row">
28 <div class="c-card__block c-card__block--main">
29 $it.omitted$ more items
30 </div>
31 <svg class="c-card__block o-icon" width="1em" height="1em" aria-hidden="true">
32 <use href="/symbols.svg#icon-arrow-right"></use>
33 </svg>
29 </div> 34 </div>
30 <svg class="c-card__block o-icon" width="1em" height="1em" aria-hidden="true"> 35 </a>
31 <use href="/symbols.svg#icon-arrow-right"></use> 36 $endif$
32 </svg> 37 </div>
33 </div> 38 </section>
34 </a> 39 $endfor$
35 $endif$ 40 </div>
36 </div>
37 </section>
38 $endfor$
39</div> 41</div>
diff --git a/templates/layouts/gallery.html b/templates/layouts/gallery.html
new file mode 100644
index 0000000..46c47a6
--- /dev/null
+++ b/templates/layouts/gallery.html
@@ -0,0 +1,11 @@
1<article class="s-body s-colored-links s-headlines $if(intro)$s-intro$endif$">
2 $if(date)$
3 <div class="s-body__meta">
4 $date.long$
5 </div>
6 $endif$
7
8 <h1 class="u-mt0"><span class="s-headlines__title-inner">$title$</span></h1>
9
10$body$
11</article>
diff --git a/templates/layouts/list.html b/templates/layouts/list.html
index 40d85f0..bc12805 100644
--- a/templates/layouts/list.html
+++ b/templates/layouts/list.html
@@ -1,19 +1,19 @@
1<header class="s-headlines s-colored-links"> 1<div class="l-container l-container--pad-x l-container--pad-y l-container--content">
2 <h1 class="u-mt0"><span class="s-headlines__title-inner">$title$</span></h1> 2 <header class="s-headlines s-colored-links">
3 <h1 class="u-mt0"><span class="s-headlines__title-inner">$title$</span></h1>
3 4
4$body$ 5$body$
5</header> 6 </header>
6 7
7<div class="l-card-list"> 8 <div class="l-card-list">
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--$list_layout.id$">
9 $if(list_layout.is_grid)$ 10 $if(list_layout.is_grid)$
10 $list:partials/grid_card()$ 11 $list:partials/grid_card()$
11 $elseif(list_layout.is_gallery)$ 12 $elseif(list_layout.is_gallery)$
12 $list:partials/gallery_card()$ 13 $list:partials/gallery_card()$
13 $else$ 14 $else$
14 $list:partials/list_card()$ 15 $list:partials/list_card()$
15 $endif$ 16 $endif$
17 </div>
16 </div> 18 </div>
17</div> 19</div>
18
19
diff --git a/templates/layouts/page.html b/templates/layouts/page.html
index 46c47a6..e4078cc 100644
--- a/templates/layouts/page.html
+++ b/templates/layouts/page.html
@@ -1,4 +1,4 @@
1<article class="s-body s-colored-links s-headlines $if(intro)$s-intro$endif$"> 1<article class="l-container l-container--pad-x l-container--pad-y l-container--content s-body s-colored-links s-headlines $if(intro)$s-intro$endif$">
2 $if(date)$ 2 $if(date)$
3 <div class="s-body__meta"> 3 <div class="s-body__meta">
4 $date.long$ 4 $date.long$
diff --git a/templates/layouts/redirect.html b/templates/layouts/redirect.html
index a62f4a2..1cfc67c 100644
--- a/templates/layouts/redirect.html
+++ b/templates/layouts/redirect.html
@@ -1,4 +1,4 @@
1<article class="s-body s-colored-links s-headlines"> 1<article class="l-container l-container--pad-x l-container--pad-y l-container--content s-body s-colored-links s-headlines">
2 <h1 class="u-mt0"><span class="s-headlines__title-inner">$title$</span></h1> 2 <h1 class="u-mt0"><span class="s-headlines__title-inner">$title$</span></h1>
3 <p>This page should redirect you to <a href="$url.full$">$url.full$</a> in 3 seconds.</p> 3 <p>This page should redirect you to <a href="$url.full$">$url.full$</a> in 3 seconds.</p>
4</article> 4</article>
generated by cgit v1.2.3-70-g09d2 (git 2.47.0) at 2024-12-25 18:32:08 +0000