mirror of https://github.com/VERT-sh/VERT.git
feat: add nightly label
This commit is contained in:
parent
69e207519d
commit
b19ca7424e
|
@ -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"
|
|
@ -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>
|
||||||
|
|
|
@ -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,
|
||||||
|
|
Loading…
Reference in New Issue