Events: Use nice cover images with backgrounds

5 files changed, 15 insertions, 4 deletions

diff --git a/pydis_site/static/css/events/base.css b/pydis_site/static/css/events/base.css
index b5cd69a3..777a2bcf 100644
--- a/pydis_site/static/css/events/base.css
+++ b/pydis_site/static/css/events/base.css
@@ -19,9 +19,20 @@ pre {
     margin-bottom: 0 !important
 }
 
+
+.event-gallery .box {
+    padding: 0;
+}
+
+.event-gallery .box-content {
+    padding: 1.25rem;
+}
+
 .event-gallery img {
-    border-radius: 10px;
-    max-width: 50%;
+    object-fit: cover;
+    /* Same as that of box */
+    border-top-left-radius: 6px;
+    border-top-right-radius: 6px;
 }
 
 /* CSS-only Masonry layout:
@@ -43,7 +54,7 @@ pre {
         /* 3 columns */
         .event-gallery {
             /* Required. Must be only slightly taller than the tallest column */
-            height: 60rem;
+            height: 80rem;
         }
 
         .event-gallery .box {
@@ -68,7 +79,7 @@ pre {
     @media (max-width: 900px) {
         /* 2 columns */
         .event-gallery {
-            height: 80rem;
+            height: 90rem;
         }
 
         .event-gallery .box {
diff --git a/pydis_site/static/images/events/gallery/adventofcode.png b/pydis_site/static/images/events/gallery/adventofcode.png
new file mode 100644
index 00000000..77b6e015
--- /dev/null
+++ b/pydis_site/static/images/events/gallery/adventofcode.png
diff --git a/pydis_site/static/images/events/gallery/gamejam.png b/pydis_site/static/images/events/gallery/gamejam.png
new file mode 100644
index 00000000..fa9b80b3
--- /dev/null
+++ b/pydis_site/static/images/events/gallery/gamejam.png
diff --git a/pydis_site/static/images/events/gallery/pixels.png b/pydis_site/static/images/events/gallery/pixels.png
new file mode 100644
index 00000000..55398a53
--- /dev/null
+++ b/pydis_site/static/images/events/gallery/pixels.png
diff --git a/pydis_site/static/images/events/gallery/pyweek.png b/pydis_site/static/images/events/gallery/pyweek.png
new file mode 100644
index 00000000..dd40570e
--- /dev/null
+++ b/pydis_site/static/images/events/gallery/pyweek.png