CSSS · jbriones1 · Aug 18, 2025 · Jun 13, 2025 · Jun 20, 2025 · Jul 6, 2025
diff --git a/public/404.html b/public/404.html
@@ -0,0 +1,20 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <title>Computing Science Student Society</title>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <link rel="icon" type="image/svg+xml" href="static/files/csss_colourful.svg" />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap"
+      rel="stylesheet"
+    />
+    <link rel="stylesheet" href="styles.css" />
+  </head>
+  <body>
+    <main>
+      <h1>404 page not found :(</h1>
+      <img src="static/images/404frog.webp" alt="404 Frog" />
+    </main>
+  </body>
+</html>
diff --git a/public/construction.html b/public/construction.html
@@ -0,0 +1,20 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <title>Computing Science Student Society</title>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <link rel="icon" type="image/svg+xml" href="static/files/csss_colourful.svg" />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap"
+      rel="stylesheet"
+    />
+    <link rel="stylesheet" href="styles.css" />
+  </head>
+  <body>
+    <main>
+      <h1>This site is under construction</h1>
+      <img src="static/images/csss-construction-frog.png" alt="Construction Frog" />
+    </main>
+  </body>
+</html>
diff --git a/public/fall-hacks/2020/index.html b/public/fall-hacks/2020/index.html
diff --git a/public/fall-hacks/2024/img1.png b/public/fall-hacks/2024/img1.png
diff --git a/public/fall-hacks/2024/img2.png b/public/fall-hacks/2024/img2.png
diff --git a/public/fall-hacks/2024/img3.png b/public/fall-hacks/2024/img3.png
diff --git a/public/fall-hacks/2024/img4.png b/public/fall-hacks/2024/img4.png
diff --git a/public/fall-hacks/2024/index.html b/public/fall-hacks/2024/index.html
@@ -0,0 +1,201 @@
+<!doctype html>
+<html>
+  <head>
+    <title>Fall Hacks 2024 - CSSS</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="icon" type="image/png" href="/static/icons/favicon_white.png" />
+  </head>
+  <style>
+    /* IBM Plex Mono */
+    @import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700#display=swap');
+    body {
+      background-color: black;
+    }
+    pre {
+      font-family: 'IBM Plex Mono', monospace;
+      color: lightgreen;
+      font-weight: 400;
+      font-size: 12px;
+      width: 100ch;
+      margin: auto;
+      margin-top: 32px;
+      margin-bottom: 32px;
+    }
+    b {
+      color: white;
+      font-weight: 700;
+    }
+    i {
+      color: gray;
+    }
+    a {
+      color: lightblue;
+    }
+    s {
+      color: gray;
+    }
+    .img-container {
+      display: flex;
+      flex-direction: row;
+      flex-wrap: wrap;
+      justify-content: space-between;
+      gap: 1ch;
+    }
+    img {
+      width: calc(49ch - 2px);
+      height: calc(30ch - 2px);
+      object-fit: cover;
+      border: 1px solid gray;
+    }
+  </style>
+  <body>
+    <pre>
+                    /@@@@@@@@@@@,
+                    /@@#
+                    *@@@((#%##@@/<b>      ,@@@@@@@#%/</b>
+      @@@@@@@@@@@@  .@@@@@@#%#@@#<b>      #@@@@@@@@@,        (##%(,</b>
+      %@@/                    #@@.<b>    ,@@@@@*            #@@@@@@@@         (,</b>
+      (@@*                    #@@*<b>    %@@@@@@@@@/       @@@@@.@@@@.       /@@@@@*</b>
+      *@@#                    (@@(<b>   ,@@@@@#/#@@       @@@@@,*@@@@(       #@@@@#         %@@@@@.</b>
+      .@@#                    *@@%<b>   %@@@@@          (@@@@@@##@@@@%      ,@@@@@,        .@@@@@#</b>
+       #@@.           .*/((#%%@@@#<b>   .,*/#/         #@@@@@@@@@@@@@@,     #@@@@#         (@@@@@.</b>
+       #@@@@@@@@@@@   %@@@##%#((/,<b>                 ,*/##@.    @@@@@/    *@@@@@(         @@@@@%</b>
+                                ..<b>                              ,*//    %@@@@@@@@@*    (@@@@@.</b>
+                      (@@@@@@@@@@@*<b>                                          .*/#%     #@@@@@@@@@,</b>
+                      ,@@%<b>                                                                .*/#%@@</b>
+             ..,,***   @@@@@@@@@@@@@@@@@*<b>                                              ,*..</b>
+   %@@@@@@@@@@@@@@@#.  /#((/**,..    .#@@%<b>                                         (@@@@@@@@/</b>
+  %@@(                    ..,,**/(##%#@@@@@*<b>                      .  (@@@@@       %@@@@#, ..(</b>
+ #@@@###@@@@@@@@@@@@(  /@@@@@@@@##%%%#(//*,.<b>                 /@@@@@*.@@@@@,       %@@@@@@@@@@#.</b>
+/###%%#((/*,..   /@@#<b>                            %@@@@@#      %@@@@#/@@@@%         ,%@@@@@@@@@@</b>
+       ....,,*/(##@@#<b>                         .@@@@@@@@@,     *@@@@@@@@@@@,        ##(/,/#@@@@/</b>
+%@@@@@@@@@@@@@####%#*<b>        @@@@@@@@        ,@@@@@(           #@@@@@%@@@@@@.      .@@@@@@@@#
+                ./%/         @@@@@@@@@*      #@@@@@      ,     .@@@@@% *@@@@@@*        .
+      ./#@/   #@@@@@.       ,@@@@##@@@@@.    ,@@@@@@#.,#@@      (@@@@@*  ,#%/.
+     %@@@@@    @@@@@#       (@@@@# /@@@@@,     (@@@@@@@@@@%      (*
+     ,@@@@@%./#@@@@@@,      (@@@@@@@@@@@@@#.      *@#@@#,
+      (@@@@@@@@@@@@@@#      #@@@@@%*  @@@@@@*
+       #@@@@#   .@@@@@/     #@@@@#
+       *@@@@@(   %@@@@@.
+        #@@@@#</b>
+
+<i>----------------------------------------------------------------------------------------------------</i>
+
+Get ready for... <b>FALL HACKS 2024!</b>
+
+Taking place at the SFU Burnaby Campus,
+<b>September 28th (Saturday), 9:00AM - 9:00PM.</b>
+<i>(Mark your calendars!)</i>
+
+Brought to you by the
+<b>Computing Science Student Society</b>.
+
+<i>----------------------------------------------------------------------------------------------------</i>
+
+<i>Table of Contents</i>
+
+- <a href="#register">Register & Contact</a>
+- <a href="#about">About the event</a>
+- <a href="#gallery">Gallery</a>
+- <a href="#faq">Frequently asked questions</a>
+<i>  * Wait, what actually is a hackathon?
+  * Where is Fall Hacks?
+  * Why should I participate?
+  * I am in my first year/don't have much experience, should I still participate?
+  * How do we declare teams?
+  * Can I work on my previous projects?</i>
+
+<i>----------------------------------------------------------------------------------------------------</i>
+
+<b id="register">Register & Contact</b>
+
+<s><u>Click here to register for Fall Hacks!</u></s>
+
+<a href="https://discord.gg/sfucsss">Click here to join the CSSS Discord Server</a>
+
+<a href="mailto:csss-hackathonchair@sfu.ca">Contact the organisers: &lt;csss-hackathonchair@sfu.ca&gt;</a>
+
+<i>----------------------------------------------------------------------------------------------------</i>
+
+<i id="about">About the event...</i>
+
+<b>What is Fall Hacks?</b>
+
+This is the 5th iteration of Fall Hacks, an annual hackathon hosted by the SFU Computing Science
+Student Society. This 12-hour event brings together 200 students to build creative projects, learn
+from workshops, and connect with companies, like yours! It will be hosted at SFU Burnaby Campus on
+<b>September 28, from 9AM to 9PM.</b>
+
+<b>This year's theme:</b> <i>ANNOUNCED DURING OPENING CEREMONY</i>
+
+<b>Why participate in Fall Hacks?</b>
+
+We emphasize learning and creativity over commercial feasibility. This is an opportunity to spend a
+weekend tinkering with your favourite technologies to create something fun and interesting.
+
+Fall Hacks is the perfect event for everyone from fresh first years to seasoned CS veterans.
+
+<i>----------------------------------------------------------------------------------------------------</i>
+
+<i id="gallery">Gallery...</i>
+
+<div class="img-container">
+  <img src="/img1.png" />
+  <img src="/img2.png" />
+  <img src="/img3.png" />
+  <img src="/img4.png" />
+</div>
+
+<i>----------------------------------------------------------------------------------------------------</i>
+
+<i id="faq">Frequently asked questions...</i>
+
+<b>Wait, what actually is a hackathon?</b>
+
+A hackathon is an event where teams work on a project inspired by an event-provided theme. You will
+have 12 hours to develop something cool at Fall Hacks. Your team will start from scratch and try to
+make the coolest thing they can before the time is up.
+
+<b>Where is Fall Hacks?</b>
+
+This year will be in-person and online. We will be streaming the opening and closing ceremonies on
+Discord, so if you can't make it in person, join online! Most of the day-of activities, like
+registration, will be held in TASC 9204 on SFU's Burnaby Campus. You are free to hack at other open
+locations on campus.
+
+<b>Why should I participate?</b>
+
+You get experience with new technologies and navigate teamwork dynamics to accomplish a goal.
+Hackathon projects are also a great addition to a resume!
+
+<b>I am in my first year/don't have much experience, should I still participate?</b>
+
+Yes! This hackathon is a great learning opportunity for people with less development experience.
+
+<b>How do we declare teams?</b>
+
+You do not need to know your team when you register. You can form groups before or during the
+hackathon. When you give us your submission GitHub link you will declare your group members.
+
+<b>Can I work on my previous projects?</b>
+
+No, we want you to create awesome things from scratch in 12 hours. Starting from an existing
+project is against the spirit of the event. Existing open-source libraries and frameworks are fine,
+of course. Ask an organizer if you are unsure.
+
+<i>----------------------------------------------------------------------------------------------------</i>
+
+<i>Site made and managed by the SFU CSSS.</i>
+
+<i>Last modified: July 6th, 2024.</i>
+
+<i>Useful links:</i>
+
+- <a href="https://sfucsss.org">Website</a>
+- <a href="https://discord.gg/sfucsss">Discord</a>
+- <a href="https://instagram.com/sfu_csss">Instagram</a>
+- <a href="https://linkedin.com/company/sfucsss">LinkedIn</a>
+- <a href="mailto:csss-exec-current@sfu.ca">Email: &lt;csss-exec-current@sfu.ca&gt;</a>
+    </pre>
+  </body>
+</html>
diff --git a/public/frosh/2024/banner.png b/public/frosh/2024/banner.png
diff --git a/public/frosh/2024/index.html b/public/frosh/2024/index.html
@@ -0,0 +1,137 @@
+<!doctype html>
+<html>
+  <head>
+    <title>Frosh Week 2024 | CSSS</title>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <link rel="icon" type="image/png" href="/static/icons/favicon_white.png" />
+    <style>
+body {
+  margin: 16px;
+  margin-top: 32px;
+  width: calc(100vw - 32px);
+  background-color: black;
+  color: white;
+  font-family: sans-serif;
+}
+
+body > div {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-flow: column nowrap;
+  justify-content: center;
+  align-items: center;
+  gap: 8px;
+}
+
+/* banner */
+img {
+  width: 100%;
+  max-width: 512px;
+}
+
+p {
+  width: 100%;
+  max-width: 800px;
+}
+
+table {
+  width: 100%;
+  max-width: 800px;
+  border-collapse: collapse;
+  border: 2px solid rgb(161, 98, 2);
+  table-layout:fixed;
+}
+
+tr, th, td {
+  border: 1px dotted rgb(125, 57, 0);
+}
+
+th, td {
+  padding: 8px;
+  font-size: 8pt;
+}
+
+b {
+  color: #ffa0ff;
+}
+
+i {
+  font-style: normal;
+  color: #808080;
+}
+
+a {
+  color: #8080ff;
+}
+    </style>
+  </head>
+  <body>
+    <div>
+      <img src="banner.png" alt="Frosh in Wonderland" />
+      <p>
+        You're invited to the SFU CSSS's annual <b>Frosh Week</b>! This year, the theme is Frosh in Wonderland.
+        Frosh Week is an entirely <b>free</b> week of events for <b>first-year students</b> in the School of Computing Science at SFU.
+        <br /><br />
+        Planning on coming to Frosh Week? Fill out the
+        <a href="https://forms.gle/gg3LDe8eXKB5gUPdA">WiCS Social Registration</a> form for attendees of the WiCS Social,
+        and the <a href="https://forms.gle/4XnFut4di7Qfds5S9">CSSS Frosh Week Registration</a> form for the other events.
+      </p>
+      <table>
+        <tr>
+          <th>Monday, Sep 9<sup>th</sup></th>
+          <th>Tuesday, Sep 10<sup>th</sup></th>
+          <th>Wednesday, Sep 11<sup>th</sup></th>
+          <th>Thursday, Sep 12<sup>th</sup></th>
+          <th>Friday, Sep 13<sup>th</sup> - 14<sup>th</sup></th>
+        </tr>
+        <tr>
+          <td>
+            <b>Ice-cream Social</b>,<br />
+            10:30AM - 3:00PM,<br />
+            In <a href="https://roomfinder.sfu.ca/apps/sfuroomfinder_web/?q=ASB%2010900">ASB&nbsp;10900</a>
+          </td>
+          <td>
+            <b>Mountain Hike</b>,<br />
+            12:00PM - 3:00PM,<br />
+            Outside <a href="https://roomfinder.sfu.ca/apps/sfuroomfinder_web/?q=ASB%209802">ASB&nbsp;9802</a>
+          </td>
+          <td>
+            <b>PacMacro</b>,<br />
+            4:30PM - 6:30PM,<br />
+            In <a href="https://roomfinder.sfu.ca/apps/sfuroomfinder_web/?q=ASB%209703">ASB&nbsp;9703</a>
+          </td>
+          <td>
+            <b>WiCS Social</b>,<br />
+            11:00AM - 1:30PM,<br />
+            In <a href="https://roomfinder.sfu.ca/apps/sfuroomfinder_web/?q=ASB%209703">ASB&nbsp;9703</a>
+          </td>
+          <td>
+            <b>Midnight Madness</b>,<br />
+            7:00PM - 7:00AM,<br />
+            In <a href="https://roomfinder.sfu.ca/apps/sfuroomfinder_web/?q=tasc1%209204">TASC1&nbsp;9204</a>
+          </td>
+        </tr>
+        <tr>
+          <td></td>
+          <td></td>
+          <td></td>
+          <td>
+            <b>Barbeque Dinner</b>,<br />
+            6:00PM - 9:00PM,<br />
+            In <a href="https://roomfinder.sfu.ca/apps/sfuroomfinder_web/?q=tasc1%209204">TASC1&nbsp;9204</a>
+          </td>
+          <td></td>
+        </tr>
+      </table>
+      <p>
+        <i>(You may want to save or bookmark this page for future reference.)</i>
+        <br /><br />
+        Curious about what's in store? Reach out to us at
+        <a href="mailto:csss-froshchair@sfu.ca">csss-froshchair@sfu.ca</a>,
+        or join the <a href="https://discord.gg/sfucsss">CSSS Discord Server</a>.
+      </p>
+    </div>
+  </body>
+</html>
diff --git a/public/frosh/2025/images/bbq-1.jpg b/public/frosh/2025/images/bbq-1.jpg
diff --git a/public/frosh/2025/images/bbq-2.jpg b/public/frosh/2025/images/bbq-2.jpg
diff --git a/public/frosh/2025/images/bbq-3.jpg b/public/frosh/2025/images/bbq-3.jpg
diff --git a/public/frosh/2025/images/bg-1.jpg b/public/frosh/2025/images/bg-1.jpg
diff --git a/public/frosh/2025/images/bg-2.jpg b/public/frosh/2025/images/bg-2.jpg
diff --git a/public/frosh/2025/images/cooking-1.jpg b/public/frosh/2025/images/cooking-1.jpg