From ae5f68ba51bbbe308cc56e70e70209652c869843 Mon Sep 17 00:00:00 2001
From: "(quasar) nebula" <qznebula@protonmail.com>
Date: Sun, 26 Feb 2023 17:44:53 -0400
Subject: basic image overlays

---
 src/write/page-template.js | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

(limited to 'src/write')

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',
-- 
cgit 1.3.0-6-gf8a5