37 lines
1.5 KiB
TypeScript
37 lines
1.5 KiB
TypeScript
import Image from 'next/image';
|
|
|
|
export default function Home() {
|
|
return (
|
|
<section className="w-full flex-1 flex flex-col items-center justify-center">
|
|
<figure className="flex flex-col items-center">
|
|
<Image
|
|
src="/avatar.png"
|
|
alt="TONE 的个人头像"
|
|
width={180}
|
|
height={180}
|
|
className="rounded-full duration-400 size-35 md:size-45 select-none"
|
|
priority
|
|
/>
|
|
</figure>
|
|
<h1 className='text-4xl md:text-5xl font-bold mt-5 md:mt-8 gradient-title duration-400 select-none'>特恩(TONE)</h1>
|
|
<p className='text-lg sm:text-xl md:text-2xl mt-3 font-medium text-zinc-400 dark:text-zinc-200 duration-400 select-none'>一名在各个领域反复横跳的程序员</p>
|
|
<nav className='flex sm:flex-row flex-col gap-2 sm:gap-10 mt-5 md:mt-8 duration-400' aria-label="社交媒体链接">
|
|
<a href='https://space.bilibili.com/474156211'
|
|
target='_black'
|
|
rel="noopener noreferrer"
|
|
className='bg-[#488fe9] hover:bg-[#3972ba] text-center text-white w-45 sm:w-32 px-6 py-2 text-lg rounded-full cursor-pointer'
|
|
>
|
|
哔哩哔哩
|
|
</a>
|
|
<a href='https://github.com/tonecn'
|
|
target='_black'
|
|
rel="noopener noreferrer"
|
|
className='bg-[#da843f] hover:bg-[#c87d3e] text-center text-white w-45 sm:w-32 px-6 py-2 text-lg rounded-full cursor-pointer'
|
|
>
|
|
GitHub
|
|
</a>
|
|
</nav>
|
|
</section>
|
|
);
|
|
}
|