Some design fixes, page list metadata improvements

author: Volpeon <git@volpeon.ink> 2021-06-05 17:12:33 +0200
committer: Volpeon <git@volpeon.ink> 2021-06-05 17:12:33 +0200
commit: 385db81296bccf0c9e4341580d96e6a868f9d7f0 (patch)
tree: f8710c1d930f86be759e306bff5f274da49c026f /templates/layouts
parent: Improved heading link size (diff)
download: volpeon.ink-385db81296bccf0c9e4341580d96e6a868f9d7f0.tar.gz
volpeon.ink-385db81296bccf0c9e4341580d96e6a868f9d7f0.tar.bz2
volpeon.ink-385db81296bccf0c9e4341580d96e6a868f9d7f0.zip
3 files changed, 60 insertions, 11 deletions
diff --git a/templates/layouts/categorized_list.html b/templates/layouts/categorized_list.html
index 6e72194..89bea78 100644
--- a/templates/layouts/categorized_list.html
+++ b/templates/layouts/categorized_list.html
@@ -7,18 +7,18 @@ $body$
        </div>
        <div class="c-post-list">
-            $for(pages.all)$
+            $for(pages.asc_title)$
                $if(it.pages)$
                    <h2 class="c-post-list__category-header">
                        $it.title$
                    </h2>
                    <div class="c-post-list__category-content">
-                        $for(it.pages.all)$
+                        $if(pages.asc_title.show_dates)$
-                            <a href="$it.url.rel$" class="c-post-list__post c-card">
+                            $for(it.pages.desc_date)$
-                                <div class="c-card__content">
+                                <a href="$it.url.rel$" class="c-post-list__post c-card">
-                                    $it.title$
+                                    <div class="c-card__content">
-                                </div>
+                                        $it.title$
-                                $if(pages.all.show_dates)$
+                                    </div>
                                    <time datetime="$it.date.yyyy_mm_dd$" class="c-card__content u-fs0">
                                        <small class="u-dn@sm-hi">
                                            $it.date.short$
@@ -27,9 +27,17 @@ $body$
                                            $it.date.long$
                                        </small>
                                    </time>
-                                $endif$
+                                </a>
-                            </a>
+                            $endfor$
-                        $endfor$
+                        $else$
+                            $for(it.pages.asc_title)$
+                                <a href="$it.url.rel$" class="c-post-list__post c-card">
+                                    <div class="c-card__content">
+                                        $it.title$
+                                    </div>
+                                </a>
+                            $endfor$
+                        $endif$
                    </div>
                $endif$
            $endfor$
diff --git a/templates/layouts/list.html b/templates/layouts/list.html
new file mode 100644
index 0000000..1c6398a
--- /dev/null
+++ b/templates/layouts/list.html
@@ -0,0 +1,41 @@
+<section class="l-section l-section--no-head">
+    <div class="l-container l-container--pad-x l-container--pad-y l-container--content">
+        <div class="s-headlines s-colored-links">
+            <h1 class="u-mt0"><span class="s-headlines__title-inner">$title$</span></h1>
+$body$
+        </div>
+        <div class="c-post-list">
+            <div class="c-post-list__category-content">
+                $if(show_dates)$
+                    $for(pages.desc_date)$
+                        <a href="$it.url.rel$" class="c-post-list__post c-card">
+                            <div class="c-card__content">
+                                $it.title$
+                            </div>
+                            <time datetime="$it.date.yyyy_mm_dd$" class="c-card__content u-fs0">
+                                <small class="u-dn@sm-hi">
+                                    $it.date.short$
+                                </small>
+                                <small class="u-dn@sm-lo">
+                                    $it.date.long$
+                                </small>
+                            </time>
+                        </a>
+                    $endfor$
+                $else$
+                    $for(pages.asc_title)$
+                        <a href="$it.url.rel$" class="c-post-list__post c-card">
+                            <div class="c-card__content">
+                                $it.title$
+                            </div>
+                        </a>
+                    $endfor$
+                $endif$
+            </div>
+        </div>
+    </div>
+</section>
diff --git a/templates/layouts/page.html b/templates/layouts/page.html
index 32ceb98..e5781a8 100644
--- a/templates/layouts/page.html
+++ b/templates/layouts/page.html
@@ -1,4 +1,4 @@
-<section class="l-section l-section--fullscreen l-section--no-head l-section--body">
+<section class="l-section l-section--no-head l-section--body">
    <div class="l-container l-container--pad-x l-container--pad-y l-container--content s-colored-links s-headlines s-headlines--body s-body">
        $if(show_date)$
            <div class="s-body__meta">
