From 6fff7422e8f287c67c971d50a5d615fe4875ec8b Mon Sep 17 00:00:00 2001 From: Julie Blanc Date: Sun, 15 Feb 2026 23:14:52 +0100 Subject: [PATCH] add sort & view for species --- a-propos.html | 344 +++++++----- assets/css/_base.scss | 7 - assets/css/_home.scss | 40 +- assets/css/_page-content.scss | 58 +- assets/css/_page-grid.scss | 21 + assets/css/_page-header.scss | 54 +- assets/css/_page-nav.scss | 30 ++ assets/css/abstracts/_mixins.scss | 7 +- assets/css/abstracts/_var.scss | 39 +- assets/css/components/_buttons.scss | 73 ++- assets/css/components/_see-more.scss | 26 - assets/css/components/_sort.scss | 32 ++ assets/css/components/_species-list.scss | 12 +- assets/css/components/_taxon-card-inline.scss | 99 ++++ assets/css/components/_taxon-card.scss | 16 +- assets/css/components/_team.scss | 21 +- assets/css/components/_view-toggle.scss | 40 ++ assets/style.css | 495 +++++++++++++++--- assets/style.css.map | 2 +- assets/style.scss | 7 +- cgu.html | 76 +++ components/icons/view-grid.svg | 1 + components/icons/view-list.svg | 1 + components/site-nav.html | 6 +- index.html | 41 +- species-list.html | 332 ++++++++---- 26 files changed, 1448 insertions(+), 432 deletions(-) create mode 100644 assets/css/_page-grid.scss create mode 100644 assets/css/_page-nav.scss delete mode 100644 assets/css/components/_see-more.scss create mode 100644 assets/css/components/_sort.scss create mode 100644 assets/css/components/_taxon-card-inline.scss create mode 100644 assets/css/components/_view-toggle.scss create mode 100644 cgu.html create mode 100644 components/icons/view-grid.svg create mode 100644 components/icons/view-list.svg diff --git a/a-propos.html b/a-propos.html index d1841ce..d68af2e 100644 --- a/a-propos.html +++ b/a-propos.html @@ -16,44 +16,70 @@ -
+
+
-

Le projet botascopia

+

À propos du projet

+ +

Botascopia est un projet inter- et transdisciplinaire de recherche-action mêlant + botanique, informatique et sciences sociales. Le développement de nos outils se fait en lien avec les + communautés concernées. Nous cherchons également à évaluer leur appropriation et leurs impacts sur ces + communautés. Le projet interroge le rôle des outils de reconnaissance de plantes dans le partage des + connaissances botaniques et la perception du vivant.

+ +
+
+

53

+

contributeur·ices

+ +
+
+

876

+

espèces répertoriées

+ +
+
+

89

+

animations

+ +
+
+ +
- +
+ +
- -

La démarche botascopia

- -

Botascopia est un projet inter- et transdisciplinaire de recherche-action mêlant botanique, informatique et sciences sociales. Le développement de nos outils se fait en lien avec les communautés concernées. Nous cherchons également à évaluer leur appropriation et leurs impacts sur ces communautés. Le projet interroge le rôle des outils de reconnaissance de plantes dans le partage des connaissances botaniques et la perception du vivant.

+

La démarche botascopia

-

Le projet de recherche Botascopia s’adresse à toutes celles et ceux qui souhaitent - identifier, connaître ou faire connaître les plantes autour d’eux. Il s’adresse + +

Le projet de recherche Botascopia s’adresse à toutes celles et ceux qui souhaitent + identifier, connaître ou faire connaître les plantes autour d’eux. Il s’adresse aussi aux botanistes chevronnés à la recherche d’informations fiables et détaillées sur les espèces - de plantes à fleurs. Il poursuit quatre objectifs :

+ de plantes à fleurs. Il poursuit quatre objectifs : +

  1. Constituer une base de connaissances sur les plantes à fleurs permettant de décrire finement leur morphologie ainsi que d’autres caractéristiques (écologie, distribution, propriétés)
  2. Développer des outils informatiques permettant de produire automatiquement des - clés de détermination et des fiches descriptives à partir d’une collection d’espèces
    3. + clés de détermination et des fiches descriptives à partir d’une collection d’espèces
  3. Mettre à disposition l’ensemble (base de connaissances, clés, fiches) pour un public le plus large possible : amateurs, professionnels, académiques
  4. Interroger le rôle des outils de reconnaissance de plantes dans le partage des @@ -62,156 +88,184 @@
-

L’équipe

+

L’équipe

-

Membres du projet

+

Membres du projet

-
-
- -
Simon Castellan
-
(Inria Rennes)
+
+
+ +
+
Simon Castellan
+
(Inria Rennes)
+
+
+
+ +
+
Sophie Nadot
+
(Univ. Paris-Saclay)
+
+
+
+ +
+
Xavier Aubriot
+
(Univ. Paris-Saclay)
+
+
+
+ +
+
Eric Tannier
+
(Inria Lyon)
+
+
+
+ +
+
Agnès Schermann
+
(Univ. Rennes)
+
+
+
+ +
+
Jos Käfer
+
(CNRS)
+
+
+
+ +
+
Aurore Alcolei
+
(UPEC)
+
+
+
+ +
+
Laetitia Carrive
+
(Univ. Rennes)
+
+
+
+ +
+
Gurvan Cabon
+
(Inria)
+
+
+
+ +
+
Mathurin Bellot
+
(Tela-Botanica)
+
+
+
+ +
+
Marie-Charlotte Allam
+
(Univ. Rennes)
+
+
+
+ +
+
Jérémy Omer
+
(INSA Rennes)
+
+
+
+ +
+
Marine Fauché
+
(Univ. Paris-Saclay)
+
+
-
- -
Sophie Nadot
-
(Univ. Paris-Saclay)
-
-
- -
Xavier Aubriot
-
(Univ. Paris-Saclay)
-
-
- -
Eric Tannier
-
(Inria Lyon)
-
-
- -
Agnès Schermann
-
(Univ. Rennes)
-
-
- -
Jos Käfer
-
(CNRS)
-
-
- -
Aurore Alcolei
-
(UPEC)
-
-
- -
Laetitia Carrive
-
(Univ. Rennes)
-
-
- -
Gurvan Cabon
-
(Inria)
-
-
- -
Mathurin Bellot
-
(Tela-Botanica)
-
-
- -
Marie-Charlotte Allam
-
(Univ. Rennes)
-
-
- -
Jérémy Omer
-
(INSA Rennes)
-
-
- -
Marine Fauché
-
(Univ. Paris-Saclay)
-
-
-

Alumni

+

Alumni

-
    -
  • Lysa Dahmani
    • -
  • Virgil Marionneau
    • -
  • Charlotte Thomas
    • -
  • Louise Cranidge
    • -
  • Fanny Folta-Gerij
    • -
  • Constance Monnier
    • -
  • Zélie Rodrigues
    • -
  • Mattéo Prieur
    • -
  • Clément Maouche
    • -
  • Joris Hélie
    • -
  • Eugénie Mousseux-Caillon
    • -
  • Isabella Gargiulo Gutierrez
    • -
  • Nolwenn Emonet
    • -
  • Baptiste Izquierdo Rey
    • -
  • Amélie Sagliet
  • -
  • Capucine Tesson
  • -
+
    +
  • Lysa Dahmani
    • +
  • Virgil Marionneau
    • +
  • Charlotte Thomas
    • +
  • Louise Cranidge
    • +
  • Fanny Folta-Gerij
    • +
  • Constance Monnier
    • +
  • Zélie Rodrigues
    • +
  • Mattéo Prieur
    • +
  • Clément Maouche
    • +
  • Joris Hélie
    • +
  • Eugénie Mousseux-Caillon
    • +
  • Isabella Gargiulo Gutierrez
    • +
  • Nolwenn Emonet
    • +
  • Baptiste Izquierdo Rey
    • +
  • Amélie Sagliet
    • +
  • Capucine Tesson
    • +
-

Soutien Financier

+

Soutien Financier

-
    -
  • Action exploratoire Inria Back to the trees (2023-2025) -
    • -
  • Innovation pédagogique OSER et Graduate School Biosphera - Université Paris-Saclay
    • -
  • ANR Sciences avec et pour la société Flores (2024-2025)
    • -
  • Ville de Paris
    • -
  • Pl@ntAgroEco
    • -
+
    +
  • Action exploratoire Inria Back to the trees (2023-2025) +
    • +
  • Innovation pédagogique OSER et Graduate School Biosphera - Université Paris-Saclay
    • +
  • ANR Sciences avec et pour la société Flores (2024-2025)
    • +
  • Ville de Paris
    • +
  • Pl@ntAgroEco
    • +
