Merge pull request #40 from esciencecenter-digital-skills/fix_nlesc_s…

…tyle_img_paths_in_prod Use baseUrl for nlesc style images
esciencecenter-digital-skills · May 15, 2024 · 85b0b29 · 85b0b29
2 parents 555661f + a3f42c6
commit 85b0b29
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 11 deletions.
diff --git a/layouts/nlesc-decorations.js b/layouts/nlesc-decorations.js
@@ -17,6 +17,7 @@ export default {
 
 function initDecorations (deck) {
   const reveal = deck.getRevealElement()
+  const baseUrl = useRuntimeConfig().public.repoName;
   const decorations = document.createElement('div')
   decorations.setAttribute('id', 'decorations')
   decorations.innerHTML = `
@@ -28,22 +29,22 @@ function initDecorations (deck) {
   <div id="yellow-half-strip"></div>
   <div id="touch-pane"><h3>Let's stay<br>in touch</h3></div>
   <div id="empowering"><h3>“Empowering researchers across all disciplines through innovative research software”</h3></div>
-  <div id="logo-color"><img src="/nlesc_style_files/logo-fc.svg"></div>
-  <div id="logo-part-white"><img src="/nlesc_style_files/logo-fc-part-white.svg"></div>
-  <div id="logo-white"><img src="/nlesc_style_files/logo-fc-white.svg"></div>
-  <div id="yellow-flag"><img class="left-e" src="/nlesc_style_files/e-logo.svg"></img></div>
-  <div id="purple-half-circle-logo"><img class="logo" src="/nlesc_style_files/logo-fc-part-white.svg"></img></div>
+  <div id="logo-color"><img src="/${baseUrl}/nlesc_style_files/logo-fc.svg"></div>
+  <div id="logo-part-white"><img src="/${baseUrl}/nlesc_style_files/logo-fc-part-white.svg"></div>
+  <div id="logo-white"><img src="/${baseUrl}/nlesc_style_files/logo-fc-white.svg"></div>
+  <div id="yellow-flag"><img class="left-e" src="/${baseUrl}/nlesc_style_files/e-logo.svg"></img></div>
+  <div id="purple-half-circle-logo"><img class="logo" src="/${baseUrl}/nlesc_style_files/logo-fc-part-white.svg"></img></div>
   <div id="blue-strip"><div id="footer"></div></div>
-  <img id="right-e" src="/nlesc_style_files/letter-e.svg"></img>
-  <img id="left-e" src="/nlesc_style_files/e-logo.svg"></img>
+  <img id="right-e" src="/${baseUrl}/nlesc_style_files/letter-e.svg"></img>
+  <img id="left-e" src="/${baseUrl}/nlesc_style_files/e-logo.svg"></img>
   <div id="purple-blob">
     <div class="blob1"></div>
     <div class="blob2"></div>
     <div class="box"></div>
   </div>
-  <div id="globe"><img src="/nlesc_style_files/globe.png"></img></div>
-  <div id="mail"><img src="/nlesc_style_files/mail.png"></img></div>
-  <div id="phone"><img src="/nlesc_style_files/phone.png"></img></div>
+  <div id="globe"><img src="/${baseUrl}/nlesc_style_files/globe.png"></img></div>
+  <div id="mail"><img src="/${baseUrl}/nlesc_style_files/mail.png"></img></div>
+  <div id="phone"><img src="/${baseUrl}/nlesc_style_files/phone.png"></img></div>
   `
   reveal.prepend(decorations)
 }
diff --git a/layouts/style.scss b/layouts/style.scss
@@ -7,7 +7,7 @@
 @import url('reveal.js/dist/reveal.css');
 @import url('~/layouts/nlesc-decorations.scss');
 
-p{
+p, ul, ol{
   a{
    text-decoration: underline;
  }