diff options
Diffstat (limited to 'src')
-rw-r--r-- | src/content/dependencies/generateCoverArtworkOriginDetails.js | 20 | ||||
-rw-r--r-- | src/data/things/artwork.js | 2 | ||||
-rw-r--r-- | src/static/css/site.css | 7 |
3 files changed, 25 insertions, 4 deletions
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; } |