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
Showing
with 96 additions and 0 deletions
{
"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

3.78 KiB

<!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

5.22 KiB

build/logo512.png

9.44 KiB

{
"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"
}
# https://www.robotstxt.org/robotstxt.html
User-agent: *
Disallow:
*{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
This diff is collapsed.
Source diff could not be displayed: it is too large. Options to address this: view the blob.
/**
* @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.
*/
This diff is collapsed.
File added
build/static/media/portfolio.7066d3ffea272d6e51e1.jpg

180 KiB

build/static/media/projet1.cfd8c3b14892d86e0c85.png

444 KiB

build/static/media/projet2.2ce13ba8a4b11e5ce954.png

595 KiB

build/static/media/projet3.76d87df895d6082d996a.png

149 KiB

build/static/media/projet4.452fab24281a166ac7eb.png

190 KiB

build/static/media/wallpaper.7f473e8acdebeecaca91.jpg

55.4 KiB

{
"homepage": ".",
"name": "react-starter",
"version": "0.1.0",
"private": true,
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment