diff --git a/public/fall-hacks/2025/img1.png b/public/fall-hacks/2025/img1.png new file mode 100644 index 00000000..ef876da4 Binary files /dev/null and b/public/fall-hacks/2025/img1.png differ diff --git a/public/fall-hacks/2025/img2.png b/public/fall-hacks/2025/img2.png new file mode 100644 index 00000000..258497bc Binary files /dev/null and b/public/fall-hacks/2025/img2.png differ diff --git a/public/fall-hacks/2025/img3.png b/public/fall-hacks/2025/img3.png new file mode 100644 index 00000000..1722c233 Binary files /dev/null and b/public/fall-hacks/2025/img3.png differ diff --git a/public/fall-hacks/2025/img4.png b/public/fall-hacks/2025/img4.png new file mode 100644 index 00000000..9fc4eae9 Binary files /dev/null and b/public/fall-hacks/2025/img4.png differ diff --git a/public/fall-hacks/2025/img5.jpg b/public/fall-hacks/2025/img5.jpg new file mode 100644 index 00000000..e3fb9772 Binary files /dev/null and b/public/fall-hacks/2025/img5.jpg differ diff --git a/public/fall-hacks/2025/img6.jpg b/public/fall-hacks/2025/img6.jpg new file mode 100644 index 00000000..460b8fb5 Binary files /dev/null and b/public/fall-hacks/2025/img6.jpg differ diff --git a/public/fall-hacks/2025/img7.jpg b/public/fall-hacks/2025/img7.jpg new file mode 100644 index 00000000..bbf95443 Binary files /dev/null and b/public/fall-hacks/2025/img7.jpg differ diff --git a/public/fall-hacks/2025/img8.jpg b/public/fall-hacks/2025/img8.jpg new file mode 100644 index 00000000..0785a4e9 Binary files /dev/null and b/public/fall-hacks/2025/img8.jpg differ diff --git a/public/fall-hacks/2025/img9.jpg b/public/fall-hacks/2025/img9.jpg new file mode 100644 index 00000000..16d53492 Binary files /dev/null and b/public/fall-hacks/2025/img9.jpg differ diff --git a/public/fall-hacks/2025/index.html b/public/fall-hacks/2025/index.html new file mode 100644 index 00000000..d5459365 --- /dev/null +++ b/public/fall-hacks/2025/index.html @@ -0,0 +1,205 @@ + + + + Fall Hacks 2025 | CSSS + + + + + +
+ +
+
+

SFU CSSS presents

