1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 <title>Best Delivery around Downtown Toledo | Home Slice Pizza</title> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover"> 6 <meta charset="UTF-8"> 7 8 <meta name="description" content="Delivery delivery and pickup near Downtown Toledo. Order online from Home Slice Pizza." /> 9 <meta property="og:title" content="Best Delivery around Downtown Toledo | Home Slice Pizza" /> 10 <meta property="og:description" content="Delivery delivery and pickup near Downtown Toledo. Order online from Home Slice Pizza." /> 11 <meta property="og:image" content="https://chowly-coo-configuration-assets.nyc3.digitaloceanspaces.com/chowly-coo-prod-configuration-assets/public/assets/Logo-1584-4f2d5731-1e6d-481c-85ab-349eeb5e208b.png" /> 12 <meta property="og:type" content="website" /> 13 <meta property="og:url" content="https://www.homeslice419.com/location/downtown-toledo" /> 14 15 <link rel="icon" type="image/png" href="https://chowly-coo-configuration-assets.nyc3.digitaloceanspaces.com/chowly-coo-prod-configuration-assets/public/assets/Favicon-733-93fa07b0-b211-4767-b914-59056ff8f438.png"> 16 <link rel="canonical" href="https://www.homeslice419.com/location/downtown-toledo" /> 17 18 19 20 21 22 <link rel="stylesheet" href="/assets/site-fa6bd954239289997bc418875168ed5ab9c9013b19cc0c43e02d72d7ae77e155.css" data-turbo-track="reload" /> 23 <link rel="stylesheet" href="/assets/icons-8a8adf1b209dcf6019c445e5477d00b79192f6726b65fd7cf29cf43036ec3917.css" data-turbo-track="reload" /> 24 25
25<script type="importmap" data-turbo-track="reload">{ 26 "imports": { 27 "application": "/assets/application-4a1c1d27c11faa4dbac51fff4126422169b85739cdee3e8b89ea183bc17a2c23.js", 28 "@hotwired/turbo-rails": "/assets/turbo.min-f3765a09513ca1417099ce92257ef54b9d4cf3a7addc7dcbb1d6d848d307ee8a.js", 29 "@hotwired/stimulus": "/assets/stimulus.min-dd364f16ec9504dfb72672295637a1c8838773b01c0b441bd41008124c407894.js", 30 "@hotwired/stimulus-loading": "/assets/stimulus-loading-3576ce92b149ad5d6959438c6f291e2426c86df3b874c525b30faad51b0d96b3.js", 31 "site": "/assets/site-4b047adea2bfbedbd09cb582dd17c2c15e218d15c9dc17cfa26985c983bcea78.js", 32 "local-time": "/assets/local-time-821d43d4efe5c285055b57aea1a1f04a89a1019f689de214873d5af45a3ab3d7.js", 33 "jquery": "/assets/jquery-9292661fe0d8c5ef2ef35f5ca64d541d70c87e9f6d7f2716d646591a295b7f36.js", 34 "jquery-mask-plugin": "/assets/jquery-mask-plugin-12f491759485d6e50f909cf5fb641f245011016ab91b9043c057666fe07a99c0.js", 35 "alpinejs": "/assets/alpinejs-1330ff78f6252d676b60ac1291d71df4f04e542899717f8ee4d03a79dec27045.js", 36 "swiper": "/assets/swiper-2faaef3c8e00dc01e477390250b8d1e3950bde9bcacdc205a4a0265787e5c077.js", 37 "libraries/vidbg": "/assets/libraries/vidbg-ca103f7572673d0e7e3cc8a6a59b200f7ab3da61da78a43e532949d800635fa5.js", 38 "controllers/application": "/assets/controllers/application-368d98631bccbf2349e0d4f8269afb3fe9625118341966de054759d96ea86c7e.js", 39 "controllers/hello_controller": "/assets/controllers/hello_controller-549135e8e7c683a538c3d6d517339ba470fcfb79d62f738a0a089ba41851a554.js", 40 "controllers": "/assets/controllers/index-2db729dddcc5b979110e98de4b6720f83f91a123172e87281d5a58410fc43806.js", 41 "controllers/prompt_engineering_controller": "/assets/controllers/prompt_engineering_controller-c5abfd07f3f7b741f778d3070d18fd216b100840ef6cfdce4adb7c953a59d715.js" 42 } 43}</script>
43 44<link rel="modulepreload" href="/assets/site-4b047adea2bfbedbd09cb582dd17c2c15e218d15c9dc17cfa26985c983bcea78.js"> 45<link rel="modulepreload" href="/assets/jquery-9292661fe0d8c5ef2ef35f5ca64d541d70c87e9f6d7f2716d646591a295b7f36.js"> 46<link rel="modulepreload" href="/assets/jquery-mask-plugin-12f491759485d6e50f909cf5fb641f245011016ab91b9043c057666fe07a99c0.js"> 47<link rel="modulepreload" href="/assets/alpinejs-1330ff78f6252d676b60ac1291d71df4f04e542899717f8ee4d03a79dec27045.js"> 48<link rel="modulepreload" href="/assets/swiper-2faaef3c8e00dc01e477390250b8d1e3950bde9bcacdc205a4a0265787e5c077.js">
49<script type="module">import "site"</script>
49 50 51 <link rel="preconnect" href="https://fonts.googleapis.com"> 52 <link rel="preconnect" href="https://cdnjs.cloudflare.com"> 53 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 54 55 56 <link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,700,0..1,0&icon_names=17mp,add_card,ads_click,app_promo,attach_money,award_star,bakery_dining,bookmark_star,breakfast_dining,brightness_alert,cake,cake_add,cleaning_bucket,coffee,credit_card,date_range,directions_bus,drag_click,emoji_food_beverage,explosion,fastfood,featured_seasonal_and_gifts,fiber_new,file_map,file_map_stack,fireplace,food_bank,fork_spoon,glass_cup,home_pin,kid_star,local_bar,local_dining,local_fire_department,local_pizza,location_on,lunch_dining,mail,mark_email_unread,motorcycle,online_prediction,open_in_phone,phone_enabled,pin_drop,potted_plant,priority,quick_reorder,ramen_dining,restaurant,rice_bowl,sell,sentiment_excited,set_meal,settings_cell,shopping_bag,skillet_cooktop,smartphone,soup_kitchen,sports_football,star,star_rate,stockpot,trophy,volunteer_activism,wifi_calling_bar_1,wine_bar&display=block" 57 rel="preload" as="style"> 58 <link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,700,0..1,0&icon_names=17mp,add_card,ads_click,app_promo,attach_money,award_star,bakery_dining,bookmark_star,breakfast_dining,brightness_alert,cake,cake_add,cleaning_bucket,coffee,credit_card,date_range,directions_bus,drag_click,emoji_food_beverage,explosion,fastfood,featured_seasonal_and_gifts,fiber_new,file_map,file_map_stack,fireplace,food_bank,fork_spoon,glass_cup,home_pin,kid_star,local_bar,local_dining,local_fire_department,local_pizza,location_on,lunch_dining,mail,mark_email_unread,motorcycle,online_prediction,open_in_phone,phone_enabled,pin_drop,potted_plant,priority,quick_reorder,ramen_dining,restaurant,rice_bowl,sell,sentiment_excited,set_meal,settings_cell,shopping_bag,skillet_cooktop,smartphone,soup_kitchen,sports_football,star,star_rate,stockpot,trophy,volunteer_activism,wifi_calling_bar_1,wine_bar&display=block" 59 rel="stylesheet"> 60 61 <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/fontawesome.min.css" 62 rel="preload" as="style"> 63 <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/fontawesome.min.css" 64 rel="stylesheet"> 65 66 <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/brands.min.css" 67 rel="preload" as="style"> 68 <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/brands.min.css" 69 rel="stylesheet">
vendor: 75 bytes, lines 69-71
69 70 71 <script src="https://www.google.com/recaptcha/enterprise.js?render=
716LcsffgqAAAAANLXQa19TOl4LbE2V7eS6PfaYhiT
vendor: 21 bytes, lines 71-73
71" defer></script> 72 73
73<script> 74 if (!window.origin.includes('http://localhost')) { 75 window.heap=window.heap||[],heap.load=function(e,t){window.heap.appid=e,window.heap.config=t=t||{};var r=document.createElement("script");r.type="text/javascript",r.async=!0,r.src="https://cdn.heapanalytics.com/js/heap-"+e+".js";var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(r,a);for(var n=function(e){return function(){heap.push([e].concat(Array.prototype.slice.call(arguments,0)))}},p=["addEventProperties","addUserProperties","clearEventProperties","identify","resetIdentity","removeEventProperty","setEventProperties","track","unsetEventProperty"],o=0;o<p.length;o++)heap[p[o]]=n(p[o])}; 76 heap.load((window.origin.includes('chowly.dev') ? '3177339425' : '3745098455')); 77 } 78 </script>
78 79 80 <link href="https://fonts.googleapis.com/css2?family=Roboto Slab:wght@400;700&family=Roboto Slab:wght@400;700&display=swap" 81 rel="preload" as="style"> 82 <link href="https://fonts.googleapis.com/css2?family=Roboto Slab:wght@400;700&family=Roboto Slab:wght@400;700&display=swap" 83 rel="stylesheet"> 84 85 <style> 86 87 :root { 88 /* Light theme colors */ 89 --bg-primary: white; 90 --bg-secondary: #F2F2F2; 91 --bg-form: white; 92 --text-primary: #212121; 93 --text-secondary: #666; 94 --text-muted: #666666; 95 --border-primary: #e02727; 96 --border-secondary: #D7D7D7; 97 --stroke-primary: #e02727; 98 --stroke-secondary: currentColor; 99 --active-bg-opacity: 8%; 100 --active-text: #e02727; 101 --hover-bg-opacity: 8%; 102 --hover-text: #e02727; 103 --link-text: #666; 104 --link-hover: black; 105 --social-bg: #666; 106 --social-text: white; 107 --placeholder-text: #D7D7D7; 108 --focus-border: #777777; 109 --button-bg: transparent; 110 --button-text: #e02727; 111 --button-border: #e02727; 112 --button-hover-bg: transparent; 113 --button-hover-border: #e02727; 114 --brand-primary: #e02727; 115 --brand-secondary: #e02727; 116 --brand-overlay: rgba(224,39,39,0.08); 117 --brand-overlay-heavy: rgba(224,39,39,0.80); 118 --dim-overlay: rgba(0,0,0,0.4); 119 } 120 121 body { 122 background: linear-gradient(180deg, rgba(224, 39, 39, 0.08) 0px, rgba(224, 39, 39, 0.00) 520px); 123 } 124 125 .grecaptcha-badge { visibility: hidden; } 126 </style> 127 128
128<script src="https://px.premion.com/pixel.js?pxid=69ea26e0910c26dc3e3f7e02"></script>
128 129 130
130<script src="https://cdn.userway.org/widget.js" data-account="2RTD1qUW2F" data-position="3"></script>
130 131 132 <link rel="stylesheet" href="/assets/vidbg-59cd2b661e27143a4d41f154396b1fabc6ac9c0893f4d4b1623cbf033efc0130.css" /> 133 134
134<script src="/assets/libraries/vidbg-ca103f7572673d0e7e3cc8a6a59b200f7ab3da61da78a43e532949d800635fa5.js"></script>
134 135
135<script src="/assets/banner-component-730ab5752d6195daf2963c20c32c885c4d07215b1fbd2a76a52cd94622d82ef7.js"></script>
135 136 137
137<script async> 138 window.chowlyApiHost = 'https://api.chowlyinc.com'; 139 window.siteHost = 'https://sites.chowly.app'; 140 </script>
140 141 142
142<script type="application/ld+json"> 143 {"@type":"Restaurant","name":"Home Slice Pizza","address":{"@type":"PostalAddress","streetAddress":"28 S St Clair St","addressLocality":"Toledo","addressRegion":"OH","postalCode":"43604","addressCountry":"US"},"telephone":"4197247437","geo":{"@type":"GeoCoordinates","latitude":41.6468166,"longitude":-83.53896220000001},"url":"https://www.homeslice419.com#location-48602","servesCuisine":["Delivery","Dine In","Dinner","Great Cocktails","Group Dining","Happy Hour","Late Night Dining","Lunch","Online Ordering","Pizza Delivery","Pizza Takeout","Rewards Program","Takeout","Upstairs Bar"],"priceRange":"$$","openingHoursSpecification":[{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Sunday","opens":"11:00:00","closes":"23:00:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Monday","opens":"11:00:00","closes":"23:00:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Tuesday","opens":"11:00:00","closes":"23:00:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Wednesday","opens":"11:00:00","closes":"23:00:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Thursday","opens":"11:00:00","closes":"23:00:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Friday","opens":"00:00:00","closes":"02:00:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Friday","opens":"11:00:00","closes":"23:49:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Saturday","opens":"00:00:00","closes":"02:00:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Saturday","opens":"11:00:00","closes":"23:49:00"}],"hasMenu":"https://www.homeslice419.com/menu","areaServed":["Downtown Toledo","Glass City Region","Greater Toledo Area","Lucas County","Northwood","Old South End","Old West End","Toledo OH","Vistula Historic District","Walbridge","Warehouse District"],"@context":"https://schema.org"} 144 </script>
144 145</head> 146<body data-organization-id="49360" > 147 <a href="#main-content" class="sr-only focus:not-sr-only">Skip to main content</a> 148 <main id="main-content" role="main" data-maglev-dropzone> 149 <section class="grid grid-cols-2 gap-0 justify-center"> 150 <div class="bg-[var(--brand-primary)] w-full h-[40px] flex justify-center items-center px-4 col-span-2" role="banner" id="section-FYU2eG76" data-maglev-section-id="FYU2eG76" data-maglev-section-type="site_notification_01"> 151 <section class="flex items-center space-x-2 max-w-[1440px] w-full justify-center"> 152 <div class="w-[30px] h-[30px] overflow-hidden"> 153 <i class="text-white mds-food_bank" data-maglev-id="FYU2eG76.icon" aria-hidden="true"></i> 154 </div> 155 <span data-maglev-id="FYU2eG76.title" class="text-white text-[14px] font-normal leading-[24px] text-center line-clamp-2 overflow-hidden"><p><strong>Fresh-Baked Pizza Delivered to the Heart of <a href="/location/downtown-toledo">Downtown Toledo</a></strong></p></span> 156 </section> 157</div><header class="sticky top-0 z-50 bg-[var(--bg-primary)] py-[16px] xl:py-[12px] shadow-md w-full col-span-2" id="section-dDb0AMpP" data-maglev-section-id="dDb0AMpP" data-maglev-section-type="standard_nav_01"> 158 <div class="flex justify-between items-center px-4 xl:px-8 mx-auto w-full xl:max-w-[1440px]"> 159 <div class="flex items-center"> 160 <div class="max-w-[280px] max-h-[100px] rounded-lg flex-shrink-0 mr-4 xl:mr-8"> 161 <a href="/" aria-label="Home Slice Pizza home"> 162 <img src="https://image-cdn.chowlyinc.com/300%2Cfit%2Cavif/https%3A%2F%2Fchowly-coo-configuration-assets.nyc3.digitaloceanspaces.com%2Fchowly-coo-prod-configuration-assets%2Fpublic%2Fassets%2FLogo-1584-4f2d5731-1e6d-481c-85ab-349eeb5e208b.png" alt="Home Slice Pizza logo" class="max-w-[280px] max-h-[100px] w-auto h-auto object-contain rounded-lg"> 163 </a> 164 </div> 165 166 <nav role="navigation" aria-label="Main navigation" class="hidden xl:block"> 167 <ul class="flex"> 168 169 170 <li> 171 <a data-maglev-id="Z1q50wdUeuo.link" class="flex text-[var(--text-muted)] hover:bg-[var(--brand-primary)]/[var(--hover-bg-opacity)] items-center justify-center gap-2 py-2 px-3 text-sm font-semibold rounded-md mr-3" aria-current="false" href="/"><span data-maglev-id="Z1q50wdUeuo.link.text">Home</span></a> 172 </li> 173 174 <li> 175 <a data-maglev-id="6xeDE5fDH5w.link" class="flex text-[var(--text-muted)] hover:bg-[var(--brand-primary)]/[var(--hover-bg-opacity)] items-center justify-center gap-2 py-2 px-3 text-sm font-semibold rounded-md mr-3" aria-current="false" href="/our-story"><span data-maglev-id="6xeDE5fDH5w.link.text">Our Story</span></a> 176 </li> 177 178 <li> 179 <a data-maglev-id="3rHHU02wtE8.link" class="flex text-[var(--text-muted)] hover:bg-[var(--brand-primary)]/[var(--hover-bg-opacity)] items-center justify-center gap-2 py-2 px-3 text-sm font-semibold rounded-md mr-3" aria-current="false" href="/menu"><span data-maglev-id="3rHHU02wtE8.link.text">Menu</span></a> 180 </li> 181 182 <li> 183 <a data-maglev-id="38C737Myf3c.link" class="flex text-[var(--text-muted)] hover:bg-[var(--brand-primary)]/[var(--hover-bg-opacity)] items-center justify-center gap-2 py-2 px-3 text-sm font-semibold rounded-md mr-3" aria-current="false" href="/contact-us"><span data-maglev-id="38C737Myf3c.link.text">Contact Us</span></a> 184 </li> 185 186 </ul> 187 </nav> 188 </div> 189 190 <!-- Right side: Mobile toggle + Desktop buttons --> 191 <div class="flex items-center gap-2"> 192 <!-- Mobile menu toggle --> 193 <div class="xl:hidden"> 194 <button id="menu-toggle" class="focus:outline-none" aria-expanded="false" aria-controls="mobile-menu" aria-label="Toggle menu"> 195 <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="var(--stroke-primary)"> 196 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" /> 197 </svg> 198 </button> 199 </div> 200 201 <!-- Desktop buttons (hidden on mobile) --> 202 <div class="hidden xl:flex items-center gap-2"> 203 <!-- Primary Order Now button --> 204 <a href="/stores" class="inline-flex items-center justify-center h-12 px-8 bg-[var(--brand-primary)] text-white text-base font-semibold rounded-md hover:brightness-90">Order Now</a> 205 206 <!-- Secondary button (optional, configurable) --> 207 </div> 208 </div> 209 </div> 210 211 <div id="mobile-menu" class="hidden fixed top-0 left-0 w-full h-full bg-[var(--bg-primary)] z-50 overflow-y-auto"> 212 <div class="flex justify-between items-center px-4 py-4 sticky top-0 bg-[var(--bg-primary)] z-10"> 213 <div class="max-w-[280px] max-h-[100px] rounded-lg flex-shrink-0 mr-4 xl:mr-8"> 214 <img src="https://image-cdn.chowlyinc.com/300%2Cfit%2C
214avif/https%3A%2F%2Fchowly-coo-configuration-assets.nyc3.digitaloceanspaces.com%2Fchowly-coo-prod-configuration-assets%2Fpublic%2Fassets%2FLogo-1584-4f2d5731-1e6d-481c-85ab-349eeb5e208b.png" alt="Home Slice Pizza logo" class="max-w-[280px] max-h-[100px] w-auto h-auto object-contain rounded-lg"> 215 </div> 216 <button id="menu-close" class="focus:outline-none" aria-label="Close menu"> 217 <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="var(--stroke-primary)"> 218 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" /> 219 </svg> 220 </button> 221 </div> 222 223 <nav role="navigation" aria-label="Mobile navigation" class="pb-32"> 224 <ul class="flex flex-col items-start px-5 space-y-6 mt-8"> 225 226 <li> 227 <a data-maglev-id="Z1q50wdUeuo.link" class="text-[var(--text-muted)] hover:bg-[var(--brand-primary)]/[var(--hover-bg-opacity)] py-2 px-4 text-sm font-semibold pl-3" aria-current="false" href="/"><span data-maglev-id="Z1q50wdUeuo.link.text">Home</span></a> 228 </li> 229 230 <li> 231 <a data-maglev-id="6xeDE5fDH5w.link" class="text-[var(--text-muted)] hover:bg-[var(--brand-primary)]/[var(--hover-bg-opacity)] py-2 px-4 text-sm font-semibold pl-3" aria-current="false" href="/our-story"><span data-maglev-id="6xeDE5fDH5w.link.text">Our Story</span></a> 232 </li> 233 234 <li> 235 <a data-maglev-id="3rHHU02wtE8.link" class="text-[var(--text-muted)] hover:bg-[var(--brand-primary)]/[var(--hover-bg-opacity)] py-2 px-4 text-sm font-semibold pl-3" aria-current="false" href="/menu"><span data-maglev-id="3rHHU02wtE8.link.text">Menu</span></a> 236 </li> 237 238 <li> 239 <a data-maglev-id="38C737Myf3c.link" class="text-[var(--text-muted)] hover:bg-[var(--brand-primary)]/[var(--hover-bg-opacity)] py-2 px-4 text-sm font-semibold pl-3" aria-current="false" href="/contact-us"><span data-maglev-id="38C737Myf3c.link.text">Contact Us</span></a> 240 </li> 241 </ul> 242 </nav> 243 244 <div class="fixed bottom-0 left-0 w-full flex items-center justify-center gap-2 py-8 px-4 bg-[var(--bg-primary)] border-[var(--border-secondary)]"> 245 <!-- Primary Order Now button --> 246 <a href="/stores" class="inline-flex h-12 px-8 justify-center items-center gap-2 flex-shrink-0 rounded-[6px] bg-[var(--brand-primary)] text-white text-[15px] font-semibold leading-[150%] hover:brightness-90">Order Now</a> 247 248 <!-- Secondary button (optional, configurable) --> 249 </div> 250 </div> 251</header>
252<script> 253 const menuToggle = document.getElementById('menu-toggle'); 254 const menuClose = document.getElementById('menu-close'); 255 const mobileMenu = document.getElementById('mobile-menu'); 256 257 menuToggle.addEventListener('click', () => { 258 mobileMenu.classList.remove('hidden'); 259 mobileMenu.setAttribute('aria-hidden', 'false'); 260 menuToggle.setAttribute('aria-expanded', 'true'); 261 }); 262 263 menuClose.addEventListener('click', () => { 264 mobileMenu.classList.add('hidden'); 265 mobileMenu.setAttribute('aria-hidden', 'true'); 266 menuToggle.setAttribute('aria-expanded', 'false'); 267 }); 268 269 document.addEventListener('DOMContentLoaded', function() { 270 // More menu dropdown functionality 271 const moreButton = document.getElementById('more-menu-button'); 272 const moreDropdown = document.getElementById('more-dropdown'); 273 const moreArrow = document.getElementById('more-arrow'); 274 275 if (moreButton && moreDropdown && moreArrow) { 276 let isOpen = false; 277 let isHoveringButton = false; 278 let isHoveringDropdown = false; 279 let dropdownTimeout; 280 281 function showDropdown() { 282 clearTimeout(dropdownTimeout); 283 moreDropdown.classList.remove('hidden'); 284 moreDropdown.style.opacity = '1'; 285 moreArrow.classList.add('rotate-180'); 286 isOpen = true; 287 } 288 289 function hideDropdown() { 290 moreDropdown.style.opacity = '0'; 291 moreArrow.classList.remove('rotate-180'); 292 293 dropdownTimeout = setTimeout(() => { 294 moreDropdown.classList.add('hidden'); 295 isOpen = false; 296 }, 300); 297 } 298 299 function toggleDropdown() { 300 if (isOpen) { 301 hideDropdown(); 302 } else { 303 showDropdown(); 304 } 305 } 306 307 function updateDropdownVisibility() { 308 if (isHoveringButton || isHoveringDropdown) { 309 showDropdown(); 310 } else { 311 hideDropdown(); 312 } 313 } 314 315 moreButton.addEventListener('click', function(e) { 316 e.preventDefault(); 317 toggleDropdown(); 318 }); 319 320 moreButton.addEventListener('mouseenter', () => { 321 isHoveringButton = true; 322 updateDropdownVisibility(); 323 }); 324 325 moreButton.addEventListener('mouseleave', () => { 326 isHoveringButton = false; 327 toggleDropdown(); 328 }); 329 330 moreDropdown.addEventListener('mouseenter', () => { 331 isHoveringDropdown = true; 332 updateDropdownVisibility(); 333 }); 334 335 moreDropdown.addEventListener('mouseleave', () => { 336 isHoveringDropdown = false; 337 toggleDropdown(); 338 }); 339 340 document.addEventListener('click', function(e) { 341 if (isOpen && !moreButton.contains(e.target) && !moreDropdown.contains(e.target)) { 342 hideDropdown(); 343 } 344 }); 345 } 346 347 // Locations dropdown functionality (desktop main nav) 348 const locationsContainers = document.querySelectorAll('.locations-dropdown-container'); 349 locationsContainers.forEach(container => { 350 const button = container.querySelector('.locations-dropdown-button'); 351 const dropdown = container.querySelector('.locations-dropdown'); 352 const arrow = container.querySelector('.locations-arrow'); 353 354 if (button && dropdown && arrow) { 355 let isOpen = false; 356 let hoverTimeout; 357 358 function showLocationsDropdown() { 359 clearTimeout(hoverTimeout); 360 dropdown.classList.remove('hidden'); 361 arrow.classList.add('rotate-180'); 362 isOpen = true; 363 } 364 365 function hideLocationsDropdown() { 366 hoverTimeout = setTimeout(() => { 367 dropdown.classList.add('hidden'); 368 arrow.classList.remove('rotate-180'); 369 isOpen = false; 370 }, 150); 371 } 372 373 button.addEventListener('click', (e) => { 374 e.preventDefault(); 375 if (isOpen) { 376 hideLocationsDropdown(); 377 } else { 378 showLocationsDropdown(); 379 } 380 }); 381 382 container.addEventListener('mouseenter', showLocationsDropdown); 383 container.addEventListener('mouseleave', hideLocationsDropdown); 384 385 document.addEventListener('click', (e) => { 386 if (isOpen && !container.contains(e.target)) { 387 dropdown.classList.add('hidden'); 388 arrow.classList.remove('rotate-180'); 389 isOpen = false;
390 } 391 }); 392 } 393 }); 394 395 // Locations dropdown in "More" menu 396 const locationsMoreContainers = document.querySelectorAll('.locations-more-dropdown-container'); 397 locationsMoreContainers.forEach(container => { 398 const button = container.querySelector('.locations-more-button'); 399 const dropdown = container.querySelector('.locations-more-dropdown'); 400 const arrow = container.querySelector('.locations-more-arrow'); 401 402 if (button && dropdown && arrow) { 403 let isOpen = false; 404 405 button.addEventListener('click', (e) => { 406 e.preventDefault(); 407 e.stopPropagation(); 408 if (isOpen) { 409 dropdown.classList.add('hidden'); 410 arrow.classList.remove('rotate-180'); 411 isOpen = false; 412 } else { 413 dropdown.classList.remove('hidden'); 414 arrow.classList.add('rotate-180'); 415 isOpen = true; 416 } 417 }); 418 419 container.addEventListener('mouseenter', () => { 420 dropdown.classList.remove('hidden'); 421 arrow.classList.add('rotate-180'); 422 isOpen = true; 423 }); 424 425 container.addEventListener('mouseleave', () => { 426 dropdown.classList.add('hidden'); 427 arrow.classList.remove('rotate-180'); 428 isOpen = false; 429 }); 430 } 431 }); 432 433 // Mobile locations toggle 434 const mobileLocationsToggles = document.querySelectorAll('.mobile-locations-toggle'); 435 mobileLocationsToggles.forEach(toggle => { 436 const arrow = toggle.querySelector('.mobile-locations-arrow'); 437 const list = toggle.parentElement.querySelector('.mobile-locations-list'); 438 439 if (arrow && list) { 440 toggle.addEventListener('click', (e) => { 441 e.preventDefault(); 442 list.classList.toggle('hidden'); 443 arrow.classList.toggle('rotate-180'); 444 }); 445 } 446 }); 447 }); 448</script>
448 449 450<style> 451 .rotate-180 { 452 transform: rotate(180deg); 453 transition: transform 300ms; 454 } 455 456 #more-dropdown { 457 opacity: 0; 458 transition: opacity 300ms; 459 position: absolute; 460 top: 100%; 461 left: 50%; 462 right: 0; 463 width: 80vw; 464 margin-left: auto; 465 margin-right: auto; 466 z-index: 50; 467 transform: translateX(calc(-50% + 10vw)); 468 } 469 470 .dropdown-top-shadow { 471 box-shadow: 0 -4px 6px -1px rgba(0, 0, 0, 0.1), 0 -2px 4px -1px rgba(0, 0, 0, 0.06), 472 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); 473 } 474 475 .locations-dropdown { 476 box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); 477 } 478 479 .locations-more-dropdown { 480 box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); 481 } 482</style> 483 484 485<section class="w-full xl:px-0 col-span-2" role="banner" id="section-KB7tNzVofEA" data-maglev-section-id="KB7tNzVofEA" data-maglev-section-type="hero_cta_01"> 486 <div class="vidbg-7f3274e190af603066f587fc w-full h-[680px] flex-shrink-0 relative mx-auto my-0 bg-cover bg-center" style="background-image: url(/maglev/assets/aa8fffe0-d5e2-4628-b2c4-cae5c9aeda35-7emrmvr8zhrv8smswo9ehc7xypyo.jpeg);"> 487 488 489 <div class="absolute inset-0 bg-black/40 "></div> 490 491 <article class="absolute inset-0 flex flex-col justify-center mx-6 xl:mx-0 xl:pl-20 xl:py-16"> 492 <header class="max-w-[400px] md:max-w-[500px] xl:max-w-[650px]"> 493 <h1 data-maglev-id="KB7tNzVofEA.title" class="text-white font-semibold text-[14px] md:text-[24px] xl:text-[28px] leading-tight tracking-wide">Best Pizza near <a href="/location/downtown-toledo">Downtown Toledo</a></h1> 494 </header> 495 <div class="max-w-[400px] md:max-w-[500px] xl:max-w-[650px]"> 496 <p data-maglev-id="KB7tNzVofEA.description" class="text-white font-bold text-[20px] md:text-[48px] xl:text-[56px] leading-tight xl:leading-[64px]">Order online for fast delivery in Toledo.</p> 497 </div> 498 <div class="mt-2"> 499 <a data-maglev-id="KB7tNzVofEA.button" class="block md:inline-block bg-[var(--brand-primary)] text-white py-3 px-8 text-sm xl:text-base font-semibold leading-[150%] hover:brightness-90 rounded-md md:self-start" aria-label="Order Now â Best Pizza near Downtown Toledo" href="/stores"><span data-maglev-id="KB7tNzVofEA.button.text">Order Now</span></a> 500 </div> 501 </article> 502 503 504 <style> 505 506 507 .vidbg-7f3274e190af603066f587fc .vidbg-container .vidbg-overlay { 508 background-color: rgba(0,0,0,0.4); 509 position: absolute; 510 inset: 0; 511 } 512 513 </style> 514 </div> 515</section> 516<section class="w-full xl:max-w-[1440px] mx-auto h-[584px] flex-shrink-0 relative mt-[60px] bg-[var(--brand-overlay)] py-10 xl:py-14 px-6 xl:px-20 col-span-2" aria-labelledby="menu-category-heading" id="section-f7TN9yUCwdw" data-maglev-section-id="f7TN9yUCwdw" data-maglev-section-type="menu_category_01"> 517 <div class="absolute top-[-12px] left-6 xl:left-20" aria-hidden="true"> 518 <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none"> 519 <path d="M19.9999 30L12.9999 33C11.8888 33.4722 10.8333 33.3819 9.83325 32.7292C8.83325 32.0764 8.33325 31.1528 8.33325 29.9583V8.33333C8.33325 7.41667 8.65964 6.63194 9.31242 5.97917C9.9652 5.32639 10.7499 5 11.6666 5H28.3333C29.2499 5 30.0346 5.32639 30.6874 5.97917C31.3402 6.63194 31.6666 7.41667 31.6666 8.33333V29.9583C31.6666 31.1528 31.1666 32.0764 30.1666 32.7292C29.1666 33.3819 28.111 33.4722 26.9999 33L19.9999 30Z" fill="var(--brand-primary)"/> 520 </svg> 521 </div> 522 <header class="flex flex-col xl:flex-row justify-between items-start xl:items-center"> 523 <div> 524 <h2 class="text-[var(--text-primary)] font-semibold text-[32px] xl:text-[48px] leading-none tracking-[-0.48px]" id="menu-category-heading"> 525 Downtown Toledo Popular Items 526 </h2> 527 <p class="text-[var(--text-secondary)] text-[14px] xl:text-[16px] font-normal leading-[24px] mt-3"> 528 Try these items 529 </p> 530 </div> 531 <a href="/stores" class="mt-6 xl:mt-0 bg-[var(--brand-primary)] text-white py-3 px-8 text-base font-semibold leading-[150%] hover:brightness-90 rounded-md w-full md:w-auto md:self-end whitespace-nowrap"> 532 Order Now 533 </a> 534 </header> 535 <div class="mt-8 flex gap-x-4 overflow-x-auto" role="group" aria-labelledby="menu-category-heading"> 536 <article class="w-[248px] flex-shrink-0 rounded-lg bg-[var(--bg-primary)] shadow-md overflow-hidden"> 537 <img src="https://image-cdn.chowlyinc.com/650%2Cfit%2Cpng/https%3A%2F%2Fres.cloudinary.com%2Ftargetable%2Fimage%2Fupload%2Fs--K9drlJ42--%2Fc_auto%2Cw_1000%2Fv1%2FCustomers%2F49360%2FScraped%2F1781585449202-7661a77b-ebc5-482d-9ad1-ad015b79eb55.avif%3F_a%3DBACAEuEv" alt="Spinach Dip and Chips" class="w-full h-[207px] flex-shrink-0 object-cover"></img> 538 <div class="p-4"> 539 <h3 class="text-[var(--text-primary)] font-semibold text-[16px] leading-[24px]"> 540 Spinach Dip and Chips 541 </h3> 542 <p class="text-[var(--text-secondary)] mt-2 text-[14px] leading-[18px] font-normal line-clamp-2"> 543 Cream cheese, garlic, spinach, artichoke hearts, and parmesan cheese, topped with our five cheese blend and baked to perfection. Served with tortilla chips. 544 </p> 545 <a href="/stores" class="text-[var(--brand-primary)] mt-4 text-[12px] font-semibold leading-[16
545px]"> 546 Add Item 547 </a> 548 </div> 549 </article> 550 <article class="w-[248px] flex-shrink-0 rounded-lg bg-[var(--bg-primary)] shadow-md overflow-hidden"> 551 <img src="https://image-cdn.chowlyinc.com/650%2Cfit%2Cpng/https%3A%2F%2Fres.cloudinary.com%2Ftargetable%2Fimage%2Fupload%2Fs--JbFzbAzB--%2Fc_auto%2Cw_1000%2Fv1%2FCustomers%2F49360%2FScraped%2F1781585393919-4cf997a5-b7d8-43c8-8f45-cff3b46986e6.avif%3F_a%3DBACAEuEv" alt="Basket of Balls" class="w-full h-[207px] flex-shrink-0 object-cover"></img> 552 <div class="p-4"> 553 <h3 class="text-[var(--text-primary)] font-semibold text-[16px] leading-[24px]"> 554 Basket of Balls 555 </h3> 556 <p class="text-[var(--text-secondary)] mt-2 text-[14px] leading-[18px] font-normal line-clamp-2"> 557 Our special pork and beef blend recipe meatballs are covered in sauce and our five cheese blend. 558 </p> 559 <a href="/stores" class="text-[var(--brand-primary)] mt-4 text-[12px] font-semibold leading-[16px]"> 560 Add Item 561 </a> 562 </div> 563 </article> 564 <article class="w-[248px] flex-shrink-0 rounded-lg bg-[var(--bg-primary)] shadow-md overflow-hidden"> 565 <img src="https://image-cdn.chowlyinc.com/650%2Cfit%2Cpng/https%3A%2F%2Fres.cloudinary.com%2Ftargetable%2Fimage%2Fupload%2Fs--gsyxv4vH--%2Fc_auto%2Cw_1000%2Fv1%2FCustomers%2F49360%2FScraped%2F1781585413284-383e9002-7660-4adb-90b8-d3a77cd30451.avif%3F_a%3DBACAEuEv" alt="Mozzarella Sticks" class="w-full h-[207px] flex-shrink-0 object-cover"></img> 566 <div class="p-4"> 567 <h3 class="text-[var(--text-primary)] font-semibold text-[16px] leading-[24px]"> 568 Mozzarella Sticks 569 </h3> 570 <p class="text-[var(--text-secondary)] mt-2 text-[14px] leading-[18px] font-normal line-clamp-2"> 571 Served with pizza sauce. 572 </p> 573 <a href="/stores" class="text-[var(--brand-primary)] mt-4 text-[12px] font-semibold leading-[16px]"> 574 Add Item 575 </a> 576 </div> 577 </article> 578 <article class="w-[248px] flex-shrink-0 rounded-lg bg-[var(--bg-primary)] shadow-md overflow-hidden"> 579 <img src="https://image-cdn.chowlyinc.com/650%2Cfit%2Cpng/https%3A%2F%2Fres.cloudinary.com%2Ftargetable%2Fimage%2Fupload%2Fs--wHQaRmoV--%2Fc_auto%2Cw_1000%2Fv1%2FCustomers%2F49360%2FScraped%2F1781585378367-d89dc7b2-186c-4e50-b57b-1d54bc40e69d.avif%3F_a%3DBACAEuEv" alt="Chicken Wings" class="w-full h-[207px] flex-shrink-0 object-cover"></img> 580 <div class="p-4"> 581 <h3 class="text-[var(--text-primary)] font-semibold text-[16px] leading-[24px]"> 582 Chicken Wings 583 </h3> 584 <p class="text-[var(--text-secondary)] mt-2 text-[14px] leading-[18px] font-normal line-clamp-2"> 585 Oven-baked glazed wings with your choice of sauce served with ranch or blue cheese. 586 </p> 587 <a href="/stores" class="text-[var(--brand-primary)] mt-4 text-[12px] font-semibold leading-[16px]"> 588 Add Item 589 </a> 590 </div> 591 </article> 592 <article class="w-[248px] flex-shrink-0 rounded-lg bg-[var(--bg-primary)] shadow-md overflow-hidden"> 593 <img src="https://image-cdn.chowlyinc.com/650%2Cfit%2Cpng/https%3A%2F%2Fres.cloudinary.com%2Ftargetable%2Fimage%2Fupload%2Fs--DosqHESn--%2Fc_auto%2Cw_1000%2Fv1%2FCustomers%2F49360%2FScraped%2F1781585364234-b3ad4042-ec1c-4465-9c16-9b533e0e256d.avif%3F_a%3DBACAEuEv" alt="Chicken Chunks" class="w-full h-[207px] flex-shrink-0 object-cover"></img> 594 <div class="p-4"> 595 <h3 class="text-[var(--text-primary)] font-semibold text-[16px] leading-[24px]"> 596 Chicken Chunks 597 </h3> 598 <p class="text-[var(--text-secondary)] mt-2 text-[14px] leading-[18px] font-normal line-clamp-2"> 599 Oven-baked breaded all white meat chicken chunks with your choice of sauce, served with ranch or blue cheese. 600 </p> 601 <a href="/stores" class="text-[var(--brand-primary)] mt-4 text-[12px] font-semibold leading-[16
601px]"> 602 Add Item 603 </a> 604 </div> 605 </article> 606 <article class="w-[248px] flex-shrink-0 rounded-lg bg-[var(--bg-primary)] shadow-md overflow-hidden"> 607 <img src="https://image-cdn.chowlyinc.com/650%2Cfit%2Cpng/https%3A%2F%2Fres.cloudinary.com%2Ftargetable%2Fimage%2Fupload%2Fs--0K8AlQqX--%2Fc_auto%2Cw_1000%2Fv1%2FCustomers%2F49360%2FScraped%2F1781585341239-00c8156f-22a0-4951-8938-06bcf179c949.avif%3F_a%3DBACAEuEv" alt="Spinach and Artichoke Bread" class="w-full h-[207px] flex-shrink-0 object-cover"></img> 608 <div class="p-4"> 609 <h3 class="text-[var(--text-primary)] font-semibold text-[16px] leading-[24px]"> 610 Spinach and Artichoke Bread 611 </h3> 612 <p class="text-[var(--text-secondary)] mt-2 text-[14px] leading-[18px] font-normal line-clamp-2"> 613 Our classic cheese bread with spinach and artichoke dip. 614 </p> 615 <a href="/stores" class="text-[var(--brand-primary)] mt-4 text-[12px] font-semibold leading-[16px]"> 616 Add Item 617 </a> 618 </div> 619 </article> 620 <article class="w-[248px] flex-shrink-0 rounded-lg bg-[var(--bg-primary)] shadow-md overflow-hidden"> 621 <img src="https://image-cdn.chowlyinc.com/650%2Cfit%2Cpng/https%3A%2F%2Fres.cloudinary.com%2Ftargetable%2Fimage%2Fupload%2Fs--L2Xl7bic--%2Fc_auto%2Cw_1000%2Fv1%2FCustomers%2F49360%2FScraped%2F1781585463345-b43d5e0a-c95b-44da-a6a8-08e487565253.avif%3F_a%3DBACAEuEv" alt="Buffalo Chicken Dip" class="w-full h-[207px] flex-shrink-0 object-cover"></img> 622 <div class="p-4"> 623 <h3 class="text-[var(--text-primary)] font-semibold text-[16px] leading-[24px]"> 624 Buffalo Chicken Dip 625 </h3> 626 <p class="text-[var(--text-secondary)] mt-2 text-[14px] leading-[18px] font-normal line-clamp-2"> 627 A perfect blend of cream cheese, shredded chicken, ranch, hot sauce, and cheddar cheese. Served with tortilla chips. 628 </p> 629 <a href="/stores" class="text-[var(--brand-primary)] mt-4 text-[12px] font-semibold leading-[16px]"> 630 Add Item 631 </a> 632 </div> 633 </article> 634 <article class="w-[248px] flex-shrink-0 rounded-lg bg-[var(--bg-primary)] shadow-md overflow-hidden"> 635 <img src="https://image-cdn.chowlyinc.com/650%2Cfit%2Cpng/https%3A%2F%2Fres.cloudinary.com%2Ftargetable%2Fimage%2Fupload%2Fs--K0pkw8xS--%2Fc_auto%2Cw_1000%2Fv1%2FCustomers%2F49360%2FScraped%2F1781585428222-a3c2fdfd-8f74-433b-a1dc-81c288514b2e.avif%3F_a%3DBACAEuEv" alt="French Bread "ZA"" class="w-full h-[207px] flex-shrink-0 object-cover"></img> 636 <div class="p-4"> 637 <h3 class="text-[var(--text-primary)] font-semibold text-[16px] leading-[24px]"> 638 French Bread "ZA" 639 </h3> 640 <p class="text-[var(--text-secondary)] mt-2 text-[14px] leading-[18px] font-normal line-clamp-2"> 641 Our focaccia bread is smothered in garlic and pizza sauce with our five cheese blend. 642 </p> 643 <a href="/stores" class="text-[var(--brand-primary)] mt-4 text-[12px] font-semibold leading-[16px]"> 644 Add Item 645 </a> 646 </div> 647 </article> 648 <article class="w-[248px] flex-shrink-0 rounded-lg bg-[var(--bg-primary)] shadow-md overflow-hidden"> 649 <img src="https://image-cdn.chowlyinc.com/650%2Cfit%2Cpng/https%3A%2F%2Fres.cloudinary.com%2Ftargetable%2Fimage%2Fupload%2Fs--rRbKHvIn--%2Fc_auto%2Cw_1000%2Fv1%2FCustomers%2F49360%2FScraped%2F1781585318243-43c621a1-1d9d-4a14-a7b1-3170fa43ca31.avif%3F_a%3DBACAEuEv" alt="Home Slice's Cheese Bread" class="w-full h-[207px] flex-shrink-0 object-cover"></img> 650 <div class="p-4"> 651 <h3 class="text-[var(--text-primary)] font-semibold text-[16px] leading-[24px]"> 652 Home Slice's Cheese Bread 653 </h3> 654 <p class="text-[var(--text-secondary)] mt-2 text-[14px] leading-[18px] font-normal line-clamp-2"> 655 Our version of this perennial favorite comes basted in olive oil. Smothered in cheese and baked in a pan. Both marinara and ranch 656 </p> 657 <a href="/stores" class="text-[var(--brand-primary)] mt-4 text-[12px] font-semibold leading-[16
657px]"> 658 Add Item 659 </a> 660 </div> 661 </article> 662 </div> 663</section><style> 664 @media (min-width: 1280px) { 665 section[aria-labelledby="menu-category-heading"] { 666 width: 100%; 667 max-width: 1440px; 668 } 669 section[aria-labelledby="menu-category-heading"] > div > article { 670 width: calc((100% - 64px) / 5); 671 } 672 } 673</style> 674 675<section class="flex flex-grow flex-col xl:flex-row items-center xl:justify-evenly gap-6 xl:gap-6 w-full xl:max-w-[1440px] mx-auto mt-10 xl:mt-20 px-4 xl:px-0 col-span-2 md:col-span-1 xl:col-span-2" id="section-hhWazBR2" data-maglev-section-id="hhWazBR2" data-maglev-section-type="image_left_01"> 676 <figure class="w-full xl:w-[500px] min-w-0 hidden xl:block order-1"> 677 <img src="/maglev/assets/87edc160-6396-4af6-bc88-fb0af12449dd-c11nltnz62kzgavle3kckf9rzayb.jpeg" alt="Pizza Worth Craving in Toledo, Ohio" data-maglev-id="hhWazBR2.image" class="rounded-lg w-full h-auto object-cover" /> 678 </figure> 679 <article class="w-full xl:w-[480px] min-w-0 text-left order-2"> 680 <h2 data-maglev-id="hhWazBR2.title" class="text-[var(--text-primary)] font-semibold text-[32px] xl:text-[48px] leading-none tracking-[-0.48px]" id="section-title-1de8cbf56cd6">Pizza Worth Craving in Toledo, Ohio</h2> 681 682 <figure class=" xl:hidden w-full mt-4"> 683 <img src="/maglev/assets/87edc160-6396-4af6-bc88-fb0af12449dd-c11nltnz62kzgavle3kckf9rzayb.jpeg" alt="Pizza Worth Craving in Toledo, Ohio" data-maglev-id="hhWazBR2.image" class="rounded-lg w-full h-auto object-cover" /> 684 </figure> 685 686 <p data-maglev-id="hhWazBR2.body" class="text-[var(--text-secondary)] text-[14px] xl:text-[16px] font-normal leading-[24px] mt-4">Home Slice Pizza serves up authentic <a href="/menu/new-york-style-pizza">New York style pizza</a> in <a href="/location/downtown-toledo">Toledo, OH</a>, with dine-in, takeout, and delivery options available for every craving.</p> 687 688 <a data-maglev-id="hhWazBR2.button" class="inline-flex h-[48px] px-8 py-4 justify-center items-center gap-2 flex-shrink-0 bg-[var(--button-bg)] text-[var(--button-text)] border border-[var(--button-border)] hover:bg-[var(--button-hover-bg)] hover:border-[var(--button-hover-border)] text-[15px] font-semibold leading-[150%] rounded-[6px] mt-7" aria-label="Order Now â Pizza Worth Craving in Toledo, Ohio" href="/stores"><span data-maglev-id="hhWazBR2.button.text">Order Now</span></a> 689 </article> 690</section> 691<section class="flex flex-grow flex-col xl:flex-row items-center xl:justify-evenly gap-6 xl:gap-6 w-full xl:max-w-[1440px] mx-auto mt-10 xl:mt-20 px-4 xl:px-0 col-span-2 md:col-span-1 xl:col-span-2" id="section-s894dOsW" data-maglev-section-id="s894dOsW" data-maglev-section-type="image_right_01"> 692 <article class="w-full xl:w-[480px] min-w-0 text-left order-2 xl:order-1"> 693 <h2 data-maglev-id="s894dOsW.title" class="text-[var(--text-primary)] font-semibold text-[32px] xl:text-[48px] leading-none tracking-[-0.48px]" id="section-title-6cc44502a6fe">Order Fresh Pizza Online in Toledo</h2> 694 695 <figure class=" xl:hidden w-full mt-4"> 696 <img src="/maglev/assets/c78ca12d-84e3-434a-a7f4-48fa3fa652d2-1780320369750-8a192f5d-4470-4aa8-b714-2a3dbbcb2c7d.avif" alt="Order Fresh Pizza Online in Toledo" data-maglev-id="s894dOsW.image" class="rounded-lg w-full h-auto object-cover" /> 697 </figure> 698 699 <p data-maglev-id="s894dOsW.body" class="text-[var(--text-secondary)] text-[14px] xl:text-[16px] font-normal leading-[24px] mt-4">Order your favorite <a href="/menu/new-york-style-pizza">New York style pizza</a> and more from Home Slice Pizza in <a href="/location/downtown-toledo">downtown Toledo</a> online for easy <a href="/menu/pizza-delivery">delivery</a> or <a href="/menu/pizza-takeout">takeout</a>.</p> 700 701 <a data-maglev-id="s894dOsW.button" class="inline-flex h-[48px] px-8 py-4 justify-center items-center gap-2 flex-shrink-0 bg-[var(--button-bg)] text-[var(--button-text)] border border-[var(--button-border)] hover:bg-[var(--button-hover-bg)] hover:border-[var(--button-hover-border)] text-[15px] font-semibold leading-[150%] rounded-[6px] mt-7" aria-label="Order Now â Order Fresh Pizza Online in Toledo" href="/stores"><span data-maglev-id="s894dOsW.button.text">Order Now</span></a> 702 </article> 703 <figure class="w-full xl:w-[500px] min-w-0 hidden xl:block order-1 xl:order-2"> 704 <img src="/maglev/assets/c78ca12d-84e3-434a-a7f4-48fa3fa652d2-1780320369750-8a192f5d-4470-4aa8-b714-2a3dbbcb2c7d.avif" alt="Order Fresh Pizza Online in Toledo" data-maglev-id="s894dOsW.image" class="rounded-lg w-full h-auto object-cover" /> 705 </figure> 706</section><section class="w-full flex justify-center py-10 col-span-2" data-location_id="section-c7d3d45f-0aad-434f-87ec-912cc52b3f4c" aria-label="Locations information" id="section-rG58WgXKg-o" data-maglev-section-id="rG58WgXKg-o" data-maglev-section-type="dynamic_locations_01"> 707 708 709 710 711 <section class="w-full xl:max-w-[1440px] h-auto flex-shrink-0 bg-[var(--bg-secondary)] p-8"> 712 <header class="w-full flex flex-col items-center px-4 xl:px-0"> 713 <h2 data-maglev-id="rG58WgXKg-o.title" class="text-[var(--text-primary)] text-center text-[32px] xl:text-[48px] font-semibold leading-[normal] tracking-[-0.48px]" id="locations-heading-c7d3d45f-0aad-434f-87ec-912cc52b3f4c">Our locations</h2> 714 <p data-maglev-id="rG58WgXKg-o.subtitle" class="text-[var(--text-secondary)] text-center text-[16px] font-normal leading-[24px] mt-2">Come visit us!</p> 715 </header> 716 717 718 <div data-location_wrapper_id="c7d3d45f-0aad-434f-87ec-912cc52b3f4c-0" class="mt-10 mx-auto w-full max-w-[1057px] flex flex-col xl:flex-row justify-center"> 719 <article class="w-full xl:w-[657px] bg-[var(--bg-primary)] rounded-lg shadow-lg p-8 flex-shrink-0 min-h-[418px] flex flex-col justify-between"> 720 <header> 721 <h3 class="text-[var(--text-primary)] text-[24px] font-semibold leading-[30px] tracking-[-0.192px]"> 722 Home Slice Pizza 723 </h3> 724 725 <nav class="mt-4 flex flex-wrap gap-2 md:flex-nowrap md:space-x-3 md:overflow-x-auto" aria-label="Location navigation"> 726 727 <div class="flex px-3 py-2 justify-center items-center rounded-md bg-[var(--brand-primary)]/[var(--active-bg-opacity)] text-[var(--active-text)] md:whitespace-nowrap"> 728 <a href="#" data-switch_location="c7d3d45f-0aad-434f-87ec-912cc52b3f4c-0" class="text-[14px] font-semibold leading-[140%]" aria-current="page"> 729 Home Slice Pizza - Toledo 28 S St Clair St 730 </a> 731 </div> 732 </nav> 733 </header> 734 735 <address class="mt-6 flex items-center space-x-3 not-italic"> 736 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" aria-hidden="true"> 737 <path 738 d="M9.99992 17.7712C9.80547 17.7712 9.61103 17.7364 9.41658 17.667C9.22214 17.5975 9.04853 17.4934 8.89575 17.3545C7.99297 16.5212 7.19436 15.7087 6.49992 14.917C5.80547 14.1253 5.22561 13.358 4.76034 12.6149C4.29506 11.8719 3.94089 11.1566 3.69784 10.4691C3.45478 9.78158 3.33325 9.12533 3.33325 8.50033C3.33325 6.41699 4.00339 4.75727 5.34367 3.52116C6.68395 2.28505 8.23603 1.66699 9.99992 1.66699C11.7638 1.66699 13.3159 2.28505 14.6562 3.52116C15.9964 4.75727 16.6666 6.41699 16.6666 8.50033C16.
7386666 9.12533 16.5451 9.78158 16.302 10.4691C16.0589 11.1566 15.7048 11.8719 15.2395 12.6149C14.7742 13.358 14.1944 14.1253 13.4999 14.917C12.8055 15.7087 12.0069 16.5212 11.1041 17.3545C10.9513 17.4934 10.7777 17.5975 10.5833 17.667C10.3888 17.7364 10.1944 17.7712 9.99992 17.7712ZM9.99992 10.0003C10.4583 10.0003 10.8506 9.83713 11.177 9.51074C11.5034 9.18435 11.6666 8.79199 11.6666 8.33366C11.6666 7.87533 11.5034 7.48296 11.177 7.15658C10.8506 6.83019 10.4583 6.66699 9.99992 6.66699C9.54158 6.66699 9.14922 6.83019 8.82283 7.15658C8.49645 7.48296 8.33325 7.87533 8.33325 8.33366C8.33325 8.79199 8.49645 9.18435 8.82283 9.51074C9.14922 9.83713 9.54158 10.0003 9.99992 10.0003Z" 739 fill="#666666"></path> 740 </svg> 741 <a href="https://www.google.com/maps/search/?api=1&query=28%20S%20St%20Clair%20St%2C%20Toledo%2C%20OH%2C%2043604%2C%20US" target="_blank" 742 class="text-[var(--text-primary)] text-[14px] font-normal leading-[20px]"> 743 28 S St Clair St, Toledo, OH, 43604, US 744 </a> 745 </address> 746 747 <div class="mt-6 flex items-center space-x-3"> 748 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" aria-hidden="true"> 749 <path 750 d="M16.625 17.5C14.8889 17.5 13.1736 17.1215 11.4792 16.3646C9.78472 15.6076 8.24306 14.5347 6.85417 13.1458C5.46528 11.7569 4.39236 10.2153 3.63542 8.52083C2.87847 6.82639 2.5 5.11111 2.5 3.375C2.5 3.125 2.58333 2.91667 2.75 2.75C2.91667 2.58333 3.125 2.5 3.375 2.5H6.75C6.94444 2.5 7.11806 2.56597 7.27083 2.69792C7.42361 2.82986 7.51389 2.98611 7.54167 3.16667L8.08333 6.08333C8.11111 6.30556 8.10417 6.49306 8.0625 6.64583C8.02083 6.79861 7.94444 6.93056 7.83333 7.04167L5.8125 9.08333C6.09028 9.59722 6.42014 10.0938 6.80208 10.5729C7.18403 11.0521 7.60417 11.5139 8.0625 11.9583C8.49306 12.3889 8.94444 12.7882 9.41667 13.1562C9.88889 13.5243 10.3889 13.8611 10.9167 14.1667L12.875 12.2083C13 12.0833 13.1632 11.9896 13.3646 11.9271C13.566 11.8646 13.7639 11.8472 13.9583 11.875L16.8333 12.4583C17.0278 12.5139 17.1875 12.6146 17.3125 12.7604C17.4375 12.9062 17.5 13.0694 17.5 13.25V16.625C17.5 16.875 17.4167 17.0833 17.25 17.25C17.0833 17.4167 16.875 17.5 16.625 17.5Z" 751 fill="#666666"></path> 752 </svg> 753 <a href="tel:4197247437" class="text-[var(--text-primary)] text-[14px] font-normal leading-[20px]"> 754 419-724-7437 755 </a> 756 </div> 757 758 <div class="mt-6 flex flex-col space-y-2 xl:flex-row xl:space-x-3 justify-between"> 759 <div class="flex flex-wrap space-x-3"> 760 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" aria-hidden="true"> 761 <path 762 d="M10.8334 9.66699V6.66699C10.8334 6.43088 10.7536 6.23296 10.5938 6.07324C10.4341 5.91352 10.2362 5.83366 10.0001 5.83366C9.76397 5.83366 9.56605 5.91352 9.40633 6.07324C9.24661 6.23296 9.16675 6.43088 9.16675 6.66699V9.97949C9.16675 10.0906 9.18758 10.1982 9.22925 10.3024C9.27091 10.4066 9.33341 10.5003 9.41675 10.5837L12.1667 13.3337C12.3195 13.4864 12.514 13.5628 12.7501 13.5628C12.9862 13.5628 13.1806 13.4864 13.3334 13.3337C13.4862 13.1809 13.5626 12.9864 13.5626 12.7503C13.5626 12.5142 13.4862 12.3198 13.3334 12.167L10.8334 9.66699ZM10.0001 18.3337C8.8473 18.3337 7.76397 18.1149 6.75008 17.6774C5.73619 17.2399 4.85425 16.6462 4.10425 15.8962C3.35425 15.1462 2.7605 14.2642 2.323 13.2503C1.8855 12.2364 1.66675 11.1531 1.66675 10.0003C1.66675 8.84755 1.8855 7.76421 2.323 6.75033C2.7605 5.73644 3.35425 4.85449 4.10425 4.10449C4.85425 3.35449 5.73619 2.76074 6.75008 2.32324C7.76397 1.88574 8.8473 1.66699 10.0001 1.66699C11.1529 1.66699 12.2362 1.88574 13.2501 2.32324C14.264 2.76074 15.1459 3.35449 15.8959 4.10449C16.6459 4.85449 17.2397 5.73644 17.6772 6.75033C18.1147 7.76421 18.3334 8.84755 18.3334 10.0003C18.3334 11.1531 18.1147 12.2364 17.6772 13.2503C17.2397 14.2642 16.6459 15.1462 15.8959 15.8962C15.1459 16.6462 14.264 17.2399 13.2501 17.6774C12.2362 18.1149 11.1529 18.3337 10.0001 18.3337Z" 763 fill="#666666"></path> 764 </svg> 765 <div> 766 <section class="text-[var(--text-primary)] mt-0
766space-y-2"> 767 <div class="sr-only" aria-hidden="false">Business Hours</div> 768 <b>Sunday:</b> 769 <div class="inline"> 770 <time content="11:00" datetime="11:00" class="inline">11:00 AM</time> - <time content="23:00" datetime="23:00" class="inline">11:00 PM</time> 771 </div> 772 <br /> 773 <b>Monday:</b> 774 <div class="inline"> 775 <time content="11:00" datetime="11:00" class="inline">11:00 AM</time> - <time content="23:00" datetime="23:00" class="inline">11:00 PM</time> 776 </div> 777 <br /> 778 <b>Tuesday:</b> 779 <div class="inline"> 780 <time content="11:00" datetime="11:00" class="inline">11:00 AM</time> - <time content="23:00" datetime="23:00" class="inline">11:00 PM</time> 781 </div> 782 <br /> 783 <b>Wednesday:</b> 784 <div class="inline"> 785 <time content="11:00" datetime="11:00" class="inline">11:00 AM</time> - <time content="23:00" datetime="23:00" class="inline">11:00 PM</time> 786 </div> 787 <br /> 788 <b>Thursday:</b> 789 <div class="inline"> 790 <time content="11:00" datetime="11:00" class="inline">11:00 AM</time> - <time content="23:00" datetime="23:00" class="inline">11:00 PM</time> 791 </div> 792 <br /> 793 <b>Friday:</b> 794 <div class="inline"> 795 <time content="00:00" datetime="00:00" class="inline">12:00 AM</time> - <time content="02:00" datetime="02:00" class="inline">2:00 AM</time>, <time content="11:00" datetime="11:00" class="inline">11:00 AM</time> - <time content="23:49" datetime="23:49" class="inline">11:49 PM</time> 796 </div> 797 <br /> 798 <b>Saturday:</b> 799 <div class="inline"> 800 <time content="00:00" datetime="00:00" class="inline">12:00 AM</time> - <time content="02:00" datetime="02:00" class="inline">2:00 AM</time>, <time content="11:00" datetime="11:00" class="inline">11:00 AM</time> - <time content="23:49" datetime="23:49" class="inline">11:49 PM</time> 801 </div> 802 <br /> 803</section> 804 805 </div> 806 </div> 807 808 <div class="flex flex-col justify-end items-center xl:items-end"> 809 <a href="/stores" 810 class="mt-6 inline-flex h-[48px] px-8 py-4 justify-center items-center gap-2 rounded-[6px] bg-[var(--button-bg)] text-[var(--button-text)] border border-[var(--button-border)] hover:bg-[var(--button-hover-bg)] hover:border-[var(--button-hover-border)] text-[15px] font-semibold leading-[150%]"> 811 Start an order 812 </a> 813 </div> 814 </div> 815 </article> 816 817 <figure class="w-full xl:w-[359px] h-[418px] mt-4 xl:mt-0 rounded-lg flex-shrink-0 overflow-hidden"> 818 <a href="https://www.google.com/maps/search/?api=1&query=28%20S%20St%20Clair%20St%2C%20Toledo%2C%20OH%2C%2043604%2C%20US" target="_blank" rel="noopener noreferrer" aria-label="Open Home Slice Pizza - 28 S St Clair St, Toledo, OH, 43604, US in Google Maps" class="block w-full h-full"> 819 <img src="/maps/28%20S%20St%20Clair%20St%2C%20Toledo%2C%20OH%2C%2043604%2C%20US/359/418.png" alt="Map of Home Slice Pizza - 28 S St Clair St, Toledo, OH, 43604, US" loading="lazy" width="359" height="418" class="w-full h-full object-cover"> 820</a> 821 822 </figure> 823 </div> 824 </section> 825 826
826<script type="module"> 827 $(document).on('click', '[data-location_id=section-c7d3d45f-0aad-434f-87ec-912cc52b3f4c] [data-switch_location]', function(e) { 828 e.preventDefault(); 829 const idx = $(this).data('switch_location'); 830 $('[data-location_id=section-c7d3d45f-0aad-434f-87ec-912cc52b3f4c] [data-location_wrapper_id]').addClass('hidden'); 831 $('[data-location_id=section-c7d3d45f-0aad-434f-87ec-912cc52b3f4c] [data-location_wrapper_id=' + idx + ']').removeClass('hidden'); 832 }); 833 </script>
833 834 835</section><footer class="w-full mx-auto bg-[var(--bg-primary)] py-8 col-span-2" role="contentinfo" itemscope="itemscope" itemtype="https://schema.org/WPFooter" id="section-C803vDZW" data-maglev-section-id="C803vDZW" data-maglev-section-type="standard_footer_01"> 836 <div class="w-full px-4 xl:px-0 xl:w-[1200px] mx-auto flex flex-col space-y-3 xl:space-y-6"> 837 838 <div class="w-full grid grid-cols-1 xl:grid-cols-3 gap-4 xl:gap-4 mb-2 xl:mb-4"> 839 <div class="col-span-1 order-2 xl:order-1"></div> 840 841 <nav class="col-span-1 flex justify-center space-x-6 xl:space-x-8 order-1 xl:order-2" aria-label="Social media links"> 842 <a data-maglev-id="H_Yxc_HoXH8.link" target="_blank" class="w-[32px] h-[32px] bg-[var(--social-bg)] rounded-lg text-[var(--social-text)] text-center" aria-label="fa-brands fa-facebook-f" href="https://www.facebook.com/toledo.homeslice"> 843 <i class="text-[24px] pt-[4px] fa-brands fa-facebook-f" data-maglev-id="H_Yxc_HoXH8.icon"></i> 844</a> <a data-maglev-id="QCpdWkRJjAA.link" target="_blank" class="w-[32px] h-[32px] bg-[var(--social-bg)] rounded-lg text-[var(--social-text)] text-center" aria-label="fa-brands fa-instagram" href="https://www.instagram.com/toledohomeslice"> 845 <i class="text-[24px] pt-[4px] fa-brands fa-instagram" data-maglev-id="QCpdWkRJjAA.icon"></i> 846</a> <a data-maglev-id="uX4N3LdYhHI.link" class="w-[32px] h-[32px] bg-[var(--social-bg)] rounded-lg text-[var(--social-text)] text-center" aria-label="mds-filled-phone_enabled" href="tel:419-724-7437"> 847 <i class="text-[24px] pt-[4px] mds-filled-phone_enabled" data-maglev-id="uX4N3LdYhHI.icon"></i> 848</a> </nav> 849 850 <div class="col-span-1 hidden xl:block order-3"></div> 851 </div> 852 853 <div class="w-full flex flex-col xl:flex-row justify-between items-center text-[var(--text-secondary)] text-sm font-normal leading-[142.857%] space-y-3 xl:space-y-0 mt-2 xl:mt-6"> 854 <nav class="flex flex-wrap justify-center xl:justify-start flex-grow space-x-4 xl:space-x-6 xl:pl-0" aria-label="Legal links"> 855 <a href="https://koala-configurations.s3.amazonaws.com/public/assets/Chowly-Terms-and-Conditions-b3cca027-acb6-42db-9d1f-11080e29b1e1.pdf" target="_blank" rel="noopener" class="mb-2">Terms of Use</a> 856 <a href="https://koala-configurations.s3.us-east-1.amazonaws.com/public/assets/Chowly-Privacy-Policy-202f4118-faeb-4593-8574-57dc447ae203.pdf" target="_blank" rel="noopener" class="mb-2">Privacy Policy</a> 857 </nav> 858 859 <p class="relative text-center xl:flex-grow xl:left-[-200px]" itemscope itemtype="https://schema.org/Organization"> 860 <span>Home Slice Pizza</span>⢠<span itemprop="copyrightYear">2026</span> All Rights Reserved 861 </p> 862 <p class="text-center xl:text-right">Made by <a href="https://www.chowly.com" class="font-bold" rel="noopener">Chowly</a></p> 863 </div> 864 </div> 865</footer> 866 </section> 867 </main> 868
868<script> 869(function() { 870 'use strict'; 871 872 const CONFIG = { 873 appleAppUrl: 'https://apps.apple.com/us/app/home-slice-pizza-app/id6808781914', 874 googleAppUrl: 'Insert Google Play Store Link', 875 orderUrl: '/stores', 876 appButtonText: 'Download App', 877 orderButtonText: 'Order Online', 878 mobileBreakpoint: 768, 879 backgroundColor: null, 880 primaryColor: null, 881 secondaryColor: null 882 }; 883 884 function getAppStoreUrl() { 885 const userAgent = navigator.userAgent || navigator.vendor || window.opera; 886 887 if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) { 888 return CONFIG.appleAppUrl; 889 } 890 891 if (/android/i.test(userAgent)) { 892 return CONFIG.googleAppUrl; 893 } 894 895 return CONFIG.appleAppUrl; 896 } 897 898 function getCSSVar(varName, fallback) { 899 const root = document.documentElement; 900 const value = getComputedStyle(root).getPropertyValue(varName).trim(); 901 return value || fallback; 902 } 903 904 function detectColors() { 905 return { 906 bgPrimary: getCSSVar('--bg-primary', '#ffffff'), 907 brandPrimary: getCSSVar('--brand-primary', '#d32720'), 908 textSecondary: getCSSVar('--text-secondary', '#666666'), 909 hoverBgOpacity: getCSSVar('--hover-bg-opacity', '0.08') 910 }; 911 } 912 913 function createFooter() { 914 const colors = detectColors(); 915 916 const rgbMatch = colors.bgPrimary.match(/\d+/g); 917 const bgColor = rgbMatch && rgbMatch.length >= 3 918 ? `rgba(${rgbMatch[0]}, ${rgbMatch[1]}, ${rgbMatch[2]}, 0.8)` 919 : 'rgba(255, 255, 255, 0.8)'; 920 921 const footer = document.createElement('div'); 922 footer.id = 'chowly-floating-footer'; 923 footer.innerHTML = ` 924 <style> 925 #chowly-floating-footer { 926 position: fixed; 927 right: 0; 928 bottom: 0; 929 left: 0; 930 z-index: 9999; 931 display: none; 932 flex-direction: row; 933 flex-wrap: wrap; 934 align-items: center; 935 gap: 0.5rem; 936 padding: 0.5rem; 937 background: ${bgColor}; 938 backdrop-filter: blur(20px); 939 -webkit-backdrop-filter: blur(20px); 940 box-shadow: 0 -4px 6px -1px rgba(0, 0, 0, 0.1); 941 } 942 943 #chowly-floating-footer.visible { 944 display: flex; 945 } 946 947 @media (max-width: 767px) { 948 body { 949 padding-bottom: 80px !important; 950 } 951 952 #mobile-menu { 953 z-index: 10000 !important; 954 } 955 } 956 957 .chowly-footer-btn-wrapper { 958 flex: 1; 959 min-width: 0; 960 } 961 962 .chowly-footer-btn { 963 display: flex; 964 align-items: center; 965 justify-content: center; 966 width: 100%; 967 min-height: 48px; 968 padding: 12px 16px; 969 border-radius: 8px; 970 border: 1px solid; 971 font-size: 16px; 972 font-weight: 600; 973 text-decoration: none; 974 text-align: center; 975 transition: all 0.2s ease-in-out; 976 cursor: pointer; 977 position: relative; 978 overflow: hidden; 979 } 980 981 .chowly-footer-btn-secondary { 982 background: transparent; 983 border-color: ${colors.textSecondary}; 984 color: ${colors.textSecondary}; 985 } 986 987 .chowly-footer-btn-secondary:hover, 988 .chowly-footer-btn-secondary:active { 989 background: ${colors.brandPrimary}${Math.round(parseFloat(colors.hoverBgOpacity) * 255).toString(16).padStart(2, '0')}; 990 border-color: ${colors.brandPrimary}; 991 color: ${colors.brandPrimary}; 992 } 993 994 .chowly-footer-btn-primary { 995 background: ${colors.brandPrimary}; 996 border-color: ${colors.brandPrimary}; 997 color: white; 998 } 999 1000 .chowly-footer-btn-primary::before { 1001 content: ''; 1002 position: absolute; 1003 inset: 0; 1004 background: rgba(0, 0, 0, 0.1); 1005 border-radius: 8px; 1006 pointer-events: none; 1007 } 1008 1009 .chowly-footer-btn-primary:hover, 1010 .chowly-footer-btn-primary:active { 1011 transform: translateY(-1px); 1012 box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.2); 1013 } 1014 1015 .chowly-btn-content { 1016 display: flex; 1017 align-items: center; 1018 justify-content: center; 1019 gap: 4px; 1020 white-space: nowrap; 1021 } 1022 1023 .chowly-arrow-icon { 1024 width: 16px; 1025 height: 16px; 1026 opacity: 0.5; 1027 transition: all 0.2s ease; 1028 transform: translateX(-3px); 1029 } 1030 1031 .chowly-footer-btn:hover .chowly-arrow-icon, 1032 .chowly-footer-btn:active .chowly-arrow-icon { 1033 opacity: 1;
1034 transform: translateX(0); 1035 } 1036 1037 .chowly-arrow-line { 1038 transform-origin: 216px 128px; 1039 transform: scaleX(0); 1040 transition: transform 0.2s ease; 1041 } 1042 1043 .chowly-footer-btn:hover .chowly-arrow-line, 1044 .chowly-footer-btn:active .chowly-arrow-line { 1045 transform: scaleX(1); 1046 } 1047 1048 @media (min-width: 768px) { 1049 #chowly-floating-footer { 1050 display: none !important; 1051 } 1052 } 1053 </style> 1054 1055 <div class="chowly-footer-btn-wrapper"> 1056 <a class="chowly-footer-btn chowly-footer-btn-secondary" 1057 href="${getAppStoreUrl()}" 1058 aria-label="${CONFIG.appButtonText}" 1059 target="_blank" 1060 rel="noopener noreferrer"> 1061 <span class="chowly-btn-content"> 1062 <span>${CONFIG.appButtonText}</span> 1063 <svg class="chowly-arrow-icon" viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg"> 1064 <line class="chowly-arrow-line" x1="70" y1="128" x2="216" y2="128" 1065 stroke="currentColor" stroke-linecap="round" stroke-width="24"/> 1066 <polyline points="144 56 216 128 144 200" fill="none" 1067 stroke="currentColor" stroke-linecap="round" stroke-width="24"/> 1068 </svg> 1069 </span> 1070 </a> 1071 </div> 1072 1073 <div class="chowly-footer-btn-wrapper"> 1074 <a class="chowly-footer-btn chowly-footer-btn-primary" 1075 href="${CONFIG.orderUrl}" 1076 aria-label="${CONFIG.orderButtonText}"> 1077 <span class="chowly-btn-content"> 1078 <span>${CONFIG.orderButtonText}</span> 1079 <svg class="chowly-arrow-icon" viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg"> 1080 <line class="chowly-arrow-line" x1="70" y1="128" x2="216" y2="128" 1081 stroke="currentColor" stroke-linecap="round" stroke-width="24"/> 1082 <polyline points="144 56 216 128 144 200" fill="none" 1083 stroke="currentColor" stroke-linecap="round" stroke-width="24"/> 1084 </svg> 1085 </span> 1086 </a> 1087 </div> 1088 `; 1089 1090 return footer; 1091 } 1092 1093 function isMobile() { 1094 return window.innerWidth < CONFIG.mobileBreakpoint; 1095 } 1096 1097 function isMobileMenuOpen() { 1098 const mobileMenu = document.getElementById('mobile-menu'); 1099 if (!mobileMenu) return false; 1100 1101 const ariaHidden = mobileMenu.getAttribute('aria-hidden'); 1102 const display = window.getComputedStyle(mobileMenu).display; 1103 1104 return ariaHidden === 'false' || display !== 'none'; 1105 } 1106 1107 function updateVisibility() { 1108 const footer = document.getElementById('chowly-floating-footer'); 1109 if (footer) { 1110 if (isMobile() && !isMobileMenuOpen()) { 1111 footer.classList.add('visible'); 1112 } else { 1113 footer.classList.remove('visible'); 1114 } 1115 } 1116 } 1117 1118 function init() { 1119 const footer = createFooter(); 1120 document.body.appendChild(footer); 1121 1122 updateVisibility(); 1123 1124 let resizeTimer; 1125 window.addEventListener('resize', function() { 1126 clearTimeout(resizeTimer); 1127 resizeTimer = setTimeout(updateVisibility, 150); 1128 }); 1129 1130 const observer = new MutationObserver(updateVisibility); 1131 const mobileMenu = document.getElementById('mobile-menu'); 1132 if (mobileMenu) { 1133 observer.observe(mobileMenu, { 1134 attributes: true, 1135 attributeFilter: ['aria-hidden', 'style', 'class'] 1136 }); 1137 } 1138 } 1139 1140 if (document.readyState === 'loading') { 1141 document.addEventListener('DOMContentLoaded', init); 1142 } else { 1143 init(); 1144 } 1145})(); 1146</script>
1146 1147</body> 1148</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.