diff --git a/.DS_Store b/.DS_Store
deleted file mode 100644
index 6654422..0000000
Binary files a/.DS_Store and /dev/null differ
diff --git a/css/general.css b/css/general.css
index e130aec..884cf9d 100644
--- a/css/general.css
+++ b/css/general.css
@@ -164,6 +164,29 @@ nav ul li {
background-color: rgb(57, 57, 57);
border-radius: 5px;
padding: 2px 5px;
+ position: relative;
+}
+
+#timer::after {
+ content: 'Aug 12, 4pm';
+ position: absolute;
+ text-align: center;
+ align-items: center;
+ top: 30px;
+ right: -20px;
+ padding: 2px 0;
+ width: 150%;
+ opacity: 1;
+ background-color: #222429;
+ border-radius: 10px;
+ transition: opacity 300ms, transform 300ms;
+ transform: scale(0);
+ transform-origin: top;
+ }
+
+ #timer:hover::after,
+ #timer:focus::after{
+ transform: scale(1);
}
.tooltip-nav {
@@ -194,60 +217,6 @@ nav ul li {
}
}
-/* #nav-tooltip {
- visibility: visible;
- width: 80px;
- background-color: black;
- color: #fff;
- text-align: center;
- border-radius: 6px;
- padding: 2px 0;
- position: absolute;
- z-index: 101;
- bottom: -100%;
- left: 57%;
- margin-left: -40px;
- font-size: 14px;
- transition: opacity 1s;
-} */
-
-/*
-.tooltip-nav {
- position: relative;
- display: inline-block;
- border-bottom: 1px dotted black;
- text-decoration: none;
-
-}
-
-.tooltip-nav .tooltiptext {
- visibility: hidden;
- width: 120px;
- background-color: black;
- color: #fff;
- text-align: center;
- border-radius: 6px;
- padding: 5px 0;
-
- position: absolute;
- z-index: 100;
- top: 100%;
- left: 50%;
- margin-left: -60px;
-}
-
-.tooltip-nav:hover .tooltiptext {
- visibility: visible;
-} */
-
-/* .notification {
- position: absolute;
- text-align: center;
- margin: auto;
- z-index: 100;
- visibility: hidden;
-} */
-
@keyframes dropdown{
0% {
opacity: 0;
@@ -1278,6 +1247,45 @@ section {
}
}
+.tooltip {
+ position: relative;
+}
+
+.tooltip::after {
+ content: '';
+ position: absolute;
+ text-align: center;
+ align-items: center;
+ top: 22px;
+ right: -35px;
+ padding: 3px 7px;
+ width: max-content;
+ opacity: 1;
+ z-index: 1;
+ background-color: #222429;
+ border-radius: 10px;
+ transition: opacity 300ms, transform 300ms;
+ transform: scale(0);
+ transform-origin: top;
+ }
+
+.tooltip:hover::after {
+ transform: scale(1);
+}
+
+#signup-link::after {
+ content: 'Signup Form';
+}
+
+.email-link::after {
+ content: 'Email';
+ right: 65px;
+}
+
+#discord-link::after {
+ content: 'Discord Invite Link';
+}
+
#sponsor-heading {
margin: 30px 0 0;
}
@@ -1866,7 +1874,7 @@ section {
}
}
-.tooltip {
+.tooltip-rules {
text-decoration: underline dotted;
cursor: help;
}
diff --git a/img/.DS_Store b/img/.DS_Store
deleted file mode 100644
index 14b971d..0000000
Binary files a/img/.DS_Store and /dev/null differ
diff --git a/index.html b/index.html
index 308649b..6ab2a07 100644
--- a/index.html
+++ b/index.html
@@ -73,8 +73,7 @@
@@ -247,7 +246,7 @@
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 about your prizes; 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
+ For Questions, ask in the Discord server (#ask-questions), or contact tech support at tech@gilroyhacks.com
@@ -270,7 +269,7 @@
- 1. Sign up w/ this form
+ 1. Sign up w/ this form
- These questions are used to gauge your experience and skills so we can pair you with others
@@ -283,7 +282,7 @@
- 2. Join the Discord
+ 2. Join the Discord
- Please change your nickname to your First and Last name
@@ -488,7 +487,7 @@
Do not plagiarize
- - You are allowed to use existing libraries and packages with a valid license but required to give credit when credit is due (which also includes Creative Commons and Open Source Projects )
+ - You are allowed to use existing libraries and packages with a valid license but required to give credit when credit is due (which also includes Creative Commons and Open Source Projects )
- You may also use old projects as frameworks for your product, but you cannot work on any material that is related to the hackathon before the event
@@ -574,7 +573,7 @@
However, Gilroy Hacks will use these photos for promoting purposes ONLY. We will never share your personal or private information to anyone outside the event.
- If you have a disagreement with any of the terms stated above, please contact an event organizer or email
tech (at) gilroyhacks (dot) com
+ If you have a disagreement with any of the terms stated above, please contact an event organizer or email
tech (at) gilroyhacks (dot) com
@@ -658,7 +657,7 @@
Aadhavan Magesh
Secretary
-
+
@@ -669,7 +668,7 @@
Isaac Hwang
Lead Organizer
-
+
@@ -688,7 +687,7 @@
Vijay Kethanaboyina
Outreach Manager
-
+
@@ -699,7 +698,7 @@
James Dinh
Lead Website Designer
-
+
@@ -707,7 +706,7 @@
Clement Boiteux
Tech Support
-
+
@@ -715,7 +714,7 @@
Mark Shen
Tech Support
-
+
@@ -726,7 +725,7 @@
Bryce Mankovsky
Marketing Manager
-
+
diff --git a/js/general.js b/js/general.js
index eb482c5..8d66bba 100644
--- a/js/general.js
+++ b/js/general.js
@@ -42,60 +42,6 @@ document.addEventListener('DOMContentLoaded', function(){
setAttributes(bryce, {"href": "mailto:brycemankovsky" + "@" + "gmail.com?subject=Gilroy Hacks", "target": "_blank"});
bryce.innerHTML = "brycemankovsky" + "@" + "gmail.com";
- // Checkbox Local Storage
- var i;
- var checkboxes = document.querySelectorAll('#signup-container input[type=checkbox]');
- 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; }
- }
-
- // function btnToggle() {
- // if (document.getElementById('#check').checked) {
- // document.getElementById('#check').checked = false;
- // }
- // else {
- // document.getElementById('#check').checked = true;
- // }
- // }
- // document.getElementById('#check').addEventListener('click', function (event) {
- // if (!document.getElementById('check').checked) {
- // event.stopPropagation();
- // }
- // });
- // window.onclick = function(event) {
- // if (!event.target.matches('check')) {
- // if (document.getElementById('check').checked) {
- // document.getElementById('check').checked = false;
- // }
- // }
- // }
-
- // document.getElementById("navList").addEventListener('click', function (event) {
- // if (document.getElementById('check').checked) {
- // event.stopPropagation();
- // }});
-
// Scroll Element
// Creating an observer when the user views that element
const observer = new IntersectionObserver(entries => {
@@ -257,3 +203,30 @@ window.addEventListener("load", function() {
});
// General functions
+// Checkbox Local Storage
+var i;
+var checkboxes = document.querySelectorAll('#signup-container input[type=checkbox]');
+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; }
+}
\ No newline at end of file