Radiquum/radiquum.github.io
1
0
Fork 0
mirror of https://github.com/Radiquum/radiquum.github.io.git synced 2025-09-07 15:03:54 +05:00
Code Issues Projects Releases Packages Wiki Activity

feat: add detailed character page

Browse source
This commit is contained in:
Kentai Radiquum 2025-07-27 02:32:03 +05:00
parent 2e734f3cb8
commit 8440465230
Signed by: Radiquum
GPG key ID: 858E8EE696525EED
15 changed files with 224 additions and 24 deletions
Download patch file Download diff file Expand all files Collapse all files

2
app/Section/Intro.tsx
View file

@ -13,7 +13,7 @@ export const Intro = () => {
<div>
<div className="flex flex-col mx-auto max-w-fit md:items-center justify-center h-fit py-16 gap-4">
<h1 className="text-4xl md:text-8xl font-medium">Hi, I&apos;m <span className="bg-clip-text bg-gradient-to-br from-[#FFB1CD] via-[#C8E8FE] to-white text-transparent font-bold">Radiquum</span></h1>
<div className="flex flex-col md:flex-row md:gap-8 overflow-hidden">
<div className="flex flex-col lg:flex-row lg:gap-8 overflow-hidden">
<p className={`text-2xl md:text-4xl text-[#C8E8FE] ${isAnimated ? "translate-y-0 opacity-100" : "translate-y-full opacity-0"} transition-[transform_opacity] duration-1000 ease-out`}>Developer</p>
<p className={`text-2xl md:text-4xl text-[#FF8686] ${isAnimated ? "translate-y-0 opacity-100" : "translate-y-full opacity-0"} transition-[transform_opacity] duration-1000 ease-out delay-150`}>Amateur Photographer</p>
<p className={`text-2xl md:text-4xl text-[#FF851A] ${isAnimated ? "translate-y-0 opacity-100" : "translate-y-full opacity-0"} transition-[transform_opacity] duration-1000 ease-out delay-300`}>Self-Hosting Admirer</p>