Nono/hub
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

try something

Browse Source
This commit is contained in:
lnino
2025-02-01 03:18:30 +01:00
parent 46a09e02ec
commit 3e2ac4c4a8
2 changed files with 57 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
index.html
View File

@@ -5,6 +5,6 @@
</head>
<body>
<h1 class="Mino">Mino</h1>
<h2 class="tada">si tu vois ça c'est que ça marche</h2>
<h2 class="tada"></h2>
<a href="/test">test</a>
</body>

56
index.js Normal file
View File

@@ -0,0 +1,56 @@
import { useEffect } from "react";
import { gsap } from "gsap";
import Link from "next/link";
export default function Home() {
useEffect(() => {
gsap.from(".fade-in", { opacity: 0, y: 20, duration: 1 });
}, []);
return (
<div className="min-h-screen bg-gray-900 text-white flex flex-col items-center justify-center p-10">
<h1 className="text-4xl font-bold fade-in">Bienvenue sur mon Portfolio</h1>
<p className="mt-4 text-lg fade-in">Infrastructure | Réseau | Automatisation</p>
<div className="mt-6 space-x-4 fade-in">
<Link href="/projects" className="px-4 py-2 bg-blue-500 rounded-lg hover:bg-blue-600">
Voir mes projets
</Link>
<Link href="/contact" className="px-4 py-2 bg-green-500 rounded-lg hover:bg-green-600">
Me contacter
</Link>
</div>
</div>
);
}
export function Projects() {
return (
<div className="min-h-screen bg-gray-900 text-white flex flex-col items-center justify-center p-10">
<h1 className="text-4xl font-bold fade-in">Mes Projets</h1>
<ul className="mt-4 text-lg fade-in">
<li>MariaDB sur Raspbian</li>
<li>Serveur web avec Caddy</li>
<li>Supervision avec Netdata</li>
<li>Automatisation avec Scripts Bash/Python</li>
<li>Calculatrice en C# avec Avalonia</li>
<li>Application météo en C# .NET</li>
<li>Jeu de type Mario en Python</li>
</ul>
</div>
);
}
export function Contact() {
return (
<div className="min-h-screen bg-gray-900 text-white flex flex-col items-center justify-center p-10">
<h1 className="text-4xl font-bold fade-in">Me Contacter</h1>
<p className="mt-4 text-lg fade-in">N'hésitez pas à me contacter pour toute collaboration !</p>
<form className="mt-6 fade-in">
<input type="text" placeholder="Votre nom" className="p-2 rounded-lg text-black" />
<input type="email" placeholder="Votre email" className="p-2 rounded-lg text-black mt-2" />
<textarea placeholder="Votre message" className="p-2 rounded-lg text-black mt-2"></textarea>
<button type="submit" className="px-4 py-2 bg-blue-500 rounded-lg hover:bg-blue-600 mt-4">Envoyer</button>
</form>
</div>
);
}