gilroyhacks.com/js/general.js

332 lines
11 KiB
JavaScript
Raw Normal View History

2022-07-18 01:40:50 -07:00
// Gilroy Hacks Website Source Code -> JS (https://gilroyhacks.com)
"use strict";
// document is loaded and DOM is ready
document.addEventListener('DOMContentLoaded', function(){
// Email replace
function setAttributes(elem, attrs) {
for(var key in attrs) {
elem.setAttribute(key, attrs[key]);
}
}
2022-07-23 00:44:55 -07:00
const tech_emails = document.querySelectorAll('.email-replace-tech');
tech_emails.forEach(entry => {
setAttributes(entry, {"href": "mailto:tech" + "@" + "gilroyhacks.com?subject=Gilroy Hacks", "target": "_blank"});
entry.innerHTML = "tech" + "@" + "gilroyhacks.com";
});
2022-07-18 01:40:50 -07:00
var aadhavan = document.getElementById("email-replace-aadhavan");
setAttributes(aadhavan, {"href": "mailto:aadhavan.magesh" + "@" + "gmail.com?subject=Gilroy Hacks", "target": "_blank"});
aadhavan.innerHTML = "aadhavan.magesh" + "@" + "gmail.com";
var isaac = document.getElementById("email-replace-isaac");
2022-10-19 00:40:00 -07:00
setAttributes(isaac, {"href": "mailto:ihwang" + "@" + "gilroyhacks.com?subject=Gilroy Hacks", "target": "_blank"});
isaac.innerHTML = "ihwang" + "@" + "gilroyhacks.com";
2022-07-18 01:40:50 -07:00
2022-10-06 23:51:05 -07:00
var steven = document.getElementById("email-replace-steven");
setAttributes(steven, {"href": "mailto:stevendinh987" + "@" + "gmail.com?subject=Gilroy Hacks", "target": "_blank"});
steven.innerHTML = "stevendinh987" + "@" + "gmail.com";
2022-07-22 09:59:28 -07:00
2022-07-18 01:40:50 -07:00
var vijay = document.getElementById("email-replace-vijay");
2022-10-19 00:40:00 -07:00
setAttributes(vijay, {"href": "mailto:vijay" + "@" + "gilroyhacks.com?subject=Gilroy Hacks", "target": "_blank"});
vijay.innerHTML = "vijay" + "@" + "gilroyhacks.com";
2022-07-18 01:40:50 -07:00
2022-10-06 23:51:05 -07:00
var jonathan = document.getElementById("email-replace-jonathan");
setAttributes(jonathan, {"href": "mailto:jonathantessmann" + "@" + "gmail.com?subject=Gilroy Hacks", "target": "_blank"});
jonathan.innerHTML = "jonathantessmann" + "@" + "gmail.com";
2022-07-18 01:40:50 -07:00
var james = document.getElementById("email-replace-james");
2022-10-19 00:40:00 -07:00
setAttributes(james, {"href": "mailto:james" + "@" + "gilroyhacks.com?subject=Gilroy Hacks", "target": "_blank"});
james.innerHTML = "james" + "@" + "gilroyhacks.com";
2022-07-18 01:40:50 -07:00
var ezra = document.getElementById("email-replace-ezra");
setAttributes(ezra, {"href": "mailto:ezrabridger27" + "@" + "gmail.com?subject=Gilroy Hacks", "target": "_blank"});
ezra.innerHTML = "ezrabridger27" + "@" + "gmail.com";
var mark = document.getElementById("email-replace-mark");
setAttributes(mark, {"href": "mailto:markshen00" + "@" + "gmail.com?subject=Gilroy Hacks", "target": "_blank"});
mark.innerHTML = "markshen00" + "@" + "gmail.com";
var bryce = document.getElementById("email-replace-bryce");
setAttributes(bryce, {"href": "mailto:brycemankovsky" + "@" + "gmail.com?subject=Gilroy Hacks", "target": "_blank"});
bryce.innerHTML = "brycemankovsky" + "@" + "gmail.com";
// Scroll Element
// Creating an observer when the user views that element
const observer = new IntersectionObserver(entries => {
// Loop over the entries
entries.forEach(entry => {
// If the element is visible
if (entry.isIntersecting) {
// Add the animation class
entry.target.classList.add('slide-animation');
}
});
});
const observer_prize_2 = new IntersectionObserver(entries => {
entries.forEach(entry => {
if (entry.isIntersecting) {
entry.target.classList.add('slide-animation-prize-2');
}
});
});
const observer_prize_1 = new IntersectionObserver(entries => {
entries.forEach(entry => {
if (entry.isIntersecting) {
entry.target.classList.add('slide-animation-prize-1');
}
});
});
const observer_prize_3 = new IntersectionObserver(entries => {
entries.forEach(entry => {
if (entry.isIntersecting) {
entry.target.classList.add('slide-animation-prize-3');
}
});
});
const observer_team_img = new IntersectionObserver(entries => {
entries.forEach(entry => {
if (entry.isIntersecting) {
entry.target.classList.add('slide-animation-card-img');
}
});
});
const observer_team_desc = new IntersectionObserver(entries => {
entries.forEach(entry => {
if (entry.isIntersecting) {
entry.target.classList.add('slide-animation-card-desc');
}
});
});
2022-07-23 16:47:05 -07:00
const workshop_entry = document.querySelectorAll('.workshop-entry');
workshop_entry.forEach(entry => {
observer.observe(entry);
});
2022-07-19 01:01:21 -07:00
const rules_obj = document.querySelectorAll('.rules-box');
rules_obj.forEach(entry => {
observer.observe(entry);
});
2022-07-18 01:40:50 -07:00
const entries = document.querySelectorAll('.team-picture');
entries.forEach(entry => {
observer_team_img.observe(entry);
});
const entries_desc = document.querySelectorAll('.team-description');
entries_desc.forEach(entry => {
observer_team_desc.observe(entry);
});
const prize_entries = document.querySelectorAll('.prize-column');
prize_entries.forEach(entry => {
observer.observe(entry);
});
const prize_entries_edge = document.querySelectorAll('.podium-edge');
prize_entries_edge.forEach(entry => {
observer.observe(entry);
});
// Adding the class animations to these elements
2022-11-29 21:18:42 -08:00
let elements_id = ['#description-heading', '#event-main-box', '#timeline', '#signup-title', '#steps-card', '#sponsor-title', '#sponsor-container', '#workshops-description', '#second-podium', '#first-podium', '#third-podium', '#chart', '#prize-box', '#administration', '#logistics', '#outreach', '#tech', '#marketing'];
2022-07-18 01:40:50 -07:00
elements_id.forEach(entry => {
var thing = document.querySelector(entry)
observer.observe(document.querySelector(entry));
});
observer_prize_2.observe(document.querySelector('#second-place'));
observer_prize_1.observe(document.querySelector('#first-place'));
observer_prize_3.observe(document.querySelector('#third-place'));
// Scroll Nav
// Gilroy Hacks Website Source Code -> JS (https://gilroyhacks.com)
// Toggle the .pa-fixed-header class when the user
// scroll 100px
window.onscroll = () => {scrollNavbar()};
var scrollNavbar = () => {
// Target elements
const navBar = document.getElementById("navBar");
const links = document.querySelectorAll("#navBar a");
2022-10-15 15:34:07 -07:00
if (document.documentElement.scrollTop > 20) {
2022-07-18 01:40:50 -07:00
navBar.classList.add("pa-fixed-header");
// Change the color of links on scroll
for (let i = 0; i < links.length; i++) {
const element = links[i];
element.classList.add('text-black');
}
} else {
navBar.classList.remove("pa-fixed-header");
// Change the color of links back to default
for (let i = 0; i < links.length; i++) {
const element = links[i];
element.classList.remove('text-black');
}
}
}
// Timer
// SRC: W3Schools https://www.w3schools.com/howto/howto_js_countdown.asp
// Set the date we're counting down to
2022-11-29 23:52:37 -08:00
var countDownDate = new Date("Apr 15, 2023 12:00:00").getTime();
2022-07-18 01:40:50 -07:00
// Update the count down every 1 second
var x = setInterval(function() {
// Get today's date and time
var now = new Date().getTime();
// Find the distance between now and the count down date
var distance = countDownDate - now;
// Time calculations for days, hours, minutes and seconds
var days = Math.floor(distance / (1000 * 60 * 60 * 24));
var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
// var seconds = Math.floor((distance % (1000 * 60)) / 1000);
// If the count down is finished, write some text
if (distance < 0) {
clearInterval(x);
2022-11-29 23:52:37 -08:00
document.getElementById("timer").innerHTML = "---";
2022-07-18 01:40:50 -07:00
}
// Display the result in the element with id="timer"
2022-08-15 21:47:11 -07:00
else if (days != 0) {
2022-07-18 01:40:50 -07:00
document.getElementById("timer").innerHTML = days + "d " + hours + "h";
}
else if (hours != 0) {
2022-08-12 21:55:41 -07:00
document.getElementById("timer").innerHTML = hours + "h " + minutes + "m";
2022-07-18 01:40:50 -07:00
}
else {
document.getElementById("timer").innerHTML = minutes + "m";
}
}, 1000);
});
// page is fully loaded, including all frames, objects and images
window.addEventListener("load", function() {
});
// General functions
2022-07-18 16:46:17 -07:00
// Checkbox Local Storage
var i;
2022-07-26 00:34:26 -07:00
var checkboxes = document.querySelectorAll('#signup-checklist input[type=checkbox]');
2022-07-18 16:46:17 -07:00
var verify = true;
function save() {
for (i = 0; i < checkboxes.length; i++) {
localStorage.setItem(checkboxes[i].value, checkboxes[i].checked);
}
}
window.onload = function() {
load();
};
function load() {
for (i = 0; i < checkboxes.length; i++) {
checkboxes[i].checked = localStorage.getItem(checkboxes[i].value) === 'true' ? true:false;
}
}
function check(id) {
document.getElementById(id).checked = true;
}
function uncheck(id) {
document.getElementById(id).checked = false;
}
function notification(id) {
if (localStorage.getItem(checkboxes[id].value) != true) { verify = false; }
if (verify) { document.getElementById('notification').style.visibility = visible; }
2022-08-17 14:35:32 -07:00
}
var options = {
2022-08-17 22:15:55 -07:00
series: [{
2022-08-17 14:35:32 -07:00
name: 'Idea',
2022-08-17 21:39:32 -07:00
data: [7, 9, 6, 10, 14],
2022-08-17 14:35:32 -07:00
}, {
name: 'Implementation',
data: [11, 6, 11, 3, 9]
}, {
name: 'Presentation',
data: [12, 7, 12, 11, 8]
}, {
name: 'Overall',
2022-08-17 21:39:32 -07:00
data: [10, 6, 9, 7, 11],
2022-08-17 14:35:32 -07:00
}],
2022-08-29 18:25:10 -07:00
chart: {
2022-08-17 14:35:32 -07:00
type: 'bar',
height: 350,
stacked: true,
2022-08-31 15:05:53 -07:00
background: '#0d1117'
2022-08-17 14:35:32 -07:00
},
plotOptions: {
bar: {
horizontal: true,
},
},
stroke: {
width: 1,
colors: ['#fff']
},
title: {
2022-08-29 20:53:44 -07:00
text: 'Team Scores - Summer 2022',
2022-08-29 15:21:15 -07:00
style: {
color: '#fff'
}
2022-08-17 14:35:32 -07:00
},
xaxis: {
categories: ['Team 2', 'Team 3', 'Team 4', 'Team 6', 'Team 7'],
labels: {
formatter: function (val) {
return val + ""
2022-08-17 21:39:32 -07:00
},
style: {
colors: '#fff'
2022-08-17 14:35:32 -07:00
}
2022-08-17 21:39:32 -07:00
},
2022-08-17 14:35:32 -07:00
},
yaxis: {
2022-08-17 21:39:32 -07:00
labels: {
style: {
colors: '#fff'
}
},
2022-08-17 14:35:32 -07:00
title: {
text: undefined
},
},
tooltip: {
y: {
formatter: function (val) {
return val + ""
}
2022-08-17 21:39:32 -07:00
},
2022-08-29 15:24:48 -07:00
theme: 'dark'
2022-08-17 14:35:32 -07:00
},
fill: {
opacity: 1
},
legend: {
position: 'top',
horizontalAlign: 'left',
2022-08-17 21:39:32 -07:00
offsetX: 40,
2022-08-29 15:21:15 -07:00
labels: {
colors: '#fff',
},
2022-08-17 21:39:32 -07:00
},
2022-08-17 14:35:32 -07:00
};
var chart = new ApexCharts(document.querySelector("#chart"), options);
2022-12-13 00:24:25 -08:00
chart.render();