Events: Re-organize templates and significantly improve layouts

Aka, many minor changes I shouldn't've grouped together in a single
commit.

- Add main page events description
- Use date icons every where
- Fill up one-off events list
- Use a media-like layout for one-off events instead
- Use 2-column masonry for one-off events list
- Update schedules for this year
- Add a colored top border line to cards in the main gallery that do not
  have thumbnail banners
- Add april fools to fill the gap in the second row so the grid looks
  better
- Re-purpose 'all events' sidebar as 'ToC' with appropriate anchor links
- Use circle-info icon everywhere for learn more buttons
- Added python release streams to the one-off events

That light blue cloud icon for devops hour looks dope IMO :P

- And of course, thanks to the layout change for one-off events list I
  do not have to hurriedly create ad-hoc thumbnails for them 😔. phew
- Which means our fancy hats workshop can use the beautiful magician hat
  emoji as the icon!

- Renamed 'scheduled' and 'recent' events to be year-independent. This
  makes it consistent because we might end up updating the list
  mid-year. This means all dates will have the year specified.

The pain of updating the gallery sections' height for both main and
one-off events section continues to be a limitation.

1 files changed, 2 insertions, 5 deletions

diff --git a/pydis_site/templates/events/current_event.html b/pydis_site/templates/events/current_event.html
index b264a6ab..df47f6f7 100644
--- a/pydis_site/templates/events/current_event.html
+++ b/pydis_site/templates/events/current_event.html
@@ -1,10 +1,7 @@
 {% load static %}
 
-{# Current or ongoing event #}
-{# (n/a) #}
-
-{# Next event to promote #}
-<div class="box has-background-warning-light" style="padding: 2rem; padding-top: .75rem;">
+{# Current/next event to promote #}
+<div class="box has-background-warning-light" style="padding: 2rem; padding-top: .75rem; margin-top: 2rem;">
     <small class="has-text-grey">Upcoming event</small>
     <div class="columns is-3 mt-1" style="--columnGap: 0.75rem;">
         <div class="column">