wellfedbison/gilroyhacks.com
wellfedbison/gilroyhacks.com
2
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Changed desc

Browse Source
This commit is contained in:
James Dinh 2022-07-18 01:40:50 -07:00
parent 2ebec59dfa
commit 7f589c5cba
6 changed files with 366 additions and 366 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
.DS_Store vendored Normal file
View File

Binary file not shown.

BIN
img/.DS_Store vendored Normal file
View File

Binary file not shown.

2
index.html
View File

@ -125,7 +125,7 @@
<div id="description-content">Gilroy Hacks is a student-led organization focused on promoting community engagement and improving STEM exposure for local middle/high school students.</div> <div id="description-content">Gilroy Hacks is a student-led organization focused on promoting community engagement and improving STEM exposure for local middle/high school students.</div>
<hr class="line"> <hr class="line">
<ul class="list"> <ul class="list">
<li>Even if you're not an expert at coding, this hackathon offers an opportunity for you to strengthen your skills and collaborate with others to create something useful.</li> "Strengthen your skills and collaborate with others to create something useful."<br>&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;- GHacks Team
<h3 class="desc-title">Main Events</h3> <h3 class="desc-title">Main Events</h3>
<ul style="margin-left: 25px"> <ul style="margin-left: 25px">
<li><span class="emphasis-text">Aug 12</span> -> Opening Ceremony</li> <li><span class="emphasis-text">Aug 12</span> -> Opening Ceremony</li>

76
js/contact.js
View File

@ -1,39 +1,39 @@
// Src: https://codepen.io/nikhil8krishnan/pen/gaybLK // Src: https://codepen.io/nikhil8krishnan/pen/gaybLK
//material contact form animation //material contact form animation
$(".contact-form") $(".contact-form")
.find(".form-control") .find(".form-control")
.each(function () { .each(function () {
var targetItem = $(this).parent(); var targetItem = $(this).parent();
if ($(this).val()) { if ($(this).val()) {
$(targetItem).find("label").css({ $(targetItem).find("label").css({
top: "10px", top: "10px",
fontSize: "14px" fontSize: "14px"
}); });
} }
}); });
$(".contact-form") $(".contact-form")
.find(".form-control") .find(".form-control")
.focus(function () { .focus(function () {
$(this).parent(".input-block").addClass("focus"); $(this).parent(".input-block").addClass("focus");
$(this).parent().find("label").animate( $(this).parent().find("label").animate(
{ {
top: "10px", top: "10px",
fontSize: "14px" fontSize: "14px"
}, },
300 300
); );
}); });
$(".contact-form") $(".contact-form")
.find(".form-control") .find(".form-control")
.blur(function () { .blur(function () {
if ($(this).val().length == 0) { if ($(this).val().length == 0) {
$(this).parent(".input-block").removeClass("focus"); $(this).parent(".input-block").removeClass("focus");
$(this).parent().find("label").animate( $(this).parent().find("label").animate(
{ {
top: "25px", top: "25px",
fontSize: "18px" fontSize: "18px"
}, },
300 300
); );
} }
}); });

518
js/general.js
View File

