1<!DOCTYPE html> 2<html lang="en"> 3 <head> 4 <meta charset="utf-8" /> 5 <meta 6 name="viewport" 7 content="width=device-width, initial-scale=1, shrink-to-fit=no" 8 /> 9 <title>La Piola pizza - Menu</title> 10 <link rel="shortcut icon" href="media/favicon.png" type="image/x-icon" /> 11 <link rel="icon" href="media/favicon.png" type="image/x-icon" /> 12 <link rel="apple-touch-icon" href="media/favicon.png" /> 13
13<script type="module" crossorigin src="./assets/index-CwAp8LOg.js"></script>
13 14 <link rel="stylesheet" crossorigin href="./assets/index-0mxmoM2u.css"> 15 </head> 16 <body> 17 <div id="app" class="min-w-screen min-h-screen"> 18 <div id="navbar" class="fixed bottom-0 w-full flex flex-col items-center z-9999"> 19 <div 20 class="flex flex-col items-center w-auto border border-lpp-red-dark rounded-t-[0.33em] p-4" 21 :class="veggieOnly ? 'bg-lpp-green' : 'bg-lpp-red'" 22 > 23 <div class="search p-[0.33em] bg-white rounded-2xl"> 24 <input 25 v-model="searchFor" 26 id="searchField" 27 class="border-0 bg-transparent shadow-none outline-none" 28 /> 29 <i class="fas fa-times-circle" @click="clearSearchField"></i> 30 </div> 31 <button 32 id="btn-menu" 33 class="font-norican p-4 text-lpp-white-tile bg-transparent border-0 focus:outline-none" 34 @click="goto('home')" 35 > 36 <span v-if="veggieOnly">Vegetarian </span>Menu 37 <i class="fas fa-arrow-up"></i> 38 </button> 39 <toggle-button 40 :labels="{checked: 'Show All Menu', unchecked: 'Show Veggie Only'}" 41 v-model="veggieOnly" 42 ></toggle-button> 43 <div id="lang-switch" class="flex gap-[0.33em] mt-[0.5em]"> 44 <button 45 v-for="l in languages" 46 :key="l.code" 47 type="button" 48 class="font-cabin text-xs uppercase px-[0.6em] py-[0.2em] rounded-[0.33em] border border-lpp-white-tile cursor-pointer focus:outline-none" 49 :class="lang === l.code ? 'bg-lpp-white-tile text-lpp-red' : 'bg-transparent text-lpp-white-tile'" 50 @click="lang = l.code" 51 > 52 {{ l.code }} 53 </button> 54 </div> 55 </div> 56 </div> 57 58 <div id="home" class="grid min-h-screen justify-center content-start bg-lpp-white-tile"> 59 <div id="home-logo" class="w-[66vw] mt-[3vh] mb-[3vh] justify-self-center"> 60 <img src="media/lpp-logo.svg" alt="logo" /> 61 </div> 62 63 <div id="lang-switch-top" class="flex gap-[0.5em] justify-self-center mb-[3vh]"> 64 <button 65 v-for="l in languages" 66 :key="l.code" 67 type="button" 68 class="font-cabin text-sm uppercase px-[0.9em] py-[0.35em] rounded-[0.33em] border border-lpp-red cursor-pointer focus:outline-none" 69 :class="lang === l.code ? 'bg-lpp-red text-lpp-white-tile' : 'bg-transparent text-lpp-red'" 70 @click="lang = l.code" 71 > 72 {{ l.code }} 73 </button> 74 </div> 75 76 77 78<div v-if="config && config.noticeBanner.enabled" id="notice-banner" class="flex justify-center w-full px-[4vw] mt-[1vh]"> 79 <div class="flex items-start gap-[0.66em] max-w-[85vw] font-cabin text-lpp-red text-2xl font-black"> 80 <i class="fas fa-circle-info mt-[0.15em]"></i> 81 <div>{{ config.noticeBanner.text[lang] }}</div> 82 </div> 83</div> 84 85 86 87 88 <!-- <div class="flex justify-center w-full "> 89 <a 90 href="https://bookings.zenchef.com/results?rid=370511&pid=1001" 91 target="_blank" 92 class="inline-block px-10 py-5 bg-[linear-gradient(135deg,#5f2e2d_0%,#581c19_100%)] text-white no-underline rounded-[15px] text-lg font-bold shadow-[0_8px_20px_rgba(244,80,52,0.4)] transition-all duration-300 border border-[#52110f] my-5" 93 >Prenota | réservez votre table | Book a table 94 </a> 95 </div> --> 96 97 <div v-if="gourmetEnabled" class="flex justify-center w-full "> 98 <a 99 :href="gourmetPdfUrl" 100 target="_blank" 101 class="inline-block px-10 py-5 bg-[linear-gradient(135deg,#731815_0%,#621b18_100%)] text-white no-underline rounded-[15px] text-2xl font-bold shadow-[0_8px_20px_rgba(244,80,52,0.4)] transition-all duration-300 border border-[#52110f] my-5" 102 > 103 Click here for a Gourmet Menu 104 </a> 105 </div> 106 107 <div id="buttons-grid" class="grid gap-[0.16em] grid-cols-2 mt-[3vh] mb-[3vh]"> 108 <div 109 v-for="cat in menu" 110 class="grid-button flex justify-center items-center flex-col text-lpp-red p-[0.66vh] font-bold rounded-[0.33em] border border-lpp-white-dark bg-lpp-white min-h-[8vh] cursor-pointer"
111 :class="menu.length === 1 ? 'col-span-2 justify-self-center w-1/2' : ''" 112 @click="goto(cat.id)" 113 > 114 <div>{{ cat.name }}</div> 115 <small class="text-center text-sm text-lpp-dark opacity-55">{{ cat.type }}</small> 116 </div> 117 </div> 118 <div id="home-cards" class="justify-self-center mt-[3vh] mb-[3vh] text-center font-cabin"> 119 <img src="media/cards.svg" alt="logo" class="w-[33vh] mx-auto" /> 120 <p class="text-lpp-red"><b class="font-semibold">Cash</b> · Bancontact · Visa · Mastercard</p> 121 </div> 122 </div> 123 <div 124 v-for="category in menu" 125 v-show="hasVisibleItems(category.items)" 126 :id="category.id" 127 class="bg-lpp-white-tile p-4" 128 :class="isVeggie(category.veggie)" 129 > 130 <div class="font-norican text-[2em] text-lpp-dark mb-[0.33em]"> 131 {{ category.name }} <small class="text-lpp-white-tile-dark text-[0.6em]">{{ category.type }}</small> 132 </div> 133 <div 134 v-for="item in orderItems(category.items)" 135 class="font-cabin p-[0.33em] mb-[0.33em] rounded-[0.33em] bg-lpp-white border border-lpp-white-dark-15" 136 :class="isVeggie(item.veggie)" 137 > 138 <div class="grid grid-cols-[1fr_auto_auto] items-center"> 139 <div class="font-bold justify-self-start text-lpp-black">{{ item.name }}</div> 140 <div class="w-[1.66em] mr-[0.3em] align-middle"> 141 <img v-if="item.veggie" src="media/veggie.svg" /> 142 </div> 143 <div class="italic justify-self-end pt-[0.33em] pb-[0.33em] pl-[0.6em] pr-[0.6em] bg-lpp-white-tile text-lpp-dark rounded-tr-[0.33em] rounded-tl-[1em] rounded-bl-[0.33em] rounded-br-[1em] border border-lpp-white-tile-dark-10"> 144 ⬠{{ fixed(item.price) }} 145 </div> 146 </div> 147 <div class="mt-4 text-[0.9em] text-justify"> 148 <div class="text-lpp-dark" v-html="highlight(getDesc(item))"></div> 149 </div> 150 </div> 151 </div> 152 <div id="note" class="flex flex-col items-center bg-lpp-white-tile pt-[1.66em] pb-[calc(20vh+1.66em)] font-cabin"> 153 <div v-if="config"> 154 <h1 class="text-[1.33em] text-center mb-[0.33em]" :class="allergyColorByLang[lang]">{{ config.allergyNote.heading[lang] }}</h1> 155 <p class="my-0" :class="allergyColorByLang[lang]">{{ config.allergyNote.body[lang] }}</p> 156 </div> 157 <img src="media/allergies.svg" alt="" class="w-[85vw] mt-[1.33em]" /> 158 <div class="mt-8"> 159 <div v-if="config"> 160 <p :class="allergyColorByLang[lang]">{{ config.sharedPizzaSurcharge.text[lang] }}</p> 161 </div> 162 </div> 163 </div> 164 </div> 165 <!-- Vite entry point --> 166 </body> 167</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.