From 8177471f70a517e78b4470cd01c375ed30121102 Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Wed, 10 Nov 2021 21:20:58 +0100
Subject: Simplified home page

---
 templates/layouts/categorized_list.html | 84 +++++++++++++++----------------
 templates/layouts/index.html            | 88 ++++-----------------------------
 templates/layouts/list.html             | 68 +++++++++++++------------
 templates/layouts/page.html             | 16 +++---
 4 files changed, 91 insertions(+), 165 deletions(-)

(limited to 'templates/layouts')

diff --git a/templates/layouts/categorized_list.html b/templates/layouts/categorized_list.html
index f841fff..d5dafaf 100644
--- a/templates/layouts/categorized_list.html
+++ b/templates/layouts/categorized_list.html
@@ -1,49 +1,47 @@
-<section class="l-section l-section--no-header">
-    <div class="l-container l-container--pad-x l-container--pad-y l-container--content">
-        <div class="s-headlines s-colored-links">
-            <h1 class="u-mt0"><span class="s-headlines__title-inner">$title$</span></h1>
+<section class="l-container l-container--pad-x l-container--pad-y l-container--content">
+    <div class="s-headlines s-body s-colored-links">
+        <h1 class="u-mt0"><span class="s-headlines__title-inner">$title$</span></h1>
 
 $body$
-        </div>
+    </div>
 
-        <div class="c-post-list">
-            $for(pages.asc_title)$
-                $if(it.pages)$
-                    <h2 class="c-post-list__category-header">
-                        <a href="$it.url.rel$">$it.title$</a>
-                    </h2>
-                    <div class="c-post-list__category-content">
-                        $if(pages.asc_title.show_dates)$
-                            $for(it.pages.desc_date)$
-                                <a href="$it.url.rel$" class="c-post-list__post c-card">
-                                    <div class="c-card__block c-card__block--indicator"></div>
-                                    <div class="c-card__block c-card__block--main">
-                                        $it.title$
-                                    </div>
-                                    <time datetime="$it.date.yyyy_mm_dd$" class="c-card__block u-fs0">
-                                        <small class="u-dn@sm-hi">
-                                            $it.date.short$
-                                        </small>
-                                        <small class="u-dn@sm-lo">
-                                            $it.date.long$
-                                        </small>
-                                    </time>
-                                </a>
-                            $endfor$
-                        $else$
-                            $for(it.pages.asc_title)$
-                                <a href="$it.url.rel$" class="c-post-list__post c-card">
-                                    <div class="c-card__block c-card__block--indicator"></div>
-                                    <div class="c-card__block c-card__block--main">
-                                        $it.title$
-                                    </div>
-                                </a>
-                            $endfor$
-                        $endif$
-                    </div>
-                $endif$
-            $endfor$
-        </div>
+    <div class="c-post-list">
+        $for(pages.asc_title)$
+            $if(it.pages)$
+                <h2 class="c-post-list__category-header">
+                    <a href="$it.url.rel$">$it.title$</a>
+                </h2>
+                <div class="c-post-list__category-content">
+                    $if(pages.asc_title.show_dates)$
+                        $for(it.pages.desc_date)$
+                            <a href="$it.url.rel$" class="c-post-list__post c-card">
+                                <div class="c-card__block c-card__block--indicator"></div>
+                                <div class="c-card__block c-card__block--main">
+                                    $it.title$
+                                </div>
+                                <time datetime="$it.date.yyyy_mm_dd$" class="c-card__block u-fs0">
+                                    <small class="u-dn@sm-hi">
+                                        $it.date.short$
+                                    </small>
+                                    <small class="u-dn@sm-lo">
+                                        $it.date.long$
+                                    </small>
+                                </time>
+                            </a>
+                        $endfor$
+                    $else$
+                        $for(it.pages.asc_title)$
+                            <a href="$it.url.rel$" class="c-post-list__post c-card">
+                                <div class="c-card__block c-card__block--indicator"></div>
+                                <div class="c-card__block c-card__block--main">
+                                    $it.title$
+                                </div>
+                            </a>
+                        $endfor$
+                    $endif$
+                </div>
+            $endif$
+        $endfor$
     </div>
 </section>
 
diff --git a/templates/layouts/index.html b/templates/layouts/index.html
index 1f1a092..b76c606 100644
--- a/templates/layouts/index.html
+++ b/templates/layouts/index.html
@@ -1,81 +1,13 @@
-<section class="l-section l-section--fullscreen l-section--no-header l-section--flex">
-    <div class="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 s-body">
-                    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 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__block o-icon">
-                                        <use href="/symbols.svg#icon-$it.icon$"></use>
-                                    </svg>
-                                $endif$
-                                <div class="c-card__block c-card__block--main">
-                                    <strong class="u-db">$it.platform$</strong>
-                                    <small class="u-db">$it.username$</small>
-                                </div>
-                                $if(it.url)$
-                                    <svg class="c-card__block o-icon">
-                                        <use href="/symbols.svg#icon-arrow-up-right"></use>
-                                    </svg>
-                                $endif$
-                            $if(it.url)$
-                                </a>
-                            $else$
-                                </div>
-                            $endif$
-                        $endif$
-                    $endfor$
-                </div>
-
+<section class="l-container l-container--pad-x l-container--pad-y l-container--content">
+    <div class="s-headlines s-body">
 $body$
-            </div>
-        </section>
     </div>
