diff --git a/footer.php b/footer.php
index 0691e5a..13b1707 100644
--- a/footer.php
+++ b/footer.php
@@ -121,7 +121,7 @@
-
+
© -
Made with
@@ -133,6 +133,36 @@
by Deligraph
+
+
+
+
+ -
+
+
+ -
+
+
+ -
+
+
+ -
+
+
+
+
+
+
+
+
diff --git a/resources/css/layout/footer.css b/resources/css/layout/footer.css
index 0d67321..237633d 100644
--- a/resources/css/layout/footer.css
+++ b/resources/css/layout/footer.css
@@ -48,25 +48,40 @@
&__metiers-patrimoine {
@apply col-span-4 md:col-span-2;
}
- .website-credits {
- @apply text-center col-span-4;
- }
- .seventeen {
- }
- .made-by {
- @apply flex justify-center items-center text-neutral-600 font-semibold text-xs pt-2;
- svg {
- @apply w-3 h-3 mx-1 fill-secondary;
- animation: fade-in-out 2.5s linear infinite;
- }
- a {
- @apply underline pl-1;
- }
- @keyframes fade-in-out {
- 50% {
- opacity: 0;
+ .website-credits {
+ @apply col-span-2 text-left font-semibold;
+ .made-by {
+ @apply w-fit flex justify-center items-center text-neutral-600 font-semibold text-xs pt-1;
+ svg {
+ @apply w-3 h-3 mx-1 fill-secondary;
+ animation: fade-in-out 2.5s linear infinite;
+ }
+ a {
+ @apply underline pl-1;
+ }
+ @keyframes fade-in-out {
+ 50% {
+ opacity: 0;
+ }
}
}
}
+
+ .legal-credits {
+ @apply text-center col-span-2 lg:flex gap-3 items-end;
+ &__legal-page-link {
+ @apply font-bold relative block;
+ }
+ }
+ .legal-credits__legal-page-link + .legal-credits__legal-page-link {
+ &:before {
+ @apply mr-3 h-4 bg-neutral-900;
+ transform: translateY(3px);
+ display: inline-block;
+ content: '';
+ width: 2px;
+ content: '';
+ }
+ }
}