From ca108192fc7203bbf3864525c538dfde334902ff Mon Sep 17 00:00:00 2001 From: ADRN Date: Tue, 30 Nov 2021 13:11:47 +0100 Subject: reoarganised stuff; deleted the charpente submodule; the blueprint folder is now 'lab/top-nav.html'. --- .gitmodules | 3 - LICENSE.md | 2 +- README.md | 43 +++++- assets/css/blueprint.css | 137 ----------------- assets/css/top-nav.css | 151 +++++++++++++++++++ assets/images/ronce | 1 + assets/images/ronce/LICENSE.md | 4 - .../images/ronce/illustration-ronce_1200x765px.png | Bin 1336157 -> 0 bytes .../ronce/illustration-ronce_2400x1531px.png | Bin 4478464 -> 0 bytes .../images/ronce/illustration-ronce_800x510px.png | Bin 661755 -> 0 bytes blueprint/assets | 1 - blueprint/charpente.css | 1 - blueprint/index.html | 164 --------------------- charpente | 1 - lab/branches-et-canopee.html | 2 +- lab/parallax.html | 2 +- lab/top-nav.html | 163 ++++++++++++++++++++ maquette/export_2021-11-30.pdf | Bin 0 -> 1529884 bytes ronce/2FleursHD-1.jpg | Bin 570543 -> 0 bytes ronce/2FleursHD-2.jpg | Bin 563445 -> 0 bytes ronce/2FleursHD-3.jpg | Bin 3517517 -> 0 bytes ronce/LICENSE.md | 1 - ronce/README.md | 9 -- ronce/feuilles brush.abr | Bin 23323 -> 0 bytes ronce/feuilles_brush.abr | Bin 0 -> 23323 bytes ronce/illustration/LICENSE.md | 4 + ronce/illustration/illustration-ronce-v1.jpg | Bin 0 -> 570543 bytes ronce/illustration/illustration-ronce-v2.jpg | Bin 0 -> 563445 bytes ronce/illustration/illustration-ronce-v3.jpg | Bin 0 -> 3517517 bytes .../illustration-ronce-v3_1200x765px.png | Bin 0 -> 1336157 bytes .../illustration-ronce-v3_2400x1531px.png | Bin 0 -> 4478464 bytes .../illustration-ronce-v3_800x510px.png | Bin 0 -> 661755 bytes 32 files changed, 361 insertions(+), 328 deletions(-) delete mode 100644 .gitmodules delete mode 100644 assets/css/blueprint.css create mode 100644 assets/css/top-nav.css create mode 120000 assets/images/ronce delete mode 100644 assets/images/ronce/LICENSE.md delete mode 100644 assets/images/ronce/illustration-ronce_1200x765px.png delete mode 100644 assets/images/ronce/illustration-ronce_2400x1531px.png delete mode 100644 assets/images/ronce/illustration-ronce_800x510px.png delete mode 120000 blueprint/assets delete mode 120000 blueprint/charpente.css delete mode 100644 blueprint/index.html delete mode 160000 charpente create mode 100644 lab/top-nav.html create mode 100644 maquette/export_2021-11-30.pdf delete mode 100644 ronce/2FleursHD-1.jpg delete mode 100644 ronce/2FleursHD-2.jpg delete mode 100644 ronce/2FleursHD-3.jpg delete mode 100644 ronce/LICENSE.md delete mode 100644 ronce/README.md delete mode 100644 ronce/feuilles brush.abr create mode 100644 ronce/feuilles_brush.abr create mode 100644 ronce/illustration/LICENSE.md create mode 100644 ronce/illustration/illustration-ronce-v1.jpg create mode 100644 ronce/illustration/illustration-ronce-v2.jpg create mode 100644 ronce/illustration/illustration-ronce-v3.jpg create mode 100644 ronce/illustration/illustration-ronce-v3_1200x765px.png create mode 100644 ronce/illustration/illustration-ronce-v3_2400x1531px.png create mode 100644 ronce/illustration/illustration-ronce-v3_800x510px.png 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/blueprint.css deleted file mode 100644 index 5c3c67d..0000000 --- a/assets/css/blueprint.css +++ /dev/null @@ -1,137 +0,0 @@ -@charset "UTF-8"; - -@import url("../fonts/spacemono.css"); -@import url("../fonts/firasans-regular.css"); - -html, body { - background-color: white; - font-family: "Space Mono", Monaco, monospace !important; -} - -p { - font-family: "Fira Sans", sans-serif; -} - - -nav { - background: white; - background: rgba(255, 255, 255, .8); - z-index: 10; - /*padding: 1rem 2rem;*/ - - position: fixed; - width: 100%; - /*position: -webkit-sticky; - position: sticky; - top: 0;*/ - - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; -} - -nav a { - display: block; - padding: 1rem 2rem; - line-height: 1; - - font-weight: bold; - text-decoration: none; - - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -nav h1 { - margin: 0; -} -nav .home { - font-weight: normal; - font-size: 2rem; -} - -nav .nav-left, nav .nav-right { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -ms-flex: 1; - flex: 1; -} -nav .nav-left { - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; -} -nav .nav-right { - -webkit-box-pack: end; - -ms-flex-pack: end; - justify-content: flex-end; -} - -nav ul { - margin: 0; - list-style: none; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -header { - height: 100vh; - width: 100%; - background-image: url("../images/ronce/illustration-ronce_1200x765px.png"); - /* Create the parallax scrolling effect */ - /*background-attachment: fixed;*/ - background-position: center; - background-repeat: no-repeat; - background-size: cover; - margin-bottom: 5rem; - padding: 0; -} - -header > p { - width: 40%; - position: relative; - left: 55%; - bottom: -75%; - text-align: right; -} - - -header > p, nav a { - color: white; - /* color | offset-x | offset-y | blur-radius */ - text-shadow: black 0px 0px 4px; - margin: 0; -} - - - -footer { - border-top: black solid 2px; - margin-top: 3rem; - padding-top: 2rem; -} \ No newline at end of file diff --git a/assets/css/top-nav.css b/assets/css/top-nav.css new file mode 100644 index 0000000..8ff2cfb --- /dev/null +++ b/assets/css/top-nav.css @@ -0,0 +1,151 @@ +@charset "UTF-8"; + +@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; +} + +p { + font-family: "Fira Sans", sans-serif; +} + + +nav { + background: white; + background: rgba(255, 255, 255, .8); + z-index: 10; + /*padding: 1rem 2rem;*/ + + position: fixed; + width: 100%; + /*position: -webkit-sticky; + position: sticky; + top: 0;*/ + + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} + +nav a { + display: block; + padding: 1rem 2rem; + line-height: 1; + + font-weight: bold; + text-decoration: none; + + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} + +nav h1 { + margin: 0; +} +nav .home { + font-weight: normal; + font-size: 2rem; +} + +nav .nav-left, nav .nav-right { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; +} +nav .nav-left { + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; +} +nav .nav-right { + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; +} + +nav ul { + margin: 0; + list-style: none; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} + +header { + height: 100vh; + width: 100%; + background-image: url("../images/ronce/illustration-ronce-v3_2400x1531px.png"); + /* Create the parallax scrolling effect */ + /*background-attachment: fixed;*/ + background-position: center; + background-repeat: no-repeat; + background-size: cover; + margin-bottom: 5rem; + padding: 0; +} + +header > p { + width: 40%; + position: relative; + left: 55%; + bottom: -75%; + text-align: right; +} + + +header > p, nav a { + color: white; + /* color | offset-x | offset-y | blur-radius */ + text-shadow: black 0px 0px 4px; + margin: 0; +} + + + +footer { + border-top: black solid 2px; + margin-top: 3rem; + padding-top: 2rem; +} \ No newline at end of file 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/assets/images/ronce/LICENSE.md b/assets/images/ronce/LICENSE.md deleted file mode 100644 index 711ea37..0000000 --- a/assets/images/ronce/LICENSE.md +++ /dev/null @@ -1,4 +0,0 @@ -All files in this directory are under commercial license. - -Do not use without the author's consent. - diff --git a/assets/images/ronce/illustration-ronce_1200x765px.png b/assets/images/ronce/illustration-ronce_1200x765px.png deleted file mode 100644 index b59dad2..0000000 Binary files a/assets/images/ronce/illustration-ronce_1200x765px.png and /dev/null differ diff --git a/assets/images/ronce/illustration-ronce_2400x1531px.png b/assets/images/ronce/illustration-ronce_2400x1531px.png deleted file mode 100644 index aa87398..0000000 Binary files a/assets/images/ronce/illustration-ronce_2400x1531px.png and /dev/null differ diff --git a/assets/images/ronce/illustration-ronce_800x510px.png b/assets/images/ronce/illustration-ronce_800x510px.png deleted file mode 100644 index fe642ca..0000000 Binary files a/assets/images/ronce/illustration-ronce_800x510px.png and /dev/null differ 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/blueprint/index.html b/blueprint/index.html deleted file mode 100644 index 5fc9764..0000000 --- a/blueprint/index.html +++ /dev/null @@ -1,164 +0,0 @@ - - - - - - - - - Deuxfleurs - - - - - - - - - - -
-

- Nous sommes un hébergeur associatif expérimental.
- Avec nos machines et nos logiciels,
- nous créons un numérique plus sobre et humain.
- Sortez des sentiers battus avec nous ! -

-
- -
-
-

Nos services

-

- Aujourd'hui, les grandes plateformes numériques ont pour objectif de maximiser le temps que nous passons dessus, de collecter et recouper des données à notre insu pour nous influencer, de limiter nos possibilités d'expression au-delà du cadre légal et de créer de nouveaux monopoles. Ces effets nous montrent que la technologie n'est pas neutre et a un réel impact sur nos vies.

- - En choisissant et en hébergeant nos propres services, sans but lucratif ni hégémonique, nous espérons nous affranchir de ces nuisances et préserver nos libertés.

- - Nous proposons actuellement : -

- -
- -
- -
-

Nos infrastructures

- -

- Nous hébergeons nous-même notre infrastructure matérielle.
- On aime bien le ronronnement des ventilateurs d'ancienne génération.
- Et ça réchauffe nos soirées d'hiver. -

- -
-
- -
-

Nous rejoindre

- -

- Nous pensons qu'une personne souhaitant rejoindre un hébergeur indépendant a besoin d'un accompagnement. D'abord parce que nos logiciels sont inhabituels et différents, ensuite parce que nous souhaitons garder le dialogue et si possible vous donner la possibilité de prendre part à nos choix. C'est pourquoi les inscriptions se font par cooptation. -

- -
-
-

Ami⋅e

- -

- En tant qu'ami⋅e de l'association, vous avez toute notre affection !
- - Et aussi accès à nos salons de discussion, pour qu'on puisse vous exprimer notre amour. Quand même. -

-
- -
-

Membre

- -

- En tant que membre, vous participez à la vie de l'association, et bénéficiez de tous nos services ! -

-
- -
-

Hébergeur⋅euse

- -

- Les hébergeur⋅euses mettent des ordinateurs à disposition de l'association.
- - De grands pouvoirs impliquent de grandes reponsabilités ! -

-
-
- -
-
- -
-

Esther

- Magicienne des images -
-
- -
- -
-

Quentin

- Bidouilleur d'ordinateurs -
-
- -
- -
-

Adrien

- Généraliste -
-
- -
- -
-

Maximilien

- Ordinateurologue -
-
- -
- -
-

Alex

- Bâtisseur d'empires -
-
-
-
-
- - - - \ No newline at end of file diff --git a/charpente b/charpente deleted file mode 160000 index 9fd5420..0000000 --- a/charpente +++ /dev/null @@ -1 +0,0 @@ -Subproject commit 9fd5420ce9fb61d93a219a0e6faf37dcc0b0f69a 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 @@ - +
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 @@