From 604dcfe244ab8f6913db9dec3de5796ad32f43f5 Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Sat, 11 Jun 2022 16:26:47 +0200
Subject: Removed private section, various improvements

---
 templates/layouts/categorized_list.html    | 10 ++++----
 templates/layouts/page.html                |  2 +-
 templates/partials/ascii_fox.html          |  2 +-
 templates/partials/ascii_fox_small.html    |  2 +-
 templates/partials/gallery_card.html       |  2 +-
 templates/partials/small_gallery_card.html | 39 ++++++++++++++++++++++++++++++
 6 files changed, 48 insertions(+), 9 deletions(-)
 create mode 100644 templates/partials/small_gallery_card.html

(limited to 'templates')

diff --git a/templates/layouts/categorized_list.html b/templates/layouts/categorized_list.html
index 7f94ff4..8217fd9 100644
--- a/templates/layouts/categorized_list.html
+++ b/templates/layouts/categorized_list.html
@@ -3,12 +3,10 @@
         <h1 class="o-heading o-heading--xxl u-mt-0"><span class="o-heading__primary">$title$</span></h1>
 
 $body$
-
     </header>
 
     $if(notoc)$$else$
         <nav class="c-hnav s-invisible-links">
-            $-- <h2 class="u-mt-0">Sections:</h2>
             $for(list)$
                 <small><a href="#$it.slug$">$it.title$</a></small>
             $endfor$
@@ -18,9 +16,9 @@ $body$
     <div class="l-card-list">
         $for(list)$
             <section>
-                <div class="l-media l-media--flush">
+                <header class="l-card-list__header l-media l-media--flush">
                     <div class="l-media__block l-media__block--main">
-                        <h2 class="s-invisible-links" id="$it.slug$">
+                        <h2 class="s-invisible-links u-mt-0" id="$it.slug$">
                             <a href="$it.url.rel$">$it.title$</a>
                         </h2>
                     </div>
@@ -29,13 +27,15 @@ $body$
                             $it.omitted$ more items <span class="u-ml-10">→</span>
                         </a>
                     $endif$
-                </div>
+                </header>
                 $if(it.description)$
                     <div class="s-small s-colored-links">$it.description$</div>
                 $endif$
                 <div class="l-card-list__cards l-card-list__cards--$it.layout.id$">
                     $if(it.layout.is_grid)$
                         $it.items:partials/grid_card()$
+                    $elseif(it.layout.is_small-gallery)$
+                        $it.items:partials/small_gallery_card()$
                     $elseif(it.layout.is_gallery)$
                         $it.items:partials/gallery_card()$
                     $else$
diff --git a/templates/layouts/page.html b/templates/layouts/page.html
index 324a01c..1037938 100644
--- a/templates/layouts/page.html
+++ b/templates/layouts/page.html
@@ -1,4 +1,4 @@
-<article class="l-container l-container--pad-x l-container--pad-y l-container--narrow s-body s-colored-links s-headings s-blockquotes s-code $if(intro)$s-intro$endif$">
+<article class="l-container l-container--pad-x l-container--pad-y l-container--narrow s-body s-colored-links s-headings s-blockquotes s-code s-lists $if(intro)$s-intro$endif$">
     $if(date)$
         <div class="o-badge s-body__meta u-mb-125">
             $date.long$
diff --git a/templates/partials/ascii_fox.html b/templates/partials/ascii_fox.html
index f5e5316..bdce36b 100644
--- a/templates/partials/ascii_fox.html
+++ b/templates/partials/ascii_fox.html
@@ -3,7 +3,7 @@
          '                  '       '      '      '            '      '             '   '       '            '      '          '         
  '  .    |                  |       |      '      '            '      '             '   |       |            '      '          |       ' 
  '     | |                  |     ' |      '      '            '      '             '   |    :  |            '      '          | .     ' 
