From 02ec6fe9d628d3675645fab41eadef5397d269c3 Mon Sep 17 00:00:00 2001
From: "(quasar) nebula" <qznebula@protonmail.com>
Date: Sun, 17 Nov 2024 16:34:12 -0400
Subject: content, css: generatePageLayout: move subtitle beneath cover

---
 src/content/dependencies/generatePageLayout.js | 3 ++-
 src/static/css/site.css                        | 8 ++++++++
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/content/dependencies/generatePageLayout.js b/src/content/dependencies/generatePageLayout.js
index ec1b3156..a895fe9a 100644
--- a/src/content/dependencies/generatePageLayout.js
+++ b/src/content/dependencies/generatePageLayout.js
@@ -300,12 +300,13 @@ export default {
 
         [
           titleHTML,
-          subtitleHTML,
 
           html.tag('div', {id: 'cover-art-container'},
             {[html.onlyIfContent]: true},
             slots.cover),
 
+          subtitleHTML,
+
           slots.additionalNames,
 
           html.tag('div', {class: 'main-content-container'},
diff --git a/src/static/css/site.css b/src/static/css/site.css
index 1ffe02fb..be13fded 100644
--- a/src/static/css/site.css
+++ b/src/static/css/site.css
@@ -2963,6 +2963,14 @@ html[data-language-code="preview-en"][data-url-key="localized.home"] #content
     z-index: 2;
   }
 
+  /* ...Except on top-indexes, where cover art is displayed prominently
+   * between the heading and subheading.
+   */
+  #content.top-index #cover-art-container {
+    float: none;
+    margin: 2em auto 2.5em auto;
+  }
+
   html[data-url-key="localized.home"] #page-container.showing-sidebar-left .grid-listing > .grid-item:not(:nth-child(n+7)) {
     flex-basis: 23%;
     margin: 15px;
-- 
cgit 1.3.0-6-gf8a5