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')

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