diff options
| author | LUXEY Adrien <adrien.luxey@inria.fr> | 2021-02-03 08:58:43 +0100 |
|---|---|---|
| committer | LUXEY Adrien <adrien.luxey@inria.fr> | 2021-02-03 08:58:43 +0100 |
| commit | 361eac5728e23cd58945bb8deaa1ae05544fabb2 (patch) | |
| tree | 51b2f6312b817ba6f1f13a494a891afd4c1a5224 | |
| parent | 05d4edffcd1ab9af446947fb3d2a19b1acca979e (diff) | |
| download | design-361eac5728e23cd58945bb8deaa1ae05544fabb2.tar.gz design-361eac5728e23cd58945bb8deaa1ae05544fabb2.zip | |
changement image fond canopee et détails
| -rw-r--r-- | README.md | 8 | ||||
| -rw-r--r-- | lab/assets/css/branches-et-canopee.css | 2 | ||||
| -rw-r--r-- | ronce/README.md | 4 |
3 files changed, 10 insertions, 4 deletions
@@ -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 `<code>` 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 |