alex/website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

improved website

Browse Source
This commit is contained in:
Alex Frantz
2024-07-07 22:16:55 -04:00
parent fae0c95aa1
commit 82ee8fddd1
11 changed files with 278 additions and 191 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/index.tsx
+62 -23
View File
@@ -1,33 +1,72 @@
import Footer from "./components/Footer";
import Header from "./components/Header";
import ListBox from "./components/ListBox";
import Project from "./components/Project";
import ContactForm from "./components/ContactForm";
export default function Home() {
return (
<div className="bg-black text-white min-h-screen">
<div className="lg:w-1/3 sm:w-full mx-auto">
<Header />
<div className="space-y-2">
<Project
name={"SplitStat"}
description={"SplitStat was a Discord bot that allowed you to monitor your SplitGate stats, all from your Discord server."}
urlTo={"https://github.com/azpha/splitstat"}
/>
<Project
name={"medaltv-wrapper"}
description={"A simple NodeJS wrapper for the Medal.tv Developer API"}
urlTo={"https://github.com/azpha/medaltv-wrapper"}
/>
<Project
name={"pmanager"}
description={"A simple self-hosted server to manage pm2 containers"}
urlTo={"https://github.com/azpha/pmanager"}
/>
</div>
<main className="bg-black text-white min-h-screen">
<Header />
<div className="mx-auto lg:w-1/2">
<section id="projects">
<div className="mb-4">
<h1 className="text-3xl font-bold">
Projects
</h1>
<p>Cool stuff I'm working on</p>
</div>
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
<Project
name="medaltv-wrapper"
description="A JavaScript wrapper for the Medal.tv Developer API"
urlTo="https://github.com/azpha/medaltv"
image="https://storage.alexav.gg/content/medal-logo.png"
/>
<Project
name="splitstat"
description="A Discord bot for SplitStat: Arena Warfare statistics"
urlTo="https://github.com/azpha/splitstat"
image="https://storage.alexav.gg/content/splitstat-logo.png"
/>
</div>
</section>
<section className="bg-muted py-10 px-4">
<div className="container max-w-5xl mx-auto">
<div className="grid grid-cols-1 md:grid-cols-2 gap-8">
<div>
<h2 className="text-3xl font-bold">About Me</h2>
<p className="text-muted-foreground mt-4">
I'm a full-stack developer with a passion for creating beautiful and functional web applications. I
have experience working with a variety of technologies, including React, Node.js, and MongoDB.
</p>
<div className="mt-8 grid grid-cols-2 gap-4">
<ListBox
title="Skills"
points={[
"JavaScript",
"Python",
"Java",
"SQL",
"Prisma"
]}
/>
<ListBox
title="Experience"
points={[
"Working at Medal.tv as a QA tester",
"4 years as a JavaScript developer",
"Worked on various side-projects"
]}
/>
</div>
</div>
<ContactForm />
</div>
</div>
</section>
</div>
<Footer />
</div>
</main>
)
}