diff --git a/README.md b/README.md index c8040b2..e72299c 100644 --- a/README.md +++ b/README.md @@ -1,4 +1,4 @@ -# Georivière-website +# GeoRivière-website Please gives us a visit at [https://georiviere.fr/](http://georiviere.fr/) @@ -61,9 +61,16 @@ Nécéssite un environnement Ruby (cf [la doc de Jekyll](https://jekyllrb.com/do bundle install bundle exec jekyll serve ``` +#### Avec docker +``` +docker pull jekyll/jekyll:4.2.2 +docker run -ti --rm -v .:/srv/jekyll jekyll/jekyll:4.2.2 jekyll build +docker run -ti --rm --volume .:/srv/jekyll -p 4000:4000 jekyll/jekyll:4.2.2 jekyll serve +``` ### Publier sur gh-pages ``` git push origin gh-pages ``` +Logo MCT diff --git a/_config.yml b/_config.yml index 9a4830f..dffa147 100644 --- a/_config.yml +++ b/_config.yml @@ -53,8 +53,11 @@ translate_menu: name: "Accueil" url: "index.html" application: - name: "Application" + name: "Logiciel métier" url: "application.html" + portailpublic: + name: "Portail public" + url: "portailpublic.html" apropos: name: "À propos" url: "apropos.html" diff --git a/_includes/navigation.html b/_includes/navigation.html index e884676..567467d 100644 --- a/_includes/navigation.html +++ b/_includes/navigation.html @@ -5,12 +5,12 @@ diff --git a/_includes/ressources.md b/_includes/ressources.md index 297870a..1cfdcb9 100644 --- a/_includes/ressources.md +++ b/_includes/ressources.md @@ -6,15 +6,16 @@ - [Echanges techniques](https://github.com/Georiviere/Georiviere-admin/issues) - [Politique de marque](https://github.com/Georiviere/Georiviere-admin/blob/master/docs/Georiviere-politiquemarque--1.0.pdf) -## Démo +## Démos -### Georivière-Admin +### GeoRivière-Admin -[https://demo-admin.georiviere.fr/](https://demo-admin.georiviere.fr/) (utilisateur : demo | mot de passe : georiviere) +- [https://demo-admin.georiviere.fr/](https://demo-admin.georiviere.fr/) (utilisateur : demo | mot de passe : georiviere) -### Georivière-Public +### GeoRivière-Public -[https://georiviere.parc-haut-jura.fr/](https://georiviere.parc-haut-jura.fr/) +- [https://georiviere.parc-haut-jura.fr/](https://georiviere.parc-haut-jura.fr/) +- [https://adopteuncoursdeau.eau-grandsudouest.fr/](https://adopteuncoursdeau.eau-grandsudouest.fr/) ## Présentations @@ -27,7 +28,7 @@ - [Atelier Blue Hats 10/06/2022](https://www.dailymotion.com/video/x8bmpn1) et [article associé](https://code.gouv.fr/fr/bluehats/georiviere/) - [Pêche en ligne - ARRA² - 01/12/2022 - vidéo](https://www.youtube.com/watch?v=9ZqEtnzpEwI) -- [Webinaire - Georivière et les possibilités d'exploitation des données SIG en lien avec la compétence GEMAPI - 28/03/2023](https://collaboratif.openig.org/index.php/s/o2GKHkCc3PqBNPK) +- [Webinaire - GeoRivière et les possibilités d'exploitation des données SIG en lien avec la compétence GEMAPI - 28/03/2023](https://collaboratif.openig.org/index.php/s/o2GKHkCc3PqBNPK) ## Articles @@ -42,6 +43,7 @@ - [Revue Eau Industrie Nuisances 14/04/2022](https://www.revue-ein.com/actualite/georiviere-l-application-de-suivi-et-de-gestion-des-cours-d-eau) - [Surveillez nos cours d’eau avec le site GéoRivière conçu par le Parc 27/05/2023](https://www.leprogres.fr/environnement/2023/05/27/surveillez-nos-cours-d-eau-avec-le-site-georiviere-concu-par-le-parc) - [Webinaire « Présentation de l’outil Géorivière, un outil de gestion et de suivi des cours d’eau »](https://atbvb.fr/webinaire-presentation-de-loutil-georiviere-un-outil-de-gestion-et-de-suivi-des-cours-deau/) +- [GeoRivière, de nouvelles évolutions en perspective](https://makina-corpus.com/gestion-de-leau/georiviere-nouvelles-evolutions-perspective) ## Référencement diff --git a/_posts/2024-03-02-georiviereportailpublic.markdown b/_posts/2024-03-02-georiviereportailpublic.markdown index 077a307..3f827a9 100644 --- a/_posts/2024-03-02-georiviereportailpublic.markdown +++ b/_posts/2024-03-02-georiviereportailpublic.markdown @@ -1,29 +1,29 @@ --- -title: "Découvrez Georivière grand public" +title: "Découvrez GeoRivière grand public" date: 2024-03-04 lang: fr ref: post-20240302 ---

