57 lines
2.5 KiB
TypeScript
57 lines
2.5 KiB
TypeScript
export default function Home() {
|
|
const startDate = new Date("2011-08-30");
|
|
const now = new Date();
|
|
|
|
let years = now.getFullYear() - startDate.getFullYear();
|
|
|
|
// On vérifie si l'anniversaire n'est pas encore passé cette année
|
|
if (
|
|
now.getMonth() < startDate.getMonth() ||
|
|
(now.getMonth() === startDate.getMonth() &&
|
|
now.getDate() < startDate.getDate())
|
|
) {
|
|
years--;
|
|
}
|
|
return (
|
|
<>
|
|
<main className="flex flex-col space-y-5 mx-10">
|
|
<h1 className="font-[Bitcount] text-gray-50 text-4xl">Who am I?</h1>
|
|
<p className="ml-5 font-[Bitcount] text-gray-50 text-xl">
|
|
🤨 do some research idk? More seriously I am a:
|
|
<br />
|
|
- french (don't worry hell isn'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)
|
|
</p>
|
|
<h1 className="font-[Bitcount] text-gray-50 text-4xl">
|
|
What can I build
|
|
</h1>
|
|
<p className="ml-5 font-[Bitcount] text-gray-50 text-xl">
|
|
- pretty much anything that doesn'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">
|
|
- Zed and micro (truly goated)
|
|
<br />- NextJS and tailwind (guess what i made with them; clue: it
|
|
starts with this and ends with website)
|
|
<br />- a 10yo desktop that is now used as a homelab (in other terms,
|
|
my slave)
|
|
<br />- the laptop my region gave me (thx{" "}
|
|
<a href="https://www.grandest.fr" className="text-blue-300">
|
|
Grand est
|
|
</a>
|
|
)
|
|
<br/>- <a href="https://www.infomaniak.com" className="text-blue-300">infomaniak</a> (cuz 77.192.72.192 is hard to remember)
|
|
</p>
|
|
<h1 className="font-[Bitcount] text-gray-50 text-2xl">I don't take paid commissions however I sometimes do stuff for free, contact me and we'll see if you're lucky</h1>
|
|
</main>
|
|
<p className="mt-5 font-normal font-[Italianno] text-gray-500 text-4xl">'' Why need a whole earth if you're already in the best place you'll ever be ,, <a href="#" className="text-gray-400">-me on a random friday</a></p>
|
|
</>
|
|
);
|
|
}
|