partner logos in footer

ddlh/static/styles.css

@@ -270,6 +270,24 @@ footer {
   color: var(--main-fg-color);
   box-sizing: border-box;
   padding: calc(2 * var(--spacer-unit));
+
+  & .footer-partner-logos {
+    filter: invert(100%) sepia(82%) saturate(175%) hue-rotate(18deg)
+      brightness(108%) contrast(0%) grayscale(100%);
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+    align-items: center;
+    gap: calc(0.5 * var(--spacer-unit));
+    margin: calc(2 * var(--spacer-unit)) auto;
+    max-width: 55rem;
+    & figure {
+      margin: 0;
+      & img {
+        max-height: 2rem;
+      }
+    }
+  }
   & .footer-columns {
     display: flex;
     flex-direction: column;

ddlh/templates/partials/footer.j2

@@ -1,4 +1,5 @@
 <footer>
+    <div class="footer-partner-logos">{% include "partials/partner_logos.j2" %}</div>
     <div class="footer-columns">
         <div class="dd-logo column">{% include "partials/logo.j2" %}</div>
         <div class="address column">

ddlh/templates/partials/partner_logos.j2

@@ -0,0 +1,95 @@
+<figure>
+    <a href="https://maker-effekt.dk/" target="_blank">
+        <img src="{{ url_for("static", filename="images/partner_logos/maker-logo-1.png") }}" alt="">
+    </a>
+</figure>
+<figure>
+    <a href="https://danskdesigncenter.dk/" target="_blank">
+        <img src="{{ url_for("static", filename="images/partner_logos/DDC_mark_US_BLACK_RGB-300x105.png") }}" alt="">
+    </a>
+</figure>
+<figure>
+    <a href="https://espacioopen.com/en/" target="_blank">
+        <img src="{{ url_for("static", filename="images/partner_logos/LOGO-ESPACIO-OPEN.png") }}" alt="">
+    </a>
+</figure>
+<figure>
+    <a href="https://www.opendotlab.it/" target="_blank">
+        <img src="{{ url_for("static", filename="images/partner_logos/logo_opendot.png") }}" alt="">
+    </a>
+</figure>
+<figure>
+    <a href="https://www.ipl.pt/" target="_blank">
+        <img src="{{ url_for("static", filename="images/partner_logos/ipl.png") }}" alt="">
+    </a>
+</figure>
+<figure>
+    <a href="https://www.happylab.at/de_vie/home" target="_blank">
+        <img src="{{ url_for("static", filename="images/partner_logos/HL_LOGO_2019-1-300x129-1.png") }}" alt="">
+    </a>
+</figure>
+<figure>
+    <a href="https://iaac.net/" target="_blank">
+        <img src="{{ url_for("static", filename="images/partner_logos/FLB-IAAC-300x89.png") }}" alt="">
+    </a>
+</figure>
+<figure>
+    <a href="https://www.nmi.is/en" target="_blank">
+        <img src="{{ url_for("static", filename="images/partner_logos/ici-300x74.png") }}" alt="">
+    </a>
+</figure>
+<figure>
+    <a href="https://www.p2plab.gr/en/" target="_blank">
+        <img src="{{ url_for("static", filename="images/partner_logos/p2p-logo.png") }}" alt="">
+    </a>
+</figure>
+<figure>
+    <a href="https://dezwijger.nl/" target="_blank">
+        <img src="{{ url_for("static", filename="images/partner_logos/pakhuis-de-zwijger-logo-300x75.png") }}" alt="">
+    </a>
+</figure>
+<figure>
+    <a href="https://re-publica.com/en" target="_blank">
+        <img src="{{ url_for("static", filename="images/partner_logos/republica_logo-300x83.png") }}" alt="">
+    </a>
+</figure>
+<figure>
+    <a href="https://www.polifactory.polimi.it/en/" target="_blank">
+        <img src="{{ url_for("static", filename="images/partner_logos/polifactory-logo-e1568383835289-300x313.png") }}" alt="">
+    </a>
+</figure>
+<figure>
+    <a href="https://arslonga.fr" target="_blank">
+        <img src="{{ url_for("static", filename="images/partner_logos/AL250_250.png") }}" alt="">
+    </a>
+</figure>
+<figure>
+    <a href="https://fablabbudapest.com" target="_blank">
+        <img src="{{ url_for("static", filename="images/partner_logos/fablablogo-300x112.png") }}" alt="">
+    </a>
+</figure>
+<figure>
+    <a href="https://fab.city/" target="_blank">
+        <img src="{{ url_for("static", filename="images/partner_logos/fab-city-logo-300x300.png") }}" alt="">
+    </a>
+</figure>
+<figure>
+    <a href="https://www.culturaydeporte.gob.es" target="_blank">
+        <img src="{{ url_for("static", filename="images/partner_logos/MC_logo-300x134.png") }}" alt="">
+    </a>
+</figure>
+<figure>
+    <a href="https://www.mao.si" target="_blank">
+        <img src="{{ url_for("static", filename="images/partner_logos/mao-Museum-of-Architecture-and-Design-1.png") }}" alt="">
+    </a>
+</figure>
+<figure>
+    <a href="https://globalinnovationgathering.org/" target="_blank">
+        <img src="{{ url_for("static", filename="images/partner_logos/cropped-gig-logo-1.png") }}" alt="">
+    </a>
+</figure>
+<figure>
+    <a href="https://www.dcci.ie/" target="_blank">
+        <img src="{{ url_for("static", filename="images/partner_logos/logo_dcci-300x59.png") }}" alt="">
+    </a>
+</figure>

pyproject.toml

@@ -75,3 +75,6 @@ mock_use_standalone_module = true
 
 [tool.pytest.ini_options]
 addopts = "--spec --cov=ddlh"
+
+[tool.djlint]
+ignore="H006"