|
|
| 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>
| |
