From 9763ea03164f983d77051a84609dcae80885b1c0 Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Fri, 12 Nov 2021 20:39:46 +0100
Subject: Improved page
---
templates/layouts/categorized_list.html | 54 ++++++++++++---------------------
templates/layouts/index.html | 8 ++---
templates/layouts/list.html | 50 +++++++++++-------------------
templates/layouts/page.html | 2 +-
4 files changed, 41 insertions(+), 73 deletions(-)
(limited to 'templates/layouts')
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$
</div>
<div class="c-card-list">
- $for(pages.asc_title)$
+ $for(pages.all)$
$if(it.pages)$
<h2 class="c-card-list__category-header">
<a href="$it.url.rel$">$it.title$</a>
</h2>
- <div class="c-card-list__category-content$if(pages.asc_title.list_grid)$ c-card-list__category-content--grid$endif$">
- $if(pages.asc_title.show_dates)$
- $for(it.pages.desc_date)$
- <a href="$it.url.rel$" class="c-card-list__card c-card">
- $if(pages.asc_title.show_read_indicators)$
- <div class="c-card__block c-card__block--indicator"></div>
- $endif$
- $if(pages.asc_title.icon)$
- <svg class="c-card__block o-icon">
- <use href="/symbols.svg#icon-$pages.asc_title.icon$"></use>
- </svg>
- $endif$
- <div class="c-card__block c-card__block--main">
- $it.title$
- </div>
+ <div class="c-card-list__category-content$if(it.list_grid)$ c-card-list__category-content--grid$endif$">
+ $for(it.pages.all)$
+ <a href="$it.url.rel$" class="c-card-list__card c-card">
+ $if(pages.all.show_read_indicators)$
+ <div class="c-card__block c-card__block--indicator"></div>
+ $endif$
+ $if(pages.all.icon)$
+ <svg class="c-card__block o-icon" width="1em" height="1em">
+ <use href="/symbols.svg#icon-$pages.all.icon$"></use>
+ </svg>
+ $endif$
+ <div class="c-card__block c-card__block--main">
+ $it.title$
+ </div>
+ $if(it.date)$
<time datetime="$it.date.yyyy_mm_dd$" class="c-card__block u-fs0">
<small class="u-dn@sm-hi">
$it.date.short$
@@ -34,25 +34,9 @@ $body$
$it.date.long$
</small>
</time>
- </a>
- $endfor$
- $else$
- $for(it.pages.asc_title)$
- <a href="$it.url.rel$" class="c-card-list__card c-card">
- $if(pages.asc_title.show_read_indicators)$
- <div class="c-card__block c-card__block--indicator"></div>
- $endif$
- $if(pages.asc_title.icon)$
- <svg class="c-card__block o-icon">
- <use href="/symbols.svg#icon-$pages.asc_title.icon$"></use>
- </svg>
- $endif$
- <div class="c-card__block c-card__block--main">
- $it.title$
- </div>
- </a>
- $endfor$
- $endif$
+ $endif$
+ </a>
+ $endfor$
</div>
$endif$
$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$
<div class="c-card-list__card c-card">
$endif$
$if(it.icon)$
- <svg class="c-card__block o-icon">
+ <svg class="c-card__block o-icon" width="1em" height="1em">
<use href="/symbols.svg#icon-$it.icon$"></use>
</svg>
$endif$
@@ -27,7 +27,7 @@ $body$
<small class="u-db">$it.username$</small>
</div>
$if(it.url)$
- <svg class="c-card__block o-icon">
+ <svg class="c-card__block o-icon" width="1em" height="1em">
<use href="/symbols.svg#icon-arrow-up-right"></use>
</svg>
$endif$
@@ -48,7 +48,7 @@ $body$
$for(it.pages.all)$
<a href="$it.url.rel$" class="c-card-list__card c-card">
$if(pages.by_id.projects.pages.all.icon)$
- <svg class="c-card__block o-icon">
+ <svg class="c-card__block o-icon" width="1em" height="1em">
<use href="/symbols.svg#icon-$pages.by_id.projects.pages.all.icon$"></use>
</svg>
$endif$
@@ -56,7 +56,7 @@ $body$
<small class="u-db">$pages.by_id.projects.pages.all.title$</small>
<strong class="u-db">$it.title$</strong>
</div>
- <svg class="c-card__block o-icon">
+ <svg class="c-card__block o-icon" width="1em" height="1em">
<use href="/symbols.svg#icon-arrow-right"></use>
</svg>
</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$
<div class="c-card-list">
<div class="c-card-list__category-content$if(list_grid)$ c-card-list__category-content--grid$endif$">
- $if(show_dates)$
- $for(pages.desc_date)$
- <a href="$it.url.rel$" class="c-card-list__card c-card">
- $if(show_read_indicators)$
- <div class="c-card__block c-card__block--indicator"></div>
- $endif$
- $if(icon)$
- <svg class="c-card__block o-icon">
- <use href="/symbols.svg#icon-$icon$"></use>
- </svg>
- $endif$
- <div class="c-card__block c-card__block--main">
- $it.title$
- </div>
+ $for(pages.all)$
+ <a href="$it.url.rel$" class="c-card-list__card c-card">
+ $if(show_read_indicators)$
+ <div class="c-card__block c-card__block--indicator"></div>
+ $endif$
+ $if(icon)$
+ <svg class="c-card__block o-icon">
+ <use href="/symbols.svg#icon-$icon$"></use>
+ </svg>
+ $endif$
+ <div class="c-card__block c-card__block--main">
+ $it.title$
+ </div>
+ $if(it.date)$
<time datetime="$it.date.yyyy_mm_dd$" class="c-card__block u-fs0">
<small class="u-dn@sm-hi">
$it.date.short$
@@ -29,25 +29,9 @@ $body$
$it.date.long$
</small>
</time>
- </a>
- $endfor$
- $else$
- $for(pages.asc_title)$
- <a href="$it.url.rel$" class="c-card-list__card c-card">
- $if(show_read_indicators)$
- <div class="c-card__block c-card__block--indicator"></div>
- $endif$
- $if(icon)$
- <svg class="c-card__block o-icon">
- <use href="/symbols.svg#icon-$icon$"></use>
- </svg>
- $endif$
- <div class="c-card__block c-card__block--main">
- $it.title$
- </div>
- </a>
- $endfor$
- $endif$
+ $endif$
+ </a>
+ $endfor$
</div>
</div>
</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 @@
<div class="s-body">
<section class="l-container l-container--pad-x l-container--pad-y l-container--content s-colored-links s-headlines">
- $if(show_date)$
+ $if(date)$
<div class="s-body__meta">
$date.long$
</div>
--
cgit v1.2.3-70-g09d2