+ 
+                    /@@@@@@@@@@@,
+                    /@@#
+                    *@@@((#%##@@/      ,@@@@@@@#%/
+      @@@@@@@@@@@@  .@@@@@@#%#@@#      #@@@@@@@@@,        (##%(,
+      %@@/                    #@@.    ,@@@@@*            #@@@@@@@@         (,
+      (@@*                    #@@*    %@@@@@@@@@/       @@@@@.@@@@.       /@@@@@*
+      *@@#                    (@@(   ,@@@@@#/#@@       @@@@@,*@@@@(       #@@@@#         %@@@@@.
+      .@@#                    *@@%   %@@@@@          (@@@@@@##@@@@%      ,@@@@@,        .@@@@@#
+       #@@.           .*/((#%%@@@#   .,*/#/         #@@@@@@@@@@@@@@,     #@@@@#         (@@@@@.
+       #@@@@@@@@@@@   %@@@##%#((/,                 ,*/##@.    @@@@@/    *@@@@@(         @@@@@%
+                                ..                              ,*//    %@@@@@@@@@*    (@@@@@.
+                      (@@@@@@@@@@@*                                          .*/#%     #@@@@@@@@@,
+                      ,@@%                                                                .*/#%@@
+             ..,,***   @@@@@@@@@@@@@@@@@*                                              ,*..
+   %@@@@@@@@@@@@@@@#.  /#((/**,..    .#@@%                                         (@@@@@@@@/
+  %@@(                    ..,,**/(##%#@@@@@*                      .  (@@@@@       %@@@@#, ..(
+ #@@@###@@@@@@@@@@@@(  /@@@@@@@@##%%%#(//*,.                 /@@@@@*.@@@@@,       %@@@@@@@@@@#.
+/###%%#((/*,..   /@@#                            %@@@@@#      %@@@@#/@@@@%         ,%@@@@@@@@@@
+       ....,,*/(##@@#                         .@@@@@@@@@,     *@@@@@@@@@@@,        ##(/,/#@@@@/
+%@@@@@@@@@@@@@####%#*        @@@@@@@@        ,@@@@@(           #@@@@@%@@@@@@.      .@@@@@@@@#
+                ./%/         @@@@@@@@@*      #@@@@@      ,     .@@@@@% *@@@@@@*        .
+      ./#@/   #@@@@@.       ,@@@@##@@@@@.    ,@@@@@@#.,#@@      (@@@@@*  ,#%/.
+     %@@@@@    @@@@@#       (@@@@# /@@@@@,     (@@@@@@@@@@%      (*
+     ,@@@@@%./#@@@@@@,      (@@@@@@@@@@@@@#.      *@#@@#,
+      (@@@@@@@@@@@@@@#      #@@@@@%*  @@@@@@*
+       #@@@@#   .@@@@@/     #@@@@#
+       *@@@@@(   %@@@@@.
+        #@@@@#
+
+ v2025.09.27 +
+ +
+
+

+ Get ready for... FALL HACKS 2025! +

+

Saturday, September 27th, 8:00AM - 9:00PM

+

SFU Burnaby Campus

+

+ Brought to you by the + Computing Science Student Society +

+
+ +
+

About

+ + What is Fall Hacks? + +

+ This is the 6th iteration of Fall Hacks, an annual hackathon hosted by the SFU Computing + Science Student Society. This 13-hour event brings together over 200 students to build + creative projects, learn from workshops, and connect with companies! It will be hosted at + SFU Burnaby Campus on September 27, from 8AM to 9PM. +

+ + Why participate in Fall Hacks? + + 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. +
+ +
+

Register & Contact

+ +
+ +
+

Frequently Asked Questions...

+ +

Wait, what actually is a hackathon?

+

+ 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. +

+ +

Where is Fall Hacks?

+

+ This year will be in-person. Registration will be at the ASB entrance. Most of the day-of + activities, like workshops, will be held in TASC or ASB. You are free to hack at other + open locations on campus. +

+ +

Why should I participate?

+

+ You get experience with new technologies and navigate teamwork dynamics to accomplish a + goal. Hackathon projects are also a great addition to a resume! There are also prizes and + free food. +

+ +

I am in my first year/don't have much experience, should I still participate?

+

+ Yes! This hackathon is a great learning opportunity for people with less development + experience. We'll also be hosting HACKATHON 101 workshops the week leading up to Fall + Hacks to prepare you for the event. +

+ +

Can I work on my previous projects?

+

+ No, we want you to create awesome things from scratch in 13 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. +

+
+ + +
+ + + + diff --git a/public/fall-hacks/2025/style.css b/public/fall-hacks/2025/style.css new file mode 100644 index 00000000..2b42e1ff --- /dev/null +++ b/public/fall-hacks/2025/style.css @@ -0,0 +1,144 @@ +/* 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'); + +html { + scroll-behavior: smooth; +} + +body { + margin: 0; + padding: 0; + background-color: black; + font-family: 'IBM Plex Mono', monospace; + font-weight: 400; + color: white; +} + +ol, +ul { + list-style: none; + padding: 0; +} + +b { + color: white; + font-weight: 700; +} + +i { + color: gray; +} + +a { + color: green; +} + +s { + color: gray; +} + +.img-container { + display: flex; + flex-direction: row; + flex-wrap: wrap; + gap: 1rem; +} + +img { + width: 17.5rem; + aspect-ratio: 1.33 / 1; + object-fit: cover; + border: 1px solid gray; + flex: 0 1 auto; +} + +.hero { + height: 100svh; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; +} + +.hero__intro { + font-size: clamp(1.5rem, 3vw, 4rem); +} + +.hero__year { + color: darkgreen; + font-size: clamp(1.5rem, 3vw, 4rem); +} + +pre { + color: lightgreen; + font-size: clamp(0.1rem, 1.5vw, 1rem); + width: 100ch; + margin: auto; + margin-top: 32px; + margin-bottom: 32px; +} + +header { + position: sticky; + padding: 0.5rem; + top: 0; + z-index: 10; + background-color: black; +} + +.nav-list { + padding: 0; + display: grid; + grid-template-columns: repeat(3, 1fr); + + > li { + margin: 0 auto; + } +} + +main { + width: clamp(15rem, 90%, 75rem); + margin: 0 auto; + + display: flex; + flex-direction: column; +} + +section { + display: flex; + flex-direction: column; +} + +section[id] { + padding-top: 3rem; +} + +section > h2 { + color: grey; +} + +span { + display: inline-block; +} + +.register__list > li { + margin-bottom: 0.5rem; +} + +footer { + display: flex; + flex-direction: column; + align-items: center; + margin-top: 1rem; + padding: 1rem; + + .icons { + display: flex; + gap: 0.5rem; + + & .icon { + width: 1.5em; + height: 1.5em; + } + } +}