init website
This commit is contained in:
@@ -0,0 +1,25 @@
|
||||
export default function Header() {
|
||||
return (
|
||||
<div className="flex flex-wrap items-center justify-between gap-x-4 gap-y-1 py-4">
|
||||
<h1 className="font-bold">
|
||||
Alex <span className="font-normal text-blue-500">/</span> dev + QA
|
||||
</h1>
|
||||
<div className="flex gap-3 text-sm sm:text-base">
|
||||
<a
|
||||
href="https://github.com/azpha"
|
||||
target="_blank"
|
||||
className="hover:underline"
|
||||
>
|
||||
GitHub
|
||||
</a>
|
||||
<a
|
||||
href="#"
|
||||
className="hover:underline"
|
||||
onClick={() => navigator.clipboard.writeText("alex@alexav.gg")}
|
||||
>
|
||||
alex@alexav.gg
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,11 @@
|
||||
import type { ReactNode } from "react";
|
||||
import Header from "./header";
|
||||
|
||||
export default function Layout({ children }: { children: ReactNode }) {
|
||||
return (
|
||||
<div className="bg-black text-white min-h-screen w-full max-w-[42rem] 2xl:max-w-[48rem] mx-auto select-none px-5">
|
||||
<Header />
|
||||
<div className="relative">{children}</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,10 @@
|
||||
export default function PostRow() {
|
||||
return (
|
||||
<a href="" className="hover:underline">
|
||||
<div>
|
||||
<h1>This is a test post</h1>
|
||||
<p>This is a test post description to show how cool it is</p>
|
||||
</div>
|
||||
</a>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user