ACM/hack-wpi-static
5
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Compare commits

merge into: ACM:update-timer
Branches Tags
ACM:master
ACM:update-timer
ACM:2025
ACM:2024-dev
ACM:2023-dev
ACM:mobirise-postproc
...
pull from: ACM:master
Branches Tags
ACM:master
ACM:update-timer
ACM:2025
ACM:2024-dev
ACM:2023-dev
ACM:mobirise-postproc
Sign in to create a new pull request.

9 commits
update-tim ... master

Author SHA1 Message Date
Nikita Ostapenko
130ddccffe 📝 docs(conduct): add HTML code of conduct
Some checks failed
Add MLH Banner / Add-MLH-Banner (push) Has been cancelled
Details 
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
Nikita Ostapenko
0eb9377c07 📝 docs(conduct): add Code of Conduct page 
Add MLH Code of Conduct at conduct/conduct.md and add a
"Code of Conduct" card to index.html linking to the document.
This provides reporting procedures, contact details, and
guidelines for event behavior.
 2025-11-26 22:02:11 -05:00
Nikita Ostapenko
3741d3a264 🎨 style(nav): remove bg from mobile menu links
Some checks failed
Add MLH Banner / Add-MLH-Banner (push) Has been cancelled
Details 
Add the !bg-none utility to mobile menu anchor classes so links do not
retain an unwanted background. Ensures hover styles render correctly and
prevents persistent background color in the mobile dropdown menu.
 2025-11-24 21:10:30 -05:00
Nikita Ostapenko
957b555026 💄 fix(ui): improve responsive layout
Some checks are pending
Add MLH Banner / Add-MLH-Banner (push) Waiting to run
Details 
Adjust responsive grid and padding classes to improve mobile layout.
Add md:grid-cols-2 and mobile-first grid-cols-1, tweak gaps and
padding to align images and text across breakpoints. Center the
hero date heading, add md visibility where needed, and reorder
columns so content stacks in the intended order on small screens.
 2025-11-24 20:57:56 -05:00
Nikita Ostapenko
5d8ffb51fe ✨ feat(header): add responsive navigation 
Add a responsive header with a mobile hamburger menu and desktop
inline links. Adds an accessible toggle button (aria-label and
aria-expanded), a mobile dropdown hidden by default, and a small
script to toggle the menu and auto-close when resizing to desktop
widths. Uses Tailwind responsive utilities (md:hidden/hidden) to
preserve existing link targets and improve navigation on small
screens.
 2025-11-24 20:12:18 -05:00
Nikita Ostapenko
7e6d8ac2fc ✨ feat(nav): responsive header & mobile menu 
Add responsive header layout with a hamburger button for mobile and an
accessible dropdown menu for small screens. Desktop navigation links are
kept inline and hidden on mobile. Include JS to toggle the menu and to
close it on resize. Adjust countdown layout to stack on small screens
and display inline on medium+ screens.
 2025-11-24 20:11:58 -05:00
Nikita Ostapenko
eb9d15a12b Merge https://github.com/wpi-acm/hack-wpi-static
Some checks failed
Add MLH Banner / Add-MLH-Banner (push) Has been cancelled
Details
2025-11-21 21:05:00 -05:00
Aidan-3663
0202f4713a
Testing Timer Fix 2025-11-21 14:25:44 -05:00
Nikita Ostapenko
27c0b73ef2 some working setup for 2026
Some checks are pending
Add MLH Banner / Add-MLH-Banner (push) Waiting to run
Details
2025-11-20 23:21:02 -05:00
2 changed files with 150 additions and 69 deletions
Show stats Expand all files Collapse all files

31
conduct/conduct.html Normal file
View file

@ -0,0 +1,31 @@
<p><strong>TL;DR. Be respectful. Harassment and abuse are never tolerated. If you are in a situation that makes you uncomfortable at an MLH Member Event, if the event itself creates an unsafe or inappropriate environment, or if interacting with an MLH representative or event organizer makes you uncomfortable, please report it using the procedures included in this document.</strong></p>
<p>Major League Hacking (MLH) stands for inclusivity. We believe that every single person has the right to hack in a safe and welcoming environment.</p>
<p>Harassment includes but is not limited to offensive verbal or written comments related to gender, age, sexual orientation, disability, physical appearance, body size, race, religion, social class, economic status, and veteran status. Additional cases of harassment include but are not limited to sharing sexual images, violent depictions, vulgar language, deliberate intimidation, stalking, following, brigading, doxxing, harassing photography or recording, sustained disruption of talks or other events, inappropriate physical contact, and unwelcome sexual attention. </p>
<p>In particular, attendees should not use sexualized images, activities, or other material both in their hacks and during the event. Booth staff (including volunteers) should not use sexualized clothing/uniforms/costumes or otherwise create a sexualized environment.</p>
<p>If what you’re doing is making someone feel uncomfortable, that counts as harassment and is enough reason to stop doing it. Participants asked to stop any harassing behavior are expected to comply immediately.</p>
<p>Sponsors, judges, mentors, volunteers, organizers, MLH staff, and anyone else participating in the event are also subject to the anti-harassment policy. </p>
<p>If a participant engages in harassing behavior, MLH may take any action it deems appropriate, including warning the offender or expulsion from the event with no eligibility for reimbursement or refund of any type.</p>
<p>If you are being harassed, notice that someone else is being harassed, or have any other concerns, please contact MLH using the reporting procedures defined below.</p>
<p>MLH representatives can help participants contact campus security or local law enforcement, provide escorts, or otherwise assist those experiencing harassment to feel safe for the duration of the event. We value your attendance.</p>
<p>We expect participants to follow these rules at all hackathon venues, hackathon-related social events, hackathon-supplied transportation, and online interactions related to the event.</p>
<h2 id="reporting-procedures">Reporting Procedures</h2>
<p>If you feel uncomfortable or think there may be a potential violation of the code of conduct, please report it immediately using one of the following methods. All reporters have the right to remain anonymous.</p>
<p>By sending information to the general reporting line, your report will go to our incident response team members.</p>
<ul>
<li>North America General Reporting - +1 409 202 6060, incidents@mlh.io</li>
<li>Canada General Reporting - +1 343 453 4532, incidents@mlh.io</li>
<li>Europe General Reporting - +44 800 808 5675, incidents@mlh.io</li>
<li>Asia-Pacific General Reporting - +91 000 80004 02492, incidents@mlh.io</li>
<li>India General Reporting - 000 80004 02492, incidents@mlh.io</li>
</ul>
<h2 id="special-incidents">Special Incidents</h2>
<p>If you are uncomfortable reporting your situation to one or more of these people or need to contact any of them directly in case of emergency, direct contact details are listed below.</p>
<ul>
<li>Mary Siebert - +1 (516) 362-1835, mary@mlh.io</li>
<li>Swift - +1 (347) 220-8667, swift@mlh.io</li>
</ul>
<p>MLH reserves the right to revise, make exceptions to, or otherwise amend these policies in whole or in part. If you have any questions regarding these policies, please contact MLH by e-mail at incidents@mlh.io.</p>
<p>This document was last updated on:
February 14th 2025</p>

