Update for Code Jam 2023

10 files changed, 354 insertions, 7 deletions

diff --git a/pydis_site/static/images/events/cj10_2023_banner2.png b/pydis_site/static/images/events/cj10_2023_banner2.png
new file mode 100644
index 00000000..92cae4f6
--- /dev/null
+++ b/pydis_site/static/images/events/cj10_2023_banner2.png
diff --git a/pydis_site/static/images/events/cj10_2023_banner3.png b/pydis_site/static/images/events/cj10_2023_banner3.png
new file mode 100644
index 00000000..9d808f07
--- /dev/null
+++ b/pydis_site/static/images/events/cj10_2023_banner3.png
diff --git a/pydis_site/templates/events/pages/code-jams/10/_index.html b/pydis_site/templates/events/pages/code-jams/10/_index.html
new file mode 100644
index 00000000..e05f50b1
--- /dev/null
+++ b/pydis_site/templates/events/pages/code-jams/10/_index.html
@@ -0,0 +1,58 @@
+{% extends "events/base_sidebar.html" %}
+
+{% load static %}
+
+{% block title %}Code Jam 2023{% 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="#">Code Jam 2023</a></li>
+{% endblock %}
+
+{% block event_content %}
+    <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>
+    <p>
+        After the 11 days are complete, your team has 4 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>Wednesday, August 16 - The Qualifier is released</li>
+        <li>Wednesday, August 23 - The Qualifier closes</li>
+        <li>Wednesday, August 23 - Voting for the theme opens</li>
+        <li>Thursday, August 31 - Code Jam Begins</li>
+        <li>Sunday, September 10 - Coding portion of the jam ends</li>
+        <li>Thursday, September 14 - Code Jam submissions are closed</li>
+    </ul>
+
+    <h3 id="qualifier"><a href="#how-to-join">The Qualifier</a></h3>
+    <p>
+        The qualifier is a coding challenge that you are required to complete before registering for the code jam.
+        This is meant as a basic assessment of your skills to ensure you have enough Python knowledge to effectively contribute in a team environment.
+
+        The qualifier will be released on August 16th.
+    </p>
+
+    <h3 id="technology"><a href="#technology">Technology</a></h3>
+    <p>
+        The chosen technology for this year is <strong>Image Processing and Manipulation</strong>.
+        Each team must make use of <a href="{% url "events:page" path="code-jams/10/frameworks" %}">the approved frameworks</a> to create an app that strongly incorporates Image Processing and Manipulation.
+    </p>
+
+    <h3 id="prizes"><a href="#prizes">Prizes</a></h3>
+    <p>
+        Prizes for the code jam will be announced in the coming weeks.
+    </p>
+
+{% endblock %}
+
+{% block sidebar %}
+
+    {% include "events/sidebar/code-jams/10.html" %}
+
+{% endblock %}
diff --git a/pydis_site/templates/events/pages/code-jams/10/frameworks.html b/pydis_site/templates/events/pages/code-jams/10/frameworks.html
new file mode 100644
index 00000000..428b7dd7
--- /dev/null
+++ b/pydis_site/templates/events/pages/code-jams/10/frameworks.html
@@ -0,0 +1,195 @@
+{% extends "events/base_sidebar.html" %}
+
+{% load static %}
+
+{% block title %}Summer Code Jam 2023{% 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/10" %}">Code Jam 2023</a></li>
+    <li class="is-active"><a href="#">Approved Frameworks</a></li>
+{% endblock %}
+
+{% block event_content %}
+    <p>
+        Below is the list of approved frameworks that you can use for the code jam.
+        Please work with your team to choose a library (or multiple) that everyone can and want to develop with.
+        If there is a library not listed below that you think should be here, you're welcome to discuss it with the Events Team over in the Discord server.
+
+    </p>
+    <p>
+        Other libraries can be used to help build your application, but if their primary purpose is image manipulation or processing then they must be approved or from this list.
+        In particular, if you'd like to use a graph/plot creating library similar to MatPlotLib or a machine learning framework/model, double check with us before deciding to use it.
+    </p>
+
+    <h3 id="approved-frameworks"><a href="#approved-frameworks">Approved Frameworks</a></h3>
+
+    <div class="card mb-4">
+        <div class="card-content">
+            <div class="content">
+                <p class="subtitle">Pillow</p>
+                <p>Pillow is a fork of the Python Imaging Library (PIL). The Python Imaging Library adds image processing capabilities to your Python interpreter.
+
+                    This library provides extensive file format support, an efficient internal representation, and fairly powerful image processing capabilities.
+
+                    The core image library is designed for fast access to data stored in a few basic pixel formats. It should provide a solid foundation for a general image processing tool.
+                </p>
+            </div>
+        </div>
+        <div class="card-footer">
+            <a href="https://python-pillow.org/" class="card-footer-item"><i class="fas fa-book"></i>&ensp;Documentation</a>
+            <a href="https://github.com/python-pillow/Pillow" class="card-footer-item"><i class="fab fa-github"></i>&ensp;GitHub</a>
+        </div>
+    </div>
+
+    <div class="card mb-4">
+        <div class="card-content">
+            <div class="content">
+                <p class="subtitle">OpenCV-Python</p>
+                <p>
+                    OpenCV (Open Source Computer Vision Library: http://opencv.org) is an open-source library that includes several hundreds of computer vision algorithms.
+                </p>
+            </div>
+        </div>
+        <div class="card-footer">
+            <a href="https://docs.opencv.org/4.x/" class="card-footer-item"><i class="fas fa-book"></i>&ensp;Documentation</a>
+            <a href="https://github.com/opencv/opencv-python" class="card-footer-item"><i class="fab fa-github"></i>&ensp;GitHub</a>
+        </div>
+    </div>
+
+    <div class="card mb-4">
+        <div class="card-content">
+            <div class="content">
+                <p class="subtitle">NumPy</p>
+                <p>
+                    NumPy is the fundamental package for scientific computing with Python.
+                </p>
+            </div>
+        </div>
+        <div class="card-footer">
+            <a href="https://numpy.org/doc/stable/" class="card-footer-item"><i class="fas fa-book"></i>&ensp;Documentation</a>
+            <a href="https://github.com/numpy/numpy" class="card-footer-item"><i class="fab fa-github"></i>&ensp;GitHub</a>
+        </div>
+    </div>
+
+    <div class="card mb-4">
+        <div class="card-content">
+            <div class="content">
+                <p class="subtitle">scikit-image</p>
+                <p>
+                    scikit-image is a collection of algorithms for image processing.
+                </p>
+            </div>
+        </div>
+        <div class="card-footer">
+            <a href="https://scikit-image.org/docs/stable/" class="card-footer-item"><i class="fas fa-book"></i>&ensp;Documentation</a>
+            <a href="https://github.com/scikit-image/scikit-image" class="card-footer-item"><i class="fab fa-github"></i>&ensp;GitHub</a>
+        </div>
+    </div>
+
+    <div class="card mb-4">
+        <div class="card-content">
+            <div class="content">
+                <p class="subtitle">matplotlib</p>
+                <p>
+                    Matplotlib is a comprehensive library for creating static, animated, and interactive visualizations in Python. Matplotlib makes easy things easy and hard things possible.
+                </p>
+            </div>
+        </div>
+        <div class="card-footer">
+            <a href="https://matplotlib.org/" class="card-footer-item"><i class="fas fa-book"></i>&ensp;Documentation</a>
+            <a href="https://github.com/matplotlib/matplotlib" class="card-footer-item"><i class="fab fa-github"></i>&ensp;GitHub</a>
+        </div>
+    </div>
+
+    <div class="card mb-4">
+        <div class="card-content">
+            <div class="content">
+                <p class="subtitle">PyQtGraph</p>
+                <p>
+                    PyQtGraph is intended for use in mathematics / scientific / engineering applications.
+                    Despite being written entirely in python, the library is fast due to its heavy leverage of numpy for number crunching, Qt's GraphicsView framework for 2D display, and OpenGL for 3D display.
+                </p>
+            </div>
+        </div>
+        <div class="card-footer">
+            <a href="https://www.pyqtgraph.org/" class="card-footer-item"><i class="fas fa-book"></i>&ensp;Documentation</a>
+            <a href="https://github.com/pyqtgraph/pyqtgraph" class="card-footer-item"><i class="fab fa-github"></i>&ensp;GitHub</a>
+        </div>
+    </div>
+
+    <div class="card mb-4">
+        <div class="card-content">
+            <div class="content">
+                <p class="subtitle">SciPy</p>
+                <p>
+                    SciPy is a collection of mathematical algorithms and convenience functions built on NumPy .
+                    It adds significant power to Python by providing the user with high-level commands and classes for manipulating and visualizing data.
+                </p>
+            </div>
+        </div>
+        <div class="card-footer">
+            <a href="https://docs.scipy.org/doc/scipy/" class="card-footer-item"><i class="fas fa-book"></i>&ensp;Documentation</a>
+            <a href="https://github.com/scipy/scipy" class="card-footer-item"><i class="fab fa-github"></i>&ensp;GitHub</a>
+        </div>
+    </div>
+
+    <div class="card mb-4">
+        <div class="card-content">
+            <div class="content">
+                <p class="subtitle">Mahotas</p>
+                <p>
+                    Mahotas is a computer vision and image processing library for Python.
+                    It includes many algorithms implemented in C++ for speed while operating in numpy arrays and with a very clean Python interface.
+                    Mahotas currently has over 100 functions for image processing and computer vision and it keeps growing.
+                </p>
+            </div>
+        </div>
+        <div class="card-footer">
+            <a href="https://mahotas.readthedocs.io/en/latest/" class="card-footer-item"><i class="fas fa-book"></i>&ensp;Documentation</a>
+            <a href="https://github.com/luispedro/mahotas" class="card-footer-item"><i class="fab fa-github"></i>&ensp;GitHub</a>
+        </div>
+    </div>
+
+    <div class="card mb-4">
+        <div class="card-content">
+            <div class="content">
+                <p class="subtitle">VisPy</p>
+                <p>
+                    VisPy is a high-performance interactive 2D/3D data visualization library.
+                    VisPy leverages the computational power of modern Graphics Processing Units (GPUs) through the OpenGL library to display very large datasets.
+                </p>
+            </div>
+        </div>
+        <div class="card-footer">
+            <a href="https://vispy.org/" class="card-footer-item"><i class="fas fa-book"></i>&ensp;Documentation</a>
+            <a href="https://github.com/vispy/vispy" class="card-footer-item"><i class="fab fa-github"></i>&ensp;GitHub</a>
+        </div>
+    </div>
+
+    <div class="card mb-4">
+        <div class="card-content">
+            <div class="content">
+                <p class="subtitle">bokeh</p>
+                <p>
+                    Bokeh is an interactive visualization library for modern web browsers.
+                    It provides elegant, concise construction of versatile graphics and affords high-performance interactivity across large or streaming datasets.
+                    Bokeh can help anyone who wants to create interactive plots, dashboards, and data applications quickly and easily.
+                </p>
+            </div>
+        </div>
+        <div class="card-footer">
+            <a href="https://docs.bokeh.org/en/latest/" class="card-footer-item"><i class="fas fa-book"></i>&ensp;Documentation</a>
+            <a href="https://github.com/bokeh/bokeh" class="card-footer-item"><i class="fab fa-github"></i>&ensp;GitHub</a>
+        </div>
+    </div>
+
+
+{% endblock %}
+
+{% block sidebar %}
+
+    {% include "events/sidebar/code-jams/10.html" %}
+
+{% endblock %}
diff --git a/pydis_site/templates/events/pages/code-jams/10/rules.html b/pydis_site/templates/events/pages/code-jams/10/rules.html
new file mode 100644
index 00000000..ba83311d
--- /dev/null
+++ b/pydis_site/templates/events/pages/code-jams/10/rules.html
@@ -0,0 +1,85 @@
+{% extends "events/base_sidebar.html" %}
+
+{% block title %}Summer Code Jam 2023{% 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/10" %}">Code Jam 2023</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>
+            <strong>The core of your project must focus and incorporate image processing and manipulation</strong>.
+        </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-2022</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.
+            Any text displayed in your 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>
+    <li>
+        <p>
+            Any images or videos used must have one of the following licenses and follow the licensing guidelines:
+            <ul>
+                <li>Public Domain License</li>
+                <li>Copyright Free Image License</li>
+                <li>CC-BY (Creative Commons "By")</li>
+                <li>CC-BY-SA (Creative Commons "Share Alike")</li>
+            </ul>
+        </p>
+    </li>
+</ol>
+
+<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/10.html" %}
+
+{% endblock %}
diff --git a/pydis_site/templates/events/pages/code-jams/_index.html b/pydis_site/templates/events/pages/code-jams/_index.html
index c7975679..bdf7d43d 100644
--- a/pydis_site/templates/events/pages/code-jams/_index.html
+++ b/pydis_site/templates/events/pages/code-jams/_index.html
@@ -66,6 +66,7 @@
 {% endblock %}
 
 {% block sidebar %}
+    {% include "events/sidebar/code-jams/ongoing-code-jam.html" %}
     {% include "events/sidebar/code-jams/previous-code-jams.html" %}
     {% include "events/sidebar/code-jams/useful-information.html" %}
 {% endblock %}
diff --git a/pydis_site/templates/events/sidebar/code-jams/10.html b/pydis_site/templates/events/sidebar/code-jams/10.html
new file mode 100644
index 00000000..31b5bda5
--- /dev/null
+++ b/pydis_site/templates/events/sidebar/code-jams/10.html
@@ -0,0 +1,8 @@
+{% 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/10/rules" %}">Rules</a>
+        <a class="panel-block has-text-link" href="{% url "events:page" path="code-jams/10/frameworks" %}">Approved Frameworks</a>
+        <a class="panel-block has-text-link" href="{% url "events:page" path="code-jams/code-style-guide" %}">The Code Style Guide</a>
+    </ul>
+</div>
diff --git a/pydis_site/templates/events/sidebar/code-jams/ongoing-code-jam.html b/pydis_site/templates/events/sidebar/code-jams/ongoing-code-jam.html
index 37569e57..d74470cc 100644
--- a/pydis_site/templates/events/sidebar/code-jams/ongoing-code-jam.html
+++ b/pydis_site/templates/events/sidebar/code-jams/ongoing-code-jam.html
@@ -2,7 +2,7 @@
 
 <div class="box">
     <h4 class="menu-label">Upcoming Code Jam</h4>
-    <a href="{% url "events:page" path="code-jams/9" %}">
-        <img src="{% static "images/events/summer_code_jam_2022/banner.png" %}" alt="Summer Code Jam 2022">
+    <a href="{% url "events:page" path="code-jams/10" %}">
+        <img src="{% static "images/events/cj10_2023_banner2.png" %}" alt="Code Jam 2023">
     </a>
 </div>
diff --git a/pydis_site/templates/events/sidebar/ongoing-event.html b/pydis_site/templates/events/sidebar/ongoing-event.html
index e375fa38..782ef23c 100644
--- a/pydis_site/templates/events/sidebar/ongoing-event.html
+++ b/pydis_site/templates/events/sidebar/ongoing-event.html
@@ -2,7 +2,7 @@
 
 <div class="box">
     <p class="menu-label">Upcoming Event</p>
-    <a href="{% url "events:page" path="code-jams/9" %}">
-        <img src="{% static "images/events/summer_code_jam_2022/banner.png" %}" alt="Summer Code Jam 2022">
+    <a href="{% url "events:page" path="code-jams/10" %}">
+        <img src="{% static "images/events/cj10_2023_banner2.png" %}" alt="Code Jam 2023">
     </a>
 </div>
diff --git a/pydis_site/templates/home/index.html b/pydis_site/templates/home/index.html
index cf6ff8cd..23652720 100644
--- a/pydis_site/templates/home/index.html
+++ b/pydis_site/templates/home/index.html
@@ -12,7 +12,7 @@
   <!-- Mobile-only Code Jam Banner -->
   <section id="mobile-notice" class="is-primary is-hidden-tablet">
     <a href="/events/code-jams/9/">
-      <img src="{% static "images/events/summer_code_jam_2022/site_banner.png" %}" alt="Summer Code Jam 2022">
+      <img src="{% static "images/events/cj10_2023_banner.png" %}" alt="Code Jam 2023">
     </a>
   </section>
 
@@ -47,8 +47,8 @@
 
           {# Code Jam Banner #}
           <div id="wave-hero-right" class="column is-half">
-            <a href="/events/code-jams/9/">
-              <img src="{% static "images/events/summer_code_jam_2022/site_banner.png" %}" alt="Summer Code Jam 2022">
+            <a href="/events/code-jams/10/">
+              <img src="{% static "images/events/cj10_2023_banner3.png" %}" alt="Code Jam 2023">
             </a>
           </div>
         </div>