hack-wpi-static/index.html
Nikita Ostapenko 130ddccffe
Some checks failed
Add MLH Banner / Add-MLH-Banner (push) Has been cancelled
📝 docs(conduct): add HTML code of conduct
Replaced the Markdown code of conduct (conduct/conduct.md) with an HTML
version at conduct/conduct.html. Updated index.html to point to the new
published page (hack.wpi.edu/conduct/conduct.html) and removed the old
Markdown source.
2025-11-26 22:05:37 -05:00

852 lines
35 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="generator" content="Mobirise v5.9.6, mobirise.com" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, minimum-scale=1"
/>
<link
rel="shortcut icon"
href="assets/images/goathacks2024goat3-128x142.png"
type="image/x-icon"
/>
<meta name="description" content="" />
<title>Home</title>
<link
rel="stylesheet"
href="assets/web/assets/mobirise-icons2/mobirise2.css"
/>
<link
rel="stylesheet"
href="assets/web/assets/mobirise-icons/mobirise-icons.css"
/>
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css" />
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap-grid.min.css" />
<link
rel="stylesheet"
href="assets/bootstrap/css/bootstrap-reboot.min.css"
/>
<link rel="stylesheet" href="assets/dropdown/css/style.css" />
<link rel="stylesheet" href="assets/socicon/css/styles.css" />
<link rel="stylesheet" href="assets/theme/css/style.css" />
<link
rel="preload"
href="https://fonts.googleapis.com/css?family=Jost:100,200,300,400,500,600,700,800,900,100i,200i,300i,400i,500i,600i,700i,800i,900i&display=swap"
as="style"
onload="this.onload=null;this.rel='stylesheet'"
/>
<noscript
><link
rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Jost:100,200,300,400,500,600,700,800,900,100i,200i,300i,400i,500i,600i,700i,800i,900i&display=swap"
/></noscript>
<link
rel="preload"
href="https://fonts.googleapis.com/css?family=Merriweather+Sans:300,400,500,600,700,800,300i,400i,500i,600i,700i,800i&display=swap"
as="style"
onload="this.onload=null;this.rel='stylesheet'"
/>
<noscript
><link
rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Merriweather+Sans:300,400,500,600,700,800,300i,400i,500i,600i,700i,800i&display=swap"
/></noscript>
<link
rel="preload"
href="https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap"
as="style"
onload="this.onload=null;this.rel='stylesheet'"
/>
<noscript
><link
rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap"
/></noscript>
<link
rel="preload"
as="style"
href="assets/mobirise/css/mbr-additional.css"
/>
<link
rel="stylesheet"
href="assets/mobirise/css/mbr-additional.css"
type="text/css"
/>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Jersey+10&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:ital@0;1&display=swap" rel="stylesheet">
</head>
<body onload="init()">
<script type="text/javascript" src="assets/countdown/script.js"></script>
<div class="flex text-3xl border-zinc-700 fixed w-screen border-b z-50 text-white game-font items-center justify-center flex-row py-3 pl-2 pr-40" style="background-color: #171717">
<a href="https://hack.wpi.edu" class="ml-4">
<img
src="assets/images/goathacks2024goat3-96x106.png"
alt="Hack@WPI 2021"
style="height: 3.2rem"
/>
</a>
<!-- MOBILE: hamburger button -->
<button id="hamburger" aria-label="Menu" aria-expanded="false" class="ml-auto mr-4 md:hidden inline-flex items-center p-2 rounded hover:bg-zinc-800 focus:outline-none">
<!-- simple hamburger icon -->
<svg class="w-6 h-6 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path>
</svg>
</button>
<!-- DESKTOP: inline links (hidden on small screens) -->
<div class="hidden md:flex md:visible ml-auto mr-5 items-center">
<div class="mr-5">
<a href="index.html#header12-2" class="hover:text-red-500 duration-100">REGISTER</a>
</div>
<div class="mr-5">
<a href="index.html#gallery6-1g" class="hover:text-red-500 duration-100">SPONSORS</a>
</div>
<div class="mr-5">
<a href="index.html#content17-y" class="hover:text-red-500 duration-100">FAQ</a>
</div>
<div class="mr-5">
<a href="index.html#contacts2-13" class="hover:text-red-500 duration-100">CONTACT</a>
</div>
</div>
<!-- MOBILE: dropdown menu (hidden by default) -->
<div id="mobile-menu" class="md:hidden hidden absolute top-full left-0 right-0 bg-[#171717] border-b border-zinc-700 z-40">
<nav class="flex flex-col py-2">
<a href="index.html#header12-2" class="block px-4 py-3 hover:bg-zinc-900 hover:text-red-500 !bg-none">REGISTER</a>
<a href="index.html#gallery6-1g" class="block px-4 py-3 hover:bg-zinc-900 hover:text-red-500 !bg-none">SPONSORS</a>
<a href="index.html#content17-y" class="block px-4 py-3 hover:bg-zinc-900 hover:text-red-500 !bg-none">FAQ</a>
<a href="index.html#contacts2-13" class="block px-4 py-3 hover:bg-zinc-900 hover:text-red-500 !bg-none">CONTACT</a>
</nav>
</div>
<script>
(function () {
var btn = document.getElementById('hamburger');
var menu = document.getElementById('mobile-menu');
if (!btn || !menu) return;
btn.addEventListener('click', function () {
var isHidden = menu.classList.contains('hidden');
menu.classList.toggle('hidden', !isHidden ? true : false);
btn.setAttribute('aria-expanded', isHidden ? 'true' : 'false');
});
// close menu on resize to desktop
window.addEventListener('resize', function () {
if (window.innerWidth >= 768) {
menu.classList.add('hidden');
btn.setAttribute('aria-expanded', 'false');
}
});
})();
</script>
</div>
<section data-bs-version="5.1" class="" id="image3-1">
<div
class="h-screen px-20 align-items-center flex flex-row items-center justify-center"
style="background-color: #171717"
>
<div class="col-12 col-lg-6 mr-auto">
<div class="image-wrapper">
<img src="assets/images/artboard-6-989x445.png" alt="Hack@WPI" />
</div>
<div
class="mbr-section-btn mt-3 d-flex flex-column align-items-center"
>
<h2 class="text-white mt-4 game-font text-6xl text-center">JAN 16th - 18th</h2>
<a
class="btn btn-secondary display-4"
href="https://docs.google.com/forms/d/e/1FAIpQLSfD0vpWA2FSYyPD__L9QzhuSpbVGjQFsxIK0A-MBse4ZZPv2Q/viewform?usp=header"
>REGISTER!</a>
</div>
</div>
<div class="image">
<img src="assets/images/svg-logo.svg" style=" width: 500px; animation: ycle-pulse 4s infinite linear;" alt="Hack@WPI Logo" />
</div>
</div>
</section>
<section>
<div class="countdown has-animation fadeInUp text-white bg-[#171717] mb-20 game-font flex justify-center items-center flex-col md:flex-row" data-date="Jan 16 2026 18:00:00">
<div class="counter flex flex-col justify-center items-center md:mr-16">
<span class="value text-6xl text-red-500" data-days>-</span>
<span class="suffix text-5xl">Days</span>
</div>
<div class="counter flex flex-col justify-center items-center md:mr-16">
<span class="value text-6xl text-red-500" data-hours>-</span>
<span class="suffix text-5xl ">Hours</span>
</div>
<div class="counter flex flex-col justify-center items-center md:mr-16">
<span class="value text-6xl text-red-500" data-minutes>-</span>
<span class="suffix text-5xl">Mins</span>
</div>
<div class="counter flex flex-col justify-center items-center md:mr-16">
<span class="value text-6xl text-red-500" data-seconds>-</span>
<span class="suffix text-5xl">Secs</span>
</div>
</div>
</section>
<section
data-bs-version="5.1"
class="slider4 mbr-embla cid-t5rSAuN6jS"
id="slider4-10"
style="background-color: #171717"
>
<div class="grid md:grid-cols-2 grid-cols-1 pl-8 md:pl-0 gap-8 md:gap-0 mb-56 ">
<div class="pr-2">
<div class="image-container">
<img
src="assets/images/14054333-3626242934684-2993608365764809290-o-708x469.jpg"
/>
</div>
</div>
<div class="flex items-end pl-8 pr-4 md:pl-32 md:pr-16 justify-center flex-col">
<h1 class=" text-right text-red-500 text-7xl mb-4 game-font">BUILD ANYTHING.</h1>
<p class="text-right text-white text-3xl font-semibold roboto-mono-font">At GoatHacks, the sky is the limit with what you can create. We support all projects, virtual or physical, and will the resources you need to help you build your project.</p>
</div>
</div>
<div class="grid md:grid-cols-2 grid-cols-1 pl-8 md:pl-0 gap-8 md:gap-2 my-56">
<div class="pl-2 order-1 md:!order-2">
<div class="image-container-alt after::-left-24">
<img
src="assets/images/img-4527-886x591.jpg"
/>
</div>
</div>
<div class="flex items-start pr-8 pl-4 md:pr-32 md:pl-16 justify-center flex-col order-2 md:!order-1">
<h1 class=" text-left text-red-500 text-7xl mb-4 game-font">COLLABORATE.</h1>
<p class="text-left text-white text-3xl font-semibold roboto-mono-font">Find your people at GoatHacks. Come with a team, or find a new one at our event! (Or go solo, if that's your thing).</p>
</div>
</div>
<div class="grid md:grid-cols-2 pr-4 pl-8 md:p-0 grid-cols-1 md:gap-0 gap-8 mb-56">
<div class="pr-2">
<div class="image-container">
<img
src="assets/images/img-20190118-181610-708x531.jpg"
/>
</div>
</div>
<div class="flex items-end md:pl-32 md:pr-16 justify-center flex-col">
<h1 class=" text-right text-red-500 text-7xl mb-4 game-font">LEARN.</h1>
<p class="text-right text-white text-3xl font-semibold roboto-mono-font">Whether you're a seasoned hacker or starting for the first time, we've got you covered. We'll be hosting workshops and events from industry experts to help you learn new skills and reinforce existing ones.</p>
</div>
</div>
</section>
<section
data-bs-version="5.1"
class="gallery6 mbr-gallery"
id="gallery6-1g"
style="background-color: #171717"
>
<div class="container">
<div class="mbr-section-head">
<div class="section-head align-center mb-4">
<h3
class="game-font text-6xl text-red-500 font-bold mb-24"
>
<strong>SPONSORS</strong>
</h3>
</div>
</div>
<div class="row my-4 flex flex-row justify-center">
<div class="flex justify-center">
<a href="https://acm.wpi.edu/" class="w-60 mx-5">
<img
src="assets/images/sponsors/ACM.svg"
alt="" />
</a>
<a href="https://www.hntb.com/"
class="w-50 mx-5">
<img
src="assets/images/sponsors/hntb.svg"
alt="" />
</a>
</div>
<div class="row my-3 flex justify-center">
<a href="https://www.riversideresearch.org/" class="w-75 mx-5">
<img
src="assets/images/sponsors/riversidelogo.png"
alt=""
/>
</div>
</div>
</div>
<div class="row my-4 flex justify-center">
<a href="https://www.wpi.edu/academics/departments/computer-science" class="w-75 mx-5">
<img
src="assets/images/sponsors/WPI-CS.svg"
alt=""
/>
</a>
</div>
</div>
</div>
<div
class="modal mbr-slider"
tabindex="-1"
role="dialog"
aria-hidden="true"
id="tXBhlX547h-modal"
>
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-body">
<div
class="carousel slide"
id="lb-tXBhlX547h"
data-interval="5000"
data-bs-interval="5000"
>
<div class="carousel-inner">
<div class="carousel-item active">
<img
class="d-block w-100"
src="assets/images/mathworks-logo-one-color-reversed-1-1239x264.png"
alt=""
/>
</div>
<div class="carousel-item">
<img
class="d-block w-100"
src="assets/images/draftkings-white-1076x559.png"
alt=""
/>
</div>
</div>
<ol class="carousel-indicators">
<li
data-slide-to="0"
data-bs-slide-to="0"
class="active"
data-target="#lb-tXBhlX547h"
data-bs-target="#lb-tXBhlX547h"
></li>
<li
data-slide-to="1"
data-bs-slide-to="1"
data-target="#lb-tXBhlX547h"
data-bs-target="#lb-tXBhlX547h"
></li>
</ol>
<a
role="button"
href=""
class="close"
data-dismiss="modal"
data-bs-dismiss="modal"
aria-label="Close"
>
</a>
<a
class="carousel-control-prev carousel-control"
role="button"
data-slide="prev"
data-bs-slide="prev"
href="#lb-tXBhlX547h"
>
<span
class="mobi-mbri mobi-mbri-arrow-prev"
aria-hidden="true"
></span>
<span class="sr-only visually-hidden">Previous</span>
</a>
<a
class="carousel-control-next carousel-control"
role="button"
data-slide="next"
data-bs-slide="next"
href="#lb-tXBhlX547h"
>
<span
class="mobi-mbri mobi-mbri-arrow-next"
aria-hidden="true"
></span>
<span class="sr-only visually-hidden">Next</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section
data-bs-version="5.1"
class="info1 cid-sU9iJiwiKR"
id="info1-z"
style="background-color: #171717"
>
<div class="align-center container">
<div class="row justify-content-center">
<div class="col-12 col-lg-8">
<h3 class="mbr-section-title mb-4 text-4xl roboto-mono-font">
<strong><br /></strong><strong>Looking to Sponsor?</strong>
</h3>
<p class="mbr-text mb-5 roboto-mono-font text-3xl">
<strong>
See our sponsor packet below and reach out to us <a class="underline" href="mailto:hack@wpi.edu">here!</a>
</strong>
</p>
<div class="mbr-section-btn">
<a
class="btn btn-secondary display-4"
href="https://drive.google.com/file/d/1VEN18KxMa16ieQi7bg_pKZFg2qMq54PG/view?usp=sharing"
target="_blank"
>
<h1 class="game-font text-2xl">Sponsorship Packet</h1>
</a
>
</div>
</div>
</div>
</div>
</section>
<section
data-bs-version="5.1"
class="content17 cid-sU9izjxqWU"
style="background-color: #171717"
id="content17-y"
>
<div class="container">
<div class="row justify-content-center">
<div class="col-12 col-md-10">
<div class="section-head align-center mb-4">
<h3
class="game-font text-6xl text-red-500 font-bold"
>
<strong>FAQ</strong>
</h3>
</div>
<div
id="bootstrap-toggle"
class="toggle-panel accordionStyles tab-content "
>
<div class="card mb-3">
<div class="card-header" role="tab" id="headingOne">
<a
role="button"
class="collapsed panel-title text-white"
data-toggle="collapse"
data-bs-toggle="collapse"
data-core=""
href="#collapse1_8"
aria-expanded="false"
aria-controls="collapse1"
>
<h6
class="text-white roboto-mono-font panel-title-edit mb-0 text-4xl"
>
<strong>Will there be food or refreshments?</strong>
</h6>
<span
class="sign mbr-iconfont mbri-arrow-down text-white"
></span>
</a>
</div>
<div
id="collapse1_8"
class="panel-collapse noScroll collapse"
role="tabpanel"
aria-labelledby="headingOne"
style="visibility: visible;"
>
<div class="panel-body">
<p class="text-2xl text-gray-300 roboto-mono-font panel-text">
Yes, we will be providing food and refreshments for all
attendants, more information to come!
</p>
</div>
</div>
</div>
<div class="card mb-3">
<div class="card-header" role="tab" id="headingTwo">
<a
role="button"
class="collapsed panel-title text-white"
data-toggle="collapse"
data-bs-toggle="collapse"
data-core=""
href="#collapse2_8"
aria-expanded="false"
aria-controls="collapse2"
>
<h6
class="text-white roboto-mono-font panel-title-edit mb-0 text-4xl"
>
<strong>Who can attend?&nbsp;</strong>
</h6>
<span
class="sign mbr-iconfont mbri-arrow-down text-white"
></span>
</a>
</div>
<div
id="collapse2_8"
class="panel-collapse noScroll collapse"
role="tabpanel"
aria-labelledby="headingTwo"
style="visibility: visible;"
>
<div class="panel-body">
<p class="text-2xl text-gray-300 roboto-mono-font panel-text">
Anyone who is attending a university! Hackers must be 18+
years old and must be attending a college or university to
participate.<br /><br />
</p>
</div>
</div>
</div>
<div class="card mb-3">
<div class="card-header" role="tab" id="headingThree">
<a
role="button"
class="collapsed panel-title text-white"
data-toggle="collapse"
data-bs-toggle="collapse"
data-core=""
href="#collapse3_8"
aria-expanded="false"
aria-controls="collapse3"
>
<h6
class="text-white roboto-mono-font panel-title-edit mb-0 text-4xl"
>
<strong
>Do I need to know how to code in order to
participate?</strong
>
</h6>
<span
class="sign mbr-iconfont mbri-arrow-down text-white"
></span>
</a>
</div>
<div
id="collapse3_8"
class="panel-collapse noScroll collapse"
role="tabpanel"
aria-labelledby="headingThree"
style="visibility: visible;"
>
<div class="panel-body">
<p class="text-2xl text-gray-300 roboto-mono-font panel-text">
You do NOT need to know how to code in order to
participate! GoatHacks is open to all kinds of STEAM
disciplines, and we encourage both software and hardware
hacks. This means the event is not limited to just CS
majors or programmers -- practically anybody can
participate.&nbsp;<br />
</p>
</div>
</div>
</div>
<div class="card mb-3">
<div class="card-header" role="tab" id="headingThree">
<a
role="button"
class="collapsed panel-title text-white"
data-toggle="collapse"
data-bs-toggle="collapse"
data-core=""
href="#collapse4_8"
aria-expanded="false"
aria-controls="collapse4"
>
<h6
class="text-white roboto-mono-font panel-title-edit mb-0 text-4xl"
>
<strong>Will hardware and tools be offered?</strong>
</h6>
<span
class="sign mbr-iconfont mbri-arrow-down text-white"
></span>
</a>
</div>
<div
id="collapse4_8"
class="panel-collapse noScroll collapse"
role="tabpanel"
aria-labelledby="headingThree"
style="visibility: visible;"
>
<div class="panel-body">
<p class="text-2xl text-gray-300 roboto-mono-font panel-text">
Tools, hardware and machines are available to WPI students
in the Makerspace in the Innovation Studio; students
should see
<a
href="https://makerspace.wpi.edu"
class="text-info text-white"
>makerspace.wpi.edu</a
>
for more details. <br /><br />
</p>
</div>
</div>
</div>
<div class="card mb-3">
<div class="card-header" role="tab" id="headingThree">
<a
role="button"
class="collapsed panel-title text-white"
data-toggle="collapse"
data-bs-toggle="collapse"
data-core=""
href="#collapse5_8"
aria-expanded="false"
aria-controls="collapse5"
>
<h6
class="text-white roboto-mono-font panel-title-edit mb-0 text-4xl"
>
<strong>How big can the teams be?</strong>
</h6>
<span
class="mbr-iconfont mobi-mbri-arrow-down mobi-mbri text-white"
></span>
</a>
</div>
<div
id="collapse5_8"
class="panel-collapse noScroll collapse"
role="tabpanel"
aria-labelledby="headingThree"
style="visibility: visible;"
>
<div class="panel-body">
<p class="text-2xl text-gray-300 roboto-mono-font panel-text">
Teams can range anywhere from 1 to 5 people.<br /><br />
</p>
</div>
</div>
</div>
<div class="card mb-3">
<div class="card-header" role="tab" id="headingThree">
<a
role="button"
class="collapsed panel-title text-white"
data-toggle="collapse"
data-bs-toggle="collapse"
data-core=""
href="#collapse6_8"
aria-expanded="false"
aria-controls="collapse6"
>
<h6
class="text-white roboto-mono-font panel-title-edit mb-0 text-4xl"
>
<strong
>What if I'm a WPI student living off-campus and wish to
work overnight?</strong
>
</h6>
<span
class="mbr-iconfont mobi-mbri-arrow-down mobi-mbri text-white"
></span>
</a>
</div>
<div
id="collapse6_8"
class="panel-collapse noScroll collapse"
role="tabpanel"
aria-labelledby="headingThree"
style="visibility: visible;"
>
<div class="panel-body">
<p class="text-2xl text-gray-300 roboto-mono-font panel-text">
The venue will be open over night for all participants to
stay and work!
</p>
</div>
</div>
</div>
<div class="card mb-3">
<div class="card-header" role="tab" id="headingThree">
<a
role="button"
class="collapsed panel-title text-white"
data-toggle="collapse"
data-bs-toggle="collapse"
data-core=""
href="#collapse7_8"
aria-expanded="false"
aria-controls="collapse6"
>
<h6
class="text-white roboto-mono-font panel-title-edit mb-0 text-4xl"
>
<strong
>
Code of Conduct
</strong
>
</h6>
<span
class="mbr-iconfont mobi-mbri-arrow-down mobi-mbri text-white"
></span>
</a>
</div>
<div
id="collapse7_8"
class="panel-collapse noScroll collapse"
role="tabpanel"
aria-labelledby="headingThree"
style="visibility: visible;"
>
<div class="panel-body">
<p class="text-2xl text-gray-300 roboto-mono-font panel-text">
You can find the full code of conduct here <a class="underline" href="./conduct/conduct.html">hack.wpi.edu/conduct/conduct.html</a>
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section
data-bs-version="5.1"
class="contacts2 cid-t5zRJx1DXX"
style="background-color: #171717"
id="contacts2-13"
>
<div class="container">
<div class="flex justify-center items-center">
<img
class="w-60 mb-4 -mt-20"
src="assets/images/GOATED.png"></img>
</div>
<div class="flex items-center justify-center">
<a href="https://www.instagram.com/goathacks_wpi/">
<svg
xmlns="http://www.w3.org/2000/svg"
width="40"
height="40"
fill="#fff"
class="bi bi-instagram mr-8 hover:cursor-pointer"
viewBox="0 0 16 16"
>
<path
d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.9 3.9 0 0 0-1.417.923A3.9 3.9 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.9 3.9 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.9 3.9 0 0 0-.923-1.417A3.9 3.9 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599s.453.546.598.92c.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.5 2.5 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.5 2.5 0 0 1-.92-.598 2.5 2.5 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233s.008-2.388.046-3.231c.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92s.546-.453.92-.598c.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92m-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217m0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334"
/>
</svg>
</a>
<!-- <a href="https://discord.gg/goathacks"> -->
<svg
xmlns="http://www.w3.org/2000/svg"
width="40"
height="40"
fill="#fff"
class="bi bi-discord mr-8 hover:cursor-pointer"
viewBox="0 0 16 16"
>
<path
d="M13.545 2.907a13.2 13.2 0 0 0-3.257-1.011.05.05 0 0 0-.052.025c-.141.25-.297.577-.406.833a12.2 12.2 0 0 0-3.658 0 8 8 0 0 0-.412-.833.05.05 0 0 0-.052-.025c-1.125.194-2.22.534-3.257 1.011a.04.04 0 0 0-.021.018C.356 6.024-.213 9.047.066 12.032q.003.022.021.037a13.3 13.3 0 0 0 3.995 2.02.05.05 0 0 0 .056-.019q.463-.63.818-1.329a.05.05 0 0 0-.01-.059l-.018-.011a9 9 0 0 1-1.248-.595.05.05 0 0 1-.02-.066l.015-.019q.127-.095.248-.195a.05.05 0 0 1 .051-.007c2.619 1.196 5.454 1.196 8.041 0a.05.05 0 0 1 .053.007q.121.1.248.195a.05.05 0 0 1-.004.085 8 8 0 0 1-1.249.594.05.05 0 0 0-.03.03.05.05 0 0 0 .003.041c.24.465.515.909.817 1.329a.05.05 0 0 0 .056.019 13.2 13.2 0 0 0 4.001-2.02.05.05 0 0 0 .021-.037c.334-3.451-.559-6.449-2.366-9.106a.03.03 0 0 0-.02-.019m-8.198 7.307c-.789 0-1.438-.724-1.438-1.612s.637-1.613 1.438-1.613c.807 0 1.45.73 1.438 1.613 0 .888-.637 1.612-1.438 1.612m5.316 0c-.788 0-1.438-.724-1.438-1.612s.637-1.613 1.438-1.613c.807 0 1.451.73 1.438 1.613 0 .888-.631 1.612-1.438 1.612"
/>
</svg>
<!-- </a> -->
<a href="mailto:hack@wpi.edu">
<svg
xmlns="http://www.w3.org/2000/svg"
width="40"
height="40"
fill="#fff"
class="bi bi-envelope hover:cursor-pointer"
viewBox="0 0 16 16"
>
<path
d="M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2zm2-1a1 1 0 0 0-1 1v.217l7 4.2 7-4.2V4a1 1 0 0 0-1-1zm13 2.383-4.708 2.825L15 11.105zm-.034 6.876-5.64-3.471L8 9.583l-1.326-.795-5.64 3.47A1 1 0 0 0 2 13h12a1 1 0 0 0 .966-.741M1 11.105l4.708-2.897L1 5.383z"
/>
</svg>
</a>
</div>
</div>
</section>
<section
class="display-7"
style="
padding: 0;
align-items: center;
justify-content: center;
flex-wrap: wrap;
align-content: center;
display: none;
position: relative;
height: 4rem;
"
>
<a
href="https://mobiri.se/3103932"
style="
flex: 1 1;
height: 4rem;
position: absolute;
width: 100%;
z-index: 1;
"
><img
alt=""
style="height: 4rem"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
/></a>
<p style="margin: 0; text-align: center" class="display-7">&#8204;</p>
<a
style="z-index: 1"
href="https://mobirise.com/drag-drop-website-builder.html"
>Drag & Drop Website Builder</a
>
</section>
<script src="assets/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/smoothscroll/smooth-scroll.js"></script>
<script src="assets/ytplayer/index.js"></script>
<script src="assets/dropdown/js/navbar-dropdown.js"></script>
<script src="assets/embla/embla.min.js"></script>
<script src="assets/embla/script.js"></script>
<script src="assets/mbr-switch-arrow/mbr-switch-arrow.js"></script>
<script src="assets/theme/js/script.js"></script>
<!-- Insert MLH Banner Code Here -->
<a id="mlh-trust-badge" style="display:block;max-width:100px;min-width:60px;position:fixed;right:50px;top:0;width:10%;z-index:10000" href="https://mlh.io/na?utm_source=na-hackathon&utm_medium=TrustBadge&utm_campaign=2025-season&utm_content=red" target="_blank"><img src="https://s3.amazonaws.com/logged-assets/trust-badge/2026/mlh-trust-badge-2026-red.svg" alt="Major League Hacking 2026 Hackathon Season" style="width:100%"></a>
</body>
</html>