From 361eac5728e23cd58945bb8deaa1ae05544fabb2 Mon Sep 17 00:00:00 2001 From: LUXEY Adrien Date: Wed, 3 Feb 2021 08:58:43 +0100 Subject: [PATCH] =?UTF-8?q?changement=20image=20fond=20canopee=20et=20d?= =?UTF-8?q?=C3=A9tails?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 8 ++++++-- lab/assets/css/branches-et-canopee.css | 2 +- ronce/README.md | 4 +++- 3 files changed, 10 insertions(+), 4 deletions(-) diff --git a/README.md b/README.md index f6aace8..e843787 100644 --- a/README.md +++ b/README.md @@ -1,5 +1,7 @@ # Laboratoire du futur site web de Deuxfleurs +Les tests graphiques sont dans `/lab`, une page HTML par idée à développer. N'hésitez pas à ajouter la vôtre ! + ## Objectifs techniques * Responsive mobile-first design. @@ -10,6 +12,8 @@ * **Branches et canopée** : Des bouts de branches et de canopée qui défilent lors du scroll, contenant des éléments de texte ou autre contenu. + * `ronce/feuille brush.abr` contient la brosse Photoshop utilisée par Ronce pour les feuilles d'arbre au premier plan. On pourrait l'utiliser pour faire des bordures de fond. + * **Parallax** : Exploiter l'illustration au maximum, en la laissant fixée en fond de page tandis que les éléments graphiques défilent (parallax). * S'il faut un menu : barre d'onglets sur PC, menu « sandwich » qui révèle une colonne d'onglets sur smartphone. * Couleurs : Ronce a proposé quelques couleurs dans `/lab/gimp/branches-et-canopee`. @@ -22,7 +26,7 @@ Il semblerait qu'Element utilise du [Fira Sans](https://fonts.google.com/specimen/Fira+Sans)... Hm. - * [Bordures de `` comme dessinées à la main](https://stackoverflow.com/a/6402175) ? + * [Bordures « dessinées à la main »](https://stackoverflow.com/a/6402175) ? ## Inspirations @@ -40,7 +44,7 @@ Utiliser des bannières qui donnent du sens au contenu. -* [Semantic CSS] (https://adamwathan.me/css-utility-classes-and-separation-of-concerns/) +* [Semantic CSS](https://adamwathan.me/css-utility-classes-and-separation-of-concerns/) Le fait de ne pas donner d'éléments de graphisme dans notre markup HTML, mais seulement dans le CSS. Par exemple, mettre une classe "text-center" à un <p> est considéré une mauvaise pratique. diff --git a/lab/assets/css/branches-et-canopee.css b/lab/assets/css/branches-et-canopee.css index 1e34f0c..db61a06 100644 --- a/lab/assets/css/branches-et-canopee.css +++ b/lab/assets/css/branches-et-canopee.css @@ -38,7 +38,7 @@ body { } #main-page { - background-color: var(--bg-secondary-color); + background-color: var(--bg-ternary-color); padding: 0; } diff --git a/ronce/README.md b/ronce/README.md index 97474de..f0c884c 100644 --- a/ronce/README.md +++ b/ronce/README.md @@ -1,6 +1,8 @@ # Illustration de Ronce -**Ces images ne sont pas libres de droit.** +**These images are not free of rights. + +Ces images ne sont pas libres de droit.** Janvier 2021