From 4493d2a030c3efe7819efe6e4d1ee9365e284371 Mon Sep 17 00:00:00 2001
From: psoubrie <Philippe.Soubrier@UGent.be>
Date: Mon, 13 Nov 2023 23:54:34 +0000
Subject: [PATCH] links

---
 src/index.html | 104 +++++++++++++++++++++++++++++++------------------
 1 file changed, 66 insertions(+), 38 deletions(-)
diff --git a/src/index.html b/src/index.html
index c718bf3..6067b60 100644
--- a/src/index.html
+++ b/src/index.html
@@ -2,7 +2,7 @@
 <html lang="en">
   <head>
     <meta charset="utf-8" />
-    <title>My First Parcel App</title>
+    <title>Philippe Soubrier</title>
     <link rel="preconnect" href="https://fonts.googleapis.com" />
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
     <link
@@ -13,69 +13,74 @@
     <meta name="viewport" content="width=device-width, initial-scale=1" />
   </head>
   <body
-    class="flex h-screen justify-center items-center flex-col tex sm:text-xl w-screen"
+    class="flex min-h-screen justify-center items-center flex-col tex sm:text-xl w-screen"
   >
     <div
-      class="w-full h-full flex justify-center flex-wrap p-4 gap-10 items-center"
+      class="w-full grow h-full flex max-w-6xl justify-center py-14 flex-wrap content-center p-4 gap-10 items-center"
     >
       <a
-        class="w-28 sm:w-40 h-min cursor-pointer bg-white border-black border-2 relative p-2 text-center"
+        href="https://www.facebook.com/profile.php?id=100064097734400"
+        class="w-28 sm:w-40 h-min cursor-pointer bg-white border-black border-2 hover:border-dashed hover:shadow-xl relative p-2 text-center"
       >
         <div class="absolute bg-[#1877F2] -z-10 w-full h-full"></div>
         Facebook
       </a>
       <a
-        class="w-28 sm:w-40 h-min cursor-pointer bg-white border-black border-2 relative p-2 text-center"
-      >
-        <div class="absolute bg-gradient-to-r from-[#ff8fb2] via-[#a797ff] to-[#00e5ff] -z-10 w-full h-full"></div>
-        Messenger
-      </a>
-      <a
-        class="w-28 sm:w-40 h-min cursor-pointer bg-white border-black border-2 relative p-2 text-center"
+        href="https://www.printables.com/@flol3622"
+        class="w-28 sm:w-40 h-min cursor-pointer bg-white border-black border-2 hover:border-dashed hover:shadow-xl relative p-2 text-center"
       >
         <div class="absolute bg-[#fa6831] -z-10 w-full h-full"></div>
         Printables
       </a>
       <a
-        class="w-28 sm:w-40 h-min cursor-pointer bg-white border-black border-2 relative p-2 text-center"
+        href="https://cults3d.com/en/users/Flupke3622/3d-models"
+        class="w-28 sm:w-40 h-min cursor-pointer bg-white border-black border-2 hover:border-dashed hover:shadow-xl relative p-2 text-center"
       >
         <div class="absolute bg-[#8d45f6] -z-10 w-full h-full"></div>
         Cult3D
       </a>
       <a
-        class="w-28 sm:w-40 h-min cursor-pointer bg-white border-black border-2 relative p-2 text-center"
+        href="https://www.thingiverse.com/flol3622/designs"
+        class="w-28 sm:w-40 h-min cursor-pointer bg-white border-black border-2 hover:border-dashed hover:shadow-xl relative p-2 text-center"
       >
         <div class="absolute bg-[#196ef0] -z-10 w-full h-full"></div>
         Thingiverse
       </a>
       <a
-        class="w-28 sm:w-40 h-min cursor-pointer bg-white border-black border-2 relative p-2 text-center"
+        href="https://gitea.flupkesoffice.synology.me/Flupke?tab=repositories"
+        class="w-28 sm:w-40 h-min cursor-pointer bg-white border-black border-2 hover:border-dashed hover:shadow-xl relative p-2 text-center"
       >
-        <div class="absolute bg-[#1f2328] -z-10 w-full h-full"></div>
-        Github
+        <div class="absolute bg-[#609926] -z-10 w-full h-full"></div>
+        GitEA
       </a>
       <a
-        class="w-28 sm:w-40 h-min cursor-pointer bg-white border-black border-2 relative p-2 text-center"
+        href="https://www.turbosquid.com/Search/Artists/PhilippeSoubrier"
+        class="w-28 sm:w-40 h-min cursor-pointer bg-white border-black border-2 hover:border-dashed hover:shadow-xl relative p-2 text-center"
       >
         <div class="absolute bg-[#ff8135] -z-10 w-full h-full"></div>
         Turbosquid
       </a>
       <a
-        class="w-28 sm:w-40 h-min cursor-pointer bg-white border-black border-2 relative p-2 text-center"
+        href="https://www.youtube.com/channel/UCV7rneXmSakiAaGB0y9qhPw"
+        class="w-28 sm:w-40 h-min cursor-pointer bg-white border-black border-2 hover:border-dashed hover:shadow-xl relative p-2 text-center"
       >
-        <div class="absolute bg-[#1877F2] -z-10 w-full h-full"></div>
+        <div class="absolute bg-[#ff0000] -z-10 w-full h-full"></div>
         Youtube
       </a>
       <a