-L'outil de participation citoyenne pour sensibiliser aux enjeux de gesiton des milieux aquatiques ! +L'outil de participation citoyenne pour sensibiliser aux enjeux de gestion des milieux aquatiques !

Page de détail permettant de sensibiliser à une espèce protégée

-Après une nouvelle phase de développement, la suite logicielle Georivière s'enrichie avec une nouvelle brique de valorisation à destination des citoyen·ne·s, et des personnes venues visiter le territoire. +Après une nouvelle phase de développement, la suite logicielle GeoRivière s'enrichit avec une nouvelle brique de valorisation à destination des citoyen·ne·s et des personnes venues visiter le territoire.

-Pour ce site, un objectif double : sensibiliser aux actions réalisées sur le territoire et permettre aux internautes de contribuer à la connaissance des milieux aquatiques via des formulaires de saisie. +Pour ce site, un double objectif : sensibiliser aux actions réalisées sur le territoire et permettre aux internautes de contribuer à la connaissance des milieux aquatiques via des formulaires de saisie.

-La nouvelle brique Georivière-Public, totalement open-source, vient donc compléter l'offre de services disponibles pour les structures exerçant la compétence GEMAPI. +La nouvelle brique GeoRivière-Public, totalement open-source, vient donc compléter l'offre de services disponibles pour les structures exerçant la compétence GEMAPI.

@@ -31,16 +31,16 @@ La nouvelle brique Geo

-Maintenant tous le monde peut participer à la protection et la surveillance des cours d'eau avec Georivière version grand public ! +Maintenant tout le monde peut participer à la protection et à la surveillance des cours d'eau avec GeoRivière version grand public ! -Georivière propose cet outil en ligne pour faire remonter toutes sortes d'informations sur les cours d'eau : qualité et quantité d'eau, faune et flore remarquable ou invasive, dégâts potentiels... +GeoRivière propose cet outil en ligne pour faire remonter toutes sortes d'informations sur les cours d'eau : qualité et quantité d'eau, faune et flore remarquables ou invasives, dégâts potentiels...

-

Un outil au service de la sensibilisation et la participation !

+

Un outil au service de la sensibilisation et de la participation !

Les utilisateurs peuvent se géolocaliser, joindre des photos et indiquer des niveaux de gravité pour des constats de dégâts. Le site donne également des infos sur la rivière concernée comme la réglementation en vigueur ou encore les espèces présentes. -Les données serviront aux équipes utilisant Georivière pour programmer des chantiers participatifs ou des travaux de restauration de plus grande ampleur. +Les données serviront aux équipes utilisant GeoRivière pour programmer des chantiers participatifs ou des travaux de restauration de plus grande ampleur.

-

Découvrez dès à présent la version utilisée par le Parc Naturel Régional du Haut Jura : georiviere.parc-haut-jura.fr

+

Découvrez dès à présent la version utilisée par le Parc Naturel Régional du Haut-Jura : georiviere.parc-haut-jura.fr

diff --git a/application.html b/application.html index 376b69c..7a2f4bb 100644 --- a/application.html +++ b/application.html @@ -1,59 +1,59 @@ --- layout: default -title: Application +title: Logiciel métier class: application lang: fr ref: application --- -
- {% include navigation.html %} - -
-

Gérer & suivre les cours d'eau de votre territoire

-
-
- -

Description Connaissance

-

Structurer les observations terrain effectués par votre équipe pour mieux connaître et gérer les rivières de votre périmètre d’intervention

- En savoir plus -
-
- -

Surveillance Monitoring

-

Organiser et visualiser l’ensemble des données de suivi et de surveillance des cours d’eau et de leur bassin versant de votre territoire

- En savoir plus -
-
- -

Planification intervention

-

Organiser et planifier au mieux les actions d’entretien courant et de restauration des milieux aquatiques et partager les résultats

- En savoir plus -
-
+ {% include navigation.html %} +
+

Gérer & suivre les cours d'eau de votre territoire

+
+
+ +

Description Connaissance

+

Structurer les observations terrain effectués par votre équipe pour mieux connaître et gérer les rivières de votre périmètre d’intervention

+ En savoir plus +
+
+ +

Surveillance Monitoring

+

Organiser et visualiser l’ensemble des données de suivi et de surveillance des cours d’eau et de leur bassin versant de votre territoire

+ En savoir plus +
+
+ +

Planification Intervention

+

