banner update

main
psoubrie 2023-11-14 20:13:02 +00:00
parent f32cfe7985
commit b3e34f4bdf
5 changed files with 157 additions and 154 deletions

View File

@ -13,16 +13,16 @@
"bradlc.vscode-tailwindcss"
]
}
}
},
// Features to add to the dev container. More info: https://containers.dev/features.
// "features": {},
// Use 'forwardPorts' to make a list of ports inside the container available locally.
// "forwardPorts": [],
"forwardPorts": [1234],
// Use 'postCreateCommand' to run commands after the container is created.
// "postCreateCommand": "yarn install",
// Use 'postCreateCommand' to run commands after the container is creahowted.
"postCreateCommand": "npm i"
// Configure tool-specific properties.
// "customizations": {},

View File

@ -1 +1,4 @@
# Personnal website
- start dev: `npx parcel src/index.html`
- build prod: `npx parcel build src/index.html`

View File

@ -18,13 +18,6 @@
<div
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
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
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"
@ -32,6 +25,20 @@
<div class="absolute bg-[#fa6831] -z-10 w-full h-full"></div>
Printables
</a>
<a
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-[#609926] -z-10 w-full h-full"></div>
GitEA
</a>
<a
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
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"
@ -47,11 +54,13 @@
Thingiverse
</a>
<a
href="https://gitea.flupkesoffice.synology.me/Flupke?tab=repositories"
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-[#609926] -z-10 w-full h-full"></div>
GitEA
<div
class="absolute bg-gradient-to-r from-[#f6d371] via-[#cf2872] to-[#4d58ce] -z-10 w-full h-full"
></div>
Instagram
</a>
<a
href="https://www.turbosquid.com/Search/Artists/PhilippeSoubrier"
@ -67,15 +76,6 @@
<div class="absolute bg-[#ff0000] -z-10 w-full h-full"></div>
Youtube
</a>
<a
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-gradient-to-r from-[#f6d371] via-[#cf2872] to-[#4d58ce] -z-10 w-full h-full"
></div>
Instagram
</a>
<a
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"
@ -85,27 +85,35 @@
</a>
</div>
<div class="w-full flex justify-center">
<div class="relative w-full">
<div
class="border border-black absolute w-full h-0 self-end bottom-[11.5%]"
></div>
</div>
<img class="max-w-2xl" src="public/logo_main.svg" alt="parcel logo" />
<div class="relative w-full">
<div
class="border border-black absolute w-full h-0 self-end top-[17%]"
></div>
</div>
<img
src="public/banner.svg"
alt="Flupke"
class="w-full h-[7vw] max-h-20 object-cover"
/>
</div>
<div
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
href="https://www.facebook.com/dai.dico"
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://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-[#1f2328] -z-10 w-full h-full"></div>
Github
</a>
<a
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-[#1e64c8] -z-10 w-full h-full"></div>
UGent
</a>
<a
href="https://m.me/dai.dico"
@ -117,25 +125,11 @@
Messenger
</a>
<a
href="https://research.ugent.be/web/person/philippe-soubrier-0/nl"
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-[#1e64c8] -z-10 w-full h-full"></div>
UGent
</a>
<a
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-[#1f2328] -z-10 w-full h-full"></div>
Github
</a>
<a
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-[#0a66c2] -z-10 w-full h-full"></div>
LinkedIn
<div class="absolute bg-[#1877F2] -z-10 w-full h-full"></div>
Facebook
</a>
<a
href="https://www.instagram.com/soubrierphilippe/"
@ -159,5 +153,8 @@
Phd Student - Hobbyist
<p class="text-sm">- 2023 -</p>
</div>
<div
class="fixed bottom-0 w-full h-10 bg-gradient-to-t from-gray-200 -z-20"
/>
</body>
</html>

103
src/public/banner.svg Normal file
View File

@ -0,0 +1,103 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 3004 34.77">
<defs>
<style>
.cls-1 {
stroke-dasharray: 0 0 3.04 3.04;
}
.cls-1, .cls-2, .cls-3, .cls-4, .cls-5, .cls-6, .cls-7, .cls-8 {
fill: none;
stroke: #231f20;
}
.cls-2 {
stroke-dasharray: 0 0 2.25 2.25;
}
.cls-3 {
stroke-dasharray: 0 0 3.25 3.25;
}
.cls-4 {
stroke-dasharray: 0 0 2.97 2.97;
}
.cls-9 {
fill: #231f20;
stroke-width: 0px;
}
.cls-6 {
stroke-dasharray: 0 0 2.69 2.69;
}
.cls-7 {
stroke-dasharray: 0 0 2.69 2.69;
}
.cls-8 {
stroke-dasharray: 0 0 2.49 2.49;
}
</style>
</defs>
<g id="Layer_1-2" data-name="Layer 1">
<g>
<g>
<path class="cls-5" d="m0,30.2h1336.24V6.44h17.78v4h-12.82v6.01h10.12v4.03h-10.12v9.72h17.06V6.44h4.97v19.76h12.53v4h7.36c-.53-.3-1.01-.66-1.45-1.07-1.73-1.62-2.6-4.05-2.6-7.29V7.44h4.97v14.18c0,1.99.42,3.47,1.27,4.43.85.96,2.15,1.44,3.91,1.44s3.05-.48,3.89-1.44,1.26-2.44,1.26-4.43V7.44h5v14.4c0,3.24-.86,5.67-2.59,7.29-.43.41-.92.77-1.45,1.07h9.77V6.44h9.97c1.82,0,3.38.31,4.68.92,1.3.61,2.3,1.49,3.01,2.63.71,1.14,1.06,2.51,1.06,4.12s-.35,2.98-1.06,4.12c-.71,1.14-1.71,2.02-3.01,2.63-1.3.61-2.86.92-4.68.92h-5v8.42h18.29V6.44h4.97v11.25l9.76-11.25h5.76l-8.55,9.72,8.84,14.04s3.55,0,3.67,0V6.44h17.82v4h-12.85v5.9h10.12v3.82h-10.12v6.05h13.36v3.99h14.87"/>
<g>
<line class="cls-5" x1="1433.33" y1="30.2" x2="1433.33" y2="28.7"/>
<polyline class="cls-1" points="1433.33 25.66 1433.33 23.21 1434.73 21.62"/>
<polyline class="cls-5" points="1435.73 20.48 1436.73 19.36 1437.52 20.63"/>
<line class="cls-3" x1="1439.23" y1="23.4" x2="1441.8" y2="27.55"/>
<line class="cls-5" x1="1442.66" y1="28.93" x2="1443.45" y2="30.2"/>
</g>
<g>
<line class="cls-5" x1="1547.81" y1="6.44" x2="1547.81" y2="7.94"/>
<line class="cls-2" x1="1547.81" y1="10.19" x2="1547.81" y2="13.57"/>
<polyline class="cls-5" points="1547.81 14.7 1547.81 16.2 1546.31 16.2"/>
<line class="cls-8" x1="1543.82" y1="16.2" x2="1540.08" y2="16.2"/>
<polyline class="cls-5" points="1538.83 16.2 1537.33 16.2 1537.33 14.7"/>
<line class="cls-2" x1="1537.33" y1="12.45" x2="1537.33" y2="9.07"/>
<line class="cls-5" x1="1537.33" y1="7.94" x2="1537.33" y2="6.44"/>
</g>
<path class="cls-5" d="m3004,6.44h-1336.74v4h-12.85v5.9h10.12v3.82h-10.12v6.05h13.36v4h-18.32V6.44h-13.28c1.82,0,3.38.31,4.68.92s2.3,1.49,3.01,2.63c.71,1.14,1.06,2.51,1.06,4.12s-.35,2.98-1.06,4.12c-.71,1.14-1.71,2.02-3.01,2.63s-2.86.92-4.68.92h-5v8.42h-4.97V6.44h-13.28c1.82,0,3.38.31,4.68.92s2.3,1.49,3.01,2.63c.71,1.14,1.06,2.51,1.06,4.12s-.35,2.98-1.06,4.12c-.71,1.14-1.71,2.02-3.01,2.63s-2.86.92-4.68.92h-5v8.42h-4.97V6.44h-6.19v23.76h-4.97V6.44h-16.67v19.76h12.53v4h-17.5V6.44h-6.19v23.76h-4.97V6.44h-6.19v23.76h-4.97v-10.01h-10.48v10.01h-4.97V6.44h-13.28c1.82,0,3.38.31,4.68.92s2.3,1.49,3.01,2.63c.71,1.14,1.06,2.51,1.06,4.12s-.35,2.98-1.06,4.12c-.71,1.14-1.71,2.02-3.01,2.63s-2.86.92-4.68.92h-5v8.42h-23.69"/>
<g>
<polyline class="cls-5" points="1632.65 10.37 1631.15 10.37 1631.15 11.87"/>
<polyline class="cls-5" points="1631.15 16.35 1631.15 17.85 1632.65 17.85"/>
<path class="cls-6" d="m1635.34,17.85h.06c1.49,0,2.6-.32,3.35-.95.74-.64,1.12-1.57,1.12-2.79s-.37-2.18-1.12-2.81c-.74-.62-1.86-.94-3.35-.94h-1.4"/>
</g>
<g>
<polyline class="cls-5" points="1609.39 10.37 1607.89 10.37 1607.89 11.87"/>
<polyline class="cls-5" points="1607.89 16.35 1607.89 17.85 1609.39 17.85"/>
<path class="cls-6" d="m1612.08,17.85h.06c1.49,0,2.6-.32,3.35-.95.74-.64,1.12-1.57,1.12-2.79s-.37-2.18-1.12-2.81c-.74-.62-1.86-.94-3.35-.94h-1.4"/>
</g>
<g>
<polyline class="cls-5" points="1411.57 10.37 1410.07 10.37 1410.07 11.87"/>
<polyline class="cls-5" points="1410.07 16.35 1410.07 17.85 1411.57 17.85"/>
<path class="cls-7" d="m1414.26,17.85h.06c1.49,0,2.6-.32,3.35-.95.74-.64,1.12-1.57,1.12-2.79s-.37-2.18-1.12-2.81c-.74-.62-1.86-.94-3.35-.94h-1.4"/>
</g>
<g>
<line class="cls-5" x1="1509.11" y1="30.2" x2="1509.11" y2="28.7"/>
<line class="cls-4" x1="1509.11" y1="25.74" x2="1509.11" y2="9.43"/>
<line class="cls-5" x1="1509.11" y1="7.94" x2="1509.11" y2="6.44"/>
</g>
<polyline class="cls-5" points="1488.79 .2 1478.82 23.27 1490.61 19.54 1484.11 34.57"/>
<path class="cls-5" d="m1488.41,34.57c3.51-8.12,9.43-21.81,9.43-21.82l-11.79,3.73,7.04-16.28"/>
<g>
<polyline class="cls-5" points="1515.39 10.37 1513.89 10.37 1513.89 11.87"/>
<polyline class="cls-5" points="1513.89 16.35 1513.89 17.85 1515.39 17.85"/>
<path class="cls-6" d="m1518.08,17.85h.06c1.49,0,2.6-.32,3.35-.95.74-.64,1.12-1.57,1.12-2.79s-.37-2.18-1.12-2.81c-.74-.62-1.86-.94-3.35-.94h-1.4"/>
</g>
</g>
<g>
<polygon class="cls-9" points="1710.83 28.8 1709.83 28.8 1709.83 18.53 1685.63 18.53 1685.63 17.53 1710.83 17.53 1710.83 28.8"/>
<polygon class="cls-9" points="1706.24 25.49 1706.97 24.8 1710.33 28.42 1713.68 24.8 1714.42 25.49 1710.33 29.88 1706.24 25.49"/>
</g>
<g>
<polygon class="cls-9" points="1318.33 19.38 1293.13 19.38 1293.13 8.11 1294.13 8.11 1294.13 18.38 1318.33 18.38 1318.33 19.38"/>
<polygon class="cls-9" points="1297.72 11.43 1296.99 12.11 1293.63 8.5 1290.27 12.11 1289.54 11.43 1293.63 7.03 1297.72 11.43"/>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 5.7 KiB

View File

@ -1,100 +0,0 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg id="Layer_2" style="stroke-width: 1.1px" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 369.82 34.77">
<defs>
<style>
.cls-1 {
stroke-dasharray: 0 0 3.04 3.04;
}
.cls-1, .cls-2, .cls-3, .cls-4, .cls-5, .cls-6, .cls-7, .cls-8, .cls-9 {
fill: none;
stroke: #000;
}
.cls-2 {
stroke-dasharray: 0 0 2.25 2.25;
}
.cls-3 {
stroke-dasharray: 0 0 3.25 3.25;
}
.cls-4 {
stroke-dasharray: 0 0 2.97 2.97;
}
.cls-6 {
stroke-dasharray: 0 0 2.69 2.69;
}
.cls-7 {
stroke-dasharray: 0 3;
}
.cls-8 {
stroke-dasharray: 0 0 2.69 2.69;
}
.cls-9 {
stroke-dasharray: 0 0 2.49 2.49;
}
</style>
</defs>
<g id="Layer_1-2" data-name="Layer 1">
<g>
<path class="cls-5" d="m0,30.2h19.35V6.44h17.78v4h-12.82v6.01h10.12v4.03h-10.12v9.72h17.06"/>
<path class="cls-5" d="m41.38,30.2V6.44h4.97v19.76h12.53v4h7.36"/>
<path class="cls-5" d="m88.21,30.2h-9.77c.53-.31,1.02-.66,1.45-1.07,1.73-1.62,2.59-4.05,2.59-7.29V7.44h-5v14.19c0,1.99-.42,3.47-1.26,4.43s-2.14,1.44-3.89,1.44-3.06-.48-3.91-1.44c-.85-.96-1.27-2.43-1.27-4.43V7.44h-4.97v14.4c0,3.24.86,5.67,2.6,7.29.43.41.91.77,1.45,1.07"/>
<path class="cls-5" d="m88.21,30.2V6.44h9.97c1.82,0,3.38.31,4.68.92,1.3.61,2.3,1.49,3.01,2.63.71,1.14,1.06,2.51,1.06,4.12s-.35,2.98-1.06,4.12c-.71,1.14-1.71,2.02-3.01,2.63-1.3.61-2.86.92-4.68.92h-5v8.42h18.29"/>
<polyline class="cls-5" points="111.47 30.2 111.47 6.44 116.44 6.44 116.44 17.69 126.19 6.44 131.95 6.44 123.4 16.16 132.24 30.2 135.91 30.2"/>
<g>
<line class="cls-5" x1="116.44" y1="30.2" x2="116.44" y2="28.7"/>
<polyline class="cls-1" points="116.44 25.66 116.44 23.21 117.84 21.62"/>
<polyline class="cls-5" points="118.84 20.48 119.83 19.36 120.62 20.63"/>
<line class="cls-3" x1="122.34" y1="23.4" x2="124.91" y2="27.55"/>
<line class="cls-5" x1="125.76" y1="28.93" x2="126.55" y2="30.2"/>
</g>
<path class="cls-5" d="m135.91,30.2V6.44h17.82v4h-12.85v5.9h10.12v3.82h-10.12v6.05h13.36v3.99h14.87m23.11,0h-18.81"/>
<path class="cls-5" d="m215.47,6.44h-13.28c1.82,0,3.38.31,4.68.92s2.3,1.49,3.01,2.63c.71,1.14,1.06,2.51,1.06,4.12s-.35,2.98-1.06,4.12c-.71,1.14-1.71,2.02-3.01,2.63s-2.86.92-4.68.92h-5v8.42h-4.97"/>
<g>
<line class="cls-5" x1="230.92" y1="6.44" x2="230.92" y2="7.94"/>
<line class="cls-2" x1="230.92" y1="10.19" x2="230.92" y2="13.57"/>
<polyline class="cls-5" points="230.92 14.7 230.92 16.2 229.42 16.2"/>
<line class="cls-9" x1="226.93" y1="16.2" x2="223.19" y2="16.2"/>
<polyline class="cls-5" points="221.94 16.2 220.44 16.2 220.44 14.7"/>
<line class="cls-2" x1="220.44" y1="12.45" x2="220.44" y2="9.07"/>
<line class="cls-5" x1="220.44" y1="7.94" x2="220.44" y2="6.44"/>
</g>
<polyline class="cls-5" points="215.47 6.44 215.47 30.2 220.44 30.2 220.44 20.19 230.92 20.19 230.92 30.2 235.88 30.2 235.88 6.44 242.08 6.44"/>
<path class="cls-5" d="m253.24,6.44h-6.19v23.76h-4.97V6.44"/>
<path class="cls-5" d="m274.87,6.44h-16.67v19.76h12.53v4h-17.5V6.44"/>
<path class="cls-5" d="m286.03,6.44h-6.19v23.76h-4.97V6.44"/>
<path class="cls-5" d="m296,6.44c1.82,0,3.38.31,4.68.92s2.3,1.49,3.01,2.63c.71,1.14,1.06,2.51,1.06,4.12s-.35,2.98-1.06,4.12c-.71,1.14-1.71,2.02-3.01,2.63s-2.86.92-4.68.92h-5v8.42h-4.97V6.44"/>
<path class="cls-5" d="m319.26,6.44c1.82,0,3.38.31,4.68.92s2.3,1.49,3.01,2.63c.71,1.14,1.06,2.51,1.06,4.12s-.35,2.98-1.06,4.12c-.71,1.14-1.71,2.02-3.01,2.63s-2.86.92-4.68.92h-5v8.42h-4.97V6.44"/>
<path class="cls-5" d="m369.82,6.44h-19.46v4h-12.85v5.9h10.12v3.82h-10.12v6.05h13.36v4h-18.32V6.44"/>
<g>
<polyline class="cls-5" points="315.76 10.37 314.26 10.37 314.26 11.87"/>
<polyline class="cls-5" points="314.26 16.35 314.26 17.85 315.76 17.85"/>
<path class="cls-6" d="m318.44,17.85h.06c1.49,0,2.6-.32,3.35-.95.74-.64,1.12-1.57,1.12-2.79s-.37-2.18-1.12-2.81c-.74-.62-1.86-.94-3.35-.94h-1.4"/>
</g>
<g>
<polyline class="cls-5" points="292.5 10.37 291 10.37 291 11.87"/>
<polyline class="cls-5" points="291 16.35 291 17.85 292.5 17.85"/>
<path class="cls-6" d="m295.19,17.85h.06c1.49,0,2.6-.32,3.35-.95.74-.64,1.12-1.57,1.12-2.79s-.37-2.18-1.12-2.81c-.74-.62-1.86-.94-3.35-.94h-1.4"/>
</g>
<g>
<polyline class="cls-5" points="94.68 10.37 93.18 10.37 93.18 11.87"/>
<polyline class="cls-5" points="93.18 16.35 93.18 17.85 94.68 17.85"/>
<path class="cls-8" d="m97.37,17.85h.06c1.49,0,2.6-.32,3.35-.95.74-.64,1.12-1.57,1.12-2.79s-.37-2.18-1.12-2.81c-.74-.62-1.86-.94-3.35-.94h-1.4"/>
</g>
<g>
<line class="cls-5" x1="192.22" y1="30.2" x2="192.22" y2="28.7"/>
<line class="cls-4" x1="192.22" y1="25.74" x2="192.22" y2="9.43"/>
<line class="cls-5" x1="192.22" y1="7.94" x2="192.22" y2="6.44"/>
</g>
</g>
<polyline class="cls-5" points="171.9 .2 161.93 23.27 173.72 19.54 167.22 34.57"/>
<path class="cls-5" d="m171.52,34.57c3.51-8.12,9.43-21.81,9.43-21.82l-11.79,3.73L176.2.2"/>
<path class="cls-7" d="m201.43,17.85c1.49,0,2.6-.32,3.35-.95.74-.64,1.12-1.57,1.12-2.79s-.37-2.18-1.12-2.81c-.74-.62-1.86-.94-3.35-.94h-4.25v7.49h4.25Z"/>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 5.4 KiB