Update Code Jam 8 as a finished event

This commit adds in the information about the winners of the code jam.

Additionally, it adds in Code Jam 8 as a prior event in the sidebar.

2 files changed, 47 insertions, 6 deletions

diff --git a/pydis_site/templates/events/pages/code-jams/8/_index.html b/pydis_site/templates/events/pages/code-jams/8/_index.html
index 55bdc95b..c789adef 100644
--- a/pydis_site/templates/events/pages/code-jams/8/_index.html
+++ b/pydis_site/templates/events/pages/code-jams/8/_index.html
@@ -20,6 +20,50 @@
         and walking through the program that your team has created.
     </p>
 
+    <h3 id="winners"><a href="#winners">Code Jam Winners</a></h3>
+        <p>Congratulations to our winners and the two runner ups! Check out their projects below.</p>
+        <h4><i class="fa fa-trophy"></i> Perceptive Porcupines: WTPython!?</h4>
+        <p><em>VV, Poppinawhile, ethansocal, Jeff Z, Cohan, ¯\_(ツ)_/¯</em></p>
+        <p>
+            What the Python (wtpython) is a simple terminal user interface that allows you to explore relevant answers on Stackoverflow without leaving your terminal or IDE. When you get an error, all you have to do is swap python for wtpython. When your code hits an error, you'll see a textual interface for exploring relevant answers allowing you to stay focused and ship faster!
+            <br/>
+            <a href="https://www.youtube.com/watch?v=DV3uMdsw9KE" title="Perceptive Porcupines Demo Video"><i class="fa fa-video"> </i> Demo video</a>
+            <br/>
+            <a href="https://github.com/what-the-python/wtpython" title="Perceptive Porcupines GitHub Repository"><i class="fa fa-github"></i> Githib Repository</a>
+            <br/>
+
+        </p>
+
+        <h4><i class="fa fa-medal"></i> Lovable Lobsters: Ultimate Tic Tac Toe</h4>
+        <p><em>A5Rocks, Bast, Dacheat, mega_hirtz, CopOnTheRun, richphi</em></p>
+        <p>
+            Thinking inside a box, that is inside a box, that is inside yet another box.
+
+            The terminal program created by the Lovable Lobsters allows you to play Ultimate Tic Tac Toe right form your terminal. The really impressive part though? You can play with your friends and family over your network! Their program has a server-client set-up that lets you play with your friends and family from different computers.
+            <br/>
+            <a href="https://www.youtube.com/watch?v=WI9tgQeAfXw" title="Lovable Lobsters Demo Video"><i class="fa fa-video"> </i> Demo video</a>
+            <br/>
+            <a href="https://github.com/A5rocks/code-jam-8" title="Lovable Lobsters GitHub Repository"><i class="fa fa-github"></i> Githib Repository</a>
+            <br/>
+        </p>
+
+        <h4><i class="fa fa-medal"></i> Robust Reindeer: Rubick's Cube</h4>
+        <p><em>Björn, aaronshenhao, mathsman, Dude Saber, 詭異, Keppo</em></p>
+        <p>
+            This submission is a Rubik's cube, rendered in a text user interface (that was a constraint) using the asciimatics package, and addressing the theme "thinking inside the box".
+
+            Just like a real world Rubik's cube, you can move this cube around to look at it from all sides. And, of course, you can rotate the individual discs it is made up of to first scramble up the order and then to try and solve it into perfect ordering again.
+            <br/>
+            <a href="https://github.com/bjoseru/pdcj8-robust-reindeer" title="Robust Reindeer GitHub Repository"><i class="fa fa-github"></i> Githib Repository</a>
+            <br/>
+        </p>
+
+    <h3 id="submissions"><a href="#submissions">Submissions</a></h3>
+    <p>
+        63 teams started out on July 9th 2021. By the end of the jam, 51 teams made project submissions. Check them all out here:
+        <div class="has-text-centered"><a class="button is-link" href="submissions">View Submissions</a></div>
+    </p>
+
     <h3 id="important-dates"><a href="#important-dates">Important Dates</a></h3>
     <ul>
         <li>Tuesday, June 15 - Form to submit theme suggestions opens</li>
@@ -43,7 +87,7 @@
         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.
     </p>
-    <p class="has-text-centered"><a class="button is-link" href="https://github.com/python-discord/cj8-qualifier" target="_blank">View the Qualifier</a></p
+    <p class="has-text-centered"><a class="button is-link" href="https://github.com/python-discord/cj8-qualifier" target="_blank">View the Qualifier</a></p>
     <p>
         Please note the requirements for the qualifier.
         <ul>
@@ -52,11 +96,7 @@
             <li>The Qualifier must be submitted through the Code Jam sign-up form.</li>
         </ul>
     </p>
-    <h3 id="submissions"><a href="#submissions">Submissions</a></h3>
-    <p>
-        63 teams started out on July 9th 2021. By the end of the jam, 51 teams made project submissions. Check them all out here:
-        <div class="has-text-centered"><a class="button is-link" href="submissions">View Submissions</a></div>
-    </p>
+
     <h3 id="prizes"><a href="#prizes">Prizes</a></h3>
     <p>
         Our Code Jam Sponsors have provided prizes for the winners of the code jam.
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 9f9ecd1a..393eec6f 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/8" %}">Code Jam 8: Think Outside the Box</a></li>
         <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>