Updated references to new assets location.

All references are now also absolute to escape relative references.

src/Vinlottis.vue

@@ -82,16 +82,16 @@ export default {
 @font-face {
   font-family: "knowit";
   font-weight: 600;
-  src: url("/../public/assets/fonts/bold.woff"),
+  src: url("/assets/fonts/bold.woff"),
-    url("/../public/assets/fonts/bold.woff") format("woff"), local("Arial");
+    url("/assets/fonts/bold.woff") format("woff"), local("Arial");
   font-display: swap;
 }
 
 @font-face {
   font-family: "knowit";
   font-weight: 300;
-  src: url("/../public/assets/fonts/regular.eot"),
+  src: url("/assets/fonts/regular.eot"),
-    url("/../public/assets/fonts/regular.woff") format("woff"), local("Arial");
+    url("/assets/fonts/regular.woff") format("woff"), local("Arial");
   font-display: swap;
 }
 

src/components/RegisterPage.vue

@@ -654,9 +654,9 @@ hr {
   width: 150px;
   height: 150px;
   margin: 20px;
-  -webkit-mask-image: url(/../../public/assets/images/lodd.svg);
+  -webkit-mask-image: url(/assets/images/lodd.svg);
   background-repeat: no-repeat;
-  mask-image: url(/../../public/assets/images/lodd.svg);
+  mask-image: url(/assets/images/lodd.svg);
   -webkit-mask-repeat: no-repeat;
   mask-repeat: no-repeat;
 

src/components/VinlottisPage.vue

@@ -4,7 +4,7 @@
       <section class="header-and-notification">
           <h1 @click="startCountdown">Vinlotteri</h1>
           <img
-            src="/public/assets/images/notification.svg"
+            src="/assets/images/notification.svg"
             alt="Notification-bell"
             @click="requestNotificationAccess"
             class="notification-request-button"

src/components/VirtualLotteryPage.vue

@@ -323,9 +323,9 @@ export default {
   width: 150px;
   height: 150px;
   margin: 20px;
-  -webkit-mask-image: url(/../../public/assets/images/lodd.svg);
+  -webkit-mask-image: url(/assets/images/lodd.svg);
   background-repeat: no-repeat;
-  mask-image: url(/../../public/assets/images/lodd.svg);
+  mask-image: url(/assets/images/lodd.svg);
   -webkit-mask-repeat: no-repeat;
   mask-repeat: no-repeat;
 

src/components/VirtualLotteryRegistrationPage.vue

@@ -359,9 +359,9 @@ hr {
   width: 140px;
   height: 150px;
   margin: 20px 0;
-  -webkit-mask-image: url(/../../public/assets/images/lodd.svg);
+  -webkit-mask-image: url(/assets/images/lodd.svg);
   background-repeat: no-repeat;
-  mask-image: url(/../../public/assets/images/lodd.svg);
+  mask-image: url(/assets/images/lodd.svg);
   -webkit-mask-repeat: no-repeat;
   mask-repeat: no-repeat;
   color: #333333;

src/service-worker/service-worker.js

@@ -129,8 +129,8 @@ self.addEventListener("fetch", event => {
 function showLocalNotification(title, body, link, swRegistration) {
   const options = {
     body,
-    icon: "https://lottis.vin/public/assets/images/favicon.png",
+    icon: "https://lottis.vin/assets/images/favicon.png",
-    image: "https://lottis.vin/public/assets/images/favicon.png",
+    image: "https://lottis.vin/assets/images/favicon.png",
     vibrate: [300],
     data: { link: link }
   };

src/styles/global.scss

@@ -275,9 +275,9 @@ textarea {
 
 .raffle-element {
   margin: 20px 0;
-  -webkit-mask-image: url(/../../public/assets/images/lodd.svg);
+  -webkit-mask-image: url(/assets/images/lodd.svg);
   background-repeat: no-repeat;
-  mask-image: url(/../../public/assets/images/lodd.svg);
+  mask-image: url(/assets/images/lodd.svg);
   -webkit-mask-repeat: no-repeat;
   mask-repeat: no-repeat;
   color: #333333;

src/templates/Create.html

@@ -12,7 +12,7 @@
     <meta name="author" content="Kasper Rynning-Tønnesen & Kevin Midbøe" />
     <link
       rel="preload"
-      href="/public/assets/fonts/bold.woff"
+      href="/assets/fonts/bold.woff"
       as="font"
       crossorigin
     />
@@ -23,24 +23,24 @@
     <link
       rel="apple-touch-icon"
       sizes="152x152"
-      href="/public/assets/images/apple-touch-icon.png"
+      href="/assets/images/apple-touch-icon.png"
     />
     <link
       rel="icon"
       type="image/png"
       sizes="32x32"
-      href="/public/assets/images/favicon-32x32.png"
+      href="/assets/images/favicon-32x32.png"
     />
     <link
       rel="icon"
       type="image/png"
       sizes="16x16"
-      href="/public/assets/images/favicon-16x16.png"
+      href="/assets/images/favicon-16x16.png"
     />
-    <link rel="manifest" href="/public/assets/manifest.json" />
+    <link rel="manifest" href="/assets/manifest.json" />
     <link
       rel="mask-icon"
-      href="/public/assets/images/safari-pinned-tab.svg"
+      href="/assets/images/safari-pinned-tab.svg"
       color="#23101f"
     />
     <meta name="msapplication-TileColor" content="#da532c" />

src/ui/Banner.vue

@@ -2,7 +2,7 @@
   <div class="top-banner">
     <!-- Mobile -->
     <router-link to="/" class="company-logo">
-      <img src="/public/assets/images/knowit.svg" alt="knowit logo" />
+      <img src="/assets/images/knowit.svg" alt="knowit logo" />
     </router-link>
 
     <a class="menu-toggle-container" aria-label="show-menu" @click="toggleMenu" :class="isOpen ? 'open' : 'collapsed'" >

src/ui/RaffleGenerator.vue

@@ -287,9 +287,9 @@ label .text {
   width: 150px;
   height: 150px;
   margin: 20px;
-  -webkit-mask-image: url(/../../public/assets/images/lodd.svg);
+  -webkit-mask-image: url(/assets/images/lodd.svg);
   background-repeat: no-repeat;
-  mask-image: url(/../../public/assets/images/lodd.svg);
+  mask-image: url(/assets/images/lodd.svg);
   -webkit-mask-repeat: no-repeat;
   mask-repeat: no-repeat;
 

src/ui/Vipps.vue

@@ -6,7 +6,7 @@
       @click="openVipps"
     >
       <img
-        src="/public/assets/images/vipps-logo.svg"
+        src="/assets/images/vipps-logo.svg"
         class="vipps-logo"
         alt="vipps logo"
       />
@@ -21,7 +21,7 @@
         pr. lodd
       </span>
       <ing
-        src="/public/assets/images/vipps-qr.png"
+        src="/assets/images/vipps-qr.png"
         class="qr-logo"
         v-if="qrFailed"
       />