2:I[8963,["357","static/chunks/357-fee6ad421de4df98.js","684","static/chunks/app/projet/active-gaming/page-b2ff4e1c3cad511b.js"],"default"]
4:I[2476,["357","static/chunks/357-fee6ad421de4df98.js","684","static/chunks/app/projet/active-gaming/page-b2ff4e1c3cad511b.js"],"default"]
5:I[9275,[],""]
6:I[1343,[],""]
7:I[832,["185","static/chunks/app/layout-515d828e73377309.js"],"default"]
8:I[2833,["185","static/chunks/app/layout-515d828e73377309.js"],"default"]
9:I[338,["185","static/chunks/app/layout-515d828e73377309.js"],"default"]
3:T4fc,M0.484375 0.0793457H62.9804V62.5562H0.484375V0.0793457ZM42.1484 25.0701C39.9384 25.0701 37.8189 25.9477 36.2562 27.5099C34.6935 29.0722 33.8156 31.191 33.8156 33.4003C33.8156 35.6096 34.6935 37.7285 36.2562 39.2907C37.8189 40.8529 39.9384 41.7306 42.1484 41.7306H46.3148C47.4198 41.7306 48.4795 42.1694 49.2608 42.9505C50.0422 43.7316 50.4812 44.791 50.4812 45.8957C50.4812 47.0003 50.0422 48.0598 49.2608 48.8409C48.4795 49.622 47.4198 50.0608 46.3148 50.0608H42.1484C41.0434 50.0608 39.9836 49.622 39.2023 48.8409C38.4209 48.0598 37.982 47.0003 37.982 45.8957H33.8156C33.8156 48.105 34.6935 50.2238 36.2562 51.7861C37.8189 53.3483 39.9384 54.2259 42.1484 54.2259H46.3148C48.5248 54.2259 50.6442 53.3483 52.2069 51.7861C53.7696 50.2238 54.6476 48.105 54.6476 45.8957C54.6476 43.6864 53.7696 41.5675 52.2069 40.0053C50.6442 38.4431 48.5248 37.5654 46.3148 37.5654H42.1484C41.0434 37.5654 39.9836 37.1266 39.2023 36.3455C38.4209 35.5644 37.982 34.505 37.982 33.4003C37.982 32.2957 38.4209 31.2362 39.2023 30.4551C39.9836 29.674 41.0434 29.2352 42.1484 29.2352H47.0105C48.9271 29.2352 50.4812 30.7888 50.4812 32.7047V33.4003H54.6476V32.7047C54.6476 28.4896 51.2311 25.0701 47.0105 25.0701H42.1484ZM12.9836 25.0701H33.8156V29.2352H25.4828V54.2259H21.3164V29.2352H12.9836V25.0701Z0:["hxhMxdDMSIsVDRE0QVRkB",[[["",{"children":["projet",{"children":["active-gaming",{"children":["__PAGE__",{}]}]}]},"$undefined","$undefined",true],["",{"children":["projet",{"children":["active-gaming",{"children":["__PAGE__",{},[["$L1",[["$","$L2",null,{"showTitle":true}],["$","main",null,{"className":"bg-background min-h-[calc(100vh-324px)] flex flex-col","children":[["$","section",null,{"className":"relative w-full h-[calc(100vh-114px)] overflow-y-hidden z-20","children":["$","div",null,{"id":"projectGaming","className":"relative w-full h-full bg-[url('/medias/img/png/landing-active-gaming.png')] bg-cover bg-center-top","children":[["$","div",null,{"className":"absolute top-0 left-0 w-full h-full bg-background opacity-50"}],["$","div",null,{"className":"absolute top-0 left-0 w-full h-full bg-gradient-to-r from-[#FEF9EF] via-[#FEF9EF] via-30% to-transparent"}],["$","img",null,{"src":"/medias/img/png/mockup-phone-active-gaming.png","alt":"mockup du site internet Active Gaming sur un iphone 15 pro max","className":"absolute top-0 right-0 xl:right-[15vw] w-[45vw] hidden md:block"}],["$","div",null,{"className":"absolute top-4 left-[5vw] flex justify-start items-start flex-col gap-4 font-sora","children":[["$","h1",null,{"className":"uppercase font-tungsten text-9xl text-interaction","children":"Active Gaming"}],["$","div",null,{"className":"flex gap-2 w-","children":[["$","div",null,{"className":"bg-background-secondary w-20 h-20 flex justify-center items-center","title":"Next.js","children":["$","svg",null,{"className":"w-12 h-12","viewBox":"0 0 32 32","fill":"none","children":[["$","path",null,{"d":"M16 32C24.8366 32 32 24.8366 32 16C32 7.16344 24.8366 0 16 0C7.16344 0 0 7.16344 0 16C0 24.8366 7.16344 32 16 32Z","className":"fill-background"}],["$","path",null,{"d":"M26.5792 28.0036L12.2919 9.60001H9.60001V22.3947H11.7535V12.3349L24.8887 29.3058C25.4814 28.9092 26.0461 28.4738 26.5792 28.0036Z","fill":"url(#paint0_linear_239_10)"}],["$","path",null,{"d":"M22.625 9.625H20.5V22.125H22.625V9.625Z","fill":"url(#paint1_linear_239_10)"}],["$","defs",null,{"children":[["$","linearGradient",null,{"id":"paint0_linear_239_10","x1":"18.5","y1":"19.5","x2":"25.8125","y2":"28.625","gradientUnits":"userSpaceOnUse","children":[["$","stop",null,{"stopColor":"#051524"}],["$","stop",null,{"offset":"1","stopColor":"#051524","stopOpacity":"0"}]]}],["$","linearGradient",null,{"id":"paint1_linear_239_10","x1":"21.5625","y1":"9.625","x2":"21.5625","y2":"22.125","gradientUnits":"userSpaceOnUse","children":[["$","stop",null,{"stopColor":"#051524"}],["$","stop",null,{"offset":"1","stopColor":"#051524","stopOpacity":"0"}]]}]]}]]}]}],["$","div",null,{"className":"bg-background-secondary w-20 h-20 flex justify-center items-center","title":"Typescript","children":["$","svg",null,{"className":"w-12 h-12","viewBox":"0 0 63 63","fill":"none","children":[["$","g",null,{"clipPath":"url(#clip0_568_1192)","children":["$","path",null,{"fillRule":"evenodd","clipRule":"evenodd","d":"$3","className":"fill-background"}]}],["$","defs",null,{"children":["$","clipPath",null,{"id":"clip0_568_1192","children":["$","rect",null,{"width":"62.496","height":"62.4768","transform":"translate(0.484375 0.0793457)","className":"fill-background-secondary"}]}]}]]}]}],["$","div",null,{"className":"bg-background-secondary w-20 h-20 flex justify-center items-center","title":"Tailwindcss","children":["$","svg",null,{"className":"w-12 h-12","viewBox":"0 0 72 72","fill":"none","children":["$","path",null,{"d":"M36.7033 18.6421C28.7574 18.6421 23.8173 22.599 21.8234 30.5424C24.7994 26.5856 28.2813 25.098 32.2393 26.0798C34.5011 26.6451 36.1379 28.2814 37.9235 30.0962C40.84 33.0713 44.1433 36.4926 51.5833 36.4926C59.5293 36.4926 64.4694 32.5357 66.4633 24.5923C63.4873 28.5491 60.0054 30.0367 56.0473 29.0549C53.7856 28.4896 52.1785 26.8533 50.3632 25.0385C47.4467 22.0634 44.1433 18.6421 36.7033 18.6421ZM21.8234 36.4926C13.8774 36.4926 8.93728 40.4495 6.94336 48.393C9.91936 44.4361 13.4013 42.9485 17.3594 43.9303C19.6211 44.4956 21.2282 46.1319 23.0435 47.9467C25.96 50.9218 29.2633 54.3431 36.7033 54.3431C44.6493 54.3431 49.5894 50.3863 51.5833 42.4428C48.6073 46.3996 45.1254 47.8872 41.1673 46.9054C38.9056 46.3401 37.2985 44.7038 35.4832 42.889C32.5667 39.914 29.2633 36.4926 21.8234 36.4926Z","className":"fill-background"}]}]}]]}],["$","p",null,{"className":"font-semibold max-w-[500px] flex flex-col gap-4","children":[["$","span",null,{"children":"“Active gaming accompagne les joueurs de jeux vidéo à améliorer leurs compétences techniques grâce aux activités sportives”"}],["$","span",null,{"children":"Active gaming le sport au service des E-sportifs"}]]}],["$","a",null,{"href":"https://active-gaming.lorisplante.fr","title":"Active Gaming","target":"_blank","children":["$","div",null,{"className":"cta relative flex flex-col w-fit gap-1 cursor-pointer px-6 py-4 bg-interaction","children":["$","div",null,{"className":"flex gap-2 font-bold","children":[["$","span",null,{"className":"text-content-secondary","children":"Visiter le site"}],["$","svg",null,{"width":24,"height":24,"viewBox":"0 0 24 24","fill":"none","size":24,"className":"block transition-all duration-300 fleche","strokeSvg":"stroke-content-secondary","children":[["$","path",null,{"d":"M1.5 12H15","className":"stroke-content-secondary","strokeWidth":"2"}],["$","path",null,{"d":"M15 6L21 12","className":"stroke-content-secondary","strokeWidth":"2"}],["$","path",null,{"d":"M18 15L15 18","className":"stroke-content-secondary","strokeWidth":"2"}]]}]]}]}]}]]}]]}]}],["$","section",null,{"className":"p-mobile sm:p-desktop w-full font-sora grid grid-cols-2 gap-4","children":[["$","div",null,{"className":"col-span-2 lg:col-span-1 col-start-1","children":[["$","h2",null,{"className":"font-tungsten text-6xl","children":"Introduction"}],["$","p",null,{"children":"Active Gaming vise à combiner le sport et les jeux vidéo pour encourager les gamers non-sportifs à adopter un mode de vie actif. L'application permet aux utilisateurs de gagner des récompenses virtuelles en accomplissant des défis sportifs, transformant ainsi leur passion pour les jeux en une source de motivation pour la mise en forme."}]]}],["$","div",null,{"className":"col-span-2 h-[15vw] bg-[url(/medias/img/jpg/visu-full-AG-1.jpg)] bg-center bg-cover"}],["$","div",null,{"className":"col-span-2 grid grid-cols-2 gap-4","children":[["$","div",null,{"className":"col-span-2 sm:col-span-1 aspect-video bg-[url(/medias/img/jpg/visu-AG-1.jpg)] bg-center bg-cover"}],["$","div",null,{"className":"col-span-2 sm:col-span-1 aspect-video sm:col-start-2 bg-[url(/medias/img/jpg/visu-AG-2.jpg)] bg-center bg-cover"}]]}],["$","div",null,{"className":"col-span-2 lg:col-span-1","children":[["$","h2",null,{"className":"font-tungsten text-6xl","children":"L'accessibilité"}],["$","p",null,{"className":"flex flex-col","children":[["$","span",null,{"children":"Lors de ce projet, j'ai décidé d'accentuer l'aspect d'accessibilité autant que possible. Pour cela, j'ai implémenté une option permettant de changer les contrastes\n                du site, ainsi que de changer la police d'écriture ou bien encore l'interlignage des textes."}],["$","span",null,{"children":"Pour que cette option puisse exister, j'ai fait en sorte que l'utilisateur ai accès à un \"panneau de configuration\" où il peut sélectionner ces différentes options à sa guise."}],["$","span",null,{"children":"Une fois cette sélection faite, une valeur est enregistrée en localStorage. De cette façon, à chaque visualisation du site internet, ses choix seront conservés et afficher en conséquence."}]]}]]}],["$","div",null,{"className":"col-span-2 lg:col-span-1 col-start-1 lg:col-start-2","children":[["$","h2",null,{"className":"font-tungsten text-6xl","children":"Gestion des cookies"}],["$","p",null,{"className":"flex flex-col","children":[["$","span",null,{"children":"Ce projet m'a aussi permis de découvrir commment gérer le consentement des utilisateur pour la récupération et l'utilisation de leurs données."}],["$","span",null,{"children":"Ici seuls leurs données de navigation, grâce à Google Analytics, sont récupérées."}]]}]]}],["$","div",null,{"className":"col-span-2 grid grid-cols-2 gap-4","children":[["$","div",null,{"className":"col-span-2 sm:col-span-1 aspect-video bg-[url(/medias/img/jpg/visu-AG-3.jpg)] bg-center bg-cover"}],["$","div",null,{"className":"col-span-2 sm:col-span-1 aspect-video sm:col-start-2 bg-[url(/medias/img/jpg/visu-AG-4.jpg)] bg-center bg-cover"}]]}],["$","div",null,{"className":"col-span-2 h-auto sm:h-[500px] aspect-video sm:aspect-auto bg-[url(/medias/img/jpg/visu-full-AG-2.jpg)] bg-center bg-cover"}],["$","div",null,{"className":"col-span-2 lg:col-span-1 col-start-1 lg:col-start-2","children":[["$","h2",null,{"className":"font-tungsten text-6xl","children":"Conclusion"}],["$","p",null,{"className":"flex flex-col","children":[["$","span",null,{"children":"Lors de la création de ce projet, j'ai enrichie mes compétences et mes connaissances, majoritairement en matière d'accessibilité et de RGPD."}],["$","span",null,{"children":"Notions que je peux maintenant appliquer appliquer à mes futurs projets ou encore mes projets actuels !"}]]}]]}]]}]]}],["$","$L4",null,{}]]],null],null]},["$","$L5",null,{"parallelRouterKey":"children","segmentPath":["children","projet","children","active-gaming","children"],"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}],null]},["$","$L5",null,{"parallelRouterKey":"children","segmentPath":["children","projet","children"],"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}],null]},[["$","html",null,{"lang":"fr-FR","dir":"ltr","children":[["$","head",null,{"children":[["$","$L7",null,{}],["$","$L8",null,{"GA_MEASUREMENT_ID":"G-7T08CQ853Y"}],["$","link",null,{"rel":"stylesheet","media":"print","href":"/print.css"}],["$","link",null,{"rel":"apple-touch-icon","sizes":"180x180","title":"Loris Planté","href":"/medias/img/favicon/apple-touch-icon.png"}],["$","link",null,{"rel":"icon","type":"image/png","sizes":"32x32","href":"/medias/img/favicon/favicon-32x32.png"}],["$","link",null,{"rel":"icon","type":"image/png","sizes":"16x16","href":"/medias/img/favicon/favicon-16x16.png"}],["$","link",null,{"rel":"manifest","href":"/medias/img/favicon/site.webmanifest"}],["$","link",null,{"rel":"mask-icon","href":"/medias/img/favicon/safari-pinned-tab.svg","color":"#ff5555"}],["$","link",null,{"rel":"shortcut icon","href":"/medias/img/favicon/favicon.ico"}],["$","meta",null,{"name":"msapplication-TileColor","content":"#fef9ef"}],["$","meta",null,{"name":"msapplication-config","content":"/medias/img/favicon/browserconfig.xml"}],["$","meta",null,{"name":"theme-color","content":"#fef9ef"}],["$","meta",null,{"property":"og:title","content":"Loris Planté"}],["$","meta",null,{"property":"og:type","content":"website"}],["$","meta",null,{"property":"og:url","content":"https://www.lorisplante.fr"}],["$","meta",null,{"property":"og:image","content":"/medias/img/png/logo_lp.png"}],["$","meta",null,{"property":"og:description","content":"Développeur Front-end - UI designer"}]]}],["$","body",null,{"className":"bg-background-secondary dark:bg-background-secondary text-content dark:text-content-secondary font-sora","children":[["$","$L5",null,{"parallelRouterKey":"children","segmentPath":["children"],"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","main",null,{"className":"w-screen h-screen flex flex-col items-center justify-center gap-4","children":[["$","h1",null,{"className":"font-valorant text-5xl text-interaction","children":"Page introuvable !"}],["$","a",null,{"href":"/","title":"Accueil","children":["$","div",null,{"className":"cta relative flex flex-col w-fit gap-1 cursor-pointer px-6 py-4 bg-interaction","children":["$","div",null,{"className":"flex gap-2 font-bold","children":[["$","span",null,{"className":"text-content-secondary","children":"Accueil"}],["$","svg",null,{"width":24,"height":24,"viewBox":"0 0 24 24","fill":"none","size":24,"className":"hidden transition-all duration-300 fleche","strokeSvg":"stroke-none","children":[["$","path",null,{"d":"M1.5 12H15","className":"stroke-none","strokeWidth":"2"}],["$","path",null,{"d":"M15 6L21 12","className":"stroke-none","strokeWidth":"2"}],["$","path",null,{"d":"M18 15L15 18","className":"stroke-none","strokeWidth":"2"}]]}]]}]}]}]]}],"notFoundStyles":[],"styles":null}],["$","$L9",null,{}]]}]]}],null],null],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/34c14c714ad21cc7.css","precedence":"next","crossOrigin":"$undefined"}]],"$La"]]]]
a:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}]]
1:null