Organiser et planifier au mieux les actions d’entretien courant et de restauration des milieux aquatiques et partager les résultats

+ En savoir plus +
+
+ +

Sensibilisation Valorisation

+

Prévenir, informer et promouvoir l’ensemble des données de cours d’eau ainsi que des bassins versants de votre territoire

+ En savoir plus +
+
-
- -
-

Description & Connaissance

-
-
-
- -
- -
-

Modules qui proposent une visualisation des cours d'eau de votre territoire, leurs caractéristiques et répertorient les connaissances pour optimiser la gestion

-

GeoRivière permet d'observer et suivre les linéaires de cours d’eau de votre territoire. Grâce à ses fonctionnalités SIG, cette application métier structure de façon pertinente les données produites ou collectées par les gestionnaires. L’outil permet d'éditer et d'afficher des rivières, des bassins versants et toutes autres données essentielles avec une visualisation cartographique : périmètres administratifs, zonage environnementaux, zone humide, etc.

-

Chaque donnée renseignée dans l’outil est recoupée avec l’ensemble de la base de données. Ainsi, l'application propose notamment une vision exhaustive des données disponibles sur un cours d’eau. Des fichiers peuvent être chargés et liés à chaque élément de l’outil.

-

Cette solution web structure et bancarise toute la connaissance autour de la gestion des rivières sur le long terme et ainsi facilite le travail des gestionnaires au quotidien. -

-
+ +
+

Description & Connaissance

+
+
+
+
- - +
+

Modules qui proposent une visualisation des cours d'eau de votre territoire, leurs caractéristiques et répertorient les connaissances pour optimiser la gestion

+

GeoRivière permet d'observer et suivre les linéaires de cours d’eau de votre territoire. Grâce à ses fonctionnalités SIG, cette application métier structure de façon pertinente les données produites ou collectées par les gestionnaires. L’outil permet d'éditer et d'afficher des rivières, des bassins versants et toutes autres données essentielles avec une visualisation cartographique : périmètres administratifs, zonage environnementaux, zone humide, etc.

+

Chaque donnée renseignée dans l’outil est recoupée avec l’ensemble de la base de données. Ainsi, l'application propose notamment une vision exhaustive des données disponibles sur un cours d’eau. Des fichiers peuvent être chargés et liés à chaque élément de l’outil.

+

Cette solution web structure et bancarise toute la connaissance autour de la gestion des rivières sur le long terme et ainsi facilite le travail des gestionnaires au quotidien. +

+
+
@@ -70,26 +70,24 @@

Module description

Module connaissances

Localisation des observations terrain qui ont un enjeu en termes de gestion : érosion des berges, ripisylve, embâcles, seuils, évolution de lit, frayères, atterrissement, pollutions, espèces invasives/patrimoniales, etc.

-
- -
+
+
-

Surveillance & Monitoring

+

Surveillance & Monitoring

-
- -
- -
-

Modules pour organiser et visualiser l’ensemble des données de suivi et de surveillance des cours d’eau ainsi que des bassins versant de votre territoire

-

Face aux nombreuses données de surveillance existantes, GeoRivière permet d’organiser et de structurer les études ou les stations de suivi pour faciliter l’accès à des informations spécifiques. Il est également possible de suivre les atteintes et les contentieux sur un territoire.

-

Grâce à GeoRivière disposez des données de surveillance de façon exhaustive. Aussi, l'outil s’interface avec d’autres bases de données pour de la consultation ou de l’échange.

-

Actuellement GeoRivière récupère quotidiennement les données des APIs Hub’eau (service de diffusion de données adossé aux banques nationales du SIE) pour afficher sur une carte vos stations de mesure : API température, API qualité et API hydrométrie. -

-
+
+ +
+
+

Modules pour organiser et visualiser l’ensemble des données de suivi et de surveillance des cours d’eau ainsi que des bassins versant de votre territoire

+

Face aux nombreuses données de surveillance existantes, GeoRivière permet d’organiser et de structurer les études ou les stations de suivi pour faciliter l’accès à des informations spécifiques. Il est également possible de suivre les atteintes et les contentieux sur un territoire.

+

Grâce à GeoRivière disposez des données de surveillance de façon exhaustive. Aussi, l'outil s’interface avec d’autres bases de données pour de la consultation ou de l’échange.

+

Actuellement GeoRivière récupère quotidiennement les données des APIs Hub’eau (service de diffusion de données adossé aux banques nationales du SIE) pour afficher sur une carte vos stations de mesure : API température, API qualité et API hydrométrie. +

+
@@ -106,66 +104,90 @@

Module Stations

Module Contentieux

Suivi des procédures d'atteintes ou de remise en état concernant les milieux aquatiques

