main.js

!function(e){var t={};function n(c){if(t[c])return t[c].exports;var a=t[c]={i:c,l:!1,exports:{}};return e[c].call(a.exports,a,a.exports,n),a.l=!0,a.exports}n.m=e,n.c=t,n.d=function(e,t,c){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:c})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var c=Object.create(null);if(n.r(c),Object.defineProperty(c,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var a in e)n.d(c,a,function(t){return e[t]}.bind(null,a));return c},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=0)}([function(e,t,n){"use strict";n.r(t);var c=()=>{const e=document.createElement("div");e.id="home",e.classList.add("homepage","homepage-fluid");const t=document.createElement("div");return t.classList.add("container","text-white"),t.innerHTML='\n  <h1 class="display-4 ml-4 welcome"> Jerky\'s </h1>\n  <br />\n\n  <p class="phrase"><strong>It\'s finger licking good !!</strong></p>\n  <p class="phrase"><strong>Satisfy your bear appetite Today.</strong></p>\n  <p class="phrase"><strong>Don\'t forget to check for our Today\'s special</strong></p>\n  <p> </p>',e.appendChild(t),e};var a=()=>{const e=document.createElement("div");e.id="menu",e.classList.add("menuItems","content");const t=document.createElement("div");t.classList.add("containers"),e.appendChild(t);const n=document.createElement("div");n.classList.add("row"),t.appendChild(n);const c=document.createElement("div");c.classList.add("col-lg-12","col-md-12","col-sm-12","col-xs-12","text-center"),n.appendChild(c);const a=document.createElement("div");a.classList.add("menu-section"),c.appendChild(a);const d=document.createElement("h1");d.classList.add("page-title"),d.innerHTML="Food Menu",a.appendChild(d);const i=document.createElement("div");i.classList.add("row"),t.appendChild(i);const s=document.createElement("div");s.classList.add("col-lg-4","col-md-4","col-sm-6","col-xs-12","mb40"),i.appendChild(s);const o=document.createElement("div");o.classList.add("col-lg-4","col-md-4","col-sm-6","col-xs-12","mb40"),i.appendChild(o);const l=document.createElement("div");l.classList.add("menu-block"),o.appendChild(l);const r=document.createElement("h3");r.classList.add("menu-title"),r.innerHTML="Food",l.appendChild(r),[{img:"images/nyamachoma.jpg",title:"East African Nyama Choma",caption:"beef, goat meat, lamb",price:"$11"},{img:"images/full-chkn.jpg",title:"Whole Chicken",caption:"Whole Chicken- deepfried",price:"$14"},{img:"images/more.jpg",title:"Chips and Mchomo",caption:"Plate of chips and Mchomo",price:"$14"},{img:"images/nyama.jpg",title:"Roasted meat",caption:"Roasted Goat or beef ",price:"$12"},{img:"images/rolex.jpg",title:"UGRolex",caption:"Meat rolex, vegetable rolex",price:"$13"},{img:"images/luwombo.jpg",title:"Chicken Luwombo",caption:"Whole chicken Luwombo",price:"$13"}].forEach(e=>{const t=document.createElement("div");t.classList.add("menu-content"),l.appendChild(t);const n=document.createElement("div");n.classList.add("row"),t.appendChild(n);const c=document.createElement("div");c.classList.add("col-lg-3","col-md-3","col-sm-3","col-xs-12"),n.appendChild(c);const a=document.createElement("div");a.classList.add("food-img"),c.appendChild(a);const d=document.createElement("img");d.setAttribute("src",e.img),d.setAttribute("alt",e.title),d.classList.add("img-div"),a.appendChild(d);const i=document.createElement("div");i.classList.add("col-lg-9","col-md-9","col-sm-9","col-xs-12"),n.appendChild(i);const s=document.createElement("div");s.classList.add("food-content"),i.appendChild(s);const o=document.createElement("h5");o.classList.add("food-title"),o.innerHTML=`<a href='#'>${e.title}</a>`,s.appendChild(o);const r=document.createElement("span");r.classList.add("food-caption"),r.innerHTML=e.caption,s.appendChild(r);const m=document.createElement("div");m.classList.add("food-price"),s.appendChild(m);const p=document.createElement("p");p.innerHTML=e.price,m.appendChild(p)});const m=document.createElement("div");m.classList.add("col-lg-4","col-md-4","col-sm-6","col-xs-12","mb40"),i.appendChild(m);const p=document.createElement("div");p.classList.add("menu-block"),m.appendChild(p);const u=document.createElement("h3");return u.classList.add("menu-title"),u.innerHTML="Drinks",p.appendChild(u),[{img:"images/juice.jpg",title:"Fruit juice",caption:"Passion, mango, strawberry, pineapple",price:"$8"},{img:"images/juice2.jpg",title:"Mixed Fruit juice",caption:"Natural refreshing mixed fruit juice",price:"$12"},{img:"images/cocktail.jpg",title:"Cocktail",caption:"Classic cocktails",price:"$15"},{img:"images/beer.jpg",title:"Beers",caption:"All kinds of beer",price:"Prices may vary"}].forEach(e=>{const t=document.createElement("div");t.classList.add("menu-content"),p.appendChild(t);const n=document.createElement("div");n.classList.add("row"),t.appendChild(n);const c=document.createElement("div");c.classList.add("col-lg-3","col-md-3","col-sm-3","col-xs-12"),n.appendChild(c);const a=document.createElement("div");a.classList.add("drink-img"),c.appendChild(a);const d=document.createElement("img");d.setAttribute("src",e.img),d.setAttribute("alt",e.title),d.classList.add("img-div"),a.appendChild(d);const i=document.createElement("div");i.classList.add("col-lg-9","col-md-9","col-sm-9","col-xs-12"),n.appendChild(i);const s=document.createElement("div");s.classList.add("dish-content"),i.appendChild(s);const o=document.createElement("h5");o.classList.add("dish-title"),o.innerHTML=`<a href='#'>${e.title}</a>`,s.appendChild(o);const l=document.createElement("span");l.classList.add("dish-caption"),l.innerHTML=e.caption,s.appendChild(l);const r=document.createElement("div");r.classList.add("dish-price"),s.appendChild(r);const m=document.createElement("p");m.innerHTML=e.price,r.appendChild(m)}),e};var d=()=>{const e=document.createElement("div");e.id="contact",e.classList.add("homepage","homepage-fluid");const t=document.createElement("div");return t.classList.add("new","card","text-white"),t.innerHTML='\n  <h3 class="display-4 ml-4 welcome text-center fa fa-phone"> Contact us Today</h3>\n  <hr>\n  <p class="phrase  ml-3 fa fa-whatsapp"><strong>  : +256782010352</strong></p>\n  <p class="phrase  ml-3 fa fa-twitter"><strong>  : @AmpaPhem</strong></p>\n  <p class="phrase  ml-3 fa fa-facebook"><strong>  : Effie Ampaire Phemia</strong></p>\n  <p class="phrase  ml-3 fa fa-envelope"><strong>  : femayapr@gmail.com</strong></p>\n  <p> </p>',e.appendChild(t),e};const i=document.getElementById("content"),s=()=>{i.innerHTML="",i.appendChild(c())};s();const o=document.getElementById("#home"),l=document.getElementById("#menu"),r=document.getElementById("#contact"),m=e=>{e.target===o?s():e.target===l?(i.innerHTML="",i.appendChild(a())):(i.innerHTML="",i.appendChild(d()))};o.addEventListener("click",m),l.addEventListener("click",m),r.addEventListener("click",m)}]);