logo and font from cdn

neuland · Apr 18, 2024 · 62cb7fd · 62cb7fd
1 parent d681ce7
commit 62cb7fd
Show file tree

Hide file tree

Showing 6 changed files with 11 additions and 8 deletions.
diff --git a/src/checkout/components/CompactHeader.js b/src/checkout/components/CompactHeader.js
@@ -1,12 +1,12 @@
-import { html } from "../utils.js";
+import { html, IMAGE_SERVER } from "../utils.js";
 
 export default () => {
   return html`<header class="c_CompactHeader">
     <div class="c_CompactHeader__inner">
       <a class="c_CompactHeader__link" href="/">
         <img
           class="c_CompactHeader__logo"
-          src="/cdn/img/logo.svg"
+          src="${IMAGE_SERVER}/cdn/img/logo.svg"
           alt="Micro Frontends - Tractor Store"
         />
       </a>

diff --git a/src/checkout/styles.css b/src/checkout/styles.css
@@ -9,7 +9,8 @@
 
 @font-face {
   font-family: "Raleway";
-  src: url("/cdn/font/raleway-regular.woff2") format("woff2");
+  src: url("https://cdn.the-tractor.store/cdn/font/raleway-regular.woff2")
+    format("woff2");
   font-weight: normal;
   font-style: normal;
 }

diff --git a/src/checkout/utils.js b/src/checkout/utils.js
@@ -3,7 +3,7 @@
 export const html = String.raw;
 
 // use the image server if not using local images
-const IMAGE_SERVER =
+export const IMAGE_SERVER =
   typeof process === "undefined" || process.env.USE_LOCAL_IMAGES !== "true"
     ? "https://cdn.the-tractor.store"
     : "";

diff --git a/src/decide/styles.css b/src/decide/styles.css
@@ -3,7 +3,8 @@
 
 @font-face {
   font-family: "Raleway";
-  src: url("/cdn/font/Raleway-Regular.woff2") format("woff2");
+  src: url("https://cdn.the-tractor.store/cdn/font/Raleway-Regular.woff2")
+    format("woff2");
   font-weight: normal;
   font-style: normal;
 }

diff --git a/src/explore/components/Header.js b/src/explore/components/Header.js
@@ -1,6 +1,6 @@
 import MiniCart from "../../checkout/components/MiniCart.js";
 import Navigation from "./Navigation.js";
-import { html } from "../utils.js";
+import { html, IMAGE_SERVER } from "../utils.js";
 
 /**
  * Header component.
@@ -14,7 +14,7 @@ export default ({ c }) => {
       <a class="e_Header__link" href="/">
         <img
           class="e_Header__logo"
-          src="/cdn/img/logo.svg"
+          src="${IMAGE_SERVER}/cdn/img/logo.svg"
           alt="Micro Frontends - Tractor Store"
         />
       </a>

diff --git a/src/explore/styles.css b/src/explore/styles.css
@@ -11,7 +11,8 @@
 
 @font-face {
   font-family: "Raleway";
-  src: url("/cdn/font/raleway-regular.woff2") format("woff2");
+  src: url("https://cdn.the-tractor.store/cdn/font/raleway-regular.woff2")
+    format("woff2");
   font-weight: normal;
   font-style: normal;
 }