Skip to content
Snippets Groups Projects

Page circodata

Merged Page circodata
page-circodata into master
3 unresolved threads
Merged Dorine Lambinet requested to merge page-circodata into master
3 unresolved threads
Compare
and
5 files
+ 171
− 3
Compare changes
  • Side-by-side
  • Inline

Files

src/routes/circodata.svelte 0 → 100644
+ 169
− 0
<script lang="ts">
import { session } from "$app/stores"
import OpenGraph from "$lib/components/transverse_pages/OpenGraph.svelte"
</script>
<svelte:head>
<title>LexImpact recrute ! | {$session.title}</title>
</svelte:head>
<OpenGraph
description="Les données publiques agrégées par circonscription."
image="open-graph-image-circodata.png"
title="LexImpact - CircoData"
titleSuffix={null}
url="circodata"
/>
<main class="lg:flex justify-center">
<div class="bg-white p-8 lg:p-10 lg:w-1/2 2xl:w-1/3 shadow-lg z-20">
<h1 class="text-center font-serif font-bold leading-none">
<span class="text-black text-3xl">CircoData</span>
<br />
<span class="text-gray-700 font-light italic text-lg pb-5"
>Des données publiques agrégées par circonscription</span
>
</h1>
<div class="flex gap-8 pb-6 border-b">
<p class="w-2/3 leading-normal pt-6 text-lg text-gray-700 ">
LexImpact agrège par circonscription des données publiques et ouvertes,
et les restitue sous forme de PDF composés de cartes et de tableaux.
</p>
<p class=" w-1/3 leading-normal pt-6 text-lg text-black font-bold ">
Cliquez sur la carte pour télécharger le PDF de la circo.<span
class="hidden lg:flex">👉</span
><span class="flex lg:hidden">👇</span>
</p>
</div>
<div class="hidden lg:block mt-2">
<h2 class="pb-3 pt-5 text-lg text-gray-700 font-bold">
Quelles circonscriptions sont disponibles ?
</h2>
<p class="leading-normal text-base ">
<span class="font-bold">Presque toutes !</span><br />Le traitement de la
donnée effectué par le service LexImpact est identique pour toutes les
circonscrpitions. En revanche, la disponibilité des données n'est pas
uniforme sur tout le territoire français. <br />Par conséquent, les PDF
CircoData des circonscriptions :
</p>
<ul class="list-inside list-disc pb-3">
<li class="leading-normal">
des départements d'outre-mer, proposent moins de données&nbsp;;
</li>
<li class="leading-normal">
des collectivités d'outre-mer et des français de l'étranger, sont
indisponibles.
</li>
</ul>
<h2 class="pb-3 pt-5 text-lg text-gray-700 font-bold">
Quelles thématiques sont concernées ?
</h2>
<div class="flex gap-8">
<div>
<p class="italic">Déja disponibles :</p>
<ul class="list-inside list-disc">
<li class="leading-normal">Population</li>
<li class="leading-normal">Entreprises</li>
<li class="leading-normal">Santé</li>
<li class="leading-normal">Logement</li>
</ul>
</div>
<div>
<p class="italic">À venir :</p>
<ul class="list-inside list-disc">
<li class="leading-normal">Éducation</li>
<li class="leading-normal">Environnement</li>
<li class="leading-normal">Transport</li>
<li class="leading-normal">Tourisme</li>
<li class="leading-normal">Culture</li>
<li class="leading-normal">Emploi</li>
</ul>
</div>
</div>
<h2 class="pb-3 pt-5 text-lg text-gray-700 font-bold">
D'où viennent les données contenues dans chaque PDF ?
</h2>
<p class="leading-normal pb-3 text-base ">
Les données permettant la production des PDF sont des données en open
data, c'est-à-dire disponibles publiquement car ouvertes par différentes
administrations : l'INSEE, le Ministère de l'Intérieur, le Ministère de
la Santé, la CNAM et l'ADEME. Le détail de toutes les bases de données
est précisé en avant-dernière page de chaque PDF.
</p>
</div>
</div>
<div class="flex-col lg:flex lg:w-1/2 2xl:w-2/3 z-10">
<div class="ml-8 my-4 lg:m-4">
<p class="text-sm">
<span class="font-bold">Dernière mise à jour :</span>
<span>Novembre 2021</span>
</p>
</div>
<!-- svelte-ignore a11y-missing-attribute -->
<iframe
class="h-96 lg:h-[calc(100vh-2rem)]"
width="100%"
frameborder="0"
allowfullscreen
src="//umap.openstreetmap.fr/fr/map/circodata-test-interface_623082?scaleControl=false&miniMap=false&scrollWheelZoom=false&zoomControl=true&allowEdit=false&moreControl=true&searchControl=null&tilelayersControl=null&embedControl=null&datalayersControl=true&onLoadPanel=caption&captionBar=false"
/>
<div class="flex-col lg:hidden p-8 ">
<h2 class="pb-3 pt-5 text-lg text-gray-700 font-bold">
Quelles circonscriptions sont disponibles ?
</h2>
<p class="leading-normal text-base ">
<span class="font-bold">Presque toutes !</span><br />Le traitement de la
donnée effectué par le service LexImpact est identique pour toutes les
circonscrpitions. En revanche, la disponibilité des données n'est pas
uniforme sur tout le territoire français. Par conséquent, les PDF
CircoData des circonscriptions :
</p>
<ul class="list-inside list-disc pb-3">
<li class="leading-normal">
des départements d'Outremer, proposent moins de données&nbsp;;
</li>
<li class="leading-normal">
des collectivités d'Outremer et des français de l'étranger, sont
indisponibles.
</li>
</ul>
<h2 class="pb-3 pt-5 text-lg text-gray-700 font-bold">
Quelles thématiques sont concernées ?
</h2>
<div class="flex gap-8">
<div>
<p class="italic">Déja disponibles :</p>
<ul class="list-inside list-disc">
<li class="leading-normal">Population</li>
<li class="leading-normal">Entreprises</li>
<li class="leading-normal">Santé</li>
<li class="leading-normal">Logement</li>
</ul>
</div>
<div>
<p class="italic">À venir :</p>
<ul class="list-inside list-disc">
<li class="leading-normal">Éducation</li>
<li class="leading-normal">Environnement</li>
<li class="leading-normal">Transport</li>
<li class="leading-normal">Tourisme</li>
<li class="leading-normal">Culture</li>
<li class="leading-normal">Emploi</li>
</ul>
</div>
</div>
<h2 class="pb-3 pt-5 text-lg text-gray-700 font-bold">
D'où viennent les données contenues dans chaque PDF ?
</h2>
<p class="leading-normal pb-3 text-base ">
Les données permettant la production des PDF sont des données en open
data, c'est-à-dire disponibles publiquement car ouvertes par différentes
administrations : l'INSEE, le Ministère de l'Intérieur, le Ministère de
la Santé, la CNAM et l'ADEME. Le détail de toutes les bases de données
est précisé en avant-dernière page de chaque PDF.
</p>
</div>
</div>
</main>