188
index.html
View file

@ -90,41 +90,69 @@
<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 ">
<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>
<div class="ml-auto 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: 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"
@ -137,10 +165,10 @@
<div
class="mbr-section-btn mt-3 d-flex flex-column align-items-center"
>
<h2 class="text-white mt-4 game-font text-6xl">JAN 17th - 19th</h2>
<h2 class="text-white mt-4 game-font text-6xl text-center">JAN 16th - 18th</h2>
<a
class="btn btn-secondary display-4 disabled "
href="http://hack.wpi.edu/registration"
class="btn btn-secondary display-4"
href="https://docs.google.com/forms/d/e/1FAIpQLSfD0vpWA2FSYyPD__L9QzhuSpbVGjQFsxIK0A-MBse4ZZPv2Q/viewform?usp=header"
>REGISTER!</a>
</div>
</div>
@ -151,23 +179,23 @@
</section>
<section>
<div class="countdown has-animation fadeInUp text-white bg-[#171717] mb-20 game-font flex flex-row justify-center items-center" data-date="Jan 16 2026 18:00:00">
<div class="counter flex flex-col justify-center items-center mr-16">
<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 mr-16">
<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 mr-16">
<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 mr-16">
<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>
@ -183,7 +211,7 @@
>
<div class="grid grid-cols-2 gap- mb-56">
<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
@ -191,29 +219,30 @@
/>
</div>
</div>
<div class="flex items-end pl-32 pr-16 justify-center flex-col">
<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 grid-cols-2 gap-2 my-56">
<div class="grid md:grid-cols-2 grid-cols-1 pl-8 md:pl-0 gap-8 md:gap-2 my-56">
<div class="flex items-start pr-32 pl-16 justify-center flex-col">
<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 class="pl-2">
<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 grid-cols-2 gap- mb-56">
<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
@ -221,7 +250,7 @@
/>
</div>
</div>
<div class="flex items-end pl-32 pr-16 justify-center flex-col">
<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>
@ -262,21 +291,8 @@
src="assets/images/sponsors/hntb.svg"
alt="" />
</a>
<a href="https://www.wpi.edu/about/ie/support/makerspace">
<img
class="w-[15rem] mx-5"
src="assets/images/sponsors/Makerspace.svg"
alt="" />
</div>
<div class="row my-1 flex justify-center">
<a href="https://www.wpi.edu/academics/business/student-innovation-entrepreneurship/resources" class="w-50 mx-5">
<img
class=""
src="assets/images/sponsors/I3-Labs.svg"
alt=""
/>
</div>
<div class="row my-3 flex justify-center">
<a href="https://www.riversideresearch.org/" class="w-75 mx-5">
<img
@ -294,13 +310,6 @@
/>
</a>
</div>
<div class="row mt-4 flex justify-center">
<a href="https://hackp.ac/mlh-standoutstickers-hackathons" class="w-75 mx-5">
<img
src="assets/images/sponsors/stickers.png"
alt=""
/>
</div>
</div>
</div>
@ -415,7 +424,7 @@
<div class="mbr-section-btn">
<a
class="btn btn-secondary display-4"
href="https://drive.google.com/file/d/1L-CZgCxPZmOMpFBy67rTB6ED6lq8v3au/view?usp=sharing"
href="https://drive.google.com/file/d/1VEN18KxMa16ieQi7bg_pKZFg2qMq54PG/view?usp=sharing"
target="_blank"
>
<h1 class="game-font text-2xl">Sponsorship Packet</h1>
@ -687,6 +696,47 @@
</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>
@ -797,6 +847,6 @@
<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/2025/mlh-trust-badge-2025-red.svg" alt="Major League Hacking 2025 Hackathon Season" style="width:100%"></a>
<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>