Events: Add one-time events, fix elements

3 files changed, 15 insertions, 3 deletions

diff --git a/pydis_site/static/css/events/base.css b/pydis_site/static/css/events/base.css
index 25b4f4e2..d67b5d77 100644
--- a/pydis_site/static/css/events/base.css
+++ b/pydis_site/static/css/events/base.css
@@ -19,6 +19,10 @@ pre {
     margin-bottom: 0 !important
 }
 
+.event-gallery .tags {
+    margin-top: -.75rem;
+}
+
 .event-gallery .card {
     border-radius: 6px;
     margin-bottom: 1.5rem;
@@ -58,9 +62,13 @@ pre {
 
     @media (min-width: 900px) {
         /* 3 columns */
-        .event-gallery {
+        #main-events {
             /* Required. Must be only slightly taller than the tallest column */
-            height: 70rem;
+            height: 65rem;
+        }
+
+        #other-events {
+            height: 30rem;
         }
 
         .event-gallery .card {
@@ -83,10 +91,14 @@ pre {
 
     @media (max-width: 900px) {
         /* 2 columns */
-        .event-gallery {
+        #main-events {
             height: 90rem;
         }
 
+        #other-events {
+            height: 30rem;
+        }
+
         .event-gallery .card {
             width: calc(50% - 1rem);
         }
diff --git a/pydis_site/static/images/events/gallery/devops_hour.png b/pydis_site/static/images/events/gallery/devops_hour.png
new file mode 100644
index 00000000..4e7bf215
--- /dev/null
+++ b/pydis_site/static/images/events/gallery/devops_hour.png
diff --git a/pydis_site/static/images/events/gallery/trivia.png b/pydis_site/static/images/events/gallery/trivia.png
new file mode 100644
index 00000000..1d04b670
--- /dev/null
+++ b/pydis_site/static/images/events/gallery/trivia.png