@ -1,259 +1,259 @@
// Gilroy Hacks Website Source Code -> JS (https://gilroyhacks.com) // Gilroy Hacks Website Source Code -> JS (https://gilroyhacks.com)
"use strict"; "use strict";
// document is loaded and DOM is ready // document is loaded and DOM is ready
document.addEventListener('DOMContentLoaded', function(){ document.addEventListener('DOMContentLoaded', function(){
// Email replace // Email replace
function setAttributes(elem, attrs) { function setAttributes(elem, attrs) {
for(var key in attrs) { for(var key in attrs) {
elem.setAttribute(key, attrs[key]); elem.setAttribute(key, attrs[key]);
} }
} }
var tech = document.getElementById("email-replace-tech"); var tech = document.getElementById("email-replace-tech");
setAttributes(tech, {"href": "mailto:tech" + "@" + "gilroyhacks.com?subject=Gilroy Hacks", "target": "_blank"}); setAttributes(tech, {"href": "mailto:tech" + "@" + "gilroyhacks.com?subject=Gilroy Hacks", "target": "_blank"});
tech.innerHTML = "tech" + "@" + "gilroyhacks.com"; tech.innerHTML = "tech" + "@" + "gilroyhacks.com";
var aadhavan = document.getElementById("email-replace-aadhavan"); var aadhavan = document.getElementById("email-replace-aadhavan");
setAttributes(aadhavan, {"href": "mailto:aadhavan.magesh" + "@" + "gmail.com?subject=Gilroy Hacks", "target": "_blank"}); setAttributes(aadhavan, {"href": "mailto:aadhavan.magesh" + "@" + "gmail.com?subject=Gilroy Hacks", "target": "_blank"});
aadhavan.innerHTML = "aadhavan.magesh" + "@" + "gmail.com"; aadhavan.innerHTML = "aadhavan.magesh" + "@" + "gmail.com";
var isaac = document.getElementById("email-replace-isaac"); var isaac = document.getElementById("email-replace-isaac");
setAttributes(isaac, {"href": "mailto:ihwang125" + "@" + "gmail.com?subject=Gilroy Hacks", "target": "_blank"}); setAttributes(isaac, {"href": "mailto:ihwang125" + "@" + "gmail.com?subject=Gilroy Hacks", "target": "_blank"});
isaac.innerHTML = "ihwang125" + "@" + "gmail.com"; isaac.innerHTML = "ihwang125" + "@" + "gmail.com";
var vijay = document.getElementById("email-replace-vijay"); var vijay = document.getElementById("email-replace-vijay");
setAttributes(vijay, {"href": "mailto:vijaykethanaboyina" + "@" + "gmail.com?subject=Gilroy Hacks", "target": "_blank"}); setAttributes(vijay, {"href": "mailto:vijaykethanaboyina" + "@" + "gmail.com?subject=Gilroy Hacks", "target": "_blank"});
vijay.innerHTML = "vijaykethanaboyina" + "@" + "gmail.com"; vijay.innerHTML = "vijaykethanaboyina" + "@" + "gmail.com";
var james = document.getElementById("email-replace-james"); var james = document.getElementById("email-replace-james");
setAttributes(james, {"href": "mailto:jamesdinh77" + "@" + "protonmail.com?subject=Gilroy Hacks", "target": "_blank"}); setAttributes(james, {"href": "mailto:jamesdinh77" + "@" + "protonmail.com?subject=Gilroy Hacks", "target": "_blank"});
james.innerHTML = "jamesdinh77" + "@" + "protonmail.com"; james.innerHTML = "jamesdinh77" + "@" + "protonmail.com";
var ezra = document.getElementById("email-replace-ezra"); var ezra = document.getElementById("email-replace-ezra");
setAttributes(ezra, {"href": "mailto:ezrabridger27" + "@" + "gmail.com?subject=Gilroy Hacks", "target": "_blank"}); setAttributes(ezra, {"href": "mailto:ezrabridger27" + "@" + "gmail.com?subject=Gilroy Hacks", "target": "_blank"});
ezra.innerHTML = "ezrabridger27" + "@" + "gmail.com"; ezra.innerHTML = "ezrabridger27" + "@" + "gmail.com";
var mark = document.getElementById("email-replace-mark"); var mark = document.getElementById("email-replace-mark");
setAttributes(mark, {"href": "mailto:markshen00" + "@" + "gmail.com?subject=Gilroy Hacks", "target": "_blank"}); setAttributes(mark, {"href": "mailto:markshen00" + "@" + "gmail.com?subject=Gilroy Hacks", "target": "_blank"});
mark.innerHTML = "markshen00" + "@" + "gmail.com"; mark.innerHTML = "markshen00" + "@" + "gmail.com";
var bryce = document.getElementById("email-replace-bryce"); var bryce = document.getElementById("email-replace-bryce");
setAttributes(bryce, {"href": "mailto:brycemankovsky" + "@" + "gmail.com?subject=Gilroy Hacks", "target": "_blank"}); setAttributes(bryce, {"href": "mailto:brycemankovsky" + "@" + "gmail.com?subject=Gilroy Hacks", "target": "_blank"});
bryce.innerHTML = "brycemankovsky" + "@" + "gmail.com"; bryce.innerHTML = "brycemankovsky" + "@" + "gmail.com";
// Checkbox Local Storage // Checkbox Local Storage
var i; var i;
var checkboxes = document.querySelectorAll('#signup-container input[type=checkbox]'); var checkboxes = document.querySelectorAll('#signup-container input[type=checkbox]');
var verify = true; var verify = true;
function save() { function save() {
for (i = 0; i < checkboxes.length; i++) { for (i = 0; i < checkboxes.length; i++) {
localStorage.setItem(checkboxes[i].value, checkboxes[i].checked); localStorage.setItem(checkboxes[i].value, checkboxes[i].checked);
} }
} }
window.onload = function() { window.onload = function() {
load(); load();
}; };
function load() { function load() {
for (i = 0; i < checkboxes.length; i++) { for (i = 0; i < checkboxes.length; i++) {
checkboxes[i].checked = localStorage.getItem(checkboxes[i].value) === 'true' ? true:false; checkboxes[i].checked = localStorage.getItem(checkboxes[i].value) === 'true' ? true:false;
} }
} }
function check(id) { function check(id) {
document.getElementById(id).checked = true; document.getElementById(id).checked = true;
} }
function uncheck(id) { function uncheck(id) {
document.getElementById(id).checked = false; document.getElementById(id).checked = false;
} }
function notification(id) { function notification(id) {
if (localStorage.getItem(checkboxes[id].value) != true) { verify = false; } if (localStorage.getItem(checkboxes[id].value) != true) { verify = false; }
if (verify) { document.getElementById('notification').style.visibility = visible; } if (verify) { document.getElementById('notification').style.visibility = visible; }
} }
// function btnToggle() { // function btnToggle() {
// if (document.getElementById('#check').checked) { // if (document.getElementById('#check').checked) {
// document.getElementById('#check').checked = false; // document.getElementById('#check').checked = false;
// } // }
// else { // else {
// document.getElementById('#check').checked = true; // document.getElementById('#check').checked = true;
// } // }
// } // }
// document.getElementById('#check').addEventListener('click', function (event) { // document.getElementById('#check').addEventListener('click', function (event) {
// if (!document.getElementById('check').checked) { // if (!document.getElementById('check').checked) {
// event.stopPropagation(); // event.stopPropagation();
// } // }
// }); // });
// window.onclick = function(event) { // window.onclick = function(event) {
// if (!event.target.matches('check')) { // if (!event.target.matches('check')) {
// if (document.getElementById('check').checked) { // if (document.getElementById('check').checked) {
// document.getElementById('check').checked = false; // document.getElementById('check').checked = false;
// } // }
// } // }
// } // }
// document.getElementById("navList").addEventListener('click', function (event) { // document.getElementById("navList").addEventListener('click', function (event) {
// if (document.getElementById('check').checked) { // if (document.getElementById('check').checked) {
// event.stopPropagation(); // event.stopPropagation();
// }}); // }});
// Scroll Element // Scroll Element
// Creating an observer when the user views that element // Creating an observer when the user views that element
const observer = new IntersectionObserver(entries => { const observer = new IntersectionObserver(entries => {
// Loop over the entries // Loop over the entries
entries.forEach(entry => { entries.forEach(entry => {
// If the element is visible // If the element is visible
if (entry.isIntersecting) { if (entry.isIntersecting) {
// Add the animation class // Add the animation class
entry.target.classList.add('slide-animation'); entry.target.classList.add('slide-animation');
} }
}); });
}); });
const observer_prize_2 = new IntersectionObserver(entries => { const observer_prize_2 = new IntersectionObserver(entries => {
entries.forEach(entry => { entries.forEach(entry => {
if (entry.isIntersecting) { if (entry.isIntersecting) {
entry.target.classList.add('slide-animation-prize-2'); entry.target.classList.add('slide-animation-prize-2');
} }
}); });
}); });
const observer_prize_1 = new IntersectionObserver(entries => { const observer_prize_1 = new IntersectionObserver(entries => {
entries.forEach(entry => { entries.forEach(entry => {
if (entry.isIntersecting) { if (entry.isIntersecting) {
entry.target.classList.add('slide-animation-prize-1'); entry.target.classList.add('slide-animation-prize-1');
} }
}); });
}); });
const observer_prize_3 = new IntersectionObserver(entries => { const observer_prize_3 = new IntersectionObserver(entries => {
entries.forEach(entry => { entries.forEach(entry => {
if (entry.isIntersecting) { if (entry.isIntersecting) {
entry.target.classList.add('slide-animation-prize-3'); entry.target.classList.add('slide-animation-prize-3');
} }
}); });
}); });
const observer_team_img = new IntersectionObserver(entries => { const observer_team_img = new IntersectionObserver(entries => {
entries.forEach(entry => { entries.forEach(entry => {
if (entry.isIntersecting) { if (entry.isIntersecting) {
entry.target.classList.add('slide-animation-card-img'); entry.target.classList.add('slide-animation-card-img');
} }
}); });
}); });
const observer_team_desc = new IntersectionObserver(entries => { const observer_team_desc = new IntersectionObserver(entries => {
entries.forEach(entry => { entries.forEach(entry => {
if (entry.isIntersecting) { if (entry.isIntersecting) {
entry.target.classList.add('slide-animation-card-desc'); entry.target.classList.add('slide-animation-card-desc');
} }
}); });
}); });
const entries = document.querySelectorAll('.team-picture'); const entries = document.querySelectorAll('.team-picture');
entries.forEach(entry => { entries.forEach(entry => {
observer_team_img.observe(entry); observer_team_img.observe(entry);
}); });
const entries_desc = document.querySelectorAll('.team-description'); const entries_desc = document.querySelectorAll('.team-description');
entries_desc.forEach(entry => { entries_desc.forEach(entry => {
observer_team_desc.observe(entry); observer_team_desc.observe(entry);
}); });
const prize_entries = document.querySelectorAll('.prize-column'); const prize_entries = document.querySelectorAll('.prize-column');
prize_entries.forEach(entry => { prize_entries.forEach(entry => {
observer.observe(entry); observer.observe(entry);
}); });
const prize_entries_edge = document.querySelectorAll('.podium-edge'); const prize_entries_edge = document.querySelectorAll('.podium-edge');
prize_entries_edge.forEach(entry => { prize_entries_edge.forEach(entry => {
observer.observe(entry); observer.observe(entry);
}); });
// Adding the class animations to these elements // Adding the class animations to these elements
let elements_id = ['#description-heading', '#event-main-box', '#timeline', '#signup-title', '#steps-card', '#sponsor-title', '#sponsor-container', '#map-article', '#rules-description', '#guidelines', '#code-of-conduct', '#photo-release-container', '#second-podium', '#first-podium', '#third-podium', '#prize-box', '#administration', '#logistics', '#outreach', '#tech', '#marketing']; let elements_id = ['#description-heading', '#event-main-box', '#timeline', '#signup-title', '#steps-card', '#sponsor-title', '#sponsor-container', '#map-article', '#rules-description', '#guidelines', '#code-of-conduct', '#photo-release-container', '#second-podium', '#first-podium', '#third-podium', '#prize-box', '#administration', '#logistics', '#outreach', '#tech', '#marketing'];
elements_id.forEach(entry => { elements_id.forEach(entry => {
var thing = document.querySelector(entry) var thing = document.querySelector(entry)
observer.observe(document.querySelector(entry)); observer.observe(document.querySelector(entry));
}); });
observer_prize_2.observe(document.querySelector('#second-place')); observer_prize_2.observe(document.querySelector('#second-place'));
observer_prize_1.observe(document.querySelector('#first-place')); observer_prize_1.observe(document.querySelector('#first-place'));
observer_prize_3.observe(document.querySelector('#third-place')); observer_prize_3.observe(document.querySelector('#third-place'));
// Scroll Nav // Scroll Nav
// Gilroy Hacks Website Source Code -> JS (https://gilroyhacks.com) // Gilroy Hacks Website Source Code -> JS (https://gilroyhacks.com)
// Toggle the .pa-fixed-header class when the user // Toggle the .pa-fixed-header class when the user
// scroll 100px // scroll 100px
window.onscroll = () => {scrollNavbar()}; window.onscroll = () => {scrollNavbar()};
var scrollNavbar = () => { var scrollNavbar = () => {
// Target elements // Target elements
const navBar = document.getElementById("navBar"); const navBar = document.getElementById("navBar");
const links = document.querySelectorAll("#navBar a"); const links = document.querySelectorAll("#navBar a");
if (document.documentElement.scrollTop > 50) { if (document.documentElement.scrollTop > 50) {
navBar.classList.add("pa-fixed-header"); navBar.classList.add("pa-fixed-header");
// Change the color of links on scroll // Change the color of links on scroll
for (let i = 0; i < links.length; i++) { for (let i = 0; i < links.length; i++) {
const element = links[i]; const element = links[i];
element.classList.add('text-black'); element.classList.add('text-black');
} }
} else { } else {
navBar.classList.remove("pa-fixed-header"); navBar.classList.remove("pa-fixed-header");
// Change the color of links back to default // Change the color of links back to default
for (let i = 0; i < links.length; i++) { for (let i = 0; i < links.length; i++) {
const element = links[i]; const element = links[i];
element.classList.remove('text-black'); element.classList.remove('text-black');
} }
} }
} }
// Timer // Timer
// SRC: W3Schools https://www.w3schools.com/howto/howto_js_countdown.asp // SRC: W3Schools https://www.w3schools.com/howto/howto_js_countdown.asp
// Set the date we're counting down to // Set the date we're counting down to
var countDownDate = new Date("Aug 12, 2022 16:00:00").getTime(); var countDownDate = new Date("Aug 12, 2022 16:00:00").getTime();
// Update the count down every 1 second // Update the count down every 1 second
var x = setInterval(function() { var x = setInterval(function() {
// Get today's date and time // Get today's date and time
var now = new Date().getTime(); var now = new Date().getTime();
// Find the distance between now and the count down date // Find the distance between now and the count down date
var distance = countDownDate - now; var distance = countDownDate - now;
// Time calculations for days, hours, minutes and seconds // Time calculations for days, hours, minutes and seconds
var days = Math.floor(distance / (1000 * 60 * 60 * 24)); var days = Math.floor(distance / (1000 * 60 * 60 * 24));
var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)); var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
// var seconds = Math.floor((distance % (1000 * 60)) / 1000); // var seconds = Math.floor((distance % (1000 * 60)) / 1000);
// If the count down is finished, write some text // If the count down is finished, write some text
if (distance < 0) { if (distance < 0) {
clearInterval(x); clearInterval(x);
document.getElementById("timer").innerHTML = "LIVE"; document.getElementById("timer").innerHTML = "LIVE";
} }
// Display the result in the element with id="timer" // Display the result in the element with id="timer"
if (days != 0) { if (days != 0) {
document.getElementById("timer").innerHTML = days + "d " + hours + "h"; document.getElementById("timer").innerHTML = days + "d " + hours + "h";
} }
else if (hours != 0) { else if (hours != 0) {
document.getElementById("timer").innerHTML = hours + "h" + minutes + "m"; document.getElementById("timer").innerHTML = hours + "h" + minutes + "m";
} }
else { else {
document.getElementById("timer").innerHTML = minutes + "m"; document.getElementById("timer").innerHTML = minutes + "m";
} }
}, 1000); }, 1000);
}); });
// page is fully loaded, including all frames, objects and images // page is fully loaded, including all frames, objects and images
window.addEventListener("load", function() { window.addEventListener("load", function() {
}); });
// General functions // General functions

