|
| 1 | +<template> |
| 2 | + <div> |
| 3 | + <OnboardingHero |
| 4 | + color="primary" |
| 5 | + image="/nuxt_images/elections.svg" |
| 6 | + :image-alt="$t('Illustration élections')" |
| 7 | + > |
| 8 | + <template #title> |
| 9 | + {{ $t('Les données relatives aux élections') }} |
| 10 | + </template> |
| 11 | + <template #subtitle> |
| 12 | + {{ $t('Cette rubrique rassemble les principaux jeux de données par type de scrutin : municipales, législatives, présidentielles, etc.') }} |
| 13 | + </template> |
| 14 | + </OnboardingHero> |
| 15 | + |
| 16 | + <OnboardingSection> |
| 17 | + <div class="max-w-4xl mb-8"> |
| 18 | + <p class="text-sm font-light leading-normal mb-4"> |
| 19 | + {{ $t('Retrouvez l\'ensemble des données électorales publiées par l\'État et les organisations compétentes, pour vous permettre de :') }} |
| 20 | + </p> |
| 21 | + <ul class="list-disc pl-5 space-y-2 mb-8 text-sm font-light leading-normal"> |
| 22 | + <li> |
| 23 | + <strong class="font-bold">{{ $t('Analyser les tendances par type d\'élection') }}</strong>{{ $t(', pour vos projets, articles ou recherches') }} |
| 24 | + </li> |
| 25 | + <li> |
| 26 | + <strong class="font-bold">{{ $t('Croiser les données électorales') }}</strong>{{ $t(' avec d\'autres jeux de données territoriales') }} |
| 27 | + </li> |
| 28 | + <li> |
| 29 | + <strong class="font-bold">{{ $t('Suggérer l\'ouverture de données') }}</strong>{{ $t(' associées à des thématiques') }} |
| 30 | + </li> |
| 31 | + </ul> |
| 32 | + |
| 33 | + <p class="text-sm font-light leading-normal"> |
| 34 | + {{ $t('Sélectionnez un scrutin pour accéder aux jeux de données disponibles.') }} |
| 35 | + </p> |
| 36 | + </div> |
| 37 | + |
| 38 | + <div class="space-y-4"> |
| 39 | + <ElectionCard |
| 40 | + v-for="election in elections" |
| 41 | + :key="election.slug" |
| 42 | + :title="election.title" |
| 43 | + :description="election.description" |
| 44 | + :to="election.to" |
| 45 | + :image="election.image" |
| 46 | + /> |
| 47 | + </div> |
| 48 | + </OnboardingSection> |
| 49 | + </div> |
| 50 | +</template> |
| 51 | + |
| 52 | +<script setup lang="ts"> |
| 53 | +import ElectionCard from '~/components/Elections/ElectionCard.vue' |
| 54 | +
|
| 55 | +const config = useRuntimeConfig() |
| 56 | +const { t } = useTranslation() |
| 57 | +
|
| 58 | +useSeoMeta({ |
| 59 | + title: t('Données élections - {site}', { site: config.public.title }), |
| 60 | + robots: 'noindex, nofollow', |
| 61 | +}) |
| 62 | +
|
| 63 | +const elections = [ |
| 64 | + { |
| 65 | + slug: 'municipales', |
| 66 | + title: t('Données des élections municipales'), |
| 67 | + description: t('Cette page rassemble toutes les données relatives aux élections municipales : résultats par bureau de vote, informations sur les élus et toutes les données utiles permettant de comprendre les enjeux propres aux communes.'), |
| 68 | + to: '/posts/jeux-de-donnees-liees-aux-elections-municipales', |
| 69 | + image: '/nuxt_images/municipales.png', |
| 70 | + }, |
| 71 | + { |
| 72 | + slug: 'legislatives', |
| 73 | + title: t('Données des élections législatives'), |
| 74 | + description: t('Cette page rassemble l\'ensemble des données relatives aux élections législatives : résultats par circonscription, nuances politiques et toutes les données permettant de saisir les enjeux propres à la représentation des territoires à l\'Assemblée nationale.'), |
| 75 | + to: '/posts/donnees-liees-aux-elections-legislatives', |
| 76 | + image: '/nuxt_images/legislative.png', |
| 77 | + }, |
| 78 | + { |
| 79 | + slug: 'presidentielles', |
| 80 | + title: t('Données des élections présidentielles'), |
| 81 | + description: t('Cette page permet d\'accéder aux différentes données des élections présidentielles : résultats par tour, séries historiques, etc., ainsi que les données pertinentes pour analyser les dynamiques politiques à l\'échelle nationale.'), |
| 82 | + to: '/posts/donnees-liees-aux-elections-presidentielles', |
| 83 | + image: '/nuxt_images/presidentielles.png', |
| 84 | + }, |
| 85 | + { |
| 86 | + slug: 'autres', |
| 87 | + title: t('Autres données des élections'), |
| 88 | + description: t('Cette page rassemble les résultats des autres scrutins (élections sénatoriales, élections européennes...).'), |
| 89 | + to: '/posts/autres-donnees-relatives-aux-elections', |
| 90 | + image: '/nuxt_images/autres.png', |
| 91 | + }, |
| 92 | +] |
| 93 | +</script> |
0 commit comments