organized by mock up

Author: jordyarms

_data/sponsors.yml

@@ -1,18 +1,18 @@
 - title: Civic Tech Toronto
   url: https://civictech.ca
-  logo: civic-tech-toronto-logo.png
+  logo: civictechtoronto.webp
   level: organizing_partner
   description: comming soon.
 
 - title: Centre for Analytics & Artificial Intelligence Engineering (CARTE)
   url: https://carte.utoronto.ca
-  logo: carte-logo.png
+  logo: carte.png
   level: organizing_partner
   description: comming soon.
 
 - title: 1RG
   url: https://1rg.space
-  logo: 1rg-logo.png
+  logo: 1rg.svg
   level: organizing_partner
   description: comming soon.
 

_includes/footer.html

@@ -1,21 +1,20 @@
 <style>
-.footer {
-  background-color: var(--cust-yellow-pale);
-  padding: 2rem 1rem;
-}
-.footer-nav *{
-  color: var(--cust-black);
-}
-
-
+.footer {background-color: var(--cust-yellow-pale); padding: 2rem 1rem;}
+.footer-nav *{color: var(--cust-black);}
+.partner-logos{display: flex; gap: 1.5rem; align-items: center; flex-wrap: wrap;}
+.partner-logo{height: 4rem; object-fit: contain;filter: grayscale(100%);}
 @media (max-width: 767px) {
   .footer-nav{
     grid-template-columns: 1fr 1fr;
   }
+  .partner-logos {
+    flex-direction: column;
+    align-items: flex-start;
+  }
 }
 @media (min-width: 1024px) {}
-
 </style>
+
 <footer class="footer">
   <div class="container">
     {% include logoform.html gray='true' %}
@@ -55,10 +54,22 @@
       </nav>
     </aside>
     </div>
-
     <!-- {% include signup-form.html %} -->
   </div>
   <br/>
+  <div class="organizing-partners">
+    <p><strong>Civic Spark is organized by:</strong></p>
+    <div class="partner-logos">
+      {% for sponsor in site.data.sponsors %}
+        {% if sponsor.level == "organizing_partner" %}
+          <a href="{{ sponsor.url }}" target="_blank" rel="noopener noreferrer" title="{{ sponsor.title }}">
+            <img src="{{ site.baseurl }}/assets/images/sponsors/{{ sponsor.logo }}" alt="{{ sponsor.title }}" class="partner-logo">
+          </a>
+        {% endif %}
+      {% endfor %}
+    </div>
+  </div>
+  <br/>
   <p><small>{{ site.title }} &emsp;·&emsp; August 16 & 17, 2025 &emsp;·&emsp; Myhal Centre, University of Toronto &emsp;·&emsp; <a href="{{ site.data.links.codeofconduct }}" target="_blank">code of conduct{% include ext-arrow.html %}</a></small></p>
   </div>
 </footer>