Our Mission & Important Info
-
-
-
Gilroy Hacks is a student-led organization fiscally sponsored by Hack Club, a 501(c)(3) nonprofit, and focused on promoting community engagement and improving STEM exposure for students.
- -
-
"Grab a team and make something cool."
- GHacks Team
Details
--
-
- In-Person - All events will be held in person -
- Signups are limited to high school students only -
- Workshops are fully open to the public -
-
-
+
+ New Hackathon Who Dis?
+ Some info on us... +
+
+ What is Gilroy Hacks?
+Are you interested in coding, engineering, or STEM? Does a weekend full of intense brainstorming and coding extravaganza
+ with tons of other like-minded students sound (at the least bit) interesting to you? Gilroy Hacks is all about letting students
+ showcase their skills and teaching new concepts to newcomers!
+
+
-
-
+
+ Why?
+We wanted to give the power for students to create what they make best: projects that make a difference.
+
+
Who are we?
+We're a group of high schoolers in the Bay Area looking to spread our love of coding and collaboration to local students.
-
Timeline
- Click on each dot for more info -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
-
-
-
-
-
-
- TBA
-TBA
-
-
- The official start of the hackathon where we deliver the opening presentation along with the finalized teams, prompts, rules, and timeline.
--
-
- Along with the in-person event held at the Community Room at the Gilroy Library, we will be streaming the event on Zoom -
- =IMPORTANT= DO NOT START CODING during this period -
- After this event, participants will head back home to start coding -
- 
-
-
-
-
-
-
-
-
- TBA
-TBA
-
Now's your time to shine! Start working with your team to build your project. No strings attached!
--
-
- =IMPORTANT= Your project must follow one of the given prompts; otherwise, your team may lose a lot of points for unrelated topic deductions -
- Hybrid model - you may either code online or in-person at the Library -
- Remember, you only have 46 hours to complete your project... Use your time wisely -
-
-
-
-
-
-
- TBA
-TBA
-
STOP coding! Your 46 hours of intense stress and turmoil are finally up! We hope you learned some valuable skills and made some new friends along the way.
--
-
- =IMPORTANT= Make sure you turn in your project BEFORE the deadline at 2:00pm. You can find the submission form on the Discord server or Submit Here -
- From now until Project Presentations (2:30pm), your team will have around 30 mins to prepare for your presentation. Get back to work! -
-
-
-
-
-
-
- TBA
-TBA
-
This is where your team will present your product to our honored judges.
--
-
- Be Creative! Make your product stand out by including a demo or showing its function across multiple applications -
- Presentations will occur in order of team number (i.e. Team 1 will go first) -
- =IMPORTANT= Your team's presentation is NOT ALLOWED to go above 5 minutes... Use your time wisely. -
- Your team will be graded on both the product and presentation as per the rubric -
-
-
-
-
-
-
- TBA
-TBA
-
Congratuations! Judge scores are tallied and here's where we announce the 1st, 2nd, and 3rd place teams along with constructive feedback for each in the Community Room.
--
-
- Winners: we will contact you via Email/Discord about your prizes; please allow up to 2 days for a response -
- For Questions, ask in the Discord server (#ask-questions), or contact tech support at tech@gilroyhacks.com -
-
-
-
diff --git a/js/general.js b/js/general.js
index 09066e3..dc6b273 100644
--- a/js/general.js
+++ b/js/general.js
@@ -137,9 +137,10 @@ document.addEventListener('DOMContentLoaded', function(){
// Add class animations to these elements
let elements_id = [
- '#description-heading',
- '#event-main-box',
- '#timeline',
+ '#event-title',
+ '#what-GilroyHacks',
+ '#why-GilroyHacks',
+ '#who-GilroyHacks',
'#signup-title',
'#steps-card',
'#sponsor-title',
@@ -356,7 +357,6 @@ function showModal(id) {
currentModal = id;
}
-
document.addEventListener(
"click",
function (event) {
@@ -371,6 +371,118 @@ document.addEventListener(
false
);
+var slider = document.getElementById('slider'),
+ sliderItems = document.getElementById('items'),
+ prev = document.getElementById('prev'),
+ next = document.getElementById('next');
+slide(slider, sliderItems, prev, next);
+function slide(wrapper, items, prev, next) {
+ var posX1 = 0,
+ posX2 = 0,
+ posInitial,
+ posFinal,
+ threshold = 100,
+ slides = items.getElementsByClassName('slide'),
+ slidesLength = slides.length,
+ slideSize = items.getElementsByClassName('slide')[0].offsetWidth,
+ firstSlide = slides[0],
+ lastSlide = slides[slidesLength - 1],
+ cloneFirst = firstSlide.cloneNode(true),
+ cloneLast = lastSlide.cloneNode(true),
+ index = 0,
+ allowShift = true;
+
+ // Clone first and last slide
+ items.appendChild(cloneFirst);
+ items.insertBefore(cloneLast, firstSlide);
+ wrapper.classList.add('loaded');
+
+ // Mouse and Touch events
+ items.onmousedown = dragStart;
+
+ // Touch events
+ items.addEventListener('touchstart', dragStart);
+ items.addEventListener('touchend', dragEnd);
+ items.addEventListener('touchmove', dragAction);
+
+ // Click events
+ prev.addEventListener('click', function () { shiftSlide(-1) });
+ next.addEventListener('click', function () { shiftSlide(1) });
+
+ // Transition events
+ items.addEventListener('transitionend', checkIndex);
+
+ function dragStart (e) {
+ e = e || window.event;
+ e.preventDefault();
+ posInitial = items.offsetLeft;
+
+ if (e.type == 'touchstart') {
+ posX1 = e.touches[0].clientX;
+ } else {
+ posX1 = e.clientX;
+ document.onmouseup = dragEnd;
+ document.onmousemove = dragAction;
+ }
+ }
+ function dragAction (e) {
+ e = e || window.event;
+
+ if (e.type == 'touchmove') {
+ posX2 = posX1 - e.touches[0].clientX;
+ posX1 = e.touches[0].clientX;
+ } else {
+ posX2 = posX1 - e.clientX;
+ posX1 = e.clientX;
+ }
+ items.style.left = (items.offsetLeft - posX2) + "px";
+ }
+
+ function dragEnd (e) {
+ posFinal = items.offsetLeft;
+ if (posFinal - posInitial < -threshold) {
+ shiftSlide(1, 'drag');
+ } else if (posFinal - posInitial > threshold) {
+ shiftSlide(-1, 'drag');
+ } else {
+ items.style.left = (posInitial) + "px";
+ }
+ document.onmouseup = null;
+ document.onmousemove = null;
+ }
+
+ function shiftSlide(dir, action) {
+ items.classList.add('shifting');
+
+ if (allowShift) {
+ if (!action) { posInitial = items.offsetLeft; }
+ if (dir == 1) {
+ items.style.left = (posInitial - slideSize) + "px";
+ index++;
+ } else if (dir == -1) {
+ items.style.left = (posInitial + slideSize) + "px";
+ index--;
+ }
+ };
+
+ allowShift = false;
+ }
+
+ function checkIndex (){
+ items.classList.remove('shifting');
+ if (index == -1) {
+ items.style.left = -(slidesLength * slideSize) + "px";
+ index = slidesLength - 1;
+ }
+ if (index == slidesLength) {
+ items.style.left = -(1 * slideSize) + "px";
+ index = 0;
+ }
+
+ allowShift = true;
+ }
+}
+
var options = {
series: [{
name: 'Idea',
diff --git a/licenses.html b/licenses.html
index 3e43b85..2270bac 100644
--- a/licenses.html
+++ b/licenses.html
@@ -25,7 +25,7 @@
@font-face {
font-family: "Glacial Indifference";
src: url("font/GlacialIndifference-Regular.otf") format('opentype');
- font-display: swap;
+ /* font-display: swap; */
}
body {
position: relative;
diff --git a/rules.html b/rules.html
index 0c969a9..9ea2060 100644
--- a/rules.html
+++ b/rules.html
@@ -25,7 +25,7 @@
@font-face {
font-family: "Glacial Indifference";
src: url("font/GlacialIndifference-Regular.otf") format('opentype');
- font-display: swap;
+ /* font-display: swap; */
}
body {
position: relative;