flambyte/RUX
1
0
Fork 0
mirror of https://old.git.ood.ovh/flambyte/RUX.git synced 2025-04-28 22:37:51 +02:00
Code Issues 11 Projects Releases Packages Wiki Activity Actions

delete pics + add font <p> + slider defilant txt -> img

Browse source
This commit is contained in:
Petite Flamby 2023-03-24 00:02:11 +01:00
parent 478befe00a
commit 638f107790
41 changed files with 434 additions and 235 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

258
assets/css/style.css
View file

@ -6,25 +6,33 @@
src: url('../fonts/moodboardfont-webfont.woff2') format('woff2'), src: url('../fonts/moodboardfont-webfont.woff2') format('woff2'),
url('../fonts/moodboardfont-webfont.woff') format('woff'); url('../fonts/moodboardfont-webfont.woff') format('woff');
} }
@font-face { @font-face {
font-family: 'Queensides'; font-family: 'TT-Chocolates-Trial-Bold';
font-weight: 400; src: url('../fonts/TT-Chocolates-Trial-Bold-BF64000de738662.otf');
src: url('../fonts/Queensides-3z7Ey.ttf');
} }
@font-face { @font-face {
font-family: 'QueensidesL'; font-family: 'TT-Chocolates-Trial-Regular';
font-weight: 300; src: url('../fonts/TT-Chocolates-Trial-Regular-BF64000de741fcc.otf');
src: url('../fonts/QueensidesLight-ZVj3l.ttf'); }
@font-face {
font-family: 'TT-Chocolates-Trial-ExtraBold';
src: url('../fonts/TT-Chocolates-Trial-ExtraBold-BF64000de66f30b.otf');
} }
@font-face { @font-face {
font-family: 'QueensidesM'; font-family: 'TT-Chocolates-Trial-Light';
font-weight: 700; src: url('../fonts/TT-Chocolates-Trial-Light-BF64000de64da1c.otf');
src: url('../fonts/QueensidesMedium-x30zV.ttf');
} }
@font-face {
font-family: 'TT-Chocolates-Trial-ExtraBold-Italic';
src: url('../fonts/TT-Chocolates-Trial-ExtraBold-Italic-BF64000de688e43.otf');
}
@font-face {
font-family: 'TT-Chocolates-Trial-DemiBold';
src: url('../fonts/TT-Chocolates-Trial-DemiBold-BF64000de5e93e5.otf');
}
*, *,
:after, :after,
:before { :before {
@ -44,7 +52,7 @@ html {
@media(prefers-color-scheme: dark) { @media(prefers-color-scheme: dark) {
:root { :root {
--color-bg-head: #77A3D2; --color-bg-head: #77A3D2;
--color-bg: white; --color-bg: #f3f2f0;
--color-bg-sctn-pink: #EDCCE7; --color-bg-sctn-pink: #EDCCE7;
--color-bg-sctn-green: #CDFB52; --color-bg-sctn-green: #CDFB52;
--color-bg-sctn-blue: #52f8fb; --color-bg-sctn-blue: #52f8fb;
@ -53,31 +61,35 @@ html {
--color-visited: #4B003B; --color-visited: #4B003B;
--color-hover: #EDCCE7; --color-hover: #EDCCE7;
--color-link: #000000; --color-link: #000000;
--color-icone: #fff; --color-icone: #f3f2f0;
--color-discu-pink: #FFB4EF; --color-discu-pink: #FFB4EF;
--color-link-f: #00fa6c; --color-link-f: #00fa6c;
--color-link-block: #4B003B; --color-link-block: #4B003B;
} }
[data-theme="light"] { [data-theme="light"] {
--color-bg: white; --color-bg: #f3f2f0;
--color-txt: #001f1f; --color-txt: #001f1f;
--color-link: #000000; --color-link: #000000;
--color-linknav: #f3f2f0;
--color-icone: #000; --color-icone: #000;
--color-discu-pink: #FFB4EF; --color-discu-pink: #FFB4EF;
--color-discu-green: #CEFFB2; --color-discu-green: #CEFFB2;
--color-discu-blue: #B4E9FF; --color-discu-blue: #B4E9FF;
--color-bg-all: #ffffff;
} }
[data-theme="dark"] { [data-theme="dark"] {
--color-bg: #000000; --color-bg: #000000;
--color-txt: #ffffff; --color-txt: #f3f2f0;
--color-txt-b: #000000; --color-txt-b: #000000;
--color-link: #ffff; --color-link: #f3f2f0;
--color-icone: #fff; --color-linknav: #000000;
--color-icone: #f3f2f0;
--color-discu-pink: #4B003B; --color-discu-pink: #4B003B;
--color-discu-green: #1C4D00; --color-discu-green: #1C4D00;
--color-discu-blue: #00354B; --color-discu-blue: #00354B;
--color-bg-all: #202023;
} }
} }
@ -99,22 +111,20 @@ html {
} }
body { body {
font-family: 'QueensidesM'; font-family: 'TT-Chocolates-Trial-Regular';
font-size: 18px; font-size: 18px;
color: var(--color-txt); color: var(--color-txt);
background-color: var(--color-bg-all);
padding: 0; padding: 0;
margin: 0; margin: 0;
line-height: 1.5; line-height: 1.5;
background-color: var(--color-bg);
} }
/*LINK*/ /*LINK*/
a :link {
text-decoration: none;
}
a { a {
color: var(--color-bg-sctn-fuscia); color: var(--color-bg-sctn-fuscia);
font-family: TT-Chocolates-Trial-Light;
text-decoration: none;
} }
a :visited { a :visited {
@ -128,8 +138,10 @@ a :visited {
display: grid; display: grid;
grid-template-columns: 1fr 6fr 6fr 1fr; grid-template-columns: 1fr 6fr 6fr 1fr;
padding-left: 30px; padding-left: 30px;
padding-bottom: 2.5em;
padding-right: 30px; padding-right: 30px;
gap: 3em 20px; gap: 3em 20px;
background-color: var(--color-bg-all);
} }
.grid>* { .grid>* {
@ -195,64 +207,31 @@ a :visited {
header { header {
display: flex; display: flex;
margin-top: auto;
position: fixed; position: fixed;
width: 100%;
z-index: 2; z-index: 2;
top: 84vh; top: 93vh;
flex-direction: row-reverse; flex-direction: row-reverse;
justify-content: space-around; justify-content: space-around;
background-color: var(--color-bg-all);
} }
.js-theme-trigger {
width: 11%;
}
.header__navigation {
margin: 1vw;
display: flex;
z-index: 3;
}
.fond {
background-repeat: no-repeat;
background-size: cover;
padding-bottom: 100%;
padding-top: 18vh;
background-image: url(../images/background.png);
background-color: var(--color-bg-head);
filter: contrast(130%);
}
.headtitle h1 { .headtitle h1 {
visibility: hidden; visibility: hidden;
} }
.main, .footer {
margin: 0 1.5em;
}
.rux { .rux {
background-color: var(--color-active); background-color: var(--color-active);
margin-top: 1rem; margin-top: 1rem;
} }
.header--second { .header--second {
display: flex;
align-items: center; align-items: center;
flex-direction: row-reverse; flex-direction: row-reverse;
/* padding: 5px 30px 2px; */
border: 2px solid #000000d1; border: 2px solid #000000d1;
color: black;
background-color: var(--color-txt-b);
}
.header--no-display {
display: none;
}
.header--display {
transform: translateX(100%);
transition: transform 0.2s ease-in;
margin-bottom: -200px;
} }
@ -277,48 +256,80 @@ header {
text-indent: 100%; text-indent: 100%;
} }
.list--header, .navlink__list {
.list {
text-decoration: none; text-decoration: none;
list-style: none; list-style: none;
display: flex; display: flex;
gap: 21px; gap: 38px;
padding: 0; padding: 0;
font-size: 28px;
size: 28px;
} }
.navlink__txt {
position: absolute;
visibility: hidden;
pointer-events: none;
}
.navlink__list .navlink__el {
position: relative;
width: 2em;
}
.navlink__icon{
width: 47px;
height: 47px;
border-color: var(--color-link);
}
.header__span--none { .header__span--none {
display: none; display: none;
} }
.headback {
.home--heading .section--content .logo { margin-bottom: 21em;
display: block;
width: 100%;
height: auto;
} }
.title { .title {
font-size: 38px; font-size: 38px;
margin-top: 0; margin-top: 0;
text-align: center; padding-top: 1em;
font-family: 'TT-Chocolates-Trial-Bold';
font-weight: 300; font-weight: 300;
margin-left: -10vw; font-style: normal;
margin-right: -3vw;
font-family: 'Sora', sans-serif;
text-transform: uppercase; text-transform: uppercase;
margin-bottom: 2rem;
}
.title--head {
font-size: 59px;
background-color: var(--color-bg-all);
font-family: 'TT-Chocolates-Trial-DemiBold';
margin-top: -41rem;
padding-top: 0;
line-height: 1.5;
} }
.title--medium { .title--medium {
font-size: 14px; font-size: 14px;
background: none; background: none;
color: var(--color-txt-b); color: var(--color-txt-b);
text-align: center;
} }
.RevealUX{
color: var(--color-bg-head);
}
p { p {
font-size: 20px; font-size: 20px;
margin: 1em 0;
}
.bg {
width: 100%;
text-align: center;
background-repeat: no-repeat;
padding: 9em 0em 12em 0em;
margin: 63vw 0em 1em 0vw;
display: flex;
background-image: url(../images/eleve.png);
background-color: var(--color-bg-head);
filter: contrast(130%);
background-size: cover;
} }
.partie1_blackfill { .partie1_blackfill {
@ -376,6 +387,11 @@ img {
min-width: 25%; min-width: 25%;
} }
.myChart {
width: 100%;
max-width: 700px;
}
/*
.strip { .strip {
box-sizing: border-box; box-sizing: border-box;
width: 90%; width: 90%;
@ -383,7 +399,7 @@ img {
z-index: -1; z-index: -1;
position: absolute; position: absolute;
margin-left: -19px; margin-left: -19px;
} }*/
.strip--1 { .strip--1 {
top: 55em; top: 55em;
@ -450,7 +466,7 @@ body[data-menu] {
align-items: center; align-items: center;
margin-top: 1em; margin-top: 1em;
border-radius: 3px; border-radius: 3px;
border: 2px solid black;
} }
.discu__el--pink { .discu__el--pink {
@ -589,7 +605,7 @@ body[data-menu] {
} }
h3 { h3 {
font-size: 25px; font-size: 18px;
} }
.guide__el { .guide__el {
@ -604,8 +620,8 @@ h3 {
footer { footer {
display: flex; display: flex;
padding-bottom: 10px; padding-bottom: 5rem;
padding-top: 15px; margin-top: 0px;
color: var(--color-primary); color: var(--color-primary);
border-top: solid 3px; border-top: solid 3px;
} }
@ -736,12 +752,57 @@ footer {
fill: var(--color-icone); fill: var(--color-icone);
} }
/*DIV BESOINS DEFILENT*/
.section--besoin {
overflow: hidden;
}
.besoins {
display: inline-flex;
animation: Scroll 10s linear 1s infinite;
align-items: center;
}
.besoins__el {
font-family: "obviously-narrow", sans-serif;
font-weight: 900;
font-style: normal;
font-size: 20px;
line-height: 1;
text-transform: uppercase;
color: #000000;
border-radius: 6px;
background-color: var(--color-secondary);
width: 8em;
height: fit-content;
min-height: 2em;
padding: 1em 1em;
margin: 1rem 1em;
}
.besoins__el--white {
background-color: #FDFDFC;
}
.besoins__el--dark {
background-color: #000000;
color: #FDFDFC;
}
@keyframes Scroll {
0% {
transform: translate3d(0, 0, 0);
}
100% {
transform: translate3d(-100%, 0, 0);
}
}
@media only screen and (min-width: 750px) { @media only screen and (min-width: 750px) {
.header__navigation{ .header__navigation{
display: flex; position: fixed;
z-index: 3;
} }
.grid { .grid {
@ -826,7 +887,7 @@ footer {
} }
figcaption { figcaption {
font-size: 19px; font-size: 18px;
} }
.image_sequence { .image_sequence {
@ -841,25 +902,12 @@ footer {
color: #00fa6c; color: #00fa6c;
} }
.strip--cash {
max-width: 47%;
background-image: url(/assets/images/stripeuro.png);
background-size: cover;
filter: invert(1);
margin-top: -17em;
position: static;
}
.discu__liste { .discu__liste {
display: inline-flex; display: inline-flex;
gap: 1rem; gap: 1rem;
margin-bottom: 5rem; margin-bottom: 5rem;
} }
.number-nav {
font-family: "Queensides";
}
.js-theme-trigger { .js-theme-trigger {
width: 6%; width: 6%;
} }
@ -982,8 +1030,7 @@ footer {
border: none; border: none;
} }
.list--header, .navlink__list {
.list {
gap: 25vh; gap: 25vh;
} }
@ -998,10 +1045,6 @@ footer {
font-size: 21px; font-size: 21px;
} }
figcaption {
font-size: 18px;
}
.img__content { .img__content {
padding-bottom: 3em; padding-bottom: 3em;
} }
@ -1015,7 +1058,7 @@ footer {
padding: 2.25em 18px; padding: 2.25em 18px;
} }
/*STRIP*/ /*STRIP
.strip { .strip {
height: 7em; height: 7em;
} }
@ -1027,7 +1070,7 @@ footer {
.strip--2 { .strip--2 {
top: 164rem; top: 164rem;
} }
*/
/*PHILACTÈRE*/ /*PHILACTÈRE*/
.discu__liste { .discu__liste {
display: inline-flex; display: inline-flex;
@ -1094,8 +1137,7 @@ footer {
text-decoration: none; text-decoration: none;
} }
.list--header, .navlink__list {
.list {
gap: 11vh; gap: 11vh;
} }

BIN
assets/fonts/Queensides-3z7Ey.ttf
View file

Binary file not shown.

BIN
assets/fonts/QueensidesLight-ZVj3l.ttf
View file

Binary file not shown.

BIN
assets/fonts/QueensidesMedium-x30zV.ttf
View file

Binary file not shown.

BIN
assets/fonts/TT-Chocolates-Trial-Bold-BF64000de738662.otf Normal file
View file

Binary file not shown.

BIN
assets/fonts/TT-Chocolates-Trial-Bold-italic-BF64000de446a1f.otf Normal file
View file

Binary file not shown.

BIN
assets/fonts/TT-Chocolates-Trial-DemiBold-BF64000de5e93e5.otf Normal file
View file

Binary file not shown.

BIN
assets/fonts/TT-Chocolates-Trial-DemiBold-Italic-BF64000de5d5eda.otf Normal file
View file

Binary file not shown.

BIN
assets/fonts/TT-Chocolates-Trial-ExtraBold-BF64000de66f30b.otf Normal file
View file

Binary file not shown.

BIN
assets/fonts/TT-Chocolates-Trial-ExtraBold-Italic-BF64000de688e43.otf Normal file
View file

Binary file not shown.

BIN
assets/fonts/TT-Chocolates-Trial-ExtraLight-BF64000de675143.otf Normal file
View file

Binary file not shown.

BIN
assets/fonts/TT-Chocolates-Trial-ExtraLight-Italic-BF64000de68cc8c.otf Normal file
View file

Binary file not shown.

BIN
assets/fonts/TT-Chocolates-Trial-Italic-BF64000de6850df.otf Normal file
View file

Binary file not shown.

BIN
assets/fonts/TT-Chocolates-Trial-Light-BF64000de64da1c.otf Normal file
View file

Binary file not shown.

BIN
assets/fonts/TT-Chocolates-Trial-Light-Italic-BF64000de5d17f6.otf Normal file
View file

Binary file not shown.

BIN
assets/fonts/TT-Chocolates-Trial-Medium-BF64000de754de1.otf Normal file
View file

Binary file not shown.

BIN
assets/fonts/TT-Chocolates-Trial-Medium-Italic-BF64000de731789.otf Normal file
View file

Binary file not shown.

BIN
assets/fonts/TT-Chocolates-Trial-Regular-BF64000de741fcc.otf Normal file
View file

Binary file not shown.

BIN
assets/fonts/queensides-font.zip
View file

Binary file not shown.

4
assets/images/Vector.svg Normal file
View file

@ -0,0 +1,4 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.75818 14.0411C1.53871 14.144 1.35131 14.4239 1.29105 14.9389C1.24057 15.3704 1.52077 15.837 2.04698 16.2316C3.70585 17.4754 6.26048 19.4474 7.81195 20.8441C7.96515 20.982 8.23076 21.1379 8.63293 21.2976C9.02831 21.4545 9.52018 21.6013 10.0932 21.7366C11.2394 22.0072 12.6593 22.2198 14.1751 22.383C17.204 22.7092 20.5473 22.8314 22.6986 22.8434C23.0534 22.8454 23.3392 23.1059 23.337 23.4253C23.3348 23.7446 23.0455 24.002 22.6907 24C20.506 23.9878 17.1122 23.8642 14.0224 23.5314C12.4788 23.3652 10.994 23.1449 9.76735 22.8554C9.15396 22.7106 8.59242 22.5456 8.11455 22.3559C7.64348 22.1689 7.21602 21.9433 6.90349 21.6619C5.39762 20.3063 2.88356 18.3641 1.22476 17.1203C0.540194 16.607 -0.101233 15.797 0.013354 14.8177C0.0870885 14.1876 0.356196 13.3943 1.16472 13.0152C1.97777 12.634 3.03759 12.8113 4.29907 13.4472C5.83047 14.2193 7.16469 15.289 8.27875 16.1821C8.38684 16.2688 8.49285 16.3538 8.59677 16.4367C8.9312 16.7035 9.24062 16.9461 9.52959 17.1575C9.53232 17.0205 9.54892 16.8875 9.57492 16.761C9.66497 16.323 9.87244 15.9328 10.0536 15.653C10.3961 15.124 11.0168 14.8892 11.5934 14.8759C13.2519 14.8377 17.803 14.7509 20.1678 14.8928C21.8428 14.9934 22.8705 15.7468 23.4291 16.6673C23.9654 17.5514 24.0526 18.5545 23.976 19.2165C23.9392 19.5342 23.6234 19.7649 23.2705 19.7318C22.9176 19.6987 22.6614 19.4144 22.6981 19.0967C22.7553 18.6021 22.6819 17.8486 22.3015 17.2218C21.9434 16.6315 21.2981 16.1199 20.0824 16.0469C17.7892 15.9093 13.3036 15.9935 11.6263 16.0322C11.3867 16.0377 11.2322 16.1295 11.1636 16.2355C11.0224 16.4535 10.8912 16.7139 10.8382 16.9715C10.7866 17.2225 10.8146 17.4378 10.9398 17.6224C11.0277 17.752 11.1909 17.9068 11.4975 18.0546C11.5067 18.0587 11.5157 18.063 11.5247 18.0674C11.6568 18.1292 11.8145 18.1896 12.0028 18.2461C12.6566 18.4425 13.6344 18.5783 15.0663 18.5783C15.4211 18.5783 15.7087 18.8372 15.7087 19.1566C15.7087 19.476 15.4211 19.7349 15.0663 19.7349C13.5594 19.7349 12.43 19.5937 11.5962 19.3433C11.3987 19.284 11.2154 19.2178 11.0462 19.1448C10.4865 19.1023 9.94955 18.8525 9.46417 18.5581C8.91832 18.227 8.33891 17.7764 7.74471 17.3024C7.64201 17.2204 7.53849 17.1375 7.43411 17.0539C6.30476 16.1494 5.07366 15.1634 3.67133 14.4564C2.51281 13.8723 1.97313 13.9403 1.75818 14.0411Z" fill="black"/>
<path d="M13.7793 10.354C13.2879 10.354 12.8896 9.99539 12.8896 9.55307V8.62181C12.8896 7.69769 13.7176 6.98549 14.6904 6.69074C15.135 6.55605 15.5207 6.3746 15.8474 6.14638C16.5714 5.65137 16.9334 4.97073 16.9334 4.10446V3.81571C16.9334 3.11444 16.6869 2.55755 16.194 2.14505C15.701 1.71879 15.0386 1.50566 14.2067 1.50566C13.3133 1.50566 12.5969 1.73254 12.0578 2.1863C11.7639 2.44091 11.5233 2.7345 11.3361 3.06705C11.0943 3.4967 10.5518 3.76922 10.0509 3.60004C9.61799 3.45383 9.3754 3.02978 9.56218 2.649C9.65686 2.45599 9.76469 2.26738 9.88567 2.08317C10.163 1.67066 10.5019 1.31315 10.9024 1.01065C11.3183 0.69439 11.8036 0.446885 12.3582 0.268131C12.9127 0.089377 13.552 0 14.2761 0C15.7087 0 16.841 0.350632 17.6729 1.0519C18.5047 1.75316 18.9207 2.70193 18.9207 3.89821C18.9207 4.55822 18.7897 5.13573 18.5278 5.63074C18.2813 6.11201 17.9578 6.52451 17.5573 6.86827C17.1568 7.21203 16.7023 7.48703 16.194 7.69329C16.0471 7.75289 15.9002 7.80732 15.7533 7.85659C15.1422 8.06154 14.6689 8.55352 14.6689 9.14061V9.55307C14.6689 9.99539 14.2706 10.354 13.7793 10.354ZM13.7908 14.8916C13.2979 14.8916 12.9358 14.7816 12.7048 14.5616C12.4891 14.3416 12.3813 14.0528 12.3813 13.6953V13.4272C12.3813 13.0697 12.4891 12.7809 12.7048 12.5609C12.9358 12.3409 13.2979 12.2309 13.7908 12.2309C14.2838 12.2309 14.6381 12.3409 14.8538 12.5609C15.0848 12.7809 15.2004 13.0697 15.2004 13.4272V13.6953C15.2004 14.0528 15.0848 14.3416 14.8538 14.5616C14.6381 14.7816 14.2838 14.8916 13.7908 14.8916Z" fill="black"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 3.8 KiB

BIN
assets/images/amandine.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 4 MiB

BIN
assets/images/bloopersPNG.PNG
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 382 KiB

BIN
assets/images/celia.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 1.1 MiB

3
assets/images/demande.svg Normal file
View file

@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16.0807 6.23943L16.0807 6.23942L16.0791 6.24047C15.7856 6.42871 15.4351 6.58102 15.0247 6.69517C14.5349 6.83146 14.0731 7.06621 13.7301 7.38289C13.3862 7.70048 13.1526 8.11036 13.1526 8.58719V9.4067C13.1526 9.94034 13.6611 10.3115 14.2051 10.3115C14.7491 10.3115 15.2577 9.94034 15.2577 9.4067V9.04374C15.2577 8.6531 15.6106 8.27282 16.1558 8.10494C16.3003 8.06043 16.4447 8.01128 16.5891 7.95751C17.0944 7.76922 17.5484 7.51731 17.9496 7.20116C18.3536 6.88274 18.6807 6.49991 18.9298 6.05369C19.2004 5.58355 19.3323 5.04025 19.3323 4.43042C19.3323 3.31901 18.9075 2.42442 18.0589 1.76752C17.2159 1.11494 16.0826 0.8 14.6812 0.8C13.9728 0.8 13.3403 0.880252 12.7865 1.04418C12.2373 1.20671 11.7523 1.43309 11.3339 1.7252C10.9326 2.00354 10.5917 2.33352 10.3124 2.71505L10.3111 2.71684C10.1903 2.88576 10.0823 3.05911 9.98735 3.23688C9.86246 3.47068 9.88295 3.72139 10.0022 3.92722C10.1187 4.12848 10.3251 4.28223 10.5729 4.35906C11.1481 4.53744 11.7591 4.25244 12.0343 3.80353C12.2007 3.53209 12.415 3.29138 12.6788 3.08133C13.1508 2.71703 13.7896 2.52498 14.6148 2.52498C15.3814 2.52498 15.9678 2.70513 16.3949 3.04427L16.3949 3.04429L16.3974 3.04623C16.8185 3.36982 17.0279 3.80024 17.0279 4.35782V4.61193C17.0279 5.29947 16.7215 5.83713 16.0807 6.23943ZM13.0387 13.9601L13.0386 13.9602L13.0438 13.9647C13.3182 14.2046 13.723 14.3046 14.2162 14.3046C14.706 14.3046 15.1072 14.206 15.369 13.9625C15.6355 13.7283 15.767 13.4185 15.767 13.0519V12.8159C15.767 12.4493 15.6355 12.1394 15.369 11.9052C15.1072 11.6618 14.706 11.5632 14.2162 11.5632C13.723 11.5632 13.3182 11.6631 13.0438 11.903L13.0437 11.9029L13.0387 11.9076C12.7869 12.1434 12.6654 12.4528 12.6654 12.8159V13.0519C12.6654 13.415 12.7869 13.7243 13.0387 13.9601ZM2.43566 15.0515C2.48873 14.635 2.64466 14.4712 2.76401 14.4198C2.89082 14.3652 3.34107 14.277 4.43433 14.7831C5.75711 15.3955 6.92127 16.2509 8.00586 17.0486L8.00847 17.0505C8.1076 17.1234 8.20608 17.1958 8.30382 17.2674C8.87254 17.684 9.43711 18.0876 9.9725 18.3858C10.4389 18.6456 10.9729 18.8781 11.5408 18.9245C11.7023 18.9873 11.8754 19.044 12.0599 19.0949C12.8828 19.3219 13.9849 19.4467 15.4386 19.4467C15.8517 19.4467 16.2542 19.1633 16.2542 18.7378C16.2542 18.3124 15.8517 18.0289 15.4386 18.0289C14.0758 18.0289 13.1585 17.91 12.5558 17.7438C12.384 17.6964 12.2423 17.6465 12.1256 17.5965C12.1162 17.5922 12.1067 17.5881 12.0971 17.5841C11.8276 17.4646 11.7032 17.3478 11.6449 17.2689C11.567 17.1635 11.5419 17.0369 11.5818 16.8586C11.6244 16.6683 11.7338 16.4641 11.8619 16.2825C11.8791 16.2581 11.9559 16.1923 12.1461 16.1883C13.7559 16.1542 18.0462 16.0804 20.2346 16.201C21.3443 16.2621 21.9011 16.6849 22.2054 17.1455C22.5381 17.6489 22.6042 18.2613 22.5539 18.6601C22.5001 19.0873 22.871 19.4077 23.2837 19.4433C23.6946 19.4787 24.1228 19.2328 24.1754 18.8156C24.2534 18.1966 24.1656 17.2632 23.6197 16.437C23.0455 15.5681 21.9993 14.8775 20.3385 14.786C18.063 14.6606 13.6931 14.7372 12.1061 14.7709C11.5167 14.7833 10.8492 15.0035 10.4713 15.5394C10.2904 15.7959 10.0752 16.1641 9.9808 16.586C9.97784 16.5992 9.975 16.6125 9.97227 16.6259C9.77792 16.4898 9.57334 16.3416 9.35676 16.1829C9.25739 16.1102 9.15599 16.0355 9.05237 15.9592L9.04659 15.955C7.98191 15.1711 6.68986 14.2199 5.20396 13.5321C3.97916 12.9651 2.8961 12.7799 2.03711 13.1497C1.16973 13.5231 0.889425 14.3056 0.814402 14.8943C0.689822 15.872 1.38726 16.6472 2.06031 17.1106C3.65008 18.2052 6.0528 19.9099 7.48841 21.0967C7.81355 21.3654 8.24781 21.5733 8.70795 21.7411C9.1773 21.9122 9.7249 22.0597 10.318 22.1882C11.5041 22.4453 12.9356 22.64 14.4185 22.7867C17.3874 23.0803 20.6462 23.1893 22.7442 23.2C23.1573 23.2021 23.5615 22.9209 23.5647 22.4957C23.5678 22.07 23.1671 21.7843 22.7539 21.7822C20.6964 21.7717 17.4989 21.6643 14.6041 21.378C13.1551 21.2347 11.8028 21.0485 10.715 20.8128C10.1711 20.6949 9.70923 20.5679 9.34173 20.434C8.96493 20.2966 8.73503 20.1688 8.61389 20.0686C7.11955 18.8333 4.66478 17.0936 3.07511 15.9991C2.58938 15.6646 2.4019 15.3164 2.43566 15.0515Z" fill="black" stroke="black" stroke-width="0.4"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 4.1 KiB

4
assets/images/demande1.svg Normal file
View file

@ -0,0 +1,4 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.75818 14.4394C1.53871 14.5382 1.35131 14.807 1.29105 15.3014C1.24057 15.7156 1.52077 16.1636 2.04698 16.5423C3.70585 17.7364 6.26048 19.6295 7.81195 20.9703C7.96515 21.1027 8.23076 21.2524 8.63293 21.4057C9.02831 21.5564 9.52018 21.6973 10.0932 21.8271C11.2394 22.0869 12.6593 22.291 14.1751 22.4477C17.204 22.7609 20.5473 22.8782 22.6986 22.8897C23.0534 22.8915 23.3392 23.1416 23.337 23.4482C23.3348 23.7549 23.0455 24.0019 22.6907 24C20.506 23.9883 17.1122 23.8697 14.0224 23.5502C12.4788 23.3906 10.994 23.1792 9.76735 22.9012C9.15396 22.7622 8.59242 22.6038 8.11455 22.4216C7.64348 22.2421 7.21602 22.0256 6.90349 21.7555C5.39762 20.454 2.88356 18.5895 1.22476 17.3955C0.540194 16.9028 -0.101233 16.1251 0.013354 15.185C0.0870885 14.5801 0.356196 13.8185 1.16472 13.4546C1.97777 13.0887 3.03759 13.2588 4.29907 13.8693C5.83047 14.6105 7.16469 15.6374 8.27875 16.4949C8.38684 16.578 8.49285 16.6596 8.59677 16.7392C8.9312 16.9953 9.24062 17.2283 9.52959 17.4312C9.53232 17.2997 9.54892 17.172 9.57492 17.0506C9.66497 16.63 9.87244 16.2555 10.0536 15.9869C10.3961 15.4791 11.0168 15.2537 11.5934 15.2409C13.2519 15.2041 17.803 15.1209 20.1678 15.2571C21.8428 15.3536 22.8705 16.0769 23.4291 16.9606C23.9654 17.8093 24.0526 18.7723 23.976 19.4079C23.9392 19.7128 23.6234 19.9343 23.2705 19.9026C22.9176 19.8708 22.6614 19.5978 22.6981 19.2928C22.7553 18.818 22.6819 18.0947 22.3015 17.4929C21.9434 16.9263 21.2981 16.4351 20.0824 16.365C17.7892 16.2329 13.3036 16.3137 11.6263 16.3509C11.3867 16.3562 11.2322 16.4443 11.1636 16.5461C11.0224 16.7554 10.8912 17.0053 10.8382 17.2526C10.7866 17.4936 10.8146 17.7003 10.9398 17.8775C11.0277 18.002 11.1909 18.1506 11.4975 18.2924C11.5067 18.2963 11.5157 18.3004 11.5247 18.3048C11.6568 18.3641 11.8145 18.422 12.0028 18.4763C12.6566 18.6648 13.6344 18.7952 15.0663 18.7952C15.4211 18.7952 15.7087 19.0437 15.7087 19.3504C15.7087 19.657 15.4211 19.9055 15.0663 19.9055C13.5594 19.9055 12.43 19.7699 11.5962 19.5296C11.3987 19.4726 11.2154 19.4091 11.0462 19.339C10.4865 19.2983 9.94955 19.0584 9.46417 18.7757C8.91832 18.4579 8.33891 18.0253 7.74471 17.5703C7.64201 17.4916 7.53849 17.412 7.43411 17.3318C6.30476 16.4634 5.07366 15.5168 3.67133 14.8381C2.51281 14.2774 1.97313 14.3427 1.75818 14.4394Z" fill="black"/>
<path d="M13.7793 9.93981C13.2879 9.93981 12.8896 9.59558 12.8896 9.17095V8.27694C12.8896 7.38978 13.7176 6.70608 14.6904 6.42312C15.135 6.29381 15.5207 6.11961 15.8474 5.90053C16.5714 5.42532 16.9334 4.7719 16.9334 3.94028V3.66308C16.9334 2.98986 16.6869 2.45525 16.194 2.05924C15.701 1.65004 15.0386 1.44543 14.2067 1.44543C13.3133 1.44543 12.5969 1.66324 12.0578 2.09885C11.7639 2.34328 11.5233 2.62512 11.3361 2.94436C11.0943 3.35684 10.5519 3.61846 10.0509 3.45603C9.61799 3.31567 9.3754 2.90859 9.56218 2.54304C9.65686 2.35775 9.76469 2.17668 9.88567 1.99984C10.163 1.60383 10.5019 1.26063 10.9024 0.970221C11.3183 0.666615 11.8036 0.429009 12.3582 0.257406C12.9127 0.0858019 13.552 0 14.2761 0C15.7087 0 16.841 0.336607 17.6729 1.00982C18.5047 1.68304 18.9207 2.59385 18.9207 3.74228C18.9207 4.37589 18.7897 4.93031 18.5278 5.40552C18.2813 5.86753 17.9578 6.26353 17.5573 6.59354C17.1568 6.92355 16.7023 7.18755 16.194 7.38556C16.0471 7.44277 15.9002 7.49503 15.7533 7.54233C15.1422 7.73908 14.6689 8.21138 14.6689 8.77498V9.17095C14.6689 9.59558 14.2706 9.93981 13.7793 9.93981ZM13.7908 14.2959C13.2979 14.2959 12.9358 14.1903 12.7048 13.9791C12.4891 13.7679 12.3813 13.4907 12.3813 13.1475V12.8901C12.3813 12.5469 12.4891 12.2697 12.7048 12.0585C12.9358 11.8473 13.2979 11.7416 13.7908 11.7416C14.2838 11.7416 14.6381 11.8473 14.8538 12.0585C15.0848 12.2697 15.2004 12.5469 15.2004 12.8901V13.1475C15.2004 13.4907 15.0848 13.7679 14.8538 13.9791C14.6381 14.1903 14.2838 14.2959 13.7908 14.2959Z" fill="black"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 3.8 KiB

4
assets/images/demande2.svg Normal file
View file

@ -0,0 +1,4 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M23 18.4146C22.5214 14.4023 20.7984 14.4023 17.7352 14.4023C14.6721 14.4023 12.63 14.4023 11.0346 14.4023C10.0108 15.138 9.40487 16.3457 10.556 17.2682M14.8635 18.4145C12.8059 18.2092 11.1986 17.7832 10.556 17.2682M22.0428 23L14.3849 22.4268L11.0345 21.8536L10.972 21.8411C9.13617 21.4747 7.44002 20.6003 6.07661 19.3174L1.46223 14.9755C0.504957 14.4022 0.98365 11.3931 3.37676 12.1096C5.29122 12.6828 10.1668 17.2682 10.556 17.2682" stroke="black" stroke-linecap="round"/>
<path d="M13.6346 9.34349C13.2175 9.34349 12.8793 9.05454 12.8793 8.6981V7.94767C12.8793 7.203 13.5822 6.62909 14.4083 6.39157C14.7858 6.28303 15.1132 6.13681 15.3906 5.95291C16.0053 5.55402 16.3127 5.00554 16.3127 4.30748V4.07479C16.3127 3.5097 16.1034 3.06094 15.6849 2.72853C15.2663 2.38504 14.7039 2.2133 13.9976 2.2133C13.239 2.2133 12.6308 2.39612 12.173 2.76177C11.9234 2.96695 11.7192 3.20353 11.5602 3.4715C11.3549 3.81773 10.8943 4.03734 10.469 3.901C10.1014 3.78318 9.89546 3.44147 10.054 3.13463C10.1344 2.9791 10.226 2.82711 10.3287 2.67867C10.5641 2.34626 10.8519 2.05817 11.192 1.8144C11.5451 1.55956 11.9571 1.36011 12.428 1.21607C12.8989 1.07202 13.4417 1 14.0564 1C15.2729 1 16.2342 1.28255 16.9405 1.84765C17.6468 2.41274 18 3.17729 18 4.14127C18 4.67313 17.8888 5.13851 17.6665 5.5374C17.4572 5.92521 17.1825 6.25762 16.8424 6.53463C16.5024 6.81163 16.1165 7.03324 15.6849 7.19945C15.5602 7.24747 15.4354 7.29134 15.3107 7.33104C14.7918 7.4962 14.39 7.89264 14.39 8.36573V8.6981C14.39 9.05454 14.0518 9.34349 13.6346 9.34349ZM13.6444 13C13.2259 13 12.9185 12.9114 12.7223 12.7341C12.5392 12.5568 12.4476 12.3241 12.4476 12.036V11.8199C12.4476 11.5319 12.5392 11.2992 12.7223 11.1219C12.9185 10.9446 13.2259 10.856 13.6444 10.856C14.063 10.856 14.3638 10.9446 14.5469 11.1219C14.7431 11.2992 14.8412 11.5319 14.8412 11.8199V12.036C14.8412 12.3241 14.7431 12.5568 14.5469 12.7341C14.3638 12.9114 14.063 13 13.6444 13Z" fill="black"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 2 KiB

BIN
assets/images/eleve.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 476 KiB

BIN
assets/images/eleve@2x.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 1.8 MiB

BIN
assets/images/euro.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 6.9 KiB

14
assets/images/interview.svg Normal file
View file

@ -0,0 +1,14 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_4_64)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.00002 8.00376C7.91509 8.00126 7.82984 8 7.74429 8C3.18479 8 0 11.5765 0 15.9884C0.193011 18.9345 1.57579 20.4847 2.003 20.9637C2.06092 21.0286 2.10128 21.0739 2.11872 21.1002C2.16894 21.1761 1.84812 21.4511 1.44391 21.7977C0.671938 22.4595 -0.404189 23.3821 0.219179 23.6761C0.997316 24.0431 4.11598 24.0106 6.39386 23.9869C6.89629 23.9817 7.35781 23.9769 7.74429 23.9769C12.3038 23.9769 16 20.4003 16 15.9884C16 15.9833 16 15.9782 16 15.9731C15.6022 15.9614 15.2115 15.9224 14.8298 15.8581C14.8306 15.9015 14.831 15.9449 14.831 15.9884C14.831 19.7058 11.703 22.7993 7.74429 22.7993C7.33366 22.7993 6.8609 22.8043 6.35297 22.8096L6.35255 22.8096L6.3524 22.8096C5.477 22.8188 4.49716 22.8292 3.55079 22.817C3.03206 22.8103 2.5426 22.7969 2.10925 22.7736L2.1732 22.7189L2.17333 22.7188C2.28651 22.6219 2.40044 22.5245 2.52078 22.4181C2.64415 22.3091 2.79272 22.1741 2.91005 22.0424C2.96224 21.9839 3.06378 21.8655 3.14564 21.7087L3.14679 21.7065C3.18465 21.6342 3.49042 21.05 3.09135 20.447C3.02005 20.3393 2.9086 20.2163 2.87298 20.1771L2.86432 20.1675C2.80393 20.0997 2.73493 20.022 2.65571 19.926C2.49846 19.7355 2.29826 19.4697 2.09534 19.1208C1.6958 18.4339 1.27029 17.399 1.16904 15.9497C1.18732 12.1514 3.89699 9.17755 7.74429 9.17755C7.86096 9.17755 7.97691 9.18024 8.09208 9.18555C8.0322 8.79995 8.0008 8.40533 8.00002 8.00376ZM1.14019 23.7182C1.13182 23.7323 1.13465 23.7305 1.14252 23.7143L1.14019 23.7182Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.16895 7.98843C9.16895 11.7058 12.297 14.7993 16.2557 14.7993C16.6665 14.7993 17.1394 14.8043 17.6475 14.8096C18.5229 14.8188 19.5028 14.8292 20.4492 14.817C20.9679 14.8103 21.4574 14.7969 21.8907 14.7736C21.8694 14.7554 21.8481 14.7371 21.8268 14.7189C21.7136 14.622 21.5996 14.5245 21.4792 14.4181C21.3559 14.3091 21.2073 14.1741 21.09 14.0424C21.0378 13.9839 20.9362 13.8655 20.8544 13.7087L20.8532 13.7065C20.8153 13.6342 20.5096 13.05 20.9087 12.447C20.9799 12.3393 21.0914 12.2163 21.127 12.1771C21.1308 12.1729 21.1338 12.1696 21.1357 12.1675C21.1961 12.0997 21.2651 12.022 21.3443 11.926C21.5015 11.7355 21.7017 11.4697 21.9047 11.1208C22.3042 10.4339 22.7297 9.39899 22.831 7.94974C22.8127 4.15138 20.103 1.17755 16.2557 1.17755C12.297 1.17755 9.16895 4.27109 9.16895 7.98843ZM24 7.98843C23.807 10.9345 22.4242 12.4847 21.997 12.9637C21.9391 13.0286 21.8987 13.0739 21.8813 13.1002C21.8311 13.1761 22.1519 13.4511 22.5561 13.7977C23.3281 14.4595 24.4042 15.3821 23.7808 15.6761C23.0027 16.0431 19.884 16.0106 17.6061 15.9869C17.1037 15.9817 16.6422 15.9769 16.2557 15.9769C11.6962 15.9769 8 12.4003 8 7.98843C8 3.57654 11.6962 0 16.2557 0C20.8152 0 24 3.57654 24 7.98843ZM22.8598 15.7182C22.8682 15.7323 22.8653 15.7305 22.8575 15.7143C22.8583 15.7156 22.8591 15.7169 22.8598 15.7182Z" fill="black"/>
<path d="M16.3622 9.15604C16.0145 9.15604 15.7327 8.9313 15.7327 8.65407V8.0704C15.7327 7.49121 16.3185 7.04484 17.0069 6.8601C17.3214 6.77568 17.5943 6.66196 17.8255 6.51892C18.3378 6.20867 18.5939 5.78208 18.5939 5.23914V5.05816C18.5939 4.61864 18.4195 4.26961 18.0707 4.01107C17.7219 3.74391 17.2532 3.61033 16.6646 3.61033C16.0324 3.61033 15.5256 3.75253 15.1441 4.03692C14.9362 4.19651 14.766 4.38051 14.6335 4.58894C14.4624 4.85823 14.0786 5.02903 13.7241 4.92299C13.4178 4.83135 13.2462 4.56558 13.3784 4.32693C13.4453 4.20595 13.5216 4.08774 13.6072 3.97229C13.8034 3.71375 14.0432 3.48968 14.3266 3.30008C14.6209 3.10187 14.9643 2.94674 15.3567 2.83471C15.7491 2.72267 16.2014 2.66666 16.7137 2.66666C17.7274 2.66666 18.5285 2.88642 19.1171 3.32594C19.7057 3.76546 20 4.3601 20 5.10987C20 5.52354 19.9073 5.88549 19.722 6.19574C19.5476 6.49737 19.3187 6.75591 19.0353 6.97137C18.752 7.18682 18.4304 7.35918 18.0707 7.48845C17.9668 7.5258 17.8628 7.55992 17.7589 7.5908C17.3265 7.71925 16.9916 8.0276 16.9916 8.39556V8.65407C16.9916 8.9313 16.7098 9.15604 16.3622 9.15604ZM16.3703 12C16.0215 12 15.7654 11.931 15.6019 11.7932C15.4493 11.6553 15.373 11.4743 15.373 11.2502V11.0822C15.373 10.8581 15.4493 10.6771 15.6019 10.5392C15.7654 10.4013 16.0215 10.3324 16.3703 10.3324C16.7191 10.3324 16.9698 10.4013 17.1224 10.5392C17.2859 10.6771 17.3677 10.8581 17.3677 11.0822V11.2502C17.3677 11.4743 17.2859 11.6553 17.1224 11.7932C16.9698 11.931 16.7191 12 16.3703 12Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M4 15.3333C4 14.9651 4.31236 14.6667 4.69767 14.6667H9.96899C10.3543 14.6667 10.6667 14.9651 10.6667 15.3333C10.6667 15.7015 10.3543 16 9.96899 16H4.69767C4.31236 16 4 15.7015 4 15.3333Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M4 18C4 17.6318 4.31236 17.3333 4.69767 17.3333H9.96899C10.3543 17.3333 10.6667 17.6318 10.6667 18C10.6667 18.3682 10.3543 18.6667 9.96899 18.6667H4.69767C4.31236 18.6667 4 18.3682 4 18Z" fill="black"/>
</g>
<defs>
<clipPath id="clip0_4_64">
<rect width="24" height="24" fill="white"/>
</clipPath>
</defs>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 5 KiB

BIN
assets/images/jessy.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 2.7 MiB

BIN
assets/images/justin.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 1.4 MiB

BIN
assets/images/plancour.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 30 KiB

15
assets/images/scope.svg Normal file
View file

@ -0,0 +1,15 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_4_64)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M12 5.47369C8.39561 5.47369 5.47368 8.39562 5.47368 12C5.47368 15.6044 8.39561 18.5263 12 18.5263C15.6044 18.5263 18.5263 15.6044 18.5263 12C18.5263 8.39562 15.6044 5.47369 12 5.47369ZM4.21053 12C4.21053 7.69799 7.69799 4.21053 12 4.21053C16.302 4.21053 19.7895 7.69799 19.7895 12C19.7895 16.302 16.302 19.7895 12 19.7895C7.69799 19.7895 4.21053 16.302 4.21053 12Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M12 1.26316C6.07021 1.26316 1.26316 6.07021 1.26316 12C1.26316 17.9298 6.07021 22.7368 12 22.7368C17.9298 22.7368 22.7368 17.9298 22.7368 12C22.7368 6.07021 17.9298 1.26316 12 1.26316ZM0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12Z" fill="black"/>
<path d="M15.3684 12.8421L15.3684 11.1579L23.7895 11.1579L23.7895 12.8421L15.3684 12.8421Z" fill="black"/>
<path d="M0.210526 12.8421L0.210525 11.1579L8.63158 11.1579L8.63158 12.8421L0.210526 12.8421Z" fill="black"/>
<path d="M11.1579 1.05263H12.8421V8.63158H11.1579V1.05263Z" fill="black"/>
<path d="M11.1579 15.3684H12.8421V23.3684H11.1579V15.3684Z" fill="black"/>
</g>
<defs>
<clipPath id="clip0_4_64">
<rect width="24" height="24" fill="white"/>
</clipPath>
</defs>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.4 KiB

10
assets/images/sketches.svg Normal file
View file

@ -0,0 +1,10 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_4_64)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M19.9285 0.422336C20.5113 0.878588 21.9754 2.0934 23.2123 3.33787C23.8979 4.02767 24.0843 4.7289 23.9676 5.3458C23.8596 5.91617 23.5044 6.34904 23.2006 6.58812L20.9287 9.06455C20.9252 9.06832 20.9217 9.07202 20.9181 9.07565L9.06478 21.0019C9.02343 21.0435 8.97314 21.075 8.91779 21.094L0.505755 23.9794C0.368685 24.0264 0.216979 23.9915 0.113874 23.8892C0.0107699 23.7869 -0.0260373 23.6347 0.0187958 23.4962L2.69535 15.2247C2.71401 15.1671 2.74595 15.1147 2.78856 15.0718L14.8331 2.95315C14.8378 2.94838 14.8427 2.94374 14.8476 2.93923C15.4848 2.36231 16.9323 1.05345 17.6216 0.436977C18.0607 0.0441773 18.5515 -0.0414521 18.9738 0.0162949C19.38 0.0718514 19.7242 0.258524 19.9285 0.422336ZM18.8708 0.778721C18.6367 0.746701 18.3787 0.789311 18.1296 1.01206C17.5355 1.54343 16.3744 2.59249 15.6588 3.23994L20.6367 8.24843L22.661 6.04199C22.6767 6.02484 22.6939 6.00917 22.7125 5.99516C22.9125 5.84425 23.1494 5.55556 23.2163 5.20183C23.278 4.87617 23.2095 4.42325 22.6715 3.88195C21.4626 2.66558 20.0226 1.47079 19.4571 1.0282L19.4529 1.02496C19.3383 0.932717 19.1195 0.812733 18.8708 0.778721ZM20.107 8.80361L17.8756 6.55847L6.4769 18.0273L8.78525 20.195L20.107 8.80361ZM8.06691 20.573L3.23673 16.037L0.982649 23.0029L8.06691 20.573ZM3.60916 15.3343L5.91751 17.502L17.3348 6.0144L15.1034 3.76926L3.60916 15.3343Z" fill="black" stroke="black" stroke-width="0.4" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_4_64">
<rect width="24" height="24" fill="white"/>
</clipPath>
</defs>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.6 KiB

7
assets/images/soluce.svg Normal file
View file

@ -0,0 +1,7 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.4566 0.0401843C11.5308 -0.0407208 10.7633 0.0122601 10.3767 0.0956426C5.87389 1.06692 4.27383 4.51917 4.01063 7.49886C3.95546 8.12338 4.11447 9.26776 4.50183 10.4069C4.8884 11.5438 5.5354 12.7751 6.5315 13.4949C7.26183 14.0227 7.82262 14.6679 8.20181 15.2586C8.59212 15.8666 8.75559 16.362 8.76262 16.5855L8.77566 17H15.1592L15.221 16.6428C15.2613 16.4098 15.4416 15.9985 15.7217 15.5177C16.047 14.9594 16.5124 14.4917 17.0394 14.0041C17.1222 13.9275 17.2068 13.8501 17.2926 13.7717C17.7392 13.3636 18.2163 12.9275 18.6152 12.4306C19.943 10.7763 20.0623 8.85868 19.98 7.87877C19.9288 5.8916 19.401 4.3719 18.5922 3.22155C17.7827 2.06998 16.7096 1.31406 15.6113 0.827382C14.5155 0.34185 13.3897 0.121732 12.4566 0.0401843ZM17.8576 3.70098C18.5593 4.69913 19.0474 6.05794 19.0932 7.91164L19.0935 7.92433L19.0946 7.93697C19.1688 8.79491 19.0609 10.4778 17.9133 11.9076C17.5599 12.3478 17.141 12.7312 16.6948 13.1395C16.6058 13.2209 16.5157 13.3034 16.4248 13.3875C15.8918 13.8806 15.3423 14.4224 14.9479 15.0993C14.7429 15.4513 14.5564 15.8203 14.4426 16.1451H9.58303C9.47908 15.7511 9.25908 15.2803 8.95644 14.8089C8.52684 14.1396 7.89401 13.4109 7.06387 12.811C6.28537 12.2485 5.7115 11.2185 5.34503 10.1408C4.97936 9.0654 4.85316 8.04202 4.89473 7.57135C5.13856 4.81104 6.58067 1.79052 10.5706 0.929885C10.84 0.871767 11.5096 0.81583 12.3764 0.891583C13.2359 0.966693 14.2582 1.16881 15.2405 1.60407C16.2202 2.03819 17.155 2.70163 17.8576 3.70098Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.31343 16.7826H14.6866C15.0163 16.7826 15.2836 17.0746 15.2836 17.4348V17.5652C15.2836 17.9254 15.0163 18.2174 14.6866 18.2174H9.31343C8.98371 18.2174 8.71642 17.9254 8.71642 17.5652V17.4348C8.71642 17.0746 8.98371 16.7826 9.31343 16.7826ZM14.6866 16C15.412 16 16 16.6424 16 17.4348V17.5652C16 18.3576 15.412 19 14.6866 19H9.31343C8.58804 19 8 18.3576 8 17.5652V17.4348C8 16.6424 8.58804 16 9.31343 16H14.6866Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.55814 19.5714H14.4419V20.4286H9.55814V19.5714ZM15 19V21H9V19H15Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M14.8758 21C14.9566 21.2112 15 21.435 15 21.6667C15 22.9553 13.6569 24 12 24C10.3431 24 9 22.9553 9 21.6667C9 21.435 9.0434 21.2112 9.12423 21L14.8758 21ZM14.0612 21.7778L9.93875 21.7778C10.0134 22.5431 10.8522 23.2222 12 23.2222C13.1478 23.2222 13.9866 22.5431 14.0612 21.7778Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.12196 4.42771C8.05461 4.42771 8 4.4865 8 4.55902V7.46395C8 7.59948 8.20513 7.6718 8.3045 7.5886C8.36097 7.54133 8.42159 7.49953 8.48567 7.46395C8.56126 7.42198 8.64168 7.38866 8.72578 7.36522C8.72778 7.36466 8.72978 7.36411 8.73179 7.36357C8.82345 7.33858 8.91945 7.3253 9.01833 7.3253C9.66108 7.3253 10.1821 7.88629 10.1821 8.57831C10.1821 9.27033 9.66108 9.83133 9.01833 9.83133C8.91945 9.83133 8.82345 9.81805 8.73179 9.79306C8.72978 9.79252 8.72778 9.79196 8.72578 9.79141C8.64168 9.76796 8.56126 9.73465 8.48567 9.69268C8.42158 9.6571 8.36097 9.6153 8.3045 9.56803C8.20513 9.48483 8 9.55714 8 9.69268V12.5976C8 12.6701 8.05461 12.7289 8.12196 12.7289H10.8269C10.9249 12.7289 10.9852 12.849 10.9425 12.944C10.8952 13.0494 10.8562 13.1628 10.8269 13.2825C10.8084 13.3578 10.7938 13.4355 10.7834 13.5152C10.7833 13.5157 10.7832 13.5163 10.7831 13.5168C10.7706 13.6128 10.764 13.7118 10.764 13.8129C10.764 14.7144 11.2851 15 11.9278 15C12.5706 15 13.0916 14.7144 13.0916 13.8129C13.0916 13.7118 13.0851 13.6128 13.0725 13.5168C13.0725 13.5163 13.0724 13.5157 13.0723 13.5152C13.0618 13.4355 13.0472 13.3578 13.0288 13.2825C12.9995 13.1628 12.9605 13.0494 12.9132 12.944C12.8705 12.849 12.9308 12.7289 13.0288 12.7289H15.8076C15.8745 12.7289 15.9289 12.6709 15.9296 12.5988L15.9549 9.7112C15.956 9.5799 15.7716 9.50888 15.6735 9.58688C15.6161 9.63254 15.5547 9.67265 15.4899 9.70648C15.4077 9.74937 15.3201 9.78217 15.2285 9.80336C15.2264 9.80384 15.2243 9.80432 15.2222 9.80479C15.145 9.82218 15.0649 9.83133 14.9828 9.83133C14.3401 9.83133 13.819 9.27033 13.819 8.57831C13.819 7.88629 14.3401 7.3253 14.9828 7.3253C15.0725 7.3253 15.1598 7.33622 15.2437 7.3569C15.2458 7.35741 15.2478 7.35793 15.2499 7.35846C15.341 7.38149 15.428 7.41606 15.5095 7.46064C15.5737 7.49578 15.6344 7.53713 15.6911 7.58397C15.7878 7.66394 15.9734 7.59666 15.9745 7.46537L16 4.56026C16.0006 4.48726 15.9458 4.42771 15.878 4.42771H13.0124C12.9059 4.42771 12.8451 4.28532 12.8991 4.18651C12.9442 4.10403 12.9823 4.01548 13.0124 3.92208C13.041 3.83315 13.0624 3.73983 13.0757 3.64318C13.0759 3.64207 13.0761 3.64095 13.0762 3.63983C13.0864 3.56492 13.0916 3.48803 13.0916 3.40964C13.0916 2.63112 12.5706 2 11.9278 2C11.2851 2 10.764 2.63112 10.764 3.40964C10.764 3.48803 10.7693 3.56492 10.7795 3.63983C10.7796 3.64095 10.7798 3.64207 10.7799 3.64318C10.7932 3.73983 10.8147 3.83315 10.8433 3.92208C10.8734 4.01548 10.9115 4.10403 10.9566 4.18651C11.0106 4.28532 10.9498 4.42771 10.8433 4.42771H8.12196ZM15.2507 6.55772C15.1631 6.54435 15.0737 6.53742 14.9828 6.53742C13.9359 6.53742 13.0872 7.45116 13.0872 8.57831C13.0872 9.70547 13.9359 10.6192 14.9828 10.6192C15.0614 10.6192 15.139 10.614 15.2152 10.604L15.2035 11.941H13.0288C12.3079 11.941 12.0139 12.7517 12.2544 13.2871C12.3177 13.4279 12.3599 13.6081 12.3599 13.8129C12.3599 13.9579 12.3388 14.0388 12.3238 14.078C12.3105 14.1126 12.2984 14.1251 12.2895 14.1328C12.2631 14.1559 12.1668 14.2121 11.9278 14.2121C11.6888 14.2121 11.5926 14.1559 11.5661 14.1328C11.5573 14.1251 11.5451 14.1126 11.5319 14.078C11.5169 14.0388 11.4958 13.9579 11.4958 13.8129C11.4958 13.6081 11.538 13.4279 11.6012 13.2871C11.8418 12.7517 11.5477 11.941 10.8269 11.941H8.73179V10.5959C8.8253 10.6113 8.92101 10.6192 9.01833 10.6192C10.0652 10.6192 10.9139 9.70547 10.9139 8.57831C10.9139 7.45116 10.0652 6.53742 9.01833 6.53742C8.92101 6.53742 8.8253 6.54537 8.73179 6.56068V5.21559H10.8433C11.2324 5.21559 11.5 4.94939 11.6177 4.68991C11.7324 4.43696 11.7549 4.09382 11.5873 3.78707C11.5321 3.68595 11.4958 3.5569 11.4958 3.40964C11.4958 2.97645 11.7679 2.78788 11.9278 2.78788C12.0878 2.78788 12.3599 2.97645 12.3599 3.40964C12.3599 3.5569 12.3236 3.68595 12.2683 3.78707C12.1008 4.09382 12.1233 4.43696 12.238 4.68991C12.3557 4.94939 12.6233 5.21559 13.0124 5.21559H15.2624L15.2507 6.55772Z" fill="black"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 6.3 KiB

BIN
assets/images/stripeuro.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 28 KiB

BIN
assets/images/votetop.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 133 KiB

BIN
assets/images/votetop@2x.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 374 KiB

22
assets/js/app.js
View file

@ -74,3 +74,25 @@ function showSlides() {
dots[slideIndex-1].className += " active"; dots[slideIndex-1].className += " active";
setTimeout(showSlides, 2000); // Change image every 2 seconds setTimeout(showSlides, 2000); // Change image every 2 seconds
} }
var xValues = ["Restaurer", "Verdure", "Détente", "Sociabiliser","Couvert"];
var yValues = [18, 25, 20, 11, 17];
var barColors = ["red", "green","blue","orange","purple"];
new Chart("myChart", {
type: "bar",
data: {
labels: xValues,
datasets: [{
backgroundColor: barColors,
data: yValues
}]
},
options: {
legend: {display: false},
title: {
display: true,
text: "Meilleurs Top Tasks prélevés" // pas sure de celle catchphrase
}
}
});

298
index.html
View file

@ -26,63 +26,148 @@
<!-- CSS and Javascript --> <!-- CSS and Javascript -->
<link rel="stylesheet" href="assets/css/normalize.css"> <link rel="stylesheet" href="assets/css/normalize.css">
<link rel="stylesheet" href="assets/css/style.css"> <link rel="stylesheet" href="assets/css/style.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Sora:wght@600&display=swap" rel="stylesheet">
<script src="assets/js/app.js" defer></script> <script src="assets/js/app.js" defer></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.4/Chart.js">
</script>
</head> </head>
<body data-theme="light"> <body data-theme="light">
<header> <header>
<button class="js-theme-trigger">
<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd">
<path
d="M13 9h9l-14 15 3-9h-9l14-15-3 9zm-8.699 5h8.086l-1.987 5.963 9.299-9.963h-8.086l1.987-5.963-9.299 9.963z" />
</svg></button>
<div class="header--second">
<div class="btn__lightdark--blockd">
</div>
<div class="header__navigation"> <div class="header__navigation">
<nav> <nav>
<ul class="list--header"> <ul class="navlink__list">
<li> <li class="navlink__el">
<a class="link" href="#partie0">0</a> <a class="link" href="#partie1">
<span class="navlink__txt">Scope</span>
<svg class="navlink__icon" width="24" height="24" viewBox="0 0 24 24" fill="none"
xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_4_64)">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M12 5.47369C8.39561 5.47369 5.47368 8.39562 5.47368 12C5.47368 15.6044 8.39561 18.5263 12 18.5263C15.6044 18.5263 18.5263 15.6044 18.5263 12C18.5263 8.39562 15.6044 5.47369 12 5.47369ZM4.21053 12C4.21053 7.69799 7.69799 4.21053 12 4.21053C16.302 4.21053 19.7895 7.69799 19.7895 12C19.7895 16.302 16.302 19.7895 12 19.7895C7.69799 19.7895 4.21053 16.302 4.21053 12Z"
fill="var(--color-link)" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M12 1.26316C6.07021 1.26316 1.26316 6.07021 1.26316 12C1.26316 17.9298 6.07021 22.7368 12 22.7368C17.9298 22.7368 22.7368 17.9298 22.7368 12C22.7368 6.07021 17.9298 1.26316 12 1.26316ZM0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12Z"
fill="var(--color-link)" />
<path
d="M15.3684 12.8421L15.3684 11.1579L23.7895 11.1579L23.7895 12.8421L15.3684 12.8421Z"
fill="var(--color-link)" />
<path
d="M0.210526 12.8421L0.210525 11.1579L8.63158 11.1579L8.63158 12.8421L0.210526 12.8421Z"
fill="var(--color-link)" />
<path d="M11.1579 1.05263H12.8421V8.63158H11.1579V1.05263Z"
fill="var(--color-link)" />
<path d="M11.1579 15.3684H12.8421V23.3684H11.1579V15.3684Z"
fill="var(--color-link)" />
</g>
<defs>
<clipPath id="clip0_4_64">
<rect width="24" height="24" fill="white" />
</clipPath>
</defs>
</svg>
</a>
</li> </li>
<li> <li class="navlink__el">
<a class="link" href="#partie1">1</a> <a class="link" href="#partie2">
</li> <span class="navlink__txt">Demande</span>
<li> <svg class="navlink__icon" width="24" height="24" viewBox="0 0 24 24" fill="none"
<a class="link" href="#partie2">2</a> xmlns="http://www.w3.org/2000/svg">
<path
d="M23 18.4146C22.5214 14.4023 20.7984 14.4023 17.7352 14.4023C14.6721 14.4023 12.63 14.4023 11.0346 14.4023C10.0108 15.138 9.40487 16.3457 10.556 17.2682M14.8635 18.4145C12.8059 18.2092 11.1986 17.7832 10.556 17.2682M22.0428 23L14.3849 22.4268L11.0345 21.8536L10.972 21.8411C9.13617 21.4747 7.44002 20.6003 6.07661 19.3174L1.46223 14.9755C0.504957 14.4022 0.98365 11.3931 3.37676 12.1096C5.29122 12.6828 10.1668 17.2682 10.556 17.2682"
stroke="var(--color-link)" stroke-linecap="round" />
<path
d="M13.6346 9.34349C13.2175 9.34349 12.8793 9.05454 12.8793 8.6981V7.94767C12.8793 7.203 13.5822 6.62909 14.4083 6.39157C14.7858 6.28303 15.1132 6.13681 15.3906 5.95291C16.0053 5.55402 16.3127 5.00554 16.3127 4.30748V4.07479C16.3127 3.5097 16.1034 3.06094 15.6849 2.72853C15.2663 2.38504 14.7039 2.2133 13.9976 2.2133C13.239 2.2133 12.6308 2.39612 12.173 2.76177C11.9234 2.96695 11.7192 3.20353 11.5602 3.4715C11.3549 3.81773 10.8943 4.03734 10.469 3.901C10.1014 3.78318 9.89546 3.44147 10.054 3.13463C10.1344 2.9791 10.226 2.82711 10.3287 2.67867C10.5641 2.34626 10.8519 2.05817 11.192 1.8144C11.5451 1.55956 11.9571 1.36011 12.428 1.21607C12.8989 1.07202 13.4417 1 14.0564 1C15.2729 1 16.2342 1.28255 16.9405 1.84765C17.6468 2.41274 18 3.17729 18 4.14127C18 4.67313 17.8888 5.13851 17.6665 5.5374C17.4572 5.92521 17.1825 6.25762 16.8424 6.53463C16.5024 6.81163 16.1165 7.03324 15.6849 7.19945C15.5602 7.24747 15.4354 7.29134 15.3107 7.33104C14.7918 7.4962 14.39 7.89264 14.39 8.36573V8.6981C14.39 9.05454 14.0518 9.34349 13.6346 9.34349ZM13.6444 13C13.2259 13 12.9185 12.9114 12.7223 12.7341C12.5392 12.5568 12.4476 12.3241 12.4476 12.036V11.8199C12.4476 11.5319 12.5392 11.2992 12.7223 11.1219C12.9185 10.9446 13.2259 10.856 13.6444 10.856C14.063 10.856 14.3638 10.9446 14.5469 11.1219C14.7431 11.2992 14.8412 11.5319 14.8412 11.8199V12.036C14.8412 12.3241 14.7431 12.5568 14.5469 12.7341C14.3638 12.9114 14.063 13 13.6444 13Z"
fill="var(--color-link)" />
</svg>
</a>
</li> </li>
<li> <li class="navlink__el">
<a class="link" href="#partie3">3</a> <a class="link" href="#partie3">
<span class="navlink__txt">Entretien</span>
<svg class="navlink__icon" width="24" height="24" viewBox="0 0 24 24" fill="none"
xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_4_64)">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M8.00002 8.00376C7.91509 8.00126 7.82984 8 7.74429 8C3.18479 8 0 11.5765 0 15.9884C0.193011 18.9345 1.57579 20.4847 2.003 20.9637C2.06092 21.0286 2.10128 21.0739 2.11872 21.1002C2.16894 21.1761 1.84812 21.4511 1.44391 21.7977C0.671938 22.4595 -0.404189 23.3821 0.219179 23.6761C0.997316 24.0431 4.11598 24.0106 6.39386 23.9869C6.89629 23.9817 7.35781 23.9769 7.74429 23.9769C12.3038 23.9769 16 20.4003 16 15.9884C16 15.9833 16 15.9782 16 15.9731C15.6022 15.9614 15.2115 15.9224 14.8298 15.8581C14.8306 15.9015 14.831 15.9449 14.831 15.9884C14.831 19.7058 11.703 22.7993 7.74429 22.7993C7.33366 22.7993 6.8609 22.8043 6.35297 22.8096L6.35255 22.8096L6.3524 22.8096C5.477 22.8188 4.49716 22.8292 3.55079 22.817C3.03206 22.8103 2.5426 22.7969 2.10925 22.7736L2.1732 22.7189L2.17333 22.7188C2.28651 22.6219 2.40044 22.5245 2.52078 22.4181C2.64415 22.3091 2.79272 22.1741 2.91005 22.0424C2.96224 21.9839 3.06378 21.8655 3.14564 21.7087L3.14679 21.7065C3.18465 21.6342 3.49042 21.05 3.09135 20.447C3.02005 20.3393 2.9086 20.2163 2.87298 20.1771L2.86432 20.1675C2.80393 20.0997 2.73493 20.022 2.65571 19.926C2.49846 19.7355 2.29826 19.4697 2.09534 19.1208C1.6958 18.4339 1.27029 17.399 1.16904 15.9497C1.18732 12.1514 3.89699 9.17755 7.74429 9.17755C7.86096 9.17755 7.97691 9.18024 8.09208 9.18555C8.0322 8.79995 8.0008 8.40533 8.00002 8.00376ZM1.14019 23.7182C1.13182 23.7323 1.13465 23.7305 1.14252 23.7143L1.14019 23.7182Z"
fill="var(--color-link)" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M9.16895 7.98843C9.16895 11.7058 12.297 14.7993 16.2557 14.7993C16.6665 14.7993 17.1394 14.8043 17.6475 14.8096C18.5229 14.8188 19.5028 14.8292 20.4492 14.817C20.9679 14.8103 21.4574 14.7969 21.8907 14.7736C21.8694 14.7554 21.8481 14.7371 21.8268 14.7189C21.7136 14.622 21.5996 14.5245 21.4792 14.4181C21.3559 14.3091 21.2073 14.1741 21.09 14.0424C21.0378 13.9839 20.9362 13.8655 20.8544 13.7087L20.8532 13.7065C20.8153 13.6342 20.5096 13.05 20.9087 12.447C20.9799 12.3393 21.0914 12.2163 21.127 12.1771C21.1308 12.1729 21.1338 12.1696 21.1357 12.1675C21.1961 12.0997 21.2651 12.022 21.3443 11.926C21.5015 11.7355 21.7017 11.4697 21.9047 11.1208C22.3042 10.4339 22.7297 9.39899 22.831 7.94974C22.8127 4.15138 20.103 1.17755 16.2557 1.17755C12.297 1.17755 9.16895 4.27109 9.16895 7.98843ZM24 7.98843C23.807 10.9345 22.4242 12.4847 21.997 12.9637C21.9391 13.0286 21.8987 13.0739 21.8813 13.1002C21.8311 13.1761 22.1519 13.4511 22.5561 13.7977C23.3281 14.4595 24.4042 15.3821 23.7808 15.6761C23.0027 16.0431 19.884 16.0106 17.6061 15.9869C17.1037 15.9817 16.6422 15.9769 16.2557 15.9769C11.6962 15.9769 8 12.4003 8 7.98843C8 3.57654 11.6962 0 16.2557 0C20.8152 0 24 3.57654 24 7.98843ZM22.8598 15.7182C22.8682 15.7323 22.8653 15.7305 22.8575 15.7143C22.8583 15.7156 22.8591 15.7169 22.8598 15.7182Z"
fill="var(--color-link)" />
<path
d="M16.3622 9.15604C16.0145 9.15604 15.7327 8.9313 15.7327 8.65407V8.0704C15.7327 7.49121 16.3185 7.04484 17.0069 6.8601C17.3214 6.77568 17.5943 6.66196 17.8255 6.51892C18.3378 6.20867 18.5939 5.78208 18.5939 5.23914V5.05816C18.5939 4.61864 18.4195 4.26961 18.0707 4.01107C17.7219 3.74391 17.2532 3.61033 16.6646 3.61033C16.0324 3.61033 15.5256 3.75253 15.1441 4.03692C14.9362 4.19651 14.766 4.38051 14.6335 4.58894C14.4624 4.85823 14.0786 5.02903 13.7241 4.92299C13.4178 4.83135 13.2462 4.56558 13.3784 4.32693C13.4453 4.20595 13.5216 4.08774 13.6072 3.97229C13.8034 3.71375 14.0432 3.48968 14.3266 3.30008C14.6209 3.10187 14.9643 2.94674 15.3567 2.83471C15.7491 2.72267 16.2014 2.66666 16.7137 2.66666C17.7274 2.66666 18.5285 2.88642 19.1171 3.32594C19.7057 3.76546 20 4.3601 20 5.10987C20 5.52354 19.9073 5.88549 19.722 6.19574C19.5476 6.49737 19.3187 6.75591 19.0353 6.97137C18.752 7.18682 18.4304 7.35918 18.0707 7.48845C17.9668 7.5258 17.8628 7.55992 17.7589 7.5908C17.3265 7.71925 16.9916 8.0276 16.9916 8.39556V8.65407C16.9916 8.9313 16.7098 9.15604 16.3622 9.15604ZM16.3703 12C16.0215 12 15.7654 11.931 15.6019 11.7932C15.4493 11.6553 15.373 11.4743 15.373 11.2502V11.0822C15.373 10.8581 15.4493 10.6771 15.6019 10.5392C15.7654 10.4013 16.0215 10.3324 16.3703 10.3324C16.7191 10.3324 16.9698 10.4013 17.1224 10.5392C17.2859 10.6771 17.3677 10.8581 17.3677 11.0822V11.2502C17.3677 11.4743 17.2859 11.6553 17.1224 11.7932C16.9698 11.931 16.7191 12 16.3703 12Z"
fill="var(--color-link)" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M4 15.3333C4 14.9651 4.31236 14.6667 4.69767 14.6667H9.96899C10.3543 14.6667 10.6667 14.9651 10.6667 15.3333C10.6667 15.7015 10.3543 16 9.96899 16H4.69767C4.31236 16 4 15.7015 4 15.3333Z"
fill="var(--color-link)" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M4 18C4 17.6318 4.31236 17.3333 4.69767 17.3333H9.96899C10.3543 17.3333 10.6667 17.6318 10.6667 18C10.6667 18.3682 10.3543 18.6667 9.96899 18.6667H4.69767C4.31236 18.6667 4 18.3682 4 18Z"
fill="var(--color-link)" />
</g>
<defs>
<clipPath id="clip0_4_64">
<rect width="24" height="24" fill="white" />
</clipPath>
</defs>
</svg>
</a>
</li> </li>
<li> <li class="navlink__el">
<a class="link" href="#partie4">4</a> <a class="link" href="#partie3">
<span class="navlink__txt">Solutions</span>
<svg class="navlink__icon" width="24" height="24" viewBox="0 0 24 24" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M12.4566 0.0401843C11.5308 -0.0407208 10.7633 0.0122601 10.3767 0.0956426C5.87389 1.06692 4.27383 4.51917 4.01063 7.49886C3.95546 8.12338 4.11447 9.26776 4.50183 10.4069C4.8884 11.5438 5.5354 12.7751 6.5315 13.4949C7.26183 14.0227 7.82262 14.6679 8.20181 15.2586C8.59212 15.8666 8.75559 16.362 8.76262 16.5855L8.77566 17H15.1592L15.221 16.6428C15.2613 16.4098 15.4416 15.9985 15.7217 15.5177C16.047 14.9594 16.5124 14.4917 17.0394 14.0041C17.1222 13.9275 17.2068 13.8501 17.2926 13.7717C17.7392 13.3636 18.2163 12.9275 18.6152 12.4306C19.943 10.7763 20.0623 8.85868 19.98 7.87877C19.9288 5.8916 19.401 4.3719 18.5922 3.22155C17.7827 2.06998 16.7096 1.31406 15.6113 0.827382C14.5155 0.34185 13.3897 0.121732 12.4566 0.0401843ZM17.8576 3.70098C18.5593 4.69913 19.0474 6.05794 19.0932 7.91164L19.0935 7.92433L19.0946 7.93697C19.1688 8.79491 19.0609 10.4778 17.9133 11.9076C17.5599 12.3478 17.141 12.7312 16.6948 13.1395C16.6058 13.2209 16.5157 13.3034 16.4248 13.3875C15.8918 13.8806 15.3423 14.4224 14.9479 15.0993C14.7429 15.4513 14.5564 15.8203 14.4426 16.1451H9.58303C9.47908 15.7511 9.25908 15.2803 8.95644 14.8089C8.52684 14.1396 7.89401 13.4109 7.06387 12.811C6.28537 12.2485 5.7115 11.2185 5.34503 10.1408C4.97936 9.0654 4.85316 8.04202 4.89473 7.57135C5.13856 4.81104 6.58067 1.79052 10.5706 0.929885C10.84 0.871767 11.5096 0.81583 12.3764 0.891583C13.2359 0.966693 14.2582 1.16881 15.2405 1.60407C16.2202 2.03819 17.155 2.70163 17.8576 3.70098Z"
fill="var(--color-link)" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M9.31343 16.7826H14.6866C15.0163 16.7826 15.2836 17.0746 15.2836 17.4348V17.5652C15.2836 17.9254 15.0163 18.2174 14.6866 18.2174H9.31343C8.98371 18.2174 8.71642 17.9254 8.71642 17.5652V17.4348C8.71642 17.0746 8.98371 16.7826 9.31343 16.7826ZM14.6866 16C15.412 16 16 16.6424 16 17.4348V17.5652C16 18.3576 15.412 19 14.6866 19H9.31343C8.58804 19 8 18.3576 8 17.5652V17.4348C8 16.6424 8.58804 16 9.31343 16H14.6866Z"
fill="var(--color-link)" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M9.55814 19.5714H14.4419V20.4286H9.55814V19.5714ZM15 19V21H9V19H15Z"
fill="var(--color-link)" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M14.8758 21C14.9566 21.2112 15 21.435 15 21.6667C15 22.9553 13.6569 24 12 24C10.3431 24 9 22.9553 9 21.6667C9 21.435 9.0434 21.2112 9.12423 21L14.8758 21ZM14.0612 21.7778L9.93875 21.7778C10.0134 22.5431 10.8522 23.2222 12 23.2222C13.1478 23.2222 13.9866 22.5431 14.0612 21.7778Z"
fill="var(--color-link)" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M8.12196 4.42771C8.05461 4.42771 8 4.4865 8 4.55902V7.46395C8 7.59948 8.20513 7.6718 8.3045 7.5886C8.36097 7.54133 8.42159 7.49953 8.48567 7.46395C8.56126 7.42198 8.64168 7.38866 8.72578 7.36522C8.72778 7.36466 8.72978 7.36411 8.73179 7.36357C8.82345 7.33858 8.91945 7.3253 9.01833 7.3253C9.66108 7.3253 10.1821 7.88629 10.1821 8.57831C10.1821 9.27033 9.66108 9.83133 9.01833 9.83133C8.91945 9.83133 8.82345 9.81805 8.73179 9.79306C8.72978 9.79252 8.72778 9.79196 8.72578 9.79141C8.64168 9.76796 8.56126 9.73465 8.48567 9.69268C8.42158 9.6571 8.36097 9.6153 8.3045 9.56803C8.20513 9.48483 8 9.55714 8 9.69268V12.5976C8 12.6701 8.05461 12.7289 8.12196 12.7289H10.8269C10.9249 12.7289 10.9852 12.849 10.9425 12.944C10.8952 13.0494 10.8562 13.1628 10.8269 13.2825C10.8084 13.3578 10.7938 13.4355 10.7834 13.5152C10.7833 13.5157 10.7832 13.5163 10.7831 13.5168C10.7706 13.6128 10.764 13.7118 10.764 13.8129C10.764 14.7144 11.2851 15 11.9278 15C12.5706 15 13.0916 14.7144 13.0916 13.8129C13.0916 13.7118 13.0851 13.6128 13.0725 13.5168C13.0725 13.5163 13.0724 13.5157 13.0723 13.5152C13.0618 13.4355 13.0472 13.3578 13.0288 13.2825C12.9995 13.1628 12.9605 13.0494 12.9132 12.944C12.8705 12.849 12.9308 12.7289 13.0288 12.7289H15.8076C15.8745 12.7289 15.9289 12.6709 15.9296 12.5988L15.9549 9.7112C15.956 9.5799 15.7716 9.50888 15.6735 9.58688C15.6161 9.63254 15.5547 9.67265 15.4899 9.70648C15.4077 9.74937 15.3201 9.78217 15.2285 9.80336C15.2264 9.80384 15.2243 9.80432 15.2222 9.80479C15.145 9.82218 15.0649 9.83133 14.9828 9.83133C14.3401 9.83133 13.819 9.27033 13.819 8.57831C13.819 7.88629 14.3401 7.3253 14.9828 7.3253C15.0725 7.3253 15.1598 7.33622 15.2437 7.3569C15.2458 7.35741 15.2478 7.35793 15.2499 7.35846C15.341 7.38149 15.428 7.41606 15.5095 7.46064C15.5737 7.49578 15.6344 7.53713 15.6911 7.58397C15.7878 7.66394 15.9734 7.59666 15.9745 7.46537L16 4.56026C16.0006 4.48726 15.9458 4.42771 15.878 4.42771H13.0124C12.9059 4.42771 12.8451 4.28532 12.8991 4.18651C12.9442 4.10403 12.9823 4.01548 13.0124 3.92208C13.041 3.83315 13.0624 3.73983 13.0757 3.64318C13.0759 3.64207 13.0761 3.64095 13.0762 3.63983C13.0864 3.56492 13.0916 3.48803 13.0916 3.40964C13.0916 2.63112 12.5706 2 11.9278 2C11.2851 2 10.764 2.63112 10.764 3.40964C10.764 3.48803 10.7693 3.56492 10.7795 3.63983C10.7796 3.64095 10.7798 3.64207 10.7799 3.64318C10.7932 3.73983 10.8147 3.83315 10.8433 3.92208C10.8734 4.01548 10.9115 4.10403 10.9566 4.18651C11.0106 4.28532 10.9498 4.42771 10.8433 4.42771H8.12196ZM15.2507 6.55772C15.1631 6.54435 15.0737 6.53742 14.9828 6.53742C13.9359 6.53742 13.0872 7.45116 13.0872 8.57831C13.0872 9.70547 13.9359 10.6192 14.9828 10.6192C15.0614 10.6192 15.139 10.614 15.2152 10.604L15.2035 11.941H13.0288C12.3079 11.941 12.0139 12.7517 12.2544 13.2871C12.3177 13.4279 12.3599 13.6081 12.3599 13.8129C12.3599 13.9579 12.3388 14.0388 12.3238 14.078C12.3105 14.1126 12.2984 14.1251 12.2895 14.1328C12.2631 14.1559 12.1668 14.2121 11.9278 14.2121C11.6888 14.2121 11.5926 14.1559 11.5661 14.1328C11.5573 14.1251 11.5451 14.1126 11.5319 14.078C11.5169 14.0388 11.4958 13.9579 11.4958 13.8129C11.4958 13.6081 11.538 13.4279 11.6012 13.2871C11.8418 12.7517 11.5477 11.941 10.8269 11.941H8.73179V10.5959C8.8253 10.6113 8.92101 10.6192 9.01833 10.6192C10.0652 10.6192 10.9139 9.70547 10.9139 8.57831C10.9139 7.45116 10.0652 6.53742 9.01833 6.53742C8.92101 6.53742 8.8253 6.54537 8.73179 6.56068V5.21559H10.8433C11.2324 5.21559 11.5 4.94939 11.6177 4.68991C11.7324 4.43696 11.7549 4.09382 11.5873 3.78707C11.5321 3.68595 11.4958 3.5569 11.4958 3.40964C11.4958 2.97645 11.7679 2.78788 11.9278 2.78788C12.0878 2.78788 12.3599 2.97645 12.3599 3.40964C12.3599 3.5569 12.3236 3.68595 12.2683 3.78707C12.1008 4.09382 12.1233 4.43696 12.238 4.68991C12.3557 4.94939 12.6233 5.21559 13.0124 5.21559H15.2624L15.2507 6.55772Z"
fill="var(--color-link)" />
</svg>
</a>
</li> </li>
<li> <li class="navlink__el">
<a class="link" href="#partie5">5</a> <a class="link" href="#partie4">
<span class="navlink__txt">Croquis</span>
<svg class="navlink__icon" width="24" height="24" viewBox="0 0 24 24" fill="none"
xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_4_64)">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M19.9285 0.422336C20.5113 0.878588 21.9754 2.0934 23.2123 3.33787C23.8979 4.02767 24.0843 4.7289 23.9676 5.3458C23.8596 5.91617 23.5044 6.34904 23.2006 6.58812L20.9287 9.06455C20.9252 9.06832 20.9217 9.07202 20.9181 9.07565L9.06478 21.0019C9.02343 21.0435 8.97314 21.075 8.91779 21.094L0.505755 23.9794C0.368685 24.0264 0.216979 23.9915 0.113874 23.8892C0.0107699 23.7869 -0.0260373 23.6347 0.0187958 23.4962L2.69535 15.2247C2.71401 15.1671 2.74595 15.1147 2.78856 15.0718L14.8331 2.95315C14.8378 2.94838 14.8427 2.94374 14.8476 2.93923C15.4848 2.36231 16.9323 1.05345 17.6216 0.436977C18.0607 0.0441773 18.5515 -0.0414521 18.9738 0.0162949C19.38 0.0718514 19.7242 0.258524 19.9285 0.422336ZM18.8708 0.778721C18.6367 0.746701 18.3787 0.789311 18.1296 1.01206C17.5355 1.54343 16.3744 2.59249 15.6588 3.23994L20.6367 8.24843L22.661 6.04199C22.6767 6.02484 22.6939 6.00917 22.7125 5.99516C22.9125 5.84425 23.1494 5.55556 23.2163 5.20183C23.278 4.87617 23.2095 4.42325 22.6715 3.88195C21.4626 2.66558 20.0226 1.47079 19.4571 1.0282L19.4529 1.02496C19.3383 0.932717 19.1195 0.812733 18.8708 0.778721ZM20.107 8.80361L17.8756 6.55847L6.4769 18.0273L8.78525 20.195L20.107 8.80361ZM8.06691 20.573L3.23673 16.037L0.982649 23.0029L8.06691 20.573ZM3.60916 15.3343L5.91751 17.502L17.3348 6.0144L15.1034 3.76926L3.60916 15.3343Z"
fill="var(--color-link)" stroke="var(--color-link)" stroke-width="0.4"
stroke-linejoin="round" />
</g>
<defs>
<clipPath id="clip0_4_64">
<rect width="24" height="24" fill="white" />
</clipPath>
</defs>
</svg>
</a>
</li> </li>
<li> <li class="navlink__el">
<a class="link" href="#partie6">6</a> <button class="js-theme-trigger">
</li> <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd"
<li> clip-rule="evenodd">
<a class="link" href="#partie7">7</a> <path
</li> d="M13 9h9l-14 15 3-9h-9l14-15-3 9zm-8.699 5h8.086l-1.987 5.963 9.299-9.963h-8.086l1.987-5.963-9.299 9.963z" />
<li> </svg></button>
<a class="link" href="#partie8">8</a>
</li>
<li>
<a class="link" href="#partie9">9</a>
</li> </li>
</ul> </ul>
@ -93,69 +178,46 @@
</div> </div>
</header> </header>
<main class="main">
<div class="headback"> <div class="headback">
<span class="bg"></span>
<div class="fond"> <div class="fond">
<img class="headtitle" src="assets/images/headlogo.png" <h1 class="title title--head"><span class="RevealUX">R</span>ethinking<span class="RevealUX"> U</span>ser E<span class="RevealUX">x</span>perience</span></h1>
alt="illustration portant les initiales de l'atelier Rethinking User Experience. RUX">
</div> </div>
</div> </div>
<section class="grid grid--content" id="partie0"> <section class="grid" id="partie1">
<div class="strip strip--1"></div> <div class="strip strip--1"></div>
<h1 class="title mgrid-start01 mgrid-end08 tgrid-start02 tgrid-end05 dgrid-start01 dgrid-end07"><span <h2 class="title mgrid-start01 mgrid-end08 tgrid-start02 tgrid-end05 dgrid-start01 dgrid-end07">
class="number-nav">0 </span>Synopsis Scope
</h1> </h2>
<p class="mgrid-start01 mgrid-end04 tgrid-start02 tgrid-end05 dgrid-start02 dgrid-end05 partie1_blackfill"> <p class="mgrid-start01 mgrid-end04 tgrid-start02 tgrid-end05 dgrid-start02 dgrid-end05">
L’atelier RUX (rethinking UX) L’atelier RUX
est de est de
réaliser une interface adaptée et réaliser une interface adaptée et
compréhensible pour compréhensible pour
l’utilisateur, pour une l’utilisateur, pour une
navigation facile et rapide”</p> navigation facile et rapide”</p>
<div class="strip strip--2"></div> <div class="strip strip--2"></div>
<p class="mgrid-start02 mgrid-end05 tgrid-start02 tgrid-end05 dgrid-start03 dgrid-end05 partie1_blackfill">Le <p class="mgrid-start02 mgrid-end05 tgrid-start02 tgrid-end05 dgrid-start03 dgrid-end05">Le
directeur de la Haute école directeur de la Haute école
Albert Jacquard nous à Albert Jacquard nous à
donner une mission ! </p> donner une mission ! </p>
<div class="strip strip--3"></div> <div class="strip strip--3"></div>
<p class="mgrid-start01 mgrid-end04 tgrid-start02 tgrid-end05 dgrid-start02 dgrid-end05 partie1_blackfill"> <p class="mgrid-start01 mgrid-end04 tgrid-start02 tgrid-end05 dgrid-start02 dgrid-end05">
Repenser notre cours de récré Repenser notre cours de récré
</p> </p>
<p class="mgrid-start01 mgrid-end04 tgrid-start02 tgrid-end05 dgrid-start03 dgrid-end05 partie1_blackfill">Notre <p class="mgrid-start01 mgrid-end04 tgrid-start02 tgrid-end05 dgrid-start03 dgrid-end05">Notre
budget est limité à budget est limité à
200k€&nbsp; 200k€&nbsp;
+-&nbsp;</p> +-&nbsp;</p>
<div class="strip strip--cash"></div>
<figure class="img__content tgrid-start02 tgrid-end05 dgrid-start02 dgrid-end03">
<img class="image_undertxt image_undertxt--iv" src="assets/images/plancour.png"
srcset="assets/images/plancour@2x.png 2x"
alt="plan de la cour de la Haute École Albert Jacquard schématisé" loading="lazy" decoding="async">
<figcaption class="figcaption">schéma illustré de la cour</figcaption>
</figure>
<figure class="img__content tgrid-start02 tgrid-end05 dgrid-start03 dgrid-end05"> <figure class="img__content tgrid-start02 tgrid-end05 dgrid-start03 dgrid-end05">
<img class="image_undertxt" src="assets/images/cour.png" srcset="assets/images/cour@2x.png 2x" <img class="image_undertxt" src="assets/images/cour.png" srcset="assets/images/cour@2x.png 2x"
alt="plan de la cour de la Haute École Albert Jacquard, plan large" loading="lazy" decoding="async"> alt="plan de la cour de la Haute École Albert Jacquard, plan large" loading="lazy" decoding="async">
<figcaption class="figcaption">Photo prise de la cour "plan large"</figcaption> <figcaption class="figcaption">Photo prise de la cour "plan large"</figcaption>
</figure> </figure>
</section> </section>
<section class="grid" id="partie1"> <section class="grid" id="partie2">
<h2 class="title mgrid-start01 mgrid-end04 tgrid-start02 tgrid-end05 dgrid-start01 dgrid-end07"><span <h2 class="title mgrid-start01 mgrid-end07 tgrid-start02 tgrid-end05 dgrid-start01 dgrid-end07">Demande
class="number-nav">1 </span>Création
de l'Équipe</h2>
<div class="mgrid-start01 mgrid-end04 dgrid-start02 dgrid-end05">
<ul class="discu__liste">
<li class="discu__el discu__el--pink"> On choisit quel nom pour la Team ? (Célia)</li>
<li class="discu__el discu__el--green">— Les Rases moquettes en référence au fait qu’on va réajuster la
cour
! (Pina)</li>
<li class="discu__el discu__el--blue">— Hahahahaha, allez ! (Amandine, Célia, Jessy, Justin et Pina)
</li>
</ul>
</div>
</section>
<section class="grid section__color section__color--pink" id="partie2">
<h2 class="title mgrid-start01 mgrid-end07 tgrid-start02 tgrid-end05 dgrid-start01 dgrid-end07"><span
class="number-nav">2 </span>Prémices
</h2> </h2>
<p class="mgrid-start01 mgrid-end04 tgrid-start02 tgrid-end05 dgrid-start02 dgrid-end05">Et c’est à ce moment <p class="mgrid-start01 mgrid-end04 tgrid-start02 tgrid-end05 dgrid-start02 dgrid-end05">Et c’est à ce moment
précis que l’on a mis la précis que l’on a mis la
@ -173,11 +235,6 @@
Case-study pour Case-study pour
faire plus élégant. faire plus élégant.
</p> </p>
</section>
<section class="grid section__color section__color--green" id="partie3">
<h2 class="title mgrid-start01 mgrid-end04 tgrid-start02 tgrid-end05 dgrid-start01 dgrid-end07"><span
class="number-nav">3 </span>Prémices
bis</h2>
<p class="mgrid-start01 mgrid-end04 tgrid-start02 tgrid-end05 dgrid-start02 dgrid-end05">La première étape à été <p class="mgrid-start01 mgrid-end04 tgrid-start02 tgrid-end05 dgrid-start02 dgrid-end05">La première étape à été
d'observer la d'observer la
cour afin d'avoir un visuel plus cour afin d'avoir un visuel plus
@ -207,9 +264,22 @@
lieux d’exposition, déco des murs, activités, zone de lieux d’exposition, déco des murs, activités, zone de
lecture. Distribution des diplômes. Lieu de concert. Boîte à livres. </p> lecture. Distribution des diplômes. Lieu de concert. Boîte à livres. </p>
</section> </section>
<section class="grid" id="partie4"> <section class="grid">
<h2 class="title mgrid-start01 mgrid-end04 tgrid-start02 tgrid-end05 dgrid-start01 dgrid-end07"><span <h2 class="title mgrid-start01 mgrid-end04 tgrid-start02 tgrid-end05 dgrid-start01 dgrid-end07">Création
class="number-nav">4 </span>Guide de l'Équipe</h2>
<div class="mgrid-start01 mgrid-end04 dgrid-start02 dgrid-end05">
<ul class="discu__liste">
<li class="discu__el discu__el--pink"> On choisit quel nom pour la Team ? (Célia)</li>
<li class="discu__el discu__el--green">— Les Rases moquettes en référence au fait qu’on va réajuster la
cour
! (Pina)</li>
<li class="discu__el discu__el--blue">— Hahahahaha, allez ! (Amandine, Célia, Jessy, Justin et Pina)
</li>
</ul>
</div>
</section>
<section class="grid" id="partie3">
<h2 class="title mgrid-start01 mgrid-end04 tgrid-start02 tgrid-end05 dgrid-start01 dgrid-end07">Guide
d'entretien</h2> d'entretien</h2>
<p class="mgrid-start01 mgrid-end05 tgrid-start02 tgrid-end05 dgrid-start02 dgrid-end05">Alors pour cette étape, <p class="mgrid-start01 mgrid-end05 tgrid-start02 tgrid-end05 dgrid-start02 dgrid-end05">Alors pour cette étape,
je suis partie du je suis partie du
@ -219,7 +289,7 @@
raisonnements comment ils utilisent la cour, leur temps libre.</p> raisonnements comment ils utilisent la cour, leur temps libre.</p>
<p class="mgrid-start01 mgrid-end05 tgrid-start02 tgrid-end05 dgrid-start02 dgrid-end05"> Et pour cela, on <p class="mgrid-start01 mgrid-end05 tgrid-start02 tgrid-end05 dgrid-start02 dgrid-end05"> Et pour cela, on
prépare un guide d'entretien</p> prépare un guide d'entretien</p>
<details class="section__color--slot tgrid-start02 tgrid-end05 dgrid-start02 dgrid-end05" open=""> <details class="tgrid-start02 tgrid-end05 dgrid-start02 dgrid-end05" open="">
<summary class="title__slot">Voici le guide d'entretiens en entier:</summary> <summary class="title__slot">Voici le guide d'entretiens en entier:</summary>
<ul class="guide__liste"> <ul class="guide__liste">
<li class="title--medium guide__el">Introduction :</li> <li class="title--medium guide__el">Introduction :</li>
@ -264,7 +334,7 @@
</ul> </ul>
</details> </details>
<details class="section__color--slot tgrid-start02 tgrid-end05 dgrid-start02 dgrid-end05 details__QR" open=""> <details class="tgrid-start02 tgrid-end05 dgrid-start02 dgrid-end05 details__QR" open="">
<summary class="title__slot">Réponses généralisé:</summary> <summary class="title__slot">Réponses généralisé:</summary>
<ul> <ul>
<li>Q : Que penses tu de l’HEAJ et de ses environnements ?</li> <li>Q : Que penses tu de l’HEAJ et de ses environnements ?</li>
@ -289,9 +359,8 @@
<figcaption class="figcaption">Une de nos plus belles interview</figcaption> <figcaption class="figcaption">Une de nos plus belles interview</figcaption>
</figure> </figure>
</section> </section>
<section class="grid section__color section__color--blue" id="partie5"> <section class="grid" id="partie5">
<h2 class="title mgrid-start01 mgrid-end04 tgrid-start02 tgrid-end05 dgrid-start01 dgrid-end07"><span <h2 class="title mgrid-start01 mgrid-end04 tgrid-start02 tgrid-end05 dgrid-start01 dgrid-end07">Top Task
class="number-nav">5 </span>Top Task
& fonctions</h2> & fonctions</h2>
<p class="mgrid-start01 mgrid-end05 tgrid-start02 tgrid-end05 dgrid-start02 dgrid-end03">Le résultat de <p class="mgrid-start01 mgrid-end05 tgrid-start02 tgrid-end05 dgrid-start02 dgrid-end03">Le résultat de
interviews ont démontré que ce qui interviews ont démontré que ce qui
@ -299,17 +368,12 @@
volonté d’ajouter des verdures, ainsi qu’un espace pour travailler. </p> volonté d’ajouter des verdures, ainsi qu’un espace pour travailler. </p>
<p class="mgrid-start02 mgrid-end05 tgrid-start02 tgrid-end05 dgrid-start02 dgrid-end03">Suite à cela, on <p class="mgrid-start02 mgrid-end05 tgrid-start02 tgrid-end05 dgrid-start02 dgrid-end03">Suite à cela, on
pouvait choisir quel pouvait choisir quel
Top task nous intéressait le plus parmis celle qu'on aurait voté.</p> Top task, quel espace nous intéressait le plus parmis celle qu'on aurait voté.</p>
<figure class="img__content tgrid-start02 tgrid-end05 dgrid-start03 dgrid-end04"> <h3>On avait droit à 3 votes maximum.😇</h3>
<img class="image_undertxt" src="assets/images/votetop.png" srcset="assets/images/votetop@2x.png 2x" <canvas id="myChart"></canvas>
alt="tableau comportant une colonne avec les différentes tâches et l'autre des votes que les élèves ont attribués."
loading="lazy" decoding="async">
<figcaption class="figcaption">On avait droit à 3 votes maximum.😇</figcaption>
</figure>
</section> </section>
<section class="grid section__color section__color--pink" id="partie6"> <section class="grid section section--besoin" id="partie6">
<h2 class="title mgrid-start01 mgrid-end04 tgrid-start02 tgrid-end05 dgrid-start01 dgrid-end07"><span <h2 class="title mgrid-start01 mgrid-end04 tgrid-start02 tgrid-end05 dgrid-start01 dgrid-end07">Audits
class="number-nav">6 </span>Audits
</h2> </h2>
<div class="slideshow-container dgrid-start02 dgrid-end04"> <div class="slideshow-container dgrid-start02 dgrid-end04">
<p class="mgrid-start01 mgrid-end05 tgrid-start02 tgrid-end05 dgrid-start01 dgrid-end03 slide_set">J'ai <p class="mgrid-start01 mgrid-end05 tgrid-start02 tgrid-end05 dgrid-start01 dgrid-end03 slide_set">J'ai
@ -375,11 +439,24 @@
<span class="dot"></span> <span class="dot"></span>
<span class="dot"></span> <span class="dot"></span>
</div> </div>
<div class="besoins">
<p class="besoins__el">Créer plus d’espaces pour se restaurer</p>
<p class="besoins__el besoins__el--white">Créer un espace pour travailler</p>
<p class="besoins__el besoins__el--dark">Aménager un espace vert</p>
<p class="besoins__el">Créer des espaces pour se détendre</p>
<p class="besoins__el besoins__el--white">Lieux pour sociabiliser se rencontrer</p>
<p class="besoins__el besoins__el--dark">Créer un espace pour des activités sportives</p>
<p class="besoins__el">Créer un espace pour s'amuser</p>
<p class="besoins__el besoins__el--white">Rendre l’espace vivant / agréable </p>
<p class="besoins__el besoins__el--dark">Création d’aménagement accessible pour personne à mobilités
réduites</p>
<p class="besoins__el">Créer un espace artistique</p>
<p class="besoins__el besoins__el--white">Créer un espace d’information</p>
<p class="besoins__el besoins__el--dark">Créer un espace couvert </p>
</div>
</section> </section>
<section class="grid section__color section__color--green" id="partie7"> <section class="grid" id="partie4">
<h2 class="title mgrid-start01 mgrid-end04 tgrid-start02 tgrid-end05 dgrid-start01 dgrid-end07"><span <h2 class="title mgrid-start01 mgrid-end04 tgrid-start02 tgrid-end05 dgrid-start01 dgrid-end07">User
class="number-nav">7 </span>User
Journey</h2> Journey</h2>
<p class="mgrid-start01 mgrid-end04 dgrid-start02 dgrid-end04">Les User journey, est utilisés pour les <p class="mgrid-start01 mgrid-end04 dgrid-start02 dgrid-end04">Les User journey, est utilisés pour les
recherches et améliorations selon recherches et améliorations selon
@ -399,9 +476,8 @@
srcset="assets/images/user3@2x.png 2x" loading="lazy" decoding="async"></li> srcset="assets/images/user3@2x.png 2x" loading="lazy" decoding="async"></li>
</ul> </ul>
</section> </section>
<section class="grid section__color section__color--blue" id="partie8"> <section class="grid" id="partie8">
<h2 class="title mgrid-start01 mgrid-end04 tgrid-start02 tgrid-end05 dgrid-start01 dgrid-end07"><span <h2 class="title mgrid-start01 mgrid-end04 tgrid-start02 tgrid-end05 dgrid-start01 dgrid-end07">Croquis
class="number-nav">8 </span>Croquis
</h2> </h2>
<p class="mgrid-start01 mgrid-end04 dgrid-start02 dgrid-end03">Les croquis sont là pour prévisualiser nos idées <p class="mgrid-start01 mgrid-end04 dgrid-start02 dgrid-end03">Les croquis sont là pour prévisualiser nos idées
à partir des informations que l'on a précieusement recueillies.</p> à partir des informations que l'on a précieusement recueillies.</p>
@ -451,8 +527,7 @@
pourrait nous procurer une sensation de calme.</p> pourrait nous procurer une sensation de calme.</p>
<figure class="img__content dgrid-start02 dgrid-end05"> <figure class="img__content dgrid-start02 dgrid-end05">
<img class="image_sequence" src="assets/images/pneu.png" srcset="assets/images/pneu@2x.png 2x" <img class="image_sequence" src="assets/images/pneu.png" srcset="assets/images/pneu@2x.png 2x"
alt="Illustration 3D d'un gros pneu utilisé pour être assis dessus." loading="lazy" alt="Illustration 3D d'un gros pneu utilisé pour être assis dessus." loading="lazy" decoding="async">
decoding="async">
<figcaption class="figcaption"> → Un gros pneu posé au sol et que l'ont peut tirer. <figcaption class="figcaption"> → Un gros pneu posé au sol et que l'ont peut tirer.
</figcaption> </figcaption>
</figure> </figure>
@ -467,9 +542,7 @@
plus beau rondin de bois suffit à créer un tabouret mobile !</p> plus beau rondin de bois suffit à créer un tabouret mobile !</p>
</section> </section>
<section class="grid" id="partie9"> <section class="grid" id="partie9">
<h2 class="title mgrid-start01 mgrid-end04 tgrid-start02 tgrid-end05 dgrid-start01 dgrid-end07"><span <h2 class="title mgrid-start01 mgrid-end04 tgrid-start02 tgrid-end05 dgrid-start01 dgrid-end07">Intégration</h2>
class="number-nav">9
</span>Intégration</h2>
<h3 class="title--medium mgrid-start01 mgrid-end04 dgrid-start02 dgrid-end05">Et c’est à ce moment précis que <h3 class="title--medium mgrid-start01 mgrid-end04 dgrid-start02 dgrid-end05">Et c’est à ce moment précis que
l'on ralenti.</h3> l'on ralenti.</h3>
<p class="dgrid-start02 dgrid-end05">Je prends conscience des impasses qui se sont mis peu à peu sur mon chemin <p class="dgrid-start02 dgrid-end05">Je prends conscience des impasses qui se sont mis peu à peu sur mon chemin
@ -616,6 +689,7 @@
</div> </div>
</footer> </footer>
</main>
</body> </body>
</html> </html>