From 8c83a2ef92be845c5ffecb1434028d0c68915936 Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Sun, 18 Apr 2021 15:44:32 +0200
Subject: Update

---
 templates/layouts/categorized_list.html |  37 ++++---
 templates/layouts/index.html            | 165 +++++++++++++++-----------------
 templates/layouts/page.html             |  18 +---
 3 files changed, 98 insertions(+), 122 deletions(-)

(limited to 'templates/layouts')

diff --git a/templates/layouts/categorized_list.html b/templates/layouts/categorized_list.html
index 8c25ec0..0e9142f 100644
--- a/templates/layouts/categorized_list.html
+++ b/templates/layouts/categorized_list.html
@@ -1,23 +1,22 @@
-<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">
+<section class="l-section l-section--no-head">
+    <div class="l-container l-container--pad-x l-container--pad-y l-container--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$
-        </div>
+        $for(pages.by_category)$
+            <h2>
+                $for(it.value/first)$
+                    $it.category.name$
+                $endfor$
+            </h2>
+            <ul>
+                $for(it.value)$
+                    <li>
+                        <a href="$it.url.rel$">$it.title$</a>
+                    </li>
+                $endfor$
+            </ul>
+        $endfor$
     </div>
-</main>
+</section>
+
 
diff --git a/templates/layouts/index.html b/templates/layouts/index.html
index 4163093..327f9f5 100644
--- a/templates/layouts/index.html
+++ b/templates/layouts/index.html
@@ -1,95 +1,80 @@
-<main>
-	<section class="l-section l-section--no-head l-landing">
-		<header class="l-landing__banner">
-			<div class="c-landing-banner l-container l-container--pad-x l-container--pad-y l-container--content">
-				<h1 class="c-landing-banner__title">
-					<span class="c-landing-banner__title-inner">
-						I'm a <strong class="c-landing-banner__emph">red fox</strong> in disguise.
-					</span>
-				</h1>
-				<p class="c-landing-banner__text">
-					Hi, I'm Volpeon. I enjoy programming, creating vector art and designing user interfaces.
-				</p>
-			</div>
-		</header>
+<section class="l-section l-section--no-head l-landing">
+    <header class="l-landing__banner">
+        <div class="c-landing-banner l-container l-container--pad-x l-container--pad-y l-container--content">
+            <h1 class="c-landing-banner__title">
+                <span class="c-landing-banner__title-inner">
+                    I'm a <strong class="c-landing-banner__emph">red fox</strong> in disguise.
+                </span>
+            </h1>
+            <p class="c-landing-banner__text">
+                Hi, I'm Volpeon. I enjoy programming, creating vector art and designing user interfaces.
+            </p>
+        </div>
+    </header>
 
-		<section class="l-landing__content">
-			<div class="l-container l-container--pad-x l-container--pad-y l-container--content s-body u-pt0@md-lo">
-				<div class="l-card-grid">
-					$for(profiles)$
-						$if(it.featured)$
-							$if(it.url)$
-								<a class="l-card-grid__card c-card" href="$it.url$">
-							$else$
-								<div class="l-card-grid__card c-card">
-							$endif$
-								$if(it.icon)$
-									<svg class="c-card__icon o-icon">
-										<use href="#icon-$it.icon$"></use>
-									</svg>
-								$endif$
-								<div class="c-card__content">
-									<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-arrow-up-right"></use>
-									</svg>
-								$endif$
-							$if(it.url)$
-								</a>
-							$else$
-								</div>
-							$endif$
-						$endif$
-					$endfor$
-				</div>
+    <section class="l-landing__content">
+        <div class="l-container l-container--pad-x l-container--pad-y l-container--content u-pt0@md-lo">
+            <div class="l-card-grid">
+                $for(profiles)$
+                    $if(it.featured)$
+                        $if(it.url)$
+                            <a class="l-card-grid__card c-card" href="$it.url$">
+                        $else$
+                            <div class="l-card-grid__card c-card">
+                        $endif$
+                            $if(it.icon)$
+                                <svg class="c-card__icon o-icon">
+                                    <use href="#icon-$it.icon$"></use>
+                                </svg>
+                            $endif$
+                            <div class="c-card__content">
+                                <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-arrow-up-right"></use>
+                                </svg>
+                            $endif$
+                        $if(it.url)$
+                            </a>
+                        $else$
+                            </div>
+                        $endif$
+                    $endif$
+                $endfor$
+            </div>
 
 $body$
-			</div>
-		</section>
-	</section>
+        </div>
+    </section>
+</section>
 
-	<section class="l-section">
-		<header class="l-section__head">
-			<a class="c-outer-button" href="#projects" id="projects">
-				<span class="c-outer-button__icon">
-					<svg class="c-outer-button__icon-symbol o-icon">
-						<use href="#icon-arrow-down-right"></use>
-					</svg>
-				</span>
-				<span class="c-outer-button__content">
-					$sections.projects.title$
-				</span>
-			</a>
-		</header>
+<section class="l-section">
+    <header class="l-section__head">
+        <a class="c-outer-button" href="#projects" id="projects">
+            <span class="c-outer-button__icon">
+                <svg class="c-outer-button__icon-symbol o-icon">
+                    <use href="#icon-arrow-down-right"></use>
+                </svg>
+            </span>
+            <span class="c-outer-button__content">
+                $subsections.projects.title$
+            </span>
+        </a>
+    </header>
 
-		<div class="l-container l-container--pad-x l-container--pad-y l-container--content l-card-grid">
-			$for(sections.projects.pages)$
-				<a class="l-card-grid__card c-card" href="$it.url.rel$">
-					<div class="c-card__content">
-						<small class="u-db">$it.category.name$</small>
-						<strong class="u-db">$it.title$</strong>
-					</div>
-					<svg class="c-card__icon o-icon">
-						<use href="#icon-arrow-right"></use>
-					</svg>
-				</a>
-			$endfor$
-		</div>
-	</section>
-
-	<footer class="c-footer">
-		<a class="c-outer-button c-outer-button--icon-only" href="#" title="To the top">
-			<span class="c-outer-button__icon">
-				<svg class="c-outer-button__icon-symbol o-icon">
-					<use href="#icon-arrow-up"></use>
-				</svg>
-			</span>
-		</a>
-		<div class="c-footer__content u-ar">
-			9thPK7O3xn
-		</div>
-	</footer>
-</main>
+    <div class="l-container l-container--pad-x l-container--pad-y l-container--content l-card-grid">
+        $for(subsections.projects.pages)$
+            <a class="l-card-grid__card c-card" href="$it.url.rel$">
+                <div class="c-card__content">
+                    <small class="u-db">$it.category.name$</small>
+                    <strong class="u-db">$it.title$</strong>
+                </div>
+                <svg class="c-card__icon o-icon">
+                    <use href="#icon-arrow-right"></use>
+                </svg>
+            </a>
+        $endfor$
+    </div>
+</section>
diff --git a/templates/layouts/page.html b/templates/layouts/page.html
index 9e7d85a..e006ddc 100644
--- a/templates/layouts/page.html
+++ b/templates/layouts/page.html
@@ -1,15 +1,7 @@
-<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>
+<section class="l-section l-section--no-head">
+    <div class="l-container l-container--pad-x l-container--pad-y l-container--content s-body">
+        <h1>$title$</h1>
 
-$body$
-        </div>
+        $body$
     </div>
-</main>
-
+</section>
-- 
cgit v1.2.3-54-g00ecf