From 19d3eb0bdfe505715d3b9f62a3cf8d340291a144 Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Thu, 11 Nov 2021 09:14:38 +0100
Subject: Show profiles on home page again; general updates

---
 templates/layouts/categorized_list.html | 28 +++++++++++++++------
 templates/layouts/index.html            | 43 ++++++++++++++++++++++++++++++---
 templates/layouts/list.html             | 26 +++++++++++++++-----
 3 files changed, 81 insertions(+), 16 deletions(-)

(limited to 'templates')

diff --git a/templates/layouts/categorized_list.html b/templates/layouts/categorized_list.html
index 8f8b1ae..fa0f000 100644
--- a/templates/layouts/categorized_list.html
+++ b/templates/layouts/categorized_list.html
@@ -5,17 +5,24 @@
 $body$
     </div>
 
-    <div class="c-post-list">
+    <div class="c-card-list">
         $for(pages.asc_title)$
             $if(it.pages)$
-                <h2 class="c-post-list__category-header">
+                <h2 class="c-card-list__category-header">
                     <a href="$it.url.rel$">$it.title$</a>
                 </h2>
-                <div class="c-post-list__category-content">
+                <div class="c-card-list__category-content$if(pages.asc_title.list_grid)$ c-card-list__category-content--grid$endif$">
                     $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>
+                            <a href="$it.url.rel$" class="c-card-list__card c-card">
+                                $if(pages.asc_title.show_read_indicators)$
+                                    <div class="c-card__block c-card__block--indicator"></div>
+                                $endif$
+                                $if(pages.asc_title.icon)$
+                                    <svg class="c-card__block o-icon">
+                                        <use href="/symbols.svg#icon-$pages.asc_title.icon$"></use>
+                                    </svg>
+                                $endif$
                                 <div class="c-card__block c-card__block--main">
                                     $it.title$
                                 </div>
@@ -31,8 +38,15 @@ $body$
                         $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>
+                            <a href="$it.url.rel$" class="c-card-list__card c-card">
+                                $if(pages.asc_title.show_read_indicators)$
+                                    <div class="c-card__block c-card__block--indicator"></div>
+                                $endif$
+                                $if(pages.asc_title.icon)$
+                                    <svg class="c-card__block o-icon">
+                                        <use href="/symbols.svg#icon-$pages.asc_title.icon$"></use>
+                                    </svg>
+                                $endif$
                                 <div class="c-card__block c-card__block--main">
                                     $it.title$
                                 </div>
diff --git a/templates/layouts/index.html b/templates/layouts/index.html
index a7b68c3..838f570 100644
--- a/templates/layouts/index.html
+++ b/templates/layouts/index.html
@@ -3,11 +3,48 @@
 $body$
     </div>
 
-    <div id="projects" class="c-post-list c-post-list--grid">
-        <div class="c-post-list__category-content">
+    <div class="c-card-list">
+        <h2 class="c-card-list__category-header">
+            Profiles
+        </h2>
+        <div class="c-card-list__category-content c-card-list__category-content--grid">
+            $for(profiles)$
+                $if(it.featured)$
+                    $if(it.url)$
+                        <a class="c-card-list__card c-card" href="$it.url$">
+                    $else$
+                        <div class="c-card-list__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>
+
+        <h2 class="c-card-list__category-header">
+            <a href="$pages.by_id.projects.url.rel$">$pages.by_id.projects.title$</a>
+        </h2>
+        <div class="c-card-list__category-content c-card-list__category-content--grid">
             $for(pages.by_id.projects.pages.all)$
                 $for(it.pages.all)$
-                    <a href="$it.url.rel$" class="c-post-list__post c-card">
+                    <a href="$it.url.rel$" class="c-card-list__card 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>
diff --git a/templates/layouts/list.html b/templates/layouts/list.html
index 4831228..c0045c0 100644
--- a/templates/layouts/list.html
+++ b/templates/layouts/list.html
@@ -5,12 +5,19 @@
 $body$
     </div>
 
-    <div class="c-post-list">
-        <div class="c-post-list__category-content">
+    <div class="c-card-list">
+        <div class="c-card-list__category-content$if(list_grid)$ c-card-list__category-content--grid$endif$">
             $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>
+                    <a href="$it.url.rel$" class="c-card-list__card c-card">
+                        $if(show_read_indicators)$
+                            <div class="c-card__block c-card__block--indicator"></div>
+                        $endif$
+                        $if(icon)$
+                            <svg class="c-card__block o-icon">
+                                <use href="/symbols.svg#icon-$icon$"></use>
+                            </svg>
+                        $endif$
                         <div class="c-card__block c-card__block--main">
                             $it.title$
                         </div>
@@ -26,8 +33,15 @@ $body$
                 $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>
+                    <a href="$it.url.rel$" class="c-card-list__card c-card">
+                        $if(show_read_indicators)$
+                            <div class="c-card__block c-card__block--indicator"></div>
+                        $endif$
+                        $if(icon)$
+                            <svg class="c-card__block o-icon">
+                                <use href="/symbols.svg#icon-$icon$"></use>
+                            </svg>
+                        $endif$
                         <div class="c-card__block c-card__block--main">
                             $it.title$
                         </div>
-- 
cgit v1.2.3-70-g09d2