-        class="w-28 sm:w-40 h-min cursor-pointer bg-white border-black border-2 relative p-2 text-center"
+        href="https://www.instagram.com/flupke_maker/"
+        class="w-28 sm:w-40 h-min cursor-pointer bg-white border-black border-2 hover:border-dashed hover:shadow-xl relative p-2 text-center"
       >
-        <div class="absolute bg-[#1877F2] -z-10 w-full h-full"></div>
+        <div
+          class="absolute bg-gradient-to-r from-[#f6d371] via-[#cf2872] to-[#4d58ce] -z-10 w-full h-full"
+        ></div>
         Instagram
       </a>
       <a
-        class="w-28 sm:w-40 h-min cursor-pointer bg-white border-black border-2 relative p-2 text-center"
+        href="mailto:philippe.soubrier@gmail.com"
+        class="w-28 sm:w-40 h-min cursor-pointer bg-white border-black border-2 hover:border-dashed hover:shadow-xl relative p-2 text-center"
       >
-        <div class="absolute bg-[#1877F2] -z-10 w-full h-full"></div>
+        <div class="absolute bg-black -z-10 w-full h-full"></div>
         Email
       </a>
     </div>
@@ -93,41 +98,64 @@
       </div>
     </div>
     <div
-      class="w-full h-full flex justify-center flex-wrap p-4 gap-10 items-center"
+      class="w-full grow h-full flex max-w-6xl justify-center py-14 flex-wrap content-center p-4 gap-10 items-center"
     >
       <a
-        class="w-28 sm:w-40 h-min cursor-pointer bg-white border-black border-2 relative p-2 text-center"
+        href="https://www.facebook.com/dai.dico"
+        class="w-28 sm:w-40 h-min cursor-pointer bg-white border-black border-2 hover:border-dashed hover:shadow-xl relative p-2 text-center"
       >
         <div class="absolute bg-[#1877F2] -z-10 w-full h-full"></div>
         Facebook
       </a>
       <a
-        class="w-28 sm:w-40 h-min cursor-pointer bg-white border-black border-2 relative p-2 text-center"
+        href="https://m.me/dai.dico"
+        class="w-28 sm:w-40 h-min cursor-pointer bg-white border-black border-2 hover:border-dashed hover:shadow-xl relative p-2 text-center"
       >
-        <div class="absolute bg-[#1877F2] -z-10 w-full h-full"></div>
-        Facebook
+        <div
+          class="absolute bg-gradient-to-r from-[#ff8fb2] via-[#a797ff] to-[#00e5ff] -z-10 w-full h-full"
+        ></div>
+        Messenger
       </a>
       <a
-        class="w-28 sm:w-40 h-min cursor-pointer bg-white border-black border-2 relative p-2 text-center"
+        href="https://research.ugent.be/web/person/philippe-soubrier-0/nl"
+        class="w-28 sm:w-40 h-min cursor-pointer bg-white border-black border-2 hover:border-dashed hover:shadow-xl relative p-2 text-center"
       >
-        <div class="absolute bg-[#1877F2] -z-10 w-full h-full"></div>
-        Facebook
+        <div class="absolute bg-[#1e64c8] -z-10 w-full h-full"></div>
+        UGent
       </a>
       <a
-        class="w-28 sm:w-40 h-min cursor-pointer bg-white border-black border-2 relative p-2 text-center"
+        href="https://github.com/flol3622"
+        class="w-28 sm:w-40 h-min cursor-pointer bg-white border-black border-2 hover:border-dashed hover:shadow-xl relative p-2 text-center"
       >
-        <div class="absolute bg-[#1877F2] -z-10 w-full h-full"></div>
-        Facebook
+        <div class="absolute bg-[#1f2328] -z-10 w-full h-full"></div>
+        Github
       </a>
       <a
-        class="w-28 sm:w-40 h-min cursor-pointer bg-white border-black border-2 relative p-2 text-center"
+        href="https://www.linkedin.com/in/philippe-soubrier-0338b9205/"
+        class="w-28 sm:w-40 h-min cursor-pointer bg-white border-black border-2 hover:border-dashed hover:shadow-xl relative p-2 text-center"
       >
-        <div class="absolute bg-[#1877F2] -z-10 w-full h-full"></div>
-        Facebook
+        <div class="absolute bg-[#0a66c2] -z-10 w-full h-full"></div>
+        LinkedIn
+      </a>
+      <a
+        href="https://www.instagram.com/soubrierphilippe/"
+        class="w-28 sm:w-40 h-min cursor-pointer bg-white border-black border-2 hover:border-dashed hover:shadow-xl relative p-2 text-center"
+      >
+        <div
+          class="absolute bg-gradient-to-r from-[#f6d371] via-[#cf2872] to-[#4d58ce] -z-10 w-full h-full"
+        ></div>
+        Instagram
+      </a>
+      <a
+        href="mailto:philippe.soubrier@ugent.be"
+        class="w-28 sm:w-40 h-min cursor-pointer bg-white border-black border-2 hover:border-dashed hover:shadow-xl relative p-2 text-center"
+      >
+        <div class="absolute bg-black -z-10 w-full h-full"></div>
+        Email
       </a>
     </div>
     <div class="p-3 bg-black text-white w-full text-center font-thin">
-      <h2 class="text-xl font-normal">Philippe Soubrier</h2>
+      <h2 class="text-xl font-normal mb-1">Philippe Soubrier</h2>
       Phd Student - Hobbyist
       <p class="text-sm">- 2023 -</p>
     </div>
