diff options
author | ADRN <adrien@luxeylab.net> | 2021-11-30 13:11:47 +0100 |
---|---|---|
committer | ADRN <adrien@luxeylab.net> | 2021-11-30 13:11:47 +0100 |
commit | ca108192fc7203bbf3864525c538dfde334902ff (patch) | |
tree | eae17f2ddf177e6f55bb11ec04dfe903a4f49aa1 | |
parent | 189bf17ee2efcf81200336a71a426dcd5b9eff03 (diff) | |
download | design-ca108192fc7203bbf3864525c538dfde334902ff.tar.gz design-ca108192fc7203bbf3864525c538dfde334902ff.zip |
reoarganised stuff; deleted the charpente submodule; the blueprint folder is now 'lab/top-nav.html'.
-rw-r--r-- | .gitmodules | 3 | ||||
-rw-r--r-- | LICENSE.md | 2 | ||||
-rw-r--r-- | README.md | 43 | ||||
-rw-r--r-- | assets/css/top-nav.css (renamed from assets/css/blueprint.css) | 16 | ||||
l--------- | assets/images/ronce | 1 | ||||
l--------- | blueprint/assets | 1 | ||||
l--------- | blueprint/charpente.css | 1 | ||||
m--------- | charpente | 0 | ||||
-rw-r--r-- | lab/branches-et-canopee.html | 2 | ||||
-rw-r--r-- | lab/parallax.html | 2 | ||||
-rw-r--r-- | lab/top-nav.html (renamed from blueprint/index.html) | 3 | ||||
-rw-r--r-- | maquette/export_2021-11-30.pdf | bin | 0 -> 1529884 bytes | |||
-rw-r--r-- | ronce/LICENSE.md | 1 | ||||
-rw-r--r-- | ronce/README.md | 9 | ||||
-rw-r--r-- | ronce/feuilles_brush.abr (renamed from ronce/feuilles brush.abr) | bin | 23323 -> 23323 bytes | |||
-rw-r--r-- | ronce/illustration/LICENSE.md (renamed from assets/images/ronce/LICENSE.md) | 0 | ||||
-rw-r--r-- | ronce/illustration/illustration-ronce-v1.jpg (renamed from ronce/2FleursHD-1.jpg) | bin | 570543 -> 570543 bytes | |||
-rw-r--r-- | ronce/illustration/illustration-ronce-v2.jpg (renamed from ronce/2FleursHD-2.jpg) | bin | 563445 -> 563445 bytes | |||
-rw-r--r-- | ronce/illustration/illustration-ronce-v3.jpg (renamed from ronce/2FleursHD-3.jpg) | bin | 3517517 -> 3517517 bytes | |||
-rw-r--r-- | ronce/illustration/illustration-ronce-v3_1200x765px.png (renamed from assets/images/ronce/illustration-ronce_1200x765px.png) | bin | 1336157 -> 1336157 bytes | |||
-rw-r--r-- | ronce/illustration/illustration-ronce-v3_2400x1531px.png (renamed from assets/images/ronce/illustration-ronce_2400x1531px.png) | bin | 4478464 -> 4478464 bytes | |||
-rw-r--r-- | ronce/illustration/illustration-ronce-v3_800x510px.png (renamed from assets/images/ronce/illustration-ronce_800x510px.png) | bin | 661755 -> 661755 bytes |
22 files changed, 59 insertions, 25 deletions
diff --git a/.gitmodules b/.gitmodules deleted file mode 100644 index c22967e..0000000 --- a/.gitmodules +++ /dev/null @@ -1,3 +0,0 @@ -[submodule "charpente"] - path = charpente - url = git@git.deuxfleurs.fr:Deuxfleurs/charpente.git @@ -1,4 +1,4 @@ -Images named or under folders called "ronce" or "illustration-ronce" are not free of rights. +Images which name contain "ronce" or under folders called "ronce" are not free of rights. Otherwise: @@ -1,14 +1,49 @@ # 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 ! +## Mise en route -## Objectifs techniques +Ce dépôt contient un sous-module, [Charpente](https://git.deuxfleurs.fr/Deuxfleurs/charpente). Pour l'initialiser, il faut le cloner en plus du dépôt courant ! : + +```bash +git clone git@git.deuxfleurs.fr:Deuxfleurs/design.git +cd design/ +git submodule init +git submodule update +``` + +Vous voilà prêt. + +## Organisation du dépôt + +Ce dépôt nous suit depuis un bout, et c'est donc un petit merdier plein de trésors inespérés (hum). + +* `maquette/` contient des exports de notre maquette, créée sur [Penpot](https://design.penpot.app) (demandez-nous les accès si vous voulez). + +* `ronce/` contient tout ce qui concerne Ronce, la graphiste qui nous a dessiné l'image dans les arbres. + + Toutes les versions de `illustration-ronce` sont sous licence, ne l'utilisez pas sans autorisation. Nous avons l'autorisation de l'utiliser pour le site de Deuxfleurs. + + `feuilles_brush.abr` est une *brush* de l'illustration, qu'elle nous a filé au cas où on veut du bitmap assorti sur le site. + +* `lab/` contient des mini-projets sous forme de pages web, qui sont des idées graphiques qu'on pourrait inclure au site final. + + `top-nav.html` contient une bonne partie du HTML qu'on attendrait dans la version finale. Hésitez pas à copier-coller. + +* `assets/` contient les assets (css, fonts & images) qui sont utilisés dans `lab/`. + +* `notes/` contient des notes au format texte. N'hésitez pas à y ajouter vos recherches. + +* `inspirations/` contient des assets graphiques qui nous ont inspiré pendant nos recherches graphiques. + +## Notes + +### Objectifs techniques * Responsive mobile-first design. * [Media queries CSS](https://www.w3schools.com/css/css_rwd_mediaqueries.asp) : Des images envoyées adaptées à la taille des viewports. * Pas besoin de Javascript : Le CSS3 ça déchire, on peut faire des infobulles, des animations, de la parallax. (Navigateurs compatibles depuis 7 ans ou plus.) -## Idées graphiques +### Idées graphiques * **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. @@ -34,7 +69,7 @@ Les tests graphiques sont dans `/lab`, une page HTML par idée à développer. N [Guide pour le faire avec CSS](https://medium.com/@wowmotty/replace-the-input-password-bullet-1cd4ee34e0aa). -## Inspirations & Ressources +### Inspirations & Ressources * [MDN - Création de tooltips et remarques sur l'accessibilité du contenu](https://developer.mozilla.org/en-US/docs/Web/CSS/::after#tooltips) diff --git a/assets/css/blueprint.css b/assets/css/top-nav.css index 5c3c67d..8ff2cfb 100644 --- a/assets/css/blueprint.css +++ b/assets/css/top-nav.css @@ -3,6 +3,20 @@ @import url("../fonts/spacemono.css"); @import url("../fonts/firasans-regular.css"); +body, html { + margin: 0; + padding: 0; +} + +* { + scrollbar-width: thin; +} + +*, ::before, ::after { + -webkit-box-sizing: inherit; + box-sizing: inherit; +} + html, body { background-color: white; font-family: "Space Mono", Monaco, monospace !important; @@ -102,7 +116,7 @@ nav ul { header { height: 100vh; width: 100%; - background-image: url("../images/ronce/illustration-ronce_1200x765px.png"); + background-image: url("../images/ronce/illustration-ronce-v3_2400x1531px.png"); /* Create the parallax scrolling effect */ /*background-attachment: fixed;*/ background-position: center; diff --git a/assets/images/ronce b/assets/images/ronce new file mode 120000 index 0000000..203dc90 --- /dev/null +++ b/assets/images/ronce @@ -0,0 +1 @@ +../../ronce/illustration
\ No newline at end of file diff --git a/blueprint/assets b/blueprint/assets deleted file mode 120000 index ec2e4be..0000000 --- a/blueprint/assets +++ /dev/null @@ -1 +0,0 @@ -../assets
\ No newline at end of file diff --git a/blueprint/charpente.css b/blueprint/charpente.css deleted file mode 120000 index 7240979..0000000 --- a/blueprint/charpente.css +++ /dev/null @@ -1 +0,0 @@ -../charpente/charpente.css
\ No newline at end of file diff --git a/charpente b/charpente deleted file mode 160000 -Subproject 9fd5420ce9fb61d93a219a0e6faf37dcc0b0f69 diff --git a/lab/branches-et-canopee.html b/lab/branches-et-canopee.html index dfd6df8..cb31a80 100644 --- a/lab/branches-et-canopee.html +++ b/lab/branches-et-canopee.html @@ -29,7 +29,7 @@ </div> </nav> - <img src="assets/images/ronce/illustration-ronce_1200x765px.png"> + <img src="assets/images/ronce/illustration-ronce-v3_2400x1531px.png"> </header> <main> diff --git a/lab/parallax.html b/lab/parallax.html index c501962..570aa53 100644 --- a/lab/parallax.html +++ b/lab/parallax.html @@ -9,7 +9,7 @@ <link rel="stylesheet" href="assets/css/chota.min.css"> <style type="text/css"> header { - background-image: url("assets/images/ronce/illustration-ronce_2400x1531px.png"); + background-image: url("assets/images/ronce/illustration-ronce-v3_2400x1531px.png"); position: fixed; height: 100vh; width: 100vw; diff --git a/blueprint/index.html b/lab/top-nav.html index 5fc9764..a37986f 100644 --- a/blueprint/index.html +++ b/lab/top-nav.html @@ -9,9 +9,8 @@ <title>Deuxfleurs</title> <link rel="stylesheet" href="assets/css/normalize.css"> - <link rel="stylesheet" href="charpente.css"> <!-- <link rel="stylesheet" href="assets/css/chota.css"> --> - <link rel="stylesheet" href="assets/css/blueprint.css"> + <link rel="stylesheet" href="assets/css/top-nav.css"> </head> <body> diff --git a/maquette/export_2021-11-30.pdf b/maquette/export_2021-11-30.pdf Binary files differnew file mode 100644 index 0000000..2b9e468 --- /dev/null +++ b/maquette/export_2021-11-30.pdf diff --git a/ronce/LICENSE.md b/ronce/LICENSE.md deleted file mode 100644 index 029432a..0000000 --- a/ronce/LICENSE.md +++ /dev/null @@ -1 +0,0 @@ -illustration-ronce is not free of rights.
\ No newline at end of file diff --git a/ronce/README.md b/ronce/README.md deleted file mode 100644 index f0c884c..0000000 --- a/ronce/README.md +++ /dev/null @@ -1,9 +0,0 @@ -# Illustration de Ronce - -**These images are not free of rights. - -Ces images ne sont pas libres de droit.** - -Janvier 2021 - -La dernière version est celle qu'il faut utiliser.
\ No newline at end of file diff --git a/ronce/feuilles brush.abr b/ronce/feuilles_brush.abr Binary files differindex 6042914..6042914 100644 --- a/ronce/feuilles brush.abr +++ b/ronce/feuilles_brush.abr diff --git a/assets/images/ronce/LICENSE.md b/ronce/illustration/LICENSE.md index 711ea37..711ea37 100644 --- a/assets/images/ronce/LICENSE.md +++ b/ronce/illustration/LICENSE.md diff --git a/ronce/2FleursHD-1.jpg b/ronce/illustration/illustration-ronce-v1.jpg Binary files differindex 788c214..788c214 100644 --- a/ronce/2FleursHD-1.jpg +++ b/ronce/illustration/illustration-ronce-v1.jpg diff --git a/ronce/2FleursHD-2.jpg b/ronce/illustration/illustration-ronce-v2.jpg Binary files differindex 6eefb8a..6eefb8a 100644 --- a/ronce/2FleursHD-2.jpg +++ b/ronce/illustration/illustration-ronce-v2.jpg diff --git a/ronce/2FleursHD-3.jpg b/ronce/illustration/illustration-ronce-v3.jpg Binary files differindex 112272f..112272f 100644 --- a/ronce/2FleursHD-3.jpg +++ b/ronce/illustration/illustration-ronce-v3.jpg diff --git a/assets/images/ronce/illustration-ronce_1200x765px.png b/ronce/illustration/illustration-ronce-v3_1200x765px.png Binary files differindex b59dad2..b59dad2 100644 --- a/assets/images/ronce/illustration-ronce_1200x765px.png +++ b/ronce/illustration/illustration-ronce-v3_1200x765px.png diff --git a/assets/images/ronce/illustration-ronce_2400x1531px.png b/ronce/illustration/illustration-ronce-v3_2400x1531px.png Binary files differindex aa87398..aa87398 100644 --- a/assets/images/ronce/illustration-ronce_2400x1531px.png +++ b/ronce/illustration/illustration-ronce-v3_2400x1531px.png diff --git a/assets/images/ronce/illustration-ronce_800x510px.png b/ronce/illustration/illustration-ronce-v3_800x510px.png Binary files differindex fe642ca..fe642ca 100644 --- a/assets/images/ronce/illustration-ronce_800x510px.png +++ b/ronce/illustration/illustration-ronce-v3_800x510px.png |