« get me outta code hell

content: generateCoverArtwork: mode commentary - hsmusic-wiki - HSMusic - static wiki software cataloguing collaborative creation
about summary refs log tree commit diff
path: root/src
diff options
context:
space:
mode:
author(quasar) nebula <qznebula@protonmail.com>2023-06-06 20:07:03 -0300
committer(quasar) nebula <qznebula@protonmail.com>2023-09-24 15:51:50 -0300
commit84686df07e1029bcad91b9fda47b6f3bd280ee56 (patch)
tree5aa10d8fd2ec6dd22eaed6140ec5f22f9bfda098 /src
parent424cb392d3a4fc2f7b47b68de30378fc5abf1321 (diff)
content: generateCoverArtwork: mode commentary
Diffstat (limited to 'src')
-rw-r--r--src/content/dependencies/generateCoverArtwork.js14
-rw-r--r--src/static/site4.css11
2 files changed, 24 insertions, 1 deletions
diff --git a/src/content/dependencies/generateCoverArtwork.js b/src/content/dependencies/generateCoverArtwork.js
index 4060c6b0..385385e3 100644
--- a/src/content/dependencies/generateCoverArtwork.js
+++ b/src/content/dependencies/generateCoverArtwork.js
@@ -32,7 +32,7 @@ export default {
     },
 
     mode: {
-      validate: v => v.is('primary', 'thumbnail'),
+      validate: v => v.is('primary', 'thumbnail', 'commentary'),
       default: 'primary',
     },
   },
@@ -73,6 +73,18 @@ export default {
             square: true,
           });
 
+      case 'commentary':
+        return relations.image
+          .slots({
+            path: slots.path,
+            alt: slots.alt,
+            thumb: 'medium',
+            class: 'commentary-art',
+            reveal: true,
+            link: true,
+            square: true,
+          });
+
       default:
         return html.blank();
     }
diff --git a/src/static/site4.css b/src/static/site4.css
index ab8976bc..eb8d5520 100644
--- a/src/static/site4.css
+++ b/src/static/site4.css
@@ -533,6 +533,13 @@ p .current {
   margin-top: 5px;
 }
 
+.commentary-art {
+  float: right;
+  width: 30%;
+  max-width: 250px;
+  margin: 15px 0 10px 20px;
+}
+
 .js-hide,
 .js-show-once-data,
 .js-hide-once-data {
@@ -1250,6 +1257,10 @@ html[data-url-key="localized.home"] .carousel-container {
   animation-delay: 125ms;
 }
 
+h3.content-heading {
+  clear: both;
+}
+
 /* This animation's name is referenced in JavaScript */
 @keyframes highlight-hash-link {
   0% {