-</section>
-
-<section class="l-section" id="projects">
-    <header class="l-section__header l-section__header--sticky">
-        <a class="c-outer-button" href="#projects">
-            <span class="c-outer-button__icon">
-                <svg class="c-outer-button__icon-symbol o-icon">
-                    <use href="/symbols.svg#icon-arrow-down-right"></use>
-                </svg>
-            </span>
-            <span class="c-outer-button__content">
-                $pages.by_id.projects.title$
-            </span>
-        </a>
-
-        <div class="l-section__header-separator"></div>
-    </header>
 
-    <div class="l-container l-container--pad-x l-container--pad-y l-project-grid">
-        $for(pages.by_id.projects.pages.all)$
-            $for(it.pages.all)$
-                <a class="l-project-grid__project c-project" href="$it.url.rel$">
-                    $if(it.preview)$
-                        <img class="c-project__picture" src="$it.preview.rel$" />
-                    $endif$
-                    <div class="c-project__card c-card">
+    <div id="projects" class="c-post-list c-post-list--grid">
+        <div class="c-post-list__category-content">
+            $for(pages.by_id.projects.pages.all)$
+                $for(it.pages.all)$
+                    <a href="$it.url.rel$" class="c-post-list__post c-card">
                         $if(pages.by_id.projects.pages.all.icon)$
                             <svg class="c-card__block o-icon">
                                 <use href="/symbols.svg#icon-$pages.by_id.projects.pages.all.icon$"></use>
@@ -88,9 +20,9 @@ $body$
                         <svg class="c-card__block o-icon">
                             <use href="/symbols.svg#icon-arrow-right"></use>
                         </svg>
-                    </div>
-                </a>
+                    </a>
+                $endfor$
             $endfor$
-        $endfor$
+        </div>
     </div>
 </section>
diff --git a/templates/layouts/list.html b/templates/layouts/list.html
index f269d10..4831228 100644
--- a/templates/layouts/list.html
+++ b/templates/layouts/list.html
@@ -1,41 +1,39 @@
-<section class="l-section l-section--no-header">
-    <div class="l-container l-container--pad-x l-container--pad-y l-container--content">
-        <div class="s-headlines s-colored-links">
-            <h1 class="u-mt0"><span class="s-headlines__title-inner">$title$</span></h1>
+<section class="l-container l-container--pad-x l-container--pad-y l-container--content">
+    <div class="s-headlines s-colored-links">
+        <h1 class="u-mt0"><span class="s-headlines__title-inner">$title$</span></h1>
 
 $body$
-        </div>
+    </div>
 
-        <div class="c-post-list">
-            <div class="c-post-list__category-content">
-                $if(show_dates)$
-                    $for(pages.desc_date)$
-                        <a href="$it.url.rel$" class="c-post-list__post c-card">
-                            <div class="c-card__block c-card__block--indicator"></div>
-                            <div class="c-card__block c-card__block--main">
-                                $it.title$
-                            </div>
-                            <time datetime="$it.date.yyyy_mm_dd$" class="c-card__block u-fs0">
-                                <small class="u-dn@sm-hi">
-                                    $it.date.short$
-                                </small>
-                                <small class="u-dn@sm-lo">
-                                    $it.date.long$
-                                </small>
-                            </time>
-                        </a>
-                    $endfor$
-                $else$
-                    $for(pages.asc_title)$
-                        <a href="$it.url.rel$" class="c-post-list__post c-card">
-                            <div class="c-card__block c-card__block--indicator"></div>
-                            <div class="c-card__block c-card__block--main">
-                                $it.title$
-                            </div>
-                        </a>
-                    $endfor$
-                $endif$
-            </div>
+    <div class="c-post-list">
+        <div class="c-post-list__category-content">
+            $if(show_dates)$
+                $for(pages.desc_date)$
+                    <a href="$it.url.rel$" class="c-post-list__post c-card">
+                        <div class="c-card__block c-card__block--indicator"></div>
+                        <div class="c-card__block c-card__block--main">
+                            $it.title$
+                        </div>
+                        <time datetime="$it.date.yyyy_mm_dd$" class="c-card__block u-fs0">
+                            <small class="u-dn@sm-hi">
+                                $it.date.short$
+                            </small>
+                            <small class="u-dn@sm-lo">
+                                $it.date.long$
+                            </small>
+                        </time>
+                    </a>
+                $endfor$
+            $else$
+                $for(pages.asc_title)$
+                    <a href="$it.url.rel$" class="c-post-list__post c-card">
+                        <div class="c-card__block c-card__block--indicator"></div>
+                        <div class="c-card__block c-card__block--main">
+                            $it.title$
+                        </div>
+                    </a>
+                $endfor$
+            $endif$
         </div>
     </div>
 </section>
diff --git a/templates/layouts/page.html b/templates/layouts/page.html
index 70f645b..978f7f6 100644
--- a/templates/layouts/page.html
+++ b/templates/layouts/page.html
@@ -1,13 +1,11 @@
-<section class="l-section l-section--no-header l-section--body">
-    <div class="l-container l-container--pad-x l-container--pad-y l-container--content s-colored-links s-headlines s-headlines--body s-body">
-        $if(show_date)$
-            <div class="s-body__meta">
-                $date.long$
-            </div>
-        $endif$
+<section class="l-container l-container--pad-x l-container--pad-y l-container--content s-colored-links s-headlines s-headlines--body s-body">
+    $if(show_date)$
+        <div class="s-body__meta">
+            $date.long$
+        </div>
+    $endif$
 
-        <h1 class="u-mt0"><span class="s-headlines__title-inner">$title$</span></h1>
+    <h1 class="u-mt0"><span class="s-headlines__title-inner">$title$</span></h1>
 
 $body$
-    </div>
 </section>
-- 
cgit v1.2.3-70-g09d2