links
parent
f12d480e7f
commit
4493d2a030
104
src/index.html
104
src/index.html
|
@ -2,7 +2,7 @@
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8" />
|
<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.googleapis.com" />
|
||||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
||||||
<link
|
<link
|
||||||
|
@ -13,69 +13,74 @@
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||||
</head>
|
</head>
|
||||||
<body
|
<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
|
<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
|
<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>
|
<div class="absolute bg-[#1877F2] -z-10 w-full h-full"></div>
|
||||||
Facebook
|
Facebook
|
||||||
</a>
|
</a>
|
||||||
<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-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"
|
|
||||||
>
|
>
|
||||||
<div class="absolute bg-[#fa6831] -z-10 w-full h-full"></div>
|
<div class="absolute bg-[#fa6831] -z-10 w-full h-full"></div>
|
||||||
Printables
|
Printables
|
||||||
</a>
|
</a>
|
||||||
<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>
|
<div class="absolute bg-[#8d45f6] -z-10 w-full h-full"></div>
|
||||||
Cult3D
|
Cult3D
|
||||||
</a>
|
</a>
|
||||||
<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>
|
<div class="absolute bg-[#196ef0] -z-10 w-full h-full"></div>
|
||||||
Thingiverse
|
Thingiverse
|
||||||
</a>
|
</a>
|
||||||
<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>
|
<div class="absolute bg-[#609926] -z-10 w-full h-full"></div>
|
||||||
Github
|
GitEA
|
||||||
</a>
|
</a>
|
||||||
<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>
|
<div class="absolute bg-[#ff8135] -z-10 w-full h-full"></div>
|
||||||
Turbosquid
|
Turbosquid
|
||||||
</a>
|
</a>
|
||||||
<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
|
Youtube
|
||||||
</a>
|
</a>
|
||||||
<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
|
Instagram
|
||||||
</a>
|
</a>
|
||||||
<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
|
Email
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
@ -93,41 +98,64 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</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
|
<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>
|
<div class="absolute bg-[#1877F2] -z-10 w-full h-full"></div>
|
||||||
Facebook
|
Facebook
|
||||||
</a>
|
</a>
|
||||||
<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>
|
<div
|
||||||
Facebook
|
class="absolute bg-gradient-to-r from-[#ff8fb2] via-[#a797ff] to-[#00e5ff] -z-10 w-full h-full"
|
||||||
|
></div>
|
||||||
|
Messenger
|
||||||
</a>
|
</a>
|
||||||
<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>
|
<div class="absolute bg-[#1e64c8] -z-10 w-full h-full"></div>
|
||||||
Facebook
|
UGent
|
||||||
</a>
|
</a>
|
||||||
<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>
|
<div class="absolute bg-[#1f2328] -z-10 w-full h-full"></div>
|
||||||
Facebook
|
Github
|
||||||
</a>
|
</a>
|
||||||
<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>
|
<div class="absolute bg-[#0a66c2] -z-10 w-full h-full"></div>
|
||||||
Facebook
|
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>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="p-3 bg-black text-white w-full text-center font-thin">
|
<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
|
Phd Student - Hobbyist
|
||||||
<p class="text-sm">- 2023 -</p>
|
<p class="text-sm">- 2023 -</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Reference in New Issue