Code Jam 8 - Initial PR for Announcement (#528)

14 files changed, 229 insertions, 5 deletions

diff --git a/pydis_site/static/images/events/cj8_asciimatics.png b/pydis_site/static/images/events/cj8_asciimatics.png
new file mode 100644
index 00000000..ac52338e
--- /dev/null
+++ b/pydis_site/static/images/events/cj8_asciimatics.png
diff --git a/pydis_site/static/images/events/cj8_blessed.gif b/pydis_site/static/images/events/cj8_blessed.gif
new file mode 100644
index 00000000..8bdbf5b1
--- /dev/null
+++ b/pydis_site/static/images/events/cj8_blessed.gif
diff --git a/pydis_site/static/images/events/cj8_curses.png b/pydis_site/static/images/events/cj8_curses.png
new file mode 100644
index 00000000..c1a177ff
--- /dev/null
+++ b/pydis_site/static/images/events/cj8_curses.png
diff --git a/pydis_site/static/images/events/cj8_rich.gif b/pydis_site/static/images/events/cj8_rich.gif
new file mode 100644
index 00000000..3a0ffbf3
--- /dev/null
+++ b/pydis_site/static/images/events/cj8_rich.gif
diff --git a/pydis_site/static/images/events/cj8_urwid.png b/pydis_site/static/images/events/cj8_urwid.png
new file mode 100644
index 00000000..98a264b7
--- /dev/null
+++ b/pydis_site/static/images/events/cj8_urwid.png
diff --git a/pydis_site/static/images/events/summer_code_jam_2021.png b/pydis_site/static/images/events/summer_code_jam_2021.png
new file mode 100644
index 00000000..778c7c90
--- /dev/null
+++ b/pydis_site/static/images/events/summer_code_jam_2021.png
diff --git a/pydis_site/templates/events/index.html b/pydis_site/templates/events/index.html
index 024e7fdc..64bf2c25 100644
--- a/pydis_site/templates/events/index.html
+++ b/pydis_site/templates/events/index.html
@@ -9,6 +9,9 @@
 {% block event_content %}
     <div class="box">
         <h2 class="title is-4">Code Jams</h2>
+        <div class="notification is-success">
+            The 2021 Summer Code Jam qualifier will open June 21st. Check out the details <a href="{% url "events:page" path="code-jams/8" %}">here</a>.
+        </div>
         <p>Each year, we organize a Winter Code Jam and a Summer Code Jam. During these events, members of our community will work together in teams to create something amazing using a technology we picked for them. One such technology that was picked for the Winter Code Jam 2020 was Kivy, a cross-platform GUI framework.</p>
         <p>To help fuel the creative process, we provide a specific theme, like <strong>Ancient Technology</strong> or <strong>This App Hates You</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>
diff --git a/pydis_site/templates/events/pages/code-jams/8/_index.html b/pydis_site/templates/events/pages/code-jams/8/_index.html
new file mode 100644
index 00000000..08eaae07
--- /dev/null
+++ b/pydis_site/templates/events/pages/code-jams/8/_index.html
@@ -0,0 +1,41 @@
+{% extends "events/base_sidebar.html" %}
+
+{% block title %}Summer Code Jam 2021{% endblock %}
+
+{% block breadcrumb %}
+    <li><a href="{% url "events:index" %}">Events</a></li>
+    <li><a href="{% url "events:page" path="code-jams" %}">Code Jams</a></li>
+    <li class="is-active"><a href="#">Summer Code Jam 2021</a></li>
+{% endblock %}
+
+{% block event_content %}
+    <p>Twice 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 7 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>
+    <p>
+        After the 7 days is complete, your team has 2 days to finish documentation and create a video presentation showcasing
+        and walking through the program that your team has created. More details and specifics of this will be released within the next 2 weeks.
+    </p>
+
+    <h3 id="important-dates"><a href="#important-dates">Important Dates</a></h3>
+    <ul>
+        <li>Monday, June 15 - Form to submit theme suggestions opens</li>
+        <li>Monday, June 21 - The Qualifier is released</li>
+        <li>Friday, June 25 - Voting for the theme opens</li>
+        <li>Sunday, June 27 - Github Bootcamp</li>
+        <li>Wednesday, June 30 - The Qualifier closes</li>
+        <li>Friday, July 9 - Code Jam Begins</li>
+        <li>Friday, July 16 - Coding portion of the jam ends</li>
+        <li>Sunday, July 18 - Code Jam submissions are closed</li>
+    </ul>
+    <h3 id="how-to-join"><a href="#how-to-join">How to Join</a></h3>
+    <p>The Qualifier isn't released yet, but to receive the most up-to-date information and to get notified
+        when the Qualifier is released you can join the server: <a href="https://discord.gg/python">discord.gg/python</a>.</p>
+{% endblock %}
+
+{% block sidebar %}
+
+    {% include "events/sidebar/code-jams/8.html" %}
+
+{% endblock %}
diff --git a/pydis_site/templates/events/pages/code-jams/8/frameworks.html b/pydis_site/templates/events/pages/code-jams/8/frameworks.html
new file mode 100644
index 00000000..64ff7a0c
--- /dev/null
+++ b/pydis_site/templates/events/pages/code-jams/8/frameworks.html
@@ -0,0 +1,92 @@
+{% extends "events/base_sidebar.html" %}
+
+{% load static %}
+
+{% block title %}Summer Code Jam 2021{% endblock %}
+
+{% block breadcrumb %}
+    <li><a href="{% url "events:index" %}">Events</a></li>
+    <li><a href="{% url "events:page" path="code-jams" %}">Code Jams</a></li>
+    <li><a href="{% url "events:page" path="code-jams/8" %}">Summer Code Jam 2021</a></li>
+    <li class="is-active"><a href="#">Allowed Frameworks</a></li>
+{% endblock %}
+
+{% block event_content %}
+    <p>Below is the list of approved frameworks that you can use for the code jam. Please take note of what frameworks are available for which platform.
+        Please work with your team to choose a library that everyone can develop on, whether it's cross platform or something you can use WSL or a Virtual Machine for.
+    </p>
+    <h3 id="urwid"><a href="#urwid">Urwid</a></h3>
+    <div class="columns">
+        <div class="column">
+            <ul>
+                <li><strong>Supports:</strong> Linux, Mac, other unix-like OS</li>
+                <li>Somewhat in-depth tutorial</li>
+                <li>Uses widgets in a fairly straight forward design</li>
+                <li>Docs include tutorials of both functional and class-based examples</li>
+            </ul>
+        </div>
+        <div class="column">
+            <img src="{% static "images/events/cj8_urwid.png" %}" alt="urwid">
+        </div>
+    </div>
+    <h3 id="curses"><a href="#curses">Curses</a></h3>
+    <div class="columns">
+        <div class="column">
+            <ul>
+                <li><strong>Supports:</strong> Linux and other unix-like OS</li>
+                <li>Part of the standard library</li>
+                <li>Extensive how-to guide</li>
+                <li>Very basic, more effort to get working/looking good</li>
+            </ul>
+        </div>
+        <div class="column">
+            <img src="{% static "images/events/cj8_curses.png" %}" alt="curses">
+        </div>
+    </div>
+    <h3 id="blessed"><a href="#blessed">Blessed</a></h3>
+    <div class="columns">
+        <div class="column">
+            <ul>
+                <li><strong>Supports:</strong> Linux, Mac, and Windows</li>
+                <li>Sits on top of curses to add more pythonic bindings</li>
+                <li>Doesn't provide any widgets or layouts</li>
+            </ul>
+        </div>
+        <div class="column">
+            <img src="{% static "images/events/cj8_blessed.gif" %}" alt="blessed">
+        </div>
+    </div>
+    <h3 id="rich"><a href="#rich">Rich</a></h3>
+    <div class="columns">
+        <div class="column">
+            <ul>
+                <li><strong>Supports:</strong> Linux, Mac, and Windows</li>
+                <li>Documentation is good and overall is very OOP focused</li>
+                <li>Robust with many features and example snippets</li>
+            </ul>
+        </div>
+        <div class="column">
+            <img src="{% static "images/events/cj8_rich.gif" %}" alt="rich">
+        </div>
+    </div>
+    <h3 id="asciimatics"><a href="#asciimatics">Asciimatics</a></h3>
+    <div class="columns">
+        <div class="column">
+            <ul>
+                <li><strong>Supports:</strong> Linux, Mac, and Windows</li>
+                <li>Documentation is well structured and straightforward to navigate</li>
+            </ul>
+        </div>
+        <div class="column">
+            <img src="{% static "images/events/cj8_asciimatics.png" %}" alt="asciimatics">
+        </div>
+    </div>
+
+
+{% endblock %}
+
+{% block sidebar %}
+
+    {% include "events/sidebar/code-jams/8.html" %}
+
+{% endblock %}
diff --git a/pydis_site/templates/events/pages/code-jams/8/rules.html b/pydis_site/templates/events/pages/code-jams/8/rules.html
new file mode 100644
index 00000000..632ca877
--- /dev/null
+++ b/pydis_site/templates/events/pages/code-jams/8/rules.html
@@ -0,0 +1,70 @@
+{% extends "events/base_sidebar.html" %}
+
+{% block title %}Summer Code Jam 2021{% endblock %}
+
+{% block breadcrumb %}
+    <li><a href="{% url "events:index" %}">Events</a></li>
+    <li><a href="{% url "events:page" path="code-jams" %}">Code Jams</a></li>
+    <li><a href="{% url "events:page" path="code-jams/8" %}">Summer Code Jam 2021</a></li>
+    <li class="is-active"><a href="#">Rules</a></li>
+{% endblock %}
+
+{% block event_content %}
+<ol>
+    <li><p>Your solution must use one of the approved frameworks. It is not permitted to circumvent this rule by e.g. using the approved framework as a wrapper for another framework.</p></li>
+    <li><p>Your solution should be platform agnostic. For example, if you use filepaths in your submission, use <code>pathlib</code> to create platform agnostic Path objects instead of hardcoding the paths.</p></li>
+    <li>
+        <p>
+            You must document precisely how to install and run your project.
+            This should be as easy as possible, which means you should consider using dependency managers like <code>pipenv</code> or <code>poetry</code>.
+            We would also encourage you to use <code>docker</code> and <code>docker-compose</code> to containerize your project, but this isn't a requirement.
+        </p>
+    </li>
+    <li>
+        You must get contributions from every member of your team, if you have an issue with someone on your team please contact a member of the administration team.
+        These contributions do not necessarily have to be code, for example it's absolutely fine for someone to contribute management, documentation, graphics or audio.
+        <strong>
+            Team members that do not contribute will be removed from the Code Jam, and will not receive their share of any prizes the team may win.
+            They may also be barred from entering future events.
+        </strong>
+    </li>
+    <li><p>You must use GitHub as source control.</p></li>
+    <li>
+        <p>
+            All code and assets must be compatible with the <a href="https://en.wikipedia.org/wiki/MIT_License">MIT license</a>.
+            This is because we will be merging your submission into our <code>summer-code-jam-2021</code> repo at the end of the jam,
+            and this repo is licensed with the MIT license.
+            <strong>Projects that include assets that are incompatible with this license may be disqualified.</strong>
+        </p>
+    </li>
+    <li><p>All code must be written and committed within the time constrictions of the jam. Late commits may be reverted, so make sure you leave enough time to bug test your program.</p></li>
+    <li>
+        <p>
+            Use English as the main language for your project, including names, comments, documentation, and commit messages.
+            The text displayed in your web application should also be in English,
+            although you are allowed to provide the user with options for internationalisation and translation.
+        </p>
+    </li>
+    <li>
+        <p>
+            Your team, once the coding portion of the code jam is complete, must create a video presentation that showcases and explains your final product.
+            This must be in a video format and must be uploaded somewhere for the judges to view (i.e. unlisted Youtube video, Vimeo, etc.)
+            The video can be as simple as a screen recording with annotated text.
+            Teams who do not submit a final video presentation may be disqualified.
+        </p>
+    </li>
+</ol>
+
+<!-- Change links after migrating them is done. -->
+<blockquote>
+    Please note that our regular
+    <a href="/pages/rules">community rules</a> and <a href="/pages/code-of-conduct">code of conduct</a>
+    also apply during the event and that we reserve the right to make changes to these rules at any time.
+</blockquote>
+{% endblock %}
+
+{% block sidebar %}
+
+    {% include "events/sidebar/code-jams/8.html" %}
+
+{% endblock %}
diff --git a/pydis_site/templates/events/sidebar/code-jams/8.html b/pydis_site/templates/events/sidebar/code-jams/8.html
new file mode 100644
index 00000000..fb14d83e
--- /dev/null
+++ b/pydis_site/templates/events/sidebar/code-jams/8.html
@@ -0,0 +1,17 @@
+{% load static %}
+<div class="panel">
+    <p class="panel-heading">Important Links</p>
+        <a class="panel-block has-text-link" href="{% url "events:page" path="code-jams/8/rules" %}">Rules</a>
+        <a class="panel-block has-text-link" href="{% url "events:page" path="code-jams/8/frameworks" %}">Approved Frameworks</a>
+    </ul>
+</div>
+<div class="box">
+    <img src="{% static "images/events/summer_code_jam_2021.png" %}" alt="Summer Code Jam 2021">
+    <h4 class="menu-label">Our Sponsors</h4>
+    <a href="https://www.djangoproject.com/" target="_blank">
+        <img src="https://static.djangoproject.com/img/logos/django-logo-positive.png" alt="Django">
+    </a>
+    <a href="https://jetbrains.com" target="_blank">
+        <img src="{% static "images/sponsors/jetbrains.png" %}" alt="JetBrains">
+    </a>
+</div>
diff --git a/pydis_site/templates/events/sidebar/code-jams/previous-code-jams.html b/pydis_site/templates/events/sidebar/code-jams/previous-code-jams.html
index 154f6ac4..9f9ecd1a 100644
--- a/pydis_site/templates/events/sidebar/code-jams/previous-code-jams.html
+++ b/pydis_site/templates/events/sidebar/code-jams/previous-code-jams.html
@@ -1,6 +1,7 @@
 <div class="box">
     <p class="menu-label">Previous Code Jams</p>
     <ul class="menu-list">
+        <li><a class="has-text-link" href="{% url "events:page" path="code-jams/7" %}">Code Jam 7: Early Internet</a></li>
         <li><a class="has-text-link" href="{% url "events:page" path="code-jams/6" %}">Code Jam 6: Ancient Technology</a></li>
         <li><a class="has-text-link" href="{% url "events:page" path="code-jams/5" %}">Code Jam 5: Climate Change</a></li>
         <li><a class="has-text-link" href="{% url "events:page" path="code-jams/4" %}">Code Jam 4: This App Hates You</a></li>
diff --git a/pydis_site/templates/events/sidebar/code-jams/upcoming-code-jam.html b/pydis_site/templates/events/sidebar/code-jams/upcoming-code-jam.html
index 914a9545..10494ad8 100644
--- a/pydis_site/templates/events/sidebar/code-jams/upcoming-code-jam.html
+++ b/pydis_site/templates/events/sidebar/code-jams/upcoming-code-jam.html
@@ -1,8 +1,8 @@
 {% load static %}
 
 <div class="box">
-    <p class="menu-label">Upcoming Code Jam</p>
-    <a href="{% url "events:page" path="code-jams/7" %}">
-        <img src="{% static "images/events/summer_code_jam_2020.png" %}" alt="">
+    <h4 class="menu-label">Upcoming Code Jam</h4>
+    <a href="{% url "events:page" path="code-jams/8" %}">
+        <img src="{% static "images/events/summer_code_jam_2021.png" %}" alt="Summer Code Jam 2021">
     </a>
 </div>
diff --git a/pydis_site/templates/events/sidebar/upcoming-event.html b/pydis_site/templates/events/sidebar/upcoming-event.html
index 5c1d925a..d8ea18e0 100644
--- a/pydis_site/templates/events/sidebar/upcoming-event.html
+++ b/pydis_site/templates/events/sidebar/upcoming-event.html
@@ -2,7 +2,7 @@
 
 <div class="box">
     <p class="menu-label">Upcoming Event</p>
-    <a href="{% url "events:page" path="code-jams/7" %}">
-        <img src="{% static "images/events/summer_code_jam_2020.png" %}" alt="">
+    <a href="{% url "events:page" path="code-jams/8" %}">
+        <img src="{% static "images/events/summer_code_jam_2021.png" %}" alt="Summer Code Jam 2021">
     </a>
 </div>