- -
- -
+
+
-

Planification & Intervention

+

Planification & Intervention

+
+ +
+
+

Modules pour organiser et planifier au mieux les actions d’entretien courant et de restauration des milieux aquatiques et partager les résultats

+

A partir des connaissances (ouvrages, pollution, végétations, espèces invasives, inondations, etc.) le gestionnaire peut planifier des interventions.

+

Dans un même dossier administratif et financier, les institutions peuvent piloter plusieurs opérations en y inscrivant : prestataires, budgets, coûts matériels, coûts humains, etc. Cette fonctionnalité permet de rendre compte de la gestion, du suivi et des actions sur le territoire à l’aide d’exports sous différents formats (pdf, csv, geosjon).

+
+
+
+
+ +

Module suivi

+

Informations des suivis techniques avec intégration de photos : station d’espèces invasives, érosion de berge, etc.

+
+
+ +

Module interventions

+

Planification et suivi des interventions ou des travaux de gestion à effectuer : entretien courant, travaux d’ouvrage, restauration, etc.

+
+
+ +

Module administratif

+

Suivi administratif et financier d’un groupement d’actions/d’objets : répartition budgétaire, renseignement des coûts, suivi des consommations budgétaires, etc.

+
+
+
+ +
+

Sensibilisation & Valorisation

+
+
- +
-
-

Modules pour organiser et planifier au mieux les actions d’entretien courant et de restauration des milieux aquatiques et partager les résultats

-

A partir des connaissances (ouvrages, pollution, végétations, espèces invasives, inondations, etc.) le gestionnaire peut planifier des interventions.

-

Dans un même dossier administratif et financier, les institutions peuvent piloter plusieurs opérations en y inscrivant : prestataires, budgets, coûts matériels, coûts humains, etc. Cette fonctionnalité permet de rendre compte de la gestion, du suivi et des actions sur le territoire à l’aide d’exports sous différents formats (pdf, csv, geosjon).

-
-
- - -
-
- -

Module suivi

-

Informations des suivis techniques avec intégration de photos : station d’espèces invasives, érosion de berge, etc.

-
-
- -

Module interventions

-

Planification et suivi des interventions ou des travaux de gestion à effectuer : entretien courant, travaux d’ouvrage, restauration, etc.

-
-
- -

Module administratif

-

Suivi administratif et financier d’un groupement d’actions/d’objets : répartition budgétaire, renseignement des coûts, suivi des consommations budgétaires, etc.

-
- -
- - -
-

Et d'autres évolutions en perspective !

-
+

Modules pour prévenir, informer et promouvoir l’ensemble des données à caractère public votre territoire. Les informations saisies peuvent remonter directement dans GeoRivière-Public

+

Afin de permettre de sensibiliser les usagers aux enjeux associés à la gestion de l'eau, il est possible via le module Valorisation de mettre en avant des objets représentant des connaissances ou des actions réalisées dans le cadre de la GEMAPI.

+

La valorisation des zones réglementaires peut être réalisées via le module Zones Sensible, capable de visibiliser les différents espaces protégées (APPB, Natura2000, Réserves, Zones de quiétude, etc.). Une synchronisation de ces objets est possible avec la plateforme Biodiv'Sport.

+

Pour permettre de reccueillir les données transmises par le public depuis le terrain, le module Contributions offre une interface de traitement des informations issues de formulaires personnalisés, permettant ainsi de travailler sur les signalements et de promouvoir les participations citoyennes reçues.

+
+ +
-

Un outil grand public

-

Pour valoriser les cours d’eau et les actions réalisées et faire remonter par le grand public des alertes/atteintes sur les cours d’eau et sur les bassins versants auprès du gestionnaire : dépôt déchets, rejets/pollutions, érosion, espèces invasives, etc.

+ +

Module Zones sensibles

+

Inventaire et gestion des zonages réglementaires ou d'espèces protégées ou patrimoniales.

-

De nouvelles collaborations

-

De nouvelles APIS devraient être intégrées dans l’outil : l’API Hydrobiologie pour compléter les données existantes et l’API Hydrométrie en mode élaborée pour obtenir les débits moyens journaliers et mensuels. Il est également envisagé de s'interfacer avec d'autres bases nationales.

+ +

Module Valorisation

+

Localisation des points d'intérêt à proximité des cours d'eau : actions réalisées, connaissances, partenaires, lieux d'informations, etc.

+ +

Module Contributions

+

Suivi des signalements remontés par les internautes via le formulaire dédié sur le portail public.

+
+
+
+

Et d'autres évolutions en perspective !

+
+
+

Une visualisation graphique des données Hub'Eau

+