author	Volpeon <git@volpeon.ink>	2021-06-05 17:12:33 +0200
committer	Volpeon <git@volpeon.ink>	2021-06-05 17:12:33 +0200
commit	385db81296bccf0c9e4341580d96e6a868f9d7f0 (patch)
tree	f8710c1d930f86be759e306bff5f274da49c026f /templates/layouts
parent	Improved heading link size (diff)
download	volpeon.ink-385db81296bccf0c9e4341580d96e6a868f9d7f0.tar.gz volpeon.ink-385db81296bccf0c9e4341580d96e6a868f9d7f0.tar.bz2 volpeon.ink-385db81296bccf0c9e4341580d96e6a868f9d7f0.zip

diff --git a/templates/layouts/categorized_list.html b/templates/layouts/categorized_list.html index 6e72194..89bea78 100644 --- a/templates/layouts/categorized_list.html +++ b/templates/layouts/categorized_list.html
@@ -7,18 +7,18 @@ $body$
7	</div>	7	</div>
8		8
9	<div class="c-post-list">	9	<div class="c-post-list">
10	$for(pages.all)$	10	$for(pages.asc_title)$
11	$if(it.pages)$	11	$if(it.pages)$
12	<h2 class="c-post-list__category-header">	12	<h2 class="c-post-list__category-header">
13	$it.title$	13	$it.title$
14	</h2>	14	</h2>
15	<div class="c-post-list__category-content">	15	<div class="c-post-list__category-content">
16	$for(it.pages.all)$	16	$if(pages.asc_title.show_dates)$
17	<a href="$it.url.rel$" class="c-post-list__post c-card">	17	$for(it.pages.desc_date)$
18	<div class="c-card__content">	18	<a href="$it.url.rel$" class="c-post-list__post c-card">
19	$it.title$	19	<div class="c-card__content">
20	</div>	20	$it.title$
21	$if(pages.all.show_dates)$	21	</div>
22	<time datetime="$it.date.yyyy_mm_dd$" class="c-card__content u-fs0">	22	<time datetime="$it.date.yyyy_mm_dd$" class="c-card__content u-fs0">
23	<small class="u-dn@sm-hi">	23	<small class="u-dn@sm-hi">
24	$it.date.short$	24	$it.date.short$
@@ -27,9 +27,17 @@ $body$
27	$it.date.long$	27	$it.date.long$
28	</small>	28	</small>
29	</time>	29	</time>
30	$endif$	30	</a>
31	</a>	31	$endfor$
32	$endfor$	32	$else$
		33	$for(it.pages.asc_title)$
		34	<a href="$it.url.rel$" class="c-post-list__post c-card">
		35	<div class="c-card__content">
		36	$it.title$
		37	</div>
		38	</a>
		39	$endfor$
		40	$endif$
33	</div>	41	</div>
34	$endif$	42	$endif$
35	$endfor$	43	$endfor$


diff --git a/templates/layouts/list.html b/templates/layouts/list.html new file mode 100644 index 0000000..1c6398a --- /dev/null +++ b/templates/layouts/list.html
@@ -0,0 +1,41 @@
		1	<section class="l-section l-section--no-head">
		2	<div class="l-container l-container--pad-x l-container--pad-y l-container--content">
		3	<div class="s-headlines s-colored-links">
		4	<h1 class="u-mt0"><span class="s-headlines__title-inner">$title$</span></h1>
		5
		6	$body$
		7	</div>
		8
		9	<div class="c-post-list">
		10	<div class="c-post-list__category-content">
		11	$if(show_dates)$
		12	$for(pages.desc_date)$
		13	<a href="$it.url.rel$" class="c-post-list__post c-card">
		14	<div class="c-card__content">
		15	$it.title$
		16	</div>
		17	<time datetime="$it.date.yyyy_mm_dd$" class="c-card__content u-fs0">
		18	<small class="u-dn@sm-hi">
		19	$it.date.short$
		20	</small>
		21	<small class="u-dn@sm-lo">
		22	$it.date.long$
		23	</small>
		24	</time>
		25	</a>
		26	$endfor$
		27	$else$
		28	$for(pages.asc_title)$
		29	<a href="$it.url.rel$" class="c-post-list__post c-card">
		30	<div class="c-card__content">
		31	$it.title$
		32	</div>
		33	</a>
		34	$endfor$
		35	$endif$
		36	</div>
		37	</div>
		38	</div>
		39	</section>
		40
		41


diff --git a/templates/layouts/page.html b/templates/layouts/page.html index 32ceb98..e5781a8 100644 --- a/templates/layouts/page.html +++ b/templates/layouts/page.html
@@ -1,4 +1,4 @@
1	<section class="l-section l-section--fullscreen l-section--no-head l-section--body">	1	<section class="l-section l-section--no-head l-section--body">
2	<div class="l-container l-container--pad-x l-container--pad-y l-container--content s-colored-links s-headlines s-headlines--body s-body">	2	<div class="l-container l-container--pad-x l-container--pad-y l-container--content s-colored-links s-headlines s-headlines--body s-body">
3	$if(show_date)$	3	$if(show_date)$
4	<div class="s-body__meta">	4	<div class="s-body__meta">