Updated metadata and added a color scheme to the wbsite
All checks were successful
All checks were successful
This commit is contained in:
@@ -1,25 +1,80 @@
|
||||
import React from "react";
|
||||
import { Provider } from "@/components/ui/provider";
|
||||
import { metadata } from "./page";
|
||||
|
||||
export default function RootLayout(props: { children: React.ReactNode }) {
|
||||
const { children } = props;
|
||||
|
||||
const url = "https://werewolfkid.monster";
|
||||
const img = "/images/logo/favicon/favicon.ico";
|
||||
const domain = "werewolfkid.monster";
|
||||
|
||||
return (
|
||||
<html suppressHydrationWarning>
|
||||
<meta
|
||||
property="title"
|
||||
content={
|
||||
typeof metadata.title === "string"
|
||||
? metadata.title
|
||||
: "error with metadata"
|
||||
}
|
||||
/>
|
||||
<meta name="theme-color" content="#00ffff" />
|
||||
<link rel="icon" href="/images/logo/favicon/favicon.ico" sizes="any" />
|
||||
<link rel="icon" href={img} sizes="any" />
|
||||
<meta property="image" content="/images/logo/new-logo.png" />
|
||||
<meta property="image:type" content="image/png" />
|
||||
<meta property="image:width" content="653px" />
|
||||
<link
|
||||
rel="apple-touch-icon"
|
||||
href="/images/logo/favicon/apple-touch-icon.png"
|
||||
sizes="any"
|
||||
/>
|
||||
<meta
|
||||
property="og:title"
|
||||
content={
|
||||
typeof metadata.title === "string"
|
||||
? metadata.title
|
||||
: "error with metadata"
|
||||
}
|
||||
/>
|
||||
<meta
|
||||
property="og:description"
|
||||
content={
|
||||
typeof metadata.description === "string"
|
||||
? metadata.description
|
||||
: "error with metadata"
|
||||
}
|
||||
/>
|
||||
<meta property="og:url" content={url} />
|
||||
<meta property="og:type" content="website" />
|
||||
<meta property="og:image" content="/images/logo/new-logo.png" />
|
||||
<meta property="og:image:type" content="image/png" />
|
||||
<meta property="og:image:width" content="653px" />
|
||||
<meta property="og:image:height" content="651px" />
|
||||
<meta property="image" content="/images/logo/new-logo.png" />
|
||||
<meta property="image:type" content="image/png" />
|
||||
<meta property="image:width" content="653px" />
|
||||
<meta property="image:height" content="651px" />
|
||||
<meta
|
||||
name="twitter:title"
|
||||
content={
|
||||
typeof metadata.title === "string"
|
||||
? metadata.title
|
||||
: "error with metadata"
|
||||
}
|
||||
/>
|
||||
<meta property="twitter:domain" content={domain} />
|
||||
<meta property="twitter:url" content={url} />
|
||||
<meta
|
||||
name="twitter:description"
|
||||
content={
|
||||
typeof metadata.description === "string"
|
||||
? metadata.description
|
||||
: "error with metadata"
|
||||
}
|
||||
/>
|
||||
<meta
|
||||
name="twitter:image"
|
||||
content="https://werewolfkid.monster/images/logo/new-logo.png"
|
||||
/>
|
||||
<meta name="twitter:card" content="summary_large_image" />
|
||||
<meta httpEquiv="content-language" content="en_US" />
|
||||
<meta charSet="UTF-8" />
|
||||
<body>
|
||||
|
||||
189
src/app/page.tsx
189
src/app/page.tsx
@@ -9,6 +9,14 @@ export const metadata: Metadata = {
|
||||
"The LCM website and eShop has been temporarily discontinued due to various external factors that interfered with my ability to focus and work on my creative passions. Along with some legal challenges that I hope to get sorted soon. This website going to serve as a bio, place to find social links, host art of Lucid, and embeds from Gumroad for the 3D textures. I hope to relaunch the eShop on this domain in the future as well."
|
||||
};
|
||||
|
||||
const colorScheme = {
|
||||
primary: "cyan",
|
||||
secondary: "cyan.600",
|
||||
bg: "cyan.950",
|
||||
button: "#5bbdbc",
|
||||
buttonText: "gray.950"
|
||||
};
|
||||
|
||||
export default function Home() {
|
||||
return (
|
||||
<VStack
|
||||
@@ -18,6 +26,7 @@ export default function Home() {
|
||||
spaceY={12}
|
||||
pt="5vh"
|
||||
pb="20vh"
|
||||
bg={colorScheme.bg}
|
||||
>
|
||||
<VStack spaceY={2}>
|
||||
<Image height={250} src={newLogo} alt="New LCM logo" />
|
||||
@@ -25,7 +34,7 @@ export default function Home() {
|
||||
lineHeight="1"
|
||||
w="80vw"
|
||||
as="h1"
|
||||
color="cyan"
|
||||
color={colorScheme.primary}
|
||||
fontSize="4rem"
|
||||
textAlign="center"
|
||||
>
|
||||
@@ -35,7 +44,7 @@ export default function Home() {
|
||||
lineHeight="1"
|
||||
w="80vw"
|
||||
as="h2"
|
||||
color="cyan.600"
|
||||
color={colorScheme.secondary}
|
||||
fontSize="2rem"
|
||||
textAlign="center"
|
||||
>
|
||||
@@ -64,7 +73,7 @@ export default function Home() {
|
||||
</Text>
|
||||
<Text w="100%" textAlign="left" fontSize="lg">
|
||||
{
|
||||
"I have no time frame for when or if I will reopen the eShop. I do wish to at some point, on a more modern platform. I was originally expecting to be very busy till around the end of November or early December. However, my old job; which I wanted to work alongside starting my new job, let me go for some nonsense reasons that isn't pertinent enough to mention here."
|
||||
"I have no time frame for when or if I will reopen the eShop. I do wish to at some point, on a more modern platform. I was originally expecting to be very busy till around the end of November or early December. However, my old job; which I wanted to work alongside starting my new job, let me go for some nonsense reasons that aren't pertinent enough to mention here."
|
||||
}
|
||||
</Text>
|
||||
<Text w="100%" textAlign="left" fontSize="lg">
|
||||
@@ -87,7 +96,7 @@ export default function Home() {
|
||||
<VStack spaceY={6} w="80vw">
|
||||
<Heading
|
||||
as="h3"
|
||||
color="cyan"
|
||||
color={colorScheme.primary}
|
||||
fontSize="2.5rem"
|
||||
textAlign="center"
|
||||
lineHeight="1"
|
||||
@@ -96,20 +105,20 @@ export default function Home() {
|
||||
</Heading>
|
||||
|
||||
<HStack gap="6" wrap="wrap" justifyContent="center">
|
||||
<Button variant="solid" bgColor="teal" fontSize="xl">
|
||||
<Link
|
||||
target="_blank"
|
||||
color="whiteAlpha.950"
|
||||
href="http://social.werewolfkid.monster/gumroad/"
|
||||
>
|
||||
<Link
|
||||
target="_blank"
|
||||
color={colorScheme.buttonText}
|
||||
href="http://social.werewolfkid.monster/gumroad/"
|
||||
>
|
||||
<Button variant="solid" bgColor={colorScheme.button} fontSize="xl">
|
||||
{"Gumroad"}
|
||||
</Link>
|
||||
</Button>
|
||||
</Button>
|
||||
</Link>
|
||||
</HStack>
|
||||
|
||||
<Heading
|
||||
as="h2"
|
||||
color="cyan"
|
||||
as="h3"
|
||||
color={colorScheme.primary}
|
||||
fontSize="2.5rem"
|
||||
textAlign="center"
|
||||
lineHeight="1"
|
||||
@@ -118,38 +127,38 @@ export default function Home() {
|
||||
</Heading>
|
||||
|
||||
<HStack gap="6" wrap="wrap" justifyContent="center">
|
||||
<Button variant="solid" bgColor="teal" fontSize="xl">
|
||||
<Link
|
||||
target="_blank"
|
||||
color="whiteAlpha.950"
|
||||
href="https://community.lucidcreations.media/"
|
||||
>
|
||||
<Link
|
||||
target="_blank"
|
||||
color={colorScheme.buttonText}
|
||||
href="https://community.lucidcreations.media/"
|
||||
>
|
||||
<Button variant="solid" bgColor={colorScheme.button} fontSize="xl">
|
||||
{"The Cove"}
|
||||
</Link>
|
||||
</Button>
|
||||
<Button variant="solid" bgColor="teal" fontSize="xl">
|
||||
<Link
|
||||
target="_blank"
|
||||
color="whiteAlpha.950"
|
||||
href="https://vrchat.com/home/group/grp_781bbe4b-51ec-4025-a14f-cf23ced90507"
|
||||
>
|
||||
</Button>
|
||||
</Link>
|
||||
<Link
|
||||
target="_blank"
|
||||
color={colorScheme.buttonText}
|
||||
href="https://vrchat.com/home/group/grp_781bbe4b-51ec-4025-a14f-cf23ced90507"
|
||||
>
|
||||
<Button variant="solid" bgColor={colorScheme.button} fontSize="xl">
|
||||
{"Dreamy Drove"}
|
||||
</Link>
|
||||
</Button>
|
||||
<Button variant="solid" bgColor="teal" fontSize="xl">
|
||||
<Link
|
||||
target="_blank"
|
||||
color="whiteAlpha.950"
|
||||
href="http://social.werewoldkid.monster/discord"
|
||||
>
|
||||
</Button>
|
||||
</Link>
|
||||
<Link
|
||||
target="_blank"
|
||||
color={colorScheme.buttonText}
|
||||
href="http://social.werewoldkid.monster/discord"
|
||||
>
|
||||
<Button variant="solid" bgColor={colorScheme.button} fontSize="xl">
|
||||
{"Discord Server"}
|
||||
</Link>
|
||||
</Button>
|
||||
</Button>
|
||||
</Link>
|
||||
</HStack>
|
||||
|
||||
<Heading
|
||||
as="h4"
|
||||
color="cyan"
|
||||
as="h3"
|
||||
color={colorScheme.primary}
|
||||
fontSize="2.5rem"
|
||||
textAlign="center"
|
||||
lineHeight="1"
|
||||
@@ -158,38 +167,38 @@ export default function Home() {
|
||||
</Heading>
|
||||
|
||||
<HStack gap="6" wrap="wrap" justifyContent="center">
|
||||
<Button variant="solid" bgColor="teal" fontSize="xl">
|
||||
<Link
|
||||
target="_blank"
|
||||
color="whiteAlpha.950"
|
||||
href="https://werewolfkid.monster/"
|
||||
>
|
||||
{/* <Link
|
||||
target="_blank"
|
||||
color={colorScheme.buttonText}
|
||||
href="https://werewolfkid.monster/"
|
||||
>
|
||||
<Button variant="solid" bgColor={colorScheme.button} fontSize="xl">
|
||||
{"Werewolf Kid Website"}
|
||||
</Link>
|
||||
</Button>
|
||||
<Button variant="solid" bgColor="teal" fontSize="xl">
|
||||
<Link
|
||||
target="_blank"
|
||||
color="whiteAlpha.950"
|
||||
href="http://social.werwolfkid.com/bsky"
|
||||
>
|
||||
</Button>
|
||||
</Link> */}
|
||||
<Link
|
||||
target="_blank"
|
||||
color={colorScheme.buttonText}
|
||||
href="http://social.werwolfkid.com/bsky"
|
||||
>
|
||||
<Button variant="solid" bgColor={colorScheme.button} fontSize="xl">
|
||||
{"Bsky"}
|
||||
</Link>
|
||||
</Button>
|
||||
<Button variant="solid" bgColor="teal" fontSize="xl">
|
||||
<Link
|
||||
target="_blank"
|
||||
color="whiteAlpha.950"
|
||||
href="http://social.werwolfkid.com/fa"
|
||||
>
|
||||
</Button>
|
||||
</Link>
|
||||
<Link
|
||||
target="_blank"
|
||||
color={colorScheme.buttonText}
|
||||
href="http://social.werwolfkid.com/fa"
|
||||
>
|
||||
<Button variant="solid" bgColor={colorScheme.button} fontSize="xl">
|
||||
{"FurAffinity"}
|
||||
</Link>
|
||||
</Button>
|
||||
</Button>
|
||||
</Link>
|
||||
</HStack>
|
||||
|
||||
<Heading
|
||||
as="h5"
|
||||
color="cyan"
|
||||
as="h3"
|
||||
color={colorScheme.primary}
|
||||
fontSize="2.5rem"
|
||||
textAlign="center"
|
||||
lineHeight="1"
|
||||
@@ -198,33 +207,33 @@ export default function Home() {
|
||||
</Heading>
|
||||
|
||||
<HStack gap="6" wrap="wrap" justifyContent="center">
|
||||
<Button variant="solid" bgColor="teal" fontSize="xl">
|
||||
<Link
|
||||
target="_blank"
|
||||
color="whiteAlpha.950"
|
||||
href="http://social.werewolfkid.monster/twitch"
|
||||
>
|
||||
<Link
|
||||
target="_blank"
|
||||
color={colorScheme.buttonText}
|
||||
href="http://social.werewolfkid.monster/twitch"
|
||||
>
|
||||
<Button variant="solid" bgColor={colorScheme.button} fontSize="xl">
|
||||
{"Twitch"}
|
||||
</Link>
|
||||
</Button>
|
||||
<Button variant="solid" bgColor="teal" fontSize="xl">
|
||||
<Link
|
||||
target="_blank"
|
||||
color="whiteAlpha.950"
|
||||
href="http://social.werewolfkid.monster/yt-vods"
|
||||
>
|
||||
</Button>
|
||||
</Link>
|
||||
<Link
|
||||
target="_blank"
|
||||
color={colorScheme.buttonText}
|
||||
href="http://social.werewolfkid.monster/yt-vods"
|
||||
>
|
||||
<Button variant="solid" bgColor={colorScheme.button} fontSize="xl">
|
||||
{"YouTube VODs"}
|
||||
</Link>
|
||||
</Button>
|
||||
<Button variant="solid" bgColor="teal" fontSize="xl">
|
||||
<Link
|
||||
target="_blank"
|
||||
color="whiteAlpha.950"
|
||||
href="http://social.werewolfkid.monster/yt-archives"
|
||||
>
|
||||
</Button>
|
||||
</Link>
|
||||
<Link
|
||||
target="_blank"
|
||||
color={colorScheme.buttonText}
|
||||
href="http://social.werewolfkid.monster/yt-archives"
|
||||
>
|
||||
<Button variant="solid" bgColor={colorScheme.button} fontSize="xl">
|
||||
{"YouTube Archives"}
|
||||
</Link>
|
||||
</Button>
|
||||
</Button>
|
||||
</Link>
|
||||
</HStack>
|
||||
</VStack>
|
||||
</VStack>
|
||||
|
||||
Reference in New Issue
Block a user