summaryrefslogtreecommitdiffstats
path: root/templates
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2022-06-12 08:46:20 +0200
committerVolpeon <git@volpeon.ink>2022-06-12 08:46:20 +0200
commit7ae014f7e8e6b9e28cc9b8d08aaeb96cb3a2c2bf (patch)
tree930d76a4a45baea8ec4f51fbe7122f32a3a45076 /templates
parentUpdate (diff)
downloadvolpeon.ink-7ae014f7e8e6b9e28cc9b8d08aaeb96cb3a2c2bf.tar.gz
volpeon.ink-7ae014f7e8e6b9e28cc9b8d08aaeb96cb3a2c2bf.tar.bz2
volpeon.ink-7ae014f7e8e6b9e28cc9b8d08aaeb96cb3a2c2bf.zip
Update
Diffstat (limited to 'templates')
-rw-r--r--templates/base.html6
-rw-r--r--templates/layouts/categorized_list.html29
-rw-r--r--templates/partials/gallery_card.html4
-rw-r--r--templates/partials/grid_card.html4
-rw-r--r--templates/partials/list_card.html6
5 files changed, 25 insertions, 24 deletions
diff --git a/templates/base.html b/templates/base.html
index be796de..4319d43 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -85,7 +85,7 @@ ${layouts/page()}
85 <div class="o-lightbox"> 85 <div class="o-lightbox">
86 <button class="o-lightbox__close-btn o-action-button o-action-button--quiet o-action-button--round"> 86 <button class="o-lightbox__close-btn o-action-button o-action-button--quiet o-action-button--round">
87 <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true"> 87 <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true">
88 <use href="/symbols.svg#icon-x"></use> 88 <use href="/icons.svg#x"></use>
89 </svg> 89 </svg>
90 </button> 90 </button>
91 91
@@ -93,13 +93,13 @@ ${layouts/page()}
93 93
94 <button class="o-lightbox__prev-btn o-action-button o-action-button--quiet o-action-button--round"> 94 <button class="o-lightbox__prev-btn o-action-button o-action-button--quiet o-action-button--round">
95 <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true"> 95 <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true">
96 <use href="/symbols.svg#icon-chevron-left"></use> 96 <use href="/icons.svg#chevron-left"></use>
97 </svg> 97 </svg>
98 </button> 98 </button>
99 99
100 <button class="o-lightbox__next-btn o-action-button o-action-button--quiet o-action-button--round"> 100 <button class="o-lightbox__next-btn o-action-button o-action-button--quiet o-action-button--round">
101 <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true"> 101 <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true">
102 <use href="/symbols.svg#icon-chevron-right"></use> 102 <use href="/icons.svg#chevron-right"></use>
103 </svg> 103 </svg>
104 </button> 104 </button>
105 105
diff --git a/templates/layouts/categorized_list.html b/templates/layouts/categorized_list.html
index 52e0d88..68decf6 100644
--- a/templates/layouts/categorized_list.html
+++ b/templates/layouts/categorized_list.html
@@ -7,6 +7,7 @@ $body$
7 7
8 $if(notoc)$$else$ 8 $if(notoc)$$else$
9 <nav class="c-hnav s-invisible-links"> 9 <nav class="c-hnav s-invisible-links">
10 <h2 class="u-mt-0">Jump to</h2>
10 $for(list)$ 11 $for(list)$
11 <a class="c-hnav__item" href="#$it.slug$">$it.title$</a> 12 <a class="c-hnav__item" href="#$it.slug$">$it.title$</a>
12 $endfor$ 13 $endfor$
@@ -16,21 +17,14 @@ $body$
16 <div class="l-card-list"> 17 <div class="l-card-list">
17 $for(list)$ 18 $for(list)$
18 <section> 19 <section>
19 <header class="l-card-list__header l-media l-media--flush"> 20 <header class="l-card-list__header">
20 <div class="l-media__block l-media__block--main"> 21 <h2 class="s-invisible-links u-mt-0" id="$it.slug$">
21 <h2 class="s-invisible-links u-mt-0" id="$it.slug$"> 22 <a href="$it.url.rel$">$it.title$</a>
22 <a href="$it.url.rel$">$it.title$</a> 23 </h2>
23 </h2> 24 $if(it.description)$
24 </div> 25 <div class="s-small s-colored-links">$it.description$</div>
25 $if(it.omitted)$ 26 $endif$
26 <a class="l-media__block o-badge u-mt-auto" href="$it.url.rel$">
27 $it.omitted$ more items <span class="u-ml-10">→</span>
28 </a>
29 $endif$
30 </header> 27 </header>
31 $if(it.description)$
32 <div class="s-small s-colored-links">$it.description$</div>
33 $endif$
34 <div class="l-card-list__cards l-card-list__cards--$it.layout.id$"> 28 <div class="l-card-list__cards l-card-list__cards--$it.layout.id$">
35 $if(it.layout.is_grid)$ 29 $if(it.layout.is_grid)$
36 $it.items:partials/grid_card()$ 30 $it.items:partials/grid_card()$
@@ -42,6 +36,13 @@ $body$
42 $it.items:partials/list_card()$ 36 $it.items:partials/list_card()$
43 $endif$ 37 $endif$
44 </div> 38 </div>
39 $if(it.omitted)$
40 <footer class="l-card-list__footer">
41 <a class="l-media__block o-badge" href="$it.url.rel$">
42 $it.omitted$ more items <span class="u-ml-10">→</span>
43 </a>
44 </footer>
45 $endif$
45 </section> 46 </section>
46 $endfor$ 47 $endfor$
47 </div> 48 </div>
diff --git a/templates/partials/gallery_card.html b/templates/partials/gallery_card.html
index 8e6f95a..81c7745 100644
--- a/templates/partials/gallery_card.html
+++ b/templates/partials/gallery_card.html
@@ -17,7 +17,7 @@ $if(it.thumbnail)$
17 $endif$ 17 $endif$
18 $if(it.icon)$ 18 $if(it.icon)$
19 <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true"> 19 <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true">
20 <use href="/symbols.svg#icon-$it.icon$"></use> 20 <use href="/icons.svg#$it.icon$"></use>
21 </svg> 21 </svg>
22 $endif$ 22 $endif$
23 <div class="l-media__block l-media__block--main"> 23 <div class="l-media__block l-media__block--main">
@@ -43,7 +43,7 @@ $if(it.thumbnail)$
43 </div> 43 </div>
44 $if(it.post_icon)$ 44 $if(it.post_icon)$
45 <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true"> 45 <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true">
46 <use href="/symbols.svg#icon-$it.post_icon$"></use> 46 <use href="/icons.svg#$it.post_icon$"></use>
47 </svg> 47 </svg>
48 $endif$ 48 $endif$
49 </div> 49 </div>
diff --git a/templates/partials/grid_card.html b/templates/partials/grid_card.html
index b3763e4..c5924e1 100644
--- a/templates/partials/grid_card.html
+++ b/templates/partials/grid_card.html
@@ -6,7 +6,7 @@ $if(it.url)$
6 $endif$ 6 $endif$
7 $if(it.icon)$ 7 $if(it.icon)$
8 <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true"> 8 <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true">
9 <use href="/symbols.svg#icon-$it.icon$"></use> 9 <use href="/icons.svg#$it.icon$"></use>
10 </svg> 10 </svg>
11 $endif$ 11 $endif$
12 <div class="l-media__block l-media__block--main"> 12 <div class="l-media__block l-media__block--main">
@@ -32,7 +32,7 @@ $if(it.url)$
32 </div> 32 </div>
33 $if(it.post_icon)$ 33 $if(it.post_icon)$
34 <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true"> 34 <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true">
35 <use href="/symbols.svg#icon-$it.post_icon$"></use> 35 <use href="/icons.svg#$it.post_icon$"></use>
36 </svg> 36 </svg>
37 $endif$ 37 $endif$
38 </div> 38 </div>
diff --git a/templates/partials/list_card.html b/templates/partials/list_card.html
index af17725..438659c 100644
--- a/templates/partials/list_card.html
+++ b/templates/partials/list_card.html
@@ -6,12 +6,12 @@ $if(it.url)$
6 $endif$ 6 $endif$
7 $if(it.icon)$ 7 $if(it.icon)$
8 <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true"> 8 <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true">
9 <use href="/symbols.svg#icon-$it.icon$"></use> 9 <use href="/icons.svg#$it.icon$"></use>
10 </svg> 10 </svg>
11 $endif$ 11 $endif$
12 <div class="l-media__block l-media__block--main"> 12 <div class="l-media__block l-media__block--main">
13 $it.title$ 13 $it.title$
14 </div> 14 </div>
15 $if(it.subtitle)$ 15 $if(it.subtitle)$
16 <div class="l-media__block u-fs0"> 16 <div class="l-media__block u-fs0">
17 <small> 17 <small>
@@ -36,7 +36,7 @@ $if(it.url)$
36 $endif$ 36 $endif$
37 $if(it.post_icon)$ 37 $if(it.post_icon)$
38 <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true"> 38 <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true">
39 <use href="/symbols.svg#icon-$it.post_icon$"></use> 39 <use href="/icons.svg#$it.post_icon$"></use>
40 </svg> 40 </svg>
41 $endif$ 41 $endif$
42 </div> 42 </div>