diff options
| author | Volpeon <git@volpeon.ink> | 2021-11-14 16:42:53 +0100 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2021-11-14 16:42:53 +0100 |
| commit | 2dead666540586544c7628022ac71c60e4f27902 (patch) | |
| tree | fbdb3769ee217364e5e1a63602e5bb8f0714c532 | |
| parent | Optimized layout structure (diff) | |
| download | volpeon.ink-2dead666540586544c7628022ac71c60e4f27902.tar.gz volpeon.ink-2dead666540586544c7628022ac71c60e4f27902.tar.bz2 volpeon.ink-2dead666540586544c7628022ac71c60e4f27902.zip | |
Improved semantic structure
| -rw-r--r-- | templates/layouts/categorized_list.html | 38 | ||||
| -rw-r--r-- | templates/layouts/list.html | 4 | ||||
| -rw-r--r-- | templates/layouts/page.html | 4 | ||||
| -rw-r--r-- | templates/layouts/redirect.html | 4 |
4 files changed, 26 insertions, 24 deletions
diff --git a/templates/layouts/categorized_list.html b/templates/layouts/categorized_list.html index 20c0ee5..adeb762 100644 --- a/templates/layouts/categorized_list.html +++ b/templates/layouts/categorized_list.html | |||
| @@ -1,27 +1,29 @@ | |||
| 1 | <div class="s-headlines s-colored-links"> | 1 | <header class="s-headlines s-colored-links"> |
| 2 | <h1 class="u-mt0"><span class="s-headlines__title-inner">$title$</span></h1> | 2 | <h1 class="u-mt0"><span class="s-headlines__title-inner">$title$</span></h1> |
| 3 | 3 | ||
| 4 | $body$ | 4 | $body$ |
| 5 | </div> | 5 | </header> |
| 6 | 6 | ||
| 7 | <div class="c-card-list"> | 7 | <div class="c-card-list"> |
| 8 | $for(list)$ | 8 | $for(list)$ |
| 9 | <header class="c-card-list__category-header"> | 9 | <section> |
| 10 | <h2 class="c-card-list__category-title"> | 10 | <header class="c-card-list__category-header"> |
| 11 | <a href="$it.url.rel$">$it.title$</a> | 11 | <h2 class="c-card-list__category-title"> |
| 12 | </h2> | 12 | <a href="$it.url.rel$">$it.title$</a> |
| 13 | $if(it.content)$ | 13 | </h2> |
| 14 | <small class="c-card-list__category-subtitle">$it.content$</small> | 14 | $if(it.content)$ |
| 15 | <small class="c-card-list__category-subtitle">$it.content$</small> | ||
| 16 | $endif$ | ||
| 17 | </header> | ||
| 18 | $if(it.grid)$ | ||
| 19 | <div class="c-card-list__category-content c-card-list__category-content--grid"> | ||
| 20 | $it.items:partials/grid_card()$ | ||
| 21 | </div> | ||
| 22 | $else$ | ||
| 23 | <div class="c-card-list__category-content"> | ||
| 24 | $it.items:partials/list_card()$ | ||
| 25 | </div> | ||
| 15 | $endif$ | 26 | $endif$ |
| 16 | </header> | 27 | </section> |
| 17 | $if(it.grid)$ | ||
| 18 | <div class="c-card-list__category-content c-card-list__category-content--grid"> | ||
| 19 | $it.items:partials/grid_card()$ | ||
| 20 | </div> | ||
| 21 | $else$ | ||
| 22 | <div class="c-card-list__category-content"> | ||
| 23 | $it.items:partials/list_card()$ | ||
| 24 | </div> | ||
| 25 | $endif$ | ||
| 26 | $endfor$ | 28 | $endfor$ |
| 27 | </div> | 29 | </div> |
diff --git a/templates/layouts/list.html b/templates/layouts/list.html index ff29314..7eded4a 100644 --- a/templates/layouts/list.html +++ b/templates/layouts/list.html | |||
| @@ -1,8 +1,8 @@ | |||
| 1 | <div class="s-headlines s-colored-links"> | 1 | <header class="s-headlines s-colored-links"> |
| 2 | <h1 class="u-mt0"><span class="s-headlines__title-inner">$title$</span></h1> | 2 | <h1 class="u-mt0"><span class="s-headlines__title-inner">$title$</span></h1> |
| 3 | 3 | ||
| 4 | $body$ | 4 | $body$ |
| 5 | </div> | 5 | </header> |
| 6 | 6 | ||
| 7 | <div class="c-card-list"> | 7 | <div class="c-card-list"> |
| 8 | $if(list_grid)$ | 8 | $if(list_grid)$ |
diff --git a/templates/layouts/page.html b/templates/layouts/page.html index f6d3b53..e02ad51 100644 --- a/templates/layouts/page.html +++ b/templates/layouts/page.html | |||
| @@ -1,4 +1,4 @@ | |||
| 1 | <div class="s-body s-colored-links s-headlines"> | 1 | <article class="s-body s-colored-links s-headlines"> |
| 2 | $if(date)$ | 2 | $if(date)$ |
| 3 | <div class="s-body__meta"> | 3 | <div class="s-body__meta"> |
| 4 | $date.long$ | 4 | $date.long$ |
| @@ -8,4 +8,4 @@ | |||
| 8 | <h1 class="u-mt0"><span class="s-headlines__title-inner">$title$</span></h1> | 8 | <h1 class="u-mt0"><span class="s-headlines__title-inner">$title$</span></h1> |
| 9 | 9 | ||
| 10 | $body$ | 10 | $body$ |
| 11 | </div> | 11 | </article> |
diff --git a/templates/layouts/redirect.html b/templates/layouts/redirect.html index 457b4fe..ce48f59 100644 --- a/templates/layouts/redirect.html +++ b/templates/layouts/redirect.html | |||
| @@ -1,4 +1,4 @@ | |||
| 1 | <div class="s-body s-colored-links s-headlines"> | 1 | <article class="s-body s-colored-links s-headlines"> |
| 2 | <h1 class="u-mt0"><span class="s-headlines__title-inner">Redirect</span></h1> | 2 | <h1 class="u-mt0"><span class="s-headlines__title-inner">Redirect</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 | </div> | 4 | </article> |