Ajout liens mémos

src/routes/index.svelte

@@ -295,4 +295,131 @@
       </div>
     </div>
   </section>
+  <section class="bg-le-gris-dispositif-light">
+    <div class="mx-8 md:mx-16 pt-10">
+      <h2 class="text-2xl text-black font-bold">
+        Consulter nos mémos thématiques&nbsp;:
+      </h2>
+      <p class="md:w-1/2 lg:w-2/3 mt-2 font-serif">
+        LexImpact synthétise les chiffres clefs, les méthodes de calcul et les
+        références dans des documents classés par dispositifs. Ces documents
+        permettent notamment de consulter le poids des dispositifs en euros, les
+        publics concernés.
+      </p>
+      <div
+        class="grid grid-cols-2 md:grid-cols-4 md:gap-10 mb-0 justify-items-center"
+      >
+        <!-- <div class="flex-col mt-5 mb-0 justify-items-center">
+          <a href="todo">
+            <div
+              class="bg-le-gris-dispositif font-serif italic text-white text-lg h-12 w-48 text-center rounded-t p-3"
+            >
+              <span class="">Mémo</span>
+              <svg
+                class="inline-flex w-5 h-5 fill-current"
+                xmlns="http://www.w3.org/2000/svg"
+                viewBox="0 0 24 24"
+                width="24"
+                height="24"
+                ><path fill="none" d="M0 0h24v24H0z" /><path
+                  d="M19 22H5a3 3 0 0 1-3-3V3a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v12h4v4a3 3 0 0 1-3 3zm-1-5v2a1 1 0 0 0 2 0v-2h-2zm-2 3V4H4v15a1 1 0 0 0 1 1h11zM6 7h8v2H6V7zm0 4h8v2H6v-2zm0 4h5v2H6v-2z"
+                /></svg
+              ><br /><br />
+            </div>
+            <div
+              class="flex items-center bg-white h-48 w-48 shadow-2xl rounded-sm p-2 text-center justify-center rounded-b"
+            >
+              <span class="font-serif not-italic text-2xl"
+                >Contribution sociale généralisée (CSG)</span
+              >
+            </div>
+          </a>
+        </div> -->
+        <div class="flex-col mt-5 mb-0 justify-items-center">
+          <a
+            href="https://documentation.leximpact.dev/leximpact_prepare_data/memo_irpp"
+            target="_blank"
+          >
+            <div
+              class="bg-le-gris-dispositif font-serif italic text-white text-lg h-12 w-48 text-center rounded-t p-3"
+            >
+              <span class="">Mémo</span>
+              <svg
+                class="inline-flex w-5 h-5 fill-current"
+                xmlns="http://www.w3.org/2000/svg"
+                viewBox="0 0 24 24"
+                width="24"
+                height="24"
+                ><path fill="none" d="M0 0h24v24H0z" /><path
+                  d="M19 22H5a3 3 0 0 1-3-3V3a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v12h4v4a3 3 0 0 1-3 3zm-1-5v2a1 1 0 0 0 2 0v-2h-2zm-2 3V4H4v15a1 1 0 0 0 1 1h11zM6 7h8v2H6V7zm0 4h8v2H6v-2zm0 4h5v2H6v-2z"
+                /></svg
+              ><br /><br />
+            </div>
+            <div
+              class="flex items-center bg-white h-48 w-48 shadow-2xl rounded-sm p-2 text-center justify-center rounded-b"
+            >
+              <span class="font-serif not-italic text-2xl"
+                >Impôt sur le revenu (IR)</span
+              >
+            </div>
+          </a>
+        </div>
+        <div class="flex-col mt-5 mb-0 justify-items-center">
+          <a
+            href="https://documentation-integ.leximpact.dev/leximpact_prepare_data/memo_aah"
+            target="_blank"
+          >
+            <div
+              class="bg-le-gris-dispositif font-serif italic text-white text-lg h-12 w-48 text-center rounded-t p-3"
+            >
+              <span class="">Mémo</span>
+              <svg
+                class="inline-flex w-5 h-5 fill-current"
+                xmlns="http://www.w3.org/2000/svg"
+                viewBox="0 0 24 24"
+                width="24"
+                height="24"
+                ><path fill="none" d="M0 0h24v24H0z" /><path
+                  d="M19 22H5a3 3 0 0 1-3-3V3a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v12h4v4a3 3 0 0 1-3 3zm-1-5v2a1 1 0 0 0 2 0v-2h-2zm-2 3V4H4v15a1 1 0 0 0 1 1h11zM6 7h8v2H6V7zm0 4h8v2H6v-2zm0 4h5v2H6v-2z"
+                /></svg
+              ><br /><br />
+            </div>
+            <div
+              class="flex items-center bg-white h-48 w-48 shadow-2xl rounded-sm p-2 text-center justify-center rounded-b"
+            >
+              <span class="font-serif not-italic text-2xl"
+                >Allocation adulte handicapé (AAH)</span
+              >
+            </div>
+          </a>
+        </div>
+        <!-- <div class="flex-col mt-5 mb-0 justify-items-center">
+          <a href="todo">
+            <div
+              class="bg-le-gris-dispositif font-serif italic text-white text-lg h-12 w-48 text-center rounded-t p-3"
+            >
+              <span class="">Mémo</span>
+              <svg
+                class="inline-flex w-5 h-5 fill-current"
+                xmlns="http://www.w3.org/2000/svg"
+                viewBox="0 0 24 24"
+                width="24"
+                height="24"
+                ><path fill="none" d="M0 0h24v24H0z" /><path
+                  d="M19 22H5a3 3 0 0 1-3-3V3a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v12h4v4a3 3 0 0 1-3 3zm-1-5v2a1 1 0 0 0 2 0v-2h-2zm-2 3V4H4v15a1 1 0 0 0 1 1h11zM6 7h8v2H6V7zm0 4h8v2H6v-2zm0 4h5v2H6v-2z"
+                /></svg
+              ><br /><br />
+            </div>
+            <div
+              class="flex items-center bg-white h-48 w-48 shadow-2xl rounded-sm p-2 text-center justify-center rounded-b"
+            >
+              <span class="font-serif not-italic text-2xl"
+                >Prime d'activité (PPA)</span
+              >
+            </div>
+          </a>
+        </div> -->
+      </div>
+    </div>
+  </section>
 </main>