redesign the home page to look better and load faster

SkyblockClient · Dec 20, 2023 · b3ddd07 · b3ddd07
1 parent c7303d3
commit b3ddd07
Show file tree

Hide file tree

Showing 17 changed files with 431 additions and 196 deletions.
diff --git a/docs/assets/favicon.png b/docs/assets/favicon.png
diff --git a/docs/backport/index.html b/docs/backport/index.html
@@ -53,7 +53,7 @@ <h2 style="font-size: medium">Java</h2>
       <p style="font-style: italic">
         Java is used by over 10 million developers and running on 56 billion devices globally!
       </p>
-      <img src="/assets/skyclient-linux.png" style="width: 100%" />
+      <img src="/assets/skyclient-java.png" style="width: 100%" />
       <ul>
         <li>Made by @koxx12-dev</li>
         <li>Made with Java</li>

diff --git a/docs/index.html b/docs/index.html
diff --git a/package.json b/package.json
@@ -5,6 +5,7 @@
     "preview": "vite preview"
   },
   "devDependencies": {
+    "html-minifier-terser": "^7.2.0",
     "mustache": "^4.2.0",
     "postcss": "^8.4.32",
     "prettier": "^3.1.1",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/public/assets/Skyclient.png b/public/assets/Skyclient.png
diff --git a/public/assets/Skyclient.svg b/public/assets/Skyclient.svg
diff --git a/public/assets/competitor-badlion.png b/public/assets/competitor-badlion.png
diff --git a/public/assets/competitor-feather.png b/public/assets/competitor-feather.png
diff --git a/public/assets/competitor-lunar.png b/public/assets/competitor-lunar.png
diff --git a/public/assets/competitor-vanilla.png b/public/assets/competitor-vanilla.png
diff --git a/public/assets/skyclient-linux.png → public/assets/skyclient-java.png b/public/assets/skyclient-linux.png → public/assets/skyclient-java.png
diff --git a/public/assets/skyclient-mart.png b/public/assets/skyclient-mart.png
diff --git a/public/assets/skyclient-windows-beta.png b/public/assets/skyclient-windows-beta.png
diff --git a/public/assets/skyclient-windows.png b/public/assets/skyclient-windows.png
diff --git a/tailwind.config.js b/tailwind.config.js
@@ -8,7 +8,27 @@ export default {
         "main-2": "#56a644",
         "main-1": "#42823f",
         "main-0": "#336037",
+        primary: "rgb(152 213 164)",
+        "on-primary": "rgb(0 57 26)",
+        "primary-container": "rgb(22 81 44)",
+        "on-primary-container": "rgb(179 241 191)",
+        background: "rgb(16 21 16)",
+        "on-background": "rgb(223 228 220)",
+        "surface-container-low": "rgb(24 29 24)",
+        "surface-container-high": "rgb(38 43 38)",
       },
+      fontFamily: {
+        sans: ["Inter", "Roboto", "system-ui", "sans-serif"],
+      },
+    },
+    borderRadius: {
+      none: "0",
+      1: "0.25rem",
+      2: "0.5rem",
+      4: "1rem",
+      6: "1.5rem",
+      8: "2rem",
+      full: "99rem",
     },
   },
   plugins: [],

diff --git a/vite.config.js b/vite.config.js
@@ -1,5 +1,6 @@
 import { defineConfig } from "vite";
 import { resolve } from "path";
+import { minify } from "html-minifier-terser";
 
 export default defineConfig({
   appType: "mpa",
@@ -15,4 +16,16 @@ export default defineConfig({
       },
     },
   },
+  plugins: [
+    {
+      name: "minify-html",
+      transformIndexHtml: {
+        handler(html, ctx) {
+          return minify(html, {
+            collapseWhitespace: true,
+          });
+        },
+      },
+    },
+  ],
 });