Add Imgs

img/watchgether.svg

@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500" width="100%" height="100%">
+  <!-- Fond Noir -->
+  
+  <!-- Style pour la police large et grasse -->
+  <style>
+    .logo-text {
+      font-family: 'Arial Black', 'Impact', sans-serif;
+      font-weight: 900;
+      letter-spacing: -2px;
+    }
+    .watch {
+      fill: #FFFFFF;
+    }
+    .gether {
+      fill: #60a5fa;
+    }
+  </style>
+  
+  <!-- 
+    x="50" et textLength="400" force les deux mots à faire 
+    exactement la même largeur (400px), alignés au millimètre.
+  -->
+  <text x="50" y="220" font-size="140" textLength="400" lengthAdjust="spacingAndGlyphs" class="logo-text watch">WATCH</text>
+  <text x="50" y="370" font-size="140" textLength="400" lengthAdjust="spacingAndGlyphs" class="logo-text gether">GETHER</text>
+</svg>

index.php

@@ -31,9 +31,9 @@
   <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://www.instagram.com/whykioh/" target="_blank"><img src="img/instagram.png" alt="Instagram"></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>
+    <a href="https://ko-fi.com/whykioh" target="_blank"><img src="img/ko-fi.png" alt="Ko-fi"></a>
   </div>
   <hr>
   <h1>Mes Projets :</h1>
@@ -41,7 +41,7 @@
   <div class="projects">
     <div class="project">
       <a href="https://watchgether.whykioh.fr" target="_blank">
-        <img src="img/watchgether.png" alt="WatchGether">
+        <img src="img/watchgether.svg" alt="WatchGether">
         <h2>WatchGether</h2>
       </a><p class="purple-tag">In Progress</p>
       <p>