1<!DOCTYPE html> 2�<html lang="en"><head><!-- 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-L17LQWZPJY'); 8 gtag('config', 'G-VG24VK2VKT'); 9 </script>
9<!-- wcache 2026-09-30 12:14:07.448156Z --><!-- 10smart_footer: true, 11smart_footer_version: 1, 12scripting_active: false 13--><link href="https://badbrads.com/" 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"/><meta content="Bad Brad's Landing Page - Stillwater, OK" property="og:title"/><meta content="website" property="og:type"/><meta content="http://badbrads.com/" property="og:url"/><meta content="" property="og:description"/><meta content="custom/shared_image.jpg" property="og:image"/><meta content="Bad Brad's Landing Page image" property="og:image:alt"/><meta content="image/png" property="og:image:type"/><meta content="summary_large_image" name="twitter:card"/><meta content="Bad Brad's Landing Page - Stillwater, OK" name="twitter:title"/><meta content="" name="twitter:description"/><meta content="custom/shared_image.jpg" name="twitter:image"/><title>Bad Brad's - Landing Page</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/badbrads--com/apple-touch-icon.png" rel="apple-touch-icon" sizes="180x180"/><link href="https://static.spotapps.co/web/badbrads--com/favicon-32x32.png" rel="icon" sizes="32x32" type="image/png"/><link href="https://static.spotapps.co/web/badbrads--com/favicon-16x16.png" rel="icon" sizes="16x16" type="image/png"/><link href="https://static.spotapps.co/web/badbrads--com/site.webmanifest" rel="manifest"/><link color="#5bbad5" href="https://static.spotapps.co/web/badbrads--com/safari-pinned-tab.svg" rel="mask-icon"/><meta content="#2b5797" name="msapplication-TileColor"/><meta content="#ffffff" name="theme-color"/><link href="https://static.spotapps.co/web/badbrads--com/lib/bootstrap/css/bootstrap.min.css" rel="stylesheet"/><link href="https://static.spotapps.co/web/badbrads--com/lib/gallery/gallery.css" rel="stylesheet"/><link href="https://static.spotapps.co/web/badbrads--com/lib/fancybox/source/jquery.fancybox.css" media="screen" rel="stylesheet" type="text/css"/><link href="https://static.spotapps.co/web/badbrads--com/lib/fancybox/source/helpers/jquery.fancybox-thumbs.css" rel="stylesheet" type="text/css"/><link href="https://static.spotapps.co/web/badbrads--com/lib/uikit/css/uikit.docs.min.css" rel="stylesheet"/><link href="https://static.spotapps.co/web/badbrads--com/lib/uikit/css/slidenav.css" rel="stylesheet"/><link href="https://static.spotapps.co/web/badbrads--com/lib/font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet"/><link href="https://static.spotapps.co/web/badbrads--com/lib/hover_css/css/hover-min.css" rel="stylesheet"/><link href="https://static.spotapps.co/web/badbrads--com/lib/owlcarousel/owl.carousel.min.css" rel="stylesheet"/><link href="https://static.spotapps.co/web/badbrads--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/badbrads--com/css/style.css?version2" rel="stylesheet"/><link href="css/custom.css?v1784135495&domain=badbrads.com" rel="stylesheet"/><link href="https://static.spotapps.co/web/badbrads--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]--><!--[if lt IE 9]> 14
14<script src="//oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
14 15
15<script src="//oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
15 16 <![endif]--><style> 17 18#accessibility-footer { 19 padding: 20px 5px; 20 background-color: #353638; 21 color: #fff; 22 text-align: center; 23} 24#accessibility-footer p { 25 margin: 0; 26 padding: 0; 27 font-family: inherit; 28 font-size: initial; 29 color: #fff; 30} 31#accessibility-footer .accessibility-link { 32 display: inline-block; 33 color: inherit; 34 text-decoration: underline; 35 font-weight: 600; 36} 37 38@media (max-width: 767px) { 39 #accessibility-footer .accessibility-link { 40 display: block; 41 } 42} 43 44</style>
44<script src="https://static.spotapps.co/websites/lib/lazysizes/lazysizes.min.js" async=""></script>
44<script> 45function ga_check(){ 46 return true; 47} 48</script>
48<script> 49function universal_ga(action, type, category, ev_action, label){ 50 if(typeof ga === 'function') 51 { 52 if(!(action && label)) 53 ga(action, type, category) 54 else 55 ga(action, type, category, ev_action, label) 56 } 57 58 if(typeof gtag === 'function') 59 { 60 if(!(action && label)) 61 { 62 hash = category 63 ev_label = hash["eventLabel"] 64 var splits = ev_label.match(/.{1,100}/g) ?? []; 65 delete(hash["eventLabel"]) 66 67 if(splits.length <= 1) 68 hash["eventLabel"] = ev_label 69 else 70 { 71 for (let i = 0; i < splits.length; i++) { 72 var key = "eventLabel_"+i 73 hash[key] = splits[i] 74 } 75 } 76 console.log(hash) 77 gtag("event", hash["eventCategory"], hash); 78 } 79 else 80 { 81 var hash = { 82 eventCategory: category, 83 eventAction: ev_action 84 } 85 86 var splits = label.match(/.{1,100}/g) ?? []; 87 if(splits.length <= 1) 88 hash["eventLabel"] = label 89 else 90 { 91 for (let i = 0; i < splits.length; i++) { 92 var key = "eventLabel_"+i 93 hash[key] = splits[i] 94 } 95 } 96 gtag("event", hash["eventCategory"], hash); 97 } 98 } 99} 100</script>
100<script> function getPromotionUrlParams(){ 101 var params_str = sessionStorage.getItem('shUrlParams'); 102 if (params_str != null){ 103 return JSON.parse(params_str); 104 }else{ 105 return {}; 106 } 107 } 108 109 function getPromotionSourceDetails(){ 110 var params_str = localStorage.getItem('promotionSourceDetails'); 111 if (params_str != null){ 112 return JSON.parse(params_str); 113 }else{ 114 return {}; 115 } 116 } 117 118 function getLastEmailVisitInDays(){ 119 var promotionSourceDetails = getPromotionSourceDetails(); 120 if (!promotionSourceDetails['last_visit_email'] ){ 121 return null; 122 } 123 return Math.floor((new Date() - new Date(promotionSourceDetails['last_visit_email'])) / (1000 * 60 * 60 * 24)); 124 } 125 126 function getLastSocialVisitInDays(){ 127 var promotionSourceDetails = getPromotionSourceDetails(); 128 if (!promotionSourceDetails['last_visit_social'] ){ 129 return null; 130 } 131 return Math.floor((new Date() - new Date(promotionSourceDetails['last_visit_social'])) / (1000 * 60 * 60 * 24)); 132 } 133 134 var shUrlParams = getPromotionUrlParams(); 135 var promotionSourceDetails = getPromotionSourceDetails(); 136 137 new URL(document.location).searchParams.forEach(function(value, paramName){ 138 139 shUrlParams[paramName] = value; 140 141 if (paramName == 'source' && value =='social' ){ 142 promotionSourceDetails['last_visit_social'] = new Date(); 143 localStorage.setItem('promotionSourceDetails', JSON.stringify(promotionSourceDetails)); 144 } 145 146 if (paramName == 'source' && value =='email' ){ 147 promotionSourceDetails['last_visit_email'] = new Date(); 148 localStorage.setItem('promotionSourceDetails', JSON.stringify(promotionSourceDetails)); 149 } 150 151 }); 152 153 sessionStorage.setItem('shUrlParams', JSON.stringify(shUrlParams)) 154</script>
154<style>a:focus:not(:focus-visible){outline:none;box-shadow:none;} 155a.get-directions-footer-link{display:inline-block;transform-origin:left center;transition:transform .2s ease;} 156a.get-directions-footer-link:hover{transform:scale(1.08);} 157@media (prefers-reduced-motion:reduce){a.get-directions-footer-link{transition:none;transform:none;}} 158a.get-directions-footer-link,a.get-directions-footer-link:hover{color:inherit!important;}</style></head><body class="home-page"><style> 159 160 .nav-v7 .navbar-logo .container { 161 height: 80px; 162 } 163 .nav-v7 .navbar-logo .header-logo img { 164 max-height: 80px; 165 } 166 167 168.navbar-regular .navbar-collapse.collapse.in { 169 background-color: transparent; 170 width: 100%; 171} 172.navbar.nav-v6 .navbar-tabs { 173 background-color: #000; 174 -webkit-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0); 175 -moz-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0); 176 box-shadow: 0px 4px 4px 0px rgba(0,0,0,0); 177} 178.navbar.nav-v6.nav-scroll .navbar-tabs { 179 background-color: #000; 180 -webkit-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.4); 181 -moz-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.4); 182 box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.4); 183} 184.drink-menu .navbar.nav-v6 .navbar-tabs { 185 background-color: #000; 186 -webkit-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0); 187 -moz-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0); 188 box-shadow: 0px 4px 4px 0px rgba(0,0,0,0); 189} 190.drink-menu .navbar.nav-v6.nav-scroll .navbar-tabs { 191 background-color: #000; 192 -webkit-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.4); 193 -moz-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.4); 194 box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.4); 195} 196li.drop-down-link .sub-menu { 197 background-color: #000; 198 color: #fff; 199 } 200.nav-scroll li.drop-down-link .sub-menu { 201 background-color: #000; 202 color: #fff; 203} 204.drink-menu li.drop-down-link .sub-menu { 205 background-color: #000; 206 color: #000; 207} 208.drink-menu .nav-scroll li.drop-down-link .sub-menu { 209 background-color: #000; 210 color: #000; 211} 212li.drop-down-link .sub-menu a, 213li.drop-down-link div.drop-down { 214 color: #fff; 215} 216.nav-scroll li.drop-down-link .sub-menu a, 217.nav-scroll li.drop-down-link div.drop-down { 218 color: #fff; 219} 220.drink-menu li.drop-down-link .sub-menu a, 221.drink-menu li.drop-down-link div.drop-down { 222 color: #000; 223} 224.drink-menu .nav-scroll li.drop-down-link .sub-menu a, 225.drink-menu .nav-scroll li.drop-down-link div.drop-down { 226 color: #000; 227} 228 229.navbar.nav-v6 .navbar-logo { 230 background-color: #000; 231} 232.navbar.nav-v6.nav-scroll .navbar-logo { 233 background-color: #000; 234} 235.drink-menu .navbar.nav-v6 .navbar-logo { 236 background-color: #000; 237} 238.drink-menu .navbar.nav-v6.nav-scroll .navbar-logo { 239 background-color: #000; 240} 241 242.navbar-regular.nav-v6 .navbar-nav>li>a, 243.navbar-regular.nav-v6 .navbar-nav>li>a:hover, 244.navbar-regular.nav-v6 .navbar-nav>.active>a, 245.navbar-regular.nav-v6 .navbar-nav>.active>a:focus, 246.navbar-regular.nav-v6 .navbar-nav>.active>a:hover{ 247 border: none; 248 border-right: 1px solid #fff; 249 background-color: transparent; 250 color: #FFA132; 251} 252.navbar-regular.nav-v6 .navbar-nav>li>a { 253 color: #fff; 254} 255.drink-menu .navbar.nav-v6 .navbar-nav>li>a { 256 color: #000; 257 border-right: 1px solid #000; 258} 259.drink-menu .navbar-regular.nav-v6 .navbar-nav>li>a:hover, 260.drink-menu .navbar-regular.nav-v6 .navbar-nav>.active>a, 261.drink-menu .navbar-regular.nav-v6 .navbar-nav>.active>a:focus, 262.drink-menu .navbar-regular.nav-v6 .navbar-nav>.active>a:hover{ 263 color: #FFA132; 264} 265 266li.drop-down-link .sub-menu a:hover, 267li.drop-down-link .sub-menu a:focus{ 268 color: #FFA132; 269} 270.drink-menu li.drop-down-link .sub-menu a:hover, 271.drink-menu li.drop-down-link .sub-menu a:focus { 272 color: #FFA132; 273} 274 275.navbar-regular.nav-v7 .navbar-contact .navbar-nav>li>a, 276.navbar-regular.nav-v7 .navbar-contact .navbar-nav>li>a:hover, 277.navbar-regular.nav-v7 .navbar-contact .navbar-nav>.active>a, 278.navbar-regular.nav-v7 .navbar-contact .navbar-nav>.active>a:focus, 279.navbar-regular.nav-v7 .navbar-contact .navbar-nav>.active>a:hover{ 280 color: #FFA132; 281} 282.navbar-regular.nav-v7 .navbar-contact .navbar-nav>li>a { 283 color: #fff; 284} 285.drink-menu .navbar.nav-v7 .navbar-nav>li>a { 286 color: #000; 287} 288.drink-menu .navbar-regular.nav-v7 .navbar-contact .navbar-nav>li>a { 289 color: #000; 290} 291.drink-menu .navbar-regular.nav-v7 .navbar-contact .navbar-nav>li>a:hover, 292.drink-menu .navbar-regular.nav-v7 .navbar-contact .navbar-nav>.active>a, 293.drink-menu .navbar-regular.nav-v7 .navbar-contact .navbar-nav>.active>a:focus, 294.drink-menu .navbar-regular.nav-v7 .navbar-contact .navbar-nav>.active>a:hover {
295 color: #FFA132; 296} 297 298.navbar-regular.nav-v6 .navbar-toggle .icon-bar { 299 background-color: #fff; 300} 301.drink-menu .navbar-regular.nav-v6 .navbar-toggle .icon-bar { 302 background-color: #000; 303} 304.navbar-regular.nav-v6 [aria-expanded="true"].navbar-toggle .icon-bar { 305 background-color: #FFA132; 306} 307.drink-menu .navbar-regular.nav-v6 [aria-expanded="true"].navbar-toggle .icon-bar { 308 background-color: #FFA132; 309} 310.navbar-regular.nav-v6.nav-scroll .navbar-nav>li>a, 311.navbar-regular.nav-v6.nav-scroll .navbar-nav>li>a:hover, 312.navbar-regular.nav-v6.nav-scroll .navbar-nav>.active>a, 313.navbar-regular.nav-v6.nav-scroll .navbar-nav>.active>a:focus, 314.navbar-regular.nav-v6.nav-scroll .navbar-nav>.active>a:hover{ 315 border: none; 316 border-right: 1px solid #fff; 317 color: #FFA132; 318} 319.navbar-regular.nav-v6.nav-scroll .navbar-nav>li>a { 320 color: #fff; 321} 322.drink-menu .navbar.nav-v6.nav-scroll .navbar-nav>li>a { 323 color: #000; 324 border-right: 1px solid #000; 325} 326.drink-menu .navbar-regular.nav-v6.nav-scroll .navbar-nav>li>a:hover, 327.drink-menu .navbar-regular.nav-v6.nav-scroll .navbar-nav>.active>a, 328.drink-menu .navbar-regular.nav-v6.nav-scroll .navbar-nav>.active>a:focus, 329.drink-menu .navbar-regular.nav-v6.nav-scroll .navbar-nav>.active>a:hover { 330 color: #FFA132; 331} 332 333.nav-scroll li.drop-down-link .sub-menu a:hover, 334.nav-scroll li.drop-down-link .sub-menu a:focus { 335 color: #FFA132; 336} 337.drink-menu .nav-scroll li.drop-down-link .sub-menu a:hover, 338.drink-menu .nav-scroll li.drop-down-link .sub-menu a:focus { 339 color: #FFA132; 340} 341 342.navbar-regular.nav-v6.nav-scroll .navbar-contact .navbar-nav>li>a, 343.navbar-regular.nav-v6.nav-scroll .navbar-contact .navbar-nav>li>a:hover, 344.navbar-regular.nav-v6.nav-scroll .navbar-contact .navbar-nav>.active>a, 345.navbar-regular.nav-v6.nav-scroll .navbar-contact .navbar-nav>.active>a:focus, 346.navbar-regular.nav-v6.nav-scroll .navbar-contact .navbar-nav>.active>a:hover { 347 color: #FFA132; 348} 349.navbar-regular.nav-v6.nav-scroll .navbar-contact .navbar-nav>li>a { 350 color: #fff; 351} 352.drink-menu .navbar.nav-v6.nav-scroll .navbar-contact .navbar-nav>li>a { 353 color: #000; 354} 355.drink-menu .navbar-regular.nav-v6.nav-scroll .navbar-contact .navbar-nav>li>a:hover, 356.drink-menu .navbar-regular.nav-v6.nav-scroll .navbar-contact .navbar-nav>.active>a, 357.drink-menu .navbar-regular.nav-v6.nav-scroll .navbar-contact .navbar-nav>.active>a:focus, 358.drink-menu .navbar-regular.nav-v6.nav-scroll .navbar-contact .navbar-nav>.active>a:hover{ 359 color: #FFA132; 360} 361 362.navbar-regular.nav-v6.nav-scroll .navbar-toggle .icon-bar { 363 background-color: #fff; 364} 365.drink-menu .navbar-regular.nav-v6.nav-scroll .navbar-toggle .icon-bar { 366 background-color: #000; 367} 368.navbar-regular.nav-v6.nav-scroll [aria-expanded="true"].navbar-toggle .icon-bar { 369 background-color: #FFA132; 370} 371.drink-menu .navbar-regular.nav-v6.nav-scroll [aria-expanded="true"].navbar-toggle .icon-bar{ 372 background-color: #FFA132; 373} 374.navbar.nav-v6 .header-logo-text{ 375 color: #fff; 376} 377.navbar.nav-v6.nav-scroll .header-logo-text{ 378 color: #fff; 379} 380.navbar.nav-v6 .social-icon{ 381 color: #fff; 382} 383.navbar.nav-v6.nav-scroll .social-icon{ 384 color: #fff; 385} 386.navbar.nav-v6 .social-square .contact-icon:hover { 387 color: #fff; 388 background-color: #FFA132; 389} 390.navbar.nav-v6.nav-scroll .social-square .contact-icon:hover { 391 color: #fff; 392 background-color: #FFA132; 393} 394 395.drink-menu .navbar.nav-v6 .header-logo-text{ 396 color: #000; 397} 398.drink-menu .navbar.nav-v6.nav-scroll .header-logo-text{ 399 color: #000; 400} 401.drink-menu .navbar.nav-v6 .social-icon{ 402 color: #000; 403} 404.drink-menu .navbar.nav-v6.nav-scroll .social-icon{ 405 color: #000; 406} 407.drink-menu .navbar.nav-v6 .social-square .contact-icon:hover { 408 color: #000; 409 background-color: #FFA132; 410} 411.drink-menu .navbar.nav-v6.nav-scroll .social-square .contact-icon:hover { 412 color: #000; 413 background-color: #FFA132; 414} 415.navbar.nav-v6 .navbar-logo .container { 416 border-bottom: 1px solid #000; 417} 418.navbar.nav-v6.nav-scroll .navbar-logo .container { 419 border-bottom: 1px solid #000; 420} 421.drink-menu .navbar.nav-v6 .navbar-logo .container { 422 border-bottom: 1px solid #000; 423} 424.drink-menu .navbar.nav-v6.nav-scroll .navbar-logo .container { 425 border-bottom: 1px solid #000; 426} 427@media (max-width: 767px) { 428 .navbar.nav-v6 { 429 background-color: #000; 430 -webkit-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0); 431 -moz-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0); 432 box-shadow: 0px 4px 4px 0px rgba(0,0,0,0); 433 } 434 .navbar.nav-v6.nav-scroll { 435 background-color: #000; 436 -webkit-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.4); 437 -moz-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.4); 438 box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.4); 439 } 440 .drink-menu .navbar.nav-v6 { 441 background-color: #000; 442 -webkit-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0); 443 -moz-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0); 444 box-shadow: 0px 4px 4px 0px rgba(0,0,0,0); 445 } 446 .drink-menu .navbar.nav-v6.nav-scroll { 447 background-color: #000; 448 -webkit-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.4); 449 -moz-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.4); 450 box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.4); 451 } 452 .navbar.nav-v6 .container, 453 .navbar.nav-v6.nav-scroll .container, 454 .drink-menu .navbar.nav-v6 .container, 455 .drink-menu .navbar.nav-v6.nav-scroll .container { 456 border-bottom: none; 457 } 458 .navbar.nav-v6 .navbar-header { 459 border-bottom: 2px solid #000; 460 } 461 .navbar.nav-v6.nav-scroll .navbar-header { 462 border-bottom: 2px solid #000; 463 } 464 .drink-menu .navbar.nav-v6 .navbar-header { 465 border-bottom: 2px solid #000; 466 } 467 .drink-menu .navbar.nav-v6.nav-scroll .navbar-header { 468 border-bottom: 2px solid #000; 469 } 470 li.drop-down-link .sub-menu, 471 .drink-menu li.drop-down-link .sub-menu { 472 background-color: transparent; 473 } 474 .nav-scroll li.drop-down-link .sub-menu, 475 .drink-menu .nav-scroll li.drop-down-link .sub-menu { 476 background-color: transparent; 477 } 478 .navbar-regular.nav-v6 .navbar-nav>li>a:hover, 479 .navbar-regular.nav-v6 .navbar-nav>.active>a, 480 .navbar-regular.nav-v6 .navbar-nav>.active>a:focus, 481 .navbar-regular.nav-v6 .navbar-nav>.active>a:hover{ 482 background-color: #FFA132; 483 color: #fff; 484 } 485 .navbar-regular.nav-v6.nav-scroll .navbar-nav>li>a:hover, 486 .navbar-regular.nav-v6.nav-scroll .navbar-nav>.active>a, 487 .navbar-regular.nav-v6.nav-scroll .navbar-nav>.active>a:focus, 488 .navbar-regular.nav-v6.nav-scroll .navbar-nav>.active>a:hover{ 489 background-color: #FFA132; 490 color: #fff; 491 } 492 .drink-menu .navbar-regular.nav-v6 .navbar-nav>li>a:hover, 493 .drink-menu .navbar-regular.nav-v6 .navbar-nav>.active>a, 494 .drink-menu .navbar-regular.nav-v6 .navbar-nav>.active>a:focus, 495 .drink-menu .navbar-regular.nav-v6 .navbar-nav>.active>a:hover{ 496 background-color: #FFA132; 497 color: #000; 498 } 499 .drink-menu .navbar-regular.nav-v6.nav-scroll .navbar-nav>li>a:hover, 500 .drink-menu .navbar-regular.nav-v6.nav-scroll .navbar-nav>.active>a, 501 .drink-menu .navbar-regular.nav-v6.nav-scroll .navbar-nav>.active>a:focus, 502 .drink-menu .navbar-regular.nav-v6.nav-scroll .navbar-nav>.active>a:hover{ 503 background-color: #FFA132; 504 color: #000; 505 } 506 507 .navbar-regular.nav-v6 li.drop-down-link.active .drop-down .fa.fa-angle-up { 508 color: #FFA132; 509 } 510 .navbar-regular.nav-v6.nav-scroll li.drop-down-link.active .drop-down .fa.fa-angle-up { 511 color: #FFA132; 512 } 513 .drink-menu .navbar-regular.nav-v6 li.drop-down-link.active .drop-down .fa.fa-angle-up { 514 color: #FFA132; 515 } 516 .drink-menu .navbar-regular.nav-v6.nav-scroll li.drop-down-link.active .drop-down .fa.fa-angle-up { 517 color: #FFA132; 518 } 519} 520</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="Bad Brad's Landing Page logo top" class="img-responsive logo-top" src="https://static.spotapps.co/web/badbrads--com/custom/logo.png"/></a><a class="header-logo logo-scroll" href="/"><img alt="Bad Brad's Landing Page logo scroll" class="img-responsive logo-scroll" src="https://static.spotapps.co/web/badbrads--com/custom/logo.png"/></a><div class="navbar-contact"><ul class="nav navbar-nav navbar-right"><li class="nav-address"><a href="/#map-v3-container"><i aria-hidden="true" class="fa fa-map-marker"></i> 521 5302 West 6th Avenue , Stillwater </a></li></ul></div></div></div><div class="navbar-tabs"><div class="container"><div class="navbar-content"><ul class="nav navbar-nav"><li class=" outside-link"><a class="additional-link" href="http://yukon.badbrads.com/" id="http://yukon.badbrads.com/_link" target="_blank"> 522 Yukon <a class="custom-social-icon" href="https://www.facebook.com/BAD.BRADS.BBQ" target="_blank"><span class="visuallyhidden">Facebook page</span><i class="fa fa-facebook"></i></a><a class="custom-social-icon" href="https://www.instagram.com/badbradsbbq/" target="_blank"><span class="visuallyhidden">Instagram page</span><i class="fa fa-instagram"></i></a></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="Bad Brad's Landing Page logo top" class="img-responsive logo-top" src="https://static.spotapps.co/web/badbrads--com/custom/logo.png"/></a><a class="header-logo logo-scroll" href="/"><img alt="Bad Brad's Landing Page logo scroll" class="img-responsive logo-scroll" src="https://static.spotapps.co/web/badbrads--com/custom/logo.png"/></a><div class="collapse navbar-collapse" id="navbar-collapse-1"><ul class="nav navbar-nav navbar-right"><li class=" outside-link"><a class="additional-link" href="http://yukon.badbrads.com/" id="mobile_http://yukon.badbrads.com/_link" target="_blank"> 523 Yukon <a class="custom-social-icon" href="https://www.facebook.com/BAD.BRADS.BBQ" target="_blank"><span class="visuallyhidden">Facebook page</span><i class="fa fa-facebook"></i></a><a class="custom-social-icon" href="https://www.instagram.com/badbradsbbq/" target="_blank"><span class="visuallyhidden">Instagram page</span><i class="fa fa-instagram"></i></a></a></li></ul></div></div></div></nav><header class="header" style=" 524 background-image: url(https://static.spotapps.co/web/badbrads--com/); 525 background-image: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url(https://static.spotapps.co/web/badbrads--com/); 526 background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(https://static.spotapps.co/web/badbrads--com/); 527 528 background-repeat: no-repeat; 529 background-position: center center fixed; 530 -webkit-background-size: cover; 531 -moz-background-size: cover; 532 -o-background-size: cover; 533 background-size: cover; 534 z-index: 98; position: relative; overflow: hidden; 535 "><div id="home_page_cover" style="height:100%;"><style> 536 537video#coverVideo { 538 z-index: 99; 539 background: url(https://static.spotapps.co/web/badbrads--com/custom/vi
539deo_cover_poster.jpg) no-repeat; 540 background-size: cover; 541} 542 543 544 @media (min-width: 1025px) { 545 546 video#coverVideo { 547 position: absolute; 548 top: 50%; 549 left: 50%; 550 min-width: 100%; 551 min-height: 100%; 552 width: auto; 553 height: auto; 554 -ms-transform: translateX(-50%) translateY(-50%); 555 -moz-transform: translateX(-50%) translateY(-50%); 556 -webkit-transform: translateX(-50%) translateY(-50%); 557 transform: translateX(-50%) translateY(-50%); 558 max-width: none; 559 vertical-align: baseline; 560} 561 } 562 563 @media (max-width: 1024px) { 564 565 video#coverVideo { 566 width: 100%; 567} 568.header { 569 max-height: 100vh; 570 background-image: none !important; 571 width: initial; 572 height: initial; 573} 574body.home-page { 575 background-color: transparent; 576} 577 } 578 579 580 581 .video-volume-btn { 582 color: rgba(255, 255, 255, 0.9); 583 } 584 585</style><video autoplay="autoplay" id="coverVideo" loop="loop" muted="muted" playsinline="playsinline" poster="https://static.spotapps.co/web/badbrads--com/custom/video_cover_poster.jpg"><source src="https://static.spotapps.co/website_videos/BadBrads_Combined_Video_Vimeo720p30.mp4" type="video/mp4"/></video><button aria-label="turn on or off the video sound" class="video-volume-btn" role="button" type="button"><span class="off-screen">the video sound on or off</span><i aria-hidden="true" class="fa fa-volume-off"></i><i aria-hidden="true" class="fa fa-volume-up"></i></button></div></header><main id="content" role="main"><article><style> 586.custom_html_1-section .top-svg-border path, 587.custom_html_1-section .top-svg-border polygon { 588 fill: #000; 589} 590.custom_html_1-section .bottom-svg-border path, 591.custom_html_1-section .bottom-svg-border polygon { 592 fill: #000; 593} 594</style><div class="custom_html_1-section section-wrapper" id="custom_html_1"><div class="container"><div class="section-wrapper"><h1 class="visuallyhidden">Bad Brad's - Landing Page</h1><div class="row locations-holder"><div class="col-md-6 col-sm-6 col-xs-12"><div class="location-container"><h2 class="first-title"><span>Bad Brad's</span><br/> YUKON</h2><img alt="Bad Brad's - Yukon" src="https://static.spotapps.co/web/badbrads--com/custom/yukon_1.jpg"/><div class="location-socials"><a class="" href="https://www.facebook.com/BAD.BRADS.BBQ" target="_blank"><span class="visuallyhidden">Facebook page</span><i class="fa fa-facebook"></i></a><a class="" href="https://www.instagram.com/badbradsbbq/" target="_blank"><span class="visuallyhidden">Instagram page</span><i class="fa fa-instagram"></i></a></div><a class="custom-temp-btn hvr-fade" href="http://yukon.badbrads.com/#" target="_blank">Visit Website 595 <span class="visuallyhidden">Bad Brad's - Yukon</span></a></div></div><div class="col-md-6 col-sm-6 col-xs-12"><div><h2 class="first-title"><span>Bad Brad's</span><br/> STILLWATER</h2><img alt="Bad Brad's - Stillwater exterior" src="https://static.spotapps.co/web/badbrads--com/custom/stillwater_1.jpg"/><div class="location-socials"><a class="" href="https://www.facebook.com/BAD.BRADS.BBQ.STW" target="_blank"><span class="visuallyhidden">Facebook page</span><i class="fa fa-facebook"></i></a><a class="" href="https://www.instagram.com/badbradsbarbqstillwater/" target="_blank"><span class="visuallyhidden">Instagram page</span><i class="fa fa-instagram"></i></a></div><span class="closed-label">Closed</span></div></div></div></div></div></div></article></main>
595<script src="https://static.spotapps.co/web/badbrads--com/lib/jquery/jquery.min.js"></script>
595<script src="https://static.spotapps.co/web/badbrads--com/lib/jquery/jquery.browser.min.js"></script>
595<script src="https://static.spotapps.co/web/badbrads--com/lib/bootstrap/js/bootstrap.min.js"></script>
595<script src="https://static.spotapps.co/web/badbrads--com/lib/owlcarousel/owl.carousel.min.js"></script>
595<script src="https://static.spotapps.co/web/badbrads--com/lib/masonry/masonry.pkgd.min.js"></script>
595<script type="text/javascript"> 596 597 598 599 $('.header-logo, .nav-v2-home-btn').click(function(event) { 600 if ( window.location.pathname == '/' || window.location.pathname == '/index.php') { 601 event.preventDefault(); 602 var windowScrollTop = $(window).scrollTop(); 603 if(windowScrollTop > 150) { 604 $('html, body').animate({scrollTop: 0}, 750); 605 } 606 } 607 }); 608 609$(".banner-section a.banner-pin").click(function(e) { 610 // target element id 611 var id = $(this).attr('href'); 612 613 // target element 614 var section = $(id); 615 if (section.length === 0) { 616 return; 617 } 618 619 // prevent standard hash navigation (avoid blinking in IE) 620 e.preventDefault(); 621 622 // top position relative to the document 623 var pos = section.offset().top - 100 + 10; 624 625 // animated top scrolling 626 $('body, html').animate({scrollTop: pos}, 750); 627}); 628 629$(document).on('scroll', function (e) { 630 if($(document).scrollTop() > 0) { 631 $('.navbar.nav-v7').addClass('nav-scroll'); 632 }else { 633 $('.navbar.nav-v7').removeClass('nav-scroll'); 634 } 635}); 636 637$(function() { 638 setDropDownMenuWidth(); 639 640 function setDropDownMenuWidth() { 641 var tabs_list = $('.navbar-tabs .navbar-nav'); 642 643 $(tabs_list).find('li.drop-down-link').each(function() { 644 var sub_menu_width = $(this).outerWidth(true); 645 if (sub_menu_width < 100) { 646 sub_menu_width = 100; 647 } 648 $(this).find('.sub-menu').css('width', sub_menu_width+'px'); 649 }); 650 } 651 652 $( window ).resize(function() { 653 setDropDownMenuWidth(); 654 }); 655 656}); 657 658 659 660$( '.drop-down-link .drop-down' ).click(function(event) { 661 event.preventDefault(); 662 event.stopPropagation(); 663 664 var drop_down = $(this).closest('.drop-down-link'); 665 var sub_menu = $(this).closest('.drop-down-link').find( '.sub-menu' ); 666 667 if ( $(sub_menu).is( ':hidden' ) ) { 668 $(sub_menu).slideDown(); 669 $(drop_down).addClass('active'); 670 } else { 671 $(sub_menu).slideUp(); 672 $(drop_down).removeClass('active'); 673 } 674}); 675 676$(".nav-v7 .navbar-contact .nav-address a").click(function(e) { 677 678 if ( window.location.pathname == '/' || window.location.pathname == '/index.php') { 679 // target element id 680 var id = $(this).attr('href').substr(1); 681 682 // target element 683 var section = $(id); 684 if (section.length === 0) { 685 return; 686 } 687 688 // prevent standard hash navigation (avoid blinking in IE) 689 e.preventDefault(); 690 691 // top position relative to the document 692 var pos = section.offset().top - 100 + 10; 693 694 // animated top scrolling 695 $('body, html').animate({scrollTop: pos}, 750); 696 697 } 698}); 699 $(document).ready(function() { 700 if ($("#coverVideo").prop('muted', true)){ 701 $(".video-volume-btn").addClass('off'); 702 } 703 $(".video-volume-btn").click( function (){ 704 if( $("#coverVideo").prop('muted') ) { 705 $("#coverVideo").prop('muted', false); 706 $(".video-volume-btn").removeClass('off'); 707 $(".video-volume-btn").addClass('on'); 708 } else { 709 $("#coverVideo").prop('muted', true); 710 $(".video-volume-btn").removeClass('on'); 711 $(".video-volume-btn").addClass('off'); 712 } 713 }); 714 }); 715 716 var navigation_alpha_starts_from = 0; 717 var navigation_background_color = "rgba(0, 0, 0,"; 718 var navigation_darkens_on_scroll = "1"; 719 var top_nav_new_style = !navigation_darkens_on_scroll && ($(window).width() > 767); 720 var custom_nav_style = "1"; 721 if(!custom_nav_style){ 722 $('.navbar-regular').css('background-color', 'rgba(255, 255, 255,' + navigation_alpha_starts_from + ')'); 723 $('.navbar-inverse').css('background-color', navigation_background_color + (top_nav_new_style ? 0 : navigation_alpha_starts_from) + ')'); 724 } 725 726 if (navigation_darkens_on_scroll && !custom_nav_style) { 727 $(document).on('scroll', function (e) { 728 var alpha = navigation_alpha_starts_from + $(document).scrollTop() / 1950; 729 $('.navbar-inverse').css('background-color', navigation_background_color + alpha + ')'); 730 $('.navbar-regular').css('background-color', 'rgba(255, 255, 255,' + alpha + ')'); 731 }); 732 } 733
734 if (!navigation_darkens_on_scroll && !custom_nav_style) { 735 $(window).resize(function() { 736 if ($(window).width() > 767) 737 $('.navbar-inverse').css('background-color', navigation_background_color + 0 + ')'); 738 else 739 $('.navbar-inverse').css('background-color', navigation_background_color + navigation_alpha_starts_from + ')'); 740 }); 741 } 742 743 $(function () { 744 $('.nav a').on('click', function () { 745 $('.navbar-collapse').collapse('hide'); 746 }); 747 }); 748 749 750</script>
750<script> 751 var animate_sections = ["banner","aboutus_v2","aboutus_v7"]; 752 753 for (var i = 0; i < animate_sections.length; i++) { 754 $('#'+animate_sections[i]).addClass('animation-element'); 755 } 756 757 var $animation_elements = $('.animation-element'); 758 var $window = $(window); 759 760 function check_if_in_view() { 761 var window_height = $window.height(); 762 var window_top_position = $window.scrollTop(); 763 var window_bottom_position = (window_top_position + window_height/2); 764 765 $.each($animation_elements, function() { 766 var $element = $(this); 767 var element_height = $element.outerHeight(); 768 var element_top_position = $element.offset().top; 769 var element_bottom_position = (element_top_position + element_height/2); 770 771 //check to see if this current container is within viewport 772 if ((element_bottom_position >= window_top_position) && 773 (element_top_position <= window_bottom_position)) { 774 $element.addClass('animate'); 775 } else { 776 // $element.removeClass('in-view'); 777 } 778 }); 779 } 780 781 $window.on('scroll resize', check_if_in_view); 782 $window.trigger('scroll'); 783 </script>
783<script> 784$(function () { 785 //If Newsletter widget (popup or section) is on 786 if ($('.newsletter-popup').length || $('.map-newsletter').length || $('.newsletter-section').length) { 787 //Inject html needed for ADA 788 var waitSPHWidget = setInterval(function(){ 789 if ($('.sph-email-input').length) { 790 791 $('.sph-loading-img img').attr('alt', 'Newsletter Loader icon'); 792 clearInterval(waitSPHWidget) 793 } 794 }, 300); 795 } 796}); 797</script>
797<script>// ALL_PAGES_COMPONENT 798var smart_footer_active = 'true' == 'true'; 799var smart_footer_version = '1'; 800 801</script>
801<footer id="accessibility-footer"><p>We strive to make our website accessible to everybody. <a aria-label="Learn More About our website accessibility" class="accessibility-link" href="/accessibility-page-01" target="_self">Learn More.</a></p></footer>
801<script> 802 803 var spot_id = 123780; 804 var sh_generic_form_params=JSON.parse('{}'); 805 806 if (false){ 807 console.log("Check SpotHopper configuration. Probably there is no 'WEBSITE::DOMAIN_NAME' key for your website"); 808 } 809 810 if (navigator.userAgent.match(/iPhone/i) 811 || navigator.userAgent.match(/iPad/i) 812 || navigator.userAgent.match(/iPod/i)){ 813 $(document).ready(function(){ 814 document.body.className += " " + "webkit-mobile-body"; 815 }); 816 } 817 818 var promotion_url_param_domain = getPromotionUrlParams()['domain']; 819 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')){ 820 $("a[href^='/']").each(function(){ 821 if (this.href.indexOf('domain=') == -1){ 822 var sh_internal_url = new URL(this.href); 823 sh_internal_url.searchParams.set("domain", promotion_url_param_domain); 824 this.href = sh_internal_url.toString(); 825 } 826 }) 827 } 828 829 830 function cta_link_matches_href(href, url){ 831 var domain = 'badbrads.com'; 832 if(typeof url === 'undefined'){ 833 return false; 834 } 835 var partsOfURL = url.split(domain); 836 if (partsOfURL.length != 2){ 837 return href == url; 838 }else{ 839 var urlPath = partsOfURL[1]; 840 if (urlPath.substring(0,1) == "/"){ 841 urlPath = urlPath.substring(1,urlPath.length); 842 } 843 return href.indexOf(urlPath, domain.length + href.indexOf(domain)-1) !== -1; 844 } 845 } 846 847 var all_cta_links = []; 848 849 function find_cta_link(href) { 850 for (var i=0; i< all_cta_links.length; i++){ 851 var cta_link = all_cta_links[i]; 852 if ( cta_link_matches_href(href, cta_link.url)){ 853 return cta_link; 854 } 855 } 856 } 857 858 function find_cta_links(href) { 859 var cta_links = [] 860 for (var i=0; i< all_cta_links.length; i++){ 861 var cta_link = all_cta_links[i]; 862 if ( cta_link_matches_href(href, cta_link.url)){ 863 cta_links.push(cta_link); 864 } 865 } 866 return cta_links; 867 } 868 869 870 function get_current_page_cta_link_types(){ 871 var types = []; 872 var cta_links = find_cta_links(document.location.href); 873 for (var i=0; i<cta_links.length; i++){ 874 types.push(cta_links[i].cta_link_type); 875 } 876 return types; 877 } 878 879 880 function is_food_menu_page(){ 881 var cta_link_types = get_current_page_cta_link_types(); 882 for (var i=0; i<cta_link_types.length; i++){ 883 if ('food_menu' == cta_link_types[i]) 884 return true; 885 } 886 return false; 887 } 888 889 890 function get_form_cat_from_cta(){ 891 var cta_link = find_cta_link(document.location.href); 892 if (cta_link == null) { 893 return null; 894 } 895 if (cta_link.cta_link_type == 'private_parties'){ 896 return 'private_party'; 897 }else if (cta_link.cta_link_type == 'reservations'){ 898 return 'reservation'; 899 }else if (cta_link.cta_link_type == 'catering'){ 900 return 'catering'; 901 }else if (cta_link.cta_link_type == 'job_listing'){ 902 return 'job_listings'; 903 }else if (cta_link.cta_link_type == 'gift_cards'){ 904 return 'gift_cards'; 905 } 906 return null; 907 } 908 909 function element_has_events_defined(elem){ 910 if ($._data(elem, "events") === undefined){ 911 return false; 912 } 913 return true; 914 } 915 916 function create_ga_events_for_cta_clicks(){ 917 if (typeof $ === 'function'){ 918 919 var cta_link_of_the_page = find_cta_link(location.href); 920 921 922 $("a").each(function(index, elem){ 923 var href = $(elem).attr('href'); 924 925 if (href === undefined ){ 926 return; 927 } 928 929 if (href.substring(0,4) == 'tel:'){ 930 if (!element_has_events_defined(elem)){ // not footer links 931 $(elem).on("click", function(){ 932 universal_ga('send', 'event', { 933 eventCategory: 'Button', 934 eventAction: 'Click', 935 eventLabel: 'Phone', 936 transport: 'beacon' 937 }); 938 }); 939 940 if (cta_link_of_the_page){ 941 $(elem).on("click", function(){ 942 universal_ga('send', 'event', { 943 eventCategory: 'Button', 944 eventAction: 'Click', 945 eventLabel: cta_link_of_the_page.cta_link_type + ' page phone', 946 transport: 'beacon' 947 }); 948 }); 949 } 950 } else { 951 if (cta_link_of_the_page){ 952 $(elem).on("click", function(){ 953 universal_ga('send', 'event', { 954 eventCategory: 'Button', 955 eventAction: 'Click', 956 eventLabel: cta_link_of_the_page.cta_link_type + ' page phone footer', 957 transport: 'beacon' 958 }); 959 }); 960 } 961 } 962 963 964 }else{ 965 var cta_link = find_cta_link(href); 966 if (elem.className != null && elem.className.indexOf("bottom-link") > -1){ 967 // console.log("bottom link detected"); 968 }else{ 969 if (cta_link != null){ 970 $(elem).on("click", function(){ 971 universal_ga('send', 'event', { 972 eventCategory: 'Website Link', 973 eventAction: 'Click', 974 eventLabel: cta_link.cta_link_type, 975 transport: 'beacon' 976 }); 977 }); 978 } 979 } 980 } 981 982 983 }); 984 } 985 } 986 987 if (typeof angular === "undefined") { 988 create_ga_events_for_cta_clicks(); 989 } else { 990 angular.element(document).ready(function () { 991 create_ga_events_for_cta_clicks(); 992 }); 993 } 994 995 996 function triggerShowFooterEvents(){
997 if (window.screen.availWidth < 768){ 998 universal_ga('send', 'event', { 999 eventCategory: 'Mobile Footer', 1000 eventAction: 'View', 1001 eventLabel: '', 1002 transport: 'beacon' 1003 }); 1004 } 1005 } 1006 1007 1008 1009 1010 //////////// 1011 function smartFooterV2() 1012 { 1013 var list= document.getElementsByClassName("bottom-list-item"); 1014 if (!list) return; 1015 1016 if (document.getElementById("bottom-navbar") == null){ 1017 return; 1018 } 1019 1020 var bottomNav = document.querySelector('#bottom-navbar .navbar-nav'); 1021 var footerLinkPaddingLeft = $('#bottom-navbar .navbar-nav li a').css('padding-left'); 1022 var footerLinkPaddingRight = $('#bottom-navbar .navbar-nav li a').css('padding-right'); 1023 1024 bottomNav.innerHTML = ''; 1025 var linksWithPosition = all_cta_links.filter(e => e.position != null && e.position >= 0); 1026 linksWithPosition.sort(function(a,b) { 1027 return a.position - b.position; 1028 }); 1029 1030 var footerLinkStyle = (footerLinkPaddingLeft == '0px' || footerLinkPaddingRight == '0px' ? 'style="padding-left: 8px; padding-right: 8px;"' : ''); 1031 1032 linksWithPosition.forEach((e, i) => { 1033 var target = e.target || getUrlTarget(e.url); 1034 bottomNav.insertAdjacentHTML('beforeend', 1035 `<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>`); 1036 }) 1037 1038 var intervalCount = 0 1039 var interval = setInterval(() => { 1040 if(intervalCount == 50){ 1041 clearInterval(interval); 1042 } 1043 removeOverflowingFooterLinks(); 1044 intervalCount ++; 1045 }, 200); 1046 1047 $('.smart-footer-link').on("click", function(){ 1048 if (typeof shUrlParams !== "undefined" && shUrlParams['source'] === undefined){ 1049 shUrlParams['source'] = 'footer'; 1050 sessionStorage.setItem('shUrlParams', JSON.stringify(shUrlParams)); 1051 } 1052 1053 var visibleLinks = $('.smart-footer-link').map(function (e) { 1054 return $(this).data('type'); 1055 }).toArray().join(','); 1056 1057 universal_ga('send', 'event', { 1058 eventCategory: 'Button', 1059 eventAction: 'Click_footer_2', 1060 eventLabel: "type:" + $(this).data('type') + "|position:" + $(this).data('position') + "|visible:" + visibleLinks, 1061 transport: 'beacon' 1062 }); 1063 }); 1064 } 1065 1066 function removeOverflowingFooterLinks(){ 1067 var bottomNavLinks = document.querySelectorAll('#bottom-navbar .navbar-nav li'); 1068 var width_sum = 0; 1069 1070 bottomNavLinks.forEach(e => { 1071 width_sum += e.getBoundingClientRect().width; 1072 if ((width_sum) > window.innerWidth) { 1073 console.log(`%cLink %c${e.textContent} %cdeleted couldn't fit screen`,"color: #fff;background: #202124;", "background: red;color: #fff", "color: #fff;background: #202124;"); 1074 e.remove(); 1075 } 1076 }); 1077 } 1078 1079 function getUrlTarget(url){ 1080 if(url.startsWith('tel')){ 1081 return '_self'; 1082 } 1083 if(url.startsWith('/') || url.includes('tmt.spotapps.co') || url.includes(window.location.host)){ 1084 return '_self'; 1085 } 1086 return '_blank'; 1087 } 1088 1089 function npb() 1090 { 1091 var list= document.getElementsByClassName("bottom-list-item"); 1092 if (!list) return; 1093 1094 if (document.getElementById("bottom-navbar") == null){ 1095 return; 1096 } 1097 1098 var url = "" 1099 for (var i=0; i < all_cta_links.length; i++) 1100 { 1101 if (all_cta_links[i].cta_link_type == "order"){ 1102 url = all_cta_links[i].url; 1103 } 1104 } 1105 1106 if ( url == ""){ 1107 return; 1108 } 1109 1110 for (i=0; i < list.length; i++) 1111 { 1112 console.log(cta_link_matches_href(list[i].firstChild.href, url)); 1113 if (cta_link_matches_href(list[i].firstChild.href,url)) return; 1114 1115 }; 1116 1117 var item = list[list.length-1] 1118 document.getElementById("bottom-navbar").getElementsByClassName("nav navbar-nav")[0].appendChild(item.cloneNode(true)); 1119 var width_sum = 0; 1120 for (i=0; i < list.length; i++) { 1121 width_sum += list[i].getBoundingClientRect().width; 1122 } 1123 1124 var item = list[list.length-1] 1125 if ((width_sum - 10) > window.innerWidth) { item.parentNode.removeChild(item); console.log("link deleted couldn't fit screen"); return; } 1126 1127 item.firstChild.text = "Order"; 1128 item.firstChild.href = url; 1129 item.firstChild.id = "bottom_link_" + list.length; 1130 1131 $(item.firstChild).on("click", function(){ 1132 1133 if (typeof shUrlParams !== "undefined" && shUrlParams['source'] === undefined){ 1134 shUrlParams['source'] = 'footer'; 1135 sessionStorage.setItem('shUrlParams', JSON.stringify(shUrlParams)); 1136 } 1137 1138 universal_ga('send', 'event', { 1139 eventCategory: 'Button', 1140 eventAction: 'Click', 1141 eventLabel: 'Plan B-2 Order', 1142 transport: 'beacon' 1143 }); 1144 }); 1145 1146 1147 } 1148 1149function activateSmartFooter(){ 1150 var smart_footer_active = true; 1151 var smart_footer_version = 1; 1152 var man_bottom_active = false;
1153 if(window.location.hash == '#smartFooterV2=enabled'){ 1154 smartFooterV2(); 1155 return; 1156 } 1157 if (smart_footer_active && !man_bottom_active){ 1158 if(smart_footer_version == 2 ){ 1159 smartFooterV2(); 1160 }else { 1161 npb(); 1162 } 1163 } 1164 } 1165 1166 activateSmartFooter(); 1167 1168 var corona_config_str = ''; 1169 var corona_config = corona_config_str != '' ? JSON.parse('') : null; 1170 1171 1172 //corona instuctions 1173 function show_corona_instructions(text, phone, btnText){ 1174 //format to US number 1175 var match = phone.match(/^(\d{3})(\d{3})(\d{4})$/); 1176 1177 if(corona_config.shopping_cart_type == "TMT" && corona_config.shopping_cart_active == true) { 1178 var linkLocation = "https://tmt.spotapps.co/ordering-menu/?spot_id="+corona_config.spot_id+"&images=yes&accordion=true"; 1179 var btnLinkLocation = "https://tmt.spotapps.co/ordering-menu/?spot_id="+corona_config.spot_id+"&images=yes&accordion=true"; 1180 }else { 1181 var linkLocation = 'tel:+1'+phone+''; 1182 var btnLinkLocation = 'tel:+1'+ match[1] + '-' + match[2] + '-' + match[3] +'' 1183 } 1184 var appendPhone = 'tel:+1'+phone+''; 1185 //inject html content 1186 if ($('.food-menu-nav').length) { 1187 //new template 1188 var pageEl = $('.food-menu-nav').css('margin','20px auto 10px auto'); 1189 var textColor = rgb2hex($('.section-header').css('color')); 1190 var linkColor = rgb2hex($('.food-menu-nav-item.active').css('background-color')); 1191 var fontSize = parseInt($('.food-menu-nav-item').css('font-size')); 1192 fontSize = fontSize + Math.round(fontSize * 0.25); 1193 1194 // 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>'; 1195 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>'; 1196 1197 }else { 1198 //old template 1199 var pageEl = $('.tabnav'); 1200 var textColor = rgb2hex($('.menu-item-name-traditional').css('color')); 1201 var linkColor = rgb2hex($('.style-traditional .tabnav .nav>li.active>a').css('color')); 1202 1203 var linkTextColor = getContrast50(linkColor); 1204 var fontSize = parseInt($('.menu-item-name-traditional').css('font-size')); 1205 fontSize = fontSize + Math.round(fontSize * 0.25); 1206 var textTransform = $('.style-traditional .tabnav .nav>li>a').css('text-transform'); 1207 1208 // 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>';
1209 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>'; 1210 1211 } 1212 //html content 1213 pageEl.prepend(html); 1214 } 1215 1216 function rgb2hex(rgb) { 1217 if(typeof rgb !== "undefined"){ 1218 rgbColor = rgb.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/); 1219 if (!rgbColor) { 1220 rgba = rgb.match(/^rgba?\((\d+),\s*(\d+),\s*(\d+)(,\s*\d+\.*\d+)?\)$/); 1221 return "#" + hex(rgba[1]) + hex(rgba[2]) + hex(rgba[3]); 1222 } 1223 function hex(x) { 1224 return ("0" + parseInt(x).toString(16)).slice(-2); 1225 } 1226 return "#" + hex(rgbColor[1]) + hex(rgbColor[2]) + hex(rgbColor[3]); 1227 } 1228 return rgb; 1229 } 1230 1231 function getContrast50(hexcolor){ 1232 return (parseInt(hexcolor, 16) > 0xffffff/2) ? '#000':'#fff'; 1233 } 1234 1235 function show_corona_sidebar_instructions(text, phone){ 1236 //format to US number 1237 var match = phone.match(/^(\d{3})(\d{3})(\d{4})$/); 1238 var divWidth = 230; 1239 var top = 50; 1240 var linkSize = '1.6em'; 1241 var pSize = $('p').css('font-size'); 1242 var appendPhone = 'tel:+1'+phone+''; 1243 1244 if ($(window).width() < 1600) 1245 var top = 30; 1246 if ($(window).width() < 1200){ 1247 var divWidth = 180; 1248 var linkSize = '1.4em'; 1249 var pSize ='1.1em'; 1250 } 1251 1252 if($('.food-menu-nav').length){ //new template 1253 var textColor = $('.food-menu-nav-item.active').css('color'); 1254 var linkColor = $('.food-menu-nav-item.active').css('background-color'); 1255 1256 var linkTextColor = $('.food-menu-nav-item.active').css('color'); 1257 var parent = $('.food-menu-page'); 1258 } 1259 else { //old template 1260 var textColor = $('.menu-item-name-traditional').css('color'); 1261 var linkColor = $('.style-traditional .tabnav .nav>li.active>a').css('color'); 1262 var parent = $('.food-menu').length ? $('.food-menu') : $('.drink-menu'); 1263 var linkTextColor = getContrast50(linkColor); 1264 } 1265 1266 // $(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>'); 1267 $(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>'); 1268 1269 //check if resolution is bigger than tablet resolution 1270/* if ($(window).width() > 991) { 1271 //detect scroll 1272 window.onscroll = function (e) { 1273 if ($(window).scrollTop() == 0) { 1274 $('#corona-instructions-sidebar').hide(); 1275 }else { 1276 $('#corona-instructions-sidebar').show(); 1277 } 1278 } 1279 } */ 1280 } 1281 1282 function check_corona_config(config){ 1283 console.log(config) 1284 if (config) { 1285 if (config.instructions_on_food_page && config.food_page_instruction_text && config.food_page_instruction_phone) { 1286 if (!config.promote_deliveries && config.promote_pick_up) { 1287 var btnText = 'Call For Pick Up'; 1288 } 1289 if (config.promote_deliveries && !config.promote_pick_up) { 1290 var btnText = 'Call For Delivery'; 1291 } 1292 if (config.promote_deliveries && config.promote_pick_up) { 1293 var btnText = 'Call For Pick Up Or Delivery'; 1294 } 1295 1296 if(typeof btnText !== "undefined"){ // check if pick up or delivery are true 1297 if(config.shopping_cart_type == "TMT" && config.shopping_cart_active == true) { 1298 var btnText = 'ORDER NOW'; 1299 if($('.food-menu-nav').length){ //new template 1300 var textColor = rgb2hex($('.section-header').css('color')); 1301 var linkColor = rgb2hex($('.food-menu-nav-item.active').css('background-color')); 1302 var fontSize = parseInt($('.food-menu-nav-item').css('font-size')); 1303 fontSize = fontSize + Math.round(fontSize * 0.25); 1304 } 1305 else { //old template 1306 var textColor = rgb2hex($('.menu-item-name-traditional').css('color')); 1307 var linkColor = rgb2hex($('.style-traditional .tabnav .nav>
1307li.active>a').css('color')); 1308 1309 var linkTextColor = getContrast50(linkColor); 1310 var fontSize = parseInt($('.menu-item-name-traditional').css('font-size')); 1311 fontSize = fontSize + Math.round(fontSize * 0.25); 1312 } 1313 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); 1314 show_corona_sidebar_instructions(btnText, config.food_page_instruction_phone); 1315 } else { 1316 show_corona_instructions(config.food_page_instruction_text, config.food_page_instruction_phone, btnText); 1317 show_corona_sidebar_instructions(btnText, config.food_page_instruction_phone); 1318 } 1319 1320 } 1321 } 1322 } 1323 } 1324 1325 1326 if (is_food_menu_page() && !window.location.search.includes("contactless=true")){ 1327 $( document ).ready(function() { 1328 setTimeout(function(){ 1329 check_corona_config(corona_config); 1330 }, 300); 1331 }); 1332 } 1333 1334 1335 1336 function isPhone(phone){ 1337 var regex = /^(\+\d{1,2}\s?)?\(?\d{3}\)?[\s.-]?\d{3}[\s.-]?\d{4}$/; 1338 return regex.test(phone); 1339 } 1340 1341 function sendEmail_MT (input_id) { 1342 const $loader = $("[data-id=newsletter-widget-2] .sph-loading-img"); 1343 1344 const $step = { 1345 form: $("[data-id=newsletter-widget-2] .sph-email-form"), 1346 message: $("[data-id=newsletter-widget-2] .sph-response-message"), 1347 } 1348 1349 const $field = { 1350 email: $("[data-id=newsletter-widget-2] #sph-newsletter-input-" + input_id), 1351 phone: $("[data-id=newsletter-widget-2] #sph-newsletter-phone-" + input_id), 1352 consent: $("[data-id=newsletter-widget-2] #sph-newsletter-checkbox-phone-" + input_id), 1353 }; 1354 1355 const $error = { 1356 email: $("[data-id=newsletter-widget-2] #sph-newsletter-email-error-" + input_id), 1357 phone: $("[data-id=newsletter-widget-2] #sph-newsletter-phone-error-" + input_id), 1358 }; 1359 1360 if ($field.email.val().trim() === "") { 1361 $error.email 1362 .html("This field is required") 1363 .show(); 1364 } 1365 else if (!isEmail($field.email.val().trim())) { 1366 $error.email 1367 .html("Please use the format â[email protected]â") 1368 .show(); 1369 } else { 1370 $error.email 1371 .html("") 1372 .hide(); 1373 } 1374 1375 if ($field.consent.is(':checked') && $field.phone.val().trim() === "") { 1376 $error.phone 1377 .html("This field is required") 1378 .show(); 1379 } else if ($field.phone.val().trim().length > 0 && !isPhone($field.phone.val().trim())) { 1380 $error.phone 1381 .html("The phone number must contain 10 digits") 1382 .show(); 1383 } else { 1384 $error.phone 1385 .html("") 1386 .hide(); 1387 } 1388 1389 const errorField = $step.form.find('.sh-form-error:visible'); 1390 1391 if (errorField.length > 0) { 1392 const input = errorField.first().next(); 1393 1394 document.activeElement.blur(); 1395 1396 setTimeout(() => { 1397 input.focus(); 1398 }, 160) 1399 1400 return; 1401 } 1402 1403 $loader 1404 .show() 1405 .prev() 1406 .hide(); 1407 1408 $.ajax({ 1409 method: "POST", 1410 url: "https://www.spothopperapp.com/api/spots/123780/contacts/add_with_texting_permission", 1411 crossDomain: true, 1412 dataType: 'json', 1413 data: { 1414 email: $field.email.val().trim(), 1415 phone: $field.phone.val().trim(), 1416 texting_permission: $field.consent.is(':checked'), 1417 }, 1418 success: function (data) { 1419 afterRequestSubmission(data); 1420 }, 1421 error: function () { 1422 afterRequestSubmission("Something went wrong. Please try again later."); 1423 } 1424 }); 1425 1426 function afterRequestSubmission (data) { 1427 $step.form.hide(); 1428 1429 $step.message 1430 .html(data) 1431 .show() 1432 .trigger('focus'); 1433 } 1434 } 1435</script>
1435<script>function addPromotionParamsToTMTLinks() 1436{ 1437 if (sessionStorage.getItem('shUrlParams')) { 1438 let shParams = JSON.parse(sessionStorage.getItem('shUrlParams')); 1439 if (!Object.keys(shParams).length) 1440 return; 1441 if(!shParams.source) 1442 return; 1443 $('a').each(function () { 1444 if (this.href.includes('tmt.spotapps.co')) { 1445 if(this.href.includes('&source=') || this.href.includes('&destination=') || this.href.includes('&promotion=')) 1446 return; 1447 1448 this.href = this.href + '&source=' + shParams.source; 1449 if(shParams.destination) 1450 this.href = this.href + '&destination=' + shParams.destination; 1451 if(shParams.promotion) 1452 this.href = this.href + '&promotion=' + shParams.promotion; 1453 if(shParams.fb_post_id) 1454 this.href = this.href + '&fb_post_id=' + shParams.fb_post_id; 1455 if(shParams.email_post_id) 1456 this.href = this.href + '&email_post_id=' + shParams.email_post_id; 1457 } 1458 }) 1459 } 1460} 1461setTimeout(function() { 1462 addPromotionParamsToTMTLinks(); 1463 addFooterToSourceParam(); 1464},600) 1465 1466function addFooterToSourceParam() 1467{ 1468 $('.bottom-link').each(function (){ 1469 if(shouldAddSourceParam(this.href)) 1470 this.href = this.href + '&source=footer'; 1471 }) 1472 $('#sh-multiple-links-content-holder a').each(function (){ 1473 if(shouldAddSourceParam(this.href)) 1474 this.href = this.href + '&source=footer'; 1475 }) 1476} 1477function shouldAddSourceParam(link){ 1478 if (link.includes('tmt.spotapps.co') && !link.includes('&source=')){ 1479 return true; 1480 } 1481 return false; 1482} 1483</script>
1483<script> 1484;(async () => { 1485if (typeof window.focusTrap === 'undefined') { 1486 await getScript('https://unpkg.com/tabbable/dist/index.umd.js'); 1487 await getScript('https://unpkg.com/focus-trap/dist/focus-trap.umd.js'); 1488} 1489 1490document.querySelectorAll('.modal').forEach((element) => { 1491 const trap = window.focusTrap?.createFocusTrap(element, { 1492 allowOutsideClick: true, 1493 }); 1494 1495 $(element).on('shown.bs.modal', () => { 1496 trap?.activate(); 1497 }); 1498 1499 $(element).on('hidden.bs.modal', () => { 1500 trap?.deactivate(); 1501 }); 1502}); 1503 1504async function getScript (source) { 1505 return new Promise((resolve, reject) => { 1506 const script = document.createElement('script'); 1507 script.src = source; 1508 script.async = true; 1509 1510 script.onload = resolve; 1511 script.onerror = reject; 1512 1513 document.head.appendChild(script); 1514 }); 1515} 1516})(); 1517</script>
1517<script src="https://wcache-plugins.spotapps.co/production/wcpl_bootstrap_ada_fix/wcpl_bootstrap_ada_fix.js"></script>
1517<link href="https://wcache-plugins.spotapps.co/production/wcpl_bday_club/wcpl_bday_club.css" rel="stylesheet" media="screen"/>
1517<script src="https://wcache-plugins.spotapps.co/production/wcpl_bday_club/wcpl_bday_club.js"></script>
1517<script src="https://wcache-plugins.spotapps.co/production/wcpl_ga_tracking/wcpl_ga_tracking.js"></script>
1517<script src="https://wcache-plugins.spotapps.co/production/wcpl_media_controls/script.js"></script>
1517<link href="https://wcache-plugins.spotapps.co/production/wcpl_website_editor_interpreter/website_interpreter_helper_style.css" rel="stylesheet" media="screen"/>
1517<script>var changes_log_array = {};</script>
1517<script src="https://wcache-plugins.spotapps.co/production/wcpl_website_editor_interpreter/website_interpreter.js"></script>
1517</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.