init website

2026-09-06 21:27:28 -04:00
parent f3a5d1799c
commit c4c84f7444
18 changed files with 2243 additions and 19 deletions
@@ -0,0 +1,5 @@
+@import "tailwindcss";
+
+body {
+  background-color: black;
+}
@@ -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>
+  );
+}
@@ -0,0 +1,19 @@
+import { StrictMode } from "react";
+import { createRoot } from "react-dom/client";
+import { createBrowserRouter, RouterProvider } from "react-router-dom";
+import "./assets/index.css";
+
+import Home from "./pages/home";
+
+const router = createBrowserRouter([
+  {
+    path: "/",
+    element: <Home />,
+  },
+]);
+
+createRoot(document.getElementById("root")!).render(
+  <StrictMode>
+    <RouterProvider router={router} />
+  </StrictMode>,
+);
@@ -0,0 +1,23 @@
+import Layout from "../components/layout";
+import PostRow from "../components/postRow";
+
+export default function Home() {
+  return (
+    <Layout>
+      <div className="mb-4 space-y-1">
+        <h1 className="text-2xl font-bold">welcome to my blog</h1>
+        <p>
+          this is a place where i post random thoughts, sometimes LinkedIn slop,
+          sometimes just about my interests.
+        </p>
+      </div>
+      <hr />
+      <div className="mt-2">
+        <h1 className="font-semibold">Posts</h1>
+        <div className="space-y-2">
+          <PostRow />
+        </div>
+      </div>
+    </Layout>
+  );
+}