Skip to content
Snippets Groups Projects
Commit 96d5c921 authored by Renan Declercq's avatar Renan Declercq
Browse files

f

parent b5678269
No related branches found
No related tags found
No related merge requests found
Show whitespace changes
Inline Side-by-side
Showing
with 96 additions and 0 deletions
build/asset-manifest.json 0 → 100644
+ 20
− 0
View file @ 96d5c921
{
"files": {
"main.css": "./static/css/main.fb1398cd.css",
"main.js": "./static/js/main.13dcacc4.js",
"static/media/projet2.png": "./static/media/projet2.2ce13ba8a4b11e5ce954.png",
"static/media/projet1.png": "./static/media/projet1.cfd8c3b14892d86e0c85.png",
"static/media/projet4.png": "./static/media/projet4.452fab24281a166ac7eb.png",
"static/media/portfolio.jpg": "./static/media/portfolio.7066d3ffea272d6e51e1.jpg",
"static/media/Poppins-Medium.ttf": "./static/media/Poppins-Medium.673ed42382ab264e0bf5.ttf",
"static/media/projet3.png": "./static/media/projet3.76d87df895d6082d996a.png",
"static/media/wallpaper.jpg": "./static/media/wallpaper.7f473e8acdebeecaca91.jpg",
"index.html": "./index.html",
"main.fb1398cd.css.map": "./static/css/main.fb1398cd.css.map",
"main.13dcacc4.js.map": "./static/js/main.13dcacc4.js.map"
},
"entrypoints": [
"static/css/main.fb1398cd.css",
"static/js/main.13dcacc4.js"
]
}
\ No newline at end of file
build/favicon.ico 0 → 100644
+ 0
− 0
View file @ 96d5c921
build/favicon.ico

3.78 KiB

build/index.html 0 → 100644
+ 1
− 0
View file @ 96d5c921
<!doctype html><html lang="fr"><head><meta charset="utf-8"/><link rel="icon" href="./favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="Web site created using create-react-app"/><link rel="apple-touch-icon" href="./logo192.png"/><link rel="manifest" href="./manifest.json"/><link rel="stylesheet" href="../src/Font/"><title>Renan Declercq</title><script defer="defer" src="./static/js/main.13dcacc4.js"></script><link href="./static/css/main.fb1398cd.css" rel="stylesheet"></head><body><div id="root"></div><form name="contact" netlify netlify-honeypot="bot-field" hidden><input name="prenom"/> <input name="nom"/> <input name="telephone"/> <input type="email" name="email"/> <textarea name="message"></textarea></form></body></html>
\ No newline at end of file
build/logo192.png 0 → 100644
+ 0
− 0
View file @ 96d5c921
build/logo192.png

5.22 KiB

build/logo512.png 0 → 100644
+ 0
− 0
View file @ 96d5c921
build/logo512.png

9.44 KiB

