summaryrefslogtreecommitdiffstats
path: root/templates
diff options
context:
space:
mode:
Diffstat (limited to 'templates')
-rw-r--r--templates/layouts/categorized_list.html10
-rw-r--r--templates/layouts/page.html2
-rw-r--r--templates/partials/ascii_fox.html2
-rw-r--r--templates/partials/ascii_fox_small.html2
-rw-r--r--templates/partials/gallery_card.html2
-rw-r--r--templates/partials/small_gallery_card.html39
6 files changed, 48 insertions, 9 deletions
diff --git a/templates/layouts/categorized_list.html b/templates/layouts/categorized_list.html
index 7f94ff4..8217fd9 100644
--- a/templates/layouts/categorized_list.html
+++ b/templates/layouts/categorized_list.html
@@ -3,12 +3,10 @@
3 <h1 class="o-heading o-heading--xxl u-mt-0"><span class="o-heading__primary">$title$</span></h1> 3 <h1 class="o-heading o-heading--xxl u-mt-0"><span class="o-heading__primary">$title$</span></h1>
4 4
5$body$ 5$body$
6
7 </header> 6 </header>
8 7
9 $if(notoc)$$else$ 8 $if(notoc)$$else$
10 <nav class="c-hnav s-invisible-links"> 9 <nav class="c-hnav s-invisible-links">
11 $-- <h2 class="u-mt-0">Sections:</h2>
12 $for(list)$ 10 $for(list)$
13 <small><a href="#$it.slug$">$it.title$</a></small> 11 <small><a href="#$it.slug$">$it.title$</a></small>
14 $endfor$ 12 $endfor$
@@ -18,9 +16,9 @@ $body$
18 <div class="l-card-list"> 16 <div class="l-card-list">
19 $for(list)$ 17 $for(list)$
20 <section> 18 <section>
21 <div class="l-media l-media--flush"> 19 <header class="l-card-list__header l-media l-media--flush">
22 <div class="l-media__block l-media__block--main"> 20 <div class="l-media__block l-media__block--main">
23 <h2 class="s-invisible-links" id="$it.slug$"> 21 <h2 class="s-invisible-links u-mt-0" id="$it.slug$">
24 <a href="$it.url.rel$">$it.title$</a> 22 <a href="$it.url.rel$">$it.title$</a>
25 </h2> 23 </h2>
26 </div> 24 </div>
@@ -29,13 +27,15 @@ $body$
29 $it.omitted$ more items <span class="u-ml-10">→</span> 27 $it.omitted$ more items <span class="u-ml-10">→</span>
30 </a> 28 </a>
31 $endif$ 29 $endif$
32 </div> 30 </header>
33 $if(it.description)$ 31 $if(it.description)$
34 <div class="s-small s-colored-links">$it.description$</div> 32 <div class="s-small s-colored-links">$it.description$</div>
35 $endif$ 33 $endif$
36 <div class="l-card-list__cards l-card-list__cards--$it.layout.id$"> 34 <div class="l-card-list__cards l-card-list__cards--$it.layout.id$">
37 $if(it.layout.is_grid)$ 35 $if(it.layout.is_grid)$
38 $it.items:partials/grid_card()$ 36 $it.items:partials/grid_card()$
37 $elseif(it.layout.is_small-gallery)$
38 $it.items:partials/small_gallery_card()$
39 $elseif(it.layout.is_gallery)$ 39 $elseif(it.layout.is_gallery)$
40 $it.items:partials/gallery_card()$ 40 $it.items:partials/gallery_card()$
41 $else$ 41 $else$
diff --git a/templates/layouts/page.html b/templates/layouts/page.html
index 324a01c..1037938 100644
--- a/templates/layouts/page.html
+++ b/templates/layouts/page.html
@@ -1,4 +1,4 @@
1<article class="l-container l-container--pad-x l-container--pad-y l-container--narrow s-body s-colored-links s-headings s-blockquotes s-code $if(intro)$s-intro$endif$"> 1<article class="l-container l-container--pad-x l-container--pad-y l-container--narrow s-body s-colored-links s-headings s-blockquotes s-code s-lists $if(intro)$s-intro$endif$">
2 $if(date)$ 2 $if(date)$
3 <div class="o-badge s-body__meta u-mb-125"> 3 <div class="o-badge s-body__meta u-mb-125">
4 $date.long$ 4 $date.long$
diff --git a/templates/partials/ascii_fox.html b/templates/partials/ascii_fox.html
index f5e5316..bdce36b 100644
--- a/templates/partials/ascii_fox.html
+++ b/templates/partials/ascii_fox.html
@@ -3,7 +3,7 @@
3 ' ' ' ' ' ' ' ' ' ' ' ' ' 3 ' ' ' ' ' ' ' ' ' ' ' ' '
4 ' . | | | ' ' ' ' ' | | ' ' | ' 4 ' . | | | ' ' ' ' ' | | ' ' | '
5 ' | | | ' | ' ' ' ' ' | : | ' ' | . ' 5 ' | | | ' | ' ' ' ' ' | : | ' ' | . '
6 ' ' | | . | ' 9thPK7O3xn ' ' ' | | ' ' | ' 6 ' ' | | . | ' ' ' ' ' | | ' ' | '
7 ' | __~| | | ' ' ' ' ' | | | ' ' | | ' 7 ' | __~| | | ' ' ' ' ' | | | ' ' | | '
8 ' ' |__ ,( |' |_ ' ' ' <strong>//\_</strong> ' | ' . | ' ' | ' ' 8 ' ' |__ ,( |' |_ ' ' ' <strong>//\_</strong> ' | ' . | ' ' | ' '
9 ' | )~._ _( . ) .| ) ' <strong>____,...,______..,_~`` -`..,</strong> ' | ' | . ( ' ' | ' 9 ' | )~._ _( . ) .| ) ' <strong>____,...,______..,_~`` -`..,</strong> ' | ' | . ( ' ' | '
diff --git a/templates/partials/ascii_fox_small.html b/templates/partials/ascii_fox_small.html
index ea05aa2..97ce600 100644
--- a/templates/partials/ascii_fox_small.html
+++ b/templates/partials/ascii_fox_small.html
@@ -2,7 +2,7 @@
2 ' ' ' ' 2 ' ' ' '
3 | | ' ' ' | | ' ' 3 | | ' ' ' | | ' '
4 | ' | ' ' ' | ' | ' ' 4 | ' | ' ' ' | ' | ' '
5 | | 9thPK7O3xn ' | . | ' ' 5 | | ' ' ' | . | ' '
6 | . | ' ' <strong>//\__</strong> ' | | ' ' 6 | . | ' ' <strong>//\__</strong> ' | | ' '
7 | | <strong>_.~-"""-----~`` ,-´</strong> ' |' | ' ' 7 | | <strong>_.~-"""-----~`` ,-´</strong> ' |' | ' '
8 | | '| <strong>.´ ,~'\ ).,__,)/,,"</strong> ' | | | ' ' 8 | | '| <strong>.´ ,~'\ ).,__,)/,,"</strong> ' | | | ' '
diff --git a/templates/partials/gallery_card.html b/templates/partials/gallery_card.html
index 386843f..8e6f95a 100644
--- a/templates/partials/gallery_card.html
+++ b/templates/partials/gallery_card.html
@@ -1,6 +1,6 @@
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" title="$it.title/nowrap$">
4 <div class="c-card__row l-media l-media--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
diff --git a/templates/partials/small_gallery_card.html b/templates/partials/small_gallery_card.html
new file mode 100644
index 0000000..35d87e4
--- /dev/null
+++ b/templates/partials/small_gallery_card.html
@@ -0,0 +1,39 @@
1$if(it.url)$
2$if(it.thumbnail)$
3 <a href="$it.url.rel$" class="l-card-list__card c-card" title="$it.title/nowrap$">
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 &quot;$it.title$&quot;"
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$
generated by cgit v1.2.3-54-g00ecf (git 2.45.2) at 2024-07-03 11:48:10 +0000