Skip to content
Snippets Groups Projects
Commit 9ee9502a authored by Dorine Lambinet's avatar Dorine Lambinet
Browse files

Complète la page à propos

parent ef8f5184
No related branches found
No related tags found
1 merge request!16Contenu page fonctionnement simulateurs
Show whitespace changes
Inline Side-by-side
src/routes/a-propos.svelte
+ 223
− 9
View file @ 9ee9502a
<script lang="ts"> <script lang="ts">
import { session } from "$app/stores" import { session } from "$app/stores"
import TextUnderconstructionMessage from "$lib/components/transverse_pages/TextUnderconstructionMessage.svelte"
</script> </script>
<svelte:head> <svelte:head>
...@@ -18,7 +19,15 @@ ...@@ -18,7 +19,15 @@
</h2> </h2>
<p class="leading-normal pb-3 text-base text-justify"> <p class="leading-normal pb-3 text-base text-justify">
LexImpact est un service de l'Assemblée nationale depuis 2020, rattaché LexImpact est un service de l'Assemblée nationale depuis 2020, rattaché
à la Direction de l'Évaluation et du Contrôle. à la Direction de l'Évaluation et du Contrôle, spécialisé dans le
chiffrage et la gestion de données. <br /><br />En suivant une méthode
itérative reposant sur l’analyse des besoins des utilisateurs, notamment
les députés, leurs collaborateurs, et les services de l'Assemblée
nationale, LexImpact a pour objectif de mettre à leur disposition
différents outils. Ces outils étant pour la majorité, ouverts (<a
class="underline hover:text-le-bleu"
href="/cgu">consulter nos CGU</a
>). Ils sont donc également à disposition de la société civile.
</p> </p>
<h2 class="pb-3 pt-5 text-xl text-gray-700 font-bold"> <h2 class="pb-3 pt-5 text-xl text-gray-700 font-bold">
Une équipe pluridisciplinaire, <br /> centrée données, analyse et utilisateurs Une équipe pluridisciplinaire, <br /> centrée données, analyse et utilisateurs
...@@ -31,14 +40,6 @@ ...@@ -31,14 +40,6 @@
compétences (science des données, développement et design) permettant de compétences (science des données, développement et design) permettant de
récupérer des données, de les analyser, et de les rendre accessibles par récupérer des données, de les analyser, et de les rendre accessibles par
des interfaces adaptées. des interfaces adaptées.
<br /> <br />En suivant une méthode itérative reposant sur l’analyse des
besoins des utilisateurs, notamment les députés, leurs collaborateurs,
et les services de l'Assemblée nationale, LexImpact a pour objectif de
mettre à leur disposition différents outils. Ces outils étant développés
en OpenSource, et sont, pour la majorité, ouverts (<a
class="underline hover:text-le-bleu"
href="/cgu">consulter nos CGU</a
>). Ils sont donc également à disposition de la société civile.
</p> </p>
<h2 class="pb-3 pt-5 text-xl text-gray-700 font-bold"> <h2 class="pb-3 pt-5 text-xl text-gray-700 font-bold">
L'origine du projet L'origine du projet
...@@ -84,6 +85,219 @@ ...@@ -84,6 +85,219 @@
l’impôt sur le revenu. l’impôt sur le revenu.
</li> </li>
</ul> </ul>
<!--Partie les services proposés-->
<h2 class="pb-3 pt-5 text-xl text-gray-700 font-bold">
Les services proposés
</h2>
<p class="leading-normal pb-8 text-base text-justify">
LexImpact met à disposition différents services :
</p>
<!-- Boutons vers les services-->
<div class="inline-block w-full">
<a
href="https://leximpact.an.fr/ir"
class="flex items-center border-black border bg-white mb-4 p-1 pl-5 text-base rounded-lg text-black shadow-md hover:bg-le-jaune hover:bg-opacity-20"
>
<img
class="mr-2"
width="70"
src="/picto-impot-sur-le-revenu.png"
alt="Pictogramme représentant une feuille d'impôt"
/>
un simulateur de l'impôt sur le revenu
</a>
</div>
<div class="inline-block w-full">
<a
href="https://leximpact.an.fr/dotations"
class="flex items-center border-black border bg-white mb-4 p-1 pl-5 text-base rounded-lg text-black shadow-md hover:bg-le-jaune hover:bg-opacity-20"
>
<img
class="mr-2"
width="70"
src="/picto-dotations-communes.png"
alt="Pictogramme représentant un panneau de circulation indiquant commune"
/>
un simulateur sur les dotations aux communes
</a>
</div>
<div class="inline-block w-full">
<a
href="/simulation"
class="flex items-center border-black border bg-white mb-4 p-1 pl-5 text-base rounded-lg text-black shadow-md hover:bg-le-jaune hover:bg-opacity-20"
>
<img
class="mr-2"
width="70"
src="/picto-affaires-sociales.png"
alt="Pictogramme représentant une feuille de paie"
/>
<div class="block sm:flex">
<p class="">un simulateur sur les affaires sociales&nbsp;</p>
<p class=" italic">(en développement)</p>
</div>
</a>
</div>
<div class="inline-block w-full">
<a
href="https://umap.openstreetmap.fr/fr/map/circodata-test-interface_623082"
class="flex items-center border-black border bg-white mb-4 p-1 pl-5 text-base rounded-lg text-black shadow-md hover:bg-le-jaune hover:bg-opacity-20"
>
<img
class="mr-2"
width="70"
src="/picto-circo-data.png"
alt="Pictogramme représentant une feuille de paie"
/>
<div class="block sm:flex">
<p class="">
un tableau de bord des données par circonscription&nbsp;
</p>
<p class=" italic">(en développement)</p>
</div>
</a>
</div>
<div class="inline-block w-full ">
<a
href="https://limesurvey.leximpact.dev/index.php/254182?lang=fr
"
class="flex items-center border-black border bg-white mb-4 p-1 pl-5 text-base rounded-lg text-black shadow-md hover:bg-le-jaune hover:bg-opacity-20"
>
<div class="block sm:flex">
<p class="">
un formulaire permettant de faire une demande de chiffrage
spécifique*
</p>
</div>
</a>
</div>
<p class="text-sm italic">
* Ce service s'adresse uniquement aux personnes rattachées à l'Assemblée
nationale (député, collaborateur, administrateur)
</p>
<h2 class="pb-3 pt-5 text-xl text-gray-700 font-bold">
Un projet open source
</h2>
<p class="leading-normal pb-8 text-base text-justify">
Le code de LexImpact est libre, sous licence AGPL-3.0, et peut donc être
vérifié et amélioré par toutes et tous. Vous pouvez retrouver l'ensemble
de nos dépôts sur <a
href="https://git.leximpact.dev/"
class="underline hover:text-le-bleu"
>
https://git.leximpact.dev/</a
>, ils sont également regroupés par produit ci-dessous :
</p>
<div class="grid md:grid-cols-2 gap-8 justify-between pt-4 pb-10">
<div>
<img
class=" w-16"
src="/picto-impot-sur-le-revenu.png"
alt="Pictogramme représentant le simulateur impôt sur le revenu"
/>
<p class="pb-3 font-bold">
Dépôts du simulateur impôt sur le revenu&nbsp;:
</p>
<ul class="list-inside list-disc">
<li class="leading-normal pb-2">
Interface utilisateur :<br />
<a
href=" https://git.leximpact.dev/leximpact/leximpact-client"
class="text-gray-500 font-extralight underline hover:text-le-bleu"
>
https://git.leximpact.dev/leximpact/leximpact-client</a
> ;
</li>
<li class="leading-normal pb-2">
Arrière-plan :<br />
<a
href="https://git.leximpact.dev/leximpact/leximpact-prepare-data"
class="text-gray-500 font-extralight underline hover:text-le-bleu"
>
https://git.leximpact.dev/leximpact/leximpact-prepare-data</a
> ;
</li>
<li class="leading-normal pb-2">
Traitement des données :<br />
<a
href=" https://git.leximpact.dev/leximpact/leximpact-server"
class="text-gray-500 font-extralight underline hover:text-le-bleu"
>
https://git.leximpact.dev/leximpact/leximpact-server</a
>.
</li>
</ul>
</div>
<div>
<img
class=" w-16"
src="/picto-dotations-communes.png"
alt="Pictogramme représentant le simulateur impôt sur le revenu"
/>
<p class="pb-3 font-bold">
Dépôts du simulateur des dotations aux communes&nbsp;:
</p>
<ul class="list-inside list-disc">
<li class="leading-normal pb-2">
Interface utilisateur :<br />
<a
href=" https://git.leximpact.dev/leximpact/leximpact-client"
class="text-gray-500 font-extralight underline hover:text-le-bleu"
>
https://git.leximpact.dev/leximpact/leximpact-client</a
> ;
</li>
<li class="leading-normal pb-2">
Arrière-plan :<br />
<a
href="https://git.leximpact.dev/leximpact/leximpact-prepare-data"
class="text-gray-500 font-extralight underline hover:text-le-bleu"
>
https://git.leximpact.dev/leximpact/openfisca-france-dotations-locales</a
>
;
<p class="font-extralight">
Traitement des données (Package Python appelé par le
leximpact-serveur) :
</p>
<a
href="https://git.leximpact.dev/leximpact/openfisca-france-dotations-locales"
class="text-gray-500 font-extralight underline hover:text-le-bleu"
>
https://git.leximpact.dev/leximpact/openfisca-france-dotations-locales</a
> ;
</li>
</ul>
</div>
<div>
<img
class=" w-16"
src="/picto-affaires-sociales.png"
alt="Pictogramme représentant le simulateur impôt sur le revenu"
/>
<p class="pb-3 font-bold">
Dépôts du simulateur affaires sociales&nbsp;:
</p>
<div class="pt-3">
<TextUnderconstructionMessage />
</div>
</div>
<div>
<img
class=" w-16"
src="/picto-circo-data.png"
alt="Pictogramme représentant le simulateur impôt sur le revenu"
/>
<p class="pb-3 font-bold">Dépôts du produit "Circo Data"&nbsp;:</p>
<div class="pt-3">
<TextUnderconstructionMessage />
</div>
</div>
</div>
<div class="mt-10 flex justify-end"> <div class="mt-10 flex justify-end">
<a <a
href="/comment-fonctionnent-les-simulateurs" href="/comment-fonctionnent-les-simulateurs"
......
src/routes/comment-fonctionnent-les-simulateurs.svelte
+ 0
− 12
View file @ 9ee9502a
...@@ -253,18 +253,6 @@ ...@@ -253,18 +253,6 @@
/> />
<p class="pb-3 font-bold">Simulateur des affaires sociales :</p> <p class="pb-3 font-bold">Simulateur des affaires sociales :</p>
<TextUnderconstructionMessage /> <TextUnderconstructionMessage />
<ul class="list-inside list-disc">
<li class="leading-normal pb-2 ">
<a href="" class="underline hover:text-le-bleu"
>NOM BASE DE DONNEES</a
>
de NOM FOURNISSEUR (ACRONYME)
<span class="italic">(millésime XXXX)</span><span
class="font-extralight"
>- Données ouvertes 🔓/Données protégées par des secrets 🔐.</span
>
</li>
</ul>
</div> </div>
</div> </div>
......
src/routes/contribuer.svelte
+ 38
− 22
View file @ 9ee9502a
<script lang="ts"> <script lang="ts">
import { session } from "$app/stores" import { session } from "$app/stores"
import TextUnderconstructionMessage from "$lib/components/transverse_pages/TextUnderconstructionMessage.svelte"
</script> </script>
<svelte:head> <svelte:head>
...@@ -12,63 +13,63 @@ ...@@ -12,63 +13,63 @@
<h1 class="font-serif font-bold pt-7 pb-3 text-3xl text-gray-700"> <h1 class="font-serif font-bold pt-7 pb-3 text-3xl text-gray-700">
Comment contribuer ? Comment contribuer ?
</h1> </h1>
<p <!-- Partie depuis l'interface-->
class="leading-normal flex text-base rounded p-3 text-white bg-yellow-500"
>
🚧 &nbsp; Cette page est en construction.
</p>
<h2 class="pb-3 pt-5 text-xl text-gray-700 font-bold"> <h2 class="pb-3 pt-5 text-xl text-gray-700 font-bold">
J'aimerais ajouter/modifier un paramètre de la loi 1. Proposer une contribution depuis l'interface, sans coder
</h2> </h2>
<h3 class="pb-2 pl-5 pt-2 text-base text-black font-bold"> <TextUnderconstructionMessage />
Modifier un paramètre existant <h3 class="pb-3 pt-5 text-xl text-gray-700 font-light">
Ajouter/modifier un paramètre de la loi
</h3> </h3>
<h4 class="pb-2 pl-5 pt-2 text-base text-black font-bold">
Modifier un paramètre existant
</h4>
<p class="leading-normal pb-3 pl-5 text-base text-justify"> <p class="leading-normal pb-3 pl-5 text-base text-justify">
Sed massa velit, feugiat id ultricies ac, accumsan non magna. Aliquam Sed massa velit, feugiat id ultricies ac, accumsan non magna. Aliquam
nec pulvinar dolor. Mauris et nunc sapien. Cras in maximus mi. Proin nec pulvinar dolor. Mauris et nunc sapien. Cras in maximus mi. Proin
vestibulum justo ut nulla molestie, sed pellentesque sapien convallis. vestibulum justo ut nulla molestie, sed pellentesque sapien convallis.
Vestibulum sodales nibh gravida auctor convallis. Vestibulum sodales nibh gravida auctor convallis.
</p> </p>
<h3 class="pb-2 pl-5 pt-5 text-base text-black font-bold"> <h4 class="pb-2 pl-5 pt-5 text-base text-black font-bold">
Ajouter un nouveau paramètre Ajouter un nouveau paramètre
</h3> </h4>
<p class="leading-normal pb-3 pl-5 text-base text-justify"> <p class="leading-normal pb-3 pl-5 text-base text-justify">
Sed massa velit, feugiat id ultricies ac, accumsan non magna. Aliquam Sed massa velit, feugiat id ultricies ac, accumsan non magna. Aliquam
nec pulvinar dolor. Mauris et nunc sapien. Cras in maximus mi. Proin nec pulvinar dolor. Mauris et nunc sapien. Cras in maximus mi. Proin
vestibulum justo ut nulla molestie, sed pellentesque sapien convallis. vestibulum justo ut nulla molestie, sed pellentesque sapien convallis.
Vestibulum sodales nibh gravida auctor convallis. Vestibulum sodales nibh gravida auctor convallis.
</p> </p>
<h2 class="pb-3 pt-5 text-xl text-gray-700 font-bold"> <h3 class="pb-3 pt-5 text-xl text-gray-700 font-light">
J'ai repéré ajouter/modifier une référence législative Ajouter/modifier une référence législative
</h2> </h3>
<p class="leading-normal pb-3 text-base text-justify"> <p class="leading-normal pb-3 text-base text-justify">
Sed massa velit, feugiat id ultricies ac, accumsan non magna. Aliquam Sed massa velit, feugiat id ultricies ac, accumsan non magna. Aliquam
nec pulvinar dolor. Mauris et nunc sapien. Cras in maximus mi. Proin nec pulvinar dolor. Mauris et nunc sapien. Cras in maximus mi. Proin
vestibulum justo ut nulla molestie, sed pellentesque sapien convallis. vestibulum justo ut nulla molestie, sed pellentesque sapien convallis.
Vestibulum sodales nibh gravida auctor convallis. Vestibulum sodales nibh gravida auctor convallis.
</p> </p>
<h3 class="pb-2 pl-5 pt-2 text-base text-black font-bold"> <h4 class="pb-2 pl-5 pt-2 text-base text-black font-bold">
Modifier une référence législative existante Modifier une référence législative existante
</h3> </h4>
<p class="leading-normal pb-3 pl-5 text-base text-justify"> <p class="leading-normal pb-3 pl-5 text-base text-justify">
Sed massa velit, feugiat id ultricies ac, accumsan non magna. Aliquam Sed massa velit, feugiat id ultricies ac, accumsan non magna. Aliquam
nec pulvinar dolor. Mauris et nunc sapien. Cras in maximus mi. Proin nec pulvinar dolor. Mauris et nunc sapien. Cras in maximus mi. Proin
vestibulum justo ut nulla molestie, sed pellentesque sapien convallis. vestibulum justo ut nulla molestie, sed pellentesque sapien convallis.
Vestibulum sodales nibh gravida auctor convallis. Vestibulum sodales nibh gravida auctor convallis.
</p> </p>
<h3 class="pb-2 pl-5 pt-5 text-base text-black font-bold"> <h4 class="pb-2 pl-5 pt-5 text-base text-black font-bold">
Ajouter une référence législative existante Ajouter une référence législative existante
</h3> </h4>
<p class="leading-normal pb-3 pl-5 text-base text-justify"> <p class="leading-normal pb-3 pl-5 text-base text-justify">
Sed massa velit, feugiat id ultricies ac, accumsan non magna. Aliquam Sed massa velit, feugiat id ultricies ac, accumsan non magna. Aliquam
nec pulvinar dolor. Mauris et nunc sapien. Cras in maximus mi. Proin nec pulvinar dolor. Mauris et nunc sapien. Cras in maximus mi. Proin
vestibulum justo ut nulla molestie, sed pellentesque sapien convallis. vestibulum justo ut nulla molestie, sed pellentesque sapien convallis.
Vestibulum sodales nibh gravida auctor convallis. Vestibulum sodales nibh gravida auctor convallis.
</p> </p>
<h2 class="pb-3 pt-5 text-xl text-gray-700 font-bold"> <h3 class="pb-3 pt-5 text-xl text-gray-700 font-light">
Je souhaite contribuer à l'élaboration des formules de calcul Contribuer à l'élaboration des formules de calcul
</h2> </h3>
<p class="leading-normal pb-8 text-base text-justify"> <p class="leading-normal pb-3 text-base text-justify">
Sed massa velit, feugiat id ultricies ac, accumsan non magna. Aliquam Sed massa velit, feugiat id ultricies ac, accumsan non magna. Aliquam
nec pulvinar dolor. Mauris et nunc sapien. Cras in maximus mi. Proin nec pulvinar dolor. Mauris et nunc sapien. Cras in maximus mi. Proin
vestibulum justo ut nulla molestie, sed pellentesque sapien convallis. vestibulum justo ut nulla molestie, sed pellentesque sapien convallis.
...@@ -77,9 +78,24 @@ ...@@ -77,9 +78,24 @@
orci ultrices. Nullam pharetra ante risus, ut pulvinar dui varius non. orci ultrices. Nullam pharetra ante risus, ut pulvinar dui varius non.
Nam venenatis pulvinar orci in rhoncus. Nam venenatis pulvinar orci in rhoncus.
</p> </p>
<!-- Partie depuis les dépôts de code-->
<h2 class="pb-3 pt-5 text-xl text-gray-700 font-bold">
2. Proposer une contribution directement dans le dépôt git
</h2>
<p class="leading-normal pb-8 text-base text-justify">
L'ensemble du code source du service LexImpact est disponible sur <a
href="https://git.leximpact.dev/"
class="underline hover:text-le-bleu"
>
https://git.leximpact.dev/</a
>.
</p>
<!--Message renvoyant vers le fonctionnement des simulateurs-->
<div class="bg-le-bleu-light rounded-sm shadow-sm p-3 flex"> <div class="bg-le-bleu-light rounded-sm shadow-sm p-3 flex">
<p class="text-base "> <p class="text-base ">
Besoin d'en savoir plus sur le fonctionnement des simulateurs Vous souhaitez en savoir plus sur le fonctionnement des simulateurs
LexImpact et nos processus de vérification ? Nous entrons dans les LexImpact et nos processus de vérification ? Nous entrons dans les
détails détails
<a <a
......
static/picto-circo-data.png 0 → 100644
+ 0
− 0
View file @ 9ee9502a
static/picto-circo-data.png

23 KiB

0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment