diff options
| 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 |
| commit | ae5f68ba51bbbe308cc56e70e70209652c869843 (patch) | |
| tree | 87527a981c6131f2a40a07c8e8dbada39548bf2f /src/write | |
| parent | f36f93b702729f14021746d56b192b25ac3ed1b7 (diff) | |
basic image overlays
Diffstat (limited to 'src/write')
| -rw-r--r-- | src/write/page-template.js | 15 |
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', |