From 21d51ac65b9fd88b01c5728ac9644d4005e13c0e Mon Sep 17 00:00:00 2001
From: Whykioh <whykioh@gmail.com>
Date: Sat, 11 Jul 2026 04:08:00 +0200
Subject: [PATCH] Add Project content

---
 css/style.css | 28 ++++++++++++++++++++++++++++
 index.php     | 50 ++++++++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 78 insertions(+)

diff --git a/css/style.css b/css/style.css
index d5bac9d..1f39821 100644
--- a/css/style.css
+++ b/css/style.css
@@ -127,4 +127,32 @@ img.flash {
 img.flash:hover {
   width: 800px;
   filter: drop-shadow(0 10px 30px var(--accent-yellow));
+}
+
+hr {
+  border: none;
+  height: 2px;
+  width: 80%;
+  margin: 40px auto;
+  background: linear-gradient(
+    90deg, 
+    transparent 0%, 
+    rgba(255, 255, 255, 0.2) 50%, 
+    transparent 100%
+  );
+  position: relative;
+  overflow: visible;
+}
+
+hr::after {
+  content: '';
+  position: absolute;
+  top: -5px;
+  left: 0;
+  width: 100%;
+  height: 12px;
+  background: rgba(255, 255, 255, 0.05);
+  backdrop-filter: blur(10px);
+  border-radius: 10px;
+  box-shadow: 0 0 15px rgba(255, 255, 255, 0.1);
 }
\ No newline at end of file
diff --git a/index.php b/index.php
index 3e8593b..16e68a2 100644
--- a/index.php
+++ b/index.php
@@ -20,12 +20,62 @@
     <a href="https://gamel0ver.whykioh.fr" target="_blank">GameL0ver</a>
     <a href="https://vod.whykioh.fr" target="_blank">Jellyfin</a>
     <a href="https://voj.whykioh.fr" target="_blank">Viens On Jette</a>
+    <a href="https://git.whykioh.fr/" target="_blank">Mes Repos</a>
   </div>
   <p><br></p>
   <hr>
   <h1>Bienvenue sur Whykioh.fr !</h1>
   <p>Le centre de tous mes projets webs, applications, et autres.<br>N'hésitez pas à explorer ! Mais aussi à me soutenir via un avis, ou un don.</p>
   <hr>
+  <h1>Mes Réseaux :</h1>
+  <p>Retrouvez-moi sur mes réseaux sociaux, et n'hésitez pas à me suivre !</p>
+  <div class="social-links">
+    <a href="https://www.youtube.com/@whykioh" target="_blank"><img src="img/youtube.png" alt="YouTube"></a>
+    <a href="https://twitter.com/whykioh" target="_blank"><img src="img/twitter.png" alt="Twitter"></a>
+    <a href="https://discord.gg/DaCAdCktCv" target="_blank"><img src="img/discord.png" alt="Discord"></a>
+    <a href="https://ko-fi.com/whykioh" target="_blank"><img src="img/kofi.png" alt="Ko-fi"></a>
+  </div>
+  <hr>
+  <h1>Mes Projets :</h1>
+  <p>Voici quelques-uns de mes projets :</p>
+  <div class="projects">
+    <div class="project">
+      <a href="https://watchgether.whykioh.fr" target="_blank">
+        <img src="img/watchgether.png" alt="WatchGether">
+        <h2>WatchGether</h2><p class="purple-tag">In Progress</p>
+      </a>
+      <p>
+        WatchGether est une liste de film à regarder en duo, WatchGether analyse et compare les listes du duo pour trouver des films en commun et en rapport avec les thèmes et genre apprécié de chaque utilisateur. Pour l'instant WatchGether n'est utilisable que par moi, mais sera ouvert au public prochainement.
+      </p>
+    </div>
+    <div class="project">
+      <a href="https://gamel0ver.whykioh.fr" target="_blank">
+        <img src="img/gamel0ver.png" alt="GameL0ver">
+        <h2>GameL0ver</h2><p class="yellow-tag">Coming Soon</p>
+      </a>
+      <p>
+        GameL0ver est un site de rencontre pour les joueurs, il permet de trouver des personnes avec qui jouer, voire même peut être l'amour, à des jeux vidéo en fonction de leurs préférences et de leurs jeux favoris. GameL0ver permet de discuter publiquement et même en privé et intègre un système de match avec des Likes et des Pass. GameL0ver est actuellement en développement et sera bientôt disponible.
+      </p>
+    </div>
+    <div class="project">
+      <a href="https://whykioh.fr/blindtube" target="_blank">
+        <img src="img/BlindTube.png" alt="BlindTube">
+        <h2>BlindTube</h2>
+        <p>
+          BlindTube est une application de Blind Test pour YouTube Music, elle permet d'effectuer un blind test seul ou à plusieurs en partant de vos playlists YouTube Music. BlindTube est actuellement en développement et sera disponible.
+        </p>
+      </a>
+    </div>
+    <div class="project">
+      <a href="https://voj.whykioh.fr" target="_blank">
+        <img src="img/viensonjette.png" alt="Viens On Jette">
+        <h2>Viens On Jette</h2>
+        <p>
+          Viens On Jette est un duo avec mon ami <a href="https://www.youtube.com/@naxo175_" target="_blank">Naxo</a> sur YouTube, nous faisons des vidéos de jeux vidéo, des courts-métrages et d'autres contenus. Regardez dès maintenant !
+        </p>
+      </a>
+    </div>
+  <hr>
   <h1>Voici la dernière vidéo de <a href="https://www.youtube.com/@whykioh">Whykioh</a> :</h1>
   <div class="video-container">
     <iframe width="100%" height="100%" src="https://www.youtube.com/embed/q1rJG0Ue3d0?si=maK0gmAaMX2IDL67" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>