1<!DOCTYPE html> 2�<html lang="en"><head><meta content="null" property="og:site_name"/><meta content="null" property="og:url"/><meta content="null" property="og:type"/><meta content="null" property="og:description"/><meta content="null" property="og:title"/><!-- Google tag (gtag.js) -->
vendor: 71 bytes, line 2
2<script async="async" src="https://www.googletagmanager.com/gtag/js?id=
2G-VG24VK2VKT
vendor: 11 bytes, line 2
2"></script>
2<script> 3 window.dataLayer = window.dataLayer || []; 4 function gtag(){dataLayer.push(arguments);} 5 gtag('set', 'linker', {'domains': ['tmt.spotapps.co','spothopperapp.com']}); 6 gtag('js', new Date()); 7 gtag('config', 'G-SGBW3M9DNV'); 8 gtag('config', 'G-VG24VK2VKT'); 9 </script>
9<!-- wcache 2026-10-05 15:40:25.585312Z --><!-- 10smart_footer: true, 11smart_footer_version: 2, 12scripting_active: false 13--><link href="https://theetcbarandgrill.com/oconomowoc-the-etcetera-bar-and-grill-about" rel="canonical"/><meta charset="utf-8"/><meta content="IE=edge" http-equiv="X-UA-Compatible"/><meta content="width=device-width, initial-scale=1" name="viewport"/><meta content="" name="description"/><meta content="" name="author"/><title>The Etcetera Bar and Grill - About</title>
13<script>document.cookie='resolution='+Math.max(screen.width,screen.height)+("devicePixelRatio" in window ? ","+devicePixelRatio : ",1")+'; path=/';</script>
13<link href="https://static.spotapps.co/web/theetcbarandgrill--com/apple-touch-icon.png" rel="apple-touch-icon" sizes="144x144"/><link href="https://static.spotapps.co/web/theetcbarandgrill--com/favicon-32x32.png" rel="icon" sizes="32x32" type="image/png"/><link href="https://static.spotapps.co/web/theetcbarandgrill--com/favicon-16x16.png" rel="icon" sizes="16x16" type="image/png"/><link href="https://static.spotapps.co/web/theetcbarandgrill--com/site.webmanifest" rel="manifest"/><link color="#000000" href="https://static.spotapps.co/web/theetcbarandgrill--com/safari-pinned-tab.svg" rel="mask-icon"/><meta content="#ffffff" name="msapplication-TileColor"/><meta content="#ffffff" name="theme-color"/><link href="https://static.spotapps.co/web/theetcbarandgrill--com/lib/bootstrap/css/bootstrap.min.css" rel="stylesheet"/><link href="https://static.spotapps.co/web/theetcbarandgrill--com/lib/custom-scrollbar/jquery.mCustomScrollbar.css" rel="stylesheet"/><link href="https://static.spotapps.co/web/theetcbarandgrill--com/lib/uikit/css/uikit.docs.min.css" rel="stylesheet"/><link href="https://static.spotapps.co/web/theetcbarandgrill--com/lib/uikit/css/slidenav.css" rel="stylesheet"/><link href="https://static.spotapps.co/web/theetcbarandgrill--com/css/style.css?version2" rel="stylesheet"/><link href="https://static.spotapps.co/web/theetcbarandgrill--com/lib/font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet"/><link href="https://static.spotapps.co/web/theetcbarandgrill--com/lib/hover_css/css/hover-min.css" rel="stylesheet"/><link href="https://static.spotapps.co/web/theetcbarandgrill--com/lib/owlcarousel/owl.carousel.min.css" rel="stylesheet"/><link href="https://static.spotapps.co/web/theetcbarandgrill--com/lib/owlcarousel/owl.theme.default.min.css" rel="stylesheet"/><link href="https://static.spotapps.co/web-lib/leaflet/[email protected]/dist/leaflet.css" rel="stylesheet"/><link href="https://static.spotapps.co/web/theetcbarandgrill--com/css/style.css?version2" rel="stylesheet"/><link href="https://static.spotapps.co/web/theetcbarandgrill--com/css/bottom_navigation_v1.css?v1764155728" rel="stylesheet"/><link href="css/custom.css?v1764155728&domain=theetcbarandgrill.com" rel="stylesheet"/><link href="https://static.spotapps.co/web/theetcbarandgrill--com/lib/icons_font/css/social_icons.css" rel="stylesheet"/><!--[if IE 7]><link rel="stylesheet" href="lib/icons_font/css/social_icons-ie7.css"><![endif]--><style> 14 .webkit-mobile-body>div:first-child{ 15 -webkit-overflow-scrolling: touch; 16 } 17 .about-us-s1-wrapper .about-us-item-holder { 18 background-color: #dd8112; 19 } 20 .about-us-page .about-us-s1-content { 21 width: 40%; 22 color: #fff; 23 text-align: center; 24 } 25 .about-us-page .about-us-s1-slide { 26 width: 60%; 27 } 28 .about-us-page .about-us-s1-content h1 { 29 color: #fff; 30 } 31 .about-us-s1-wrapper .bottom-svg-border path, 32 .about-us-s1-wrapper .bottom-svg-border polygon { 33 fill: #000; 34 } 35 .about-us-page .about-us-s2-image { 36 width: 40%; 37 } 38 .about-us-page .about-us-s2-content { 39 width: 60%; 40 } 41 .about-us-s2-wrapper .about-us-item-holder { 42 min-height: 40vh; 43 } 44 .about-us-v7-content .text-wrapper { 45 color: #000; 46 background: rgba(250,250,250,0); 47 text-align: center; 48 } 49 .about-us-v7-content .text-wrapper h1 { 50 color: #121212; 51 } 52 .about-us-v7-content .text-wrapper:before { 53 background-image: url('https://static.spotapps.co/web/theetcbarandgrill--com/custom/about/about_us_pg_right.jpg'); 54 -webkit-filter: grayscale(0.2) opacity(0.15); 55 -moz-filter: grayscale(0.2) opacity(0.15); 56 -o-filter: grayscale(0.2) opacity(0.15); 57 -ms-filter: grayscale(0.2) opacity(0.15); 58 filter: grayscale(0.2) opacity(0.15); 59 } 60 .about-us-s2-wrapper .top-svg-border path, 61 .about-us-s2-wrapper .top-svg-border polygon { 62 fill: #000; 63 } 64 .about-us-s2-wrapper .bottom-svg-border path, 65 .about-us-s2-wrapper .bottom-svg-border polygon { 66 fill: #000; 67 } 68 .about-us-s3-wrapper .top-svg-border path, 69 .about-us-s3-wrapper .top-svg-border polygon { 70 fill: #000; 71 } 72 .about-us-s3-wrapper .bottom-svg-border path, 73 .about-us-s3-wrapper .bottom-svg-border polygon { 74 fill: #000; 75 } 76 .about-us-s3-wrapper .map-footer { 77 background: rgba(0,0,0,0.8); 78 color: #fff; 79 text-align: center; 80 } 81 .about-us-s3-wrapper .map-footer a { 82 color: #fff; 83 } 84 .about-us-s4-wrapper .top-svg-border path, 85 .about-us-s4-wrapper .top-svg-border polygon { 86 fill: #000; 87 } 88 .about-us-s4-wrapper .bottom-svg-border path, 89 .about-us-s4-wrapper .bottom-svg-border polygon { 90 fill: #000; 91 } 92 @media (max-width: 991px) { 93 .about-us-page .about-us-s1-content, 94 .about-us-page .about-us-s1-slide, 95 .about-us-page .about-us-s2-image, 96 .about-us-page .about-us-s2-content { 97 width: 100%; 98 } 99 .about-us-s2-wrapper .about-us-item-holder { 100 min-height: auto; 101 height: auto; 102 } 103 } 104 </style>
104<script src="https://static.spotapps.co/websites/lib/lazysizes/lazysizes.min.js" async=""></script>
104<script> 105function ga_check(){ 106 return true; 107} 108</script>
108<script> 109function universal_ga(action, type, category, ev_action, label){ 110 if(typeof ga === 'function') 111 { 112 if(!(action && label)) 113 ga(action, type, category) 114 else 115 ga(action, type, category, ev_action, label) 116 } 117 118 if(typeof gtag === 'function') 119 { 120 if(!(action && label)) 121 { 122 hash = category 123 ev_label = hash["eventLabel"] 124 var splits = ev_label.match(/.{1,100}/g) ?? []; 125 delete(hash["eventLabel"]) 126 127 if(splits.length <= 1) 128 hash["eventLabel"] = ev_label 129 else 130 { 131 for (let i = 0; i < splits.length; i++) { 132 var key = "eventLabel_"+i 133 hash[key] = splits[i] 134 } 135 } 136 console.log(hash) 137 gtag("event", hash["eventCategory"], hash); 138 } 139 else 140 { 141 var hash = { 142 eventCategory: category, 143 eventAction: ev_action 144 } 145 146 var splits = label.match(/.{1,100}/g) ?? []; 147 if(splits.length <= 1) 148 hash["eventLabel"] = label 149 else 150 { 151 for (let i = 0; i < splits.length; i++) { 152 var key = "eventLabel_"+i 153 hash[key] = splits[i] 154 } 155 } 156 gtag("event", hash["eventCategory"], hash); 157 } 158 } 159} 160</script>
160<script> function getPromotionUrlParams(){ 161 var params_str = sessionStorage.getItem('shUrlParams'); 162 if (params_str != null){ 163 return JSON.parse(params_str); 164 }else{ 165 return {}; 166 } 167 } 168 169 function getPromotionSourceDetails(){ 170 var params_str = localStorage.getItem('promotionSourceDetails'); 171 if (params_str != null){ 172 return JSON.parse(params_str); 173 }else{ 174 return {}; 175 } 176 } 177 178 function getLastEmailVisitInDays(){ 179 var promotionSourceDetails = getPromotionSourceDetails(); 180 if (!promotionSourceDetails['last_visit_email'] ){ 181 return null; 182 } 183 return Math.floor((new Date() - new Date(promotionSourceDetails['last_visit_email'])) / (1000 * 60 * 60 * 24)); 184 } 185 186 function getLastSocialVisitInDays(){ 187 var promotionSourceDetails = getPromotionSourceDetails(); 188 if (!promotionSourceDetails['last_visit_social'] ){ 189 return null; 190 } 191 return Math.floor((new Date() - new Date(promotionSourceDetails['last_visit_social'])) / (1000 * 60 * 60 * 24)); 192 } 193 194 var shUrlParams = getPromotionUrlParams(); 195 var promotionSourceDetails = getPromotionSourceDetails(); 196 197 new URL(document.location).searchParams.forEach(function(value, paramName){ 198 199 shUrlParams[paramName] = value; 200 201 if (paramName == 'source' && value =='social' ){ 202 promotionSourceDetails['last_visit_social'] = new Date(); 203 localStorage.setItem('promotionSourceDetails', JSON.stringify(promotionSourceDetails)); 204 } 205 206 if (paramName == 'source' && value =='email' ){ 207 promotionSourceDetails['last_visit_email'] = new Date(); 208 localStorage.setItem('promotionSourceDetails', JSON.stringify(promotionSourceDetails)); 209 } 210 211 }); 212 213 sessionStorage.setItem('shUrlParams', JSON.stringify(shUrlParams)) 214</script>
214<style>a:focus:not(:focus-visible){outline:none;box-shadow:none;} 215a.get-directions-footer-link{display:inline-block;transform-origin:left center;transition:transform .2s ease;} 216a.get-directions-footer-link:hover{transform:scale(1.08);} 217@media (prefers-reduced-motion:reduce){a.get-directions-footer-link{transition:none;transform:none;}} 218a.get-directions-footer-link,a.get-directions-footer-link:hover{color:inherit!important;}</style></head><body class="drink-menu about-us-page "><header><style> 219 220 .nav-v7 .navbar-logo .container { 221 height: 70px; 222 } 223 .nav-v7 .navbar-logo .header-logo img { 224 max-height: 70px; 225 } 226 227 228.navbar.nav-v6 .navbar-logo .container { 229 height: 90px; 230 padding-top: 10px; 231 padding-bottom: 10px; 232} 233.navbar.nav-v6.nav-scroll .navbar-logo .container { 234 height: 70px; 235 padding-top: 0px; 236 padding-bottom: 0px; 237} 238.navbar.nav-v6 .header-logo img { 239 max-width: 100%; 240} 241.navbar.nav-v6.nav-scroll .header-logo img { 242 max-width: 80%; 243} 244.nav-v7 .navbar-logo .header-logo img { 245 max-height: 90px; 246} 247.nav-v7.nav-scroll .navbar-logo .header-logo img { 248 max-height: 70px; 249} 250 251@media (max-width: 767px) { 252 .navbar.nav-v6 .navbar-header { 253 padding-top: 10px; 254 padding-bottom: 10px; 255 } 256 .navbar.nav-v6.nav-scroll .navbar-header{ 257 padding-top: 0px; 258 padding-bottom: 0px; 259 } 260 .navbar.nav-v6 .socialnav { 261 margin-top: 10px; 262 } 263 .navbar.nav-v6.nav-scroll .socialnav { 264 margin-top: 0px; 265 } 266 .navbar.nav-v6 .container{ 267 padding-top: 0; 268 padding-bottom: 0; 269 } 270 .navbar.nav-v6.nav-scroll .container { 271 padding-top: 0; 272 padding-bottom: 0; 273 } 274 .navbar.nav-v6 .header-logo { 275 height: 70px; 276 } 277 .navbar.nav-v6.nav-scroll .header-logo { 278 height: 50px; 279 } 280 .navbar.nav-v6 .header-logo img { 281 max-height: 100%; 282 } 283} 284 285 286.navbar-regular .navbar-collapse.collapse.in { 287 background-color: transparent; 288 width: 100%; 289} 290.navbar.nav-v6 .navbar-tabs { 291 background-color: #1c1c1c; 292 -webkit-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0); 293 -moz-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0); 294 box-shadow: 0px 4px 4px 0px rgba(0,0,0,0); 295} 296.navbar.nav-v6.nav-scroll .navbar-tabs { 297 background-color: #f2f2f2; 298 -webkit-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.4); 299 -moz-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.4); 300 box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.4); 301} 302.drink-menu .navbar.nav-v6 .navbar-tabs { 303 background-color: #1c1c1c; 304 -webkit-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0); 305 -moz-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0); 306 box-shadow: 0px 4px 4px 0px rgba(0,0,0,0); 307} 308.drink-menu .navbar.nav-v6.nav-scroll .navbar-tabs { 309 background-color: #f2f2f2; 310 -webkit-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.4); 311 -moz-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.4); 312 box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.4); 313} 314li.drop-down-link .sub-menu { 315 background-color: #1c1c1c; 316 color: #f2f2f2; 317 } 318.nav-scroll li.drop-down-link .sub-menu { 319 background-color: #f2f2f2; 320 color: #1c1c1c; 321} 322.drink-menu li.drop-down-link .sub-menu { 323 background-color: #1c1c1c; 324 color: #fff; 325} 326.drink-menu .nav-scroll li.drop-down-link .sub-menu { 327 background-color: #f2f2f2; 328 color: #1c1c1c; 329} 330li.drop-down-link .sub-menu a { 331 color: #f2f2f2; 332} 333.nav-scroll li.drop-down-link .sub-menu a { 334 color: #1c1c1c; 335} 336.drink-menu li.drop-down-link .sub-menu a { 337 color: #fff; 338} 339.drink-menu .nav-scroll li.drop-down-link .sub-menu a { 340 color: #1c1c1c; 341} 342 343.navbar.nav-v6 .navbar-logo { 344 background-color: transparent; 345} 346.navbar.nav-v6.nav-scroll .navbar-logo { 347 background-color: #f2f2f2; 348} 349.drink-menu .navbar.nav-v6 .navbar-logo { 350 background-color: #1c1c1c; 351} 352.drink-menu .navbar.nav-v6.nav-scroll .navbar-logo { 353 background-color: #f2f2f2; 354} 355 356.navbar-regular.nav-v6 .navbar-nav>li>a, 357.navbar-regular.nav-v6 .navbar-nav>li>a:hover, 358.navbar-regular.nav-v6 .navbar-nav>.active>a, 359.navbar-regular.nav-v6 .navbar-nav>.active>a:focus, 360.navbar-regular.nav-v6 .navbar-nav>.active>a:hover{ 361 border: none; 362 border-right: 1px solid #f2f2f2; 363 background-color: transparent; 364 color: #dd8112; 365} 366.navbar-regular.nav-v6 .navbar-nav>li>a { 367 color: #f2f2f2; 368} 369.drink-menu .navbar.nav-v6 .navbar-nav>li>a { 370 color: #fff; 371 border-right: 1px solid #fff; 372} 373.drink-menu .navbar-regular.nav-v6 .navbar-nav>li>a:hover, 374.drink-menu .navbar-regular.nav-v6 .navbar-nav>.active>a, 375.drink-menu .navbar-regular.nav-v6 .navbar-nav>.active>a:focus, 376.drink-menu .navbar-regular.nav-v6 .navbar-nav>.active>a:hover{ 377 color: #dd8112; 378} 379 380li.drop-down-link .sub-menu a:hover, 381.drink-menu li.drop-down-link .sub-menu a:hover {
382 color: #dd8112; 383} 384 385.navbar-regular.nav-v7 .navbar-contact .navbar-nav>li>a, 386.navbar-regular.nav-v7 .navbar-contact .navbar-nav>li>a:hover, 387.navbar-regular.nav-v7 .navbar-contact .navbar-nav>.active>a, 388.navbar-regular.nav-v7 .navbar-contact .navbar-nav>.active>a:focus, 389.navbar-regular.nav-v7 .navbar-contact .navbar-nav>.active>a:hover{ 390 color: #dd8112; 391} 392.navbar-regular.nav-v7 .navbar-contact .navbar-nav>li>a { 393 color: #f2f2f2; 394} 395.drink-menu .navbar.nav-v7 .navbar-nav>li>a { 396 color: #fff; 397} 398.drink-menu .navbar-regular.nav-v7 .navbar-contact .navbar-nav>li>a { 399 color: #fff; 400} 401.drink-menu .navbar-regular.nav-v7 .navbar-contact .navbar-nav>li>a:hover, 402.drink-menu .navbar-regular.nav-v7 .navbar-contact .navbar-nav>.active>a, 403.drink-menu .navbar-regular.nav-v7 .navbar-contact .navbar-nav>.active>a:focus, 404.drink-menu .navbar-regular.nav-v7 .navbar-contact .navbar-nav>.active>a:hover{ 405 color: #dd8112; 406} 407 408.navbar-regular.nav-v6 .navbar-toggle .icon-bar { 409 background-color: #f2f2f2; 410} 411.drink-menu .navbar-regular.nav-v6 .navbar-toggle .icon-bar { 412 background-color: #fff; 413} 414.navbar-regular.nav-v6 [aria-expanded="true"].navbar-toggle .icon-bar { 415 background-color: #dd8112; 416} 417.drink-menu .navbar-regular.nav-v6 [aria-expanded="true"].navbar-toggle .icon-bar{ 418 background-color: #dd8112; 419} 420.navbar-regular.nav-v6.nav-scroll .navbar-nav>li>a, 421.navbar-regular.nav-v6.nav-scroll .navbar-nav>li>a:hover, 422.navbar-regular.nav-v6.nav-scroll .navbar-nav>.active>a, 423.navbar-regular.nav-v6.nav-scroll .navbar-nav>.active>a:focus, 424.navbar-regular.nav-v6.nav-scroll .navbar-nav>.active>a:hover{ 425 border: none; 426 border-right: 1px solid #1c1c1c; 427 color: #334909; 428} 429.navbar-regular.nav-v6.nav-scroll .navbar-nav>li>a { 430 color: #1c1c1c; 431} 432.drink-menu .navbar.nav-v6.nav-scroll .navbar-nav>li>a { 433 color: #1c1c1c; 434 border-right: 1px solid #1c1c1c; 435} 436.drink-menu .navbar-regular.nav-v6.nav-scroll .navbar-nav>li>a:hover, 437.drink-menu .navbar-regular.nav-v6.nav-scroll .navbar-nav>.active>a, 438.drink-menu .navbar-regular.nav-v6.nav-scroll .navbar-nav>.active>a:focus, 439.drink-menu .navbar-regular.nav-v6.nav-scroll .navbar-nav>.active>a:hover{ 440 color: #334909; 441} 442 443.nav-scroll li.drop-down-link .sub-menu a:hover, 444.drink-menu .nav-scroll li.drop-down-link .sub-menu a:hover { 445 color: #334909; 446} 447 448.navbar-regular.nav-v6.nav-scroll .navbar-contact .navbar-nav>li>a, 449.navbar-regular.nav-v6.nav-scroll .navbar-contact .navbar-nav>li>a:hover, 450.navbar-regular.nav-v6.nav-scroll .navbar-contact .navbar-nav>.active>a, 451.navbar-regular.nav-v6.nav-scroll .navbar-contact .navbar-nav>.active>a:focus, 452.navbar-regular.nav-v6.nav-scroll .navbar-contact .navbar-nav>.active>a:hover { 453 color: #dd8112; 454} 455.navbar-regular.nav-v6.nav-scroll .navbar-contact .navbar-nav>li>a { 456 color: #1c1c1c; 457} 458.drink-menu .navbar.nav-v6.nav-scroll .navbar-contact .navbar-nav>li>a { 459 color: #1c1c1c; 460} 461.drink-menu .navbar-regular.nav-v6.nav-scroll .navbar-contact .navbar-nav>li>a:hover, 462.drink-menu .navbar-regular.nav-v6.nav-scroll .navbar-contact .navbar-nav>.active>a, 463.drink-menu .navbar-regular.nav-v6.nav-scroll .navbar-contact .navbar-nav>.active>a:focus, 464.drink-menu .navbar-regular.nav-v6.nav-scroll .navbar-contact .navbar-nav>.active>a:hover{ 465 color: #dd8112; 466} 467 468.navbar-regular.nav-v6.nav-scroll .navbar-toggle .icon-bar { 469 background-color: #1c1c1c; 470} 471.drink-menu .navbar-regular.nav-v6.nav-scroll .navbar-toggle .icon-bar { 472 background-color: #1c1c1c; 473} 474.navbar-regular.nav-v6.nav-scroll [aria-expanded="true"].navbar-toggle .icon-bar { 475 background-color: #334909; 476} 477.drink-menu .navbar-regular.nav-v6.nav-scroll [aria-expanded="true"].navbar-toggle .icon-bar{ 478 background-color: #334909; 479} 480.navbar.nav-v6 .header-logo-text{ 481 color: #f2f2f2; 482} 483.navbar.nav-v6.nav-scroll .header-logo-text{ 484 color: #1c1c1c; 485} 486.navbar.nav-v6 .social-icon{ 487 color: #f2f2f2; 488} 489.navbar.nav-v6.nav-scroll .social-icon{ 490 color: #1c1c1c; 491} 492.navbar.nav-v6 .social-square .contact-icon:hover { 493 color: #f2f2f2; 494 background-color: #dd8112; 495} 496.navbar.nav-v6.nav-scroll .social-square .contact-icon:hover { 497 color: #1c1c1c; 498 background-color: #334909; 499} 500 501.drink-menu .navbar.nav-v6 .header-logo-text{ 502 color: #fff; 503} 504.drink-menu .navbar.nav-v6.nav-scroll .header-logo-text{ 505 color: #1c1c1c; 506} 507.drink-menu .navbar.nav-v6 .social-icon{ 508 color: #fff; 509} 510.drink-menu .navbar.nav-v6.nav-scroll .social-icon{ 511 color: #1c1c1c; 512} 513.drink-menu .navbar.nav-v6 .social-square .contact-icon:hover {
514 color: #fff; 515} 516.drink-menu .navbar.nav-v6.nav-scroll .social-square .contact-icon:hover { 517 color: #1c1c1c; 518} 519.navbar.nav-v6 .navbar-logo .container { 520 border-bottom: 1px solid transparent; 521} 522.navbar.nav-v6.nav-scroll .navbar-logo .container { 523 border-bottom: 1px solid #1c1c1c; 524} 525.drink-menu .navbar.nav-v6 .navbar-logo .container { 526 border-bottom: 1px solid transparent; 527} 528.drink-menu .navbar.nav-v6.nav-scroll .navbar-logo .container { 529 border-bottom: 1px solid #1c1c1c; 530} 531@media (max-width: 767px) { 532 .navbar.nav-v6 { 533 background-color: #1c1c1c; 534 -webkit-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0); 535 -moz-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0); 536 box-shadow: 0px 4px 4px 0px rgba(0,0,0,0); 537 } 538 .navbar.nav-v6.nav-scroll { 539 background-color: #f2f2f2; 540 -webkit-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.4); 541 -moz-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.4); 542 box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.4); 543 } 544 .drink-menu .navbar.nav-v6 { 545 background-color: #1c1c1c; 546 -webkit-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0); 547 -moz-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0); 548 box-shadow: 0px 4px 4px 0px rgba(0,0,0,0); 549 } 550 .drink-menu .navbar.nav-v6.nav-scroll { 551 background-color: #f2f2f2; 552 -webkit-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.4); 553 -moz-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.4); 554 box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.4); 555 } 556 .navbar.nav-v6 .container, 557 .navbar.nav-v6.nav-scroll .container, 558 .drink-menu .navbar.nav-v6 .container, 559 .drink-menu .navbar.nav-v6.nav-scroll .container { 560 border-bottom: none; 561 } 562 .navbar.nav-v6 .navbar-header { 563 border-bottom: 2px solid transparent; 564 } 565 .navbar.nav-v6.nav-scroll .navbar-header { 566 border-bottom: 2px solid #1c1c1c; 567 } 568 .drink-menu .navbar.nav-v6 .navbar-header { 569 border-bottom: 2px solid transparent; 570 } 571 .drink-menu .navbar.nav-v6.nav-scroll .navbar-header { 572 border-bottom: 2px solid #1c1c1c; 573 } 574 .navbar-regular.nav-v6 .navbar-nav>li>a:hover, 575 .navbar-regular.nav-v6 .navbar-nav>.active>a, 576 .navbar-regular.nav-v6 .navbar-nav>.active>a:focus, 577 .navbar-regular.nav-v6 .navbar-nav>.active>a:hover{ 578 background-color: #dd8112; 579 color: #f2f2f2; 580 } 581 .navbar-regular.nav-v6.nav-scroll .navbar-nav>li>a:hover, 582 .navbar-regular.nav-v6.nav-scroll .navbar-nav>.active>a, 583 .navbar-regular.nav-v6.nav-scroll .navbar-nav>.active>a:focus, 584 .navbar-regular.nav-v6.nav-scroll .navbar-nav>.active>a:hover{ 585 background-color: #334909; 586 color: #1c1c1c; 587 } 588 .drink-menu .navbar-regular.nav-v6 .navbar-nav>li>a:hover, 589 .drink-menu .navbar-regular.nav-v6 .navbar-nav>.active>a, 590 .drink-menu .navbar-regular.nav-v6 .navbar-nav>.active>a:focus, 591 .drink-menu .navbar-regular.nav-v6 .navbar-nav>.active>a:hover{ 592 color: #fff; 593 } 594 .drink-menu .navbar-regular.nav-v6.nav-scroll .navbar-nav>li>a:hover, 595 .drink-menu .navbar-regular.nav-v6.nav-scroll .navbar-nav>.active>a, 596 .drink-menu .navbar-regular.nav-v6.nav-scroll .navbar-nav>.active>a:focus, 597 .drink-menu .navbar-regular.nav-v6.nav-scroll .navbar-nav>.active>a:hover{ 598 color: #1c1c1c; 599 } 600} 601</style><!-- nav --><nav class="navbar nav-v4 nav-v6 nav-v7 navbar-regular navbar-fixed-top" id="navbar" role="navigation"><div class="visuallyhidden" id="skip"><a href="#content">Skip to Main Content</a></div><div class="desktop-navigation logo-center"><div class="navbar-logo"><div class="container"><a class="header-logo logo-top" href="/#"><img alt="The Etcetera Bar and Grill logo top" class="img-responsive logo-top" src="https://static.spotapps.co/web/theetcbarandgrill--com/custom/logo.png"/></a><a class="header-logo logo-scroll" href="/"><img alt="The Etcetera Bar and Grill logo scroll" class="img-responsive logo-scroll" src="https://static.spotapps.co/web/theetcbarandgrill--com/custom/logo_scroll.png"/></a><div class="navbar-contact"><ul class="nav navbar-nav navbar-right"><li class="nav-phone"><a href="tel:+12625692734"><i aria-hidden="true" class="fa fa-phone"></i>(262)-569-2734</a></li><li class="nav-email"><a href="mailto:[email protected]"><i aria-hidden="true" class="fa fa-envelope-o"></i>[email protected]</a></li><li class="nav-address"><a href="/#map-v3-container"><i aria-hidden="true" class="fa fa-map-marker"></i> 602 118 East Wisconsin Avenue , Oconomowoc </a></li></ul></div></div></div><div class="navbar-tabs"><div class="container"><div class="navbar-content"><ul class="nav navbar-nav"><li class=" nav-order-link"><a class="link-order-sh" href="https://www.toasttab.com/the-etcetera-118-east-wisconsin-avenue/v3?utm_source=toast_local&utm_medium=internal_referral&utm_content=search_oo&utm_term=400307&lead_source=toast_local#" id="https://www.toasttab.com/the-etcetera-118-east-wisconsin-avenue/v3?utm_source=toast_local&utm_medium=internal_referral&utm_content=search_oo&utm_term=400307&lead_source=toast_local#_link" target="_self"> 603 ORDER NOW 604 605 </a></li><li class=" drop-down-link sub-1"><a class="drop-down" href="#" id="#_link" target=""> 606 MENU 607 <i aria-hidden="true" class="fa fa-angle-down"></i><i aria-hidden="true" class="fa fa-angle-up"></i></a><div class="sub-menu">
607<a class="sub-menu-link" href="/oconomowoc-the-etcetera-bar-and-grill-food-menu" target="_self"> 608 FOOD </a><a class="sub-menu-link" href="/oconomowoc-the-etcetera-bar-and-grill-happy-hours-specials" target="_self"> 609 WEEKLY SPECIALS </a></div></li><li class=" drop-down-link sub-2"><a class="drop-down" href="#" id="#_link" target=""> 610 SPECIALTY COCKTAILS 611 <i aria-hidden="true" class="fa fa-angle-down"></i><i aria-hidden="true" class="fa fa-angle-up"></i></a><div class="sub-menu"><a class="sub-menu-link" href="/oconomowoc-the-etcetera-bar-and-grill-drink-menu" target="_self"> 612 DRINKS </a><a class="sub-menu-link" href="/oconomowoc-the-etcetera-bar-and-grill-award-winnings" target="_self"> 613 AWARD WINNING BLOODY MARY </a></div></li><li class=" "><a class="" href="/oconomowoc-the-etcetera-bar-and-grill-events" id="/Oconomowoc-The-Etcetera-Bar-and-Grill-events_link" target="_self"> 614 EVENTS 615 616 </a></li><li class=" gift-cards-nav"><a class="gift-cards-link" href="https://www.toasttab.com/the-etcetera-118-east-wisconsin-avenue/giftcards?utmCampaign=onlineOrdering" id="https://www.toasttab.com/the-etcetera-118-east-wisconsin-avenue/giftcards?utmCampaign=onlineOrdering_link" target="_blank"> 617 GIFT CARDS 618 619 </a></li><li class=" nav-jobs-link"><a class="link-jobs-sh" href="https://tmt.spotapps.co/job-listings?spot_id=85197&callback_url=http://theetcbarandgrill.com/oconomowoc-the-etcetera-bar-and-grill-about#" id="https://tmt.spotapps.co/job-listings?spot_id=85197&callback_url=http://theetcbarandgrill.com/oconomowoc-the-etcetera-bar-and-grill-about#_link" target="_self"> 620 JOBS 621 622 </a></li><li class=" "><a class="" href="/oconomowoc-the-etcetera-bar-and-grill-rooftop-dining" id="/Oconomowoc-The-Etcetera-Bar-and-Grill-rooftop-dining_link" target="_self"> 623 ROOFTOP DINING 624 625 </a></li><li class=" "><a class="" href="/oconomowoc-the-etcetera-bar-and-grill-golf-simulator" id="/Oconomowoc-The-Etcetera-Bar-and-Grill-golf-simulator_link" target="_self"> 626 GOLF SIMULATOR 627 628 </a></li><li class=" outside-link"><a class="link-class" href="https://theetc.setmore.com/" id="https://theetc.setmore.com/_link" target="_blank"> 629 OUTDOOR ROOFTOP IGLOO SEATING 630 631 </a></li></ul><ul class="socialnav"><li class="social-links social-icons-holder social-square"><a class="pull-left contact-icon" href="https://www.facebook.com/110348351151145" target="_blank"><i class="social-icon fa fa-facebook"></i><span>Facebook page</span></a><a class="pull-left contact-icon" href="https://www.instagram.com/theetcbarandgrill" target="_blank"><i class="social-icon fa fa-instagram"></i><span>Instagram page</span></a></li></ul></div></div></div></div><div class="mobile-navigation"><div class="container"><div class="navbar-header"><button class="navbar-toggle" data-target="#navbar-collapse-1" data-toggle="collapse" type="button"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button></div><a class="header-logo logo-top" href="/#"><img alt="The Etcetera Bar and Grill logo top" class="img-responsive logo-top" src="https://static.spotapps.co/web/theetcbarandgrill--com/custom/logo.png"/></a><a class="header-logo logo-scroll" href="/"><img alt="The Etcetera Bar and Grill logo scroll" class="img-responsive logo-scroll" src="https://static.spotapps.co/web/theetcbarandgrill--com/custom/logo_scroll.png"/></a><ul class="socialnav"><li class="social-links social-icons-holder social-square"><a class="pull-left contact-icon" href="https://www.facebook.com/110348351151145" target="_blank"><i class="social-icon fa fa-facebook"></i><span>Facebook page</span></a><a class="pull-left contact-icon" href="https://www.instagram.com/theetcbarandgrill" target="_blank"><i class="social-icon fa fa-instagram"></i><span>Instagram page</span></a></li></ul><div class="collapse navbar-collapse" id="navbar-collapse-1"><ul class="nav navbar-nav navbar-right"><li class=" nav-order-link"><a class="link-order-sh" href="https://www.toasttab.com/the-etcetera-118-east-wisconsin-avenue/v3?utm_source=toast_local&utm_medium=internal_referral&utm_content=search_oo&utm_term=400307&lead_source=toast_local#" id="https://www.toasttab.com/the-etcetera-118-east-wisconsin-avenue/v3?utm_source=toast_local&utm_medium=internal_referral&utm_content=search_oo&utm_term=400307&lead_source=toast_local#_link" target="_self"> 632 ORDER NOW </a></li><li class=" drop-down-link sub-1"><a class="drop-down" href="#" id="#_link" target=""> 633 MENU </a></li><li class=" drop-down-link sub-2"><a class="drop-down" href="#" id="#_link" target=""> 634 SPECIALTY COCKTAILS </a></li><li class=" "><a class="" href="/oconomowoc-the-etcetera-bar-and-grill-events" id="/Oconomowoc-The-Etcetera-Bar-and-Grill-events_link" target="_self"> 635 EVENTS </a></li><li class=" gift-cards-nav"><a class="gift-cards-link" href="https://www.toasttab.com/the-etcetera-118-east-wisconsin-avenue/giftcards?utmCampaign=onl
635ineOrdering" id="https://www.toasttab.com/the-etcetera-118-east-wisconsin-avenue/giftcards?utmCampaign=onlineOrdering_link" target="_blank"> 636 GIFT CARDS </a></li><li class=" nav-jobs-link"><a class="link-jobs-sh" href="https://tmt.spotapps.co/job-listings?spot_id=85197&callback_url=http://theetcbarandgrill.com/oconomowoc-the-etcetera-bar-and-grill-about#" id="https://tmt.spotapps.co/job-listings?spot_id=85197&callback_url=http://theetcbarandgrill.com/oconomowoc-the-etcetera-bar-and-grill-about#_link" target="_self"> 637 JOBS </a></li><li class=" "><a class="" href="/oconomowoc-the-etcetera-bar-and-grill-rooftop-dining" id="/Oconomowoc-The-Etcetera-Bar-and-Grill-rooftop-dining_link" target="_self"> 638 ROOFTOP DINING </a></li><li class=" "><a class="" href="/oconomowoc-the-etcetera-bar-and-grill-golf-simulator" id="/Oconomowoc-The-Etcetera-Bar-and-Grill-golf-simulator_link" target="_self"> 639 GOLF SIMULATOR </a></li><li class=" outside-link"><a class="link-class" href="https://theetc.setmore.com/" id="https://theetc.setmore.com/_link" target="_blank"> 640 OUTDOOR ROOFTOP IGLOO SEATING </a></li><li><a class="sub-menu-link" href="/oconomowoc-the-etcetera-bar-and-grill-food-menu" target="_self"> 641 FOOD </a></li><li><a class="sub-menu-link" href="/oconomowoc-the-etcetera-bar-and-grill-happy-hours-specials" target="_self"> 642 WEEKLY SPECIALS </a></li><li><a class="sub-menu-link" href="/oconomowoc-the-etcetera-bar-and-grill-drink-menu" target="_self"> 643 DRINKS </a></li><li><a class="sub-menu-link" href="/oconomowoc-the-etcetera-bar-and-grill-award-winnings" target="_self"> 644 AWARD WINNING BLOODY MARY </a></li><li><a class="sub-menu-link" href="https://tmt.spotapps.co/private-parties?spot_id=85197&callback_url=http://theetcbarandgrill.com/oconomowoc-the-etcetera-bar-and-grill-about" target="_self"> 645 PRIVATE PARTIES </a></li></ul></div></div></div></nav></header><main id="content" role="main"><article><div class="about-page-content"><!-- Start Section 1 --><section><div class="about-us-s1-wrapper section-wrapper" id="about_s1"><div class="container"><div class="about-us-item-holder"><div class="about-us-item about-us-s1 about-us-s1-content hidden-sm hidden-xs"><div class="text-wrapper"><div class="text-content"><img alt="The Etcetera Bar and Grill logo" src="https://static.spotapps.co/web/theetcbarandgrill--com/custom/logo_scroll.png"/></div></div></div><div class="about-us-item about-us-s1 about-us-s1-slide" style="height:60vh"><div class="uk-slidenav-position" data-uk-slideshow="data-uk-slideshow" style="height:100%; overflow-y: hidden;"><ul class="uk-slideshow">
645<li><img alt="Bacon Wrapped Jalapeno" src="https://static.spotapps.co/web/theetcbarandgrill--com/custom/about/about_us_slideshow_1.jpg"/></li><li><img alt="Cheese Curds" src="https://static.spotapps.co/web/theetcbarandgrill--com/custom/about/about_us_slideshow_2.jpg"/></li><li><img alt="Soft Pretzel" src="https://static.spotapps.co/web/theetcbarandgrill--com/custom/about/about_us_slideshow_3.jpg"/></li><li><img alt="BYO Pizza" src="https://static.spotapps.co/web/theetcbarandgrill--com/custom/about/about_us_slideshow_4.jpg"/></li><li><img alt="Hangover Remedy - eggs with beacon" src="https://static.spotapps.co/web/theetcbarandgrill--com/custom/about/about_us_slideshow_5.jpg"/></li></ul><ul class="uk-dotnav uk-dotnav-contrast uk-position-bottom uk-flex-center"><li data-uk-slideshow-item="0"><a href=""><span class="off-screen">Dot slide navigation number 1</span></a></li><li data-uk-slideshow-item="1"><a href=""><span class="off-screen">Dot slide navigation number 2</span></a></li><li data-uk-slideshow-item="2"><a href=""><span class="off-screen">Dot slide navigation number 3</span></a></li><li data-uk-slideshow-item="3"><a href=""><span class="off-screen">Dot slide navigation number 4</span></a></li><li data-uk-slideshow-item="4"><a href=""><span class="off-screen">Dot slide navigation number 5</span></a></li></ul><style> 646.slideshow-v2-wrapper .slideshow-controls-btn { 647 color: rgba(255, 255, 255, 0.8); 648} 649.party-slide .slideshow-controls-btn { 650 color: rgba(255, 255, 255, 0.8); 651} 652.about-us-s1-slide .slideshow-controls-btn { 653 color: rgba(255, 255, 255, 0.8); 654} 655 656@media (max-width: 767px) { 657 .slideshow-v2-wrapper .slideshow-controls-btn { 658 opacity: 1 !important; 659 } 660 661 .party-slide .slideshow-controls-btn { 662 opacity: 1 !important; 663 } 664 665 .about-us-s1-slide .slideshow-controls-btn { 666 opacity: 1 !important; 667 } 668 } 669 670</style><button aria-label="play or pause slideshow" class="slideshow-controls-btn playing" role="button" type="button"><span class="off-screen">slideshow start stop playing</span><i aria-hidden="true" class="fa fa-play"></i><i aria-hidden="true" class="fa fa-pause"></i></button></div></div><div class="about-us-item about-us-s1 about-us-s1-content visible-sm visible-xs"><div class="text-wrapper"><div class="text-content"><img alt="The Etcetera Bar and Grill logo" src="https://static.spotapps.co/web/theetcbarandgrill--com/custom/logo_scroll.png"/></div></div></div></div></div></div></section><!-- End Section 1 --><!-- Start Section 2 --><section><div class="about-us-v7-wrapper about-us-s2-wrapper section-wrapper" id="about_s2"><div class="container about-us-v7"><div class="about-us-item-holder"><div class="about-us-item about-us-s2-image about-us-v7-content" style="background-image: url('https://static.spotapps.co/web/theetcbarandgrill--com/custom/about/about_us_pg_left.jpg')"></div><div class="about-us-item about-us-s2-content about-us-v7-content"><div class="text-wrapper"><div class="text-content"><h1>About us</h1><p style="text-align: center;">We are a bar and grill located in the center of downtown Oconomowoc. We want your experience here at The Etcetera to be amazing. History, traditions, and memories have been shared on this spot for over 100 years, and we are excited to keep that momentum going.</p></div></div></div></div></div></div></section><!-- End Section 2 --><!-- Start Section Custom --><!-- Start Section 3 --><section><div class="about-us-s3-wrapper maps-wrapper section-wrapper" id="about_s3"><div class="container"><div class="about-us-item-holder"><div class="map-holder"><div id="map-container"></div><div class="map-footer"><p> 671 Contact us: 672 <a href="tel:+12625692734" id="contact_us_v3_section_phone_link"><span class="off-screen">by phone</span> (262)-569-2734,</a><a href="mailto:[email protected]"><span class="off-screen">by email</span> [email protected]</a></p></div></div></div></div></div></section><!-- End Section 3 --></div></article></main><style type="text/css"> 673 .navbar-fixed-bottom.nav-v1 { 674 bottom: -100px; 675 } 676 .navbar-fixed-bottom.nav-v1 .nav.navbar-nav.navbar-right { 677 background-color: #f2f2f2; 678 } 679 .navbar-fixed-bottom.nav-v1 .bottom-svg-border path, 680 .navbar-fixed-bottom.nav-v1 .bottom-svg-border polygon { 681 fill: #000; 682 } 683 .navbar-fixed-bottom.nav-v1 .bottom-list-item a { 684 color: #1c1c1c; 685 } 686 .navbar-fixed-bottom.nav-v1 .bottom-list-item a:hover, 687 .navbar-fixed-bottom.nav-v1 .bottom-list-item a:focus { 688 color: #334909; 689 } 690</style><nav class="navbar-fixed-bottom nav-v1" id="bottom-navbar" role="navigation"><div><ul class="nav navbar-nav navbar-right"><li class="bottom-list-item "><a class="bottom-link " href="https://www.toasttab.com/the-etcetera-118-east-wisconsin-avenue/v3?utm_source=toast_local&utm_medium=internal_referral&utm_content=search_oo&utm_term=400307&lead_source=toast_local" id="bottom_link_4" target="_self"> 691 Order </a></li><li class="bottom-list-item "><a class="bottom-link " href="https://tmt.spotapps.co/private-parties?spot_id=85197&callback_url=http://theetcbarandgrill.com/oconomowoc-the-etcetera-bar-and-grill-about" id="bottom_link_5" target="_self"> 692 Parties </a></li><li class="bottom-list-item "><a class="bottom-link " href="https://tmt.spotapps.co/job-listings?spot_id=85197&callback_url=http://theetcbarandgrill.com/oconomowoc-the-etcetera-bar-and-grill-about" id="bottom_link_7" target="_self"> 693 Jobs </a></li></ul></div></nav>
693<script src="https://static.spotapps.co/web/theetcbarandgrill--com/lib/jquery/jquery.min.js"></script>
693<script src="https://static.spotapps.co/web/theetcbarandgrill--com/lib/bootstrap/js/bootstrap.min.js"></script>
693<script src="https://static.spotapps.co/web/theetcbarandgrill--com/lib/uikit/js/uikit.min.js"></script>
693<script src="https://static.spotapps.co/web/theetcbarandgrill--com/lib/uikit/js/slideshow.min.js"></script>
693<script src="https://static.spotapps.co/web/theetcbarandgrill--com/lib/uikit/js/slideshow-fx.min.js"></script>
693<script src="https://static.spotapps.co/iframeResizer.js" type="text/javascript"></script>
693<script src="//static.spotapps.co/web-lib/leaflet/[email protected]/dist/leaflet.js"></script>
693<script src="//static.spotapps.co/web-lib/leaflet/leaflet-providers.js"></script>
693<script> 694 695 $("#bottom_link_4").on("click", function(){ 696 if (ga_check()) 697 universal_ga('send', 'event', 'Button', 'Click', 'Order Online'); 698 }); 699 $("#bottom_link_5").on("click", function(){ 700 if (ga_check()) 701 universal_ga('send', 'event', 'Button', 'Click', 'Private Party'); 702 }); 703 $("#bottom_link_7").on("click", function(){ 704 if (ga_check()) 705 universal_ga('send', 'event', 'Button', 'Click', 'Jobs'); 706 }); 707 $('.header-logo, .nav-v2-home-btn').click(function(event) { 708 if ( window.location.pathname == '/' || window.location.pathname == '/index.php') { 709 event.preventDefault(); 710 var windowScrollTop = $(window).scrollTop(); 711 if(windowScrollTop > 150) { 712 $('html, body').animate({scrollTop: 0}, 750); 713 } 714 } 715 }); 716 717$(".banner-section a.banner-pin").click(function(e) { 718 // target element id 719 var id = $(this).attr('href'); 720 721 // target element 722 var section = $(id); 723 if (section.length === 0) { 724 return; 725 } 726 727 // prevent standard hash navigation (avoid blinking in IE) 728 e.preventDefault(); 729 730 // top position relative to the document 731 var pos = section.offset().top - 100 + 10; 732 733 // animated top scrolling 734 $('body, html').animate({scrollTop: pos}, 750); 735}); 736 737$(document).on('scroll', function (e) { 738 739 if($(document).scrollTop() > 0) { 740 $('.navbar.nav-v7').addClass('nav-scroll'); 741 }else { 742 $('.navbar.nav-v7').removeClass('nav-scroll'); 743 } 744 745}); 746 747$(function() { 748 setDropDownMenuWidth(); 749 750 function setDropDownMenuWidth() { 751 var tabs_list = $('.navbar-tabs .navbar-nav'); 752 753 $(tabs_list).find('li.drop-down-link').each(function() { 754 var sub_menu_width = $(this).outerWidth(true); 755 $(this).find('.sub-menu').css('width', sub_menu_width+'px'); 756 }); 757 } 758 759 $( window ).resize(function() { 760 setDropDownMenuWidth(); 761 }); 762 763}); 764 765 766 767$( '.drop-down-link .drop-down' ).click(function(event) { 768 event.preventDefault(); 769 event.stopPropagation(); 770 771 var drop_down = $(this).closest('.drop-down-link'); 772 var sub_menu = $(this).closest('.drop-down-link').find( '.sub-menu' ); 773 774 if ( $(sub_menu).is( ':hidden' ) ) { 775 $(sub_menu).slideDown(); 776 $(drop_down).addClass('active'); 777 } else { 778 $(sub_menu).slideUp(); 779 $(drop_down).removeClass('active'); 780 } 781}); 782 783$(".nav-v7 .navbar-contact .nav-address a").click(function(e) { 784 785 if ( window.location.pathname == '/' || window.location.pathname == '/index.php') { 786 // target element id 787 var id = $(this).attr('href').substr(1); 788 789 // target element 790 var section = $(id); 791 if (section.length === 0) { 792 return; 793 } 794 795 // prevent standard hash navigation (avoid blinking in IE) 796 e.preventDefault(); 797 798 // top position relative to the document 799 var pos = section.offset().top - 100 + 10; 800 801 // animated top scrolling 802 $('body, html').animate({scrollTop: pos}, 750); 803 804 } 805}); 806 807 $(document).ready(function() { 808 809 //slideshow btn controls functions 810 var slideshow_holder = $('[data-uk-slideshow]'); 811 812 $('.uk-dotnav a').click(function () { 813 $('.slideshow-controls-btn').removeClass('playing'); 814 $('.slideshow-controls-btn').addClass('paused'); 815 $('.slideshow-controls-btn').children('.fa-pause').css( "opacity", 0 ); 816 $('.slideshow-controls-btn').children('.fa-play').css( "opacity", 1 ); 817 }); 818 819 $(slideshow_holder).mouseover(function(){ 820 $(".slideshow-controls-btn").css('opacity', 1); 821 }); 822 823 $(slideshow_holder).mouseout(function(){ 824 $(".slideshow-controls-btn").css('opacity', 0); 825 }); 826 827 $(".slideshow-controls-btn").on("focus", function( e ) { 828 $(".slideshow-controls-btn").css('opacity', 1); 829 }); 830 831 $(slideshow_holder).on('touchstart', function () { 832 $(".slideshow-controls-btn").css('opacity', 1); 833 }); 834 835 }); 836 setTimeout(function(){ 837 $('.navbar-fixed-bottom.nav-v1').addClass('show-bottom-nav'); triggerShowFooterEvents(); 838 }, 4000); 839 function setSlideSectionHeight() { 840 841 var window_width = $(window).width(); 842 if(window_width > 991) { 843 var section_first_content_height = $('.about-us-s1-content.hidden-sm').outerHeight(true); 844 845 var initial_slide_height_vh = '60vh'; 846 var initial_slide_height = initial_slide_height_vh.slice(0, -2); 847 var initial_slide_height_px = $(window).height() * (initial_slide_height/100); 848 849 if(section_first_content_height >= initial_slide_height_px) { 850 $('.about-us-s1.about-us-s1-slide').height(section_first_content_height); 851 } 852 } 853 854 } 855 856 function setImageTextSectionHeight() { 857 var section_text_content_height = $('.about-us-s2-content .text-content').outerHeight(true); 858 var section_text_holder_height = $('.about-us-s2-content').outerHeight(true); 859 860 if(section_text_content_height >= section_text_holder_height) { 861 var new_section_text_holder_height = section_text_content_height + 20; 862 $('.about-us-page .about-us-s2-content').css('min-height', section_text_content_height + 'px'); 863 } 864 } 865 866 $(document).ready(function() { 867 868 setSlideSectionHeight(); 869 setImageTextSectionHeight(); 870 871 var slideshow = UIkit.slideshow('.about-us-s1-slide [data-uk-slideshow]', { 872 autoplay: 1, 873 height: '100%', 874 animation: 'fold', 875 duration: 500, 876 autoplayInterval: 3000, 877 pauseOnHover: false 878 }); 879 880 //play or pause slideshow functions 881 $('.slideshow-controls-btn').click(function () { 882 if($(this).hasClass('playing')){ 883 slideshow.stop(); 884 $(this).removeClass('playing'); 885 $(this).addClass('paused'); 886 $(this).children('.fa-pause').css( "opacity", 0 ); 887 $(this).children('.fa-play').css( "opacity", 1 ); 888 }else { 889 slideshow.start(); 890 $(this).children('.fa-pause').css( "opacity", 1); 891 $(this).children('.fa-play').css( "opacity", 0 ); 892 $(this).removeClass('paused'); 893 $(this).addClass('playing'); 894 } 895 }); 896 897 }); 898 899 $( window ).resize(function() { 900 setSlideSectionHeight(); 901 setImageTextSectionHeight(); 902 }); 903 904 905 var marker_icon = "";; 906 907 iFrameResize({ 908 enablePublicMethods: true, 909 enableInPageLinks: true 910 }); 911 912 var google_map_url = 'https://www.google.com/maps/place/' 913 + ",118 East Wisconsin Avenue,Oconomowoc,WI,53066".split(' ').join('+'); 914 915 function open_google_map() { 916 window.open(google_map_url, '_blank') 917 } 918 919 $(function () { 920 $('.nav a').on('click', function () { 921 $('.navbar-collapse').collapse('hide'); 922 }); 923 924 init_open_street_map(); 925 $('.leaflet-marker-icon').prop('alt', 'map pin icon'); 926 }); 927 928 function init_open_street_map() { 929 var map = L.map('map-container', { 930 center: [ 43.111262754543, -88.498722348016], 931 zoom: 16, 932 zoomControl: false, 933 dragging:false 934 }); 935 936 if (marker_icon.length>0){ 937 var myIcon = L.icon({ 938 iconUrl: marker_icon, 939 iconSize: [35,35] }); 940 var marker = L.marker([43.111262754543, -88.498722348016], {icon: myIcon}, {title: '118 East Wisconsin Avenue, Oconomowoc'}, {alt: 'map pin icon'}).addTo(map); 941 } else { 942 var marker = L.marker([43.111262754543, -88.498722348016], {title: '118 East Wisconsin Avenue, Oconomowoc'}, {alt: 'map pin icon'}).addTo(map); 943 } 944 945 marker.on('click', open_google_map); 946 947 L.tileLayer.provider('OpenStreetMap.Mapnik').addTo(map); 948 L.control.zoom({ 949 position:'topright' 950 }).addTo(map); 951 952 map.scrollWheelZoom.disable(); 953 } 954 955 956</script>
956<script> 957(function() { 958 var name = "The Etcetera Bar and Grill"; 959 var pid = "ChIJQbzM1MvLBYgRRf9GSxaAJUk"; 960 function build_url() { 961 var q = encodeURIComponent(name).replace(/'/g, "%27"); 962 return "https://www.google.com/maps/search/?api=1" 963 + "&query=" + q 964 + "&query_place_id=" + encodeURIComponent(pid); 965 } 966 window.google_map_url = build_url(); 967 window.open_google_map = function() { 968 window.open(build_url(), "_blank"); 969 }; 970})(); 971</script>
971<script> 972 973 var spot_id = 85197; 974 var sh_generic_form_params=JSON.parse('{"generic_contact_form_active":true,"texting_permissions_active":true,"title":"Contact us","instructions":"Please fill out the form and we will be in touch.","reasons":["To host a special event","To get a special event catered","To reserve a table","To apply for a job","Other Questions"],"custom_hours":"","hours":"","active_tmt_cta_links":{"cta_private_party":"https://tmt.spotapps.co/private-parties?spot_id=85197","cta_catering":null,"cta_reservations":null,"cta_jobs":"https://tmt.spotapps.co/job-listings?spot_id=85197"},"spot_name":"The Etcetera Bar and Grill","label_for_texting_permission":"Iâd like to get texts about specials, events, and other exclusive offers and announcements not available to general public"}'); 975 976 if (false){ 977 console.log("Check SpotHopper configuration. Probably there is no 'WEBSITE::DOMAIN_NAME' key for your website"); 978 } 979 980 if (navigator.userAgent.match(/iPhone/i) 981 || navigator.userAgent.match(/iPad/i) 982 || navigator.userAgent.match(/iPod/i)){ 983 $(document).ready(function(){ 984 document.body.className += " " + "webkit-mobile-body"; 985 }); 986 } 987 988 var promotion_url_param_domain = getPromotionUrlParams()['domain']; 989 if ( promotion_url_param_domain && ( new URL(document.location).host == 'localhost:4000' || new URL(document.location).host == 'wcache.spotapps.co' || new URL(document.location).host == 'website-editor.spotapps.co' || new URL(document.location).host == 'website-editor-staging.spotapps.co' || new URL(document.location).host == 'wcache-staging.spotapps.co')){ 990 $("a[href^='/']").each(function(){ 991 if (this.href.indexOf('domain=') == -1){ 992 var sh_internal_url = new URL(this.href); 993 sh_internal_url.searchParams.set("domain", promotion_url_param_domain); 994 this.href = sh_internal_url.toString(); 995 } 996 }) 997 } 998 999 1000 function cta_link_matches_href(href, url){ 1001 var domain = 'theetcbarandgrill.com'; 1002 if(typeof url === 'undefined'){ 1003 return false; 1004 } 1005 var partsOfURL = url.split(domain); 1006 if (partsOfURL.length != 2){ 1007 return href == url; 1008 }else{ 1009 var urlPath = partsOfURL[1]; 1010 if (urlPath.substring(0,1) == "/"){ 1011 urlPath = urlPath.substring(1,urlPath.length); 1012 } 1013 return href.indexOf(urlPath, domain.length + href.indexOf(domain)-1) !== -1; 1014 } 1015 } 1016 1017 var all_cta_links = [{"id":688242,"spot_id":85197,"url":"https://tmt.spotapps.co/job-listings?spot_id=85197","cta_link_type":"job_listing","created_at":"2022-02-01T16:59:57+00:00","updated_at":"2022-04-25T09:43:33+00:00","made_of_food":false,"link_name":"Job Listing","target":null,"website_footer_label":"Jobs","position":2},{"id":694023,"spot_id":85197,"url":"https://www.toasttab.com/the-etcetera-118-east-wisconsin-avenue/v3?utm_source=toast_local&utm_medium=internal_referral&utm_content=search_oo&utm_term=400307&lead_source=toast_local","cta_link_type":"order","created_at":"2022-04-05T07:36:29+00:00","updated_at":"2022-04-25T09:43:33+00:00","made_of_food":false,"link_name":"","target":null,"website_footer_label":"Order","position":0},{"id":695288,"spot_id":85197,"url":"https://theetcbarandgrill.com/-events","cta_link_type":"events","created_at":"2022-04-18T07:48:10+00:00","updated_at":"2022-04-25T09:43:33+00:00","made_of_food":false,"link_name":""},{"id":695289,"spot_id":85197,"url":"https://theetcbarandgrill.com/-drink-menu","cta_link_type":"drink_menu","created_at":"2022-04-18T07:48:10+00:00","updated_at":"2022-04-25T09:43:33+00:00","made_of_food":false,"link_name":"","position":null},{"id":695290,"spot_id":85197,"url":"https://theetcbarandgrill.com/-food-menu","cta_link_type":"food_menu","created_at":"2022-04-18T07:48:10+00:00","updated_at":"2022-04-25T09:43:33+00:00","made_of_food":false,"link_name":"","position":null},{"id":695963,"spot_id":85197,"url":"https://www.toasttab.com/the-etcetera-118-east-wisconsin-avenue/giftcards?utmCampaign=onlineOrdering","cta_link_type":"gift_cards","created_at":"2022-04-22T12:27:08+00:00","updated_at":"2022-04-25T09:43:33+00:00","made_of_food":false,"link_name":"","target":null,"website_footer_label":"Gift Cards","position":5},{"id":1660272,"spot_id":85197,"url":"https://tmt.spotapps.co/private-parties?spot_id=85197","cta_link_type":"private_parties","created_at":"2025-11-12T18:08:09+00:00","updated_at":null,"made_of_food":false,"link_name":"Private Parties","target":null,"website_footer_label":"Parties","position":3}]; 1018 1019 function find_cta_link(href) { 1020 for (var i=0; i< all_cta_links.length; i++){ 1021 var cta_link = all_cta_links[i]; 1022 if ( cta_link_matches_href(href, cta_link.url)){ 1023 return cta_link; 1024 } 1025 } 1026 } 1027 1028 function find_cta_links(href) { 1029 var cta_links = [] 1030 for (var i=0; i< all_cta_links.length; i++){ 1031 var cta_link = all_cta_links[i]; 1032 if ( cta_link_matches_href(href, cta_link.url)){ 1033 cta_links.push(cta_link); 1034 } 1035 } 1036 return cta_links; 1037 } 1038 1039 1040 function get_current_page_cta_link_types(){ 1041 var types = []; 1042 var cta_links = find_cta_links(document.location.href); 1043 for (var i=0; i<cta_links.length; i++){ 1044 types.push(cta_links[i].cta_link_type); 1045 } 1046 return types; 1047 } 1048 1049 1050 function is_food_menu_page(){ 1051 var cta_link_types = get_current_page_cta_link_types(); 1052 for (var i=0; i<cta_link_types.length; i++){ 1053 if ('food_menu' == cta_link_types[i]) 1054 return true; 1055 } 1056 return false;
1057 } 1058 1059 1060 function get_form_cat_from_cta(){ 1061 var cta_link = find_cta_link(document.location.href); 1062 if (cta_link == null) { 1063 return null; 1064 } 1065 if (cta_link.cta_link_type == 'private_parties'){ 1066 return 'private_party'; 1067 }else if (cta_link.cta_link_type == 'reservations'){ 1068 return 'reservation'; 1069 }else if (cta_link.cta_link_type == 'catering'){ 1070 return 'catering'; 1071 }else if (cta_link.cta_link_type == 'job_listing'){ 1072 return 'job_listings'; 1073 }else if (cta_link.cta_link_type == 'gift_cards'){ 1074 return 'gift_cards'; 1075 } 1076 return null; 1077 } 1078 1079 function element_has_events_defined(elem){ 1080 if ($._data(elem, "events") === undefined){ 1081 return false; 1082 } 1083 return true; 1084 } 1085 1086 function create_ga_events_for_cta_clicks(){ 1087 if (typeof $ === 'function'){ 1088 1089 var cta_link_of_the_page = find_cta_link(location.href); 1090 1091 1092 $("a").each(function(index, elem){ 1093 var href = $(elem).attr('href'); 1094 1095 if (href === undefined ){ 1096 return; 1097 } 1098 1099 if (href.substring(0,4) == 'tel:'){ 1100 if (!element_has_events_defined(elem)){ // not footer links 1101 $(elem).on("click", function(){ 1102 universal_ga('send', 'event', { 1103 eventCategory: 'Button', 1104 eventAction: 'Click', 1105 eventLabel: 'Phone', 1106 transport: 'beacon' 1107 }); 1108 }); 1109 1110 if (cta_link_of_the_page){ 1111 $(elem).on("click", function(){ 1112 universal_ga('send', 'event', { 1113 eventCategory: 'Button', 1114 eventAction: 'Click', 1115 eventLabel: cta_link_of_the_page.cta_link_type + ' page phone', 1116 transport: 'beacon' 1117 }); 1118 }); 1119 } 1120 } else { 1121 if (cta_link_of_the_page){ 1122 $(elem).on("click", function(){ 1123 universal_ga('send', 'event', { 1124 eventCategory: 'Button', 1125 eventAction: 'Click', 1126 eventLabel: cta_link_of_the_page.cta_link_type + ' page phone footer', 1127 transport: 'beacon' 1128 }); 1129 }); 1130 } 1131 } 1132 1133 1134 }else{ 1135 var cta_link = find_cta_link(href); 1136 if (elem.className != null && elem.className.indexOf("bottom-link") > -1){ 1137 // console.log("bottom link detected"); 1138 }else{ 1139 if (cta_link != null){ 1140 $(elem).on("click", function(){ 1141 universal_ga('send', 'event', { 1142 eventCategory: 'Website Link', 1143 eventAction: 'Click', 1144 eventLabel: cta_link.cta_link_type, 1145 transport: 'beacon' 1146 }); 1147 }); 1148 } 1149 } 1150 } 1151 1152 1153 }); 1154 } 1155 } 1156 1157 if (typeof angular === "undefined") { 1158 create_ga_events_for_cta_clicks(); 1159 } else { 1160 angular.element(document).ready(function () { 1161 create_ga_events_for_cta_clicks(); 1162 }); 1163 } 1164 1165 1166 function triggerShowFooterEvents(){ 1167 if (window.screen.availWidth < 768){ 1168 universal_ga('send', 'event', { 1169 eventCategory: 'Mobile Footer', 1170 eventAction: 'View', 1171 eventLabel: '', 1172 transport: 'beacon' 1173 }); 1174 } 1175 } 1176 1177 1178 1179 1180 //////////// 1181 function smartFooterV2() 1182 { 1183 var list= document.getElementsByClassName("bottom-list-item"); 1184 if (!list) return; 1185 1186 if (document.getElementById("bottom-navbar") == null){ 1187 return; 1188 } 1189 1190 var bottomNav = document.querySelector('#bottom-navbar .navbar-nav'); 1191 var footerLinkPaddingLeft = $('#bottom-navbar .navbar-nav li a').css('padding-left'); 1192 var footerLinkPaddingRight = $('#bottom-navbar .navbar-nav li a').css('padding-right'); 1193 1194 bottomNav.innerHTML = ''; 1195 var linksWithPosition = all_cta_links.filter(e => e.position != null && e.position >= 0); 1196 linksWithPosition.sort(function(a,b) { 1197 return a.position - b.position; 1198 }); 1199 1200 var footerLinkStyle = (footerLinkPaddingLeft == '0px' || footerLinkPaddingRight == '0px' ? 'style="padding-left: 8px; padding-right: 8px;"' : ''); 1201 1202 linksWithPosition.forEach((e, i) => { 1203 var target = e.target || getUrlTarget(e.url); 1204 bottomNav.insertAdjacentHTML('beforeend', 1205 `<li class="bottom-list-item" style="white-space: nowrap;width: auto;"><a ${footerLinkStyle} class="bottom-link smart-footer-link" data-type="${e.cta_link_type}" data-position="${i}" target="${target}" href="${e.url}">${e.website_footer_label}</a></li>`); 1206 }) 1207 1208 var intervalCount = 0 1209 var interval = setInterval(() => { 1210 if(intervalCount == 50){ 1211 clearInterval(interval); 1212 } 1213 removeOverflowingFooterLinks(); 1214 intervalCount ++; 1215 }, 200); 1216 1217 $('.smart-footer-link').on("click", function(){ 1218 if (typeof shUrlParams !== "undefined" && shUrlParams['source'] === undefined){ 1219 shUrlParams['source'] = 'footer'; 1220 sessionStorage.setItem('shUrlParams', JSON.stringify(shUrlParams)); 1221 } 1222 1223 var visibleLinks = $('.smart-footer-link').map(function (e) { 1224 return $(this).data('type'); 1225 }).toArray().join(','); 1226 1227 universal_ga('send', 'event', { 1228 eventCategory: 'Button', 1229 eventAction: 'Click_footer_2', 1230 eventLabel: "type:" + $(this).data('type') + "|position:" + $(this).data('position') + "|visible:" + visibleLinks, 1231 transport: 'beacon' 1232 }); 1233 }); 1234 } 1235 1236 function removeOverflowingFooterLinks(){ 1237 var bottomNavLinks = document.querySelectorAll('#bottom-navbar .navbar-nav li'); 1238 var width_sum = 0; 1239 1240 bottomNavLinks.forEach(e => { 1241 width_sum += e.getBoundingClientRect().width; 1242 if ((width_sum) > window.innerWidth) { 1243 console.log(`%cLink %c${e.textContent} %cdeleted couldn't fit screen`,"color: #fff;background: #202124;", "background: red;color: #fff", "color: #fff;background: #202124;"); 1244 e.remove(); 1245 } 1246 }); 1247 } 1248 1249 function getUrlTarget(url){ 1250 if(url.startsWith('tel')){ 1251 return '_self'; 1252 } 1253 if(url.startsWith('/') || url.includes('tmt.spotapps.co') || url.includes(window.location.host)){ 1254 return '_self'; 1255 } 1256 return '_blank'; 1257 } 1258 1259 function npb() 1260 { 1261 var list= document.getElementsByClassName("bottom-list-item"); 1262 if (!list) return; 1263 1264 if (document.getElementById("bottom-navbar") == null){ 1265 return; 1266 } 1267 1268 var url = "" 1269 for (var i=0; i < all_cta_links.length; i++) 1270 { 1271 if (all_cta_links[i].cta_link_type == "order"){ 1272 url = all_cta_links[i].url; 1273 } 1274 } 1275 1276 if ( url == ""){ 1277 return; 1278 } 1279 1280 for (i=0; i < list.length; i++) 1281 { 1282 console.log(cta_link_matches_href(list[i].firstChild.href, url)); 1283 if (cta_link_matches_href(list[i].firstChild.href,url)) return; 1284 1285 }; 1286 1287 var item = list[list.length-1] 1288 document.getElementById("bottom-navbar").getElementsByClassName("nav navbar-nav")[0].appendChild(item.cloneNode(true)); 1289 var width_sum = 0; 1290 for (i=0; i < list.length; i++) { 1291 width_sum += list[i].getBoundingClientRect().width; 1292 } 1293 1294 var item = list[list.length-1] 1295 if ((width_sum - 10) > window.innerWidth) { item.parentNode.removeChild(item); console.log("link deleted couldn't fit screen"); return; } 1296 1297 item.firstChild.text = "Order"; 1298 item.firstChild.href = url; 1299 item.firstChild.id = "bottom_link_" + list.length; 1300 1301 $(item.firstChild).on("click", function(){ 1302 1303 if (typeof shUrlParams !== "undefined" && shUrlParams['source'] === undefined){ 1304 shUrlParams['source'] = 'footer'; 1305 sessionStorage.setItem('shUrlParams', JSON.stringify(shUrlParams)); 1306 } 1307 1308 universal_ga('send', 'event', { 1309 eventCategory: 'Button', 1310 eventAction: 'Click', 1311 eventLabel: 'Plan B-2 Order', 1312 transport: 'beacon' 1313 }); 1314 }); 1315 1316 1317 } 1318 1319function activateSmartFooter(){ 1320 var smart_footer_active = true; 1321 var smart_footer_version = 2; 1322 var man_bottom_active = false;
1323 if(window.location.hash == '#smartFooterV2=enabled'){ 1324 smartFooterV2(); 1325 return; 1326 } 1327 if (smart_footer_active && !man_bottom_active){ 1328 if(smart_footer_version == 2 ){ 1329 smartFooterV2(); 1330 }else { 1331 npb(); 1332 } 1333 } 1334 } 1335 1336 activateSmartFooter(); 1337 1338 var corona_config_str = '{"id":14867,"spot_id":85197,"promote_deliveries":true,"promote_pick_up":true,"promote_gift_cards":true,"promote_private_parties":true,"promote_catering":true,"promote_reservations":true,"promote_happy_hour":true,"promote_events":true,"promote_walk_ins":true,"instructions_on_food_page":false,"food_page_instruction_text":"To place a delivery or curbside pick-up order, please call:","food_page_instruction_phone":"2625692734","created_at":"2022-01-27T18:52:02+00:00","updated_at":"2022-04-16T15:00:52+00:00","food_page_button_color":null,"food_page_button_text_color":null,"food_page_link_color":null,"food_page_text_color":null,"wine_and_beer_to_go_license":true,"all_alcoholic_to_go_lincense":true,"current_operating_status":"Offering To Go and Dine-in with Full Capacity","contact_tracing_active":false,"contact_tracing_text":"In cooperation with health guidelines for contact tracing, please fill out the form below.","contact_tracing_address_required":false,"collapse_all":false,"deliveries_priority_value":3,"pick_ups_priority_value":5,"reservations_priority_value":5,"private_parties_priority_value":5,"catering_priority_value":3,"gift_cards_priority_value":5,"jobs_priority_value":5,"food_and_drinks_priority_value":5,"specials_priority_value":5,"national_days_priority_value":5,"holidays_priority_value":5,"sports_priority_value":5,"walk_ins_priority_value":5,"collecting_emails_priority_value":5,"collecting_phone_numbers_priority_value":5,"growing_social_media_followers_priority_value":5,"increasing_revenue_vs_saving_time_priority_value":5,"events_priority_value":5,"shopping_cart_type":"TMT","shopping_cart_active":false}'; 1339 var corona_config = corona_config_str != '' ? JSON.parse('{"id":14867,"spot_id":85197,"promote_deliveries":true,"promote_pick_up":true,"promote_gift_cards":true,"promote_private_parties":true,"promote_catering":true,"promote_reservations":true,"promote_happy_hour":true,"promote_events":true,"promote_walk_ins":true,"instructions_on_food_page":false,"food_page_instruction_text":"To place a delivery or curbside pick-up order, please call:","food_page_instruction_phone":"2625692734","created_at":"2022-01-27T18:52:02+00:00","updated_at":"2022-04-16T15:00:52+00:00","food_page_button_color":null,"food_page_button_text_color":null,"food_page_link_color":null,"food_page_text_color":null,"wine_and_beer_to_go_license":true,"all_alcoholic_to_go_lincense":true,"current_operating_status":"Offering To Go and Dine-in with Full Capacity","contact_tracing_active":false,"contact_tracing_text":"In cooperation with health guidelines for contact tracing, please fill out the form below.","contact_tracing_address_required":false,"collapse_all":false,"deliveries_priority_value":3,"pick_ups_priority_value":5,"reservations_priority_value":5,"private_parties_priority_value":5,"catering_priority_value":3,"gift_cards_priority_value":5,"jobs_priority_value":5,"food_and_drinks_priority_value":5,"specials_priority_value":5,"national_days_priority_value":5,"holidays_priority_value":5,"sports_priority_value":5,"walk_ins_priority_value":5,"collecting_emails_priority_value":5,"collecting_phone_numbers_priority_value":5,"growing_social_media_followers_priority_value":5,"increasing_revenue_vs_saving_time_priority_value":5,"events_priority_value":5,"shopping_cart_type":"TMT","shopping_cart_active":false}') : null; 1340 1341 1342 //corona instuctions 1343 function show_corona_instructions(text, phone, btnText){ 1344 //format to US number 1345 var match = phone.match(/^(\d{3})(\d{3})(\d{4})$/); 1346 1347 if(corona_config.shopping_cart_type == "TMT" && corona_config.shopping_cart_active == true) { 1348 var linkLocation = "https://tmt.spotapps.co/ordering-menu/?spot_id="+corona_config.spot_id+"&images=yes&accordion=true"; 1349 var btnLinkLocation = "https://tmt.spotapps.co/ordering-menu/?spot_id="+corona_config.spot_id+"&images=yes&accordion=true"; 1350 }else { 1351 var linkLocation = 'tel:+1'+phone+''; 1352 var btnLinkLocation = 'tel:+1'+ match[1] + '-' + match[2] + '-' + match[3] +'' 1353 } 1354 var appendPhone = 'tel:+1'+phone+''; 1355 //inject html content 1356 if ($('.food-menu-nav').length) { 1357 //new template 1358 var pageEl = $('.food-menu-nav').css('margin','20px auto 10px auto'); 1359 var textColor = rgb2hex($('.section-header').css('color')); 1360 var linkColor = rgb2hex($('.food-menu-nav-item.active').css('background-color')); 1361 var fontSize = parseInt($('.food-menu-nav-item').css('font-size')); 1362 fontSize = fontSize + Math.round(fontSize * 0.25); 1363
1364 // var html = '<div id="show-corona-instructions" style="padding:20px;flex: 0 1 100%;" class="text-center"><p style="color:'+textColor+';">'+text+' <a onclick="ga(\'send\', \'event\', \'Button\', \'Click\', \'Corona Instructions Phone\');" style="color:'+linkColor+';"href="tel:+1'+phone+'">'+ match[1] + '-' + match[2] + '-' + match[3] +'</a></p><a onclick="ga(\'send\', \'event\', \'Button\', \'Click\', \'Corona Instructions Phone\');" style="font-size:'+fontSize+'px" class="food-menu-nav-item custom-temp-btn hvr-fade active" href="tel:+1'+phone+'">'+btnText+'</a></div>'; 1365 var html = '<div id="show-corona-instructions" style="padding:20px;flex: 0 1 100%;" class="text-center"><p style="color:'+textColor+';">'+text+' <a onclick="ga(\'send\', \'event\', \'Button\', \'Click\', \'Corona Instructions Phone\');" style="text-decoration: underline;color:'+textColor+';" href="tel:+1'+phone+'">'+ match[1] + '-' + match[2] + '-' + match[3] +'</a></p><a onclick="ga(\'send\', \'event\', \'Button\', \'Click\', \'Corona Instructions Phone\');" style="display: inline-block !important;font-size:'+fontSize+'px" class="food-menu-nav-item custom-temp-btn hvr-fade active" href="'+btnLinkLocation +'">'+btnText+'</a></div>'; 1366 1367 }else { 1368 //old template 1369 var pageEl = $('.tabnav'); 1370 var textColor = rgb2hex($('.menu-item-name-traditional').css('color')); 1371 var linkColor = rgb2hex($('.style-traditional .tabnav .nav>li.active>a').css('color')); 1372 1373 var linkTextColor = getContrast50(linkColor); 1374 var fontSize = parseInt($('.menu-item-name-traditional').css('font-size')); 1375 fontSize = fontSize + Math.round(fontSize * 0.25); 1376 var textTransform = $('.style-traditional .tabnav .nav>li>a').css('text-transform'); 1377 1378 // var html = '<div id="show-corona-instructions" style="padding:20px;flex: 0 1 100%;" class="text-center"><p style="color:'+textColor+';margin-bottom:20px;">'+text+' <a onclick="ga(\'send\', \'event\', \'Button\', \'Click\', \'Corona Instructions Phone\');" style="color:'+linkColor+';"href="tel:+1'+phone+'">'+ match[1] + '-' + match[2] + '-' + match[3] +'</a></p><a onclick="ga(\'send\', \'event\', \'Button\', \'Click\', \'Corona Instructions Phone\');" style="margin: 20px auto; padding: 10px 50px 10px 30px; cursor: pointer; background-color: '+linkColor+'; background: '+linkColor+'; text-decoration: none; color: '+textColor+'; border: 2px solid '+linkColor+';font-size:'+fontSize+'px;text-transform: '+textTransform+'" href="tel:+1'+phone+'">'+btnText+'</a></div>'; 1379 var html = '<div id="show-corona-instructions" style="padding:20px;flex: 0 1 100%;" class="text-center"><p style="color:'+textColor+';margin-bottom:20px;">'+text+' <a onclick="ga(\'send\', \'event\', \'Button\', \'Click\', \'Corona Instructions Phone\');" style="text-decoration: underline;color:'+textColor+';"href="tel:+1'+phone+'">'+ match[1] + '-' + match[2] + '-' + match[3] +'</a></p><a onclick="ga(\'send\', \'event\', \'Button\', \'Click\', \'Corona Instructions Phone\');" style="margin: 20px auto; padding: 10px 30px 10px 30px; cursor: pointer; background-color: '+linkColor+'; background: '+linkColor+'; text-decoration: none; color: '+linkTextColor+'; border: 2px solid '+linkColor+';font-size:'+fontSize+'px;text-transform: '+textTransform+'" href="'+btnLinkLocation+'">'+btnText+'</a></div>'; 1380 1381 } 1382 //html content 1383 pageEl.prepend(html); 1384 } 1385 1386 function rgb2hex(rgb) { 1387 if(typeof rgb !== "undefined"){ 1388 rgbColor = rgb.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/); 1389 if (!rgbColor) { 1390 rgba = rgb.match(/^rgba?\((\d+),\s*(\d+),\s*(\d+)(,\s*\d+\.*\d+)?\)$/); 1391 return "#" + hex(rgba[1]) + hex(rgba[2]) + hex(rgba[3]); 1392 } 1393 function hex(x) { 1394 return ("0" + parseInt(x).toString(16)).slice(-2); 1395 } 1396 return "#" + hex(rgbColor[1]) + hex(rgbColor[2]) + hex(rgbColor[3]); 1397 } 1398 return rgb; 1399 } 1400 1401 function getContrast50(hexcolor){ 1402 return (parseInt(hexcolor, 16) > 0xffffff/2) ? '#000':'#fff'; 1403 } 1404 1405 function show_corona_sidebar_instructions(text, phone){ 1406 //format to US number 1407 var match = phone.match(/^(\d{3})(\d{3})(\d{4})$/); 1408 var divWidth = 230; 1409 var top = 50; 1410 var linkSize = '1.6em'; 1411 var pSize = $('p').css('font-size'); 1412 var appendPhone = 'tel:+1'+phone+''; 1413 1414 if ($(window).width() < 1600) 1415 var top = 30; 1416 if ($(window).width() < 1200){ 1417 var divWidth = 180; 1418 var linkSize = '1.4em'; 1419 var pSize ='1.1em'; 1420 } 1421 1422 if($('.food-menu-nav').length){ //new template 1423 var textColor = $('.food-menu-nav-item.active').css('color'); 1424 var linkColor = $('.food-menu-nav-item.active').css('background-color'); 1425 1426 var linkTextColor = $('.food-menu-nav-item.active').css('color'); 1427 var parent = $('.food-menu-page'); 1428 } 1429 else { //old template 1430 var textColor = $('.menu-item-name-traditional').css('color'); 1431 var linkColor = $('.style-traditional .tabnav .nav>
1431li.active>a').css('color'); 1432 var parent = $('.food-menu').length ? $('.food-menu') : $('.drink-menu'); 1433 var linkTextColor = getContrast50(linkColor); 1434 } 1435 1436 // $(parent).append('<div id="corona-instructions-sidebar" style="display:none;position:fixed;width:'+divWidth+'px;top:'+top+'vh;right:0;background-color:'+linkColor+';padding:15px;text-align:center;color:'+textColor+';text-transform:uppercase;"><p style="margin:0 0 5px;font-size:'+pSize+';">'+text+'</p><i class="fa fa-phone" aria-hidden="true"></i> <a onclick="ga(\'send\', \'event\', \'Button\', \'Click\', \'Food Page Side Element Phone\');" style="font-size:'+linkSize+';color:'+textColor+';" href="tel:+1'+phone+'">'+ match[1] + '-' + match[2] + '-' + match[3] +'</a></div>'); 1437 $(parent).append('<div id="corona-instructions-sidebar" style="display:none;position:fixed;width:'+divWidth+'px;top:'+top+'vh;right:0;background-color:'+linkColor+';padding:15px;text-align:center;color:'+linkTextColor+';text-transform:uppercase;"><p style="margin:0 0 5px;font-size:'+pSize+';">'+text+'</p><i class="fa fa-phone" aria-hidden="true"></i> <a onclick="ga(\'send\', \'event\', \'Button\', \'Click\', \'Food Page Side Element Phone\');this.href=\'' + appendPhone + '\';" style="font-size:'+linkSize+';color:'+linkTextColor+';" href="/call-us/'+phone+'">'+ match[1] + '-' + match[2] + '-' + match[3] +'</a></div>'); 1438 1439 //check if resolution is bigger than tablet resolution 1440/* if ($(window).width() > 991) { 1441 //detect scroll 1442 window.onscroll = function (e) { 1443 if ($(window).scrollTop() == 0) { 1444 $('#corona-instructions-sidebar').hide(); 1445 }else { 1446 $('#corona-instructions-sidebar').show(); 1447 } 1448 } 1449 } */ 1450 } 1451 1452 function check_corona_config(config){ 1453 console.log(config) 1454 if (config) { 1455 if (config.instructions_on_food_page && config.food_page_instruction_text && config.food_page_instruction_phone) { 1456 if (!config.promote_deliveries && config.promote_pick_up) { 1457 var btnText = 'Call For Pick Up'; 1458 } 1459 if (config.promote_deliveries && !config.promote_pick_up) { 1460 var btnText = 'Call For Delivery'; 1461 } 1462 if (config.promote_deliveries && config.promote_pick_up) { 1463 var btnText = 'Call For Pick Up Or Delivery'; 1464 } 1465 1466 if(typeof btnText !== "undefined"){ // check if pick up or delivery are true 1467 if(config.shopping_cart_type == "TMT" && config.shopping_cart_active == true) { 1468 var btnText = 'ORDER NOW'; 1469 if($('.food-menu-nav').length){ //new template 1470 var textColor = rgb2hex($('.section-header').css('color')); 1471 var linkColor = rgb2hex($('.food-menu-nav-item.active').css('background-color')); 1472 var fontSize = parseInt($('.food-menu-nav-item').css('font-size')); 1473 fontSize = fontSize + Math.round(fontSize * 0.25); 1474 } 1475 else { //old template 1476 var textColor = rgb2hex($('.menu-item-name-traditional').css('color')); 1477 var linkColor = rgb2hex($('.style-traditional .tabnav .nav>li.active>a').css('color')); 1478 1479 var linkTextColor = getContrast50(linkColor); 1480 var fontSize = parseInt($('.menu-item-name-traditional').css('font-size')); 1481 fontSize = fontSize + Math.round(fontSize * 0.25); 1482 } 1483 show_corona_instructions('For online orders, use our own <a style="text-decoration:underline;color: '+textColor+';" href="https://tmt.spotapps.co/ordering-menu/?spot_id='+config.spot_id+'&images=yes&accordion=true#"> commission free ordering platform! </a> or call:', config.food_page_instruction_phone, btnText); 1484 show_corona_sidebar_instructions(btnText, config.food_page_instruction_phone); 1485 } else { 1486 show_corona_instructions(config.food_page_instruction_text, config.food_page_instruction_phone, btnText); 1487 show_corona_sidebar_instructions(btnText, config.food_page_instruction_phone); 1488 } 1489 1490 } 1491 } 1492 } 1493 } 1494 1495 1496 if (is_food_menu_page() && !window.location.search.includes("contactless=true")){ 1497 $( document ).ready(function() { 1498 setTimeout(function(){ 1499 check_corona_config(corona_config); 1500 }, 300); 1501 }); 1502 } 1503 1504 1505 1506 function isPhone(phone){ 1507 var regex = /^(\+\d{1,2}\s?)?\(?\d{3}\)?[\s.-]?\d{3}[\s.-]?\d{4}$/; 1508 return regex.test(phone); 1509 } 1510 1511 function sendEmail_MT (input_id) { 1512 const $loader = $("[data-id=newsletter-widget-2] .sph-loading-img"); 1513 1514 const $step = { 1515 form: $("[data-id=newsletter-widget-2] .sph-email-form"), 1516 message: $("[data-id=newsletter-widget-2] .sph-response-message"), 1517 } 1518 1519 const $field = { 1520 email: $("[data-id=newsletter-widget-2] #sph-newsletter-input-" + input_id), 1521 phone: $("[data-id=newsletter-widget-2] #sph-newsletter-phone-" + input_id), 1522 consent: $("[data-id=newsletter-widget-2] #sph-newsletter-checkbox-phone-" + input_id), 1523 }; 1524 1525 const $error = { 1526 email: $("[data-id=newsletter-widget-2] #sph-newsletter-email-error-" + input_id), 1527 phone: $("[data-id=newsletter-widget-2] #sph-newsletter-phone-error-" + input_id), 1528 }; 1529 1530 if ($field.email.val().trim() === "") { 1531 $error.email 1532 .html("This field is required") 1533 .show(); 1534 } 1535 else if (!isEmail($field.email.val().trim())) { 1536 $error.email 1537 .html("Please use the format â[email protected]â") 1538 .show(); 1539 } else { 1540 $error.email 1541 .html("") 1542 .hide(); 1543 } 1544 1545 if ($field.consent.is(':checked') && $field.phone.val().trim() === "") { 1546 $error.phone 1547 .html("This field is required") 1548 .show(); 1549 } else if ($field.phone.val().trim().length > 0 && !isPhone($field.phone.val().trim())) { 1550 $error.phone 1551 .html("The phone number must contain 10 digits") 1552 .show(); 1553 } else { 1554 $error.phone 1555 .html("") 1556 .hide(); 1557 } 1558 1559 const errorField = $step.form.find('.sh-form-error:visible'); 1560 1561 if (errorField.length > 0) { 1562 const input = errorField.first().next(); 1563 1564 document.activeElement.blur(); 1565 1566 setTimeout(() => { 1567 input.focus(); 1568 }, 160) 1569 1570 return; 1571 } 1572 1573 $loader 1574 .show() 1575 .prev() 1576 .hide(); 1577 1578 $.ajax({ 1579 method: "POST", 1580 url: "https://www.spothopperapp.com/api/spots/85197/contacts/add_with_texting_permission", 1581 crossDomain: true, 1582 dataType: 'json', 1583 data: { 1584 email: $field.email.val().trim(), 1585 phone: $field.phone.val().trim(), 1586 texting_permission: $field.consent.is(':checked'), 1587 }, 1588 success: function (data) { 1589 afterRequestSubmission(data); 1590 }, 1591 error: function () { 1592 afterRequestSubmission("Something went wrong. Please try again later."); 1593 } 1594 }); 1595 1596 function afterRequestSubmission (data) { 1597 $step.form.hide(); 1598 1599 $step.message 1600 .html(data) 1601 .show() 1602 .trigger('focus'); 1603 } 1604 } 1605</script>
1605<script>function addPromotionParamsToTMTLinks() 1606{ 1607 if (sessionStorage.getItem('shUrlParams')) { 1608 let shParams = JSON.parse(sessionStorage.getItem('shUrlParams')); 1609 if (!Object.keys(shParams).length) 1610 return; 1611 if(!shParams.source) 1612 return; 1613 $('a').each(function () { 1614 if (this.href.includes('tmt.spotapps.co')) { 1615 if(this.href.includes('&source=') || this.href.includes('&destination=') || this.href.includes('&promotion=')) 1616 return; 1617 1618 this.href = this.href + '&source=' + shParams.source; 1619 if(shParams.destination) 1620 this.href = this.href + '&destination=' + shParams.destination; 1621 if(shParams.promotion) 1622 this.href = this.href + '&promotion=' + shParams.promotion; 1623 if(shParams.fb_post_id) 1624 this.href = this.href + '&fb_post_id=' + shParams.fb_post_id; 1625 if(shParams.email_post_id) 1626 this.href = this.href + '&email_post_id=' + shParams.email_post_id; 1627 } 1628 }) 1629 } 1630} 1631setTimeout(function() { 1632 addPromotionParamsToTMTLinks(); 1633 addFooterToSourceParam(); 1634},600) 1635 1636function addFooterToSourceParam() 1637{ 1638 $('.bottom-link').each(function (){ 1639 if(shouldAddSourceParam(this.href)) 1640 this.href = this.href + '&source=footer'; 1641 }) 1642 $('#sh-multiple-links-content-holder a').each(function (){ 1643 if(shouldAddSourceParam(this.href)) 1644 this.href = this.href + '&source=footer'; 1645 }) 1646} 1647function shouldAddSourceParam(link){ 1648 if (link.includes('tmt.spotapps.co') && !link.includes('&source=')){ 1649 return true; 1650 } 1651 return false; 1652} 1653</script>
1653<script> 1654;(async () => { 1655if (typeof window.focusTrap === 'undefined') { 1656 await getScript('https://unpkg.com/tabbable/dist/index.umd.js'); 1657 await getScript('https://unpkg.com/focus-trap/dist/focus-trap.umd.js'); 1658} 1659 1660document.querySelectorAll('.modal').forEach((element) => { 1661 const trap = window.focusTrap?.createFocusTrap(element, { 1662 allowOutsideClick: true, 1663 }); 1664 1665 $(element).on('shown.bs.modal', () => { 1666 trap?.activate(); 1667 }); 1668 1669 $(element).on('hidden.bs.modal', () => { 1670 trap?.deactivate(); 1671 }); 1672}); 1673 1674async function getScript (source) { 1675 return new Promise((resolve, reject) => { 1676 const script = document.createElement('script'); 1677 script.src = source; 1678 script.async = true; 1679 1680 script.onload = resolve; 1681 script.onerror = reject; 1682 1683 document.head.appendChild(script); 1684 }); 1685} 1686})(); 1687</script>
1687<script>var bday_club_promo = {"bday_club_link":"https://tmt.spotapps.co/vouchers?spot_id=85197&source=website&voucher_offer_id=MjAyMjAyMTY1MzEwQQBY","bday_club_fab":true,"bday_offer_freebie_name":"Free Appetizer","bday_offer_short_name":"Free Appetizer on your birthday. ","bday_offer_description":"Free Appetizer on your birthday. Valid for dine in only with minimum purchase of $20.","bday_club_custom_offer":false,"bday_club_fab_type":"type_1","bday_club_fab_def_style":"light"};</script>
1687<script src="https://wcache-plugins.spotapps.co/production/wcpl_bootstrap_ada_fix/wcpl_bootstrap_ada_fix.js"></script>
1687<link href="https://wcache-plugins.spotapps.co/production/wcpl_bday_club/wcpl_bday_club.css" rel="stylesheet" media="screen"/>
1687<script src="https://wcache-plugins.spotapps.co/production/wcpl_bday_club/wcpl_bday_club.js"></script>
1687<script src="https://wcache-plugins.spotapps.co/production/wcpl_ga_tracking/wcpl_ga_tracking.js"></script>
1687<script src="https://wcache-plugins.spotapps.co/production/wcpl_media_controls/script.js"></script>
1687<link href="https://wcache-plugins.spotapps.co/production/wcpl_website_editor_interpreter/website_interpreter_helper_style.css" rel="stylesheet" media="screen"/>
1687<script>var changes_log_array = {};</script>
1687<script src="https://wcache-plugins.spotapps.co/production/wcpl_website_editor_interpreter/website_interpreter.js"></script>
1687</body></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.