diff --git a/src/routes/a-propos.svelte b/src/routes/a-propos.svelte index ca1f9361e7329f74c1b3379b0c8967eb0c32b1e2..d8fbfdf7c276e1866a818f5478f886b7d9a3d3fe 100644 --- a/src/routes/a-propos.svelte +++ b/src/routes/a-propos.svelte @@ -1,5 +1,6 @@ <script lang="ts"> import { session } from "$app/stores" + import TextUnderconstructionMessage from "$lib/components/transverse_pages/TextUnderconstructionMessage.svelte" </script> <svelte:head> @@ -18,7 +19,15 @@ </h2> <p class="leading-normal pb-3 text-base text-justify"> 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> <h2 class="pb-3 pt-5 text-xl text-gray-700 font-bold"> Une équipe pluridisciplinaire, <br /> centrée données, analyse et utilisateurs @@ -31,14 +40,6 @@ 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 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> <h2 class="pb-3 pt-5 text-xl text-gray-700 font-bold"> L'origine du projet @@ -84,6 +85,219 @@ l’impôt sur le revenu. </li> </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 </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 + </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 : + </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 : + </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 : + </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" :</p> + <div class="pt-3"> + <TextUnderconstructionMessage /> + </div> + </div> + </div> <div class="mt-10 flex justify-end"> <a href="/comment-fonctionnent-les-simulateurs" diff --git a/src/routes/comment-fonctionnent-les-simulateurs.svelte b/src/routes/comment-fonctionnent-les-simulateurs.svelte index c9a321ab354eee9d354bfaec9fe3892788371020..e883867386b99280f1b13530b5fba5a84a0eae3c 100644 --- a/src/routes/comment-fonctionnent-les-simulateurs.svelte +++ b/src/routes/comment-fonctionnent-les-simulateurs.svelte @@ -253,18 +253,6 @@ /> <p class="pb-3 font-bold">Simulateur des affaires sociales :</p> <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> diff --git a/src/routes/contribuer.svelte b/src/routes/contribuer.svelte index d4961fd2b9fea6051717e2abc16444d241cab359..37e536e74545ebe16d109eed882df17daaef212d 100644 --- a/src/routes/contribuer.svelte +++ b/src/routes/contribuer.svelte @@ -1,5 +1,6 @@ <script lang="ts"> import { session } from "$app/stores" + import TextUnderconstructionMessage from "$lib/components/transverse_pages/TextUnderconstructionMessage.svelte" </script> <svelte:head> @@ -12,63 +13,63 @@ <h1 class="font-serif font-bold pt-7 pb-3 text-3xl text-gray-700"> Comment contribuer ? </h1> - <p - class="leading-normal flex text-base rounded p-3 text-white bg-yellow-500" - > - 🚧 Cette page est en construction. - </p> + <!-- Partie depuis l'interface--> <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> - <h3 class="pb-2 pl-5 pt-2 text-base text-black font-bold"> - Modifier un paramètre existant + <TextUnderconstructionMessage /> + <h3 class="pb-3 pt-5 text-xl text-gray-700 font-light"> + Ajouter/modifier un paramètre de la loi </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"> Sed massa velit, feugiat id ultricies ac, accumsan non magna. Aliquam nec pulvinar dolor. Mauris et nunc sapien. Cras in maximus mi. Proin vestibulum justo ut nulla molestie, sed pellentesque sapien convallis. Vestibulum sodales nibh gravida auctor convallis. </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 - </h3> + </h4> <p class="leading-normal pb-3 pl-5 text-base text-justify"> Sed massa velit, feugiat id ultricies ac, accumsan non magna. Aliquam nec pulvinar dolor. Mauris et nunc sapien. Cras in maximus mi. Proin vestibulum justo ut nulla molestie, sed pellentesque sapien convallis. Vestibulum sodales nibh gravida auctor convallis. </p> - <h2 class="pb-3 pt-5 text-xl text-gray-700 font-bold"> - J'ai repéré ajouter/modifier une référence législative - </h2> + <h3 class="pb-3 pt-5 text-xl text-gray-700 font-light"> + Ajouter/modifier une référence législative + </h3> <p class="leading-normal pb-3 text-base text-justify"> Sed massa velit, feugiat id ultricies ac, accumsan non magna. Aliquam nec pulvinar dolor. Mauris et nunc sapien. Cras in maximus mi. Proin vestibulum justo ut nulla molestie, sed pellentesque sapien convallis. Vestibulum sodales nibh gravida auctor convallis. </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 - </h3> + </h4> <p class="leading-normal pb-3 pl-5 text-base text-justify"> Sed massa velit, feugiat id ultricies ac, accumsan non magna. Aliquam nec pulvinar dolor. Mauris et nunc sapien. Cras in maximus mi. Proin vestibulum justo ut nulla molestie, sed pellentesque sapien convallis. Vestibulum sodales nibh gravida auctor convallis. </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 - </h3> + </h4> <p class="leading-normal pb-3 pl-5 text-base text-justify"> Sed massa velit, feugiat id ultricies ac, accumsan non magna. Aliquam nec pulvinar dolor. Mauris et nunc sapien. Cras in maximus mi. Proin vestibulum justo ut nulla molestie, sed pellentesque sapien convallis. Vestibulum sodales nibh gravida auctor convallis. </p> - <h2 class="pb-3 pt-5 text-xl text-gray-700 font-bold"> - Je souhaite contribuer à l'élaboration des formules de calcul - </h2> - <p class="leading-normal pb-8 text-base text-justify"> + <h3 class="pb-3 pt-5 text-xl text-gray-700 font-light"> + Contribuer à l'élaboration des formules de calcul + </h3> + <p class="leading-normal pb-3 text-base text-justify"> Sed massa velit, feugiat id ultricies ac, accumsan non magna. Aliquam nec pulvinar dolor. Mauris et nunc sapien. Cras in maximus mi. Proin vestibulum justo ut nulla molestie, sed pellentesque sapien convallis. @@ -77,9 +78,24 @@ orci ultrices. Nullam pharetra ante risus, ut pulvinar dui varius non. Nam venenatis pulvinar orci in rhoncus. </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"> <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 détails <a diff --git a/static/picto-circo-data.png b/static/picto-circo-data.png new file mode 100644 index 0000000000000000000000000000000000000000..411461708a9d8772881cb35dee1b5b28eac5480f Binary files /dev/null and b/static/picto-circo-data.png differ