Add 2025 site

Author: davepagurek

clippy.png

@@ -1,7 +1,7 @@
 loadIssues({
   owner: 'terriblehack',
   repo: 'terriblehack',
-  issue: 39,
+  issue: 59,
   render: (data) => {
     const container = document.getElementById('projects');
     container.innerHTML = [];

displaySubmissions.js

@@ -283,9 +283,54 @@ <h2 id="s2020">(May 2020) TerribleHack VR</h2>
         </div>
       </div>
 
+      <h2 id="s2022">(April 2022) TerribleHack (2+2)/22/22</h2>
+      <p align="center">
+        <a class="button website" target="_blank" style="background-image: url('history/s2022.png')" href="s2022"><span>View the April 2022 Site</span></a>
+      </p>
+      <div class="row">
+        <div class="column expand">
+          <iframe class="full" width="560" height="315" src="https://www.youtube.com/embed/EB8pu108Gu4" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+        </div>
+        <div class="column expand">
+          <p>We did another virtual event in 2022! It wasn't quite as big as in 2020 because I think by 2022 we'd all grown a tad tired of online events, but we had some great projects! You can <a href="https://www.youtube.com/watch?v=U9FfzYcaAwo" target="_blank">watch the opening ceremonies on YouTube</a> and watch the demos as well on this page!</p>
+        </div>
+      </div>
+      <p>We also continued the tradition of having a <em>The Room</em> watch-along and a Bob Ross follow-along.</p>
+      <div class="row">
+        <div class="column expand">
+          <a href="history/bobross22/aurame.png"><img class="full" src="history/bobross22/aurame.png" /></a>
+        </div>
+        <div class="column expand">
+          <a href="history/bobross22/dave.png"><img class="full" src="history/bobross22/dave.png" /></a>
+        </div>
+        <div class="column expand">
+          <a href="history/bobross22/ena.png"><img class="full" src="history/bobross22/ena.png" /></a>
+        </div>
+        <div class="column expand">
+          <a href="history/bobross22/ficwats.png"><img class="full" src="history/bobross22/ficwats.png" /></a>
+        </div>
+      </div>
+      <div class="row">
+        <div class="column expand">
+          <a href="history/bobross22/lyn.webp"><img class="full" src="history/bobross22/lyn.webp" /></a>
+        </div>
+        <div class="column expand">
+          <a href="history/bobross22/maddy.jpg"><img class="full" src="history/bobross22/maddy.jpg" /></a>
+        </div>
+        <div class="column expand">
+          <a href="history/bobross22/thalia.png"><img class="full" src="history/bobross22/thalia.png" /></a>
+        </div>
+        <div class="column expand">
+          <a href="history/bobross22/yangzi.jpg"><img class="full" src="history/bobross22/yangzi.jpg" /></a>
+        </div>
+        <div class="column expand">
+          <a href="history/bobross22/group.png"><img class="full" src="history/bobross22/group.png" /></a>
+        </div>
+      </div>
+
       <h2 id="present">The Present and Future</h2>
       <p>Congrats, you've made it up to the present day!</p>
-      <p>Although none of the organizers are in school any more, we've decided that we'll continue doing TerribleHack virtually, free for anyone to join! Expect to see more shenanigans in a similar vein, and hopefully you can be a part of the fun next time!</p>
+      <p>In the years since the last TerribleHack, Dave helped start and run Creative Code Toronto, a monthly meetup for people using code as a creative medium. There is a lot of overlap between creative coding and the TerribleHack ethod, so this year, we're bringing it back as a CCTO event!</p>
 
       <hr />
       <p style="text-align: center"><a href="index.html">Back</a></p>