xevion/xevion.dev
1
0
Fork 0
mirror of https://github.com/Xevion/xevion.dev.git synced 2025-12-05 23:16:57 -06:00
Code Issues Packages Projects Releases Wiki Activity

Vercel does not support multiple environments for free, so we use a hack instead :)

Browse Source
This commit is contained in:
Xevion
2024-12-29 16:49:41 -06:00
parent 6f13f7814c
commit a280b61c5e
2 changed files with 13 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/env/schema.mjs vendored
View File

@@ -7,10 +7,6 @@ import { z } from "zod";
*/
export const serverSchema = z.object({
DIRECTUS_REVALIDATE_KEY: z.string(),
OVERRIDE_TITLE: z.preprocess((v) => {
if (v === undefined || v === "") return null;
return v;
}, z.string().nullable()),
NODE_ENV: z.enum(["development", "test", "production"]),
});

22
src/pages/index.tsx
View File

@@ -1,14 +1,13 @@
import AppWrapper from "@/components/AppWrapper";
import { env } from "@/env/server.mjs";
import directus from "@/utils/directus";
import { readSingleton } from "@directus/sdk";
import { GetStaticPropsResult, type NextPage } from "next";
import Head from "next/head";
import Link from "next/link";
import { useEffect, useState } from "react";
import Balancer from "react-wrap-balancer";
type IndexProps = {
title: string | null;
tagline: string;
buttons: { text: string; href: string }[];
};
@@ -25,7 +24,6 @@ export async function getStaticProps(): Promise<
return {
props: {
tagline: metadata.tagline,
title: env.OVERRIDE_TITLE,
buttons: [
{ text: "GitHub", href: "https://github.com/Xevion" },
{ text: "Projects", href: "/projects" },
@@ -38,11 +36,15 @@ export async function getStaticProps(): Promise<
};
}
const Home: NextPage<IndexProps> = ({
title,
tagline,
buttons,
}: IndexProps) => {
const Home: NextPage<IndexProps> = ({ tagline, buttons }: IndexProps) => {
const [isWalters, setIsWalters] = useState(false);
useEffect(() => {
// Check if URL contains "walters.to"
if (location.href.includes("walters.to")) {
setIsWalters(true);
}
}, []);
return (
<>
<Head>
@@ -68,7 +70,9 @@ const Home: NextPage<IndexProps> = ({
</nav>
<div className="animate-glow hidden h-px w-screen animate-fade-left bg-gradient-to-r from-zinc-300/0 via-zinc-300/50 to-zinc-300/0 md:block" />
<h1 className="text-edge-outline font-display z-10 my-3.5 animate-title whitespace-nowrap bg-white bg-clip-text font-hanken text-5xl uppercase text-transparent drop-shadow-extreme duration-1000 sm:text-6xl md:text-9xl lg:text-10xl">
<span className="select-none">{title ?? "Xevion"}</span>
<span className="select-none">
{isWalters ? "Walters" : "Xevion"}
</span>
</h1>
<div className="animate-glow hidden h-px w-screen animate-fade-right bg-gradient-to-r from-zinc-300/0 via-zinc-300/50 to-zinc-300/0 md:block" />
<div className="max-w-screen-sm animate-fade-in text-center text-sm text-zinc-500 sm:text-base">