diff --git a/app/Section/Characters.tsx b/app/Section/Characters.tsx index f431af5..39ab600 100644 --- a/app/Section/Characters.tsx +++ b/app/Section/Characters.tsx @@ -1,3 +1,4 @@ +/* eslint-disable @next/next/no-img-element */ "use client"; import Link from "next/link"; @@ -5,8 +6,8 @@ import { IconWithText } from "../components/IconWithText"; import { Section } from "../components/Section"; import { CharacterImage } from "../components/CharacterImage"; -import { useInView } from "motion/react" -import { useEffect, useRef } from "react"; +import { useInView } from "motion/react"; +import { useRef } from "react"; const links = [ { @@ -24,19 +25,24 @@ const links = [ ]; export const Characters = () => { - - const imagesRedPandaRef = useRef(null) - const imagesRedPandaIsInView = useInView(imagesRedPandaRef, { once: true }) - const imagesProtogenRef = useRef(null) - const imagesProtogenIsInView = useInView(imagesProtogenRef, { once: true }) + const imagesRedPandaRef = useRef(null); + const imagesRedPandaIsInView = useInView(imagesRedPandaRef, { once: true }); + const imagesProtogenRef = useRef(null); + const imagesProtogenIsInView = useInView(imagesProtogenRef, { once: true }); return (
-

Characters

+

+ Characters +

{links.map((item) => ( - + {
- + + + { />

Kentai

-

Red Panda

+

+ Red Panda +

Male

- +
-
+
{ />

Protogen

-

Male

+

+ Male +

-
+
{

Hi, I'm Radiquum

-
+

Developer

Amateur Photographer

Self-Hosting Admirer

diff --git a/app/character/kentai/page.tsx b/app/character/kentai/page.tsx new file mode 100644 index 0000000..ae0a893 --- /dev/null +++ b/app/character/kentai/page.tsx @@ -0,0 +1,150 @@ +/* eslint-disable @next/next/no-img-element */ +import { CharacterColor } from "@/app/components/CharacterColor"; +import Link from "next/link"; +const CharacterColors = { + Body: ["#ffb1ce", "#91d1fd", "#ffffff"], + Clothes: ["#492020", "#1c1a1d", "#39373b", "#494749", "#69676a", "#98959a"], +}; + +export default function CharacterKentai() { + return ( +
+
+
+
+
+ Reference +
+
+

Info

+
+

Name: Kentai Radiquum

+

Species: Red Panda

+

Male, average height, slim build

+
+
+
+

Colors

+ {Object.entries(CharacterColors).map(([category, colors]) => ( +
+

{category}

+
+ {colors.map((color) => ( + + ))} +
+
+ ))} +
+
+
+
+
+
+
+

+ Kentai is a friendly yet introverted red panda who values his quiet + space and prefers meaningful interactions over large crowds. Curious + by nature and sharp-minded, he has a deep love for technology and is + always eager to explore something new. While he keeps a low profile, + those close to him know him as thoughtful, creative, and quietly + expressive. +

+
+
+

Hobbies

+
    +
  • +

    + Programming — not just a skill, but a form of self-expression + and problem-solving he deeply enjoys. +

    +
    • +
  • +

    + Photography — capturing small details and cozy moments from + his world. +

    +
    • +
  • +

    + Plush Toy Collecting — he has a soft spot for plushies, + especially red pandas. His collection brings him comfort and + emotional grounding. +

    +
    • +
+
+
+

Habits

+
    +
  • +

    + His tail gently wags when he's fully absorbed in + something. +

    +
    • +
  • +

    + Tugs or adjusts his collar when thinking through a tricky + problem. +

    +
    • +
  • +

    + Always has music playing while he works, and sometimes hums + along without noticing. +

    +
    • +
  • +

    + Loves curling up in a blanket with a plush toy and relaxing to + music — his version of peace. +

    +
    • +
+
+
+
+ + +
+ ); +} diff --git a/app/components/CharacterColor.tsx b/app/components/CharacterColor.tsx new file mode 100644 index 0000000..3cc16ac --- /dev/null +++ b/app/components/CharacterColor.tsx @@ -0,0 +1,10 @@ +export const CharacterColor = ({ color }: { color: string }) => { + return ( +
+

{color}

+
+ ); +}; diff --git a/app/favicon.ico b/app/favicon.ico deleted file mode 100644 index 718d6fe..0000000 Binary files a/app/favicon.ico and /dev/null differ diff --git a/app/icon.png b/app/icon.png new file mode 100644 index 0000000..f955441 Binary files /dev/null and b/app/icon.png differ diff --git a/app/layout.tsx b/app/layout.tsx index b570ae5..47520e3 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -2,8 +2,17 @@ import type { Metadata } from "next"; import "./globals.css"; export const metadata: Metadata = { - title: "Create Next App", - description: "Generated by create next app", + title: "Kentai Radiquum", + description: "Developer, Amateur Photographer, Self-Hosting Admirer", + openGraph: { + images: [ + { + url: "https://radiquum.wah.su/images/opengraph.png", + width: 1200, + height: 675, + }, + ], + }, }; export default function RootLayout({ diff --git a/public/characters/Kentai_Radiquum_RedPanda/Character Reference.png b/public/characters/Kentai_Radiquum_RedPanda/Character Reference.png new file mode 100644 index 0000000..edd2560 Binary files /dev/null and b/public/characters/Kentai_Radiquum_RedPanda/Character Reference.png differ diff --git a/public/characters/Kentai_Radiquum_RedPanda/Color Palette.png b/public/characters/Kentai_Radiquum_RedPanda/Color Palette.png new file mode 100644 index 0000000..2e5a97a Binary files /dev/null and b/public/characters/Kentai_Radiquum_RedPanda/Color Palette.png differ diff --git a/public/characters/Kentai_Radiquum_RedPanda/Kentai_Radiquum_RedPanda.zip b/public/characters/Kentai_Radiquum_RedPanda/Kentai_Radiquum_RedPanda.zip new file mode 100644 index 0000000..243c866 Binary files /dev/null and b/public/characters/Kentai_Radiquum_RedPanda/Kentai_Radiquum_RedPanda.zip differ diff --git a/public/characters/kentai_redpanda_thumb.jpg b/public/characters/kentai_redpanda_thumb.jpg new file mode 100644 index 0000000..39299ed Binary files /dev/null and b/public/characters/kentai_redpanda_thumb.jpg differ diff --git a/public/characters/protogen.jpg b/public/characters/protogen.jpg new file mode 100644 index 0000000..8acbf60 Binary files /dev/null and b/public/characters/protogen.jpg differ diff --git a/public/icons/mdi_arrow-left.svg b/public/icons/mdi_arrow-left.svg new file mode 100644 index 0000000..758cfb3 --- /dev/null +++ b/public/icons/mdi_arrow-left.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/icons/mdi_download.svg b/public/icons/mdi_download.svg new file mode 100644 index 0000000..24df3d8 --- /dev/null +++ b/public/icons/mdi_download.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/images/opengraph.png b/public/images/opengraph.png new file mode 100644 index 0000000..b620157 Binary files /dev/null and b/public/images/opengraph.png differ