build/manifest.json 0 → 100644
+ 25
− 0
View file @ 96d5c921
{
"short_name": "React App",
"name": "Create React App Sample",
"icons": [
{
"src": "favicon.ico",
"sizes": "64x64 32x32 24x24 16x16",
"type": "image/x-icon"
},
{
"src": "logo192.png",
"type": "image/png",
"sizes": "192x192"
},
{
"src": "logo512.png",
"type": "image/png",
"sizes": "512x512"
}
],
"start_url": ".",
"display": "standalone",
"theme_color": "#000000",
"background_color": "#ffffff"
}
build/robots.txt 0 → 100644
+ 3
− 0
View file @ 96d5c921
# https://www.robotstxt.org/robotstxt.html
User-agent: *
Disallow:
build/static/css/main.fb1398cd.css 0 → 100644
+ 2
− 0
View file @ 96d5c921
*{box-sizing:border-box;margin:0;padding:0;scroll-behavior:smooth}body{background:#000;font-family:Poppins,sans-serif;font-weight:500}img{width:100%}.container{margin:0 auto;max-width:1224px;min-height:100vh;padding:7rem 1.5rem 0}@font-face{font-family:Poppins;src:url(../../static/media/Poppins-Medium.673ed42382ab264e0bf5.ttf)}.title{margin-bottom:3rem;text-align:center}.title span{color:#14a2ba;font-size:.75rem;font-weight:800;letter-spacing:5px;text-transform:uppercase}.title h1{color:#fff;font-size:3rem;position:relative}@media screen and (max-width:500px){.container{padding:7rem 1rem 0}.title h1{font-size:2.5rem}}.about_container{display:grid;grid-template-columns:repeat(2,1fr);position:relative}@media screen and (max-width:700px){.about_container{grid-template-columns:1fr}}.about_container .about_left{background:#14a2ba;border-radius:5px;box-shadow:0 0 20px #14a2ba;height:350px;justify-self:center;max-width:350px}.about_container .about_left img{-webkit-filter:grayscale(100%);filter:grayscale(100%);height:100%;object-fit:cover;transition:all .6s ease-out;width:100%}.about_container .about_left img:hover{-webkit-filter:grayscale(0);filter:grayscale(0)}.about_container .about_left .bio{color:#fff;display:flex;font-size:.85rem;margin-bottom:1rem;margin-top:10px;max-width:400px}.about_container .about_left .bio .bioKey{align-items:center;display:flex;gap:.5rem;margin-right:3rem}.about_container .about_left a{background:#fff;border-radius:10px;color:#000;font-size:.85rem;padding:.65rem 1rem;position:relative;text-decoration:none;text-transform:none;top:5%;width:155px}.about_container .about_right{color:#fff;display:flex;flex-direction:column;justify-self:center}@media screen and (max-width:700px){.about_container .about_right{margin-top:10rem;padding:0}}.about_container .about_right p{font-size:.85rem;margin-bottom:1rem;max-width:450px}.contact_form{grid-gap:2rem;background:#fff;border-radius:15px;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr);margin-left:auto;margin-right:auto;max-width:1100px;overflow:hidden;padding:2rem}@media screen and (max-width:700px){.contact_form{grid-template-columns:1fr}}.contact_form .contact_left_container{margin-top:10%}.contact_form .contact_left_container .contact_left{align-items:center;display:flex;margin-top:3rem}.contact_form .contact_left_container .contact_left .icon{align-items:center;background:#14a2ba;border-radius:50%;color:#fff;display:flex;height:50px;justify-content:center;margin-right:1rem;width:50px}.contact_form .contact_left_container .contact_left p{font-size:.85rem}.contact_form .contact_left_container .social_icons{display:flex;margin-top:8rem}.contact_form .contact_left_container .social_icons a{color:#000;opacity:.8}.contact_form .contact_left_container .social_icons div{cursor:pointer;margin-right:1rem}.contact_form .contact_left_container .social_icons div:hover{opacity:.8}.contact_form .contact_left_container .social_icons div svg{font-size:1.3rem}.contact_form .contact_right h3{font-size:1.5rem;margin-bottom:1rem}.contact_form .contact_right .contact_form{display:flex;flex-direction:column;gap:10px}.contact_form .contact_right .row{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));width:100%}.contact_form .contact_right .row input,.contact_form .contact_right .row textarea{background:#f3f3f3;border:none;border-radius:5px;font-family:Poppins;font-size:.85rem;margin-bottom:.5rem;outline:none;padding:1rem 1.5rem}.contact_form .contact_right .row textarea{min-height:150px;resize:none}.contact_form .contact_right .btn{background:#14a2ba;border-radius:10px;color:#f3f3f3;font-size:.85rem;margin-top:1rem;padding:.65rem 1rem;width:5.4rem}.contact_form .contact_right .btn:hover{cursor:pointer}.footer{align-items:center;color:#fff;-webkit-column-gap:2rem;column-gap:2rem;display:flex;flex-wrap:wrap;justify-content:space-between;margin-left:auto;margin-right:auto;max-width:800px;padding:1rem 3rem}.footer .copyright p{font-size:.85rem}.footer .copyright p span{color:#14a2ba;font-weight:800}.footer .followMe{align-items:center;display:flex;gap:1rem}.footer .followMe h4{font-size:.85rem}.footer .followMe .stick{background:#fff;height:2px;width:3rem}.footer .followMe .social_icons{display:flex;gap:.5rem}.footer .followMe .social_icons svg{color:#fff;cursor:pointer;opacity:.7}.footer .followMe .social_icons svg:hover{opacity:1}#accueil{align-items:center;background-image:url(../../static/media/wallpaper.7f473e8acdebeecaca91.jpg);background-position:50%;background-size:cover;display:flex;flex-direction:column}#accueil .profile{height:110px;width:110px}#accueil .profile img{border-radius:50%;height:100%;object-fit:cover;width:100%}#accueil .profile_text{align-items:center;display:flex;flex-direction:column;margin-top:1rem;position:relative}#accueil .profile_text h3{color:#fff;font-size:2rem}@media screen and (max-width:550px){#accueil .profile_text h3{font-size:1.5rem}}@media screen and (max-width:400px){#accueil .profile_text h3{font-size:1rem}}#accueil .profile_text h3 span{color:#14a2ba}#accueil .profile_text .job{color:#fff;font-size:.85rem;opacity:.9;text-align:center}@media screen and (max-width:550px){#accueil .profile_text .job{font-size:.7rem}}@media screen and (max-width:400px){#accueil .profile_text .job{font-size:.55rem}}#accueil .profile_text a{background:#fff;border-radius:10px;color:#000;font-size:.85rem;margin-top:5rem;padding:.65rem 1rem;text-decoration:none;text-transform:capitalize}.buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.buttons button{background:#fff;border:none;border-radius:10px;color:#000;cursor:pointer;font-family:Poppins;font-size:.85rem;margin-top:1rem;padding:.65rem 1rem}.buttons button.active{background:#14a2ba;color:#fff}.workImages{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin-top:5rem}@media screen and (max-width:800px){.workImages{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:600px){.workImages{grid-template-columns:1fr}}.workImages .workImage{height:250px;margin-left:auto;margin-right:auto;max-width:380px;position:relative}@media screen and (max-width:600px){.workImages .workImage{max-width:350px}}.workImages .workImage img{height:100%;object-fit:cover;width:100%}.workImages .workImage .banner{background-color:#000000dc;border-top:1px solid #14a2ba;color:#fff;position:absolute;text-align:center;width:100%}.workImages .workImage .banner .banner_project_langages{font-size:.8rem;opacity:.8}.workImages .workImage .hoverLayer{align-items:center;background:#14a2ba;display:flex;gap:1.5rem;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:5}.workImages .workImage .hoverLayer a{align-items:center;background:hsla(0,0%,100%,.25);border-radius:50%;display:flex;height:40px;justify-content:center;width:40px}.workImages .workImage .hoverLayer a svg{color:#fff;font-size:1.5rem}.competences{grid-row-gap:4rem;display:grid;grid-template-columns:repeat(4,1fr);justify-content:center;margin-left:auto;margin-right:auto;max-width:700px;row-gap:4rem}@media screen and (max-width:500px){.competences{gap:2rem;grid-template-columns:repeat(2,1fr)}}.competences .tools{display:flex;flex-direction:column;justify-content:center}.competences .tools svg{color:#fff;height:100px;margin-left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100px}.competences .tools .langages_label{color:#fff;margin-top:10px;text-align:center;text-transform:uppercase}.transversales{color:#fff;display:grid;grid-template-columns:repeat(3,1fr);justify-content:center;margin-left:auto;margin-right:auto;max-width:700px}@media screen and (max-width:800px){.transversales{gap:1rem;grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:450px){.transversales{gap:1rem;grid-template-columns:repeat(1,1fr)}}.transversales .transversale{align-items:center;display:flex;justify-content:space-between;margin:auto auto 3rem}.transversales .transversale .position{padding-left:2.5rem;width:300px}.transversales .transversale .position h3{font-size:1.1rem;text-align:center;text-transform:uppercase}@media screen and (max-width:405px){.transversales .transversale .position h3{font-size:.85rem}}.transversales .transversale .position svg{color:#fff;height:100px;margin-left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100px}.header{left:0;position:fixed;top:0;width:100%;z-index:10}.header.active{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(0,0,0,.5);border-bottom:1px solid #14a2ba39}.Nav_container{align-items:center;display:flex;justify-content:space-between;margin-left:auto;margin-right:auto;max-width:1224px;padding:1.2rem 2rem;position:relative}.Nav_container .logo{align-items:center;background:linear-gradient(217deg,#fff,#14a2ba 70.71%),linear-gradient(127deg,#fff,#14a2ba 70.71%),linear-gradient(336deg,#fff,#14a2ba 70.71%);border-radius:50%;cursor:default;display:flex;height:40px;justify-content:center;width:40px}.Nav_container .social_icons{display:flex}@media screen and (max-width:800px){.Nav_container .social_icons{display:none}}.Nav_container .social_icons div{margin-left:1rem}.Nav_container .social_icons div svg{color:#fff;cursor:pointer;opacity:.6;transition:.3s;z-index:5}.Nav_container .social_icons div svg:hover{opacity:1}.Nav_container .menu{align-items:center;background:#fff;border-radius:50%;cursor:pointer;display:flex;display:none;height:35px;justify-content:center;position:relative;width:35px}@media screen and (max-width:800px){.Nav_container .menu{align-items:center;display:block;display:flex;justify-content:center}}.Nav_container .menu svg{height:70%;width:70%}.Nav_container .closeMenu{background:#000;border-radius:50%;height:4rem;position:fixed;right:0;top:0;width:4rem}.Nav_container .menuX{align-items:center;color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;position:fixed;top:2rem;width:100%}.Nav_container .menuX svg{cursor:pointer;height:1.5rem;position:absolute;right:5rem;top:2rem;width:1.5rem}.Nav_container .menuX li{list-style:none;margin-top:1rem}.Nav_container .menuX li a{color:#14a2ba;font-size:1.5rem;opacity:.8;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.Nav_container .menuX li a:hover{opacity:1}.nav_links{display:flex;list-style:none}.nav_links li{margin-left:3rem}@media screen and (max-width:800px){.nav_links li{display:none}}.nav_links li a{color:#14a2ba;font-size:.85rem;opacity:.6;text-decoration:none;text-transform:uppercase;transition:.3s}.nav_links li a:hover{opacity:1}.select{display:flex;gap:1rem;justify-content:center;margin-bottom:5rem;margin-left:auto}.select button{background:#fff;border:none;border-radius:10px;color:#000;cursor:pointer;font-family:Poppins;font-size:.85rem;margin-top:1rem;padding:.65rem 1rem;text-transform:capitalize}.select button.active{background:#14a2ba;color:#fff}.formations{grid-row-gap:4rem;display:grid;grid-template-columns:repeat(1,1fr);justify-content:center;margin-left:auto;margin-right:auto;max-width:700px;row-gap:4rem}@media screen and (max-width:700px){.formations{gap:2rem;grid-template-columns:repeat(1,1fr)}}.formations .tools{align-items:center;display:flex;flex-direction:row;justify-content:space-between}@media screen and (max-width:700px){.formations .tools{margin-left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}}.formations .tools .formations_year{color:#fff;margin-top:10px;text-align:left;text-transform:uppercase;width:100px}@media screen and (max-width:700px){.formations .tools .formations_year{font-size:.8rem;width:75px}}.formations .tools .form_label_location{color:#fff;display:flex;flex-direction:column;margin-left:5rem;margin-top:10px;text-align:left;text-transform:uppercase;width:500px}@media screen and (max-width:700px){.formations .tools .form_label_location{font-size:.8rem;width:400px}}.formations .tools .form_label_location .formations_location{color:#14a2ba;font-size:.8em}.experiences{grid-row-gap:4rem;display:grid;grid-template-columns:repeat(1,1fr);justify-content:center;margin-left:auto;margin-right:auto;max-width:700px;row-gap:4rem}@media screen and (max-width:700px){.experiences{gap:2rem;grid-template-columns:repeat(1,1fr)}}.experiences .experience{align-items:center;display:flex;flex-direction:row;justify-content:space-between}@media screen and (max-width:700px){.experiences .experience{margin-left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}}.experiences .experience .experiences_year{color:#fff;margin-top:10px;text-align:left;text-transform:uppercase;width:100px}@media screen and (max-width:700px){.experiences .experience .experiences_year{font-size:.8rem;width:75px}}.experiences .experience .form_label_location{color:#fff;display:flex;flex-direction:column;margin-left:5rem;margin-top:10px;text-align:left;text-transform:uppercase;width:500px}@media screen and (max-width:700px){.experiences .experience .form_label_location{font-size:.8rem;width:400px}}.experiences .experience .form_label_location .experiences_location{color:#14a2ba;font-size:.8em}.finishes_container{color:#fff;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-top:5rem;text-align:center}.finishes_container .number{color:#14a2ba;font-size:1.7rem}
/*# sourceMappingURL=main.fb1398cd.css.map*/
\ No newline at end of file
build/static/css/main.fb1398cd.css.map 0 → 100644
+ 1
− 0
View file @ 96d5c921
{"version":3,"file":"static/css/main.fb1398cd.css","mappings":"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","sources":["App.css","components/container/About/About.scss","components/container/Contact/Contact.scss","components/container/Footer/Footer.scss","components/container/Home/Home.scss","components/container/Portfolio/Portfolio.scss","components/container/Skills/Skills.scss","components/Navbar/Navbar.scss","components/container/Career/Career.scss"],"sourcesContent":["* {\r\n padding: 0;\r\n margin: 0;\r\n box-sizing: border-box;\r\n scroll-behavior: smooth;\r\n}\r\nbody {\r\n /* background: #131212; */\r\n background: #000;\r\n font-family: \"Poppins\", sans-serif;\r\n font-weight: 500;\r\n}\r\nimg {\r\n width: 100%;\r\n}\r\n.container {\r\n max-width:1224px;\r\n min-height: 100vh;\r\n padding: 7rem 1.5rem 0 1.5rem;\r\n margin: 0 auto;\r\n}\r\n@font-face {\r\n font-family: \"Poppins\";\r\n src: url(./Font/Poppins-Medium.ttf);\r\n}\r\n.title {\r\n text-align: center;\r\n margin-bottom: 3rem;\r\n}\r\n.title span {\r\n color: #14a2ba;\r\n text-transform: uppercase;\r\n font-size: 0.75rem;\r\n font-weight: 800;\r\n letter-spacing: 5px;\r\n}\r\n.title h1 {\r\n color: #fff;\r\n font-size: 3rem;\r\n position: relative;\r\n}\r\n@media screen and (max-width: 500px) {\r\n .container {\r\n padding: 7rem 1rem 0 1rem;\r\n }\r\n .title h1 {\r\n font-size: 2.5rem;\r\n }\r\n}\r\n\r\n/* ::-webkit-scrollbar{\r\n width: 20px;\r\n}\r\n\r\n::-webkit-scrollbar-track{\r\n background: #000;\r\n}\r\n\r\n::-webkit-scrollbar-thumb{\r\n background: #14a2ba;\r\n} */\r\n",".about_container {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n //place-items: center;\r\n position: relative;\r\n\r\n @media screen and (max-width: 700px) {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .about_left {\r\n background: #14a2ba;\r\n max-width: 350px;\r\n height: 350px;\r\n justify-self: center;\r\n border-radius: 5px;\r\n box-shadow: 0 0 20px #14a2ba;\r\n\r\n\r\n img {\r\n object-fit: cover;\r\n width: 100%;\r\n height: 100%;\r\n filter: grayscale(100%);\r\n transition: all 0.6s ease-out;\r\n }\r\n\r\n img:hover{\r\n filter: grayscale(0%);\r\n }\r\n\r\n .bio {\r\n display: flex;\r\n font-size: 0.85rem;\r\n max-width: 400px;\r\n margin-bottom: 1rem;\r\n color: white;\r\n margin-top: 10px;\r\n\r\n .bioKey {\r\n display: flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n margin-right: 3rem;\r\n }\r\n }\r\n\r\n a {\r\n position: relative;\r\n text-decoration: none;\r\n color: #000;\r\n background: #fff;\r\n padding: 0.65rem 1rem;\r\n border-radius: 10px;\r\n font-size: 0.85rem;\r\n text-transform: none;\r\n width: 155px;\r\n top: 5%;\r\n }\r\n }\r\n\r\n .about_right {\r\n color: #fff;\r\n display: flex;\r\n flex-direction: column;\r\n justify-self: center;\r\n\r\n @media screen and (max-width: 700px) {\r\n padding: 0;\r\n margin-top: 10rem;\r\n }\r\n\r\n p {\r\n font-size: 0.85rem;\r\n margin-bottom: 1rem;\r\n max-width: 450px;\r\n }\r\n }\r\n\r\n}",".contact_form {\r\n display: grid;\r\n grid-template-columns: repeat(2,1fr);\r\n background: #fff;\r\n padding: 2rem;\r\n border-radius: 15px;\r\n max-width: 1100px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n gap: 2rem;\r\n overflow: hidden;\r\n\r\n @media screen and (max-width: 700px) {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .contact_left_container {\r\n margin-top: 10%;\r\n .contact_left {\r\n display: flex;\r\n align-items: center;\r\n margin-top: 3rem;\r\n .icon {\r\n width: 50px;\r\n height: 50px;\r\n background: #14a2ba;\r\n color: #fff;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n border-radius: 50%;\r\n margin-right: 1rem;\r\n }\r\n p {\r\n font-size: 0.85rem;\r\n }\r\n }\r\n .social_icons {\r\n display: flex;\r\n margin-top: 8rem;\r\n a{\r\n color: black;\r\n opacity: 0.8;\r\n }\r\n div {\r\n margin-right: 1rem;\r\n cursor: pointer;\r\n\r\n &:hover {\r\n opacity: 0.8;\r\n }\r\n\r\n svg {\r\n font-size: 1.3rem;\r\n }\r\n }\r\n }\r\n\r\n \r\n }\r\n .contact_right {\r\n h3 {\r\n font-size: 1.5rem;\r\n margin-bottom: 1rem;\r\n }\r\n .contact_form{\r\n display: flex;\r\n flex-direction: column;\r\n gap: 10px;\r\n }\r\n .row {\r\n width: 100%;\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(150px,1fr));\r\n gap: 0.5rem;\r\n\r\n input {\r\n border: none;\r\n outline: none;\r\n margin-bottom: 0.5rem;\r\n padding: 1rem 1.5rem;\r\n background: #f3f3f3;\r\n border-radius: 5px;\r\n font-size: 0.85rem;\r\n font-family: \"Poppins\";\r\n }\r\n textarea {\r\n border: none;\r\n outline: none;\r\n margin-bottom: 0.5rem;\r\n padding: 1rem 1.5rem;\r\n background: #f3f3f3;\r\n border-radius: 5px;\r\n resize: none;\r\n min-height: 150px;\r\n font-size: 0.85rem;\r\n font-family: \"Poppins\";\r\n }\r\n }\r\n \r\n .btn {\r\n margin-top: 1rem;\r\n background: #14a2ba;\r\n padding: 0.65rem 1rem;\r\n border-radius: 10px;\r\n font-size: 0.85rem;\r\n width: 5.4rem;\r\n color: #f3f3f3;\r\n }\r\n .btn:hover{\r\n cursor: pointer;\r\n }\r\n }\r\n}",".footer {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n flex-wrap: wrap;\r\n padding: 1rem 3rem;\r\n max-width: 800px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n color: #fff;\r\n column-gap: 2rem;\r\n\r\n .copyright {\r\n\r\n p{\r\n font-size: 0.85rem;\r\n\r\n span {\r\n color: #14a2ba;\r\n font-weight: 800;\r\n }\r\n }\r\n }\r\n .followMe {\r\n display: flex;\r\n align-items: center;\r\n gap: 1rem;\r\n\r\n h4 {\r\n font-size: 0.85rem;\r\n }\r\n .stick {\r\n height: 2px;\r\n width: 3rem;\r\n background: #fff;\r\n }\r\n\r\n .social_icons {\r\n display: flex;\r\n gap: 0.5rem;\r\n\r\n svg {\r\n color: #fff;\r\n opacity: 0.7;\r\n cursor: pointer;\r\n &:hover {\r\n opacity: 1; \r\n }\r\n }\r\n }\r\n }\r\n}","#accueil {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n background-image:url(../../../assets/wallpaper.jpg);\r\n background-size: cover;\r\n background-position: center;\r\n\r\n .profile {\r\n width: 110px;\r\n height: 110px;\r\n\r\n img {\r\n width: 100%;\r\n height: 100%;\r\n border-radius: 50%;\r\n object-fit: cover;\r\n }\r\n }\r\n .profile_text {\r\n margin-top: 1rem;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n position: relative;\r\n\r\n h3 {\r\n color: #fff;\r\n font-size: 2rem;\r\n @media screen and (max-width: 550px) {\r\n font-size: 1.5rem;\r\n }\r\n @media screen and (max-width: 400px) {\r\n font-size: 1rem;\r\n }\r\n span {\r\n color: #14a2ba;\r\n }\r\n }\r\n .job {\r\n color: #fff;\r\n opacity: 0.9;\r\n font-size: 0.85rem;\r\n text-align: center;\r\n @media screen and (max-width: 550px) {\r\n font-size: 0.70rem;\r\n }\r\n @media screen and (max-width: 400px) {\r\n font-size: 0.55rem;\r\n }\r\n }\r\n a {\r\n margin-top: 5rem;\r\n text-decoration: none;\r\n color: #000;\r\n background: #fff;\r\n padding: 0.65rem 1rem;\r\n border-radius: 10px;\r\n font-size: 0.85rem;\r\n text-transform: capitalize;\r\n }\r\n }\r\n\r\n}",".buttons {\r\n display: flex;\r\n justify-content: center;\r\n gap: 1rem;\r\n flex-wrap: wrap;\r\n\r\n @media screen and (max-width: 350px){\r\n }\r\n button {\r\n color: #000;\r\n background: #fff;\r\n padding: 0.65rem 1rem;\r\n border-radius: 10px;\r\n font-size: 0.85rem;\r\n cursor: pointer;\r\n border: none;\r\n margin-top: 1rem;\r\n font-family: \"Poppins\";\r\n \r\n \r\n &.active {\r\n background: #14a2ba;\r\n color: #fff;\r\n }\r\n }\r\n }\r\n .workImages {\r\n margin-top: 5rem;\r\n display: grid;\r\n grid-template-columns: repeat(3,1fr);\r\n gap: 1rem;\r\n \r\n @media screen and(max-width: 800px) {\r\n grid-template-columns: repeat(2,1fr);\r\n }\r\n \r\n @media screen and(max-width: 600px) {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .workImage {\r\n max-width: 380px;\r\n height: 250px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n position: relative;\r\n // border: solid 5px crimson;\r\n @media screen and(max-width:600px) {\r\n max-width: 350px;\r\n }\r\n\r\n img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n }\r\n\r\n .banner{\r\n background-color: #000000dc;\r\n color: #fff;\r\n border-top: solid 1px #14a2ba;\r\n text-align: center;\r\n position: absolute;\r\n width: 100%;\r\n .banner_project_name{\r\n\r\n }\r\n .banner_project_langages{\r\n font-size: 0.8rem;\r\n opacity: 0.8;\r\n }\r\n }\r\n\r\n .hoverLayer {\r\n background: #14a2ba;\r\n width: 100%;\r\n height: 100%;\r\n z-index: 5;\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n display: flex;\r\n gap: 1.5rem;\r\n justify-content: center;\r\n align-items: center;\r\n \r\n a {\r\n width: 40px;\r\n height: 40px;\r\n background: rgba(255,255,255,0.25);\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n border-radius: 50%;\r\n svg {\r\n color: #fff;\r\n font-size: 1.5rem;\r\n }\r\n }\r\n }\r\n }\r\n}\r\n",".select {\r\n display: flex;\r\n justify-content: center;\r\n gap: 1rem;\r\n margin-bottom: 5rem;\r\n margin-left: auto;\r\n \r\n button {\r\n color: #000;\r\n background: #fff;\r\n padding: 0.65rem 1rem;\r\n border-radius: 10px;\r\n font-size: 0.85rem;\r\n text-transform: capitalize;\r\n cursor: pointer;\r\n border: none;\r\n margin-top: 1rem;\r\n font-family: \"Poppins\";\r\n\r\n &.active {\r\n background: #14a2ba;\r\n color: #fff;\r\n }\r\n }\r\n}\r\n.competences {\r\n display: grid;\r\n grid-template-columns: repeat(4,1fr);\r\n justify-content: center;\r\n margin-left: auto;\r\n margin-right: auto;\r\n max-width: 700px;\r\n row-gap: 4rem;\r\n\r\n @media screen and(max-width: 500px) {\r\n grid-template-columns: repeat(2,1fr);\r\n gap: 2rem;\r\n }\r\n .tools {\r\n display: flex;\r\n justify-content: center;\r\n flex-direction: column;\r\n svg {\r\n width: 100px;\r\n height: 100px;\r\n color: #fff;\r\n margin-left: 50%;\r\n transform: translateX(-50%);\r\n }\r\n .langages_label{\r\n color: #fff;\r\n text-align: center;\r\n margin-top: 10px;\r\n text-transform: uppercase;\r\n }\r\n }\r\n}\r\n.transversales {\r\n display: grid;\r\n grid-template-columns: repeat(3,1fr);\r\n max-width: 700px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n justify-content: center;\r\n color: #fff;\r\n\r\n @media screen and(max-width: 800px) {\r\n grid-template-columns: repeat(2,1fr);\r\n gap: 1rem;\r\n }\r\n\r\n @media screen and(max-width: 450px) {\r\n grid-template-columns: repeat(1,1fr);\r\n gap: 1rem;\r\n }\r\n .transversale {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n margin: auto;\r\n margin-bottom: 3rem; \r\n .position {\r\n width: 300px;\r\n padding-left: 2.5rem;\r\n h3 {\r\n font-size: 1.1rem;\r\n text-align: center;\r\n text-transform: uppercase;\r\n @media screen and(max-width: 405px){\r\n font-size: 0.85rem;\r\n }\r\n }\r\n svg {\r\n width: 100px;\r\n height: 100px;\r\n color: #fff;\r\n margin-left: 50%;\r\n transform: translateX(-50%);\r\n } \r\n }\r\n }\r\n \r\n}\r\n\r\n.finishes_container {\r\n display: flex;\r\n justify-content: center;\r\n margin-top: 5rem;\r\n text-align: center;\r\n flex-wrap: wrap;\r\n gap: 2rem;\r\n color: #fff;\r\n\r\n .number {\r\n color: #14a2ba;\r\n font-size: 1.7rem;\r\n }\r\n}","\r\n.header {\r\n position: fixed;\r\n width: 100%;\r\n top: 0;\r\n left: 0;\r\n z-index: 10;\r\n \r\n &.active {\r\n background: rgba($color: #000000, $alpha: 0.5);\r\n backdrop-filter: blur(10px);\r\n border-bottom: solid 1px #14a2ba39;\r\n }\r\n}\r\n.Nav_container {\r\n position: relative;\r\n max-width: 1224px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n padding: 1.2rem 2rem;\r\n margin-left: auto;\r\n margin-right: auto;\r\n .logo {\r\n // background: linear-gradient(to right , #622b7f, #14a2ba);\r\n background: \r\n linear-gradient(217deg, #fff, #14a2ba 70.71%),\r\n linear-gradient(127deg, #fff, #14a2ba 70.71%),\r\n linear-gradient(336deg, #fff, #14a2ba 70.71%);;\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: default;\r\n }\r\n .social_icons {\r\n display: flex;\r\n @media screen and (max-width: 800px) {\r\n display: none;\r\n }\r\n div {\r\n margin-left: 1rem;\r\n\r\n svg {\r\n cursor: pointer;\r\n color: #fff;\r\n opacity: 0.6;\r\n transition: 0.3s;\r\n z-index: 5;\r\n \r\n &:hover {\r\n opacity: 1;\r\n }\r\n }\r\n \r\n }\r\n }\r\n \r\n .menu {\r\n background: #fff;\r\n width: 35px;\r\n height: 35px;\r\n border-radius: 50%;\r\n position: relative;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n display: none;\r\n cursor: pointer;\r\n\r\n @media screen and (max-width: 800px) {\r\n display: block;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n svg {\r\n width: 70%;\r\n height: 70%\r\n }\r\n }\r\n \r\n .closeMenu {\r\n background: #000;\r\n width: 4rem;\r\n height: 4rem;\r\n position: fixed;\r\n right: 0;\r\n top: 0;\r\n border-radius: 50%;\r\n }\r\n .menuX {\r\n color: #fff;\r\n position: fixed;\r\n top: 2rem;\r\n left: 0;\r\n width: 100%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-direction: column;\r\n height: 100vh;\r\n \r\n svg {\r\n cursor: pointer;\r\n width: 1.5rem;\r\n height: 1.5rem;\r\n position: absolute;\r\n top: 2rem;\r\n right: 5rem;\r\n }\r\n li {\r\n list-style: none;\r\n margin-top: 1rem;\r\n\r\n a {\r\n text-decoration: none;\r\n text-transform: uppercase;\r\n color: #14a2ba;\r\n font-size: 1.5rem;\r\n opacity: 0.8;\r\n transition: all 0.3s ease;\r\n &:hover {\r\n opacity: 1;\r\n }\r\n }\r\n }\r\n }\r\n}\r\n.nav_links {\r\n display: flex;\r\n list-style: none;\r\n\r\n\r\n li {\r\n margin-left: 3rem;\r\n\r\n @media screen and (max-width: 800px){\r\n display: none;\r\n }\r\n\r\n a {\r\n text-decoration: none;\r\n transition: 0.3s;\r\n color: #14a2ba;\r\n text-transform: uppercase;\r\n font-size: 0.85rem;\r\n opacity: 0.6;\r\n &:hover {\r\n opacity: 1;\r\n }\r\n }\r\n }\r\n}",".select {\r\n display: flex;\r\n justify-content: center;\r\n gap: 1rem;\r\n margin-bottom: 5rem;\r\n margin-left: auto;\r\n \r\n button {\r\n color: #000;\r\n background: #fff;\r\n padding: 0.65rem 1rem;\r\n border-radius: 10px;\r\n font-size: 0.85rem;\r\n text-transform: capitalize;\r\n cursor: pointer;\r\n border: none;\r\n margin-top: 1rem;\r\n font-family: \"Poppins\";\r\n\r\n &.active {\r\n background: #14a2ba;\r\n color: #fff;\r\n }\r\n }\r\n}\r\n.formations {\r\n display: grid;\r\n grid-template-columns: repeat(1,1fr);\r\n justify-content: center;\r\n margin-left: auto;\r\n margin-right: auto;\r\n max-width: 700px;\r\n row-gap: 4rem;\r\n\r\n @media screen and(max-width: 700px) {\r\n grid-template-columns: repeat(1,1fr);\r\n gap: 2rem;\r\n }\r\n .tools {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n flex-direction: row;\r\n @media screen and (max-width: 700px){\r\n margin-left: 50%;\r\n transform: translateX(-50%);\r\n }\r\n .formations_year{\r\n width: 100px;\r\n color: #fff;\r\n text-align: left;\r\n margin-top: 10px;\r\n text-transform: uppercase;\r\n @media screen and (max-width: 700px){\r\n font-size: 0.8rem;\r\n width: 75px;\r\n }\r\n }\r\n .form_label_location{\r\n display: flex;\r\n color: #fff;\r\n flex-direction: column;\r\n width: 500px;\r\n margin-top: 10px;\r\n margin-left: 5rem;\r\n text-transform: uppercase;\r\n text-align: left;\r\n @media screen and (max-width: 700px){\r\n font-size: 0.8rem;\r\n width: 400px;\r\n }\r\n .formations_location{\r\n font-size: 0.8em;\r\n color: #14a2ba;\r\n }\r\n }\r\n }\r\n}\r\n\r\n.experiences {\r\n display: grid;\r\n grid-template-columns: repeat(1,1fr);\r\n justify-content: center;\r\n margin-left: auto;\r\n margin-right: auto;\r\n max-width: 700px;\r\n row-gap: 4rem;\r\n\r\n @media screen and(max-width: 700px) {\r\n grid-template-columns: repeat(1,1fr);\r\n gap: 2rem;\r\n }\r\n .experience {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n flex-direction: row;\r\n @media screen and (max-width: 700px){\r\n margin-left: 50%;\r\n transform: translateX(-50%);\r\n }\r\n .experiences_year{\r\n width: 100px;\r\n color: #fff;\r\n text-align: left;\r\n margin-top: 10px;\r\n text-transform: uppercase;\r\n @media screen and (max-width: 700px){\r\n font-size: 0.8rem;\r\n width: 75px;\r\n }\r\n }\r\n .form_label_location{\r\n display: flex;\r\n color: #fff;\r\n flex-direction: column;\r\n width: 500px;\r\n margin-top: 10px;\r\n margin-left: 5rem;\r\n text-transform: uppercase;\r\n text-align: left;\r\n @media screen and (max-width: 700px){\r\n font-size: 0.8rem;\r\n width: 400px;\r\n }\r\n .experiences_location{\r\n font-size: 0.8em;\r\n color: #14a2ba;\r\n }\r\n }\r\n }\r\n}\r\n \r\n\r\n\r\n.finishes_container {\r\n display: flex;\r\n justify-content: center;\r\n margin-top: 5rem;\r\n text-align: center;\r\n flex-wrap: wrap;\r\n gap: 2rem;\r\n color: #fff;\r\n\r\n .number {\r\n color: #14a2ba;\r\n font-size: 1.7rem;\r\n }\r\n}"],"names":[],"sourceRoot":""}
\ No newline at end of file
build/static/js/main.13dcacc4.js 0 → 100644
+ 3
− 0
View file @ 96d5c921
Source diff could not be displayed: it is too large. Options to address this: view the blob.
build/static/js/main.13dcacc4.js.LICENSE.txt 0 → 100644
+ 39
− 0
View file @ 96d5c921
/**
* @license React
* react-dom.production.min.js
*
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
/**
* @license React
* react-jsx-runtime.production.min.js
*
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
/**
* @license React
* react.production.min.js
*
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
/**
* @license React
* scheduler.production.min.js
*
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
build/static/js/main.13dcacc4.js.map 0 → 100644
+ 1
− 0
View file @ 96d5c921
Source diff could not be displayed: it is too large. Options to address this: view the blob.
build/static/media/Poppins-Medium.673ed42382ab264e0bf5.ttf 0 → 100644
+ 0
− 0
View file @ 96d5c921
File added
build/static/media/portfolio.7066d3ffea272d6e51e1.jpg 0 → 100644
+ 0
− 0
View file @ 96d5c921
build/static/media/portfolio.7066d3ffea272d6e51e1.jpg

180 KiB

build/static/media/projet1.cfd8c3b14892d86e0c85.png 0 → 100644
+ 0
− 0
View file @ 96d5c921
build/static/media/projet1.cfd8c3b14892d86e0c85.png

444 KiB

build/static/media/projet2.2ce13ba8a4b11e5ce954.png 0 → 100644
+ 0
− 0
View file @ 96d5c921
build/static/media/projet2.2ce13ba8a4b11e5ce954.png

595 KiB

build/static/media/projet3.76d87df895d6082d996a.png 0 → 100644
+ 0
− 0
View file @ 96d5c921
build/static/media/projet3.76d87df895d6082d996a.png

149 KiB

build/static/media/projet4.452fab24281a166ac7eb.png 0 → 100644
+ 0
− 0
View file @ 96d5c921
build/static/media/projet4.452fab24281a166ac7eb.png

190 KiB

build/static/media/wallpaper.7f473e8acdebeecaca91.jpg 0 → 100644
+ 0
− 0
View file @ 96d5c921
build/static/media/wallpaper.7f473e8acdebeecaca91.jpg

55.4 KiB

package.json
+ 1
− 0
View file @ 96d5c921
{
"homepage": ".",
"name": "react-starter",
"version": "0.1.0",
"private": true,
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please to comment