Skip to content

Commit

Permalink
Merge 117ead5 into f4f359c
Browse files Browse the repository at this point in the history
  • Loading branch information
hedyhli committed Jan 21, 2024
2 parents f4f359c + 117ead5 commit 3278e58
Show file tree
Hide file tree
Showing 22 changed files with 371 additions and 112 deletions.
80 changes: 75 additions & 5 deletions pydis_site/static/css/events/base.css
Original file line number Diff line number Diff line change
Expand Up @@ -12,9 +12,79 @@ pre {
}

.panel .panel-heading {
/*
* Remove whitespace between the panel heading and the first item in a panel,
* since it makes the first panel item taller than the others.
*/
margin-bottom: 0 !important
/*
* Remove whitespace between the panel heading and the first item in a panel,
* since it makes the first panel item taller than the others.
*/
margin-bottom: 0 !important
}

.event-gallery img {
border-radius: 10px;
max-width: 50%;
}

/* CSS-only Masonry layout:
* https://tobiasahlin.com/blog/masonry-with-css/
*
* Adapted for responsiveness:
* - Mobile (<=700px) No columns at all
* - Tablets (700~900px) Two columns Masonry
* - Desktop+ (>=900px) Three columns Masonry
*/
@media (min-width: 700px) {
.event-gallery {
display: flex;
flex-flow: column wrap;
align-content: space-between;
}

@media (min-width: 900px) {
/* 3 columns */
.event-gallery {
/* Required. Must be only slightly taller than the tallest column */
height: 60rem;
}

.event-gallery .box {
width: calc(33% - 1rem);
margin-bottom: 1rem;
}

/* Reorder vertically */
.event-gallery .box:nth-child(3n+1) { order: 1; }
.event-gallery .box:nth-child(3n+2) { order: 2; }
.event-gallery .box:nth-child(3n) { order: 3; }

/* 2 line breaks to force new columns, for each gap between the three columns. */
.event-gallery::before, .event-gallery::after {
content: "";
flex-basis: 100%;
width: 0;
order: 2;
}
}

@media (max-width: 900px) {
/* 2 columns */
.event-gallery {
height: 80rem;
}

.event-gallery .box {
width: calc(50% - 1rem);
margin-bottom: 1rem;
}

.event-gallery .box:nth-child(2n+1) { order: 1; }
.event-gallery .box:nth-child(2n) { order: 2; }

/* 1 line break to force a new column, for the gap between the two columns. */
.event-gallery::before {
content: "";
flex-basis: 100%;
width: 0;
order: 1;
}
}
}
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
1 change: 1 addition & 0 deletions pydis_site/templates/events/current_event.html
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
{# Current or ongoing event #}
149 changes: 71 additions & 78 deletions pydis_site/templates/events/index.html
Original file line number Diff line number Diff line change
@@ -1,100 +1,93 @@
{% extends "events/base_sidebar.html" %}
{% extends "events/base.html" %}

{% block title %}Events{% endblock %}

{% block breadcrumb %}
<li class="is-active"><a href="#">Events</a></li>
{% endblock %}

{% block event_content %}
<div class="box">
<h2 class="title is-4"><a href="{% url "events:page" path="code-jams" %}">Code Jams</a></h2>
<p>Every year we hold a community-wide Summer Code Jam. For this event, members of our community are assigned to teams to collaborate and create something amazing using a technology we picked for them. One such technology that was picked for the Summer 2021 Code Jam was text user interfaces (TUIs), where teams could pick from a pre-approved list of frameworks.</p>
<p>To help fuel the creative process, we provide a specific theme, like <strong>Think Inside the Box</strong> or <strong>Early Internet</strong>. At the end of the Code Jam, the projects are judged by Python Discord server staff members and guest judges from the larger Python community. The judges will consider creativity, code quality, teamwork, and adherence to the theme.</p>
<p>If you want to read more about Code Jams, visit our <a href="{% url "events:page" path="code-jams" %}">Code Jam info page</a> or watch this video showcasing the best projects created during the <strong>Winter Code Jam 2020: Ancient Technology</strong>:</p>
<iframe style="max-width: 100%;" width="560" height="315" src="https://www.youtube.com/embed/8fbZsGrqBzo" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe>
</div>
{% block event_base_content %}
<div class="columns is-variable is-8">
<div class="column is-two-thirds">
<p>Briefly describe events. Explain how to subscribe to updates from the <code>#roles</code> channel.</p>

<div class="box">
<h2 class="title is-4">PyWeek</h2>
{% include "events/current_event.html" %}

{% include "events/upcoming_event.html" %}

<h2 class="title is-4">Scheduled events</h2>
<div class="columns is-3" style="--columnGap: 0.75rem;">
<div class="column">
<p>
For the past 15 years, <a href="https://pyweek.org" target="_blank" rel="noopener">PyWeek</a> 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>
<p>
During each PyWeek event, we open a special discussion channel in which our members can discuss their
submissions, meet other participants, and talk to PyWeek staff. The PyWeek organizer,
Daniel Pope (<a href="https://twitter.com/lordmauve" target="_blank" rel="noopener">@lordmauve</a>) will be present during the entire event to answer
questions and post announcements and information in our community.
</p>
<p>
Unlike our other events, the <strong>community</strong> will select the winner from all the submissions
during PyWeek. We may release YouTube content showcasing the best submissions after the events are finished.
</p>
<div class="box">
<h2 class="title is-6">January-June</h2>
<ul>
<li>March: <a href="{% url "events:page" path="pyweek" %}">PyWeek</a></li>
</ul>
</div>
</div>
<div class="column is-3">
<img src="https://pyweek.readthedocs.io/en/latest/_static/pyweek.svg" style="border-radius: 10px;" alt="">
<div class="column">
<div class="box">
<h2 class="title is-6">July-December</h2>
<ul>
<li>TBD: <a href="{% url "events:page" path="revivalofcode" %}">Revival of Code</a></li>
<li>TBD: <a href="{% url "events:page" path="code-jams" %}">Code Jam</a></li>
<li>September: <a href="{% url "events:page" path="pyweek" %}">PyWeek</a></li>
<li>December 1-25: <a href="{% url "events:page" path="adventofcode" %}">Advent of Code</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="column">
{% include "events/sidebar/events_list.html" %}
</div>
</div>


<h2 class="title is-4">All events</h2>
<div class="event-gallery">
<div class="box">
<h2 class="title is-4">Advent of Code</h2>
<div class="columns is-3" style="--columnGap: 0.75rem;">
<div class="column">
<p>
Each year, many of our members take part of an online coding competition called
<a href="https://adventofcode.com/" target="_blank" rel="noopener">Advent of Code</a> that takes place in December. Advent of Code is 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>
<p>
During the event, we will open a special discussion channel in which our members can discuss the puzzles
and compare their solutions. We will also open a private leaderboard and may even reward the best scoring
members on that board with prizes!
</p>
<p>
However, this event isn't purely competitive. You can also join in just to see how far you'll get, to
challenge yourself, as a way of learning Python, or just for the fun of it. In 2019, almost 200 members
signed up for our private leaderboard, but many more took on the challenge without focusing on the
competitive aspect.
</p>
</div>
<div class="column is-3">
<img src="https://raw.githubusercontent.com/python-discord/branding/main/events/christmas/server_icons/festive_256.gif" style="border-radius: 10px;" alt="">
</div>
<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 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">
</div>
</div>

<div class="box">
<h2 class="title is-4">Game Jam</h2>
<div class="columns is-3" style="--columnGap: 0.75rem;">
<div class="column">
<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>
<p>
The participants will have ten days to create a game using the technology we've selected, and drawing
inspiration from a provided theme. After the event, a panel of judges will play all the games and select a
winner. The top 5 will featured in a special video on our <a href="https://www.youtube.com/channel/UCQsrA4xo6jvdgsJZhKaBL6w" target="_blank" rel="noopener">YouTube channel</a>.
</p>
<p>
The <a class="has-text-link" href="{% url "events:page" path="game-jams/2020" %}">first edition of the Game Jam</a> ran from
<strong>April 17, 2020 to April 26, 2020</strong>.
</p>
</div>
<div class="column is-3">
<img src="https://user-images.githubusercontent.com/33516116/77593036-5fb09780-6eeb-11ea-9feb-336b2e5e23de.png" style="border-radius: 10px;" alt="">
</div>
<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">
</div>
</div>
{% endblock %}

{% block sidebar %}
{% include "events/sidebar/events-list.html" %}
<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">
</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">
</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">
</div>
</div>
</div>
{% endblock %}
32 changes: 32 additions & 0 deletions pydis_site/templates/events/pages/adventofcode/_index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,32 @@
{% extends "events/base_sidebar.html" %}

{% block breadcrumb %}
<li><a href="{% url "events:index" %}">Events</a></li>
<li class="is-active"><a href="#">Advent of Code</a></li>
{% endblock %}

{% block title %}Advent of Code{% endblock %}

{% block event_content %}
<p>
Each year, many of our members take part of an online coding competition called
<a href="https://adventofcode.com/" target="_blank" rel="noopener">Advent of Code</a> that takes place in December. Advent of Code is 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>
<p>
During the event, we will open a special discussion channel in which our members can discuss the puzzles
and compare their solutions. We will also open a private leaderboard and may even reward the best scoring
members on that board with prizes!
</p>
<p>
However, this event isn't purely competitive. You can also join in just to see how far you'll get, to
challenge yourself, as a way of learning Python, or just for the fun of it. In 2019, almost 200 members
signed up for our private leaderboard, but many more took on the challenge without focusing on the
competitive aspect.
</p>
{% endblock %}

{% block sidebar %}
{% include "events/sidebar/adventofcode/useful-links.html" %}
{% endblock %}
22 changes: 21 additions & 1 deletion pydis_site/templates/events/pages/game-jams/_index.html
Original file line number Diff line number Diff line change
Expand Up @@ -8,5 +8,25 @@
{% endblock %}

{% block event_content %}
<p>Sorry, this page is not ready yet.</p>
<div class="columns is-3" style="--columnGap: 0.75rem;">
<div class="column">
<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>
<p>
The participants will have ten days to create a game using the technology we've selected, and drawing
inspiration from a provided theme. After the event, a panel of judges will play all the games and select a
winner. The top 5 will featured in a special video on our <a href="https://www.youtube.com/channel/UCQsrA4xo6jvdgsJZhKaBL6w" target="_blank" rel="noopener">YouTube channel</a>.
</p>
<p>
The <a class="has-text-link" href="{% url "events:page" path="game-jams/2020" %}">first edition of the Game Jam</a> ran from
<strong>April 17, 2020 to April 26, 2020</strong>.
</p>
</div>
<div class="column is-3">
<img src="https://user-images.githubusercontent.com/33516116/77593036-5fb09780-6eeb-11ea-9feb-336b2e5e23de.png" style="border-radius: 10px;" alt="Game Jam 2020">
</div>
</div>
{% endblock %}
27 changes: 27 additions & 0 deletions pydis_site/templates/events/pages/pixels/_index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,27 @@
{% extends "events/base_sidebar.html" %}

{% block breadcrumb %}
<li><a href="{% url "events:index" %}">Events</a></li>
<li class="is-active"><a href="#">Pixels</a></li>
{% endblock %}

{% block title %}Pixels{% endblock %}

{% block event_content %}
<p>
The core idea of Pixels is to have a collaborative canvas, where users paint pixel by pixel, by POSTing co-ordinates and a color code to an API.
</p>
<p>
Our main goal for this event is to focus on it being a learning tool, for users who may not have previous experience with APIs.
</p>
<p>
With that said however, users of all experience levels are both welcome and encouraged to join in with the event!
</p>

<iframe width="560" height="315" src="https://www.youtube.com/embed/obC-l9JWx2M?si=rqzzg8F4Y9Acdq8Q" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>

{% endblock %}

{% block sidebar %}
{% include "events/sidebar/pixels.html" %}
{% endblock %}
30 changes: 30 additions & 0 deletions pydis_site/templates/events/pages/pyweek/_index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,30 @@
{% extends "events/base_sidebar.html" %}

{% block breadcrumb %}
<li><a href="{% url "events:index" %}">Events</a></li>
<li class="is-active"><a href="#">PyWeek</a></li>
{% endblock %}

{% block title %}PyWeek{% endblock %}

{% block event_content %}
<p>
For the past 15 years, <a href="https://pyweek.org" target="_blank" rel="noopener">PyWeek</a> 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>
<p>
During each PyWeek event, we open a special discussion channel in which our members can discuss their
submissions, meet other participants, and talk to PyWeek staff. The PyWeek organizer,
Daniel Pope (<a href="https://twitter.com/lordmauve" target="_blank" rel="noopener">@lordmauve</a>) will be present during the entire event to answer
questions and post announcements and information in our community.
</p>
<p>
Unlike our other events, the <strong>community</strong> will select the winner from all the submissions
during PyWeek. We may release YouTube content showcasing the best submissions after the events are finished.
</p>
{% endblock %}

{% block sidebar %}
{% include "events/sidebar/pyweek/useful-links.html" %}
{% endblock %}
Loading

0 comments on commit 3278e58

Please sign in to comment.