sponsors update

Author: jordyarms

_data/sponsors.yml

@@ -1,34 +1,41 @@
+- title: Civic Tech Toronto
+  url: https://civictech.ca
+  logo: civic-tech-toronto-logo.png
+  level: organizing_partner
+  description: comming soon.
+
 - title: Centre for Analytics & Artificial Intelligence Engineering (CARTE)
   url: https://carte.utoronto.ca
   logo: carte-logo.png
-  level: venue_partner
+  level: organizing_partner
+  description: comming soon.
 
 - title: 1RG
   url: https://1rg.space
   logo: 1rg-logo.png
   level: organizing_partner
+  description: comming soon.
 
-- title: Civic Tech Toronto
-  url: https://civictech.ca
-  logo: civic-tech-toronto-logo.png
-  level: organizing_partner
-
-- title: Code for Canada
-  url: https://codefor.ca
-  logo: code-for-canada-logo.png
-  level: BEN_TO_DEFINE
-
-- title: The City of Toronto
-  url: https://www.toronto.ca
-  logo: toronto.png
-  level: presenting_partner
-
-- title: Open Data Toronto
+- title: Open Data – The City of Toronto
   url: https://open.toronto.ca
-  logo: open-data.jpg
-  level: presenting_partner
+  logo: Toronto Lockup Transparent.png
+  level: presenting_sponsor
+  description: comming soon.
 
 - title: The Toronto Star
   url: https://www.thestar.com
-  logo: StarRibbonLogo-B&W.png
-  level: presenting_partner
+  logo: Toronto-Star-Logo.svg
+  level: presenting_sponsor
+  description: comming soon.
+
+- title: Bloom Works
+  url: https://bloomworks.digital
+  logo: bloom.svg
+  level: major_sponsor
+  description: comming soon.
+
+- title: Code for Canada
+  url: https://codefor.ca
+  logo: code-for-canada-logo.png
+  level: supporting_sponsor
+  description: comming soon.

_includes/section-sponsors.html

@@ -4,7 +4,7 @@
   <style>
     .sponsors {
       display: grid;
-      grid-template-columns: 2fr 1fr 2fr 0.5fr;
+      grid-template-columns: 1fr 1fr;
       gap: 1.5rem;
       justify-items: center;
       align-items: center;
@@ -17,8 +17,9 @@
     .sponsors img:hover {
       filter: none;
     }
-    .sponsors a {
+    .sponsors a, .textsponsor {
       text-decoration: none;
+      color: inherit;
     }
 
     @media (max-width: 767px) {
@@ -35,10 +36,21 @@
   </style>
   <div class="sponsors">
     {% for sponsor in site.data.sponsors %}
-      {% if sponsor.level == "presenting_partner" %}
+      {% if sponsor.level == "presenting_sponsor" %}
         <a href="{{ sponsor.url }}" target="_blank" rel="noopener noreferrer">
           <img src="{{ site.baseurl }}/assets/images/sponsors/{{ sponsor.logo }}" alt="{{ sponsor.title }}">
         </a>
       {% endif %}
     {% endfor %}
+    </div>
+    <div>
+      <p>
+        Major and supporting sponsors:&ensp;
+        {% assign major_supporting = site.data.sponsors | where_exp: "s", "s.level == 'major_sponsor' or s.level == 'supporting_sponsor'" %}
+        {% for sponsor in major_supporting %}
+          <a class="textsponsor" href="{{ sponsor.url }}" target="_blank" rel="noopener noreferrer">{{ sponsor.title }}</a>
+          {% unless forloop.last %} • {% endunless %}
+        {% endfor %}<br/>
+      <a href="{{ '/sponsors' | relative_url}}">Learn more about our sponsors</a></p>
+    </div>
 </section>

_layouts/base.html

@@ -21,7 +21,9 @@
   <main role="main" id="main-content" class="container" tabindex="-1">
     {{ content }}
   </main>
-  {% include section-sponsors.html %}
+  {% unless page.hide_sponsors %}
+    {% include section-sponsors.html %}
+  {% endunless %}
   {% include footer.html %}
 </body>
 </html>

_pages/sponsors.html

@@ -4,7 +4,79 @@
 description: "Civic Spark is made possible by the generous support of our sponsors."
 permalink: /sponsors/
 redirect_from: /sponsors
+hide_sponsors: true
 ---
 
 
-coming soon.
+<style>
+  .sponsor-logo-container {
+    width: 100%;
+    height: 250px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: transparent;
+  }
+  .sponsor-logo {
+    width: 100%;
+    height: auto;
+    max-width: 100%;
+    max-height: 100%;
+    object-fit: contain;
+    object-position: center center;
+    display: block;
+  }
+
+  .sponsor-grid{
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: 1rem;
+  }
+
+  @media (max-width: 767px) {
+    .sponsor-grid {
+      grid-template-columns: 1fr;
+    }
+  }
+
+
+
+</style>
+
+{% assign levels = "presenting_sponsor,major_sponsor,supporting_sponsor,community_partner" | split: "," %}
+{% assign level_names = 
+  "presenting_sponsor:Presenting Partner,major_sponsor:Major Sponsor,supporting_sponsor:Supporting Sponsor,community_partner:Community Partner" 
+  | split: "," | map: "split" | map: "first" | zip: "split:':'|last" %}
+
+{% for level in levels %}
+  {% assign sponsors_in_level = site.data.sponsors | where: "level", level %}
+  {% if sponsors_in_level.size > 0 %}
+    <h2>
+      {% case level %}
+        {% when "presenting_sponsor" %}Presenting Sponsors
+        {% when "lead_sponsor" %}Lead Sponsors
+        {% when "major_sponsor" %}Major Sponsors
+        {% when "supporting_sponsor" %}Supporting Sponsors
+        {% else %}{{ level | capitalize }}
+      {% endcase %}
+    </h2>
+    <div class="sponsor-list sponsor-grid sponsor-list-{{ level }}">
+      {% for sponsor in sponsors_in_level %}
+        <article class="sponsor-row">
+          <div class="sponsor-logo-container">
+          <img
+            class="sponsor-logo"
+            src="{{ site.baseurl }}/assets/images/sponsors/{{ sponsor.logo }}"
+            alt="{{ sponsor.title }}"
+            style="cursor:pointer"
+            onclick="window.open('{{ sponsor.url }}', '_blank', 'noopener,noreferrer')"
+          />
+          </div>
+          <!-- <div class="sponsor-info">
+            <p class="sponsor-description">{{ sponsor.description }}</p>
+          </div> -->
+        </article>
+      {% endfor %}
+    </div>
+  {% endif %}
+{% endfor %}