diff options
author | (quasar) nebula <qznebula@protonmail.com> | 2022-12-06 18:36:04 -0400 |
---|---|---|
committer | (quasar) nebula <qznebula@protonmail.com> | 2022-12-06 18:36:04 -0400 |
commit | c703a9337b9d4d535c0b503f91684a2fbff89e93 (patch) | |
tree | 1005f57b1c1577a645e999cca56a1d92574eb082 /src/misc-templates.js | |
parent | d0059cc2743e785605bb7b34553dd2def528ab5c (diff) |
sticky cover art (a little wip)
Diffstat (limited to 'src/misc-templates.js')
-rw-r--r-- | src/misc-templates.js | 31 |
1 files changed, 27 insertions, 4 deletions
diff --git a/src/misc-templates.js b/src/misc-templates.js index 755ad649..10422a29 100644 --- a/src/misc-templates.js +++ b/src/misc-templates.js @@ -281,7 +281,7 @@ function unbound_generateCoverLink({ id: 'cover-art', link: true, square: true, - reveal: getRevealStringFromTags(tags, {language}), + reveal: getRevealStringFromTags(tags), }), wikiInfo.enableArtTagUI && @@ -722,14 +722,37 @@ function unbound_generateNavigationLinks(current, { // Sticky heading, ooooo -function unbound_generateStickyHeadingContainer(headingContent, { +function unbound_generateStickyHeadingContainer({ + getRevealStringFromTags, html, + img, + + coverSrc, + coverAlt, + coverTags, + title, }) { return html.tag('div', {class: 'content-sticky-heading-container'}, [ - html.tag('h1', headingContent), - html.tag('h2', {class: 'content-sticky-subheading'}), + html.tag('div', {class: 'content-sticky-heading-row'}, [ + html.tag('h1', title), + + coverSrc && + html.tag('div', {class: 'content-sticky-heading-cover-container'}, + html.tag('div', {class: 'content-sticky-heading-cover'}, + img({ + src: coverSrc, + alt: coverAlt, + thumb: 'small', + link: false, + square: true, + reveal: getRevealStringFromTags(coverTags), + }))), + ]), + + html.tag('div', {class: 'content-sticky-subheading-row'}, + html.tag('h2', {class: 'content-sticky-subheading'})), ]); } |