From 7faed5af20097c3ae94d5656e142a74a2f84db62 Mon Sep 17 00:00:00 2001 From: Sangelo Date: Tue, 11 Jun 2024 15:56:15 +0200 Subject: [PATCH] [C] upgrade to picocss-v2 and rework modlist massively --- package.json | 2 +- src/app.html | 11 + src/app.scss | 7 +- .../{ModCard.svelte => ModCards.svelte} | 65 +- src/routes/+layout.svelte | 2 +- src/routes/+page.svelte | 90 +- src/routes/downloads/+page.svelte | 6 +- src/routes/examples/+page.svelte | 13 - src/routes/modlist/+page.svelte | 16 +- static/assets/images/modlist/no-mod-logo.png | Bin 0 -> 2228 bytes static/assets/json/modlist-marbled.json | 1084 ++++++++++++++- static/assets/json/modlist-rekindled.json | 1190 ++++++++++++++++- yarn.lock | 8 +- 13 files changed, 2391 insertions(+), 103 deletions(-) rename src/lib/modules/{ModCard.svelte => ModCards.svelte} (62%) delete mode 100644 src/routes/examples/+page.svelte create mode 100644 static/assets/images/modlist/no-mod-logo.png diff --git a/package.json b/package.json index 6c634aa..1805027 100644 --- a/package.json +++ b/package.json @@ -9,7 +9,7 @@ "devDependencies": { "@fontsource/fira-mono": "^4.5.10", "@neoconfetti/svelte": "^1.0.0", - "@picocss/pico": "^1.5.10", + "@picocss/pico": "^2.0.6", "@sveltejs/adapter-auto": "^2.0.0", "@sveltejs/adapter-node": "^1.2.4", "@sveltejs/adapter-static": "^2.0.3", diff --git a/src/app.html b/src/app.html index db570fc..0dcd75c 100644 --- a/src/app.html +++ b/src/app.html @@ -6,6 +6,17 @@ %sveltekit.head% +
%sveltekit.body%
diff --git a/src/app.scss b/src/app.scss index 5518e86..c14cb0c 100644 --- a/src/app.scss +++ b/src/app.scss @@ -1,4 +1,7 @@ -@import "@picocss/pico/scss/pico"; /* To import only what you need from Pico [check the documentaion](https://picocss.com/docs/customization.html) */ +// @import "@picocss/pico/scss/pico"; /* To import only what you need from Pico [check the documentaion](https://picocss.com/docs/customization.html) */ +@use "@picocss/pico/scss/pico" with ( + $theme-color: "green" +); @import url('/assets/fonts/fonts.css'); /* @import url('https://cdn.jsdelivr.net/npm/@mdi/font@5.8.55/css/materialdesignicons.min.css'); */ @@ -56,4 +59,4 @@ p, li { article { border-radius: 10px; box-shadow: 0px 0px 15px rgba(32, 32, 32, 0.2); -} \ No newline at end of file +} diff --git a/src/lib/modules/ModCard.svelte b/src/lib/modules/ModCards.svelte similarity index 62% rename from src/lib/modules/ModCard.svelte rename to src/lib/modules/ModCards.svelte index e7d31bc..1888744 100644 --- a/src/lib/modules/ModCard.svelte +++ b/src/lib/modules/ModCards.svelte @@ -31,7 +31,7 @@ } -
+