feat: start recode a frontend to react and tailwind
This commit is contained in:
32
frontend/src/pages/Home.tsx
Normal file
32
frontend/src/pages/Home.tsx
Normal file
@@ -0,0 +1,32 @@
|
||||
export default function Home() {
|
||||
return (
|
||||
<div className="flex items-center justify-center min-h-[calc(100vh-200px)]">
|
||||
{/* Desktop ASCII */}
|
||||
<pre className="hidden sm:block font-mono text-base-content text-sm md:text-base leading-none">
|
||||
{`
|
||||
██████╗ ██████╗ ███╗ ███╗ ██████╗ ██╗ ██╗ ██╗██████╗
|
||||
██╔══██╗╚════██╗████╗ ████║██╔═████╗██║ ██╔╝███║██╔══██╗
|
||||
██║ ██║ █████╔╝██╔████╔██║██║██╔██║█████╔╝ ╚██║██║ ██║
|
||||
██║ ██║ ╚═══██╗██║╚██╔╝██║████╔╝██║██╔═██╗ ██║██║ ██║
|
||||
██████╔╝██████╔╝██║ ╚═╝ ██║╚██████╔╝██║ ██╗ ██║██████╔╝
|
||||
╚═════╝ ╚═════╝ ╚═╝ ╚═╝ ╚═════╝ ╚═╝ ╚═╝ ╚═╝╚═════╝
|
||||
|
||||
DevOps Engineer | InfoSec Student
|
||||
Go · Linux · Docker · K8s
|
||||
`}
|
||||
</pre>
|
||||
|
||||
{/* Mobile ASCII */}
|
||||
<pre className="sm:hidden font-mono text-base-content text-xs leading-none">
|
||||
{`
|
||||
d3m0k1d
|
||||
──────────
|
||||
DevOps Engineer
|
||||
InfoSec Student
|
||||
|
||||
Go | Linux | Docker
|
||||
`}
|
||||
</pre>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user