adds accordion with all events to page (#740)

Author: kjaymiller

_data/sponsored_events.json

@@ -1,5 +1,8 @@
 {
-  "2024": ["PyTexas", "PyOhio", "PyCon Africa", "PyCon South Africa", "PyCon Zimbabwe", "PyCon Nigeria", "IndabaX - Botswana", "PyCon Uganda", "PyHo - Ghana"],
+  "2024": {
+    "Africa": ["PyCon Africa", "PyCon South Africa", "PyCon Zimbabwe", "PyCon Nigeria", "IndabaX - Botswana", "PyCon Uganda", "PyHo - Ghana"],
+    "North America": ["PyTexas", "PyOhio"]
+  },
   "2025": {
     "Africa": ["Django Girls - Ho", "PyCon Africa", "DjangoCon Africa", "IndabaX - Botswana", "PyCon Namibia", "PyTogo", "Zero to Hero Mentorship Program - Nigeria"],
     "North America": ["PyTexas Foundation", "PyOhio", "PyBeach"],

_layouts/sponsored-events.html

@@ -14,16 +14,28 @@ <h1>Supported Events</h1>
   <p>Here is a look at events this year that we've supported:</p>
   </section>
 
+
   <section>
-    <h2>Events Sponsored in {{year}}</h2>
-  <section class="grid">
-    {% for segment in data[year] | sort %}
-    <article>
-    <h3>{{segment}}</h3>
-      {% for event in data[year][segment] | sort %}
-        <p>{{event}}</p>
+    <h2>Events Sponsored by year</h2>
+    {% for segment_year in data | sort(reverse=True) %}
+    {% if segment_year == year %}
+    <details name="{{segment_year}}" open>
+    {% else %}
+    <details name="{{segment_year}}">
+    {% endif %}
+    <summary>{{segment_year}}</summary>
+      <section class="grid">
+      {% for segment in data[segment_year] | sort %}
+      <article>
+      <h3>{{segment}}</h3>
+        {% for event in data[segment_year][segment] | sort %}
+          <p>{{event}}</p>
+        {% endfor %}
+      </article>
       {% endfor %}
-    </article>
+      </section>
+    </details>
+    <hr/>
     {% endfor %}
   </section>