diff --git a/src/lib/components/NavBar.svelte b/src/lib/components/NavBar.svelte index c323a92be9daebc560df93d86eb20b8538da67e0..ae743c49da08920bdd445ed18b1f271eb504582f 100644 --- a/src/lib/components/NavBar.svelte +++ b/src/lib/components/NavBar.svelte @@ -69,7 +69,7 @@ > <a href={new URL("a-propos", portalUrl).toString()} - class="border-b block px-4 py-3 font-bold text-sm text-gray-700 hover:bg-gray-100" + class="border-b block px-4 py-3 font-bold text-base text-gray-700 hover:bg-gray-100" role="menuitem">À propos de LexImpact</a > <a @@ -77,46 +77,47 @@ "comment-fonctionnent-les-simulateurs", portalUrl, ).toString()} - class="border-b block px-4 py-3 text-sm text-gray-700 hover:bg-gray-100" + class="border-b block px-4 py-3 text-base text-gray-700 hover:bg-gray-100" role="menuitem" >Comment fonctionnent les simulateurs LexImpact ?</a > <a href={new URL("contribuer", portalUrl).toString()} - class="border-b-4 block px-4 py-3 text-sm text-gray-700 hover:bg-gray-100" + class="border-b-4 block px-4 py-3 text-base text-gray-700 hover:bg-gray-100" > Contribuer </a> <a href={new URL("statistiques", portalUrl).toString()} - class="border-b block px-4 py-3 text-sm text-gray-700 hover:bg-gray-100" + class="border-b block px-4 py-3 text-base text-gray-700 hover:bg-gray-100" role="menuitem">Statistiques d'usage</a > <a href={new URL("cgu", portalUrl).toString()} - class="border-b block px-4 py-3 text-sm text-gray-700 hover:bg-gray-100" + class="border-b block px-4 py-3 text-base text-gray-700 hover:bg-gray-100" role="menuitem">Conditions d'utilisation</a > <a href={new URL("mentions-legales", portalUrl).toString()} - class="border-b block px-4 py-3 text-sm text-gray-700 hover:bg-gray-100" + class="border-b block px-4 py-3 text-base text-gray-700 hover:bg-gray-100" role="menuitem">Mentions légales</a > <a href={portalUrl} - class="border-b block px-4 py-3 text-sm bg-gray-200 text-gray-900 hover:bg-gray-400" + class="border-b flex items-center px-4 py-3 text-base bg-gray-200 text-gray-900 hover:bg-gray-400" role="menuitem" > - <!-- Material icon: Volunteer Activism--> + <!-- Material icon: Home--> + <svg class="fill-current text-gray-700 inline rounded mr-2" xmlns="http://www.w3.org/2000/svg" - height="18px" - viewBox="0 0 22 22" - width="18px" + height="24px" + viewBox="0 0 24 24" + width="24px" fill="#000000" ><path d="M0 0h24v24H0z" fill="none" /><path - d="M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z" + d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z" /></svg >Retour en page d'accueil</a > @@ -365,7 +366,7 @@ {#if user === undefined} <a href="/authentication/signin/leximpact?redirect={$page.path}" - class="border-b block px-4 py-3 text-sm bg-le-jaune-dark text-white hover:text-black" + class="border-b block px-4 py-3 text-base bg-le-jaune-dark text-white hover:text-black" role="menuitem" > <!-- Material icon: VPN key--> @@ -383,7 +384,7 @@ {:else} <a href="https://socio-fiscal.leximpact.an.fr/" - class="border-b block px-4 py-3 text-sm bg-le-jaune-dark text-white hover:text-black" + class="border-b block px-4 py-3 text-base bg-le-jaune-dark text-white hover:text-black" role="menuitem" > <!-- Material icon: arrow forward--> @@ -402,7 +403,7 @@ </a> <a href="/authentication/signout" - class="border-b-4 block px-4 py-3 text-sm text-gray-700 hover:bg-gray-100" + class="border-b-4 block px-4 py-3 text-base text-gray-700 hover:bg-gray-100" role="menuitem" > <!-- Material icon: Power Settings New--> @@ -424,7 +425,7 @@ <a href={new URL("a-propos", portalUrl).toString()} - class="border-b block px-4 py-3 font-bold text-sm text-gray-700 hover:bg-gray-100" + class="border-b block px-4 py-3 font-bold text-base text-gray-700 hover:bg-gray-100" role="menuitem">À propos de LexImpact</a > <a @@ -432,51 +433,62 @@ "comment-fonctionnent-les-simulateurs", portalUrl, ).toString()} - class=" border-b block px-4 py-3 text-sm text-gray-700 hover:bg-gray-100" + class=" border-b block px-4 py-3 text-base text-gray-700 hover:bg-gray-100" role="menuitem">Comment fonctionnent les simulateurs LexImpact ?</a > <a href="/contribuer" - class="border-b-4 block px-4 py-3 text-sm text-gray-700 hover:bg-gray-100" + class="border-b-4 block px-4 py-3 text-base text-gray-700 hover:bg-gray-100" role="menuitem" > Contribuer</a > - <a - href={new URL("statistiques", portalUrl).toString()} - class="border-b block px-4 py-3 text-sm text-gray-700 hover:bg-gray-100" - role="menuitem">Statistiques d'usage</a - > - <a - href={new URL("cgu", portalUrl).toString()} - class="border-b block px-4 py-3 text-sm text-gray-700 hover:bg-gray-100" - role="menuitem">Conditions d'utilisation</a - > - <a - href={new URL("mentions-legales", portalUrl).toString()} - class="border-b block px-4 py-3 text-sm text-gray-700 hover:bg-gray-100" - role="menuitem">Mentions légales</a - > <a href={portalUrl} - class="border-b block px-4 py-3 text-sm bg-gray-200 text-gray-900 hover:bg-gray-400" + class="border-b flex items-center px-4 py-3 text-base bg-gray-200 text-gray-900 hover:bg-gray-400" role="menuitem" > - <!-- Material icon: Volunteer Activism--> + <!-- Material icon: Home--> + <svg class="fill-current text-gray-700 inline rounded mr-2" xmlns="http://www.w3.org/2000/svg" - height="18px" - viewBox="0 0 22 22" - width="18px" + height="24px" + viewBox="0 0 24 24" + width="24px" fill="#000000" ><path d="M0 0h24v24H0z" fill="none" /><path - d="M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z" + d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z" /></svg >Retour en page d'accueil</a > + + <a + href="https://leximpact.an.fr/ir" + class="flex border-b items-center px-4 py-3 text-base text-gray-700 hover:bg-gray-100" + role="menuitem" + >Simulateur impôt sur le revenu + <img + class="ml-2" + width="50" + src="/picto-impot-sur-le-revenu.png" + alt="Pictogramme représentant une feuille d'impôt" + /> + </a> + <a + href="https://leximpact.an.fr/dotations" + class="flex border-b items-center px-4 py-3 text-base text-gray-700 hover:bg-gray-100" + role="menuitem" + >Simulateur dotations aux communes + <img + class="ml-2" + width="50" + src="/picto-dotations-communes.png" + alt="Pictogramme représentant un panneau de circulation indiquant commune" + /> + </a> </div> {/if} </div> diff --git a/static/picto-dotations-communes.png b/static/picto-dotations-communes.png new file mode 100644 index 0000000000000000000000000000000000000000..7212604782728b3db572582551e2c562aaf377df Binary files /dev/null and b/static/picto-dotations-communes.png differ diff --git a/static/picto-impot-sur-le-revenu.png b/static/picto-impot-sur-le-revenu.png new file mode 100644 index 0000000000000000000000000000000000000000..75f07056b0462a7c31601a110df03f207c1451dd Binary files /dev/null and b/static/picto-impot-sur-le-revenu.png differ