summaryrefslogtreecommitdiffstats
path: root/templates
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2021-11-12 20:39:46 +0100
committerVolpeon <git@volpeon.ink>2021-11-12 20:39:46 +0100
commit9763ea03164f983d77051a84609dcae80885b1c0 (patch)
tree0d667634827c533fc1bb880c8e910e61581156e8 /templates
parentAdd focus to header (diff)
downloadvolpeon.ink-9763ea03164f983d77051a84609dcae80885b1c0.tar.gz
volpeon.ink-9763ea03164f983d77051a84609dcae80885b1c0.tar.bz2
volpeon.ink-9763ea03164f983d77051a84609dcae80885b1c0.zip
Improved page
Diffstat (limited to 'templates')
-rw-r--r--templates/base.html4
-rw-r--r--templates/feed.xml6
-rw-r--r--templates/layouts/categorized_list.html54
-rw-r--r--templates/layouts/index.html8
-rw-r--r--templates/layouts/list.html50
-rw-r--r--templates/layouts/page.html2
6 files changed, 46 insertions, 78 deletions
diff --git a/templates/base.html b/templates/base.html
index 6573dc5..6424447 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -23,7 +23,7 @@
23 <link href="$feed.url.rel$" type="application/atom+xml" rel="alternate" title="$if(namespace.root.is_index)$$else$$title$ – $endif$$site.title$" /> 23 <link href="$feed.url.rel$" type="application/atom+xml" rel="alternate" title="$if(namespace.root.is_index)$$else$$title$ – $endif$$site.title$" />
24 $endif$ 24 $endif$
25 $if(layout.is_categorized_list)$ 25 $if(layout.is_categorized_list)$
26 $for(pages.asc_title)$ 26 $for(pages.all)$
27 $if(it.feed)$ 27 $if(it.feed)$
28 <link href="$it.feed.url.rel$" type="application/atom+xml" rel="alternate" title="$it.title$ – $site.title$" /> 28 <link href="$it.feed.url.rel$" type="application/atom+xml" rel="alternate" title="$it.title$ – $site.title$" />
29 $endif$ 29 $endif$
@@ -47,7 +47,7 @@
47 <header class="c-header"> 47 <header class="c-header">
48 <nav class="c-header__nav"> 48 <nav class="c-header__nav">
49 <a class="c-header__item c-header__item--icon" href="/" title="$site.title$"> 49 <a class="c-header__item c-header__item--icon" href="/" title="$site.title$">
50 <svg class="c-header__icon"> 50 <svg class="c-header__icon" width="1em" height="1em">
51 <use href="/symbols.svg#logo"></use> 51 <use href="/symbols.svg#logo"></use>
52 </svg> 52 </svg>
53 </a> 53 </a>
diff --git a/templates/feed.xml b/templates/feed.xml
index 8a16804..22a86ac 100644
--- a/templates/feed.xml
+++ b/templates/feed.xml
@@ -15,13 +15,13 @@
15 $endfor$ 15 $endfor$
16 16
17 $if(layout.is_categorized_list)$ 17 $if(layout.is_categorized_list)$
18 $for(pages.desc_date)$ 18 $for(pages.date_desc)$
19 $for(it.pages.desc_date)$ 19 $for(it.pages.date_desc)$
20 $it:feed_entry()$ 20 $it:feed_entry()$
21 $endfor$ 21 $endfor$
22 $endfor$ 22 $endfor$
23 $else$ 23 $else$
24 $for(pages.desc_date)$ 24 $for(pages.date_desc)$
25 $it:feed_entry()$ 25 $it:feed_entry()$
26 $endfor$ 26 $endfor$
27 $endif$ 27 $endif$
diff --git a/templates/layouts/categorized_list.html b/templates/layouts/categorized_list.html
index fa0f000..f8c3fab 100644
--- a/templates/layouts/categorized_list.html
+++ b/templates/layouts/categorized_list.html
@@ -6,26 +6,26 @@ $body$
6 </div> 6 </div>
7 7
8 <div class="c-card-list"> 8 <div class="c-card-list">
9 $for(pages.asc_title)$ 9 $for(pages.all)$
10 $if(it.pages)$ 10 $if(it.pages)$
11 <h2 class="c-card-list__category-header"> 11 <h2 class="c-card-list__category-header">
12 <a href="$it.url.rel$">$it.title$</a> 12 <a href="$it.url.rel$">$it.title$</a>
13 </h2> 13 </h2>
14 <div class="c-card-list__category-content$if(pages.asc_title.list_grid)$ c-card-list__category-content--grid$endif$"> 14 <div class="c-card-list__category-content$if(it.list_grid)$ c-card-list__category-content--grid$endif$">
15 $if(pages.asc_title.show_dates)$ 15 $for(it.pages.all)$
16 $for(it.pages.desc_date)$ 16 <a href="$it.url.rel$" class="c-card-list__card c-card">
17 <a href="$it.url.rel$" class="c-card-list__card c-card"> 17 $if(pages.all.show_read_indicators)$
18 $if(pages.asc_title.show_read_indicators)$ 18 <div class="c-card__block c-card__block--indicator"></div>
19 <div class="c-card__block c-card__block--indicator"></div> 19 $endif$
20 $endif$ 20 $if(pages.all.icon)$
21 $if(pages.asc_title.icon)$ 21 <svg class="c-card__block o-icon" width="1em" height="1em">
22 <svg class="c-card__block o-icon"> 22 <use href="/symbols.svg#icon-$pages.all.icon$"></use>
23 <use href="/symbols.svg#icon-$pages.asc_title.icon$"></use> 23 </svg>
24 </svg> 24 $endif$
25 $endif$ 25 <div class="c-card__block c-card__block--main">
26 <div class="c-card__block c-card__block--main"> 26 $it.title$
27 $it.title$ 27 </div>
28 </div> 28 $if(it.date)$
29 <time datetime="$it.date.yyyy_mm_dd$" class="c-card__block u-fs0"> 29 <time datetime="$it.date.yyyy_mm_dd$" class="c-card__block u-fs0">
30 <small class="u-dn@sm-hi"> 30 <small class="u-dn@sm-hi">
31 $it.date.short$ 31 $it.date.short$
@@ -34,25 +34,9 @@ $body$
34 $it.date.long$ 34 $it.date.long$
35 </small> 35 </small>
36 </time> 36 </time>
37 </a> 37 $endif$
38 $endfor$ 38 </a>
39 $else$ 39 $endfor$
40 $for(it.pages.asc_title)$
41 <a href="$it.url.rel$" class="c-card-list__card c-card">
42 $if(pages.asc_title.show_read_indicators)$
43 <div class="c-card__block c-card__block--indicator"></div>
44 $endif$
45 $if(pages.asc_title.icon)$
46 <svg class="c-card__block o-icon">
47 <use href="/symbols.svg#icon-$pages.asc_title.icon$"></use>
48 </svg>
49 $endif$
50 <div class="c-card__block c-card__block--main">
51 $it.title$
52 </div>
53 </a>
54 $endfor$
55 $endif$
56 </div> 40 </div>
57 $endif$ 41 $endif$
58 $endfor$ 42 $endfor$
diff --git a/templates/layouts/index.html b/templates/layouts/index.html
index 8822f6f..1eca10f 100644
--- a/templates/layouts/index.html
+++ b/templates/layouts/index.html
@@ -18,7 +18,7 @@ $body$
18 <div class="c-card-list__card c-card"> 18 <div class="c-card-list__card c-card">
19 $endif$ 19 $endif$
20 $if(it.icon)$ 20 $if(it.icon)$
21 <svg class="c-card__block o-icon"> 21 <svg class="c-card__block o-icon" width="1em" height="1em">
22 <use href="/symbols.svg#icon-$it.icon$"></use> 22 <use href="/symbols.svg#icon-$it.icon$"></use>
23 </svg> 23 </svg>
24 $endif$ 24 $endif$
@@ -27,7 +27,7 @@ $body$
27 <small class="u-db">$it.username$</small> 27 <small class="u-db">$it.username$</small>
28 </div> 28 </div>
29 $if(it.url)$ 29 $if(it.url)$
30 <svg class="c-card__block o-icon"> 30 <svg class="c-card__block o-icon" width="1em" height="1em">
31 <use href="/symbols.svg#icon-arrow-up-right"></use> 31 <use href="/symbols.svg#icon-arrow-up-right"></use>
32 </svg> 32 </svg>
33 $endif$ 33 $endif$
@@ -48,7 +48,7 @@ $body$
48 $for(it.pages.all)$ 48 $for(it.pages.all)$
49 <a href="$it.url.rel$" class="c-card-list__card c-card"> 49 <a href="$it.url.rel$" class="c-card-list__card c-card">
50 $if(pages.by_id.projects.pages.all.icon)$ 50 $if(pages.by_id.projects.pages.all.icon)$
51 <svg class="c-card__block o-icon"> 51 <svg class="c-card__block o-icon" width="1em" height="1em">
52 <use href="/symbols.svg#icon-$pages.by_id.projects.pages.all.icon$"></use> 52 <use href="/symbols.svg#icon-$pages.by_id.projects.pages.all.icon$"></use>
53 </svg> 53 </svg>
54 $endif$ 54 $endif$
@@ -56,7 +56,7 @@ $body$
56 <small class="u-db">$pages.by_id.projects.pages.all.title$</small> 56 <small class="u-db">$pages.by_id.projects.pages.all.title$</small>
57 <strong class="u-db">$it.title$</strong> 57 <strong class="u-db">$it.title$</strong>
58 </div> 58 </div>
59 <svg class="c-card__block o-icon"> 59 <svg class="c-card__block o-icon" width="1em" height="1em">
60 <use href="/symbols.svg#icon-arrow-right"></use> 60 <use href="/symbols.svg#icon-arrow-right"></use>
61 </svg> 61 </svg>
62 </a> 62 </a>
diff --git a/templates/layouts/list.html b/templates/layouts/list.html
index c0045c0..208b267 100644
--- a/templates/layouts/list.html
+++ b/templates/layouts/list.html
@@ -7,20 +7,20 @@ $body$
7 7
8 <div class="c-card-list"> 8 <div class="c-card-list">
9 <div class="c-card-list__category-content$if(list_grid)$ c-card-list__category-content--grid$endif$"> 9 <div class="c-card-list__category-content$if(list_grid)$ c-card-list__category-content--grid$endif$">
10 $if(show_dates)$ 10 $for(pages.all)$
11 $for(pages.desc_date)$ 11 <a href="$it.url.rel$" class="c-card-list__card c-card">
12 <a href="$it.url.rel$" class="c-card-list__card c-card"> 12 $if(show_read_indicators)$
13 $if(show_read_indicators)$ 13 <div class="c-card__block c-card__block--indicator"></div>
14 <div class="c-card__block c-card__block--indicator"></div> 14 $endif$
15 $endif$ 15 $if(icon)$
16 $if(icon)$ 16 <svg class="c-card__block o-icon">
17 <svg class="c-card__block o-icon"> 17 <use href="/symbols.svg#icon-$icon$"></use>
18 <use href="/symbols.svg#icon-$icon$"></use> 18 </svg>
19 </svg> 19 $endif$
20 $endif$ 20 <div class="c-card__block c-card__block--main">
21 <div class="c-card__block c-card__block--main"> 21 $it.title$
22 $it.title$ 22 </div>
23 </div> 23 $if(it.date)$
24 <time datetime="$it.date.yyyy_mm_dd$" class="c-card__block u-fs0"> 24 <time datetime="$it.date.yyyy_mm_dd$" class="c-card__block u-fs0">
25 <small class="u-dn@sm-hi"> 25 <small class="u-dn@sm-hi">
26 $it.date.short$ 26 $it.date.short$
@@ -29,25 +29,9 @@ $body$
29 $it.date.long$ 29 $it.date.long$
30 </small> 30 </small>
31 </time> 31 </time>
32 </a> 32 $endif$
33 $endfor$ 33 </a>
34 $else$ 34 $endfor$
35 $for(pages.asc_title)$
36 <a href="$it.url.rel$" class="c-card-list__card c-card">
37 $if(show_read_indicators)$
38 <div class="c-card__block c-card__block--indicator"></div>
39 $endif$
40 $if(icon)$
41 <svg class="c-card__block o-icon">
42 <use href="/symbols.svg#icon-$icon$"></use>
43 </svg>
44 $endif$
45 <div class="c-card__block c-card__block--main">
46 $it.title$
47 </div>
48 </a>
49 $endfor$
50 $endif$
51 </div> 35 </div>
52 </div> 36 </div>
53</section> 37</section>
diff --git a/templates/layouts/page.html b/templates/layouts/page.html
index e406d99..f1060ca 100644
--- a/templates/layouts/page.html
+++ b/templates/layouts/page.html
@@ -1,6 +1,6 @@
1<div class="s-body"> 1<div class="s-body">
2 <section class="l-container l-container--pad-x l-container--pad-y l-container--content s-colored-links s-headlines"> 2 <section class="l-container l-container--pad-x l-container--pad-y l-container--content s-colored-links s-headlines">
3 $if(show_date)$ 3 $if(date)$
4 <div class="s-body__meta"> 4 <div class="s-body__meta">
5 $date.long$ 5 $date.long$
6 </div> 6 </div>