aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorADRN <adrien@luxeylab.net>2021-11-30 13:11:47 +0100
committerADRN <adrien@luxeylab.net>2021-11-30 13:11:47 +0100
commitca108192fc7203bbf3864525c538dfde334902ff (patch)
treeeae17f2ddf177e6f55bb11ec04dfe903a4f49aa1
parent189bf17ee2efcf81200336a71a426dcd5b9eff03 (diff)
downloaddesign-ca108192fc7203bbf3864525c538dfde334902ff.tar.gz
design-ca108192fc7203bbf3864525c538dfde334902ff.zip
reoarganised stuff; deleted the charpente submodule; the blueprint folder is now 'lab/top-nav.html'.
-rw-r--r--.gitmodules3
-rw-r--r--LICENSE.md2
-rw-r--r--README.md43
-rw-r--r--assets/css/top-nav.css (renamed from assets/css/blueprint.css)16
l---------assets/images/ronce1
l---------blueprint/assets1
l---------blueprint/charpente.css1
m---------charpente0
-rw-r--r--lab/branches-et-canopee.html2
-rw-r--r--lab/parallax.html2
-rw-r--r--lab/top-nav.html (renamed from blueprint/index.html)3
-rw-r--r--maquette/export_2021-11-30.pdfbin0 -> 1529884 bytes
-rw-r--r--ronce/LICENSE.md1
-rw-r--r--ronce/README.md9
-rw-r--r--ronce/feuilles_brush.abr (renamed from ronce/feuilles brush.abr)bin23323 -> 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)bin570543 -> 570543 bytes
-rw-r--r--ronce/illustration/illustration-ronce-v2.jpg (renamed from ronce/2FleursHD-2.jpg)bin563445 -> 563445 bytes
-rw-r--r--ronce/illustration/illustration-ronce-v3.jpg (renamed from ronce/2FleursHD-3.jpg)bin3517517 -> 3517517 bytes
-rw-r--r--ronce/illustration/illustration-ronce-v3_1200x765px.png (renamed from assets/images/ronce/illustration-ronce_1200x765px.png)bin1336157 -> 1336157 bytes
-rw-r--r--ronce/illustration/illustration-ronce-v3_2400x1531px.png (renamed from assets/images/ronce/illustration-ronce_2400x1531px.png)bin4478464 -> 4478464 bytes
-rw-r--r--ronce/illustration/illustration-ronce-v3_800x510px.png (renamed from assets/images/ronce/illustration-ronce_800x510px.png)bin661755 -> 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
diff --git a/LICENSE.md b/LICENSE.md
index b276b16..6b91b0b 100644
--- a/LICENSE.md
+++ b/LICENSE.md
@@ -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:
diff --git a/README.md b/README.md
index 1253211..864064e 100644
--- a/README.md
+++ b/README.md
@@ -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
new file mode 100644
index 0000000..2b9e468
--- /dev/null
+++ b/maquette/export_2021-11-30.pdf
Binary files differ
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
index 6042914..6042914 100644
--- a/ronce/feuilles brush.abr
+++ b/ronce/feuilles_brush.abr
Binary files differ
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
index 788c214..788c214 100644
--- a/ronce/2FleursHD-1.jpg
+++ b/ronce/illustration/illustration-ronce-v1.jpg
Binary files differ
diff --git a/ronce/2FleursHD-2.jpg b/ronce/illustration/illustration-ronce-v2.jpg
index 6eefb8a..6eefb8a 100644
--- a/ronce/2FleursHD-2.jpg
+++ b/ronce/illustration/illustration-ronce-v2.jpg
Binary files differ
diff --git a/ronce/2FleursHD-3.jpg b/ronce/illustration/illustration-ronce-v3.jpg
index 112272f..112272f 100644
--- a/ronce/2FleursHD-3.jpg
+++ b/ronce/illustration/illustration-ronce-v3.jpg
Binary files differ
diff --git a/assets/images/ronce/illustration-ronce_1200x765px.png b/ronce/illustration/illustration-ronce-v3_1200x765px.png
index b59dad2..b59dad2 100644
--- a/assets/images/ronce/illustration-ronce_1200x765px.png
+++ b/ronce/illustration/illustration-ronce-v3_1200x765px.png
Binary files differ
diff --git a/assets/images/ronce/illustration-ronce_2400x1531px.png b/ronce/illustration/illustration-ronce-v3_2400x1531px.png
index aa87398..aa87398 100644
--- a/assets/images/ronce/illustration-ronce_2400x1531px.png
+++ b/ronce/illustration/illustration-ronce-v3_2400x1531px.png
Binary files differ
diff --git a/assets/images/ronce/illustration-ronce_800x510px.png b/ronce/illustration/illustration-ronce-v3_800x510px.png
index fe642ca..fe642ca 100644
--- a/assets/images/ronce/illustration-ronce_800x510px.png
+++ b/ronce/illustration/illustration-ronce-v3_800x510px.png
Binary files differ