« get me outta code hell

basic image overlays - hsmusic-wiki - HSMusic - static wiki software cataloguing collaborative creation
about summary refs log tree commit diff
path: root/src/write
diff options
context:
space:
mode:
author(quasar) nebula <qznebula@protonmail.com>2023-02-26 17:44:53 -0400
committer(quasar) nebula <qznebula@protonmail.com>2023-02-26 17:59:10 -0400
commitae5f68ba51bbbe308cc56e70e70209652c869843 (patch)
tree87527a981c6131f2a40a07c8e8dbada39548bf2f /src/write
parentf36f93b702729f14021746d56b192b25ac3ed1b7 (diff)
basic image overlays
Diffstat (limited to 'src/write')
-rw-r--r--src/write/page-template.js15
1 files changed, 15 insertions, 0 deletions
diff --git a/src/write/page-template.js b/src/write/page-template.js
index de369018..f47d3f0d 100644
--- a/src/write/page-template.js
+++ b/src/write/page-template.js
@@ -439,6 +439,20 @@ export function generateDocumentHTML(pageInfo, {
           })),
       ])));
 
+  const imageOverlayHTML = html.tag('div', {id: 'image-overlay-container'},
+    html.tag('div', {id: 'image-overlay-content-container'}, [
+      html.tag('a', {id: 'image-overlay-image-container'}, [
+        html.tag('img', {id: 'image-overlay-image'}),
+        html.tag('img', {id: 'image-overlay-image-thumb'}),
+      ]),
+      html.tag('div', {id: 'image-overlay-action-container'}, [
+        language.$('releaseInfo.viewOriginalFile', {
+          link: html.tag('a', {id: 'image-overlay-view-original'},
+            language.$('releaseInfo.viewOriginalFile.link')),
+        }),
+      ]),
+    ]));
+
   const socialEmbedHTML = [
     socialEmbed.title &&
       html.tag('meta', {property: 'og:title', content: socialEmbed.title}),
@@ -580,6 +594,7 @@ export function generateDocumentHTML(pageInfo, {
           ]),
 
           infoCardHTML,
+          imageOverlayHTML,
 
           html.tag('script', {
             type: 'module',