|
| 1 | +<!doctype html> |
| 2 | +<html> |
| 3 | + <head> |
| 4 | + <title>Fall Hacks 2025 | CSSS</title> |
| 5 | + <meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
| 6 | + <link rel="icon" type="image/png" href="/static/icons/favicon_colourful.svg" /> |
| 7 | + <link rel="stylesheet" href="style.css" /> |
| 8 | + </head> |
| 9 | + <body> |
| 10 | + <header> |
| 11 | + <nav> |
| 12 | + <ul class="nav-list"> |
| 13 | + <li><a href="#about">About</a></li> |
| 14 | + <li><a href="#register">Register</a></li> |
| 15 | + <li><a href="#faq">FAQ</a></li> |
| 16 | + </ul> |
| 17 | + </nav> |
| 18 | + </header> |
| 19 | + <div class="hero"> |
| 20 | + <h1 class="hero__intro">SFU CSSS presents</h1> |
| 21 | + <pre> |
| 22 | + /@@@@@@@@@@@, |
| 23 | + /@@# |
| 24 | + *@@@((#%##@@/<b> ,@@@@@@@#%/</b> |
| 25 | + @@@@@@@@@@@@ .@@@@@@#%#@@#<b> #@@@@@@@@@, (##%(,</b> |
| 26 | + %@@/ #@@.<b> ,@@@@@* #@@@@@@@@ (,</b> |
| 27 | + (@@* #@@*<b> %@@@@@@@@@/ @@@@@.@@@@. /@@@@@*</b> |
| 28 | + *@@# (@@(<b> ,@@@@@#/#@@ @@@@@,*@@@@( #@@@@# %@@@@@.</b> |
| 29 | + .@@# *@@%<b> %@@@@@ (@@@@@@##@@@@% ,@@@@@, .@@@@@#</b> |
| 30 | + #@@. .*/((#%%@@@#<b> .,*/#/ #@@@@@@@@@@@@@@, #@@@@# (@@@@@.</b> |
| 31 | + #@@@@@@@@@@@ %@@@##%#((/,<b> ,*/##@. @@@@@/ *@@@@@( @@@@@%</b> |
| 32 | + ..<b> ,*// %@@@@@@@@@* (@@@@@.</b> |
| 33 | + (@@@@@@@@@@@*<b> .*/#% #@@@@@@@@@,</b> |
| 34 | + ,@@%<b> .*/#%@@</b> |
| 35 | + ..,,*** @@@@@@@@@@@@@@@@@*<b> ,*..</b> |
| 36 | + %@@@@@@@@@@@@@@@#. /#((/**,.. .#@@%<b> (@@@@@@@@/</b> |
| 37 | + %@@( ..,,**/(##%#@@@@@*<b> . (@@@@@ %@@@@#, ..(</b> |
| 38 | + #@@@###@@@@@@@@@@@@( /@@@@@@@@##%%%#(//*,.<b> /@@@@@*.@@@@@, %@@@@@@@@@@#.</b> |
| 39 | +/###%%#((/*,.. /@@#<b> %@@@@@# %@@@@#/@@@@% ,%@@@@@@@@@@</b> |
| 40 | + ....,,*/(##@@#<b> .@@@@@@@@@, *@@@@@@@@@@@, ##(/,/#@@@@/</b> |
| 41 | +%@@@@@@@@@@@@@####%#*<b> @@@@@@@@ ,@@@@@( #@@@@@%@@@@@@. .@@@@@@@@# |
| 42 | + ./%/ @@@@@@@@@* #@@@@@ , .@@@@@% *@@@@@@* . |
| 43 | + ./#@/ #@@@@@. ,@@@@##@@@@@. ,@@@@@@#.,#@@ (@@@@@* ,#%/. |
| 44 | + %@@@@@ @@@@@# (@@@@# /@@@@@, (@@@@@@@@@@% (* |
| 45 | + ,@@@@@%./#@@@@@@, (@@@@@@@@@@@@@#. *@#@@#, |
| 46 | + (@@@@@@@@@@@@@@# #@@@@@%* @@@@@@* |
| 47 | + #@@@@# .@@@@@/ #@@@@# |
| 48 | + *@@@@@( %@@@@@. |
| 49 | + #@@@@#</b> |
| 50 | + </pre> |
| 51 | + <strong class="hero__year">v2025.09.27</strong> |
| 52 | + </div> |
| 53 | + |
| 54 | + <main> |
| 55 | + <section id="info"> |
| 56 | + <h2> |
| 57 | + <span>Get ready for...</span> <span><b>FALL HACKS 2025!</b></span> |
| 58 | + </h2> |
| 59 | + <p><span>Saturday, September 27th,</span> <span>8:00AM - 9:00PM</span></p> |
| 60 | + <p>SFU Burnaby Campus</p> |
| 61 | + <p> |
| 62 | + Brought to you by the |
| 63 | + <span |
| 64 | + ><a href="https://sfucsss.org" target="_blank" |
| 65 | + >Computing Science Student Society</a |
| 66 | + ></span |
| 67 | + > |
| 68 | + </p> |
| 69 | + </section> |
| 70 | + |
| 71 | + <section id="about"> |
| 72 | + <h2>About</h2> |
| 73 | + |
| 74 | + <b>What is Fall Hacks?</b> |
| 75 | + |
| 76 | + <p> |
| 77 | + This is the 6th iteration of Fall Hacks, an annual hackathon hosted by the SFU Computing |
| 78 | + Science Student Society. This 13-hour event brings together over 200 students to build |
| 79 | + creative projects, learn from workshops, and connect with companies! It will be hosted at |
| 80 | + SFU Burnaby Campus on <b>September 27, from 8AM to 9PM.</b> |
| 81 | + </p> |
| 82 | + |
| 83 | + <b>Why participate in Fall Hacks?</b> |
| 84 | + |
| 85 | + We emphasize learning and creativity over commercial feasibility. This is an opportunity to |
| 86 | + spend a weekend tinkering with your favourite technologies to create something fun and |
| 87 | + interesting. Fall Hacks is the perfect event for everyone from fresh first years to seasoned |
| 88 | + CS veterans. |
| 89 | + </section> |
| 90 | + |
| 91 | + <section id="register"> |
| 92 | + <h2>Register & Contact</h2> |
| 93 | + <ul class="register__list"> |
| 94 | + <li> |
| 95 | + <a |
| 96 | + href="https://docs.google.com/forms/d/e/1FAIpQLSfSeWJ09AEgwjZjEEANhMs_yWL8y-4nFAmIzb1qKHNsTX4NUQ/viewform?usp=sharing&ouid=111801379333111153622" |
| 97 | + target="_blank" |
| 98 | + > |
| 99 | + Register</a |
| 100 | + > |
| 101 | + <span> (closes September 25 @ 11:59PM)</span> |
| 102 | + </li> |
| 103 | + |
| 104 | + <li><a href="https://discord.gg/sfucsss" target="_blank">SFU CSSS Discord</a></li> |
| 105 | + |
| 106 | + <li> |
| 107 | + <a href="mailto:csss-hackathonchair@sfu.ca" target="_blank">Email the organizers</a> |
| 108 | + </li> |
| 109 | + </ul> |
| 110 | + </section> |
| 111 | + |
| 112 | + <section id="faq"> |
| 113 | + <h2>Frequently Asked Questions...</h2> |
| 114 | + |
| 115 | + <h3>Wait, what actually is a hackathon?</h3> |
| 116 | + <p> |
| 117 | + A hackathon is an event where teams work on a project inspired by an event-provided theme. |
| 118 | + You will have 12 hours to develop something cool at Fall Hacks. Your team will start from |
| 119 | + scratch and try to make the coolest thing they can before the time is up. |
| 120 | + </p> |
| 121 | + |
| 122 | + <h3>Where is Fall Hacks?</h3> |
| 123 | + <p> |
| 124 | + This year will be in-person. Registration will be at the ASB entrance. Most of the day-of |
| 125 | + activities, like workshops, will be held in TASC or ASB. You are free to hack at other |
| 126 | + open locations on campus. |
| 127 | + </p> |
| 128 | + |
| 129 | + <h3>Why should I participate?</h3> |
| 130 | + <p> |
| 131 | + You get experience with new technologies and navigate teamwork dynamics to accomplish a |
| 132 | + goal. Hackathon projects are also a great addition to a resume! There are also prizes and |
| 133 | + free food. |
| 134 | + </p> |
| 135 | + |
| 136 | + <h3>I am in my first year/don't have much experience, should I still participate?</h3> |
| 137 | + <p> |
| 138 | + Yes! This hackathon is a great learning opportunity for people with less development |
| 139 | + experience. We'll also be hosting HACKATHON 101 workshops the week leading up to Fall |
| 140 | + Hacks to prepare you for the event. |
| 141 | + </p> |
| 142 | + |
| 143 | + <h3>Can I work on my previous projects?</h3> |
| 144 | + <p> |
| 145 | + No, we want you to create awesome things from scratch in 13 hours. Starting from an |
| 146 | + existing project is against the spirit of the event. Existing open-source libraries and |
| 147 | + frameworks are fine, of course. Ask an organizer if you are unsure. |
| 148 | + </p> |
| 149 | + </section> |
| 150 | + |
| 151 | + <section id="gallery"> |
| 152 | + <h2>Gallery</h2> |
| 153 | + |
| 154 | + <div class="img-container"> |
| 155 | + <img src="img1.png" /> |
| 156 | + <img src="img2.png" /> |
| 157 | + <img src="img3.png" /> |
| 158 | + <img src="img7.jpg" /> |
| 159 | + <img src="img6.jpg" /> |
| 160 | + <img src="img8.jpg" /> |
| 161 | + <img src="img9.jpg" /> |
| 162 | + <img src="img5.jpg" /> |
| 163 | + </div> |
| 164 | + </section> |
| 165 | + </main> |
| 166 | + |
| 167 | + <footer> |
| 168 | + <small>#FallHacks2025</small> |
| 169 | + <div class="icons"> |
| 170 | + <a href="mailto:csss-hackathonchair@sfu.ca" target="_blank"> |
| 171 | + <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> |
| 172 | + <path |
| 173 | + fill="#fff" |
| 174 | + d="M48 64C21.5 64 0 85.5 0 112c0 15.1 7.1 29.3 19.2 38.4L236.8 313.6c11.4 8.5 27 8.5 38.4 0L492.8 150.4c12.1-9.1 19.2-23.3 19.2-38.4c0-26.5-21.5-48-48-48L48 64zM0 176L0 384c0 35.3 28.7 64 64 64l384 0c35.3 0 64-28.7 64-64l0-208L294.4 339.2c-22.8 17.1-54 17.1-76.8 0L0 176z" |
| 175 | + /> |
| 176 | + </svg> |
| 177 | + </a> |
| 178 | + <a href="https://www.linkedin.com/company/sfucsss/" target="_blank"> |
| 179 | + <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"> |
| 180 | + <path |
| 181 | + fill="#fff" |
| 182 | + d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z" |
| 183 | + /> |
| 184 | + </svg> |
| 185 | + </a> |
| 186 | + <a href="https://www.instagram.com/sfu_csss/" target="_blank"> |
| 187 | + <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"> |
| 188 | + <path |
| 189 | + fill="#fff" |
| 190 | + d="M194.4 211.7a53.3 53.3 0 1 0 59.3 88.7 53.3 53.3 0 1 0 -59.3-88.7zm142.3-68.4c-5.2-5.2-11.5-9.3-18.4-12c-18.1-7.1-57.6-6.8-83.1-6.5c-4.1 0-7.9 .1-11.2 .1c-3.3 0-7.2 0-11.4-.1c-25.5-.3-64.8-.7-82.9 6.5c-6.9 2.7-13.1 6.8-18.4 12s-9.3 11.5-12 18.4c-7.1 18.1-6.7 57.7-6.5 83.2c0 4.1 .1 7.9 .1 11.1s0 7-.1 11.1c-.2 25.5-.6 65.1 6.5 83.2c2.7 6.9 6.8 13.1 12 18.4s11.5 9.3 18.4 12c18.1 7.1 57.6 6.8 83.1 6.5c4.1 0 7.9-.1 11.2-.1c3.3 0 7.2 0 11.4 .1c25.5 .3 64.8 .7 82.9-6.5c6.9-2.7 13.1-6.8 18.4-12s9.3-11.5 12-18.4c7.2-18 6.8-57.4 6.5-83c0-4.2-.1-8.1-.1-11.4s0-7.1 .1-11.4c.3-25.5 .7-64.9-6.5-83l0 0c-2.7-6.9-6.8-13.1-12-18.4zm-67.1 44.5A82 82 0 1 1 178.4 324.2a82 82 0 1 1 91.1-136.4zm29.2-1.3c-3.1-2.1-5.6-5.1-7.1-8.6s-1.8-7.3-1.1-11.1s2.6-7.1 5.2-9.8s6.1-4.5 9.8-5.2s7.6-.4 11.1 1.1s6.5 3.9 8.6 7s3.2 6.8 3.2 10.6c0 2.5-.5 5-1.4 7.3s-2.4 4.4-4.1 6.2s-3.9 3.2-6.2 4.2s-4.8 1.5-7.3 1.5l0 0c-3.8 0-7.5-1.1-10.6-3.2zM448 96c0-35.3-28.7-64-64-64H64C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96zM357 389c-18.7 18.7-41.4 24.6-67 25.9c-26.4 1.5-105.6 1.5-132 0c-25.6-1.3-48.3-7.2-67-25.9s-24.6-41.4-25.8-67c-1.5-26.4-1.5-105.6 0-132c1.3-25.6 7.1-48.3 25.8-67s41.5-24.6 67-25.8c26.4-1.5 105.6-1.5 132 0c25.6 1.3 48.3 7.1 67 25.8s24.6 41.4 25.8 67c1.5 26.3 1.5 105.4 0 131.9c-1.3 25.6-7.1 48.3-25.8 67z" |
| 191 | + /> |
| 192 | + </svg> |
| 193 | + </a> |
| 194 | + <a href="http://discord.gg/sfucsss" target="_blank"> |
| 195 | + <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"> |
| 196 | + <path |
| 197 | + fill="#fff" |
| 198 | + d="M524.5 69.8a1.5 1.5 0 0 0 -.8-.7A485.1 485.1 0 0 0 404.1 32a1.8 1.8 0 0 0 -1.9 .9 337.5 337.5 0 0 0 -14.9 30.6 447.8 447.8 0 0 0 -134.4 0 309.5 309.5 0 0 0 -15.1-30.6 1.9 1.9 0 0 0 -1.9-.9A483.7 483.7 0 0 0 116.1 69.1a1.7 1.7 0 0 0 -.8 .7C39.1 183.7 18.2 294.7 28.4 404.4a2 2 0 0 0 .8 1.4A487.7 487.7 0 0 0 176 479.9a1.9 1.9 0 0 0 2.1-.7A348.2 348.2 0 0 0 208.1 430.4a1.9 1.9 0 0 0 -1-2.6 321.2 321.2 0 0 1 -45.9-21.9 1.9 1.9 0 0 1 -.2-3.1c3.1-2.3 6.2-4.7 9.1-7.1a1.8 1.8 0 0 1 1.9-.3c96.2 43.9 200.4 43.9 295.5 0a1.8 1.8 0 0 1 1.9 .2c2.9 2.4 6 4.9 9.1 7.2a1.9 1.9 0 0 1 -.2 3.1 301.4 301.4 0 0 1 -45.9 21.8 1.9 1.9 0 0 0 -1 2.6 391.1 391.1 0 0 0 30 48.8 1.9 1.9 0 0 0 2.1 .7A486 486 0 0 0 610.7 405.7a1.9 1.9 0 0 0 .8-1.4C623.7 277.6 590.9 167.5 524.5 69.8zM222.5 337.6c-29 0-52.8-26.6-52.8-59.2S193.1 219.1 222.5 219.1c29.7 0 53.3 26.8 52.8 59.2C275.3 311 251.9 337.6 222.5 337.6zm195.4 0c-29 0-52.8-26.6-52.8-59.2S388.4 219.1 417.9 219.1c29.7 0 53.3 26.8 52.8 59.2C470.7 311 447.5 337.6 417.9 337.6z" |
| 199 | + /> |
| 200 | + </svg> |
| 201 | + </a> |
| 202 | + </div> |
| 203 | + </footer> |
| 204 | + </body> |
| 205 | +</html> |
0 commit comments