Workaround to load background image from public folder on gh-pages

follesoe · Apr 9, 2020 · 10a767c · 10a767c
1 parent 3e88150
commit 10a767c
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 5 deletions.
diff --git a/public/index.html b/public/index.html
@@ -27,6 +27,12 @@
     <title>Gloomhaven Decks</title>
     <link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet">
     <link href="https://fonts.googleapis.com/css2?family=Sofadi+One&display=swap" rel="stylesheet">
+    <style>
+      .background-map {
+        background: url('%PUBLIC_URL%/gloomhaven/images/world-map/gloomhaven-map-orig.png') no-repeat center center fixed;
+        background-size: cover;
+      }
+    </style>
   </head>
   <body class="background-map">
     <noscript>You need to enable JavaScript to run this app.</noscript>

diff --git a/src/index.css b/src/index.css
@@ -14,11 +14,6 @@ code {
     monospace;
 }
 
-.background-map {
-  background: url('/gloomhaven/images/world-map/gloomhaven-map-orig.png') no-repeat center center fixed;
-  background-size: cover;
-}
-
 label {
   text-shadow: 3px 3px 6px black;
 }