diff options
author | Volpeon <git@volpeon.ink> | 2022-06-11 16:26:47 +0200 |
---|---|---|
committer | Volpeon <git@volpeon.ink> | 2022-06-11 16:26:47 +0200 |
commit | 604dcfe244ab8f6913db9dec3de5796ad32f43f5 (patch) | |
tree | fc56d5965f3e263937efd3d42196afe1359299cb /templates | |
parent | Re-implemented design via iro-design (diff) | |
download | volpeon.ink-604dcfe244ab8f6913db9dec3de5796ad32f43f5.tar.gz volpeon.ink-604dcfe244ab8f6913db9dec3de5796ad32f43f5.tar.bz2 volpeon.ink-604dcfe244ab8f6913db9dec3de5796ad32f43f5.zip |
Removed private section, various improvements
Diffstat (limited to 'templates')
-rw-r--r-- | templates/layouts/categorized_list.html | 10 | ||||
-rw-r--r-- | templates/layouts/page.html | 2 | ||||
-rw-r--r-- | templates/partials/ascii_fox.html | 2 | ||||
-rw-r--r-- | templates/partials/ascii_fox_small.html | 2 | ||||
-rw-r--r-- | templates/partials/gallery_card.html | 2 | ||||
-rw-r--r-- | templates/partials/small_gallery_card.html | 39 |
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 "$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$ | ||