From 6e0a7ea009b08983f2966d51fe4438681c0863c3 Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Fri, 26 Mar 2021 23:17:56 +0100
Subject: WIP: Redesign
---
templates/layouts/categorized_list.html | 34 +++++++++++++++++----------------
templates/layouts/index copy.html | 2 +-
templates/layouts/index.html | 25 ++++++++++++++++++------
templates/layouts/page.html | 18 +++++++++--------
4 files changed, 48 insertions(+), 31 deletions(-)
(limited to 'templates/layouts')
diff --git a/templates/layouts/categorized_list.html b/templates/layouts/categorized_list.html
index b32d2d5..8c25ec0 100644
--- a/templates/layouts/categorized_list.html
+++ b/templates/layouts/categorized_list.html
@@ -1,21 +1,23 @@
-<main class="c-page s-page l-container l-container--content l-container--pad-v">
- <div class="c-page__content s-page-content">
+<main>
+ <div class="c-page s-page l-container l-container--content l-container--pad-x l-container--pad-y">
+ <div class="c-page__content s-page-content">
$body$
- $for(pages.by_category)$
- <h2 class="c-page__prefixed c-page__prefixed--h2">
- $for(it.value/first)$
- $it.category.name$
- $endfor$
- </h2>
- <ul>
- $for(it.value)$
- <li class="c-page__prefixed c-page__prefixed--ref">
- <a href="$it.url.rel$">$it.title$</a>
- </li>
- $endfor$
- </ul>
- $endfor$
+ $for(pages.by_category)$
+ <h2 class="c-page__prefixed c-page__prefixed--h2">
+ $for(it.value/first)$
+ $it.category.name$
+ $endfor$
+ </h2>
+ <ul>
+ $for(it.value)$
+ <li class="c-page__prefixed c-page__prefixed--ref">
+ <a href="$it.url.rel$">$it.title$</a>
+ </li>
+ $endfor$
+ </ul>
+ $endfor$
+ </div>
</div>
</main>
diff --git a/templates/layouts/index copy.html b/templates/layouts/index copy.html
index 34d8b0f..bd7cd3f 100644
--- a/templates/layouts/index copy.html
+++ b/templates/layouts/index copy.html
@@ -1,4 +1,4 @@
-<main class="c-page s-page l-container l-container--content l-container--pad-v l-container--pad-v--first">
+<main class="c-page s-page l-container l-container--content l-container--pad-y l-container--pad-v--first">
<div class="c-page__content">
<header class="c-hero u-hidden@sm-down" role="presentation">
$-- ' | ' ' ' ' ' | | | ' '
diff --git a/templates/layouts/index.html b/templates/layouts/index.html
index b2ccaa6..9b43503 100644
--- a/templates/layouts/index.html
+++ b/templates/layouts/index.html
@@ -20,14 +20,27 @@
<div class="l-card-grid">
$for(profiles)$
- <div class="c-card">
- <div class="c-card__content">
- <div>
- <strong class="u-db">$it.platform$</strong>
- <small class="u-db">$it.username$</small>
+ $if(it.url)$
+ <a class="c-card" href="$it.url$">
+ $else$
+ <div class="c-card">
+ $endif$
+ <div class="c-card__content">
+ <div>
+ <strong class="u-db">$it.platform$</strong>
+ <small class="u-db">$it.username$</small>
+ </div>
+ $if(it.url)$
+ <svg class="c-card__icon o-icon">
+ <use href="#icon-link-external"></use>
+ </svg>
+ $endif$
</div>
+ $if(it.url)$
+ </a>
+ $else$
</div>
- </div>
+ $endif$
$endfor$
</div>
diff --git a/templates/layouts/page.html b/templates/layouts/page.html
index fca4b9f..9e7d85a 100644
--- a/templates/layouts/page.html
+++ b/templates/layouts/page.html
@@ -1,13 +1,15 @@
-<main class="c-page l-container l-container--content l-container--pad-v">
- <div class="c-page__content s-page-content">
- <header class="c-page__header">
- <h1 class="c-page__prefixed c-page__prefixed--h1 c-page__header__title">$title$</h1>
- $if(category)$
- <h2 class="c-page__header__meta">in $category.name$</h2>
- $endif$
- </header>
+<main>
+ <div class="c-page l-container l-container--content l-container--pad-x l-container--pad-y">
+ <div class="c-page__content s-page-content">
+ <header class="c-page__header">
+ <h1 class="c-page__prefixed c-page__prefixed--h1 c-page__header__title">$title$</h1>
+ $if(category)$
+ <h2 class="c-page__header__meta">in $category.name$</h2>
+ $endif$
+ </header>
$body$
+ </div>
</div>
</main>
--
cgit v1.2.3-70-g09d2