updated deps

.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.2.4.cjs
+yarnPath: .yarn/releases/yarn-3.0.2.cjs

package.json

@@ -13,7 +13,7 @@
     "@popperjs/core": "^2.11.6",
     "axios": "^1.1.3",
     "bootstrap": "^5.2.2",
-    "core-js": "^3.26.1",
+    "core-js": "^3.26.0",
     "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.2.4"
+  "packageManager": "yarn@3.0.2"
 }

src/scss/custom.scss

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

src/views/HomeView.vue

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

vue.config.js

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