text: (()=>{"use strict";const e=(e,t)=>{t.split(" ").forEach((t=>e.classList.add(t)))},t=(e,...t)=>{t.forEach((t=>e.appendChild(t)))},a=document.createElement("div"),n=document.createElement("h1"),i=document.createElement("p"),s=document.createElement("h2"),l=document.createElement("div"),r=document.createElement("div");e(i,"mt-4 text-opacity-100"),e(n,"text-3xl gray-500 font-bold opacity-100"),e(s,"text-2xl mt-4 font-bold"),e(a,"mx-auto w-1/2 bg-white opacity-80 px-5 py-3 text-center"),e(l,"mt-4 flex justify-center"),r.classList.add("mt-4"),i.textContent="At Gary's Bistro, our mission is simple: enhance and educate the palate with the freshest ingredients and flavors, while surprising and exciting each guest with personal care and service",n.textContent="Gary's Bistro",s.textContent="Hours:",l.insertAdjacentHTML("beforeend","<ul>\n    <li>Sunday: 8am - 8pm</li>\n    <li>Monday: 9am - 9pm</li>\n    <li>Tuesday: 9am - 9pm</li>\n    <li>Wednesday: 9am - 9pm</li>\n    <li>Thursday: 9am - 9pm</li>\n    <li>Friday: 9am - 9pm</li>\n    <li>Saturday: 9am - 9pm</li>\n  </ul>"),r.insertAdjacentHTML("beforeend",'<h2 class="mb-4 font-bold text-2xl">Location:</h2>\n  <p>location: Saint Martin street number 2134</p>\n'),t(a,n,i,s,l,r);const o=()=>a,d=document.createElement("div"),m=document.createElement("h1"),c=document.createElement("div"),p=document.createElement("div"),u=document.createElement("div"),h=document.createElement("div");e(m,"text-3xl gray-500 font-bold opacity-100"),e(d,"mx-auto w-1/2 bg-white opacity-90 px-5 py-3 text-center"),e(c,"mt-4 grid grid-cols-2"),e(p,"mt-4 grid grid-cols-2 mt-2"),e(u,"mt-4 grid grid-cols-2 mt-2"),e(h,"mt-4 grid grid-cols-2 mt-2"),c.insertAdjacentHTML("beforeend",'\n  <div class="rounded-sm h-32 self-center bg-gray-200">\n  <h3 class="text-red-400 text-2xl font-bold-font-thin">Lasagna</h3>\n  <img src="./assets/images/lasagna.jpg" class="h-full w-full" alt="">\n  </div>\n  <p class="p-3">Lorem ipsum dolor sit amet consectetur adipisicing elit. Earum pariatur aspernatur aut omnis nemo. Laboriosam rem beatae nulla enim saepe, vel modi amet?</p>\n  '),p.insertAdjacentHTML("beforeend",'\n  <div class="rounded-sm h-32 self-center bg-gray-200">\n  <h3 class="text-red-400 text-2xl font-bold-font-thin">Hamburger</h3>\n  <img src="./assets/images/hamburger-hot.jpg" class="h-full w-full" alt="">\n  </div>\n  <p class="p-3">Lorem ipsum dolor sit amet consectetur adipisicing elit. Earum pariatur aspernatur aut omnis nemo. Laboriosam rem beatae nulla enim saepe, vel modi amet?</p>\n  '),u.insertAdjacentHTML("beforeend",'\n\n  <div class="rounded-sm h-32 self-center  bg-gray-200">\n  <h3 class="text-red-400 text-2xl font-bold-font-thin">Pizza</h3>\n  <img src="./assets/images/pizza.jpg" class="h-full w-full" alt="">\n  </div>\n  <p class="p-3">Lorem ipsum dolor sit amet consectetur adipisicing elit. Earum pariatur aspernatur aut omnis nemo. Laboriosam rem beatae nulla enim saepe, vel modi amet?</p>\n  '),h.insertAdjacentHTML("beforeend",'\n  <div class="rounded-sm h-32 self-center bg-gray-200">\n  <h3 class="text-red-400 text-2xl font-bold-font-thin">Pank magna</h3>\n  <img src="./assets/images/asian.jpg" class="h-full w-full" alt="">\n  </div>\n  <p class="p-3">Lorem ipsum dolor sit amet consectetur adipisicing elit. Earum pariatur aspernatur aut omnis nemo. Laboriosam rem beatae nulla enim saepe, vel modi amet?</p>\n  '),m.textContent="Gary's menu",t(d,m,c,p,u,h);const g=document.createElement("div"),x=document.createElement("h1");e(x,"text-3xl gray-500 font-bold opacity-100"),e(g,"mx-auto w-1/2 bg-white opacity-90 px-5 py-3 text-center"),x.textContent="222-333-444",t(g,x);const f=document.getElementById("content");f.insertAdjacentHTML("beforeend",'<nav class="bg-black pt-5 pb-4 mb-10">\n        <ul class="flex justify-center">\n          <li class="mr-10"><a href="#" id="home"  class="text-gray-100 capitalize text-2xl  pb-2 hover:text-red-500">home</a></li>\n          <li class="mr-10"><a href="#" id="menu" class="text-gray-100 capitalize text-2xl hover:text-red-500">menu</a></li>\n          <li><a href="#" id="contact" class="text-gray-100 capitalize text-2xl  hover:text-red-500">contact</a></li>\n        </ul>\n  </nav>'),f.appendChild(o()),window.addEventListener("click",(e=>{"home"===e.target.id?(f.removeChild(f.lastChild),f.appendChild(o())):"menu"===e.target.id?(f.removeChild(f.lastChild),f.appendChild(d)):"contact"===e.target.id&&(f.removeChild(f.lastChild),f.appendChild(g))}))})();