Afin d'enrichir la visualisation des données et la connaissance des données relevées sur les cours d'eau, GeoRivière se dotera d'outils de mise en forme graphique des informations issues des API Hub'EAU. Via une utilisation transverse de ces données, l'outil de gestion permettra de relier des informations plus détaillées : comparaisons, modifications d'échelles temporelles, associations à des interventions et des connaissances, etc.

+
+
+

De nouvelles collaborations

+

De nouvelles APIS devraient être intégrées dans l’outil : l’API Hydrométrie en mode élaborée pour obtenir les débits moyens journaliers et mensuels. Il est également envisagé de s'interfacer avec d'autres bases nationales et de développer un standard de représentation des données liées à l'eau pour homogénéiser les échanges entre plateformes.

+
+

Enrichissement en continu

-

Une seconde version est déjà en projet avec plusieurs améliorations et nouvelles fonctionnalités : outil de reporting, approfondissement du module administratif, saisie terrain pour certains modules, etc.

+

Une seconde version est déjà en projet avec plusieurs améliorations et nouvelles fonctionnalités : outil de reporting, approfondissement du module administratif, génération de conventions, etc.

+
- -
- -
-

Pour télécharger et installer librement l'outil :

- C'est ici ! -
\ No newline at end of file + +
+

Pour télécharger et installer librement l'outil :

+ C'est ici ! +
\ No newline at end of file diff --git a/apropos.html b/apropos.html index c74f591..4a8e172 100644 --- a/apropos.html +++ b/apropos.html @@ -97,6 +97,12 @@

