m |
Lianaevans (Talk | contribs) m |
||
(37 intermediate revisions by 2 users not shown) | |||
Line 4: | Line 4: | ||
<script> | <script> | ||
− | |||
− | |||
Line 15: | Line 13: | ||
var navItems = document.getElementsByClassName("nav-item"); // gets all of the nav-items | var navItems = document.getElementsByClassName("nav-item"); // gets all of the nav-items | ||
var foodItems = document.getElementsByClassName("food-item-inner"); | var foodItems = document.getElementsByClassName("food-item-inner"); | ||
+ | var foodItems2 = document.getElementsByClassName("food-item"); | ||
var team = document.getElementsByClassName("overlay"); | var team = document.getElementsByClassName("overlay"); | ||
var navbarLinks = document.getElementsByClassName("navbar-links"); | var navbarLinks = document.getElementsByClassName("navbar-links"); | ||
Line 109: | Line 108: | ||
navbarLinks[0].style.height = "100%"; | navbarLinks[0].style.height = "100%"; | ||
var navBtn = document.getElementById("nav-icon"); | var navBtn = document.getElementById("nav-icon"); | ||
+ | var navLinks = document.getElementsByClassName("navbar-links")[0]; | ||
navBtn.setAttribute("onclick", "closeMobileNav()"); | navBtn.setAttribute("onclick", "closeMobileNav()"); | ||
navBtn.classList.toggle("toggle-nav"); | navBtn.classList.toggle("toggle-nav"); | ||
navBtn.title = "Close Nav"; | navBtn.title = "Close Nav"; | ||
+ | navLinks.classList.toggle("openNavLinks"); | ||
} | } | ||
function closeMobileNav() { | function closeMobileNav() { | ||
− | closeSubmenus(); | + | //closeSubmenus();// |
navbarLinks[0].style.height = 0; | navbarLinks[0].style.height = 0; | ||
var navBtn = document.getElementById("nav-icon"); | var navBtn = document.getElementById("nav-icon"); | ||
+ | var navLinks = document.getElementsByClassName("navbar-links")[0]; | ||
navBtn.setAttribute("onclick", "openMobileNav()"); | navBtn.setAttribute("onclick", "openMobileNav()"); | ||
navBtn.classList.toggle("toggle-nav"); | navBtn.classList.toggle("toggle-nav"); | ||
navBtn.title = "Open Nav"; | navBtn.title = "Open Nav"; | ||
+ | navLinks.classList.toggle("openNavLinks"); | ||
} | } | ||
Line 142: | Line 145: | ||
function flipFood(x) { | function flipFood(x) { | ||
foodItems[x-1].className = "food-item-inner flipped-food-item-inner"; | foodItems[x-1].className = "food-item-inner flipped-food-item-inner"; | ||
− | + | foodItems2[x-1].setAttribute("onclick", "unFlipFood(" +x.toString()+ ")"); | |
foodPop(x); | foodPop(x); | ||
} | } | ||
Line 148: | Line 151: | ||
function unFlipFood(x) { | function unFlipFood(x) { | ||
foodItems[x-1].className = "food-item-inner food-item-inner-1"; | foodItems[x-1].className = "food-item-inner food-item-inner-1"; | ||
− | + | foodItems2[x-1].setAttribute("onclick", "flipFood(" +x.toString()+ ")"); | |
foodPop(x); | foodPop(x); | ||
} | } | ||
Line 162: | Line 165: | ||
function toInteractive() { | function toInteractive() { | ||
var startOfInteractive = (document.getElementById("home-welcome").offsetHeight) + (document.getElementsByClassName("navbar")[0].offsetHeight); | var startOfInteractive = (document.getElementById("home-welcome").offsetHeight) + (document.getElementsByClassName("navbar")[0].offsetHeight); | ||
− | window.scrollTo(0, startOfInteractive); | + | //window.scrollTo(0, startOfInteractive); |
+ | window.scroll({top: startOfInteractive, left: 0, behaviour: 'smooth'}); | ||
+ | console.log("It should have just scrolled"); | ||
} | } | ||
Line 168: | Line 173: | ||
window.scrollTo(0, document.getElementById("team-title").offsetHeight); | window.scrollTo(0, document.getElementById("team-title").offsetHeight); | ||
} | } | ||
+ | function scrollDownProject(){ | ||
+ | window.scrollTo(0, document.getElementById("page-content").offsetHeight); | ||
+ | } | ||
+ | |||
function googleTranslateElementInit() { | function googleTranslateElementInit() { | ||
new google.translate.TranslateElement({pageLanguage: 'en'}, 'translate-feature'); | new google.translate.TranslateElement({pageLanguage: 'en'}, 'translate-feature'); | ||
Line 175: | Line 184: | ||
function mobileNav() { | function mobileNav() { | ||
if(window.innerWidth <= 1024) { | if(window.innerWidth <= 1024) { | ||
− | + | var navBtn = document.getElementById("nav-icon"); | |
− | + | if(navBtn.classList.contains("toggle-nav")) { | |
− | + | closeMobileNav(); | |
− | + | } | |
+ | else { | ||
+ | navbarLinks[0].style.height = 0; | ||
+ | } | ||
} | } | ||
else { | else { | ||
− | + | navbarLinks[0].style.height = "100%"; // to ensure that the regular nav bar gets set back to regular height even after | |
− | + | // the mobile nav has been opened and closed(which would set the height back to 0) | |
− | + | ||
} | } | ||
} | } | ||
Line 258: | Line 269: | ||
//document.getElementsByClassName("home-video")[0].scrollIntoView(); | //document.getElementsByClassName("home-video")[0].scrollIntoView(); | ||
document.getElementById("home-intro-video").scrollIntoView(); | document.getElementById("home-intro-video").scrollIntoView(); | ||
− | window.scrollBy(0,scrollValue2); | + | if(window.innerWidth >= 992) |
− | + | { | |
+ | window.scrollBy(0,scrollValue2); | ||
+ | } | ||
+ | |||
if(circle.classList.contains("full-circle")) | if(circle.classList.contains("full-circle")) | ||
{ | { | ||
Line 273: | Line 287: | ||
video.pause(); | video.pause(); | ||
video.currentTime = 0; | video.currentTime = 0; | ||
+ | } | ||
+ | |||
+ | function pauseHomeVideo() { | ||
+ | var video = document.querySelector(".actual-intro-video") | ||
+ | video.pause(); | ||
} | } | ||
Line 296: | Line 315: | ||
} | } | ||
− | + | window.addEventListener("load", function () { | |
+ | const loader = document.querySelector(".loader-wrapper"); | ||
+ | loader.className += " hidden"; | ||
+ | const e = document.getElementById("loader-wrapper-id"); | ||
+ | e.addEventListener("animationend", (ev) => { | ||
+ | if (ev.type === "animationend") { | ||
+ | e.style.display = "none"; | ||
+ | } | ||
+ | }, false); | ||
+ | }); | ||
</script> | </script> |
Latest revision as of 01:18, 27 October 2020