- +
+ + + -
- + - - + document.addEventListener('DOMContentLoaded', processIncludes); + \ No newline at end of file diff --git a/assets/css/_base.scss b/assets/css/_base.scss index 3397760..590ee31 100755 --- a/assets/css/_base.scss +++ b/assets/css/_base.scss @@ -18,13 +18,6 @@ body { print-color-adjust:exact !important; */ } -main:not(#main_home){ - min-height: calc(100vh - var(--header-h)); - max-width: 900px; - margin-inline: auto; - // margin-top: var(--header-h); - /* padding: var(--padding-body); */ -} diff --git a/assets/css/_home.scss b/assets/css/_home.scss index 2be4a20..64e2921 100755 --- a/assets/css/_home.scss +++ b/assets/css/_home.scss @@ -2,7 +2,7 @@ .home--section-tool{ - background-color: var(--color); + background-color: var(--data-color); &[data-type="base-connaissance"], &[data-type="livrets"]{ color: var(--white); @@ -10,14 +10,6 @@ } - - - - - - - - #main_home { --max-w-home: 1100px; section { @@ -38,18 +30,15 @@ } .section--header { - margin-bottom: calc(var(--spacing) * 4); - - display: grid; - // grid-template-columns: 3fr 2fr; - grid-template-columns: 1fr 440px; + margin-bottom: calc(var(--spacing) * 4); + display: grid; + grid-template-columns: 1fr 440px; gap: calc(var(--spacing)*1); } .section--title { font-size: 2.8rem; font-family: var(--font-title); - // margin-bottom: calc(var(--spacing) * 1.5); grid-column: span 2; } @@ -90,8 +79,6 @@ text-align: center; width: 100%; max-width: 100%; - - } .section--title { @@ -132,9 +119,8 @@ min-width: 12ch; text-align: center; - - border: 1.5px solid var(--color); - color: var(--color); + border: 1.5px solid var(--data-color); + color: var(--data-color); display: inline-flex; align-items: center; @@ -145,7 +131,7 @@ cursor: pointer; &:hover { - background-color: var(--color-light); + background-color: var(--data-color-light); } @@ -153,20 +139,12 @@ a { text-decoration: none; - color: var(--color); + color: var(--data-color); font-weight: bold; - /* &::after{ - content: " ↓" - } */ + } } - .see-more { - display: block; - // color: var(--color-txt); - // font-weight: bold; - padding-top: calc(var(--unit)*1.5); - } } diff --git a/assets/css/_page-content.scss b/assets/css/_page-content.scss index 149e573..c11543a 100644 --- a/assets/css/_page-content.scss +++ b/assets/css/_page-content.scss @@ -1,3 +1,59 @@ .page-content{ font-size: var(--fs-medium); -} \ No newline at end of file + line-height: 1.4; + + max-width: var(--max-width-content); + margin-inline: auto; + padding-inline: var(--padding-body); + margin-bottom: 30vh; + + p { + margin: var(--spacing) 0; + } + + ol, ul{ + margin-left: calc(var(--spacing)*2); + } + + li{ + margin: calc(var(--spacing)*0.5) 0; + } + + h3{ + font-size: 1.8em; + line-height: 1.1; + font-weight: bold; + color: var(--color-green); + padding-top: var(--top-target); + margin-bottom: calc(var(--spacing)*1.5); + } + + h4{ + font-size: 1.2em; + color: var(--color-green); + font-weight: bold; + // text-decoration: 2px underline currentColor; + margin-top: calc(var(--spacing)*3.5); + margin-bottom: calc(var(--spacing)*1.5); + } + + +} + + + +// Specific for target with toc +.page-nav + .page-content > :first-child { + padding-top: 0px; + &:target{ + padding-top: var(--top-target); + } + } + + +// main:not(#main_home){ +// min-height: calc(100vh - var(--header-h)); +// max-width: 900px; +// margin-inline: auto; + +// } diff --git a/assets/css/_page-grid.scss b/assets/css/_page-grid.scss new file mode 100644 index 0000000..6392e5f --- /dev/null +++ b/assets/css/_page-grid.scss @@ -0,0 +1,21 @@ +.page-grid{ + + + max-width: calc(var(--max-width-content)*1.3 + var(--padding-inner)*2 + var(--padding-body)*2); + display: grid; + grid-template-columns: 1fr var(--max-width-content); + // gap: calc(var(--padding-inner)*2); + margin-inline: auto; + margin-top: calc(var(--spacing)*5); + padding-inline: var(--padding-body); + + .page-nav{ + align-self: start; + position: sticky; + top: var(--top-target); + + } + + + +} \ No newline at end of file diff --git a/assets/css/_page-header.scss b/assets/css/_page-header.scss index 9b2adc5..0d489ff 100644 --- a/assets/css/_page-header.scss +++ b/assets/css/_page-header.scss @@ -1,10 +1,60 @@ .page-header{ - margin-top: calc(var(--spacing)*3); - margin-bottom: calc(var(--spacing)*2); + // margin-top: calc(var(--spacing)*1); + // margin-bottom: calc(var(--spacing)*2); + + color: var(--color-green); + background-color: var(--color-green-light); + + padding: calc(var(--spacing)*3) var(--padding-body); + + .page-header__inner{ + max-width: var(--max-width-container); + margin-inline: auto; + } + + .page-title{ font-size: var(--fs-title-page); font-family: var(--font-title); + // color: var(--color-green); + margin-bottom: calc(var(--spacing)*1); + } + + .description{ + font-size: var(--fs-medium); + line-height: 1.2; + margin: calc(var(--spacing)*1) 0; + // max-width: var(--max-width-content); + } + + .details{ + display: flex; + gap: calc(var(--padding-inner)*5); + margin-top: calc(var(--spacing)*3); + + } + + .details__item{ + + .nbr{ + font-size: var(--fs-title-page); + font-family: var(--font-title); + } + + .text{ + font-size: var(--fs-medium); + font-weight: bold; + } + + button{ + margin-top: calc(var(--spacing)*1); + a{ + color: var(--color-green); + + } + } + } } \ No newline at end of file diff --git a/assets/css/_page-nav.scss b/assets/css/_page-nav.scss new file mode 100644 index 0000000..a4dda4c --- /dev/null +++ b/assets/css/_page-nav.scss @@ -0,0 +1,30 @@ +.page-nav{ + + + .toc{ + list-style: none; + + li{ + font-size: var(--fs-normal); + line-height: 1.2; + font-weight: bold; + margin-bottom: calc(var(--spacing)*1); + + a{ + color: currentColor; + text-decoration: none; + &:hover{ + text-decoration: 1px underline; + text-underline-offset: 2px; + } + } + + } + } + + + + + + +} \ No newline at end of file diff --git a/assets/css/abstracts/_mixins.scss b/assets/css/abstracts/_mixins.scss index 7384b12..59abd09 100644 --- a/assets/css/abstracts/_mixins.scss +++ b/assets/css/abstracts/_mixins.scss @@ -1,4 +1,5 @@ @mixin icon($size){ + display: inline-block; width: $size; height: $size; @@ -18,15 +19,15 @@ height: 100%; circle{ - fill: #cfcfcf; + fill: #efefef; } .filled{ - fill: lightgreen; + fill: var(--color-orange-medium); } .verified{ - fill: green; + fill: var(--color-green); } } } diff --git a/assets/css/abstracts/_var.scss b/assets/css/abstracts/_var.scss index 088ede3..18230de 100755 --- a/assets/css/abstracts/_var.scss +++ b/assets/css/abstracts/_var.scss @@ -7,7 +7,7 @@ --fs-small: 14px; --fs-normal: 16px; --fs-medium: 22px; - --fs-title-page: 38px; + --fs-title-page: 42px; --spacing: 20px; @@ -21,7 +21,7 @@ --radius-btn: 6px; --radius-img: 6px; - --header-h: 60px; + --header-h: 80px; --header-z: 9000; --white: white; @@ -49,19 +49,28 @@ --color-orange-light: #f3e7e0; --color-green: #007953; - --color-green-medium: #a1ccbe;; + // --color-green-medium: #a1ccbe; + --color-green-medium: #42af8c; --color-green-light: #d5ebe4; + --color-green-x-light: #eef7f4; --color-green-black: #016042; --color-txt: rgb(41, 41, 41); --color-txt-light: #a5a9a9; --color-light: #DCDDDD; --color-x-light: #eaebeb; + --color-xx-light: #f4f4f4; + --color: var(--color-green); --color-medium: var(--color-green-medium); --color-light: var(--color-green-light); + + + --max-width-content: 740px; + --max-width-container: 860px; + --top-target: calc(var(--spacing)*5); } @@ -70,28 +79,28 @@ [data-type="livrets"]{ - --color: var(--color-violet); - --color-medium: var(--color-violet-medium); - --color-light: var(--color-violet-light); + --data-color: var(--color-violet); + --data-color-medium: var(--color-violet-medium); + --data-color-light: var(--color-violet-light); } [data-type="base-connaissance"]{ - --color: var(--color-green); - --color-medium: var(--color-green-medium); - --color-light: var(--color-green-light); + --data-color: var(--color-green); + --data-color-medium: var(--color-green-medium); + --data-color-light: var(--color-green-light); } [data-type="animations"]{ - --color: var(--color-orange); - --color-medium: var(--color-orange-medium); - --color-light: var(--color-orange-light); + --data-color: var(--color-orange); + --data-color-medium: var(--color-orange-medium); + --data-color-light: var(--color-orange-light); } [data-type="methodologie"]{ - --color: var(--color-yellow); - --color-medium: var(--color-yellow-medium); - --color-light: var(--color-yellow-light); + --data-color: var(--color-yellow); + --data-color-medium: var(--color-yellow-medium); + --data-color-light: var(--color-yellow-light); } diff --git a/assets/css/components/_buttons.scss b/assets/css/components/_buttons.scss index a57792d..e94640c 100644 --- a/assets/css/components/_buttons.scss +++ b/assets/css/components/_buttons.scss @@ -1,4 +1,4 @@ - +@use "../abstracts/mixins.scss" as *; .btn--solid{ font-weight: 600; @@ -28,3 +28,74 @@ } +.btn-action { + border: 1px solid var(--color-txt-light); + height: calc(var(--unit)*1.25); + background-color: var(--white); + + border-radius: var(--radius-btn); + cursor: pointer; + + a{ + display: flex; + align-items: center; + gap: 1ch; + text-decoration: none; + color: var(--color-txt); + padding: 0 1ch; + } + + .icon{ + @include icon(20px); + + } + .text{ + font-size: var(--fs-small); + font-weight: 500; + } + &:hover{ + border-color: var(--color-txt); + } + +} + +label.btn-action{ + display: inline-flex; + align-items: center; + gap: 1ch; + text-decoration: none; + color: var(--color-txt); + padding: 0 1ch; + .text{ + font-weight: 700; + } +} + + + + + +.link-with-arrow{ + a{ + text-decoration: none; + color: var(--color-txt); + font-size: var(--fs-small); + &::after{ + content: "→"; + font-family: var(--font-title); + font-size: 0.9em; + position: relative; + left: 1.5ch; + transition: left .4s ease-in-out; + text-decoration: 1px underline transparent; + } + } + &:hover{ + opacity: 0.8; + + a::after{ + left: 2.5ch; + } + + } +} \ No newline at end of file diff --git a/assets/css/components/_see-more.scss b/assets/css/components/_see-more.scss deleted file mode 100644 index 76decac..0000000 --- a/assets/css/components/_see-more.scss +++ /dev/null @@ -1,26 +0,0 @@ -.see-more{ - - --hover-bg: var(--color-bg); - font-weight: 500; - color: var(--color-txt); - color: currentColor; - text-decoration: none; - span{ display: none;} - - &::after{ - content: "→"; - position: relative; - display: inline-block; - padding-left: 0.75ch; - left: 0; - transition: left .4s ease-in-out; - } - &:hover{ - text-decoration: underline; - &::after{ - left: 0.5ch; - text-decoration: underline var(--hover-bg); - } - } -} - diff --git a/assets/css/components/_sort.scss b/assets/css/components/_sort.scss new file mode 100644 index 0000000..04a21f8 --- /dev/null +++ b/assets/css/components/_sort.scss @@ -0,0 +1,32 @@ +.sort{ + display: flex; + justify-content: flex-start; + align-items: center; + gap: calc(var(--padding-inner)*0.5); + p{ + font-weight: 500; + padding-right: 1ch; + } + .is-selected{ + background-color: var(--color-txt); + color: var(--white); + a{ + color: var(--white); + } + svg { + fill: var(--white); + } + } + + +} + + +.group-sort-view{ + display: flex; + justify-content: space-between; + align-items: center; + flex-wrap: wrap; + margin-bottom: calc(var(--spacing)*1.5); + +} \ No newline at end of file diff --git a/assets/css/components/_species-list.scss b/assets/css/components/_species-list.scss index f95ce14..bd863f3 100644 --- a/assets/css/components/_species-list.scss +++ b/assets/css/components/_species-list.scss @@ -1,29 +1,23 @@ .species-list{ - display: grid; - - display: flex; flex-wrap: wrap; justify-content: center; - // gap: calc(var(--spacing)*2); gap: calc(var(--spacing)*1); - gap: calc(var(--spacing)*1.5); margin-bottom: calc(var(--spacing)*3); - - .taxon{ width: calc(100%/3 - var(--spacing)*3/3); } - - } .family{ margin-bottom: calc(var(--spacing)*4); + &:target{ + padding-top: var(--top-target); + } .family__header{ diff --git a/assets/css/components/_taxon-card-inline.scss b/assets/css/components/_taxon-card-inline.scss new file mode 100644 index 0000000..092419a --- /dev/null +++ b/assets/css/components/_taxon-card-inline.scss @@ -0,0 +1,99 @@ +#view-edit:checked ~ .family .species-list, +#view-edit:checked ~ .species-list, +#view-list:checked ~ .family .species-list, +#view-list:checked ~ .species-list { + display: block; + + + .taxon{ + width: 100%; + display: flex; + flex-direction: row; + align-items: center; + + background-color: transparent; + + padding-inline: 0; + gap: calc(var(--padding-inner)*1); + outline: none; + + border-bottom: 1px solid var(--color-green-light); + + padding-top: calc(var(--padding-inner)*0.5); + padding-bottom: calc(var(--padding-inner)*0.5); + + &::before{ + content: ''; + width: 100%; + border-top: 1px solid transparent; + position: absolute; + top: -1px; + } + &:first-of-type::before{ border-color: var(--color-green-light);} + + .chart-edit { + display: block; + margin-right: var(--padding-inner); + } + + + + + + figure{ order: 1; } + .name{ order: 2; } + .chart-edit{ order: 3; } + .btn-edit{ order: 4; } + + figure{ + width: 60px; + } + + .name{ + flex-grow: 1; + display: flex; + flex-direction: column; + justify-content: center; + + .vernacular, .latin{ + padding: 0; + margin: 0; + text-align: left; + } + + .vernacular{ + background-color: transparent; + color: var(--color-green); + font-size: var(--fs-medium); + a{ + color: var(--color-green); + + } + } + .latin{ + text-align: left; + padding-bottom: calc(var(--spacing)*0.25); + } + } + + &:hover{ + outline: none; + background-color: var(--color-green-x-light); + border-color: var(--color-green); + &::before{ border-color: var(--color-green); } + + } + } + + + +} + + +#view-edit:checked ~ .family .species-list, +#view-edit:checked ~ .species-list{ + .taxon .btn-edit{ + display: block!important; + z-index: 100; + } +} diff --git a/assets/css/components/_taxon-card.scss b/assets/css/components/_taxon-card.scss index 1d280a3..3e7a093 100644 --- a/assets/css/components/_taxon-card.scss +++ b/assets/css/components/_taxon-card.scss @@ -2,15 +2,13 @@ .species-list .taxon{ - .btn-edit { - @include icon(20px); - } .chart-edit{ @include chart-edit(40px); } - .chart-edit, .btn-edit{ + + .chart-edit, .btn-edit{ display: none; } @@ -21,11 +19,10 @@ position: relative; background-color: var(--color-green-light); - padding: 20px; + padding: calc(var(--padding-inner)*0.75); - .vernacular{ order: 1; } - .latin{ order: 2; } - figure{ order: 3; } + .name{ order: 1; } + figure{ order: 2; } figure{ @include fig-ratio(1/1); @@ -41,6 +38,8 @@ border-radius: var(--radius-small); padding: 4px 1ch; margin-bottom: calc(var(--spacing)*0.25); + font-size: var(--fs-normal); + line-height: 1.1; a{ color: white; text-decoration: none; @@ -53,6 +52,7 @@ font-style: italic; margin-bottom: calc(var(--spacing)*0.75); color: var(--color-txt); + font-size: var(--fs-small); } .vernacular, .latin{ diff --git a/assets/css/components/_team.scss b/assets/css/components/_team.scss index 5391bcb..b47d343 100644 --- a/assets/css/components/_team.scss +++ b/assets/css/components/_team.scss @@ -1,10 +1,29 @@ .team{ + display: flex; + flex-wrap: wrap; + gap: 2ch; .member{ + display: flex; + align-items: center; + gap: 2ch; + width: calc(50% - 2ch); + + .name{ + font-weight: bold; + } + .details{ + font-size: var(--fs-normal); + margin-top: calc(var(--spacing)*0.25); + } img{ - width: 60px; + width: 100px; aspect-ratio: 1/1; background-color: #cfcfcf; border-radius: var(--radius-img); + float: left; + } + + } } \ No newline at end of file diff --git a/assets/css/components/_view-toggle.scss b/assets/css/components/_view-toggle.scss new file mode 100644 index 0000000..7c23f37 --- /dev/null +++ b/assets/css/components/_view-toggle.scss @@ -0,0 +1,40 @@ +input#view-edit, +input#view-grid, +input#view-list{ + display: none; +} + + +.view-toggle{ + display: flex; + justify-content: flex-end; + align-items: center; + gap: calc(var(--padding-inner)*0.5); + p{ + font-weight: 500; + padding-right: 1.5ch; + } + + label{ + .txt{ + font-weight: 700!important; + } + } +} + + + + +input#view-edit:checked ~ .group-sort-view .view-toggle label[for="view-edit"], +input#view-list:checked ~ .group-sort-view .view-toggle label[for="view-list"], +input#view-grid:checked ~ .group-sort-view .view-toggle label[for="view-grid"], +input#view-edit:checked ~ .view-toggle label[for="view-edit"], +input#view-list:checked ~ .view-toggle label[for="view-list"], +input#view-grid:checked ~ .view-toggle label[for="view-grid"]{ + background-color: var(--color-txt); + color: var(--white); + svg { + fill: var(--white); + } + +} diff --git a/assets/style.css b/assets/style.css index dbc7e0a..f8cd6af 100644 --- a/assets/style.css +++ b/assets/style.css @@ -5,7 +5,7 @@ --fs-small: 14px; --fs-normal: 16px; --fs-medium: 22px; - --fs-title-page: 38px; + --fs-title-page: 42px; --spacing: 20px; font-size: 14px; --unit: 24px; @@ -14,7 +14,7 @@ --radius-small: 3px; --radius-btn: 6px; --radius-img: 6px; - --header-h: 60px; + --header-h: 80px; --header-z: 9000; --white: white; --color-bg: white; @@ -33,40 +33,45 @@ --color-orange-medium: #f3a066; --color-orange-light: #f3e7e0; --color-green: #007953; - --color-green-medium: #a1ccbe; + --color-green-medium: #42af8c; --color-green-light: #d5ebe4; + --color-green-x-light: #eef7f4; --color-green-black: #016042; --color-txt: rgb(41, 41, 41); --color-txt-light: #a5a9a9; --color-light: #DCDDDD; --color-x-light: #eaebeb; + --color-xx-light: #f4f4f4; --color: var(--color-green); --color-medium: var(--color-green-medium); --color-light: var(--color-green-light); + --max-width-content: 740px; + --max-width-container: 860px; + --top-target: calc(var(--spacing)*5); } [data-type=livrets] { - --color: var(--color-violet); - --color-medium: var(--color-violet-medium); - --color-light: var(--color-violet-light); + --data-color: var(--color-violet); + --data-color-medium: var(--color-violet-medium); + --data-color-light: var(--color-violet-light); } [data-type=base-connaissance] { - --color: var(--color-green); - --color-medium: var(--color-green-medium); - --color-light: var(--color-green-light); + --data-color: var(--color-green); + --data-color-medium: var(--color-green-medium); + --data-color-light: var(--color-green-light); } [data-type=animations] { - --color: var(--color-orange); - --color-medium: var(--color-orange-medium); - --color-light: var(--color-orange-light); + --data-color: var(--color-orange); + --data-color-medium: var(--color-orange-medium); + --data-color-light: var(--color-orange-light); } [data-type=methodologie] { - --color: var(--color-yellow); - --color-medium: var(--color-yellow-medium); - --color-light: var(--color-yellow-light); + --data-color: var(--color-yellow); + --data-color-medium: var(--color-yellow-medium); + --data-color-light: var(--color-yellow-light); } * { @@ -88,13 +93,6 @@ body { print-color-adjust:exact !important; */ } -main:not(#main_home) { - min-height: calc(100vh - var(--header-h)); - max-width: 900px; - margin-inline: auto; - /* padding: var(--padding-body); */ -} - button { background: none; border: none; @@ -322,31 +320,70 @@ figure, picture, img { height: 100%; } -.see-more { - --hover-bg: var(--color-bg); - font-weight: 500; - color: var(--color-txt); - color: currentColor; +.btn-action { + border: 1px solid var(--color-txt-light); + height: calc(var(--unit) * 1.25); + background-color: var(--white); + border-radius: var(--radius-btn); + cursor: pointer; +} +.btn-action a { + display: flex; + align-items: center; + gap: 1ch; text-decoration: none; + color: var(--color-txt); + padding: 0 1ch; } -.see-more span { - display: none; -} -.see-more::after { - content: "→"; - position: relative; +.btn-action .icon { display: inline-block; - padding-left: 0.75ch; - left: 0; + width: 20px; + height: 20px; +} +.btn-action .icon svg { + width: 100%; + height: 100%; +} +.btn-action .text { + font-size: var(--fs-small); + font-weight: 500; +} +.btn-action:hover { + border-color: var(--color-txt); +} + +label.btn-action { + display: inline-flex; + align-items: center; + gap: 1ch; + text-decoration: none; + color: var(--color-txt); + padding: 0 1ch; +} +label.btn-action .text { + font-weight: 700; +} + +.link-with-arrow a { + text-decoration: none; + color: var(--color-txt); + font-size: var(--fs-small); +} +.link-with-arrow a::after { + content: "→"; + font-family: var(--font-title); + font-size: 0.9em; + position: relative; + left: 1.5ch; transition: left 0.4s ease-in-out; + -webkit-text-decoration: 1px underline transparent; + text-decoration: 1px underline transparent; } -.see-more:hover { - text-decoration: underline; +.link-with-arrow:hover { + opacity: 0.8; } -.see-more:hover::after { - left: 0.5ch; - -webkit-text-decoration: underline var(--hover-bg); - text-decoration: underline var(--hover-bg); +.link-with-arrow:hover a::after { + left: 2.5ch; } .slideshow { @@ -584,24 +621,209 @@ span.controls::after { height: 70px; } +.team { + display: flex; + flex-wrap: wrap; + gap: 2ch; +} +.team .member { + display: flex; + align-items: center; + gap: 2ch; + width: calc(50% - 2ch); +} +.team .member .name { + font-weight: bold; +} +.team .member .details { + font-size: var(--fs-normal); + margin-top: calc(var(--spacing) * 0.25); +} .team .member img { - width: 60px; + width: 100px; aspect-ratio: 1/1; background-color: #cfcfcf; border-radius: var(--radius-img); + float: left; +} + +.sort { + display: flex; + justify-content: flex-start; + align-items: center; + gap: calc(var(--padding-inner) * 0.5); +} +.sort p { + font-weight: 500; + padding-right: 1ch; +} +.sort .is-selected { + background-color: var(--color-txt); + color: var(--white); +} +.sort .is-selected a { + color: var(--white); +} +.sort .is-selected svg { + fill: var(--white); +} + +.group-sort-view { + display: flex; + justify-content: space-between; + align-items: center; + flex-wrap: wrap; + margin-bottom: calc(var(--spacing) * 1.5); +} + +input#view-edit, +input#view-grid, +input#view-list { + display: none; +} + +.view-toggle { + display: flex; + justify-content: flex-end; + align-items: center; + gap: calc(var(--padding-inner) * 0.5); +} +.view-toggle p { + font-weight: 500; + padding-right: 1.5ch; +} +.view-toggle label .txt { + font-weight: 700 !important; +} + +input#view-edit:checked ~ .group-sort-view .view-toggle label[for=view-edit], +input#view-list:checked ~ .group-sort-view .view-toggle label[for=view-list], +input#view-grid:checked ~ .group-sort-view .view-toggle label[for=view-grid], +input#view-edit:checked ~ .view-toggle label[for=view-edit], +input#view-list:checked ~ .view-toggle label[for=view-list], +input#view-grid:checked ~ .view-toggle label[for=view-grid] { + background-color: var(--color-txt); + color: var(--white); +} +input#view-edit:checked ~ .group-sort-view .view-toggle label[for=view-edit] svg, +input#view-list:checked ~ .group-sort-view .view-toggle label[for=view-list] svg, +input#view-grid:checked ~ .group-sort-view .view-toggle label[for=view-grid] svg, +input#view-edit:checked ~ .view-toggle label[for=view-edit] svg, +input#view-list:checked ~ .view-toggle label[for=view-list] svg, +input#view-grid:checked ~ .view-toggle label[for=view-grid] svg { + fill: var(--white); } .page-header { - margin-top: calc(var(--spacing) * 3); - margin-bottom: calc(var(--spacing) * 2); + color: var(--color-green); + background-color: var(--color-green-light); + padding: calc(var(--spacing) * 3) var(--padding-body); +} +.page-header .page-header__inner { + max-width: var(--max-width-container); + margin-inline: auto; } .page-header .page-title { font-size: var(--fs-title-page); font-family: var(--font-title); + margin-bottom: calc(var(--spacing) * 1); +} +.page-header .description { + font-size: var(--fs-medium); + line-height: 1.2; + margin: calc(var(--spacing) * 1) 0; +} +.page-header .details { + display: flex; + gap: calc(var(--padding-inner) * 5); + margin-top: calc(var(--spacing) * 3); +} +.page-header .details__item .nbr { + font-size: var(--fs-title-page); + font-family: var(--font-title); +} +.page-header .details__item .text { + font-size: var(--fs-medium); + font-weight: bold; +} +.page-header .details__item button { + margin-top: calc(var(--spacing) * 1); +} +.page-header .details__item button a { + color: var(--color-green); +} + +.page-grid { + max-width: calc(var(--max-width-content) * 1.3 + var(--padding-inner) * 2 + var(--padding-body) * 2); + display: grid; + grid-template-columns: 1fr var(--max-width-content); + margin-inline: auto; + margin-top: calc(var(--spacing) * 5); + padding-inline: var(--padding-body); +} +.page-grid .page-nav { + align-self: start; + position: sticky; + top: var(--top-target); +} + +.page-nav .toc { + list-style: none; +} +.page-nav .toc li { + font-size: var(--fs-normal); + line-height: 1.2; + font-weight: bold; + margin-bottom: calc(var(--spacing) * 1); +} +.page-nav .toc li a { + color: currentColor; + text-decoration: none; +} +.page-nav .toc li a:hover { + -webkit-text-decoration: 1px underline; + text-decoration: 1px underline; + text-underline-offset: 2px; } .page-content { font-size: var(--fs-medium); + line-height: 1.4; + max-width: var(--max-width-content); + margin-inline: auto; + padding-inline: var(--padding-body); + margin-bottom: 30vh; +} +.page-content p { + margin: var(--spacing) 0; +} +.page-content ol, .page-content ul { + margin-left: calc(var(--spacing) * 2); +} +.page-content li { + margin: calc(var(--spacing) * 0.5) 0; +} +.page-content h3 { + font-size: 1.8em; + line-height: 1.1; + font-weight: bold; + color: var(--color-green); + padding-top: var(--top-target); + margin-bottom: calc(var(--spacing) * 1.5); +} +.page-content h4 { + font-size: 1.2em; + color: var(--color-green); + font-weight: bold; + margin-top: calc(var(--spacing) * 3.5); + margin-bottom: calc(var(--spacing) * 1.5); +} + +.page-nav + .page-content > :first-child { + padding-top: 0px; +} +.page-nav + .page-content > :first-child:target { + padding-top: var(--top-target); } .item-nav { @@ -651,7 +873,7 @@ span.controls::after { } .home--section-tool { - background-color: var(--color); + background-color: var(--data-color); } .home--section-tool[data-type=base-connaissance], .home--section-tool[data-type=livrets] { color: var(--white); @@ -738,8 +960,8 @@ span.controls::after { font-size: 1rem; min-width: 12ch; text-align: center; - border: 1.5px solid var(--color); - color: var(--color); + border: 1.5px solid var(--data-color); + color: var(--data-color); display: inline-flex; align-items: center; justify-content: center; @@ -749,19 +971,12 @@ span.controls::after { cursor: pointer; } #home__hero .nav-hero li:hover { - background-color: var(--color-light); + background-color: var(--data-color-light); } #home__hero .nav-hero a { text-decoration: none; - color: var(--color); + color: var(--data-color); font-weight: bold; - /* &::after{ - content: " ↓" - } */ -} -#home__hero .see-more { - display: block; - padding-top: calc(var(--unit) * 1.5); } #home__a-propos p, @@ -868,12 +1083,10 @@ span.controls::after { } .species-list { - display: grid; display: flex; flex-wrap: wrap; justify-content: center; gap: calc(var(--spacing) * 1); - gap: calc(var(--spacing) * 1.5); margin-bottom: calc(var(--spacing) * 3); } .species-list .taxon { @@ -883,6 +1096,9 @@ span.controls::after { .family { margin-bottom: calc(var(--spacing) * 4); } +.family:target { + padding-top: var(--top-target); +} .family .family__header { display: flex; align-items: center; @@ -901,14 +1117,6 @@ span.controls::after { font-weight: 500; } -.species-list .taxon .btn-edit { - width: 20px; - height: 20px; -} -.species-list .taxon .btn-edit svg { - width: 100%; - height: 100%; -} .species-list .taxon .chart-edit { width: 40px; height: 40px; @@ -918,13 +1126,13 @@ span.controls::after { height: 100%; } .species-list .taxon .chart-edit svg circle { - fill: #cfcfcf; + fill: #efefef; } .species-list .taxon .chart-edit svg .filled { - fill: lightgreen; + fill: var(--color-orange-medium); } .species-list .taxon .chart-edit svg .verified { - fill: green; + fill: var(--color-green); } .species-list .taxon .chart-edit, .species-list .taxon .btn-edit { display: none; @@ -934,16 +1142,13 @@ span.controls::after { flex-direction: column; position: relative; background-color: var(--color-green-light); - padding: 20px; + padding: calc(var(--padding-inner) * 0.75); } -.species-list .taxon .vernacular { +.species-list .taxon .name { order: 1; } -.species-list .taxon .latin { - order: 2; -} .species-list .taxon figure { - order: 3; + order: 2; } .species-list .taxon figure { width: 100%; @@ -967,6 +1172,8 @@ span.controls::after { border-radius: var(--radius-small); padding: 4px 1ch; margin-bottom: calc(var(--spacing) * 0.25); + font-size: var(--fs-normal); + line-height: 1.1; } .species-list .taxon .vernacular a { color: white; @@ -978,6 +1185,7 @@ span.controls::after { font-style: italic; margin-bottom: calc(var(--spacing) * 0.75); color: var(--color-txt); + font-size: var(--fs-small); } .species-list .taxon .vernacular, .species-list .taxon .latin { text-align: center; @@ -985,4 +1193,141 @@ span.controls::after { .species-list .taxon:hover { outline: 2px solid var(--color-green); background-color: var(--color-green-medium); +} + +#view-edit:checked ~ .family .species-list, +#view-edit:checked ~ .species-list, +#view-list:checked ~ .family .species-list, +#view-list:checked ~ .species-list { + display: block; +} +#view-edit:checked ~ .family .species-list .taxon, +#view-edit:checked ~ .species-list .taxon, +#view-list:checked ~ .family .species-list .taxon, +#view-list:checked ~ .species-list .taxon { + width: 100%; + display: flex; + flex-direction: row; + align-items: center; + background-color: transparent; + padding-inline: 0; + gap: calc(var(--padding-inner) * 1); + outline: none; + border-bottom: 1px solid var(--color-green-light); + padding-top: calc(var(--padding-inner) * 0.5); + padding-bottom: calc(var(--padding-inner) * 0.5); +} +#view-edit:checked ~ .family .species-list .taxon::before, +#view-edit:checked ~ .species-list .taxon::before, +#view-list:checked ~ .family .species-list .taxon::before, +#view-list:checked ~ .species-list .taxon::before { + content: ""; + width: 100%; + border-top: 1px solid transparent; + position: absolute; + top: -1px; +} +#view-edit:checked ~ .family .species-list .taxon:first-of-type::before, +#view-edit:checked ~ .species-list .taxon:first-of-type::before, +#view-list:checked ~ .family .species-list .taxon:first-of-type::before, +#view-list:checked ~ .species-list .taxon:first-of-type::before { + border-color: var(--color-green-light); +} +#view-edit:checked ~ .family .species-list .taxon .chart-edit, +#view-edit:checked ~ .species-list .taxon .chart-edit, +#view-list:checked ~ .family .species-list .taxon .chart-edit, +#view-list:checked ~ .species-list .taxon .chart-edit { + display: block; + margin-right: var(--padding-inner); +} +#view-edit:checked ~ .family .species-list .taxon figure, +#view-edit:checked ~ .species-list .taxon figure, +#view-list:checked ~ .family .species-list .taxon figure, +#view-list:checked ~ .species-list .taxon figure { + order: 1; +} +#view-edit:checked ~ .family .species-list .taxon .name, +#view-edit:checked ~ .species-list .taxon .name, +#view-list:checked ~ .family .species-list .taxon .name, +#view-list:checked ~ .species-list .taxon .name { + order: 2; +} +#view-edit:checked ~ .family .species-list .taxon .chart-edit, +#view-edit:checked ~ .species-list .taxon .chart-edit, +#view-list:checked ~ .family .species-list .taxon .chart-edit, +#view-list:checked ~ .species-list .taxon .chart-edit { + order: 3; +} +#view-edit:checked ~ .family .species-list .taxon .btn-edit, +#view-edit:checked ~ .species-list .taxon .btn-edit, +#view-list:checked ~ .family .species-list .taxon .btn-edit, +#view-list:checked ~ .species-list .taxon .btn-edit { + order: 4; +} +#view-edit:checked ~ .family .species-list .taxon figure, +#view-edit:checked ~ .species-list .taxon figure, +#view-list:checked ~ .family .species-list .taxon figure, +#view-list:checked ~ .species-list .taxon figure { + width: 60px; +} +#view-edit:checked ~ .family .species-list .taxon .name, +#view-edit:checked ~ .species-list .taxon .name, +#view-list:checked ~ .family .species-list .taxon .name, +#view-list:checked ~ .species-list .taxon .name { + flex-grow: 1; + display: flex; + flex-direction: column; + justify-content: center; +} +#view-edit:checked ~ .family .species-list .taxon .name .vernacular, #view-edit:checked ~ .family .species-list .taxon .name .latin, +#view-edit:checked ~ .species-list .taxon .name .vernacular, +#view-edit:checked ~ .species-list .taxon .name .latin, +#view-list:checked ~ .family .species-list .taxon .name .vernacular, +#view-list:checked ~ .family .species-list .taxon .name .latin, +#view-list:checked ~ .species-list .taxon .name .vernacular, +#view-list:checked ~ .species-list .taxon .name .latin { + padding: 0; + margin: 0; + text-align: left; +} +#view-edit:checked ~ .family .species-list .taxon .name .vernacular, +#view-edit:checked ~ .species-list .taxon .name .vernacular, +#view-list:checked ~ .family .species-list .taxon .name .vernacular, +#view-list:checked ~ .species-list .taxon .name .vernacular { + background-color: transparent; + color: var(--color-green); + font-size: var(--fs-medium); +} +#view-edit:checked ~ .family .species-list .taxon .name .vernacular a, +#view-edit:checked ~ .species-list .taxon .name .vernacular a, +#view-list:checked ~ .family .species-list .taxon .name .vernacular a, +#view-list:checked ~ .species-list .taxon .name .vernacular a { + color: var(--color-green); +} +#view-edit:checked ~ .family .species-list .taxon .name .latin, +#view-edit:checked ~ .species-list .taxon .name .latin, +#view-list:checked ~ .family .species-list .taxon .name .latin, +#view-list:checked ~ .species-list .taxon .name .latin { + text-align: left; + padding-bottom: calc(var(--spacing) * 0.25); +} +#view-edit:checked ~ .family .species-list .taxon:hover, +#view-edit:checked ~ .species-list .taxon:hover, +#view-list:checked ~ .family .species-list .taxon:hover, +#view-list:checked ~ .species-list .taxon:hover { + outline: none; + background-color: var(--color-green-x-light); + border-color: var(--color-green); +} +#view-edit:checked ~ .family .species-list .taxon:hover::before, +#view-edit:checked ~ .species-list .taxon:hover::before, +#view-list:checked ~ .family .species-list .taxon:hover::before, +#view-list:checked ~ .species-list .taxon:hover::before { + border-color: var(--color-green); +} + +#view-edit:checked ~ .family .species-list .taxon .btn-edit, +#view-edit:checked ~ .species-list .taxon .btn-edit { + display: block !important; + z-index: 100; }/*# sourceMappingURL=style.css.map */ \ No newline at end of file diff --git a/assets/style.css.map b/assets/style.css.map index 6fa3086..19f0550 100644 --- a/assets/style.css.map +++ b/assets/style.css.map @@ -1 +1 @@ -{"version":3,"sources":["style.css","css/abstracts/_var.scss","css/_base.scss","css/_site-header.scss","css/_site-nav.scss","css/_site-footer.scss","css/components/_buttons.scss","css/components/_see-more.scss","css/components/_slideshow.scss","css/components/_logos-container.scss","css/components/_team.scss","css/_page-header.scss","css/_page-content.scss","css/_home-item-nav.scss","css/_home.scss","css/abstracts/_mixins.scss","css/components/_species-list.scss","css/components/_taxon-card.scss"],"names":[],"mappings":"AAAA,gBAAgB;ACAhB;EAGI,wCAAA;EACA,mCAAA;EAEA,gBAAA;EACA,iBAAA;EACC,iBAAA;EACD,qBAAA;EAEA,eAAA;EAEA,eAAA;EACA,YAAA;EAEA,oBAAA;EACA,qBAAA;EAEA,mBAAA;EACA,iBAAA;EACA,iBAAA;EAEA,gBAAA;EACA,gBAAA;EAEA,cAAA;EACA,iBAAA;EAEA,eAAA;EAGA,uBAAA;EACA,8BAAA;EACA,6BAAA;EAGA,uBAAA;EACA,8BAAA;EACA,6BAAA;EACA,oBAAA;EAEA,qBAAA;EACA,4BAAA;EACA,2BAAA;EAEA,uBAAA;EACA,8BAAA;EACA,6BAAA;EAEA,sBAAA;EACA,6BAAA;EACA,4BAAA;EACA,4BAAA;EAEA,4BAAA;EACA,0BAAA;EACA,sBAAA;EACA,wBAAA;EAGA,2BAAA;EACA,yCAAA;EACA,uCAAA;ADlBJ;;AC0BA;EACI,4BAAA;EACA,0CAAA;EACA,wCAAA;ADvBJ;;AC2BA;EACI,2BAAA;EACA,yCAAA;EACA,uCAAA;ADxBJ;;AC4BA;EACI,4BAAA;EACA,0CAAA;EACA,wCAAA;ADzBJ;;AC4BA;EAEI,4BAAA;EACA,0CAAA;EACA,wCAAA;AD1BJ;;AErEA;EACI,SAAA;EACH,UAAA;EACA,sBAAA;EACA,mCAAA;EACA,gCAAA;EACA,8BAAA;EACG,uBAAA;AFwEJ;;AEpEA;EACI,wBAAA;EACA,2BAAA;EACA,gBAAA;EACA,wBAAA;EACA;wCAAA;AFwEJ;;AEpEA;EACI,yCAAA;EACA,gBAAA;EACA,mBAAA;EAEA,kCAAA;AFsEJ;;AEjEA;EACI,gBAAA;EACA,YAAA;AFoEJ;;AElEA;EACI,WAAA;AFqEJ;;AElEA;EACI,kBAAA;EACA,MAAA;EACA,OAAA;EACA,WAAA;EACA,YAAA;EACA,cAAA;EACA,eAAA;AFqEJ;;AGlHA;EACI,uBAAA;EACA,YAAA;EACA,8BAAA;EAEA,aAAA;EACA,8BAAA;EACA,mBAAA;EACA,8BAAA;EACA,0BAAA;EACA,kBAAA;EACA,wBAAA;AHoHJ;AGlHI;EAAG,qBAAA;AHqHP;AGnHI;EACI,8BAAA;EACA,uBAAA;EACA,qBAAA;EACA,iBAAA;AHqHR;;AGlHA;EACI,gBAAA;AHqHJ;;AGlHA,mBAAA;AACA,mBAAA;AACA,mBAAA;AAEA;EACI,aAAA;EACA,2BAAA;EACA,+BAAA;EACA,YAAA;AHoHJ;;AGjHA;EACI,aAAA;AHoHJ;;AGlHA;EACI,eAAA;EACA,yBAAA;KAAA,sBAAA;UAAA,iBAAA;EACA,8BAAA;EACA,+BAAA;EACA,aAAA;EACA,uBAAA;EACA,mBAAA;AHqHJ;;AGnHA;EACI,aAAA;AHsHJ;;AGpHA;EACI,kBAAA;AHuHJ;;AGpHA;EACI,cAAA;AHuHJ;;AGrHA;EACI,aAAA;AHwHJ;;AGrHA;EACI,cAAA;AHwHJ;;AGtHA;EACI,aAAA;AHyHJ;;AGvHA;EACI,cAAA;AH0HJ;;AGvHA;EACI,gBAAA;EACA,eAAA;EACA,kCAAA;EACA,YAAA;EACA,oBAAA;EACA,mBAAA;EACA,gCAAA;EACA,gBAAA;EACA,gCAAA;EACA,eAAA;AH0HJ;;AI5MA;EACI,wBAAA;AJ+MJ;;AI3MA;EACI,qBAAA;EACA,mBAAA;AJ8MJ;;AI3MA;EACI,gBAAA;EACA,uBAAA;AJ8MJ;;AI3MA;EAEI,YAAA;EACA,mBAAA;EACA,kBAAA;EACA,kBAAA;EACA,QAAA;EACA,qBAAA;AJ6MJ;AI3MI;EACI,mBAAA;EACA,kBAAA;EACA,uBAAA;EACA,wBAAA;EACA,sCAAA;EACA,sBAAA;AJ6MR;;AIvMA;EACI,aAAA;EACA,mCAAA;AJ0MJ;;AIvMA;EACI,cAAA;EACA,iBAAA;EACA,6BAAA;EACA,kBAAA;EACA,qBAAA;AJ0MJ;AIxMI;EACI,mBAAA;AJ0MR;AIzMQ;EACI,wBAAA;EACA,kBAAA;AJ2MZ;;AInMA;EACI,eAAA;AJsMJ;;AInMA;EACI,kBAAA;EACA,UAAA;EACA,kBAAA;EACA,OAAA;EACA,aAAA;EACA,kCAAA;EACA,6CAAA;EACA,gCAAA;EACA,eAAA;EACA,wBAAA;EACA,uBAAA;AJsMJ;;AIlMA;;EAEI,mBAAA;EACA,UAAA;EACA,cAAA;EACA,wBAAA;AJqMJ;;AInMA;EACI,WAAA;EACA,+DAAA;AJsMJ;;AInMA;EACI,oCAAA;AJsMJ;;AKnSA;EACI,sCAAA;EACA,iBAAA;EACA,4BAAA;ALsSJ;;AMvSA;EACI,gBAAA;EACA,iBAAA;EAEA,8BAAA;EACA,mBAAA;EAEA,oBAAA;EACA,mBAAA;EACA,uBAAA;EACA,+BAAA;EAEA,gCAAA;EACA,eAAA;ANuSJ;AMrSI;EACI,YAAA;EACA,qBAAA;EACA,gBAAA;EACA,oBAAA;EACA,mBAAA;EACA,uBAAA;EACA,WAAA;EACA,YAAA;ANuSR;;AOhUA;EAEI,2BAAA;EACA,gBAAA;EACA,uBAAA;EACA,mBAAA;EACA,qBAAA;APkUJ;AOjUI;EAAM,aAAA;APoUV;AOlUI;EACI,YAAA;EACA,kBAAA;EACA,qBAAA;EACA,oBAAA;EACA,OAAA;EACA,iCAAA;APoUR;AOlUI;EACI,0BAAA;APoUR;AOnUQ;EACI,WAAA;EACA,kDAAA;UAAA,0CAAA;APqUZ;;AQxVA;EACI,YAAA;EACA,WAAA;EACA,cAAA;EAEA,iBAAA;EACA,mBAAA;AR0VJ;AQzVI;EACI,kBAAA;AR2VR;;AQtVA;EACI,YAAA;EACA,WAAA;EACA,gBAAA;ARyVJ;;AQtVA;EACI,gCAAA;EACA,YAAA;ARyVJ;;AQtVA;EACI,gCAAA;EACA,YAAA;EACA,WAAA;EACA,aAAA;EACA,sBAAA;EACA,mBAAA;ARyVJ;AQvVI;EACI,0CAAA;EACA,gCAAA;ARyVR;AQxVQ;EACI,WAAA;EACJ,YAAA;EACA,oBAAA;KAAA,iBAAA;AR0VR;AQtVI;EACI,0CAAA;EACA,0BAAA;EACA,6BAAA;EACA,6CAAA;ARwVR;;AQnVA;;0DAAA;AAIA;EACI,qDAAA;EACA,2DAAA;ARqVJ;;AQlVA;EACI,6BAAA;ARqVJ;;AQ7UA;;0DAAA;AAIA;EACI,kBAAA;EACA,MAAA;EACA,WAAA;EACA,YAAA;AR+UJ;;AQ5UA;EACI,WAAA;EACA,YAAA;EACA,kBAAA;EACA,MAAA;EACA,eAAA;EACA,oBAAA;AR+UJ;;AQ7UA;EACI,OAAA;ARgVJ;;AQ9UA;EACI,QAAA;ARiVJ;;AQ9UA;EACI,YAAA;EACA,kBAAA;EACA,WAAA;ARiVJ;;AQ9UA;;EAEI,aAAA;EACA,QAAA;EACA,2BAAA;EACA,kBAAA;EAEA,eAAA;EACA,UAAA;ARgVJ;;AQ7UA;;EAGI,YAAA;AR+UJ;;AQ5UA;EACI,YAAA;EACA,UAAA;AR+UJ;;AQ5UA;EACI,YAAA;EACA,WAAA;AR+UJ;;AQ5UA,yFAAA;AAII;EACI,QAAA;AR4UR;;AQ7UI;EACI,WAAA;ARgVR;;AQjVI;EACI,WAAA;ARoVR;;AQ9UI;EACI,WAAA;ARiVR;;AQ/UI;;EAEI,WAAA;ARkVR;;AQvVI;EACI,WAAA;AR0VR;;AQxVI;;EAEI,WAAA;AR2VR;;AQhWI;EACI,WAAA;ARmWR;;AQjWI;;EAEI,WAAA;ARoWR;;ASrfA;EACI,aAAA;EACA,eAAA;EACA,mBAAA;EACA,cAAA;ATwfJ;;ASrfA;EACI,YAAA;EACA,YAAA;EACA,aAAA;EACA,uBAAA;EACA,mBAAA;EACA,gBAAA;ATwfJ;;ASrfA;EACI,eAAA;EACA,gBAAA;EACA,WAAA;EACA,YAAA;EACA,sBAAA;KAAA,mBAAA;ATwfJ;;ASrfA;;EAEI,eAAA;EACA,gBAAA;EACA,WAAA;EACA,YAAA;EACA,sBAAA;KAAA,mBAAA;ATwfJ;;ASrfA;EACI,YAAA;ATwfJ;;AStfA;EACI,WAAA;EACA,YAAA;ATyfJ;;ASvfA;EACI,YAAA;EACA,YAAA;AT0fJ;;ASxfA;EACI,YAAA;EACA,4BAAA;AT2fJ;;ASzfA;EACI,WAAA;EACA,YAAA;AT4fJ;;AS1fA;EACI,YAAA;AT6fJ;;AS3fA;EACI,YAAA;EACA,aAAA;AT8fJ;;AS5fA;EACI,YAAA;EACA,YAAA;AT+fJ;;AS7fA;EACI,WAAA;EACA,YAAA;ATggBJ;;AUhkBQ;EACI,WAAA;EACA,iBAAA;EACA,yBAAA;EACA,gCAAA;AVmkBZ;;AWxkBA;EACI,oCAAA;EACA,uCAAA;AX2kBJ;AWzkBI;EACI,+BAAA;EACA,8BAAA;AX2kBR;;AYllBA;EACI,2BAAA;AZqlBJ;;AatlBA;EACI,oCAAA;EACA,gCAAA;EACI,8BAAA;EACA,uBAAA;EAGJ,6BAAA;EACA,gDAAA;EAEA,iCAAA;EAEA,aAAA;EACA,sBAAA;AbqlBJ;AanlBI;EACI,oCAAA;AbqlBR;AarmBA;EAoBI,eAAA;AbolBJ;AallBI;EACI,8BAAA;EACA,iBAAA;EACA,gBAAA;EACA,kBAAA;EACA,mBAAA;AbolBR;AajlBI;EACI,kBAAA;EACA,mBAAA;EACA,eAAA;EACA,8BAAA;EACA,kBAAA;EACA,eAAA;EACA,+BAAA;EACA,iCAAA;AbmlBR;AahlBI;EACI,iBAAA;EACA,YAAA;EACA,kBAAA;AbklBR;Aa/kBI;EACI,8BAAA;AbilBR;AahlBQ;EACI,8BAAA;AbklBZ;;AcjoBA;EACI,8BAAA;AdooBJ;AcnoBI;EAEI,mBAAA;AdooBR;;AcvnBA;EACI,oBAAA;Ad0nBJ;AcznBI;EACI,kDAAA;EACA,kBAAA;Ad2nBR;AcznBQ;EACI,4BAAA;EACA,cAAA;Ad2nBZ;ActnBI;EACI,aAAA;EACA,sBAAA;EACK,mBAAA;AdwnBb;AcrnBI;EACQ,uCAAA;EAEE,aAAA;EAEH,gCAAA;EACH,6BAAA;AdqnBR;AclnBI;EACI,iBAAA;EACA,8BAAA;EAEA,mBAAA;AdmnBR;AchnBI;EACI,2BAAA;EACA,eAAA;EACA,sCAAA;AdknBR;;AcvmBA;EACI,WAAA;EACA,8BAAA;Ad0mBJ;AcxmBI;EACI,8BAAA;Ad0mBR;;AcjmBA;EACI,gBAAA;EACA,kDAAA;AdomBJ;AclmBI;EACI,cAAA;EACA,kBAAA;EACA,WAAA;EACA,eAAA;AdomBR;Ac/lBI;EACI,gBAAA;EAEA,sCAAA;EACA,mBAAA;AdgmBR;AcjnBA;EAsBI,4BAAA;Ad8lBJ;Ac7lBI;EACI,2BAAA;EAEA,eAAA;EACA,cAAA;EACA,sCAAA;Ad8lBR;Ac3lBI;EACI,aAAA;Ad6lBR;Ac1lBI;EACI,gBAAA;EACA,aAAA;EACA,uBAAA;EACA,gBAAA;EACA,iCAAA;EACA,oCAAA;Ad4lBR;AczlBQ;EAEI,gBAAA;EACA,eAAA;EACA,eAAA;EACA,kBAAA;EAGA,gCAAA;EACA,mBAAA;EAEA,oBAAA;EACA,mBAAA;EACA,uBAAA;EACA,+BAAA;EACA,kBAAA;EACA,gCAAA;EACA,eAAA;AdulBZ;AcrlBY;EACI,oCAAA;AdulBhB;AcjlBQ;EACI,qBAAA;EACA,mBAAA;EACA,iBAAA;EACA;;KAAA;AdqlBZ;Ac/kBI;EACI,cAAA;EAGA,oCAAA;Ad+kBR;;ActkBI;;EAEI,iBAAA;EACA,kBAAA;EACA,kBAAA;AdykBR;AcvkBQ;;EACI,yBAAA;Ad0kBZ;ActkBI;EACI,aAAA;EACA,WAAA;AdwkBR;AcpkBI;EACI,iBAAA;EACA,iBAAA;AdskBR;AcpkBQ;EACI,uBAAA;EACA,kBAAA;AdskBZ;AclkBI;EACI,iBAAA;EACA,iBAAA;EACA,oBAAA;EACA,aAAA;EACA,uBAAA;EACA,mBAAA;EACA,UAAA;EACA,WAAA;EACA,kBAAA;EACA,oCAAA;EACA,yBAAA;EACA,0CAAA;EACA,kBAAA;EACA,UAAA;EACA,QAAA;AdokBR;AchkBI;EACI,iCAAA;AdkkBR;;Ac5jBA;EACI,YAAA;EACA,kBAAA;EACA,8CAAA;EACA,oBAAA;EAEA,kBAAA;EC5LA,qBAAA;EACA,wBAAA;Af2vBJ;Ae1vBI;EACI,aAAA;Af4vBR;AczkBA;EAQI,oCAAA;EACA,uCAAA;AdokBJ;AclkBI;EAEI,iCAAA;EACA,aAAA;EACA,yBAAA;AdmkBR;AchkBQ;EACI,cAAA;AdkkBZ;AcjkBY;EACI,aAAA;EACC,WAAA;AdmkBjB;AclkBe;EACC,WAAA;EACA,iBAAA;AdokBhB;AchkBQ;EACI,mDAAA;EACA,cAAA;EACA,4CAAA;EACA,kBAAA;AdkkBZ;;Ac3jBA;EACI,aAAA;EACA,kBAAA;EACA,2BAAA;EACA,eAAA;EACA,kDAAA;Ad8jBJ;Ac5jBI;EACI,YAAA;Ad8jBR;Ac5jBQ;EACO,0CAAA;EACH,WAAA;Ad8jBZ;Ac1jBI;EACI,aAAA;Ad4jBR;AcxjBI;EACI,yCAAA;Ad0jBR;;AgB71BA;EAEI,aAAA;EAGA,aAAA;EACA,eAAA;EACA,uBAAA;EAEA,6BAAA;EACA,+BAAA;EACA,uCAAA;AhB41BJ;AgBx1BI;EACM,oDAAA;AhB01BV;;AgBl1BA;EACI,uCAAA;AhBq1BJ;AgBp1BI;EAGI,aAAA;EACA,mBAAA;EACA,8BAAA;EACA,gBAAA;EACA,yCAAA;EAEA,kCAAA;EACA,2CAAA;EACA,0BAAA;EACA,iDAAA;AhBm1BR;AgBj1BQ;EACI,2BAAA;AhBm1BZ;AgBh1BQ;EACI,gBAAA;AhBk1BZ;;AiB33BI;EFHA,WEIkB;EFHlB,YEGkB;AjB+3BtB;Aeh4BI;EACI,WAAA;EACA,YAAA;Afk4BR;AiBh4BI;EFIA,WEHwB;EFIxB,YEJwB;AjBm4B5B;Ae73BI;EACI,WAAA;EACA,YAAA;Af+3BR;Ae73BQ;EACI,aAAA;Af+3BZ;Ae53BQ;EACI,gBAAA;Af83BZ;Ae33BQ;EACI,WAAA;Af63BZ;AiB74BM;EACE,aAAA;AjB+4BR;AiB15BA;EAgBI,aAAA;EACA,sBAAA;EACA,kBAAA;EAEA,0CAAA;EACA,aAAA;AjB44BJ;AiB14BI;EAAa,QAAA;AjB64BjB;AiB54BI;EAAQ,QAAA;AjB+4BZ;AiB94BI;EAAQ,QAAA;AjBi5BZ;AiB/4BI;EFKA,WAAA;EACA,eELuB;EFMvB,gBAAA;EACA,cAAA;Af64BJ;Ae34BI;EACI,WAAA;EACA,YAAA;EACA,oBAAA;KAAA,iBAAA;Af64BR;AiB15BI;EAGI,gCAAA;EACA,gBAAA;AjB05BR;AiBt5BI;EACI,oCAAA;EACA,YAAA;EACA,kCAAA;EACA,gBAAA;EACA,0CAAA;AjBw5BR;AiBv5BQ;EACI,YAAA;EACA,qBAAA;AjBy5BZ;AiBr5BI;EACI,mBAAA;EACA,gBAAA;EACA,kBAAA;EACA,0CAAA;EACA,uBAAA;AjBu5BR;AiBp5BI;EACI,kBAAA;AjBs5BR;AiBn5BI;EACI,qCAAA;EACA,2CAAA;AjBq5BR","file":"style.css"} \ No newline at end of file +{"version":3,"sources":["style.css","css/abstracts/_var.scss","css/_base.scss","css/_site-header.scss","css/_site-nav.scss","css/_site-footer.scss","css/components/_buttons.scss","css/abstracts/_mixins.scss","css/components/_slideshow.scss","css/components/_logos-container.scss","css/components/_team.scss","css/components/_sort.scss","css/components/_view-toggle.scss","css/_page-header.scss","css/_page-grid.scss","css/_page-nav.scss","css/_page-content.scss","css/_home-item-nav.scss","css/_home.scss","css/components/_species-list.scss","css/components/_taxon-card.scss","css/components/_taxon-card-inline.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file diff --git a/assets/style.scss b/assets/style.scss index 263fdbb..a485a97 100755 --- a/assets/style.scss +++ b/assets/style.scss @@ -7,18 +7,23 @@ @use "css/site-nav"; @use "css/site-footer"; @use "css/components/buttons"; -@use "css/components/see-more"; @use "css/components/slideshow"; @use "css/components/logos-container"; @use "css/components/team"; +@use "css/components/sort"; +@use "css/components/view-toggle"; @use "css/page-header"; +@use "css/page-grid"; +@use "css/page-nav"; @use "css/page-content"; + @use "css/home-item-nav"; @use "css/home"; @use "css/components/species-list"; @use "css/components/taxon-card"; +@use "css/components/taxon-card-inline"; diff --git a/cgu.html b/cgu.html new file mode 100644 index 0000000..48f6c5b --- /dev/null +++ b/cgu.html @@ -0,0 +1,76 @@ + + + + + + + Botascopia + + + + + + + + + + + +
+ +
+

Conditions Générales d'Utilisation de Botascopia

+

Ces conditions concernent le site internet, le code et les données. Elles en établissent les conditions d'usage (consultation, moissonnage, exécution des logiciels, consultation ou minage des données, réutilisation, diffusion, dépôts de collections, édition des fiches).

+

Les collections et les données entrées sur le site par les utilisateurs sont sourcées et référencées, c'est à dire que l'auteur de la collection ou de la valeur est enregistré et sa contribution sera reconnue sur le site. Sur demande ces données peuvent être effacées à tout moment.

+

La génération de clefs et de fiches et la consultation des données sont des usages du site qui sont soumis à la propriété intellectuelle, et les grands principes des droits et devoirs des utilisatrices et utilisateurs sont ceux de la licence open data common licence OCBL-BY-SA-CU (compatible with creative commons CC), c'est à dire que la consulation est offerte, la réutilisation est soumise à la citation (BY) et le partage selon les mêmes principes (SA), et l'usage est contrôlé (CU) par une clause morale, conformément au principe usageright. Voici notre clause:

+

The use, redistribution, harvesting or mining of data on the site and its contents, data and codes, by manual or automatic collection devices, is subject to the commitment to exploit neither humans nor natural resources (refering to human rights and planetary boundaries). In particular, automated harvesting for the purpose of automatic learning of generative models is excluded.

+

Le collectif Botascopia s’oppose de surcroît à toutes opérations de moissonnage et de fouille de textes et de données au + sens de l’article L. 122-5-3 du code de la propriété intellectuelle. + Cette opposition couvre l’ensemble du Site et des Contenus auxquels il donne accès.

+
+ + + + +
+ + + + + + + + + + + + \ No newline at end of file diff --git a/components/icons/view-grid.svg b/components/icons/view-grid.svg new file mode 100644 index 0000000..381f3f4 --- /dev/null +++ b/components/icons/view-grid.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/components/icons/view-list.svg b/components/icons/view-list.svg new file mode 100644 index 0000000..fa3d558 --- /dev/null +++ b/components/icons/view-list.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/components/site-nav.html b/components/site-nav.html index 02b32a0..cb86129 100644 --- a/components/site-nav.html +++ b/components/site-nav.html @@ -1,6 +1,6 @@