136
js/licenses.js
View File

@ -1,69 +1,69 @@
// Scroll Nav // Scroll Nav
// Gilroy Hacks Website Source Code -> JS (https://gilroyhacks.com) // Gilroy Hacks Website Source Code -> JS (https://gilroyhacks.com)
// Toggle the .pa-fixed-header class when the user // Toggle the .pa-fixed-header class when the user
// scroll 100px // scroll 100px
window.onscroll = () => {scrollNavbar()}; window.onscroll = () => {scrollNavbar()};
var scrollNavbar = () => { var scrollNavbar = () => {
// Target elements // Target elements
const navBar = document.getElementById("navBar"); const navBar = document.getElementById("navBar");
const links = document.querySelectorAll("#navBar a"); const links = document.querySelectorAll("#navBar a");
if (document.documentElement.scrollTop > 50) { if (document.documentElement.scrollTop > 50) {
navBar.classList.add("pa-fixed-header"); navBar.classList.add("pa-fixed-header");
// Change the color of links on scroll // Change the color of links on scroll
for (let i = 0; i < links.length; i++) { for (let i = 0; i < links.length; i++) {
const element = links[i]; const element = links[i];
element.classList.add('text-black'); element.classList.add('text-black');
} }
} else { } else {
navBar.classList.remove("pa-fixed-header"); navBar.classList.remove("pa-fixed-header");
// Change the color of links back to default // Change the color of links back to default
for (let i = 0; i < links.length; i++) { for (let i = 0; i < links.length; i++) {
const element = links[i]; const element = links[i];
element.classList.remove('text-black'); element.classList.remove('text-black');
} }
} }
} }
// Timer // Timer
// SRC: W3Schools https://www.w3schools.com/howto/howto_js_countdown.asp // SRC: W3Schools https://www.w3schools.com/howto/howto_js_countdown.asp
// Set the date we're counting down to // Set the date we're counting down to
var countDownDate = new Date("Aug 12, 2022 16:00:00").getTime(); var countDownDate = new Date("Aug 12, 2022 16:00:00").getTime();
// Update the count down every 1 second // Update the count down every 1 second
var x = setInterval(function() { var x = setInterval(function() {
// Get today's date and time // Get today's date and time
var now = new Date().getTime(); var now = new Date().getTime();
// Find the distance between now and the count down date // Find the distance between now and the count down date
var distance = countDownDate - now; var distance = countDownDate - now;
// Time calculations for days, hours, minutes and seconds // Time calculations for days, hours, minutes and seconds
var days = Math.floor(distance / (1000 * 60 * 60 * 24)); var days = Math.floor(distance / (1000 * 60 * 60 * 24));
var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)); var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
// var seconds = Math.floor((distance % (1000 * 60)) / 1000); // var seconds = Math.floor((distance % (1000 * 60)) / 1000);
// If the count down is finished, write some text // If the count down is finished, write some text
if (distance < 0) { if (distance < 0) {
clearInterval(x); clearInterval(x);
document.getElementById("timer").innerHTML = "LIVE"; document.getElementById("timer").innerHTML = "LIVE";
} }
// Display the result in the element with id="timer" // Display the result in the element with id="timer"
if (days != 0) { if (days != 0) {
document.getElementById("timer").innerHTML = days + "d " + hours + "h"; document.getElementById("timer").innerHTML = days + "d " + hours + "h";
} }
else if (hours != 0) { else if (hours != 0) {
document.getElementById("timer").innerHTML = hours + "h" + minutes + "m"; document.getElementById("timer").innerHTML = hours + "h" + minutes + "m";
} }
else { else {
document.getElementById("timer").innerHTML = minutes + "m"; document.getElementById("timer").innerHTML = minutes + "m";
} }
}, 1000); }, 1000);