add: sections in config for homepage customization (#491)

* add: sections in config for homepage customization * defis: update config * init: pages for simplification * fixes: pr review * fixes: pr review * resize: images * fixes: typing
opendatateam · Aug 5, 2024 · d650f55 · d650f55
1 parent 906e5c1
commit d650f55
Show file tree

Hide file tree

Showing 33 changed files with 671 additions and 208 deletions.
diff --git a/configs/defis/config.yaml b/configs/defis/config.yaml
@@ -33,25 +33,100 @@ website:
   homepage:
     title: 'Apprendre avec l’open data'
     subtitle: 'Se former et utiliser des données ouvertes pour répondre à des enjeux sociaux et environnementaux.'
-    below_hero: >-
-      Les données ouvertes (open data) sont des données brutes téléchargeables en accès libre et gratuit qui peuvent être utilisées par toutes et tous. Elles permettent de créer des analyses, des services ou des produits sur une diversité de sujets (santé, emploi, urbanisme, éducation, mobilités, etc.).
+    sections:
+      - title:
+        content: >-
 
-      ### Des défis open data
+          Les données ouvertes (open data) sont des données brutes téléchargeables en accès libre et gratuit qui peuvent être utilisées par toutes et tous. Elles permettent de créer des analyses, des services ou des produits sur une diversité de sujets (santé, emploi, urbanisme, éducation, mobilités, etc.).
+        sub_section_datasets:
+        sub_section_cards:
+        sub_section_tiles:
+        sub_section_buttons:
+      - title: Des défis open data
+        content: >-
 
-      La communauté open data et l’équipe de data.gouv.fr vous proposent de mettre à contribution et de développer vos compétences en réalisant des projets utiles à partir de données ouvertes.
+          La communauté open data et l’équipe de data.gouv.fr vous proposent de mettre à contribution et de développer vos compétences en réalisant des projets utiles à partir de données ouvertes.
 
 
-      Les défis proposés s’adressent notamment à toutes celles et ceux qui souhaitent s’exercer ou apprendre à exploiter des données en travaillant sur des projets concrets.
-    below_topics: >-
-      ### L'Open Data University
+          Les défis proposés s’adressent notamment à toutes celles et ceux qui souhaitent s’exercer ou apprendre à exploiter des données en travaillant sur des projets concrets.
+        sub_section_datasets:
+        sub_section_cards:
+        sub_section_tiles:
+        sub_section_buttons:
+      - title:
+        content:
+        sub_section_datasets:
+        sub_section_cards:
+          title:
+          cards:
+            - id: '65b76f15d7874915c8e41298'
+              name: 'Impact Diagnostics de Performance Energétique'
+              description: 'Quel impact de la classe DPE sur les consommations énergétiques ? Défi porté par Enedis'
+              url: '/defis/65b76f15d7874915c8e41298/'
+              image_url: 'https://raw.githubusercontent.com/thanhhale7/images/main/odu_enedis4.png'
+            - id: '65b10aa72d0c187ecf296930'
+              name: 'Offre culturelle'
+              description: "Comment valoriser l'offre culturelle et favoriser l'accès à la culture ?"
+              url: '/defis/65b10aa72d0c187ecf296930/'
+              image_url: 'https://raw.githubusercontent.com/thanhhale7/images/main/odu_culture3.png'
+            - id: '65b22219ffcf892bd066df76'
+              name: 'Elections'
+              description: 'Quels liens entre vote et caractéristiques socio-démographiques ?'
+              url: '/defis/65b22219ffcf892bd066df76/'
+              image_url: 'https://raw.githubusercontent.com/thanhhale7/images/main/odu_elections3.png'
+            - id: '65b10beae24f409e31c547a5'
+              name: 'Changement climatique'
+              description: 'Quelle évolution du climat en France depuis le début du XXe siècle ?'
+              url: '/defis/65b10beae24f409e31c547a5/'
+              image_url: 'https://raw.githubusercontent.com/thanhhale7/images/main/odu_climat3.png'
+            - id: '65b76b8536f029909a82ca1c'
+              name: 'Commerces de centre-ville'
+              description: 'Quelle est la structure du tissu commercial ?'
+              url: '/defis/65b76b8536f029909a82ca1c/'
+              image_url: 'https://raw.githubusercontent.com/thanhhale7/images/main/odu_commerces3.png'
+            - id: '65a92352ddd3d98e460e83f3'
+              name: 'Infrastructures cyclables'
+              description: 'Quels liens entre accidentologie à vélo et infrastructures cyclables ?'
+              url: '/defis/65a92352ddd3d98e460e83f3/'
+              image_url: 'https://raw.githubusercontent.com/thanhhale7/images/main/odu_velo3.png'
+            - id: '65a92372953d21f206abb110'
+              name: 'Energie en France'
+              description: 'Quelles tensions énergétiques passées et futures en France ?'
+              url: '/defis/65a92372953d21f206abb110/'
+              image_url: 'https://raw.githubusercontent.com/thanhhale7/images/main/energie3_odu.png'
+            - id: '65a9237ed493a309fc872e4a'
+              name: 'Carte scolaire'
+              description: 'Comment permettre de savoir dans quel établissement inscrire un enfant ?'
+              url: '/defis/65a9237ed493a309fc872e4a/'
+              image_url: 'https://raw.githubusercontent.com/thanhhale7/images/main/odu_ecole4.png'
+            - id: '65a923a083cf5f728c9934b3'
+              name: 'Véhicules électriques'
+              description: 'La répartition des infrastructures de recharge est-elle adaptée ?'
+              url: '/defis/65a923a083cf5f728c9934b3/'
+              image_url: 'https://raw.githubusercontent.com/thanhhale7/images/main/odu_voiture3.png'
+            - id: '65a9238c202514467c0163d2'
+              name: 'Plan France Relance'
+              description: "Quels impacts des aides distribués sur l'économie et la transition écologique ?"
+              url: '/defis/65a9238c202514467c0163d2/'
+              image_url: 'https://raw.githubusercontent.com/thanhhale7/images/main/odu_francerelance3.png'
+            - id: '66a0fdf41a40f23f40025444'
+              name: 'Accès au sport'
+              description: "Sport pour tous : Évaluer et améliorer l'égalité d'accès aux activités sportives en France"
+              url: 'defis/66a0fdf41a40f23f40025444/'
+              image_url: 'https://raw.githubusercontent.com/thanhhale7/images/main/defi-acces-au-sport.jpg'
+            - id: '66a0ffa8d8f03afc1d474a53'
+              name: 'JOP2024 et offre culturelle'
+              description: "Jeux Olympiques et Paralympiques : Enrichissez l'expérience et mettez en valeur l'offre culturelle"
+              url: 'defis/66a0ffa8d8f03afc1d474a53/'
+              image_url: 'https://raw.githubusercontent.com/thanhhale7/images/main/defi-jo-offre-culturelle.jpg'
+            - id: '66a10128a66990ed3d718a53'
+              name: 'JOP2024 et qualité de l’air'
+              description: "Jeux Olympiques et Paralympiques : enjeux de pollution de l'air dans le cadre d'une activité physique"
+              url: 'defis/66a10128a66990ed3d718a53/'
+              image_url: 'https://raw.githubusercontent.com/thanhhale7/images/main/defi-jo-qualite-de-l%27air.jpg'
 
-      Ces défis ont été développés dans le cadre de [l’Open Data University](https://www.opendatauniversity.org/), un programme d’enseignement à la réutilisation des données publiques porté par [l'association Latitudes](https://www.latitudes.cc/) et dont data.gouv.fr est partenaire.
-
-
-      Enseignantes, enseignants et responsables pédagogiques des établissements d'enseignement supérieur, [n'hésitez pas à vous inscrire pour intégrer le dispositif](https://airtable.com/appJY09hYLFOYjGdc/shr7WX6sMS1ciiyMv) !
-
-
-      [En savoir plus sur l’Open Data University.](/opendatauniversity)
+        sub_section_tiles:
+        sub_section_buttons:
     meta_description:
   header_button:
     display: false
@@ -67,8 +142,6 @@ website:
     name:
     link:
   menu:
-    - text: Défis
-      to: /topics
     - text: Open Data University
       to: /opendatauniversity
     - text: Guides
@@ -85,36 +158,10 @@ website:
         id: 'accessibility'
         route: '/accessibility'
         url: '/defis/pages/accessibility.md'
-  # img should be square
-  home_buttons:
-  topic_charts:
-    display: false
-    topic:
   show_quality_component: true
   show_dataset_metadata_panel: false
-  list_highlighted_topics:
-    - id: '65b76f15d7874915c8e41298'
-      name: 'Impact Diagnostics de Performance Energétique'
-    - id: '65b10aa72d0c187ecf296930'
-      name: 'Offre culturelle'
-    - id: '65b22219ffcf892bd066df76'
-      name: 'Elections'
-    - id: '65b10beae24f409e31c547a5'
-      name: 'Changement climatique'
-    - id: '65b76b8536f029909a82ca1c'
-      name: 'Commerces de centre-ville'
-    - id: '65a92352ddd3d98e460e83f3'
-      name: 'Infrastructures cyclables'
-    - id: '65a92372953d21f206abb110'
-      name: 'Energie en France'
-    - id: '65a9237ed493a309fc872e4a'
-      name: 'Carte scolaire'
-    - id: '65a923a083cf5f728c9934b3'
-      name: 'Véhicules électriques'
-    - id: '65a9238c202514467c0163d2'
-      name: 'Plan France Relance'
-  url_highlighted_topics: 'topics'
-  type_highlighted_topics: 'card'
+  list_search_topics:
+  url_search_topics: 'defis'
   oauth_option: false
   footer_phrase: 'Ce site présente des exemples de défis de réutilisations de données publiques sélectionnés par l’équipe data.gouv.fr en collaboration avec les producteurs de données.'
   footer_external_links:

diff --git a/configs/ecospheres/config.yaml b/configs/ecospheres/config.yaml
@@ -33,8 +33,13 @@ website:
   homepage:
     title: 'La plateforme des données de la transition écologique'
     subtitle:
-    below_hero:
-    below_topics:
+    sections:
+      - title:
+        content:
+        sub_section_datasets:
+        sub_section_cards:
+        sub_section_tiles:
+        sub_section_buttons:
     meta_description: ecologie.data.gouv.fr référence et centralise les données de la transition écologique.
   header_button:
     display: true
@@ -99,14 +104,9 @@ website:
         id: 'terms'
         route: '/terms'
         url: '/ecospheres/pages/terms.md'
-  home_buttons:
-  topic_charts:
-    display: false
-    topic:
   show_quality_component: true
-  list_highlighted_topics:
-  url_highlighted_topics:
-  type_highlighted_topics:
+  list_search_topics:
+  url_search_topics:
   oauth_option: true
   pagination_sizes:
     organizations_list: 9

diff --git a/configs/meteo-france/config.yaml b/configs/meteo-france/config.yaml
@@ -33,16 +33,38 @@ website:
   homepage:
     title: 'La météo et le climat en Open Data'
     subtitle: 'meteo.data.gouv.fr vise à référencer, héberger et diffuser les données publiques météorologiques produites par Météo-France. Vous y trouverez des données téléchargeables et utilisables de manière libre et gratuite.'
-    below_hero:
-    meta_description:
-    below_topics: >-
-      **ACTUALITÉS**
-
-
-      Retours sur le hackathon du 8 et 9 avril dernier 🚀
+    sections:
+      - title: Thématiques
+        content:
+        sub_section_datasets:
+        sub_section_cards:
+        sub_section_tiles:
+          title:
+          tiles:
+            - id: '6571f26dc009674feb726be9'
+              name: 'Données climatologiques de base'
+              description: 'Données climatologiques pour toutes les stations françaises depuis leur ouverture, pour tous les paramètres disponibles.'
+              url: 'datasets?topic=6571f26dc009674feb726be9'
+            - id: '6571f2db0273fc306408f265'
+              name: 'Données climatologiques de référence pour le changement climatique'
+              description: 'Données recommandées par Météo-France pour réaliser des diagnostics et études climatiques.'
+              url: 'datasets?topic=6571f2db0273fc306408f265'
+            - id: '65e0c82c2da27c1dff5fa66f'
+              name: 'Données de Prévision Numérique du Temps (PNT)'
+              description: 'Accès en temps réel aux résultats des dernières prévisions des modèles de prévision numérique jusqu’à 4 jours d’échéance.'
+              url: 'datasets?topic=65e0c82c2da27c1dff5fa66f'
+        sub_section_buttons:
+      - title: Actualités
+        content: >-
+          Retours sur le hackathon du 8 et 9 avril dernier 🚀
 
 
-      [**En savoir plus**](/hackathon)
+          [En savoir plus](/hackathon)
+        sub_section_datasets:
+        sub_section_cards:
+        sub_section_tiles:
+        sub_section_buttons:
+    meta_description:
   header_button:
     display: true
     label: 'Donnez votre avis'
@@ -83,21 +105,15 @@ website:
         id: 'hackathon'
         route: '/hackathon'
         url: '/meteo-france/pages/hackathon.md'
-  # img should be square
-  home_buttons:
-  topic_charts:
-    display: false
-    topic:
   show_quality_component: true
-  list_highlighted_topics:
+  list_search_topics:
     - id: '6571f26dc009674feb726be9'
       name: 'Données climatologiques de base'
     - id: '6571f2db0273fc306408f265'
       name: 'Données climatologiques de référence pour le changement climatique'
     - id: '65e0c82c2da27c1dff5fa66f'
       name: 'Données de Prévision Numérique du Temps (PNT)'
-  url_highlighted_topics: 'datasets'
-  type_highlighted_topics: 'tile'
+  url_search_topics: 'datasets'
   oauth_option: false
   footer_phrase: 'Ce site est une déclinaison thématique de data.gouv.fr sur les données relatives à la météo et au climat réalisé en collaboration avec Météo-France.'
   footer_external_links: