From 77a99ba71e89dbcbceb061fb3125492c67aad27c Mon Sep 17 00:00:00 2001
From: Jon Andre Briones <jonbrsoftware@gmail.com>
Date: Tue, 9 Dec 2025 15:07:40 -0800
Subject: [PATCH] feat: added mountain madness 2025

* commented out the information sections
* changed the date for the event
* changed the register button to "coming soon"
* changed the CSSS home button to the logo
* restyled the top bar to use flexbox
* removed a lot of code that wasn't being used
---
 public/madness/2025/index.css           | 538 ++++++++++++++++++++++++
 public/madness/2025/index.html          | 297 +++++++++++++
 public/static/icons/csss_logo.raw.svg   |  62 +++
 public/static/icons/csss_logo.svg       |  63 +--
 public/static/icons/csss_logo_white.svg |   1 +
 5 files changed, 899 insertions(+), 62 deletions(-)
 create mode 100644 public/madness/2025/index.css
 create mode 100755 public/madness/2025/index.html
 create mode 100644 public/static/icons/csss_logo.raw.svg
 create mode 100644 public/static/icons/csss_logo_white.svg

diff --git a/public/madness/2025/index.css b/public/madness/2025/index.css
new file mode 100644
index 00000000..9413f06b
--- /dev/null
+++ b/public/madness/2025/index.css
@@ -0,0 +1,538 @@
+html {
+  margin: 0;
+  padding: 0;
+  width: 100vw;
+  max-width: 100%;
+}
+
+body {
+  --hill-width: 40vw;
+  --hill-height: 50vh;
+  --hill-padding: 5vh;
+  --hill-shadow: #0d5;
+  --hill-shadow: #002805;
+  --hill-color: #22ff77;
+  --hill-color: #004208;
+  --sky-color: #2277ff;
+  --sky-color: #001c1f;
+  --sky-color: #000c0f;
+  --cloud-color: #ccc;
+  --red: #550400;
+  --red: #880500;
+  --darkred: #330300;
+  --darkred: #550500;
+  --lightred: #aa1500;
+  margin: 0;
+  padding: 0;
+  width: 100%;
+  font-family: sans-serif;
+  background: linear-gradient(
+    to right,
+    var(--hill-shadow) 3px,
+    var(--hill-color) 3px,
+    var(--hill-color) calc(100vw - 42px),
+    var(--hill-shadow) calc(100vw - 42px)
+  );
+  background: var(--hill-color);
+}
+
+p {
+  line-height: 1.5;
+  max-width: 100%;
+}
+
+table {
+  font-size: 1rem;
+}
+
+table * {
+  font-size: inherit;
+}
+
+body * {
+  box-sizing: border-box;
+}
+
+#above-fold::before {
+  content: '';
+  position: absolute;
+  top: 0;
+  width: 100%;
+  height: 100vh;
+  z-index: -3;
+  background-color: black;
+  background-image:
+    radial-gradient(white 3px, transparent 2px), radial-gradient(white 1px, transparent 2px),
+    radial-gradient(rgba(255, 255, 255, 0.5) 2px, transparent 2px),
+    linear-gradient(transparent 100vh, var(--hill-color) 100vh, var(--hill-color) 150vh);
+  background-size:
+    550px 550px,
+    350px 350px,
+    250px 250px,
+    150px 150px;
+  background-position:
+    0 0,
+    40px 60px,
+    130px 270px,
+    70px 100px;
+}
+
+#above-fold {
+  width: 100%;
+  min-height: 100vh;
+  display: flex;
+  flex-flow: column nowrap;
+  align-items: center;
+  margin: 0;
+}
+
+.btn,
+button {
+  display: inline-block;
+  padding: 12px 12px 10px 12px;
+  font-size: inherit;
+  font-weight: 700;
+  color: white;
+  background: var(--red);
+  white-space: nowrap;
+  border: none;
+  text-align: center;
+  /* TODO: Uncomment me when enabling the button */
+  /* cursor: pointer; */
+  font-size: 1em;
+  box-shadow: 0 6px 0 var(--darkred);
+  transition:
+    box-shadow 0.2s,
+    color 0.2s,
+    background 0.2s;
+}
+
+/* TODO: Uncomment me when enabling the button */
+/* .btn:focus, */
+/* button:focus, */
+/* .btn:hover, */
+/* button:hover { */
+/*   background: var(--lightred); */
+/* } */
+/**/
+/* .btn:active, */
+/* button:active { */
+/*   background: var(--darkred); */
+/* } */
+
+header {
+  text-align: center;
+  color: white;
+  margin: auto 0;
+}
+
+header > h2,
+header > h3,
+header > h4 {
+  text-shadow: 1px 1px 1px black;
+}
+
+header > h1 {
+  text-transform: uppercase;
+  letter-spacing: 0.2rem;
+  margin: 1rem 0;
+  font-family: Bungee;
+  font-size: 2rem;
+  text-shadow: 0 5px 0 black;
+}
+
+header > h3 {
+  font-size: 1.5rem;
+}
+
+header > h4 {
+  font-weight: 400;
+  margin: 0 0 2rem 0;
+}
+
+header > h4 b {
+  font-weight: 800;
+}
+
+#building {
+  position: relative;
+  z-index: -2;
+  margin: 3em 0 0 0;
+  min-width: 90px;
+  width: 20vw;
+  max-width: 125px;
+  height: 70px;
+  background: gray;
+  box-shadow:
+    inset -20px 0 0 gray,
+    10px 0px 0 #444;
+}
+
+#building::before {
+  background: var(--red);
+  content: 'SFU';
+  font-size: 1rem;
+  color: white;
+  position: relative;
+  top: -6px;
+  left: 52.5px;
+  left: calc(100% - 50px);
+  width: 50px;
+  height: 70px;
+  padding: 5px 5px 0px 5px;
+}
+
+#mountain {
+  border-top-left-radius: 30%;
+  border-top-right-radius: 30%;
+  border-right: 30px solid var(--hill-shadow);
+  border-left: 3px solid var(--hill-shadow);
+  position: relative;
+  z-index: -2;
+  display: flex;
+  flex-flow: row wrap;
+  justify-content: space-around;
+  align-content: flex-start;
+  padding-top: var(--hill-padding);
+  min-width: 320px;
+  width: 100%;
+  min-height: calc(var(--hill-height) + 1em);
+  background: var(--hill-color);
+}
+
+.grass {
+  position: relative;
+  border-top-left-radius: 30%;
+  border-top-right-radius: 30%;
+  width: 100%;
+  height: 100%;
+  width: 2rem;
+  height: 5rem;
+  background:
+    linear-gradient(315deg, var(--hill-shadow) 25%, transparent 25%),
+    linear-gradient(45deg, var(--hill-shadow) 25%, transparent 25%);
+  background-color: var(--hill-color);
+  background-position: 0 0;
+  background-position: bottom left;
+}
+
+.grass:nth-child(1) {
+  top: 5em;
+  right: 0em;
+}
+
+.grass:nth-child(2) {
+  top: 0em;
+  right: 1em;
+}
+
+.grass:nth-child(3) {
+  top: 7em;
+  left: 1em;
+}
+
+#clouds-container {
+  overflow-x: hidden;
+  position: absolute;
+  z-index: -2;
+  width: 100%;
+  top: 0;
+  margin-top: 8vh;
+}
+
+@keyframes cross {
+  0% {
+    left: 100%;
+  }
+  100% {
+    left: -100%;
+  }
+}
+
+.clouds {
+  --width: 5vmax;
+  --height: calc(var(--width) / 2);
+  margin-top: 30vh;
+  width: 100%;
+  opacity: 0.8;
+  display: flex;
+  justify-content: space-between;
+  position: relative;
+  z-index: 5;
+  animation: cross 120s infinite linear;
+}
+
+.cloud {
+  background: var(--cloud-color);
+  width: var(--width);
+  height: var(--height);
+  border-radius: calc(var(--width) / 3);
+  position: relative;
+}
+
+.cloud::after {
+  content: '';
+  position: absolute;
+  background: var(--cloud-color);
+  height: calc(var(--width) / 3);
+  width: calc(var(--width) / 3);
+  border-radius: 50%;
+  top: calc(var(--height) / -5);
+  left: calc(var(--height) / 6);
+}
+
+.cloud::before {
+  content: '';
+  position: absolute;
+  background: var(--cloud-color);
+  height: calc(var(--width) / 2);
+  width: calc(var(--width) / 2);
+  border-radius: 50%;
+  top: calc(var(--height) / -2);
+  left: calc(var(--width) / 3);
+}
+
+.clouds:nth-child(even) {
+  --width: 10vmax;
+  animation: cross 50s infinite linear;
+}
+
+.clouds:nth-child(even) > .cloud:nth-child(odd) {
+  top: -20vh;
+}
+
+.clouds > .cloud:nth-child(odd) {
+  top: -15vh;
+}
+
+#info-container {
+  background: var(--hill-color);
+  background: linear-gradient(to bottom, var(--hill-color) 10%, #0a1f0a 40%, #0a0a10 100%);
+  background: linear-gradient(to bottom, var(--hill-color) 10%, #0a1f0a 40%);
+
+  color: white;
+}
+
+#info-container > article {
+  padding: 1em 0;
+}
+
+#info-container > article > div {
+  flex: 0 0 auto;
+  margin-left: 1em;
+  margin-right: 1em;
+}
+
+#info-container > article h2 {
+  text-align: center;
+}
+
+#sponsors > .btn {
+  text-align: center;
+}
+
+/* if have more sponsors, add sponsors here too */
+#schedule,
+#prize,
+#sponsors {
+  display: flex;
+  flex-flow: row wrap;
+  justify-content: center;
+  max-width: 100%;
+}
+
+/* new layout: single column*/
+.center {
+  box-sizing: content-box;
+  display: block;
+  margin: 0 auto;
+}
+
+.stack > * + * {
+  margin-block-start: 2rem;
+}
+
+#schedule div,
+#prize div,
+#sponsors div {
+  max-width: calc(100% - 2em);
+  margin-left: 1em;
+  margin-right: 1em;
+}
+
+table td {
+  padding: 0.5em 0;
+  max-width: 45%;
+}
+
+#schedule > h2,
+#schedule > h3,
+#faq > h2,
+#prize > h2,
+#sponsors > h2 {
+  flex: 1 0 100%;
+}
+
+.forest {
+  position: relative;
+  display: flex;
+  z-index: 99999;
+  flex-flow: row nowrap;
+  justify-content: space-around;
+  align-items: space-around;
+  max-width: 95vw;
+  height: calc(var(--trunk-height) + var(--foliage-height));
+  overflow: hidden;
+}
+
+.tree {
+  --trunk-width: 1vmax;
+  --trunk-height: 2vmax;
+  --foliage-width: 3vmax;
+  --foliage-height: 5vmax;
+  flex: 1 0 auto;
+  margin: var(--foliage-height) var(--foliage-width) var(--trunk-height) var(--foliage-width);
+}
+
+.tree::before {
+  content: '';
+  position: absolute;
+  background: brown;
+  box-shadow: -3px 0 0 inset #533;
+  width: var(--trunk-width);
+  height: var(--trunk-height);
+}
+
+.tree::after {
+  content: '';
+  position: absolute;
+  width: var(--foliage-width);
+  height: var(--foliage-height);
+  margin-left: calc(var(--foliage-width) / -2 + var(--trunk-width) / 2);
+  margin-top: calc(-1 * var(--foliage-height));
+  clip-path: polygon(50% 0%, 95% 60%, 75% 60%, 100% 100%, 0 100%, 25% 60%, 5% 60%);
+  background: green;
+  background: var(--hill-shadow);
+}
+
+.home {
+  padding: 0.1rem;
+}
+
+.home > object {
+  width: 2rem;
+  pointer-events: none;
+}
+
+#nav-links {
+  background: rgba(255, 255, 255, 0.1);
+  width: 100%;
+  display: flex;
+  padding: 0.4rem;
+  gap: min(1.5rem, 5vw);
+  align-items: center;
+}
+
+#nav-links a {
+  color: white;
+  transition: text-shadow 0.2s;
+}
+
+#nav-links a:hover {
+  text-shadow: 0 0 5px grey;
+}
+
+#schedule h3 {
+  flex: 1 0 100%;
+  text-align: center;
+}
+
+th {
+  text-align: left;
+}
+
+td:first-child {
+  text-align: right;
+  font-weight: 700;
+  padding-right: 1em;
+}
+
+a {
+  text-decoration: none;
+  color: inherit;
+}
+
+h2 > a {
+  transition:
+    box-shadow 0.2s,
+    background 0.2s,
+    color 0.2s;
+  padding: 7px 5px 5px 5px;
+}
+
+#join-discord {
+  font-weight: lighter;
+}
+
+#join-discord a {
+  font-weight: bold;
+  text-decoration: underline white;
+}
+
+a > img {
+  max-width: calc(100% - 4em);
+  height: auto;
+  background: white;
+  filter: grayscale(100%);
+  opacity: 0.8;
+  transition:
+    opacity 0.2s,
+    filter 0.2s;
+}
+
+#mobify-logo {
+  width: 100%;
+}
+
+a:hover > img {
+  filter: none;
+  opacity: 1;
+}
+
+@media (max-width: 770px) {
+  article > div {
+    padding: 0 2rem;
+  }
+}
+
+@media (min-width: 770px) {
+  header > h1 {
+    font-size: calc(100vw / 24);
+    font-size: 4rem;
+    text-shadow: 0 10px 0 black;
+  }
+  #info-container > article {
+    max-width: 500px;
+  }
+  #mountain {
+    max-width: 500px;
+  }
+}
+
+footer {
+  display: flex;
+  flex-flow: row wrap;
+  justify-content: center;
+  align-items: baseline;
+}
+
+footer a {
+  font-size: 1rem;
+  color: white;
+  text-decoration: none;
+  transition: text-shadow 0.2s;
+}
+
+footer p {
+  color: white;
+}
diff --git a/public/madness/2025/index.html b/public/madness/2025/index.html
new file mode 100755
index 00000000..fd880768
--- /dev/null
+++ b/public/madness/2025/index.html
@@ -0,0 +1,297 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <title>Mountain Madness 2024</title>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link href="https://fonts.googleapis.com/css?family=Bungee" rel="stylesheet" />
+    <link rel="stylesheet" href="index.css" />
+    <link rel="icon" type="image/png" href="/static/icons/favicon.png" />
+  </head>
+
+  <body>
+    <nav id="nav-links">
+      <a class="home" href="https://sfucsss.org">
+        <object data="/static/icons/csss_logo_white.svg" type="image/svg+xml"></object>
+      </a>
+      <!-- <a href="#about"> About </a> -->
+      <!-- <a href="#faq"> FAQ </a> -->
+      <!-- <a href="#schedule"> Schedule </a> -->
+      <!-- <a href="#winners"> -->
+      <!--   <b>Winners</b> -->
+      <!-- </a> -->
+    </nav>
+
+    <section id="above-fold">
+      <header>
+        <h3>The CSSS presents...</h3>
+        <h1>Mountain Madness</h1>
+        <h3>Feb 28<sup>th</sup> - March 1<sup>st</sup>, 2025</h3>
+        <h4>at the <b>Simon Fraser University</b> Burnaby Mountain Campus</h4>
+        <h2>
+          <span class="btn">Coming Soon</span>
+        </h2>
+      </header>
+
+      <div id="building" aria-hidden="true"></div>
+
+      <div id="mountain" aria-hidden="true">
+        <div class="grass"></div>
+        <div class="grass"></div>
+        <div class="grass"></div>
+      </div>
+    </section>
+
+    <!-- <div id="info-container"> -->
+    <!-- <article id="about" class="stack center"> -->
+    <!--   <div> -->
+    <!--     <h2>What is Mountain Madness?</h2> -->
+    <!--     <p> -->
+    <!--       The SFU Computing Science Student Society (CSSS) organizes the Mountain Madness -->
+    <!--       hackathon annually. We welcome students of all skill levels and experience to our cozy, -->
+    <!--       tight-knit hackathon. The "Mountain" in the name pays homage to Burnaby Mountain, the -->
+    <!--       original foundation of Simon Fraser University and the scenic location for a full -->
+    <!--       weekend's worth of fun. -->
+    <!--     </p> -->
+    <!--     <h3>This year's theme: <strong>A New Perspective</strong></h3> -->
+    <!--   </div> -->
+    <!-- </article> -->
+    <!-- <article class="stack center"> -->
+    <!--   <div> -->
+    <!--     <h2>Why Mountain Madness?</h2> -->
+    <!--     <p> -->
+    <!--       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. -->
+    <!--     </p> -->
+    <!---->
+    <!--     <p> -->
+    <!--       Mountain Madness is <i>the perfect event</i> for everyone from fresh-faced hackers to -->
+    <!--       seasoned CS veterans. -->
+    <!--     </p> -->
+    <!--   </div> -->
+    <!-- </article> -->
+    <!-- <article id="faq" class="stack center"> -->
+    <!--   <h2>Frequently Asked Questions</h2> -->
+    <!--   <div> -->
+    <!--     <h3>Wait, what actually is a hackathon?</h3> -->
+    <!--     <p> -->
+    <!--       A hackathon is an event where teams work on a project inspired by an event-provided -->
+    <!--       theme. You will have 24 hours to develop something cool at Mountain Madness. Your team -->
+    <!--       will start from scratch and try to make the coolest thing they can before the time is -->
+    <!--       up. -->
+    <!--     </p> -->
+    <!--   </div> -->
+    <!---->
+    <!--   <div> -->
+    <!--     <h3>Where is Mountain Madness?</h3> -->
+    <!--     <p> -->
+    <!--       Registration and administration is at TASC 9204 on SFU's Burnaby Campus. You are free to -->
+    <!--       hack at other open locations on campus. -->
+    <!--     </p> -->
+    <!--   </div> -->
+    <!---->
+    <!--   <div> -->
+    <!--     <h3>Why should I participate?</h3> -->
+    <!--     <p> -->
+    <!--       You get experience with new technologies and navigate teamwork dynamics to accomplish a -->
+    <!--       goal. Hackathon projects are also a great addition to a resume! -->
+    <!--     </p> -->
+    <!--   </div> -->
+    <!---->
+    <!--   <div> -->
+    <!--     <h3>I am in my first year/don't have much experience, should I still participate?</h3> -->
+    <!--     <p> -->
+    <!--       Yes! This hackathon is a great learning opportunity for people with less development -->
+    <!--       experience. -->
+    <!--     </p> -->
+    <!--   </div> -->
+    <!---->
+    <!--   <div> -->
+    <!--     <h3>Do I need to stay during the entire event?</h3> -->
+    <!--     <p> -->
+    <!--       No! You may leave and enter the venue whenever (note that most doors are locked during -->
+    <!--       the weekend). You can spend as much or as little of the 24 hours as you wish. If you get -->
+    <!--       tired, we will have sleeping rooms available for you. Sleep still matters! -->
+    <!--     </p> -->
+    <!--   </div> -->
+    <!---->
+    <!--   <div> -->
+    <!--     <h3>How do we declare teams?</h3> -->
+    <!--     <p> -->
+    <!--       You <strong>do not need</strong> to know your team when you register. You can form -->
+    <!--       groups before or during the hackathon. When you give us your submission GitHub/GitLab -->
+    <!--       link you will declare your group members. -->
+    <!--     </p> -->
+    <!--   </div> -->
+    <!---->
+    <!--   <div> -->
+    <!--     <h3>Will there be food?</h3> -->
+    <!--     <p>Yes! We will be providing food for in person attendees.</p> -->
+    <!--   </div> -->
+    <!---->
+    <!--   <div> -->
+    <!--     <h3>Can I have Non-SFU people and Alumni join my team?</h3> -->
+    <!--     <p> -->
+    <!--       Yes! We will allow groups to be made up of non-SFU students however we want a majority -->
+    <!--       (&gt; 50%) of the team to be made up of SFU students. So a group of 5 can have up to 2 -->
+    <!--       non-SFU participants. -->
+    <!--     </p> -->
+    <!--   </div> -->
+    <!---->
+    <!--   <div> -->
+    <!--     <h3>Can I work on my previous projects?</h3> -->
+    <!--     <p> -->
+    <!--       No, we want you to create awesome things from scratch in 24 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. -->
+    <!--     </p> -->
+    <!--   </div> -->
+    <!---->
+    <!--   <div> -->
+    <!--     <h3>What size should my team be?</h3> -->
+    <!--     <p> -->
+    <!--       Teams can have between 1 and 5 members inclusive. You can work alone if you really want -->
+    <!--       to, but struggling with your team is an essential hackathon experience! We will run a -->
+    <!--       team formation event before the event for you to form teams. From past experience groups -->
+    <!--       of 3 work well! -->
+    <!--     </p> -->
+    <!--   </div> -->
+    <!---->
+    <!--   <div> -->
+    <!--     <h3>How much does it cost?</h3> -->
+    <!--     <p> -->
+    <!--       <strong>$5 + fees.</strong> -->
+    <!--       This includes two meals and the opportunity to win prizes. If this poses a barrier to -->
+    <!--       entry to you please reach out to us at csss-hackathonchair@sfu.ca -->
+    <!--     </p> -->
+    <!--   </div> -->
+    <!-- </article> -->
+    <!---->
+    <!-- <article id="schedule" class="center"> -->
+    <!--   <h2>Preliminary Schedule</h2> -->
+    <!--   <h3 id="join-discord"> -->
+    <!--     <a href="https://discord.gg/dUH5gPaS" target="_blank" -->
+    <!--       >Join the Mountain Madness 2024 Discord Server</a -->
+    <!--     > -->
+    <!--     for the latest updates. -->
+    <!--   </h3> -->
+    <!--   <h3 id="join-discord"> -->
+    <!--     <a href="https://discord.gg/sfucsss" target="_blank">Join the CSSS Discord Server</a>, -->
+    <!--     too! -->
+    <!--   </h3> -->
+    <!--   <div> -->
+    <!--     <h3>Saturday, March 23</h3> -->
+    <!--     <table> -->
+    <!--       <tr> -->
+    <!--         <td>9:00 AM</td> -->
+    <!--         <td>Sign-in and Registration</td> -->
+    <!--       </tr> -->
+    <!--       <tr> -->
+    <!--         <td>9:30 AM</td> -->
+    <!--         <td>Opening Presentation (Theme Announced)</td> -->
+    <!--       </tr> -->
+    <!--       <tr> -->
+    <!--         <td>10:00 AM</td> -->
+    <!--         <td>Hacking Begins</td> -->
+    <!--       </tr> -->
+    <!--       <tr> -->
+    <!--         <td>1:00 PM</td> -->
+    <!--         <td>Lunch</td> -->
+    <!--       </tr> -->
+    <!--       <tr> -->
+    <!--         <td>7:00 PM</td> -->
+    <!--         <td>Dinner</td> -->
+    <!--       </tr> -->
+    <!--     </table> -->
+    <!--   </div> -->
+    <!--   <div> -->
+    <!--     <h3>Sunday, March 24</h3> -->
+    <!--     <table> -->
+    <!--       <tr> -->
+    <!--         <td>8:30 AM</td> -->
+    <!--         <td>Submissions Open</td> -->
+    <!--       </tr> -->
+    <!--       <tr> -->
+    <!--         <td>10:00 AM</td> -->
+    <!--         <td>Hacking Ends (Submission Deadline)</td> -->
+    <!--       </tr> -->
+    <!--       <tr> -->
+    <!--         <td>10:30 AM</td> -->
+    <!--         <td>Project Presentations</td> -->
+    <!--       </tr> -->
+    <!--       <tr> -->
+    <!--         <td>12:30 PM</td> -->
+    <!--         <td>END</td> -->
+    <!--       </tr> -->
+    <!--     </table> -->
+    <!--   </div> -->
+    <!-- </article> -->
+    <!---->
+    <!-- <article id="winners" class="center"> -->
+    <!--   <h2>Winners</h2> -->
+    <!--   <p> -->
+    <!--     The following teams were awarded prizes for their exceptional projects. Congratulations to -->
+    <!--     the winning teams, and everyone that attended the hackathon! -->
+    <!--   </p> -->
+    <!--   <br /> -->
+    <!--   <h3>First place: PeakBuddies</h3> -->
+    <!--   <p> -->
+    <!--     By -->
+    <!--     <i>Zachary Chan, Kian Hosseinkhani, Kiaan Castillo, Peiman Zhiani</i><br /> -->
+    <!--     <a href="https://github.com/Mountain-Madness-24/peakbuddies" style="color: #8080a0"> -->
+    <!--       See Project -->
+    <!--     </a> -->
+    <!--   </p> -->
+    <!--   <h3>Second place: Droppr</h3> -->
+    <!--   <p> -->
+    <!--     By <i>Micah Baker, Nakul Bansal, Johnny Deng, Simon Purdon</i><br /> -->
+    <!--     <a href="https://github.com/micahdbak/droppr" style="color: #8080a0"> See Project </a> -->
+    <!--   </p> -->
+    <!--   <h3>Third place: Jake's Journey</h3> -->
+    <!--   <p> -->
+    <!--     By <i>Cole McKee, Shane Hickson, Christian Cho, Arya Akhavein</i><br /> -->
+    <!--     <a href="https://github.com/Masagoro1/PuzzleGame" style="color: #8080a0"> See Project </a> -->
+    <!--   </p> -->
+    <!--   <br /> -->
+    <!--   <h3>Best Presentation: Take the Scenic Route</h3> -->
+    <!--   <p> -->
+    <!--     By -->
+    <!--     <i>Dennis Kritchko, Julian Loewenherz, Louise Ho, Lacey Swamy, Artin Shahpoori</i><br /> -->
+    <!--     <a -->
+    <!--       href="https://github.com/hhequet/Mountain-Madness-2024----Take-The-Scenic-Route" -->
+    <!--       style="color: #8080a0" -->
+    <!--     > -->
+    <!--       See Project -->
+    <!--     </a> -->
+    <!--   </p> -->
+    <!--   <h3>Most Mountainous: Raccoon Game</h3> -->
+    <!--   <p> -->
+    <!--     By -->
+    <!--     <i>Evan Chen, Emmy Fong, Keira Liu, Sophia Chipeco, Pimkwan Somchit</i><br /> -->
+    <!--     <a href="https://github.com/emmyfong/racoongame" style="color: #8080a0"> See Project </a> -->
+    <!--   </p> -->
+    <!--   <h3>Most Entertaining: Moving Mountains</h3> -->
+    <!--   <p> -->
+    <!--     By -->
+    <!--     <i>Jackilyn Mcgarry, Tianying Mu, Rio Samson, Saketh Poori, Zachary Syvenky</i><br /> -->
+    <!--     <a href="https://github.com/ZachSyv/mountain-to-do" style="color: #8080a0"> -->
+    <!--       See Project -->
+    <!--     </a> -->
+    <!--   </p> -->
+    <!--   <br /> -->
+    <!--   <h3>Tetris Competition Winner: Open-WebUI</h3> -->
+    <!--   <p> -->
+    <!--     By <i>Danny Liu (Contributor to Open-WebUI)</i><br /> -->
+    <!--     <a href="https://github.com/open-webui/open-webui" style="color: #8080a0"> -->
+    <!--       Shameless Plug -->
+    <!--     </a> -->
+    <!--   </p> -->
+    <!--   <br /> -->
+    <!--   <br /> -->
+    <!--   <br /> -->
+    <!--   <p>With &lt;3 from the CSSS</p> -->
+    <!--   </article> -->
+    <!-- </div> -->
+  </body>
+</html>
diff --git a/public/static/icons/csss_logo.raw.svg b/public/static/icons/csss_logo.raw.svg
new file mode 100644
index 00000000..846fd449
--- /dev/null
+++ b/public/static/icons/csss_logo.raw.svg
@@ -0,0 +1,62 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 27.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   version="1.1"
+   id="Layer_1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 678.00018 744"
+   xml:space="preserve"
+   sodipodi:docname="csss_logo.svg"
+   width="678.00018"
+   height="744"
+   inkscape:version="1.4.2 (ebf0e94, 2025-05-08)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"><defs
+   id="defs4" /><sodipodi:namedview
+   id="namedview4"
+   pagecolor="#ffffff"
+   bordercolor="#000000"
+   borderopacity="0.25"
+   inkscape:showpageshadow="2"
+   inkscape:pageopacity="0.0"
+   inkscape:pagecheckerboard="0"
+   inkscape:deskcolor="#d1d1d1"
+   inkscape:zoom="1.4575"
+   inkscape:cx="343.73928"
+   inkscape:cy="329.33105"
+   inkscape:window-width="2560"
+   inkscape:window-height="1368"
+   inkscape:window-x="2880"
+   inkscape:window-y="40"
+   inkscape:window-maximized="1"
+   inkscape:current-layer="Layer_1" />
+<style
+   type="text/css"
+   id="style1">
+	.st0{fill-rule:evenodd;clip-rule:evenodd;}
+</style>
+<g
+   id="g4"
+   transform="translate(-56,-16)">
+	<path
+   class="st0"
+   d="m 248,160 v 208 c 0,8.8 7.2,16 16,16 h 120 c 4.4,0 8,3.6 8,8 v 32 c 0,4.4 -3.6,8 -8,8 H 224 c -13.2,0 -24,-10.8 -24,-24 V 120 c 0,-13.2 10.8,-24 24,-24 h 160 c 4.4,0 8,3.6 8,8 v 32 c 0,4.4 -3.6,8 -8,8 H 264 c -8.8,0 -16,7.2 -16,16 z"
+   id="path1" />
+	<path
+   class="st0"
+   d="m 456,72 v 16 c 0,4.4 3.6,8 8,8 h 112 c 13.2,0 24,10.8 24,24 v 288 c 0,13.2 -10.8,24 -24,24 H 416 c -4.4,0 -8,-3.6 -8,-8 v -32 c 0,-4.4 3.6,-8 8,-8 h 120 c 8.8,0 16,-7.2 16,-16 V 160 c 0,-8.8 -7.2,-16 -16,-16 H 416 c -4.4,0 -8,-3.6 -8,-8 V 40 c 0,-13.2 10.8,-24 24,-24 h 160 c 4.4,0 8,3.6 8,8 v 32 c 0,4.4 -3.6,8 -8,8 H 464 c -4.4,0 -8,3.6 -8,8 z"
+   id="path2" />
+	<path
+   class="st0"
+   d="M 708,680 H 416 c -4.4,0 -8,-3.6 -8,-8 v -32 c 0,-4.4 3.6,-8 8,-8 h 244 c 0.5,0 1,0 1.5,-0.1 10.9,-0.8 17.2,-10.2 15.2,-22 -0.2,-0.8 -0.3,-1.7 -0.6,-2.5 L 661.6,554 c 0,0 0,-0.1 0,-0.1 0,0 0,-0.1 0,-0.1 -1.5,-5.4 -7.4,-9.8 -13.1,-9.8 H 416 c -4.4,0 -8,-3.6 -8,-8 v -80 c 0,-4.4 3.6,-8 8,-8 h 176 c 4.4,0 8,3.6 8,8 v 24 c 0,4.4 -3.6,8 -8,8 H 452 c -2.2,0 -4,1.8 -4,4 v 8 c 0,2.2 1.8,4 4,4 h 216 c 11,0 22.8,8.6 26.2,19.6 l 6.5,20.4 28,88 3.4,10.7 C 738.6,663 727.9,680 708,680 Z"
+   id="path3" />
+	<path
+   class="st0"
+   d="m 123.2,610 c -2,11.7 4.3,21.1 15.2,22 0.5,0 1.1,0.1 1.6,0.1 h 229.2 c 12.6,0 22.8,10.3 22.8,23.4 V 736 c 0,13.2 -10.8,24 -24,24 H 64 c -4.4,0 -8,-3.6 -8,-8 v -32 c 0,-4.4 3.6,-8 8,-8 h 272 c 4.4,0 8,-3.6 8,-8 v -16 c 0,-4.4 -3.6,-8 -8,-8 H 92 C 72.1,680 61.4,663 67.9,642.7 l 3.4,-10.7 28,-88 6.5,-20.4 C 109.3,512.7 121,504 132,504 h 252 c 4.4,0 8,3.6 8,8 v 24 c 0,4.4 -3.6,8 -8,8 H 151.5 c -5.7,0 -11.6,4.3 -13.1,9.8 0,0 0,0.1 0,0.1 0,0 0,0.1 0,0.1 l -14.6,53.4 c -0.2,0.9 -0.4,1.7 -0.6,2.6 z"
+   id="path4" />
+</g>
+</svg>
diff --git a/public/static/icons/csss_logo.svg b/public/static/icons/csss_logo.svg
index 846fd449..a36465c9 100644
--- a/public/static/icons/csss_logo.svg
+++ b/public/static/icons/csss_logo.svg
@@ -1,62 +1 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Generator: Adobe Illustrator 27.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-
-<svg
-   version="1.1"
-   id="Layer_1"
-   x="0px"
-   y="0px"
-   viewBox="0 0 678.00018 744"
-   xml:space="preserve"
-   sodipodi:docname="csss_logo.svg"
-   width="678.00018"
-   height="744"
-   inkscape:version="1.4.2 (ebf0e94, 2025-05-08)"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg"><defs
-   id="defs4" /><sodipodi:namedview
-   id="namedview4"
-   pagecolor="#ffffff"
-   bordercolor="#000000"
-   borderopacity="0.25"
-   inkscape:showpageshadow="2"
-   inkscape:pageopacity="0.0"
-   inkscape:pagecheckerboard="0"
-   inkscape:deskcolor="#d1d1d1"
-   inkscape:zoom="1.4575"
-   inkscape:cx="343.73928"
-   inkscape:cy="329.33105"
-   inkscape:window-width="2560"
-   inkscape:window-height="1368"
-   inkscape:window-x="2880"
-   inkscape:window-y="40"
-   inkscape:window-maximized="1"
-   inkscape:current-layer="Layer_1" />
-<style
-   type="text/css"
-   id="style1">
-	.st0{fill-rule:evenodd;clip-rule:evenodd;}
-</style>
-<g
-   id="g4"
-   transform="translate(-56,-16)">
-	<path
-   class="st0"
-   d="m 248,160 v 208 c 0,8.8 7.2,16 16,16 h 120 c 4.4,0 8,3.6 8,8 v 32 c 0,4.4 -3.6,8 -8,8 H 224 c -13.2,0 -24,-10.8 -24,-24 V 120 c 0,-13.2 10.8,-24 24,-24 h 160 c 4.4,0 8,3.6 8,8 v 32 c 0,4.4 -3.6,8 -8,8 H 264 c -8.8,0 -16,7.2 -16,16 z"
-   id="path1" />
-	<path
-   class="st0"
-   d="m 456,72 v 16 c 0,4.4 3.6,8 8,8 h 112 c 13.2,0 24,10.8 24,24 v 288 c 0,13.2 -10.8,24 -24,24 H 416 c -4.4,0 -8,-3.6 -8,-8 v -32 c 0,-4.4 3.6,-8 8,-8 h 120 c 8.8,0 16,-7.2 16,-16 V 160 c 0,-8.8 -7.2,-16 -16,-16 H 416 c -4.4,0 -8,-3.6 -8,-8 V 40 c 0,-13.2 10.8,-24 24,-24 h 160 c 4.4,0 8,3.6 8,8 v 32 c 0,4.4 -3.6,8 -8,8 H 464 c -4.4,0 -8,3.6 -8,8 z"
-   id="path2" />
-	<path
-   class="st0"
-   d="M 708,680 H 416 c -4.4,0 -8,-3.6 -8,-8 v -32 c 0,-4.4 3.6,-8 8,-8 h 244 c 0.5,0 1,0 1.5,-0.1 10.9,-0.8 17.2,-10.2 15.2,-22 -0.2,-0.8 -0.3,-1.7 -0.6,-2.5 L 661.6,554 c 0,0 0,-0.1 0,-0.1 0,0 0,-0.1 0,-0.1 -1.5,-5.4 -7.4,-9.8 -13.1,-9.8 H 416 c -4.4,0 -8,-3.6 -8,-8 v -80 c 0,-4.4 3.6,-8 8,-8 h 176 c 4.4,0 8,3.6 8,8 v 24 c 0,4.4 -3.6,8 -8,8 H 452 c -2.2,0 -4,1.8 -4,4 v 8 c 0,2.2 1.8,4 4,4 h 216 c 11,0 22.8,8.6 26.2,19.6 l 6.5,20.4 28,88 3.4,10.7 C 738.6,663 727.9,680 708,680 Z"
-   id="path3" />
-	<path
-   class="st0"
-   d="m 123.2,610 c -2,11.7 4.3,21.1 15.2,22 0.5,0 1.1,0.1 1.6,0.1 h 229.2 c 12.6,0 22.8,10.3 22.8,23.4 V 736 c 0,13.2 -10.8,24 -24,24 H 64 c -4.4,0 -8,-3.6 -8,-8 v -32 c 0,-4.4 3.6,-8 8,-8 h 272 c 4.4,0 8,-3.6 8,-8 v -16 c 0,-4.4 -3.6,-8 -8,-8 H 92 C 72.1,680 61.4,663 67.9,642.7 l 3.4,-10.7 28,-88 6.5,-20.4 C 109.3,512.7 121,504 132,504 h 252 c 4.4,0 8,3.6 8,8 v 24 c 0,4.4 -3.6,8 -8,8 H 151.5 c -5.7,0 -11.6,4.3 -13.1,9.8 0,0 0,0.1 0,0.1 0,0 0,0.1 0,0.1 l -14.6,53.4 c -0.2,0.9 -0.4,1.7 -0.6,2.6 z"
-   id="path4" />
-</g>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" id="Layer_1" x="0" y="0" version="1.1" viewBox="0 0 678 744"><style id="style1" type="text/css">.st0{fill-rule:evenodd;clip-rule:evenodd}</style><g id="g4" transform="translate(-56 -16)"><path id="path1" d="M248 160v208c0 9 7 16 16 16h120c4 0 8 4 8 8v32c0 4-4 8-8 8H224c-13 0-24-11-24-24V120c0-13 11-24 24-24h160c4 0 8 4 8 8v32c0 4-4 8-8 8H264c-9 0-16 7-16 16z" class="st0"/><path id="path2" d="M456 72v16c0 4 4 8 8 8h112c13 0 24 11 24 24v288c0 13-11 24-24 24H416c-4 0-8-4-8-8v-32c0-4 4-8 8-8h120c9 0 16-7 16-16V160c0-9-7-16-16-16H416c-4 0-8-4-8-8V40c0-13 11-24 24-24h160c4 0 8 4 8 8v32c0 4-4 8-8 8H464c-4 0-8 4-8 8z" class="st0"/><path id="path3" d="M708 680H416c-4 0-8-4-8-8v-32c0-4 4-8 8-8h246c10-1 17-10 15-22l-1-3-14-53c-2-6-8-10-13-10H416c-4 0-8-4-8-8v-80c0-4 4-8 8-8h176c4 0 8 4 8 8v24c0 4-4 8-8 8H452c-2 0-4 2-4 4v8c0 2 2 4 4 4h216c11 0 23 9 26 20l7 20 28 88 3 11c7 20-4 37-24 37Z" class="st0"/><path id="path4" d="M123 610c-2 12 5 21 15 22h231c13 0 23 10 23 24v80c0 13-11 24-24 24H64c-4 0-8-4-8-8v-32c0-4 4-8 8-8h272c4 0 8-4 8-8v-16c0-4-4-8-8-8H92c-20 0-31-17-24-37l3-11 28-88 7-20c3-11 15-20 26-20h252c4 0 8 4 8 8v24c0 4-4 8-8 8H152c-6 0-12 4-14 10l-14 53-1 3z" class="st0"/></g></svg>
diff --git a/public/static/icons/csss_logo_white.svg b/public/static/icons/csss_logo_white.svg
new file mode 100644
index 00000000..64279224
--- /dev/null
+++ b/public/static/icons/csss_logo_white.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" id="Layer_1" x="0" y="0" version="1.1" viewBox="0 0 678 744"><style id="style1" type="text/css">.st0{fill-rule:evenodd;clip-rule:evenodd}</style><g id="g4" transform="translate(-56 -16)"><path id="path1" fill="#fff" d="M248 160v208c0 9 7 16 16 16h120c4 0 8 4 8 8v32c0 4-4 8-8 8H224c-13 0-24-11-24-24V120c0-13 11-24 24-24h160c4 0 8 4 8 8v32c0 4-4 8-8 8H264c-9 0-16 7-16 16z" class="st0"/><path id="path2" fill="#fff"  d="M456 72v16c0 4 4 8 8 8h112c13 0 24 11 24 24v288c0 13-11 24-24 24H416c-4 0-8-4-8-8v-32c0-4 4-8 8-8h120c9 0 16-7 16-16V160c0-9-7-16-16-16H416c-4 0-8-4-8-8V40c0-13 11-24 24-24h160c4 0 8 4 8 8v32c0 4-4 8-8 8H464c-4 0-8 4-8 8z" class="st0"/><path id="path3" fill="#fff" d="M708 680H416c-4 0-8-4-8-8v-32c0-4 4-8 8-8h246c10-1 17-10 15-22l-1-3-14-53c-2-6-8-10-13-10H416c-4 0-8-4-8-8v-80c0-4 4-8 8-8h176c4 0 8 4 8 8v24c0 4-4 8-8 8H452c-2 0-4 2-4 4v8c0 2 2 4 4 4h216c11 0 23 9 26 20l7 20 28 88 3 11c7 20-4 37-24 37Z" class="st0"/><path id="path4" fill="#fff" d="M123 610c-2 12 5 21 15 22h231c13 0 23 10 23 24v80c0 13-11 24-24 24H64c-4 0-8-4-8-8v-32c0-4 4-8 8-8h272c4 0 8-4 8-8v-16c0-4-4-8-8-8H92c-20 0-31-17-24-37l3-11 28-88 7-20c3-11 15-20 26-20h252c4 0 8 4 8 8v24c0 4-4 8-8 8H152c-6 0-12 4-14 10l-14 53-1 3z" class="st0"/></g></svg>