From 1395ec2e970d307394a241c78e138526ca4b7eb1 Mon Sep 17 00:00:00 2001
From: "(quasar) nebula" <qznebula@protonmail.com>
Date: Tue, 26 Aug 2025 16:41:02 -0300
Subject: data, content, css: Artwork.showFilename

---
 .../generateCoverArtworkOriginDetails.js             | 20 +++++++++++++++++---
 src/data/things/artwork.js                           |  2 ++
 src/static/css/site.css                              |  7 ++++++-
 3 files changed, 25 insertions(+), 4 deletions(-)

(limited to 'src')

diff --git a/src/content/dependencies/generateCoverArtworkOriginDetails.js b/src/content/dependencies/generateCoverArtworkOriginDetails.js
index ddd44286..95e34a08 100644
--- a/src/content/dependencies/generateCoverArtworkOriginDetails.js
+++ b/src/content/dependencies/generateCoverArtworkOriginDetails.js
@@ -49,6 +49,9 @@ export default {
     forSingleStyleAlbum:
       artwork.thing.isAlbum &&
       artwork.thing.style === 'single',
+
+    showFilename:
+      artwork.showFilename,
   }),
 
   generate: (data, relations, {html, language, pagePath}) =>
@@ -149,8 +152,8 @@ export default {
               year: relations.datetimestamp,
             });
 
-          const originDetails =
-            html.tag('span', {class: 'origin-details'},
+          const originDetailsLine =
+            html.tag('span', {class: 'origin-details-line'},
               {[html.onlyIfContent]: true},
 
               relations.originDetails.slots({
@@ -158,13 +161,24 @@ export default {
                 absorbPunctuationFollowingExternalLinks: false,
               }));
 
+          const filenameLine =
+            html.tag('span', {class: 'filename-line'},
+              {[html.onlyIfContent]: true},
+
+              html.tag('code', {class: 'filename'},
+                {[html.onlyIfContent]: true},
+
+                language.sanitize(data.showFilename)));
+
           return [
             artworkBy,
             trackArtFromAlbum,
             source,
             label,
             year,
-            originDetails,
+
+            originDetailsLine,
+            filenameLine,
           ];
         })())),
 };
diff --git a/src/data/things/artwork.js b/src/data/things/artwork.js
index 6e8f5fee..116d14d0 100644
--- a/src/data/things/artwork.js
+++ b/src/data/things/artwork.js
@@ -80,6 +80,7 @@ export class Artwork extends Thing {
     label: simpleString(),
     source: contentString(),
     originDetails: contentString(),
+    showFilename: simpleString(),
 
     dateFromThingProperty: simpleString(),
 
@@ -401,6 +402,7 @@ export class Artwork extends Thing {
       'Label': {property: 'label'},
       'Source': {property: 'source'},
       'Origin Details': {property: 'originDetails'},
+      'Show Filename': {property: 'showFilename'},
 
       'Date': {
         property: 'date',
diff --git a/src/static/css/site.css b/src/static/css/site.css
index 9c6f294d..2ea9109d 100644
--- a/src/static/css/site.css
+++ b/src/static/css/site.css
@@ -1764,7 +1764,12 @@ p.image-details.origin-details {
   margin-bottom: 2px;
 }
 
-p.image-details.origin-details .origin-details {
+p.image-details.origin-details .origin-details-line {
+  display: block;
+  margin-top: 0.25em;
+}
+
+p.image-details.origin-details .filename-line {
   display: block;
   margin-top: 0.25em;
 }
-- 
cgit 1.3.0-6-gf8a5