From a9de9dba70dd17d76973cd3119bfc13acd0a1ecc Mon Sep 17 00:00:00 2001 From: thefoxcost Date: Fri, 28 Nov 2025 11:43:54 -0800 Subject: [PATCH] Add GitHub stars button with hover tooltip --- .env.example | 9 --------- bun.lock | 9 +++++---- src/lib/assets/github-dark.svg | 4 ++++ src/lib/assets/github-light.svg | 4 ++++ src/lib/components/layout/Navbar/Base.svelte | 17 +++++++++++++++-- src/lib/components/layout/Navbar/Desktop.svelte | 2 +- 6 files changed, 29 insertions(+), 16 deletions(-) delete mode 100644 .env.example create mode 100644 src/lib/assets/github-dark.svg create mode 100644 src/lib/assets/github-light.svg diff --git a/.env.example b/.env.example deleted file mode 100644 index 44a3c58..0000000 --- a/.env.example +++ /dev/null @@ -1,9 +0,0 @@ -PUB_HOSTNAME=localhost:5173 # only gets used for plausible (for now) -PUB_PLAUSIBLE_URL=https://plausible.example.com # can be empty -PUB_ENV=development # "production", "development", or "nightly" -PUB_VERTD_URL=https://vertd.vert.sh # default vertd instance -PUB_DISABLE_ALL_EXTERNAL_REQUESTS=false # disables vertd, stripe, plausible, etc. use if your boss complains about privacy - -# please do not change these. donations help a lot -PUB_DONATION_URL=https://donations.vert.sh -PUB_STRIPE_KEY=pk_live_51RDVmAGSxPVad6bQwzVNnbc28nlmzA30krLWk1fefCMpUPiSRPkavMMbGqa8A3lUaOCMlsUEVy2CWDYg0ip3aPpL00ZJlsMkf2 \ No newline at end of file diff --git a/bun.lock b/bun.lock index 355ea6b..4de3d09 100644 --- a/bun.lock +++ b/bun.lock @@ -1,5 +1,6 @@ { "lockfileVersion": 1, + "configVersion": 0, "workspaces": { "": { "name": "vert", @@ -17,7 +18,7 @@ "clsx": "^2.1.1", "fflate": "^0.8.2", "lucide-svelte": "^0.554.0", - "music-metadata": "^11.10.1", + "music-metadata": "^11.10.3", "overlayscrollbars": "^2.12.0", "overlayscrollbars-svelte": "^0.5.5", "p-queue": "^9.0.1", @@ -31,7 +32,7 @@ "@inlang/paraglide-js": "^2.5.0", "@poppanator/sveltekit-svg": "^5.0.1", "@sveltejs/adapter-static": "^3.0.10", - "@sveltejs/kit": "^2.48.5", + "@sveltejs/kit": "^2.49.0", "@sveltejs/vite-plugin-svelte": "^4.0.4", "@types/eslint": "^9.6.1", "@types/sanitize-html": "^2.16.0", @@ -44,8 +45,8 @@ "prettier": "^3.6.2", "prettier-plugin-svelte": "^3.4.0", "prettier-plugin-tailwindcss": "^0.6.14", - "sass": "^1.94.1", - "svelte": "^5.43.12", + "sass": "^1.94.2", + "svelte": "^5.43.14", "svelte-check": "^4.3.4", "tailwindcss": "^3.4.18", "typescript": "^5.9.3", diff --git a/src/lib/assets/github-dark.svg b/src/lib/assets/github-dark.svg new file mode 100644 index 0000000..dfe0733 --- /dev/null +++ b/src/lib/assets/github-dark.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/src/lib/assets/github-light.svg b/src/lib/assets/github-light.svg new file mode 100644 index 0000000..dfe0733 --- /dev/null +++ b/src/lib/assets/github-light.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/src/lib/components/layout/Navbar/Base.svelte b/src/lib/components/layout/Navbar/Base.svelte index ae2750f..aa85e4c 100644 --- a/src/lib/components/layout/Navbar/Base.svelte +++ b/src/lib/components/layout/Navbar/Base.svelte @@ -2,6 +2,7 @@ import { browser } from "$app/environment"; import { page } from "$app/state"; import { duration, fade } from "$lib/util/animation"; + import { theme } from "$lib/store/index.svelte"; import { effects, files, @@ -10,10 +11,12 @@ } from "$lib/store/index.svelte"; import clsx from "clsx"; import { + Github, InfoIcon, MoonIcon, RefreshCw, SettingsIcon, + Star, SunIcon, UploadIcon, type Icon as IconType, @@ -25,6 +28,9 @@ import Tooltip from "$lib/components/visual/Tooltip.svelte"; import { m } from "$lib/paraglide/messages"; + const fetch_data = async () => { + const url = ""; + }; const items = $derived< { name: string; @@ -169,7 +175,7 @@ {/snippet}
- + {@const linkRect = linkRects.at(selectedIndex) || linkRects[0]} {#if linkRect && isInitialized} - + + + +
+ +
+ +
diff --git a/src/lib/components/layout/Navbar/Desktop.svelte b/src/lib/components/layout/Navbar/Desktop.svelte index 662e024..3d16fa3 100644 --- a/src/lib/components/layout/Navbar/Desktop.svelte +++ b/src/lib/components/layout/Navbar/Desktop.svelte @@ -2,6 +2,6 @@ import Navbar from "./Base.svelte"; -