feat: add nightly label

This commit is contained in:
not-nullptr 2024-11-15 09:55:58 +00:00
parent 69e207519d
commit b19ca7424e
3 changed files with 26 additions and 5 deletions

View File

@ -1,2 +1,3 @@
PUB_HOSTNAME=vert.sh # only gets used for plausible (for now) PUB_HOSTNAME=vert.sh # only gets used for plausible (for now)
PUB_PLAUSIBLE_URL=https://plausible.example.com # can be empty PUB_PLAUSIBLE_URL=https://plausible.example.com # can be empty
PUB_ENV=production # "production" or "nightly"

View File

@ -6,7 +6,11 @@
import { files, theme } from "$lib/store/index.svelte"; import { files, theme } from "$lib/store/index.svelte";
import Logo from "$lib/components/visual/svg/Logo.svelte"; import Logo from "$lib/components/visual/svg/Logo.svelte";
import featuredImage from "$lib/assets/VERT_Feature.webp"; import featuredImage from "$lib/assets/VERT_Feature.webp";
import { PUB_HOSTNAME, PUB_PLAUSIBLE_URL } from "$env/static/public"; import {
PUB_ENV,
PUB_HOSTNAME,
PUB_PLAUSIBLE_URL,
} from "$env/static/public";
import FancyMenu from "$lib/components/functional/FancyMenu.svelte"; import FancyMenu from "$lib/components/functional/FancyMenu.svelte";
import { writable } from "svelte/store"; import { writable } from "svelte/store";
import { MoonIcon, SunIcon } from "lucide-svelte"; import { MoonIcon, SunIcon } from "lucide-svelte";
@ -110,8 +114,16 @@
href="/" href="/"
class="px-4 relative h-14 mr-3 justify-center items-center bg-accent-background fill-accent-foreground rounded-xl md:hidden flex" class="px-4 relative h-14 mr-3 justify-center items-center bg-accent-background fill-accent-foreground rounded-xl md:hidden flex"
> >
<div class="h-6 w-24 items-center flex justify-center"> <div class="h-6 relative w-24 items-center flex justify-center">
<Logo /> <Logo />
{#if PUB_ENV === "nightly"}
<div
class="absolute -top-6 -left-10 px-2 py-1 w-fit bg-foreground-highlight text-accent-background rotate-[-10deg] rounded-xl"
style="font-family: Comic Sans MS, sans-serif;"
>
NIGHTLY
</div>
{/if}
</div> </div>
</a> </a>
</div> </div>
@ -125,8 +137,16 @@
href="/" href="/"
class="px-3 relative w-full h-full mr-3 justify-center items-center bg-accent-background fill-accent-foreground rounded-xl md:flex hidden" class="px-3 relative w-full h-full mr-3 justify-center items-center bg-accent-background fill-accent-foreground rounded-xl md:flex hidden"
> >
<div class="h-6 w-24 items-center flex justify-center"> <div class="h-6 w-24 items-center flex justify-center relative">
<Logo /> <Logo />
{#if PUB_ENV === "nightly"}
<div
class="absolute -top-6 -left-10 px-2 py-1 w-fit bg-foreground-highlight text-accent-background rotate-[-10deg] rounded-xl"
style="font-family: Comic Sans MS, sans-serif;"
>
NIGHTLY
</div>
{/if}
</div> </div>
</a> </a>
</div> </div>

View File

@ -32,7 +32,7 @@
class="font-display text-3xl text-transition" class="font-display text-3xl text-transition"
style="--delay: {0 * multiplier}ms" style="--delay: {0 * multiplier}ms"
> >
⁉️ about VERT NIGHTLY TEST!!!! ⁉️ about VERT
</h1> </h1>
<p class="mt-6 text-transition" style="--delay: {1 * multiplier}ms"> <p class="mt-6 text-transition" style="--delay: {1 * multiplier}ms">
You know what sucks? File converters! They're usually riddled with ads, You know what sucks? File converters! They're usually riddled with ads,