aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
Diffstat
-rw-r--r--pydis_site/static/css/events/base.css19
-rw-r--r--pydis_site/static/images/events/gallery/adventofcode.pngbin0 -> 48332 bytes
-rw-r--r--pydis_site/static/images/events/gallery/gamejam.pngbin0 -> 28464 bytes
-rw-r--r--pydis_site/static/images/events/gallery/pixels.pngbin0 -> 4904 bytes
-rw-r--r--pydis_site/static/images/events/gallery/pyweek.pngbin0 -> 13951 bytes
-rw-r--r--pydis_site/templates/events/index.html54
6 files changed, 43 insertions, 30 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
Binary files differ
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
Binary files differ
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
Binary files differ
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
Binary files differ
diff --git a/pydis_site/templates/events/index.html b/pydis_site/templates/events/index.html
index 5ed3c61c..f51576fa 100644
--- a/pydis_site/templates/events/index.html
+++ b/pydis_site/templates/events/index.html
@@ -47,46 +47,48 @@
<h2 class="title is-4">All events</h2>
<div class="event-gallery">
<div class="box">
- <h2 class="title is-4"><a href="{% url "events:page" path="code-jams" %}">Code Jams</a></h2>
- <p>Once a year we host a code jam for members of our server to participate in. The code jam is an event where we place you in a team with 5 other random server members. You then have 11 days to code some sort of application or program in Python. Your program must use the specified technology/framework and incorporate the theme chosen by the server.</p>
+ <div class="box-content">
+ <h2 class="title is-4"><a href="{% url "events:page" path="code-jams" %}">Code Jams</a></h2>
+ <p>Once a year we host a code jam for members of our server to participate in. The code jam is an event where we place you in a team with 5 other random server members. You then have 11 days to code some sort of application or program in Python. Your program must use the specified technology/framework and incorporate the theme chosen by the server.</p>
+ </div>
</div>
<div class="box">
- <h2 class="title is-4"><a href="{% url "events:page" path="pyweek" %}">PyWeek</a></h2>
- <p>For the past 15 years, PyWeek has been running a bi-annual game jam for the Python language. As of 2020, we are excited to say we are officially partnered with PyWeek to co-run these events.</p>
- <div class="has-text-centered">
- <img src="https://pyweek.readthedocs.io/en/latest/_static/pyweek.svg" style="max-width: 100%;" alt="PyWeek logo">
+ <img src="/static/images/events/gallery/pyweek.png" alt="PyWeek logo">
+ <div class="box-content">
+ <h2 class="title is-4"><a href="{% url "events:page" path="pyweek" %}">PyWeek</a></h2>
+ <p>For the past 15 years, PyWeek has been running a bi-annual game jam for the Python language. As of 2020, we are excited to say we are officially partnered with PyWeek to co-run these events.</p>
</div>
</div>
<div class="box">
- <h2 class="title is-4"><a href="{% url "events:page" path="pixels" %}">Pixels</a></h2>
- <p>A collaborative canvas where users paint pixel by pixel, by POSTing co-ordinates and a color code to an API.</p>
- <div class="has-text-centered">
- <img src="/static/images/events/pixels_logo_transparent.gif" alt="Logo for pixels">
+ <img src="/static/images/events/gallery/pixels.png" alt="Logo for pixels">
+ <div class="box-content">
+ <h2 class="title is-4"><a href="{% url "events:page" path="pixels" %}">Pixels</a></h2>
+ <p>A collaborative canvas where users paint pixel by pixel, by POSTing co-ordinates and a color code to an API.</p>
</div>
</div>
<div class="box">
- <h2 class="title is-4"><a href="{% url "events:page" path="adventofcode" %}">Advent of code</a></h2>
- <p>An advent calendar of small programming puzzles for a variety of skill sets and skill levels that can be solved in any programming language you like, including Python.</p>
- <div class="has-text-centered">
- <img src="https://raw.githubusercontent.com/python-discord/branding/main/events/christmas/server_icons/festive_256.gif" alt="Server icon for AoC">
+ <img src="/static/images/events/gallery/adventofcode.png" alt="Server icon for AoC">
+ <div class="box-content">
+ <h2 class="title is-4"><a href="{% url "events:page" path="adventofcode" %}">Advent of code</a></h2>
+ <p>An advent calendar of small programming puzzles for a variety of skill sets and skill levels that can be solved in any programming language you like, including Python.</p>
</div>
</div>
<div class="box">
- <h2 class="title is-4"><a href="{% url "events:page" path="revivalofcode" %}">Revival of Code</a></h2>
- <p>
- Revival of Code is a Python Discord hosted event where we release old Advent of Code puzzles from a previous year. The puzzles start off easy and gradually get more difficult, all while revealing a fun little story that is appropriate for some seasons more than others. Questions will be posted every other day, and you'll be able to discuss your solutions in dedicated threads.
- </p>
- <div class="has-text-centered">
- <img src="https://raw.githubusercontent.com/python-discord/branding/main/events/christmas/server_icons/festive_256.gif" alt="Server icon for AoC">
+ <img src="/static/images/events/gallery/adventofcode.png" alt="Server icon for AoC">
+ <div class="box-content">
+ <h2 class="title is-4"><a href="{% url "events:page" path="revivalofcode" %}">Revival of Code</a></h2>
+ <p>
+ Revival of Code is a Python Discord hosted event where we release old Advent of Code puzzles from a previous year. The puzzles start off easy and gradually get more difficult, all while revealing a fun little story that is appropriate for some seasons more than others. Questions will be posted every other day, and you'll be able to discuss your solutions in dedicated threads.
+ </p>
</div>
</div>
<div class="box">
- <h2 class="title is-4"><a href="{% url "events:page" path="game-jams" %}">Game Jams</a></h2>
- <p>The Game Jam is similar to our Code Jams, but smaller in scope. Instead of having to complete a qualifier
- and being teamed up with random strangers, members of our community can just sign-up individually or pair up
- with whoever they like.</p>
- <div class="has-text-centered">
- <img src="https://user-images.githubusercontent.com/33516116/77593036-5fb09780-6eeb-11ea-9feb-336b2e5e23de.png" alt="Game Jam 2020">
+ <img src="/static/images/events/gallery/gamejam.png" alt="Game Jam 2020">
+ <div class="box-content">
+ <h2 class="title is-4"><a href="{% url "events:page" path="game-jams" %}">Game Jams</a></h2>
+ <p>The Game Jam is similar to our Code Jams, but smaller in scope. Instead of having to complete a qualifier
+ and being teamed up with random strangers, members of our community can just sign-up individually or pair up
+ with whoever they like.</p>
</div>
</div>
</div>
generated by cgit v1.2.3 (git 2.39.1) at 2025-11-04 13:22:39 +0000