Lianaevans (Talk | contribs) m (Blanked the page) |
Lianaevans (Talk | contribs) m |
||
Line 1: | Line 1: | ||
+ | <html> | ||
+ | <script> | ||
+ | // makes the default page title not display | ||
+ | var topTitle = document.getElementById("top_title").style.display = "none"; | ||
+ | |||
+ | var navText = document.getElementsByClassName("nav-text"); // gets all nav-text elements bc they are used in multiple funcs | ||
+ | var dropLinks = document.getElementsByClassName("drop-link"); // gets all of the expandable nav sections for the same reason | ||
+ | var navItems = document.getElementsByClassName("nav-item"); // gets all of the nav-items | ||
+ | var foodItems = document.getElementsByClassName("food-item-inner"); | ||
+ | var navBtn = document.getElementById("open-close-nav"); | ||
+ | |||
+ | function openNav() { | ||
+ | document.getElementById("nav-elements").style.right = "0"; | ||
+ | |||
+ | setTimeout(function() { | ||
+ | for(i = 0; i < navText.length; i++) { // makes the text inside each nav-item visible | ||
+ | navText[i].style.opacity = "1"; | ||
+ | navItems[i].style.pointerEvents = "all"; // gives back the ability to click on things when the nav is open | ||
+ | } | ||
+ | }, 500); | ||
+ | |||
+ | document.getElementById("open-close-nav").className = "toggle-nav"; // for some reason,making it a global var didn't work | ||
+ | document.getElementById("open-close-nav").setAttribute("onclick","closeNav()"); | ||
+ | document.getElementById("open-close-nav").title = "Close Menu"; | ||
+ | |||
+ | //document.getElementById("nav-icon").style.display = "none"; gets rid of "open nav" button | ||
+ | //document.getElementById("close-nav-button").style.display = "block"; shows "close nav" button | ||
+ | |||
+ | } | ||
+ | |||
+ | function closeNav() { | ||
+ | closeSubmenus(); | ||
+ | |||
+ | for(i = 0; i < navText.length; i++) { | ||
+ | navText[i].style.opacity = "0"; | ||
+ | navItems[i].style.pointerEvents = "none"; // tries to hide the fact that you can still click on it when closed | ||
+ | } | ||
+ | |||
+ | setTimeout(function() { | ||
+ | document.getElementById("nav-elements").style.right = "100vw"; | ||
+ | }, 500); | ||
+ | |||
+ | document.getElementById("open-close-nav").className = ""; | ||
+ | document.getElementById("open-close-nav").setAttribute("onclick","openNav()"); | ||
+ | document.getElementById("open-close-nav").title = "Open Menu"; | ||
+ | |||
+ | //document.getElementById("nav-icon").style.display = "block"; | ||
+ | //document.getElementById("close-nav-button").style.display = "none"; | ||
+ | } | ||
+ | |||
+ | function closeSubmenus() { | ||
+ | for(i = 0; i < dropLinks.length; i++) { | ||
+ | dropLinks[i].className = "drop-link nav-item"; // gets rid of the active-menu class name | ||
+ | } | ||
+ | } | ||
+ | |||
+ | function showSubmenu(x) { | ||
+ | closeSubmenus(); // first closes the current open submenu | ||
+ | |||
+ | for(i = 0; i < dropLinks.length; i++) { // then adds the class name active-menu to a specified element | ||
+ | if(i == (x-1)) { | ||
+ | dropLinks[i].className = "drop-link nav-item active-menu"; | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | |||
+ | function flipFood(x) { | ||
+ | unFlipFood(); | ||
+ | |||
+ | for(i = 0; i < foodItems.length; i++) { | ||
+ | if(i == (x-1)) { | ||
+ | foodItems[i].className = "food-item-inner flipped-food-item-inner"; | ||
+ | foodItems[i].setAttribute("onclick","unFlipFood()"); | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | |||
+ | function unFlipFood() { | ||
+ | for(i = 0; i < foodItems.length; i++) { | ||
+ | foodItems[i].className = "food-item-inner food-item-inner-1"; | ||
+ | var newOnClick = "flipFood(" + (i+1).toString() + ")"; | ||
+ | foodItems[i].setAttribute("onclick", newOnClick); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | function fontResize() { | ||
+ | var bodyElement = document.getElementsByTagName("body"); | ||
+ | var newFontSize = window.innerWidth * 0.0125; | ||
+ | newFontSize = newFontSize.toString(); | ||
+ | newFontSize = newFontSize + "px"; | ||
+ | bodyElement[0].style.fontSize = newFontSize; | ||
+ | } | ||
+ | |||
+ | function toInteractive() { | ||
+ | window.scrollTo(0, document.getElementById("home-welcome").offsetHeight); | ||
+ | } | ||
+ | |||
+ | function googleTranslateElementInit() { | ||
+ | new google.translate.TranslateElement({pageLanguage: 'en'}, 'translate-feature'); | ||
+ | //({pageLanguage: 'en', includedLanguages: 'es,fr'}, 'translate-feature'); | ||
+ | } | ||
+ | |||
+ | function windowResize() { | ||
+ | fontResize(); | ||
+ | } | ||
+ | |||
+ | function windowLoad() { | ||
+ | fontResize(); | ||
+ | } | ||
+ | </script> | ||
+ | <html> |
Revision as of 18:52, 9 July 2020