Ils ont imaginé la première version de l' +
+ + Logo Agence de l'eau Adour-Garonne + +
+ diff --git a/assets/css/_variables.scss b/assets/css/_variables.scss index bdfdbd5..db3e4e3 100644 --- a/assets/css/_variables.scss +++ b/assets/css/_variables.scss @@ -29,6 +29,7 @@ $green-dark: #677331; $orange: #e8491e; $orange-light: #ee6b4d; $turquoise: #3bb6b3; +$jaune: #f9b233; $violet: #9d6bc9; diff --git a/assets/css/components/_application.scss b/assets/css/components/_application.scss index ee46874..c335080 100644 --- a/assets/css/components/_application.scss +++ b/assets/css/components/_application.scss @@ -9,8 +9,8 @@ &__item { background: white; - margin: 0 2rem; - padding: 2rem 4rem; + margin: 0 1rem; + padding: 1rem 2rem; border-radius: 4px; margin-bottom: 2rem; @@ -19,7 +19,23 @@ } @include mq($md) { - flex-basis: 33%; + flex-basis: 21%; + } + } + + &__itemportail { + background: white; + margin: 0 1rem; + padding: 1rem 2rem; + border-radius: 4px; + margin-bottom: 2rem; + + @include mq($sm) { + flex-basis: 40%; + } + + @include mq($md) { + flex-basis: 30%; } } } @@ -107,6 +123,117 @@ } } +.index { + + &__cards { + color: $text-color; + padding: 3rem 2rem; + @include mq($md) { + flex-wrap: nowrap; + } + + &__item { + background: white; + margin: 0 1rem; + padding: 1rem 2rem; + border-radius: 4px; + margin-bottom: 2rem; + + @include mq($sm) { + flex-basis: 40%; + } + + @include mq($md) { + flex-basis: 21%; + position: relative; + top: -50px; + } + } + } + + &__header { + padding: 0rem 0 0 0; + + + &__image { + width: 125px; + margin-top: 1.8rem; + } + + &__title { + letter-spacing: 1px; + font-size: 1.8rem; + margin-bottom: 0; + text-transform: uppercase; + } + + &__subtitle { + margin: 0 auto; + padding: 0 0 1.2rem 0; + letter-spacing: 1px; + max-width: 200px; + border-bottom: solid 1px $beige-light; + } + + &__desc { + margin-bottom: 1.8rem; + } + } + + &__section { + &__header { + text-align: center; + padding: 2rem 1.2rem; + } + + &__title { + padding-bottom: 0; + margin-bottom: 0; + letter-spacing: 1px; + font-size: 27px; + line-height: 1.5em; + text-transform: uppercase; + + @include mq($sm) { + font-size: 2.85rem; + } + } + + &__subtitle { + margin: 0; + letter-spacing: 1px; + } + + + &__image { + width: 100%; + height: auto; + margin-top: -1.5rem; + } + + &:nth-child(odd) { + background: $beige-light; + margin-bottom: 0; + overflow: hidden; + + @include mq($sm) { + .grid__item--70 { + order: 2 + } + } + } + } + + &__content { + margin-top: 0; + display: flex; + align-items: center; + .button { + margin-left: 0; + } + } +} + .features { margin: 0; padding: 0; @@ -149,6 +276,12 @@ } } + &--jaune { + .features__image { + border-color: $jaune; + } + } + &--violet { .features__image { border-color: $violet; diff --git a/assets/css/components/_button.scss b/assets/css/components/_button.scss index 5707d68..b45c725 100644 --- a/assets/css/components/_button.scss +++ b/assets/css/components/_button.scss @@ -92,4 +92,28 @@ color: $violet; } } + + &--turquoise { + background: $turquoise; + border-color: $turquoise; + color: white; + &:hover, &:focus { + background-color: transparent; + border-color: $turquoise; + outline-color: $turquoise; + color: $turquoise; + } + } + + &--jaune { + background: $jaune; + border-color: $jaune; + color: white; + &:hover, &:focus { + background-color: transparent; + border-color: $jaune; + outline-color: $jaune; + color: $jaune; + } + } } diff --git a/assets/css/components/_header.scss b/assets/css/components/_header.scss index 6646fe0..3f68f21 100644 --- a/assets/css/components/_header.scss +++ b/assets/css/components/_header.scss @@ -119,6 +119,7 @@ &--active { font-weight: bold; cursor: default; + border-bottom: solid; } } diff --git a/assets/css/components/_home.scss b/assets/css/components/_home.scss index 40a027b..4532b58 100644 --- a/assets/css/components/_home.scss +++ b/assets/css/components/_home.scss @@ -13,7 +13,7 @@ } &__content { - margin-top: 10rem; + margin-top: 0rem; } img { @@ -105,3 +105,4 @@ } } } + diff --git a/assets/css/components/_index.scss b/assets/css/components/_index.scss new file mode 100644 index 0000000..e8156f4 --- /dev/null +++ b/assets/css/components/_index.scss @@ -0,0 +1,119 @@ +.index { + + &__header { + @include wrapper; + padding: 0 1.2rem; + position: relative; + z-index: 0; + justify-content: flex-start; + + > * { + position: relative; + z-index: 3; + } + + &__content { + margin-top: 10rem; + } + + img { + width: 50%; + height: auto; + } + } + + &__baseline { + margin: 0 0 5rem 0; + font-size: 1.4rem; + text-transform: uppercase; + text-align: center; + } + + &__intro { + + &__headline { + max-width: 800px; + text-align: center; + margin: 4rem auto; + padding: 2rem; + font-size: 2rem; + + small { + padding-top: .5rem; + display: block; + line-height: 150%; + font-weight: 500; + } + } + + &__title { + // font-size: 1.4rem; + letter-spacing: 1px; + text-transform: uppercase; + } + + } + + &__image { + height: 100px; + width: auto; + } + +} + +.grid { + @include wrapper; + overflow: hidden; + margin: 2rem auto; + display: flex; + flex-direction: row; + flex-wrap: wrap; + justify-content: space-around; + + @include mq($sm) { + margin: 0rem auto; + } + + &--center { + text-align: center; + + @include mq($lg) { + padding: 0 6rem; + } + } + + &__item { + flex: 0 0 100%; + padding: 1.2rem 0; + + @include mq($sm) { + padding: 0 2rem; + + &--100 { + flex-basis: 100%; + } + + &--50 { + flex-basis: 50%; + } + + &--33 { + flex-basis: 33%; + } + + &--25 { + flex-basis: 25%; + } + + &--70 { + flex-basis: 70%; + } + + &--30 { + flex-basis: 30%; + } + } + + } +} + diff --git a/assets/css/components/_layout.scss b/assets/css/components/_layout.scss index 0e694c8..3bc1589 100644 --- a/assets/css/components/_layout.scss +++ b/assets/css/components/_layout.scss @@ -117,6 +117,12 @@ a { } } + &--medium-jaune { + &::before { + background: $jaune; + } + } + &--medium-violet { &::before { background: $violet; @@ -215,3 +221,60 @@ a { } } + +.gridindex { + @include wrapper; + overflow: hidden; + margin: 2rem auto; + display: flex; + flex-direction: row; + flex-wrap: wrap; + justify-content: space-around; + + @include mq($sm) { + margin: 0rem auto; + } + + &--center { + text-align: center; + + @include mq($lg) { + padding: 0 6rem; + } + } + + &__item { + flex: 0 0 100%; + padding: 1.2rem 0; + + @include mq($sm) { + padding: 0 2rem; + + &--100 { + flex-basis: 100%; + } + + &--50 { + flex-basis: 50%; + } + + &--33 { + flex-basis: 33%; + } + + &--25 { + flex-basis: 25%; + } + + &--70 { + flex-basis: 70%; + } + + &--30 { + flex-basis: 30%; + } + } + + } +} + diff --git a/assets/img/Logo-agence-Adour-Garonne.png b/assets/img/Logo-agence-Adour-Garonne.png new file mode 100644 index 0000000..7c98200 Binary files /dev/null and b/assets/img/Logo-agence-Adour-Garonne.png differ diff --git a/assets/img/contribute.svg b/assets/img/contribute.svg new file mode 100644 index 0000000..da803d4 --- /dev/null +++ b/assets/img/contribute.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/assets/img/contribution.svg b/assets/img/contribution.svg new file mode 100644 index 0000000..806e54f --- /dev/null +++ b/assets/img/contribution.svg @@ -0,0 +1,19 @@ + + + + + + + + + diff --git a/assets/img/management.svg b/assets/img/management.svg new file mode 100644 index 0000000..6f9f981 --- /dev/null +++ b/assets/img/management.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/assets/img/poi.png b/assets/img/poi.png new file mode 100644 index 0000000..5bf96a8 Binary files /dev/null and b/assets/img/poi.png differ diff --git a/assets/img/public-service.svg b/assets/img/public-service.svg new file mode 100644 index 0000000..72ad6e7 --- /dev/null +++ b/assets/img/public-service.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/assets/img/public_participation.mp4 b/assets/img/public_participation.mp4 new file mode 100644 index 0000000..47d0801 Binary files /dev/null and b/assets/img/public_participation.mp4 differ diff --git a/assets/img/public_sensibilisation.mp4 b/assets/img/public_sensibilisation.mp4 new file mode 100644 index 0000000..ef94f6a Binary files /dev/null and b/assets/img/public_sensibilisation.mp4 differ diff --git a/assets/img/sensibilisation.svg b/assets/img/sensibilisation.svg new file mode 100644 index 0000000..9d4b978 --- /dev/null +++ b/assets/img/sensibilisation.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/assets/img/sensitivearea.png b/assets/img/sensitivearea.png new file mode 100644 index 0000000..3fd093e Binary files /dev/null and b/assets/img/sensitivearea.png differ diff --git a/assets/img/valorisation.gif b/assets/img/valorisation.gif new file mode 100644 index 0000000..96cdaec Binary files /dev/null and b/assets/img/valorisation.gif differ diff --git a/assets/img/valorisation.svg b/assets/img/valorisation.svg new file mode 100644 index 0000000..019ed14 --- /dev/null +++ b/assets/img/valorisation.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/contact.html b/contact.html index 150ab82..0d1c52f 100644 --- a/contact.html +++ b/contact.html @@ -10,7 +10,7 @@ {% include navigation.html %}
-

