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 @@ @@ -270,7 +269,7 @@
@@ -669,7 +668,7 @@

Isaac Hwang

Lead Organizer
-
Discord: Fesh#5995
ihwang125 (at) gmail (dot) com
+
Discord: Fesh#5995
@@ -688,7 +687,7 @@

Vijay Kethanaboyina

Outreach Manager
-
Discord: SURPRISE!!#8662
vijaykethanaboyina (at) gmail (dot) com
+
Discord: SURPRISE!!#8662
@@ -699,7 +698,7 @@

James Dinh

Lead Website Designer
-
Discord: wellfedbison#0607
jamesdinh77 (at) protonmail (dot) com
+
Discord: wellfedbison#0607
@@ -707,7 +706,7 @@

Clement Boiteux

Tech Support
-
Discord: Maul#8742
ezrabridger27 (at) gmail (dot) com
+
Discord: Maul#8742
@@ -715,7 +714,7 @@

Mark Shen

Tech Support
-
Discord: No Game No life#4534
markshen00 (at) gmail (dot) com
+
Discord: No Game No life#4534
@@ -726,7 +725,7 @@

Bryce Mankovsky

Marketing Manager
-
Discord: bmank52#1664
brycemankovsky (at) gmail (dot) com
+
Discord: bmank52#1664
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