- '     ' |                  |  .    |      '      9thPK7O3xn   '      '             '   |       |            '      '          |       ' 
+ '     ' |                  |  .    |      '      '            '      '             '   |       |            '      '          |       ' 
  '       |               __~|  |    |      '      '            '      '             '   | |     |            '      '          | |     ' 
  '  '    |__          ,(    |'      |_     '      '            '       <strong>//\_</strong>         '   | '   . |            '      '          | '     ' 
  '       |   )~._   _(    . )      .|  )   '      <strong>____,...,______..,_~``  -`..,</strong>     '   |     ' |        . ( '      '          |       ' 
diff --git a/templates/partials/ascii_fox_small.html b/templates/partials/ascii_fox_small.html
index ea05aa2..97ce600 100644
--- a/templates/partials/ascii_fox_small.html
+++ b/templates/partials/ascii_fox_small.html
@@ -2,7 +2,7 @@
   '     '                                        '     '               
   |     |              '    '                '   |     |        '    ' 
   | '   |              '    '                '   |   ' |        '    ' 
-  |     |           9thPK7O3xn               '   |  .  |        '    ' 
+  |     |              '    '                '   |  .  |        '    ' 
   |   . |              '    '     <strong>//\__</strong>      '   |     |        '    ' 
   |     |          <strong>_.~-"""-----~``  ,-´</strong>      '   |'    |        '    ' 
   | |  '|       <strong>.´  ,~'\ ).,__,)/,,"</strong>         '   |  |  |        '    ' 
diff --git a/templates/partials/gallery_card.html b/templates/partials/gallery_card.html
index 386843f..8e6f95a 100644
--- a/templates/partials/gallery_card.html
+++ b/templates/partials/gallery_card.html
@@ -1,6 +1,6 @@
 $if(it.url)$
 $if(it.thumbnail)$
-    <a href="$it.url.rel$" class="l-card-list__card c-card">
+    <a href="$it.url.rel$" class="l-card-list__card c-card" title="$it.title/nowrap$">
         <div class="c-card__row l-media l-media--flush">
             <div class="c-card__thumbnail">
                 <img
diff --git a/templates/partials/small_gallery_card.html b/templates/partials/small_gallery_card.html
new file mode 100644
index 0000000..35d87e4
--- /dev/null
+++ b/templates/partials/small_gallery_card.html
@@ -0,0 +1,39 @@
+$if(it.url)$
+$if(it.thumbnail)$
+    <a href="$it.url.rel$" class="l-card-list__card c-card" title="$it.title/nowrap$">
+        <div class="c-card__row l-media l-media--flush">
+            <div class="c-card__thumbnail">
+                <img
+                    class="c-card__thumbnail-img"
+                    src="$it.thumbnail.rel$"
+                    alt="Preview thumbnail of &quot;$it.title$&quot;"
+                    loading="lazy"
+                />
+            </div>
+        </div>
+        <div class="c-card__row l-media c-card__row--hidden">
+            <div class="l-media__block l-media__block--main">
+                $if(it.subtitle)$
+                    <strong class="u-d-block u-elp">$it.title$</strong>
+                    <small class="u-d-block u-elp">$it.subtitle$</small>
+                $elseif(it.category)$
+                    <small class="u-d-block u-elp">$it.category$</small>
+                    <strong class="u-d-block u-elp">$it.title$</strong>
+                $elseif(it.date)$
+                    <time datetime="$it.date.yyyy_mm_dd$">
+                        <small class="u-d-none@sm-hi">
+                            $it.date.short$
+                        </small>
+                        <small class="u-d-none@sm-lo">
+                            $it.date.long$
+                        </small>
+                    </time>
+                    <strong class="u-d-block u-elp">$it.title$</strong>
+                $else$
+                    $it.title$
+                $endif$
+            </div>
+        </div>
+    </a>
+$endif$
+$endif$
-- 
cgit v1.2.3-70-g09d2