Envie d'en savoir plus sur Georivière?

+

Envie d'en savoir plus sur GeoRivière?

Ecrivez-nous pour plus d'informations

diff --git a/index.html b/index.html index 56d36fb..88f312d 100644 --- a/index.html +++ b/index.html @@ -1,78 +1,83 @@ --- layout: default title: Accueil -class: home +class: index lang: fr -ref: home +ref: index ---
{% include navigation.html %} - -
+

GeoRivière

GeoRivière logo -

Gérez et suivez vos cours d'eau

- En savoir plus +

Un écosystème logiciel composé de deux briques

+
+
+ +

GeoRivière-Admin

+

Le back-office pour les agents en charge de la GEMAPI

+ En savoir plus +
+
+ +

GeoRivière-public

+

L'interface intuitive de sensibilisation et de participation citoyenne

+ En savoir plus +
+
-
-

Un outil métier - pour le suivi et la gestion des milieux aquatiques +

Un outil métier + pour le suivi et la gestion des milieux aquatiques

-
-
+
+

Utilisation simplifiée

Composé d'un serveur et d'une base de données dédiée, cette application se veut générique et paramétrable dans l'objectif d'une utilisation par toutes autres collectivités titulaires de la compétence GEMAPI, intervenant dans des contextes hydrogéologiques différents. Son installation est simple et documentée.

-
+

Application métier

Cette application métier, composé d'un outil cartographique, accompagne les utilisateurs dans leurs tâches courantes de gestion et de suivi des cours d'eau. Les différentes structures pourront ainsi partager et collaborer pour la préservation et la restauration des milieux aquatiques !

-
+

Open source

Le choix volontaire d'utiliser des technologies Open Source et de libérer de 100% du code de développement permet à tout gestionnaire de rivière intéressé de télécharger, de déployer et de faire évoluer librement GeoRivière. Le développement de nouvelles fonctionnalités seront accessibles à toute la « communauté d’utilisateurs ».

-
- -
+
+

Pour télécharger et installer librement l'outil :

C'est ici ! -
- - -
-

Toutes les actualités autour de GeoRivière

- -
- {% assign featured_posts = site.posts|where:"lang","fr" %} {% for post in featured_posts limit:3 %} -
-

