added calligrams

assets/sass/_configuration.sass

@@ -30,6 +30,7 @@ $h3-size: pxToRem(25)
 $h3-size-desktop: pxToRem(35)
 $h3-weight: normal
 $lead-sidebar-font-family: $h1-font-family
+$lead-font-family: $h1-font-family
 
 $meta-font-family: $heading-font-family
 

assets/sass/_style.sass

@@ -99,11 +99,27 @@ body:not(.page__home, .projects__section, .projects__page)
 
 // Footer
 footer#document-footer
-    @include media-breakpoint-up(desktop)
+    .footer-banner
+        display: flex
+        justify-content: center
+        gap: var(--grid-gutter)
+        position: relative
+        width: 100%
+        ul
+            display: flex
+            gap: var(--grid-gutter)
+            a
+                @include meta
         ul:not(.dropdown-menu)
             &, &.footer-social.site-links
                 li + li
                     margin-top: 0
+    .calligram
+        &.portrait
+            max-height: pxToRem(200)
+        &.landscape
+            max-width: columns(8)
+    @include media-breakpoint-up(desktop)
         .footer-expertises
             display: block
             ul
@@ -114,21 +130,32 @@ footer#document-footer
                 + ul
                     justify-content: space-around
                     margin-top: $spacing-6
-        .footer-social
-            display: flex
-            justify-content: space-between
-            gap: var(--column-width)
-            width: 100%
-            li
-                &:first-child::after
+        .footer-banner
+            ul
+                position: absolute
+            .nav-social
+                left: var(--grid-gutter)
+                li:nth-child(2)::after
                     display: none
-                &:nth-child(2)
-                    margin-left: auto
-                &:not(:first-child)
+            .footer-social
+                right: var(--grid-gutter)
+                li
                     flex-direction: row-reverse
                     &::after
                         margin-left: 0
                         margin-right: $spacing-2
+        .calligram.landscape
+            max-width: columns(3)
+    @include media-breakpoint-down(desktop)
+        .footer-banner
+            gap: $spacing-4
+            flex-direction: column
+            align-items: center
+        .footer-social
+            justify-content: space-between
+            width: 100%
+        .calligram
+            order: -1
 
 // Blocks
 .block-chapter--accent_background

config/_default/config.yaml

@@ -3,6 +3,16 @@ paginate: 18
 enableRobotsTXT: true
 removePathAccents: true
 params:
+  footer:
+    images:
+      - url: "/assets/images/calligrammes/calligramme-1.svg"
+        orientation: "landscape"
+      - url: "/assets/images/calligrammes/calligramme-2.svg"
+        orientation: "portrait"
+      - url: "/assets/images/calligrammes/calligramme-3.svg"
+        orientation: "landscape"
+      - url: "/assets/images/calligrammes/calligramme-4.svg"
+        orientation: "landscape"
   summary:
     position: content
   search:

layouts/partials/footer/footer-simple.html

@@ -10,6 +10,28 @@
   </ul>
 </ul>
 </div>
-<div class="container footer-social">
-  {{ partial "footer/social.html" }}
+<div class="container footer-banner">
+  {{ $menu := partial "GetMenu" "social" }}
+  {{ if $menu }}
+    {{ partial "commons/menu.html"
+      (dict
+        "kind"        "social"
+        "level"       1
+        "class"       "nav-social"
+    )}}
+  {{ end }}
+
+  {{ $images := site.Params.footer.images }}
+  {{ $shuffledImages := shuffle $images }}
+  {{ $calligram := index $shuffledImages 0 }}
+  <img class="calligram {{ $calligram.orientation }}" src="{{ $calligram.url }}" alt="" />
+
+  {{ with (or site.Params.social site.Data.website.social) }}
+    {{ $site_social_links := . }}
+    {{ if $site_social_links }}
+      <ul class="footer-social site-links">
+        {{ partial "commons/socials" . }}
+      </ul>
+    {{ end }}
+{{ end }}
 </div>