diff --git a/assets/css/style.css b/assets/css/style.css index ac84b92..735dae5 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -193,13 +193,6 @@ a :visited { /*HEADER*/ -body[data-menu] .mlink--header, -.link--header { - font-size: 26px; - color: var(--color-link); -} - - header { display: flex; margin-top: auto; @@ -310,12 +303,10 @@ header { font-size: 38px; margin-top: 0; text-align: center; - font-family: 'moodboardFont'; font-weight: 300; - background: black; margin-left: -10vw; margin-right: -3vw; - color: white; + font-family: 'Sora', sans-serif; text-transform: uppercase; } @@ -421,13 +412,6 @@ img { position: static; } -.highlight { - background: linear-gradient(120deg, #ff00e329 0%, #74ff0069 100%); - background-repeat: no-repeat; - background-size: 100% 20%; - background-position: 0 60%; -} - .miroframe { max-width: 100%; min-width: 100%; @@ -485,34 +469,6 @@ body[data-menu] { padding: 2rem; } - -.content__objet { - background-color: #CDFB52; - margin-left: 0em; - margin-right: -3rem; - padding: 1em; - line-height: 1.45; - color: var(--color-txt-b); -} - -.section__color { - padding-bottom: 4em; -} - -.section__color--pink { - background-color: #ff00c84b; -} - -.section__color--green { - background-color: #CDFB52; - color: var(--color-txt-b); -} - -.section__color--blue { - background-color: #B4E9FF; - color: var(--color-txt-b); -} - /* Slideshow container */ .slideshow-container { max-width: 1000px; @@ -618,12 +574,6 @@ body[data-menu] { float: inherit; } -.section__color--slot { - box-shadow: 13em 2em 11em -2em #EDCCE7; - padding: 10px; - margin-bottom: 15px; -} - .details[open] { border-radius: 5%; } @@ -786,95 +736,6 @@ footer { fill: var(--color-icone); } -@media only screen and (min-width: 800px) { - - .grid { - display: grid; - grid-template-columns: 1fr 6fr 6fr 1fr 1fr; - padding-left: 0; - padding-right: 0; - gap: 3em 20px; - } - - .grid>* { - grid-column: 1/-1; - } - - .grid>figure { - margin: 0; - } - - - .tgrid-start01 { - grid-column-start: 1; - } - - .tgrid-start02 { - grid-column-start: 2; - } - - .tgrid-start03 { - grid-column-start: 3; - } - - .tgrid-start04 { - grid-column-start: 4; - } - - .tgrid-start05 { - grid-column-start: 5; - - } - - .tgrid-start06 { - grid-column-start: 5; - - } - - .tgrid-end01 { - grid-column-end: 1; - } - - .tgrid-end02 { - grid-column-end: 2; - } - - .tgrid-end03 { - grid-column-end: 3; - } - - .tgrid-end04 { - grid-column-end: 4; - } - - .tgrid-end05 { - grid-column-end: 5; - } - - .tgrid-end06 { - grid-column-end: 6; - } - - .tgrid-end07 { - grid-column-end: 7; - } - - header { - top: 0em; - height: 2%; - width: 71%; - } - - -} - -.list--header, -.list { - text-decoration: none; - list-style: none; - display: flex; - gap: 46px; -} @media only screen and (min-width: 750px) { .header__navigation { @@ -954,15 +815,6 @@ footer { grid-column-end: 7; } - .title { - font-size: 47px; - margin-top: 0; - text-align: center; - font-family: 'moodboardFont'; - font-weight: 300; - } - - .header--second { border: none; box-shadow: .5em 0 0 #FF00C7, -.5em 0 0 #FF00C7; @@ -1118,9 +970,6 @@ footer { gap: 3em 20px; } - .grid--content { - gap: 9em 20px; - } /*HEADER*/ diff --git a/assets/images/Section 5.png b/assets/images/Section 5.png new file mode 100644 index 0000000..2631896 Binary files /dev/null and b/assets/images/Section 5.png differ diff --git a/index.html b/index.html index 77d4222..cc206fb 100644 --- a/index.html +++ b/index.html @@ -26,6 +26,9 @@ + + + @@ -50,36 +53,36 @@ @@ -162,12 +165,12 @@ repenser l’usage de la cour en proposant des moyens d’agencement. Pour réaliser cela, on a eu recours à notre stratégie d’apprentissage !

- La fusion d'un travail collaboratif, des travaux de recherches qui nous + La fusion d'un travail collaboratif, des travaux de recherches qui nous permettent d’aller découvrir le monde - extérieur et nos utilisateurs et le travail pratique, ainsi que la partie + extérieur et nos utilisateurs et le travail pratique, ainsi que la partie individuelle pour mettre en œuvre notre site web, qui représente le fruit de notre travail. On réalisera alors notre étude de cas ! Notre - Case-study pour + Case-study pour faire plus élégant.

@@ -176,14 +179,14 @@ class="number-nav">3 Prémices bis

La première étape à été - d'observer la - cour afin d'avoir un visuel plus + d'observer la + cour afin d'avoir un visuel plus globale sur la cour.

Une fois terminé, la classe qui était bavarde se retrouve tout de suite dans un silence le plus total. J'écrivais beaucoup de questions que je pourrais poser au directeur. Seulement les questions n’ont pas - été posées dans un ordre précis.

+ été posées dans un ordre précis.

Le directeur, celui qui était censé répondre à nos questions, a @@ -212,10 +215,10 @@ je suis partie du principe que je ne sais pas ce qu'il faut pour résoudre ce besoin. Même si nos futurs utilisateurs sont des élèves comme moi et mes - camarades, il est important de comprendre les utilisateurs, leurs - raisonnements comment ils utilisent la cour, leur temps libre.

+ camarades, il est important de comprendre les utilisateurs, leurs + raisonnements comment ils utilisent la cour, leur temps libre.

Et pour cela, on - prépare un guide d'entretien

+ prépare un guide d'entretien

Voici le guide d'entretiens en entier: