fixed fonts; fixed relative url paths

.yarnrc.yml

@@ -4,4 +4,4 @@ plugins:
   - path: .yarn/plugins/@yarnpkg/plugin-interactive-tools.cjs
     spec: "@yarnpkg/plugin-interactive-tools"
 
-yarnPath: .yarn/releases/yarn-3.0.2.cjs
+yarnPath: .yarn/releases/yarn-3.2.4.cjs

package.json

@@ -13,7 +13,7 @@
     "@popperjs/core": "^2.11.6",
     "axios": "^1.1.3",
     "bootstrap": "^5.2.2",
-    "core-js": "^3.26.0",
+    "core-js": "^3.26.1",
     "dotenv-webpack": "^8.0.1",
     "echarts": "^5.4.0",
     "fork-awesome": "^1.2.0",
@@ -42,5 +42,5 @@
     "sass": "^1.56.1",
     "sass-loader": "^13.2.0"
   },
-  "packageManager": "yarn@3.0.2"
+  "packageManager": "yarn@3.2.4"
 }

src/scss/custom.scss

@@ -1,33 +1,19 @@
 // Custom.scss
 
 @import "~@fontsource/orbitron/index.css";
-@import "~@fontsource/open-sans/index.css";
-
-@font-face {
-  font-family: "OpenSans";
-  font-display: swap;
-}
-
-@font-face {
-  font-family: "OpenSansItalic";
-  font-display: swap;
-}
+@import "~@fontsource/open-sans/variable-full.css";
+@import "~fork-awesome/css/fork-awesome.css";
 
 @font-face {
   font-family: "CSRegular";
   src: local('CSRegular'),
-       url("/fonts/cs_regular.woff2") format("woff2"),
-       url("/fonts/cs_regular.ttf") format("truetype");
-  font-display: swap;
-}
-
-@font-face {
-  font-family: "Orbitron";
+       url("../../public/fonts/cs_regular.woff2") format("woff2"),
+       url("../../public/fonts/cs_regular.woff2") format("truetype");
   font-display: swap;
 }
 
 // Default variable overrides
-$font-family-base: 'OpenSans';
+$font-family-base: 'Open Sans';
 $body-color: white;
 
 $primary: #888f98;
@@ -48,8 +34,7 @@ $success: #609926;
 }
 
 // Bootstrap
-@import "../../node_modules/bootstrap/scss/bootstrap";
-@import "../../node_modules/fork-awesome/css/fork-awesome.css";
+@import "~bootstrap/scss/bootstrap";
 
 :root {
   // CSGO COLORS

src/views/HomeView.vue

@@ -148,12 +148,12 @@ table {
 .main-content {
   .head {
     // display jpg
-    background-image: url("/images/map_screenshots/default.png");
+    background-image: url("../../public/images/map_screenshots/default.png");
   }
 
   .head {
     // display webp if possible
-    background-image: url("/images/map_screenshots/default.webp");
+    background-image: url("../../public/images/map_screenshots/default.png");
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;

vue.config.js

@@ -6,12 +6,5 @@ module.exports = {
     plugins: [
       new Dotenv()
     ],
-  },
-  css: {
-    loaderOptions: {
-      css: {
-        url: false
-      }
-    }
   }
 }