Init project

templates/base/footer.html.twig

@@ -0,0 +1,56 @@
+<footer class="bg-amber-100">
+  <div class="mx-auto max-w-7xl overflow-hidden px-6 py-20 sm:py-24 lg:px-8">
+    <nav
+      aria-label="Footer"
+      class="-mb-6 flex flex-wrap justify-center gap-x-12 gap-y-3 text-sm/6"
+    >
+      <a
+        href="{{ path('legalmentions') }}"
+        class="text-gray-600 hover:text-gray-900"
+      >
+        Mentions légales
+      </a>
+      <a
+        href="{{ path('confidentialitypolicy') }}"
+        class="text-gray-600 hover:text-gray-900"
+      >
+        Politique de confidentialité
+      </a>
+    </nav>
+    <div class="mt-16 flex justify-center gap-x-10">
+      <a href="#" class="text-gray-600 hover:text-gray-800">
+        <span class="sr-only">Facebook</span>
+        <svg
+          viewBox="0 0 24 24"
+          fill="currentColor"
+          aria-hidden="true"
+          class="size-6"
+        >
+          <path
+            d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z"
+            clip-rule="evenodd"
+            fill-rule="evenodd"
+          />
+        </svg>
+      </a>
+      <a href="#" class="text-gray-600 hover:text-gray-800">
+        <span class="sr-only">YouTube</span>
+        <svg
+          viewBox="0 0 24 24"
+          fill="currentColor"
+          aria-hidden="true"
+          class="size-6"
+        >
+          <path
+            d="M19.812 5.418c.861.23 1.538.907 1.768 1.768C21.998 8.746 22 12 22 12s0 3.255-.418 4.814a2.504 2.504 0 0 1-1.768 1.768c-1.56.419-7.814.419-7.814.419s-6.255 0-7.814-.419a2.505 2.505 0 0 1-1.768-1.768C2 15.255 2 12 2 12s0-3.255.417-4.814a2.507 2.507 0 0 1 1.768-1.768C5.744 5 11.998 5 11.998 5s6.255 0 7.814.418ZM15.194 12 10 15V9l5.194 3Z"
+            clip-rule="evenodd"
+            fill-rule="evenodd"
+          />
+        </svg>
+      </a>
+    </div>
+    <p class="mt-10 text-center text-sm/6 text-gray-600" data-controller="year">
+      &copy; Arts-ticule, Tous droits réservés.
+    </p>
+  </div>
+</footer>