periodicbrake/portfolio
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: periodicbrake:7b59cee55295cf1a5a216b6e3db59641b39ff7b6
Branches Tags
periodicbrake:main
..
compare: periodicbrake:7caf76778c3e6fbb6aa516746d49a411d691584b
Branches Tags
periodicbrake:main

No commits in common. "7b59cee55295cf1a5a216b6e3db59641b39ff7b6" and "7caf76778c3e6fbb6aa516746d49a411d691584b" have entirely different histories.
7b59cee552 ... 7caf76778c

4 changed files with 10 additions and 53 deletions
Show stats Expand all files Collapse all files

2
src/app/layout.tsx
View file

@ -33,7 +33,7 @@ export default function RootLayout({
h-full antialiased`} h-full antialiased`}
> >
<head></head> <head></head>
<body className="min-h-screen grid grid-rows-[auto_1fr_auto] overscroll-y-none"> <body className="min-h-screen grid grid-rows-[auto_1fr_auto]">
<Analytics /> <Analytics />
<Header /> <Header />
<main className="flex flex-col justify-center items-center py-10"> <main className="flex flex-col justify-center items-center py-10">

8
src/app/page.tsx
View file

@ -19,7 +19,7 @@ export default function Home() {
<p className="ml-5 font-[Bitcount] text-gray-50 text-xl"> <p className="ml-5 font-[Bitcount] text-gray-50 text-xl">
🤨 do some research idk? More seriously I am a: 🤨 do some research idk? More seriously I am a:
<br /> <br />
- french (don&apos;t worry hell isn&apos;t that bad) - french
<br />- {years}yo High school student <br />- somewhat full stack dev <br />- {years}yo High school student <br />- somewhat full stack dev
<br />- Who knows how to center a div without ai (with enough energy <br />- Who knows how to center a div without ai (with enough energy
drinks) drinks)
@ -28,11 +28,7 @@ export default function Home() {
What can I build What can I build
</h1> </h1>
<p className="ml-5 font-[Bitcount] text-gray-50 text-xl"> <p className="ml-5 font-[Bitcount] text-gray-50 text-xl">
- pretty much anything that doesn&apos;t involve microsoft (i hate them)<br/> - pretty much anything that doesn&apos;t involve microsoft (i hate them)
- Python backends<br/>
- Systems involving SQL databases<br/>
- Systems involving docker<br/>
- NextJS frontends<br/>
</p> </p>
<h1 className="font-[Bitcount] text-gray-50 text-4xl">My toolbox</h1> <h1 className="font-[Bitcount] text-gray-50 text-4xl">My toolbox</h1>
<p className="ml-5 font-[Bitcount] text-gray-50 text-xl"> <p className="ml-5 font-[Bitcount] text-gray-50 text-xl">

13
src/components/footer.tsx
View file

@ -1,17 +1,8 @@
import Link from "next/link";
export default function Footer() { export default function Footer() {
return ( return (
<> <>
<div className="w-full border-t border-t-gray-500 bg-black py-5 px-4"> <div className="w-full border-t border-t-gray-500 bg-black py-5 pl-4">
<h1 className="text-gray-600 font-[Bitcount] text-2xl w-full mb-2.5 border-b border-b-gray-600">periodicbrake.fr</h1> <h1 className="text-gray-600 font-[Bitcount] text-2xl ">periodicbrake.fr</h1>
<div className="flex flex-row ml-4 space-x-1.5 font-[Bitcount] text-gray-500 text-xl">
<nav className="flex flex-col space-y-1">
<Link href="/portfolio" className="hover:text-gray-300"><ul>portfolio</ul></Link>
<Link href="/contact" className="hover:text-gray-300"><ul>contact</ul></Link>
<Link href="/legal" className="hover:text-gray-300"><ul>legal</ul></Link>
</nav>
</div>
</div> </div>
</> </>
); );

40
src/components/header.tsx
View file

@ -1,44 +1,14 @@
import "./header.css"; import "./header.css";
import Image from "next/image"; import Image from "next/image"
import Link from "next/link"; import Link from "next/link";
function Header() { function Header() {
return ( return (
<div <div className="items-center header flex flex-row w-100% h-20 border-b-solid border-b-gray-700 border-b-2 bg-gray-900 " id="header container">
className="px-4 space-x-5 items-center header flex flex-row w-100% h-20 border-b-solid border-b-gray-700 border-b-2 bg-gray-900 sticky" <Image height={256} width={256} src="/pfp.png" className="ml-3.5 animate-[spin_3s_linear_infinite] rounded-full basis-15 h-15" id="pfp" alt="pfp"/>
id="header container" <h1 className="ml-3.5 pagetitle text-4xl text-bold text-white font-[Bitcount]" id="page-title">PERIODICBRAKE</h1>
>
<Image
height={256}
width={256}
src="/pfp.png"
className=" animate-[spin_3s_linear_infinite] rounded-full basis-15 h-15"
id="pfp"
alt="pfp"
/>
<Link
href="/"
className="hover:text-gray-100"
>
<h1
className="pagetitle text-4xl text-bold text-white font-[Bitcount]"
id="page-title"
>
PERIODICBRAKE
</h1></Link>
<div className="basis-auto w-full" id="header-separator" /> <div className="basis-auto w-full" id="header-separator" />
<Link <Link href="/contact" className="mr-3.5 text-3xl text-bold text-white hover:text-gray-200 font-[Bitcount]"><p>Contact</p></Link>
href="/portfolio"
className=" text-3xl text-bold text-white hover:text-gray-200 font-[Bitcount]"
>
<p>Portfolio</p>
</Link>
<Link
href="/contact"
className=" text-3xl text-bold text-white hover:text-gray-200 font-[Bitcount]"
>
<p>Contact</p>
</Link>
</div> </div>
); );
} }