- - {{ post.title }} - - -

-

{% include date.html date=post.date %}{{ month }} {{ year }}

- {% if post.excerpt %} - {{ post.excerpt }} -

- En lire plus -

- {% endif %} - {% if post.image %} - - {% endif %} +
+
+

Toutes les actualités autour de GeoRivière

+
+ {% assign featured_posts = site.posts|where:"lang","fr" %} {% for post in featured_posts limit:3 %} +
+

+ + {{ post.title }} + + +

+

{% include date.html date=post.date %}{{ month }} {{ year }}

+ {% if post.excerpt %} + {{ post.excerpt }} +

+ En lire plus +

+ {% endif %} + {% if post.image %} + + {% endif %} +
+ {% endfor %}
- {% endfor %} - - Voir toutes les actualités -
- - -{% include logos-parcs.html %} + Voir toutes les actualités + + {% include logos-parcs.html %} \ No newline at end of file diff --git a/portailpublic.html b/portailpublic.html new file mode 100644 index 0000000..4975b5a --- /dev/null +++ b/portailpublic.html @@ -0,0 +1,67 @@ +--- +layout: default +title: Portail public +class: application +lang: fr +ref: application +--- +
+ {% include navigation.html %} +
+

Sensibiliser & contribuer à la préservation des milieux aquatiques

+
+
+ +

Sensibilisation Valorisation

+

Partager les connaissances, les données et les actions liées au cours d'eau sur le territoire.

+ En savoir plus +
+
+ +

Participation
citoyenne

+

Participer concrètement à la protection et à la gestion des cours d'eau par la saisie d'observations terrains.

+ En savoir plus +
+
+
+
+
+ +
+

Sensibilisation & Valorisation

+
+
+
+ +
+
+

Pour permettre de promouvoir et visibiliser les données du territoire liées aux milieux aquatiques, les informations de GeoRivière-admin peuvent être rendues publiques sur cette brique de valorisation

+

En centralisant un ensemble de couches de données autour des cours d'eau, GeoRivière-public peut mettre en avant les zones de sensibilité environnementales, les zones reglementaires, ou encore les stations de suivi.

+

La structure administratrice peut choisir pour chaque objet de le publier ou non sur le site web public, laissant ainsi la liberté de conserver des informations à usage interne. Plusieurs portails Georiviere-public peuvent être connectés à un même backoffice en ayant des données différentes, permettant ainsi de déployer de multiples sites pour une promotion à une échelle locale.

+

Via les points d'intérêts, il est possible de mettre en avant des données ponctuelles sur la carte, rattachées à une notion de catégories multiples. Cela s'illustre par la mise en avant de connaissances (espèces patrimoniales, fonctionnement des rivières, patrimoine, etc.), d'actions réalisées par le territoire dans le cadre de la GEMAPI (travaux à venir, en cours ou réalisés, chantiers participatifs, etc.), ou encore de partenaires, de lieux d'informations, etc.

+

La promotion des données territoriales via une interface intuitive et simplifiée permet ainsi d'associer le public dans une démarche visant à faire comprendre le travail réalisé autour de la GEMAPI, à vulgariser les connaissances liées aux milieux aquatiques et à sensibiliser sur les enjeux associés dans un contexte de dérèglement climatique.

+
+
+
+
+ +
+

Participation Citoyenne

+
+
+
+ +
+
+

Via la mise à disposition de formulaires personnalisables depuis la brique d'administration, le portail public offre la possibilité aux citoyennes et citoyens de contribuer à la connaissance du territoire

+

En quelques clics, tout le monde peut localiser sur la carte sa contribution et la qualifier simplement.

+

L'interface de signalement, adaptée pour une navigation sur mobile et permettant ainsi un usage sur le terrain, permet de faire remonter des alertes ou atteintes sur les cours d’eau et sur les bassins versants auprès du gestionnaire : dépôts, déchets, rejets et pollutions, érosion de berge, espèces invasives, etc.

+

Les formulaires sont entièrement paramétrables par le territoire, permettant ainsi d'adapter les informations obtenues en fonction des enjeux et besoins. Il est par exemple possible d'utiliser l'outil pour inciter à enrichir la base de connaissance territoriale sur le niveau d'eau, le débit, la présence de végétation, etc.

+

Les informations soumises sont ainsi renvoyées dans l'interface de gestion de GeoRivière-admin pour être qualifiées et validées par les agents. Les contributions peuvent ensuite être éventuellement publiées sur le portail public pour promouvoir la dynamique participative à l'échelle de la collectivité.

+
+
+
+
+

Pour télécharger et installer librement l'outil :

+ C'est ici ! +
\ No newline at end of file