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

Compare commits

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

4 commits
7caf76778c ... 7b59cee552

Author SHA1 Message Date
Le fishe au chocolat 7b59cee552 added: liks to the header 2026-06-20 09:39:21 +02:00
Le fishe au chocolat 111438a7c7 added:links into the footer 2026-06-20 09:39:05 +02:00
Le fishe au chocolat 6e4b2eb21b added: other capabilities 2026-06-20 09:38:45 +02:00
Le fishe au chocolat cf8c167af2 fix: removed overscroll for mobiles 2026-06-20 09:38:19 +02:00
4 changed files with 53 additions and 10 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`}
>
<head></head>
<body className="min-h-screen grid grid-rows-[auto_1fr_auto]">
<body className="min-h-screen grid grid-rows-[auto_1fr_auto] overscroll-y-none">
<Analytics />
<Header />
<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">
🤨 do some research idk? More seriously I am a:
<br />
- french
- french (don&apos;t worry hell isn&apos;t that bad)
<br />- {years}yo High school student <br />- somewhat full stack dev
<br />- Who knows how to center a div without ai (with enough energy
drinks)
@ -28,7 +28,11 @@ export default function Home() {
What can I build
</h1>
<p className="ml-5 font-[Bitcount] text-gray-50 text-xl">
- pretty much anything that doesn&apos;t involve microsoft (i hate them)
- pretty much anything that doesn&apos;t involve microsoft (i hate them)<br/>
- Python backends<br/>
- Systems involving SQL databases<br/>
- Systems involving docker<br/>
- NextJS frontends<br/>
</p>
<h1 className="font-[Bitcount] text-gray-50 text-4xl">My toolbox</h1>
<p className="ml-5 font-[Bitcount] text-gray-50 text-xl">

13
src/components/footer.tsx
View file

@ -1,8 +1,17 @@
import Link from "next/link";
export default function Footer() {
return (
<>
<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 ">periodicbrake.fr</h1>
<div className="w-full border-t border-t-gray-500 bg-black py-5 px-4">
<h1 className="text-gray-600 font-[Bitcount] text-2xl w-full mb-2.5 border-b border-b-gray-600">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>
</>
);

40
src/components/header.tsx
View file

@ -1,14 +1,44 @@
import "./header.css";
import Image from "next/image"
import Image from "next/image";
import Link from "next/link";
function Header() {
return (
<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">
<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"/>
<h1 className="ml-3.5 pagetitle text-4xl text-bold text-white font-[Bitcount]" id="page-title">PERIODICBRAKE</h1>
<div
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"
id="header container"
>
<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" />
<Link href="/contact" className="mr-3.5 text-3xl text-bold text-white hover:text-gray-200 font-[Bitcount]"><p>Contact</p></Link>
<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>
);
}