Remove counter & styles. Add about page.

src/lib/Counter.svelte

-<script lang="ts">
-  let count: number = 0
-
-  const increment = () => {
-    count += 1
-  }
-</script>
-
-<button on:click={increment}> Clicks: {count} </button>
-
-<style lang="postcss">
-  button {
-    font-family: inherit;
-    font-size: inherit;
-    /* Tailwind's creator recommends against @apply.
-		This is all just proof that it works in your Svelte style blocks. */
-    @apply py-4 px-8;
-    @apply text-red-500;
-    @apply bg-red-500 bg-opacity-10;
-    @apply rounded-full;
-    @apply border-2 border-transparent;
-    @apply outline-none;
-    @apply w-48;
-    font-variant-numeric: tabular-nums;
-  }
-
-  button:focus {
-    @apply border-opacity-100;
-  }
-
-  button:active {
-    @apply bg-red-500 bg-opacity-20;
-  }
-</style>

src/lib/NavBar.svelte

@@ -3,6 +3,7 @@
 
   const menuItems = [
     { href: ".", label: "Accueil" },
+    { href: "about", label: "À propos" },
     { href: "calculations", label: "Calculs" },
     { href: "entities", label: "Entités" },
     { href: "parameters", label: "Paramètres" },
@@ -153,17 +154,17 @@
               aria-labelledby="user-menu"
             >
               <a
-                href="#"
+                href="profile"
                 class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
                 role="menuitem">Your Profile</a
               >
               <a
-                href="#"
+                href="settings"
                 class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
                 role="menuitem">Settings</a
               >
               <a
-                href="#"
+                href="sign_out"
                 class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
                 role="menuitem">Sign out</a
               >

src/routes/index.svelte

-<script lang="ts">
-  import Counter from "$lib/Counter.svelte"
-</script>
-
 <main>
   <h1>Simulateur socio-fiscal Leximpact</h1>
 
-  <Counter />
-
-  <h2>Usage</h2>
+  <h2>Utilisation</h2>
   <ul>
-    <li><a href="calculations">Calculations</a></li>
-    <li><a href="entities">Entities</a></li>
-    <li><a href="parameters">Parameters</a></li>
+    <li><a href="calculations">Calculs</a></li>
+    <li><a href="entities">Entités</a></li>
+    <li><a href="parameters">Paramètres</a></li>
     <li><a href="variables">Variables</a></li>
   </ul>
 
   <h2>Documentation</h2>
   <ul>
-    <li><a href="spec">API documentation</a></li>
+    <li><a href="spec">Documentation de l'API</a></li>
   </ul>
 </main>
-
-<style lang="postcss">
-  :root {
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
-      Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
-  }
-
-  main {
-    @apply text-center;
-    @apply p-4;
-    @apply mx-auto;
-  }
-
-  h1 {
-    @apply text-red-600;
-    @apply uppercase;
-    @apply text-6xl;
-    @apply font-thin;
-    @apply leading-tight;
-    @apply my-16 mx-auto;
-    @apply max-w-xs;
-  }
-
-  p {
-    @apply max-w-xs;
-    @apply my-8 mx-auto;
-    @apply leading-snug;
-  }
-
-  @screen sm {
-    h1 {
-      @apply max-w-none;
-    }
-
-    p {
-      @apply max-w-none;
-    }
-  }
-</style>