summaryrefslogtreecommitdiffstats
path: root/templates/layouts
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2022-06-11 09:44:04 +0200
committerVolpeon <git@volpeon.ink>2022-06-11 09:44:04 +0200
commit575278aba99139635adc3b1f9385befe57102541 (patch)
treed98a160167610717da37f6340b3884ba4224fe5d /templates/layouts
parentUpdate (diff)
downloadvolpeon.ink-575278aba99139635adc3b1f9385befe57102541.tar.gz
volpeon.ink-575278aba99139635adc3b1f9385befe57102541.tar.bz2
volpeon.ink-575278aba99139635adc3b1f9385befe57102541.zip
Re-implemented design via iro-design
Diffstat (limited to 'templates/layouts')
-rw-r--r--templates/layouts/categorized_list.html37
-rw-r--r--templates/layouts/list.html6
-rw-r--r--templates/layouts/page.html6
-rw-r--r--templates/layouts/redirect.html4
4 files changed, 25 insertions, 28 deletions
diff --git a/templates/layouts/categorized_list.html b/templates/layouts/categorized_list.html
index 5e92395..7f94ff4 100644
--- a/templates/layouts/categorized_list.html
+++ b/templates/layouts/categorized_list.html
@@ -1,6 +1,6 @@
1<div class="l-container l-container--pad-x l-container--pad-y l-container--content"> 1<div class="l-container l-container--pad-x l-container--pad-y l-container--narrow">
2 <header class="s-headlines s-colored-links"> 2 <header class="s-colored-links">
3 <h1 class="u-mt0"><span class="s-headlines__title-inner">$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 6
@@ -8,9 +8,9 @@ $body$
8 8
9 $if(notoc)$$else$ 9 $if(notoc)$$else$
10 <nav class="c-hnav s-invisible-links"> 10 <nav class="c-hnav s-invisible-links">
11 $-- <h2 class="u-mt0">Sections:</h2> 11 $-- <h2 class="u-mt-0">Sections:</h2>
12 $for(list)$ 12 $for(list)$
13 <a href="#$it.slug$"><small>$it.title$</small></a> 13 <small><a href="#$it.slug$">$it.title$</a></small>
14 $endfor$ 14 $endfor$
15 </nav> 15 </nav>
16 $endif$ 16 $endif$
@@ -18,9 +18,18 @@ $body$
18 <div class="l-card-list"> 18 <div class="l-card-list">
19 $for(list)$ 19 $for(list)$
20 <section> 20 <section>
21 <h2 class="s-invisible-links" id="$it.slug$"> 21 <div class="l-media l-media--flush">
22 <a href="$it.url.rel$">$it.title$</a> 22 <div class="l-media__block l-media__block--main">
23 </h2> 23 <h2 class="s-invisible-links" id="$it.slug$">
24 <a href="$it.url.rel$">$it.title$</a>
25 </h2>
26 </div>
27 $if(it.omitted)$
28 <a class="l-media__block o-badge u-mt-auto" href="$it.url.rel$">
29 $it.omitted$ more items <span class="u-ml-10">→</span>
30 </a>
31 $endif$
32 </div>
24 $if(it.description)$ 33 $if(it.description)$
25 <div class="s-small s-colored-links">$it.description$</div> 34 <div class="s-small s-colored-links">$it.description$</div>
26 $endif$ 35 $endif$
@@ -32,18 +41,6 @@ $body$
32 $else$ 41 $else$
33 $it.items:partials/list_card()$ 42 $it.items:partials/list_card()$
34 $endif$ 43 $endif$
35 $if(it.omitted)$
36 <a href="$it.url.rel$" class="l-card-list__card c-card">
37 <div class="c-card__row">
38 <div class="c-card__block c-card__block--main">
39 $it.omitted$ more items in $it.title$
40 </div>
41 <svg class="c-card__block o-icon" width="1em" height="1em" aria-hidden="true">
42 <use href="/symbols.svg#icon-arrow-right"></use>
43 </svg>
44 </div>
45 </a>
46 $endif$
47 </div> 44 </div>
48 </section> 45 </section>
49 $endfor$ 46 $endfor$
diff --git a/templates/layouts/list.html b/templates/layouts/list.html
index bc12805..88102b9 100644
--- a/templates/layouts/list.html
+++ b/templates/layouts/list.html
@@ -1,6 +1,6 @@
1<div class="l-container l-container--pad-x l-container--pad-y l-container--content"> 1<div class="l-container l-container--pad-x l-container--pad-y l-container--narrow">
2 <header class="s-headlines s-colored-links"> 2 <header class="s-colored-links">
3 <h1 class="u-mt0"><span class="s-headlines__title-inner">$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 </header> 6 </header>
diff --git a/templates/layouts/page.html b/templates/layouts/page.html
index ee7437d..324a01c 100644
--- a/templates/layouts/page.html
+++ b/templates/layouts/page.html
@@ -1,11 +1,11 @@
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$"> 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$">
2 $if(date)$ 2 $if(date)$
3 <div class="o-badge s-body__meta"> 3 <div class="o-badge s-body__meta u-mb-125">
4 $date.long$ 4 $date.long$
5 </div> 5 </div>
6 $endif$ 6 $endif$
7 7
8 <h1 class="u-mt0"><span class="s-headlines__title-inner">$title$</span></h1> 8 <h1 class="u-mt-0"><span class="s-headings__primary">$title$</span></h1>
9 9
10$body$ 10$body$
11</article> 11</article>
diff --git a/templates/layouts/redirect.html b/templates/layouts/redirect.html
index 1cfc67c..9f78dec 100644
--- a/templates/layouts/redirect.html
+++ b/templates/layouts/redirect.html
@@ -1,4 +1,4 @@
1<article class="l-container l-container--pad-x l-container--pad-y l-container--content s-body s-colored-links s-headlines"> 1<article class="l-container l-container--pad-x l-container--pad-y l-container--narrow 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-mt-0"><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>