1 2 3 4<!DOCTYPE html> 5<html lang="en"> 6<head> 7 <base href="https://ithappensinaddison.com/" /> 8 <meta charset="utf-8"> 9 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 10 <meta name="viewport" content="width=device-width, initial-scale=1"> 11 12 13 14 15 16<!-- Metadata Area Starts --> <title>Addison, IL Events</title> 17 <meta property="og:title" content="Addison, IL Events" /> 18 <meta property="og:image" content="https://ithappensinaddison.com/website-Assets/main-logo.png?t=202601221426040" /> 19 20 21<link href="/revize/plugins/setup/css/revize.css" rel="stylesheet" type="text/css" /> 22 23 24
25<script type="text/javascript"> 26 27 28 29</script>
29 30 31 32 33 34 35 36 37<!-- #jquery --> 38
38<script src="/revize/plugins/zbuilder/v1/website/_assets_/plugins/jquery/jquery.min.js"></script>
38 39 40<!-- #jquery lazy --> 41
41<script src="/revize/plugins/zbuilder/v1/website/_assets_/plugins/jquery.lazy-master/jquery.lazy.min.js"></script>
41 42 43<!-- #masonry scripts --> 44
44<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/masonry.pkgd.min.js" crossorigin="anonymous"></script>
44 45
45<script src="https://code.jquery.com/ui/1.14.0/jquery-ui.js"></script>
45 46 47<!-- #lightGallery scripts --> 48
48<script src="/revize/plugins/zbuilder/v1/website/_assets_/plugins/lightGallery-master/dist/lightgallery.min.js"></script>
48 49 50<!-- lightgallery plugins --> 51
51<script src="/revize/plugins/zbuilder/v1/website/_assets_/plugins/lightGallery-master/dist/plugins/thumbnail/lg-thumbnail.umd.js"></script>
51 52
52<script src="/revize/plugins/zbuilder/v1/website/_assets_/plugins/lightGallery-master/dist/plugins/zoom/lg-zoom.umd.js"></script>
52 53
53<script src="/revize/plugins/zbuilder/v1/website/_assets_/plugins/lightGallery-master/dist/plugins/video/lg-video.min.js"></script>
53 54 55<!-- #lightGallery css --> 56 <link href="/revize/plugins/zbuilder/v1/website/_assets_/plugins/lightGallery-master/dist/css/lightgallery-bundle.min.css" rel="stylesheet" /> 57 58<!-- #bootstrap js + popper js --> 59
59<script src="/revize/plugins/zbuilder/v1/website/_assets_/plugins/popperjs/popper.min.js"></script>
59 60
60<script src="/revize/plugins/zbuilder/v1/website/_assets_/plugins/bootstrap/js/bootstrap.min.js"></script>
60 61 62<!-- #bootstrap css and fonts --> 63 <link href="/revize/plugins/zbuilder/v1/website/_assets_/plugins/bootstrap/css/bootstrap.css" rel="stylesheet" /> 64 <link href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.min.css" rel="stylesheet" /> 65 66<!-- #dotjs --> 67
67<script src="/revize/plugins/revize_calendar/doT.min.js"></script>
67 68 69<!-- #tiny sider --> 70 <link href="/revize/plugins/zbuilder/v1/website/_assets_/plugins/tiny-slider/dist/tiny-slider.css" rel="stylesheet" /> 71
71<script src="/revize/plugins/zbuilder/v1/website/_assets_/plugins/tiny-slider/dist/min/tiny-slider.js"></script>
71 72 73<!-- #font awesome css --> 74 <link href="/revize/plugins/zbuilder/v1/website/_assets_/fonts/font-awesome/css/all.min.css" rel="stylesheet" > 75 76<!-- #font Google Material Icons --> 77 <link href="https://fonts.googleapis.com/css2?family=Material+Icons" rel="stylesheet" /> 78 <link href="https://fonts.googleapis.com/css2?family=Material+Icons+Outlined" rel="stylesheet" /> 79 80<!-- #aos css + js--> 81
81<script src="/revize/plugins/zbuilder/v1/website/_assets_/plugins/aos/src/js/aos.min.js"></script>
81 82 <link href="/revize/plugins/zbuilder/v1/website/_assets_/plugins/aos/src/css/aos.min.css" rel="stylesheet" > 83<!-- #aos --> 84 85<!-- #fitty --> 86
86<script src="/revize/plugins/zbuilder/v1/website/_assets_/plugins/fitty-gh-pages/dist/fitty.min.js"></script>
86 87
87<script src="/revize/plugins/zbuilder/v1/website/_assets_/plugins/revizeWeather/js/revizeWeather.min.js"></script>
87 88 89<!-- #layout css --> 90 <link href="/revize/plugins/zbuilder/v1/website/_assets_/css/layout.css?v=1" rel="stylesheet"> 91 <link href="_assets_/css/css_variables_T34_R3.css?t=1786147619000" rel="stylesheet"> 92 93<!-- #favicons --> 94 <link rel="shortcut icon" href="website-Assets/favicon.ico?t=202601221424530"> 95 <link rel="apple-touch-icon" href="website-Assets/apple-touch-icon.png?t=202601221425050"> 96 <meta name="theme-color" content="#423859" /> 97 98 99 100 101<style> 102@media (max-width: 767px) { 103 .rz-news-card-list.row-cols-xs > * {flex: 0 0 auto; width:100.0%} 104} 105@media (min-width: 768px) and (max-width: 991px) { 106 .rz-news-card-list.row-cols-md > * {flex: 0 0 auto; width:50.0%} 107} 108@media (min-width: 992px) { 109 .rz-news-card-list.row-cols-lg > * {flex: 0 0 auto; width:33.333332%} 110} 111</style> 112 113 114 115<link href="/revize/plugins/revize_calendar/core/main.css" rel="stylesheet" /> 116<link href="/revize/plugins/revize_calendar/daygrid/main.min.css" rel="stylesheet" /> 117<link href="/revize/plugins/revize_calendar/timegrid/main.min.css" rel="stylesheet" /> 118<link href="/revize/plugins/revize_calendar/list/main.min.css" rel="stylesheet" /> 119<link href="_assets_/plugins/revizeCalendar/css/mini.css" rel="stylesheet" /> 120<link href="/revize/plugins/revize_calendar/core/nav-panels.css" rel="stylesheet" />
120<script> 121 var defaultCalendarColor = "#3788d8"; 122 var ImportCals = []; 123 var calendarProps = {'1' : { 'color' : '#3787d8' , 'name' : 'Master' }, 124}; 125 var RZCalendarTimezone = ""; 126</script>
126 127 128</head> 129<body id="landing" class="rz-page-index" data-zipcode="60101" data-header-left="false"> 130 131 132 133
134<script type="text/javascript"> 135if (typeof(RZ) == 'undefined') RZ = {}; 136if (!RZ.link) RZ.link = new Object(); 137RZ.pagetype = 'template' 138RZ.baseurlprefix = '' 139RZ.baseurlpath = '' 140RZ.protocolRelativeRevizeBaseUrl='//builder1.revize.com' 141 142RZ.pagetemplatename = 'index' 143RZ.pagetemplateid = '6' 144RZ.pagemodule = '' 145RZ.pagemoduleid = '' 146RZ.pagerecordid = ''; 147 148RZ.pageid = 'index'; 149RZ.pageparentid = ''; 150RZ.pagesectionid = '0'; 151RZ.pagesectionname = 'Home Page'; 152RZ.pagesectionlevel = '0'; 153RZ.pagesectionfolder = ''; 154RZ.pagesectionfilter = 'sectionid=0'; 155RZ.pagelinkfilter = 'linklevel=0 and linksectionid=0'; 156RZ.pagelinklevel = '0'; 157RZ.pagelinkid = '-1'; 158RZ.pageidfield = ''; 159 160RZ.isnewrecord = false; 161RZ.editmodule = ''; 162RZ.editrecordid = ''; 163RZ.editrecordversion = ''; 164RZ.editversion = ''; 165RZ.editaction = ''; 166 167RZ.page_roles = '' 168RZ.page_users = 'ec00111abf540a51f4ecabeb5b526b90a8058bdf50104c632325dcb88a9a4d50' 169RZ.page_key = 'index[]' 170RZ.parent_key = '' 171RZ.inherit_key = 'index[]' 172RZ.workflowname = '' 173RZ.permissions_options = 'warningsOFF' 174RZ.permissions_module = 'webspace_page_permissions' 175RZ.webspace = 'addisonilevents' 176RZ.webspacedesc = ""; 177 178RZ.featurespattern = '(EZ)'; 179null 180 181RZ.webspacelinksurl = '' 182RZ.webspacelinksurl = './webspace/links.html' 183RZ.workflowlist = '' 184RZ.revizeserverurl = 'https://builder1.revize.com/revize/addisonilevents'; 185 186if (!RZ.nextseq) RZ.nextseq = {linknames:{},modules:{}}; 187 188RZ.webspace_config = new Object(); 189RZ.webspace_config.admin_email = "[email protected]"; 190RZ.webspace_config.calendar_options = "max_events=6"; 191RZ.webspace_config.form_captcha = "yes"; 192RZ.webspace_config.form_server = "revizeserver"; 193RZ.webspace_config.form_technology = "jsp"; 194RZ.webspace_config.formwizard_ftp_password = ""; 195RZ.webspace_config.formwizard_ftp_port = ""; 196RZ.webspace_config.formwizard_ftp_server = ""; 197RZ.webspace_config.formwizard_ftp_user = ""; 198RZ.webspace_config.formwizard_setup = "yes"; 199RZ.webspace_config.formwizard_smtp_password = "xxx"; 200RZ.webspace_config.formwizard_smtp_server = "xxx"; 201RZ.webspace_config.formwizard_smtp_user = "xxx"; 202RZ.webspace_config.google_analytics = ""; 203RZ.webspace_config.home_pageid = "0"; 204RZ.webspace_config.home_sectionid = "0"; 205RZ.webspace_config.home_template = "home,index,sitemap"; 206RZ.webspace_config.icon_email = "<img src=\"/revize/images/email_icon_yellow.gif\" width=\"16\" border=\"0\" height=\"17\" title=\"Request email notification when page changes\" alt=\"Request email notification when page changes\" style=\"\" />"; 207RZ.webspace_config.image_maxheight = "3000"; 208RZ.webspace_config.image_maxwidth = "3000"; 209RZ.webspace_config.image_setup = "yes"; 210RZ.webspace_config.livesite_url = ""; 211RZ.webspace_config.menu_links_module = "links"; 212RZ.webspace_config.menu_newsection = ""; 213RZ.webspace_config.menu_nexturl = "webspace_menu-editform.jsp"; 214RZ.webspace_config.menu_sections_module = "sections"; 215RZ.webspace_config.menu_system = "custom"; 216RZ.webspace_config.menu_version = "1.00"; 217RZ.webspace_config.new_menu_manager_enabled = "yes"; 218RZ.webspace_config.notify_options = "hide_text=yes"; 219RZ.webspace_config.notify_return_url = "enotify/index.php"; 220RZ.webspace_config.rte_setup = "yes"; 221RZ.webspace_config.to_email = "[email protected]"; 222RZ.webspace_config.use_folders = "1"; 223 224RZ.isauthenticationactive = true 225RZ.warning = "" 226RZ.adminwinmsg = null 227 228RZ.channels = 'revize'; 229RZ.jsversion = 1.2</script>
vendor: 2 bytes, line 229
229
230<script type="text/javascript" src="/revize/util/snippet_helper.js"></script>
230 231 232 233 234<div class="skippy visually-hidden-focusable left-top mt-3 position-fixed align-items-center" style="z-index:1026"> 235 <div class="container-xl"> 236 <a class="d-inline-flex btn btn-light bg-white px-4 p-3 gap-4 align-items-center" 237 href="#rz-content-wrap"> 238 <span class="d-inline-flex align-items-center gap-2"> 239 <i class="bi bi-window-sidebar fs-4" aria-hidden="true"></i> 240 <span>Skip to main content</span> 241 <span class="ms-5" aria-hidden="true"> 242 <svg width="26" height="27" viewBox="0 0 26 27" xmlns="http://www.w3.org/2000/svg" role="presentation" aria-hidden="true"> 243 <g fill="none" fill-rule="evenodd"> 244 <path d="M4.498 24.3v-.872H1.5v-1.37h2.716v-.872H1.5v-1.27h3v-.872H.542V24.3h3.955zm1.909 0v-3.695L9.183 24.3h.95v-5.256h-.95v3.695l-2.776-3.695H5.45V24.3h.957zm7.21 0v-4.383h1.682v-.873h-4.314v.873h1.683V24.3h.948zm6.421 0v-.872H17.04v-1.37h2.716v-.872H17.04v-1.27h3v-.872h-3.956V24.3h3.955zm1.84 0v-1.767h1.017l1.24 1.767h1.086l-1.316-1.867c.757-.237 1.27-.849 1.27-1.644 0-1.025-.842-1.745-1.966-1.745H20.92V24.3h.957zm1.224-2.647h-1.224v-1.729h1.224c.65 0 1.101.33 1.101.865 0 .535-.451.864-1.101.864z" 245 fill="currentColor" fill-rule="nonzero" /> 246 <path d="M18.9 1v6.3a2.7 2.7 0 0 1-2.7 2.7H5.4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" /> 247 <path d="M8.1 12.7L5.4 10l2.7-2.7" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" /> 248 </g> 249 </svg> 250 </span> 251 </span> 252 </a> 253 </div> 254</div>
255<script>function RZBarAddButton() { return false; }</script>
255 256 257 258 259<div class="site-header-wrap" data-menu-onhover="true" data-mega-at="8" data-nav-icons="false" data-logo="image" data-logo-tagline="false" data-logo-move="false" data-sticky="true" data-menu-buttons-left="false"> 260 <div class="site-header"> 261 262 263 264 265<div class="rz-section-block-wrap position-relative top-header" style="background-color:#313491;--rz-section-padding-lg:12px 0;"> 266 267 268 269 <div class="rz-section-block container" style="max-width:1638px;"> 270 271 272 273 274 275<div class="rz-row-block d-grid opt_row_columns_7" style="grid-template-columns:0.65fr 2.5fr 0.60fr;"> 276<div class="rz-column-block d-lg-flex flex-lg-wrap flex-lg-row justify-content-lg-start align-items-lg-start"> 277 <div class="rz-element-wrapper logo-section d-flex d-lg-block"> 278 279 <div class="responsive-menu align-items-center d-flex d-lg-none gap-1"> 280 <button class="offcanvasHeaderItems-toggler btn btn-link text-dark p-2 lh-1 text-dark" data-bs-toggle="offcanvas" data-bs-target="#offcanvasHeaderItems" aria-controls="offcanvasHeaderItems" aria-label="Toggle navigation"> 281 <i class="bi bi-three-dots" aria-hidden="True"></i> 282 </button> 283 <button id="mobile-share-btn" class="flex-shrink-0 btn btn-link text-dark p-2 lh-1 text-dark" data-bs-toggle="modal" data-bs-target="#shareModal" aria-label="Open share modal"> 284 <i class="bi bi-share-fill" aria-hidden="True"></i> 285 </button> 286 </div><!-- /.responsive-menu --> 287 288 289 <a href="./" class="flex-fill d-flex text-center flex-column text-decoration-none main-logo main-logo-text justify-content-center"> 290 <span class="lh-1">Addison, IL Events</span> 291 <p class="logo-tagline lh-1 m-0">Live work play</p> 292 </a> 293 294 <a href="./" class="d-flex align-items-center text-decoration-none main-logo main-logo-image"> 295 <img loading="lazy" src="website-Assets/main-logo.png?t=202601221426040" alt="Addison, IL Events" class="header-logo-img"> 296 </a> 297 298 <div class="offcanvas-toggles align-items-center d-flex d-lg-none gap-1"> 299 <button class="search-toggle btn btn-link text-dark p-2 lh-1 text-dark" data-bs-toggle="modal" data-bs-target="#searchModal" aria-label="Toggle search"> 300 <i class="fa-solid fa-magnifying-glass" aria-hidden="True"></i> 301 </button> 302 <button class="navbar-toggler btn btn-link text-dark p-2 lh-1 text-dark" data-bs-toggle="offcanvas" data-bs-target="#offcanvasNav" aria-controls="offcanvasNav" aria-label="Toggle navigation"> 303 <i class="fa-solid fa-bars" aria-hidden="True"></i> 304 </button> 305 </div><!-- /.offcanvas-toggles --> 306 307 </div><!-- /.rz-element-wrapper --> 308</div><div class="rz-column-block"> 309 <div class="header-element header-search-wrap align-items-stretch w-100 gap-3"> 310 <div class="vr vr-s d-none"></div> 311 <form class="m-0 align-self-center position-relative header-site-search w-100" 312 method="GET" action="search.php" role="search" 313 aria-label="Site Search" aria-labelledby="Search Site"> 314 <input class="form-control" name="q" type="search" 315 placeholder="Search..." 316 autocomplete="off" 317 > 318 <!-- Icon-only search button --> 319 <button class="search-btn-with-icon btn btn-link position-absolute top-50 end-0 translate-middle-y gap-3 ps-0 pe-3 lh-1 d-flex align-items-center" 320 aria-label="Search" tabindex="0"> 321 <span class="vr d-inline-flex align-self-center" style="height:1rem"></span> 322 <i class="bi bi-search"></i> 323 </button> 324 </form> 325 <div class="vr vr-e d-none"></div> 326 </div><!--/.header-element--> 327</div><div class="rz-column-block d-lg-flex flex-lg-wrap flex-lg-row justify-content-lg-end align-items-lg-center"> 328 329 330 331 332<div class="rz-element-wrapper rz-button-wrapper has-edit-buttons move-to-offcanvas" 333 334 > 335 336 <div class="center-top"> 337 <div class="rz-btns-container"> 338
338<script> 339 RZ.module = 'generic'; 340 RZ.nexturl = "/revize/plugins/zbuilder/v1/website/editforms/buttons-editform.jsp"; 341 RZ.img = '<span class="rzBtn rzBtn-xs">Edit Buttons</span>'; 342 RZ.caption = ''; 343 RZ.set = 'pageid=3f1c20b4-46ad-45d8-8d74-e13f6e4a43b5'; 344 RZ.options = ''; 345 if (typeof RZaction != 'undefined') RZaction('editform'); 346 </script>
346 347 </div> 348 </div> 349 <div class="rz-element rz-button-wrap d-flex flex-wrap" 350 style="gap:12px;"> 351 352<div class="d-flex align-items-stretch" data-aos-duration="600"> 353 <a href="https://www.facebook.com/AddisonEvents" target="_blank" 354 class="rz-btn-element d-flex align-items-center justify-content-center btn btn-primary no-rz-text-reveal-btn " 355 style="background:linear-gradient(90deg, #00000000 0%, #00000000 100%);--bs-btn-border-width:0px;padding:0px 0px 0px 0px;"> 356 357 358 359 360 <i class="fab fa-facebook rz-btn-icon flex-shrink-0" style="font-size:20px;border-radius:0px;color:#fff;" aria-hidden="true"></i> 361 362 363 364 365 366 367 368 369 370 </a> 371</div> 372 373<div class="d-flex align-items-stretch" data-aos-duration="600"> 374 <a href="https://x.com/AddisonVillage" target="_blank" 375 class="rz-btn-element d-flex align-items-center justify-content-center btn btn-primary no-rz-text-reveal-btn " 376 style="background:linear-gradient(90deg, #00000000 0%, #00000000 100%);--bs-btn-border-width:0px;padding:0px 0px 0px 0px;"> 377 378 379 380 381 <i class="bi bi-twitter-x rz-btn-icon flex-shrink-0" style="font-size:20px;border-radius:0px;color:#fff;" aria-hidden="true"></i> 382 383 384 385 386 387 388 389 390 391 </a> 392</div> 393 394<div class="d-flex align-items-stretch" data-aos-duration="600"> 395 <a href="https://www.youtube.com/channel/UCDyH_Ba0GsQk7gkB_GjFr_Q" target="_blank" 396 class="rz-btn-element d-flex align-items-center justify-content-center btn btn-primary no-rz-text-reveal-btn " 397 style="background:linear-gradient(90deg, #00000000 0%, #00000000 100%);--bs-btn-border-width:0px;padding:0px 0px 0px 0px;"> 398 399 400 401 402 <i class="fab fa-youtube rz-btn-icon flex-shrink-0" style="font-size:20px;border-radius:0px;color:#fff;" aria-hidden="true"></i> 403 404 405 406 407 408 409 410 411 412 </a> 413</div> 414 415 </div> 416</div> 417 418 419 420 421 <div class="rz-element-wrapper header-translate-wrap relative d-none d-lg-flex align-items-stretch gap-0"> 422 <div class="vr vr-s"></div> 423 <button class="btn text-start translate-button btn btn-link relative px-3 d-flex align-items-center" type="button" aria-expanded="false" data-bs-toggle="modal" data-bs-target="#translateModal"> 424 <div class="fi fi-us selected-flag"></div> 425 <i class="bi bi-translate me-2"></i> 426 <span class="visually-hidden">Translate</span> 427 <span class="translate-text">Translate</span> 428 </button> 429 <button class="btn text-start translate-reset px-2" translate="no"> 430 <i class="fa-solid fa-power-off" aria-hidden="true"></i> 431 <span class="visually-hidden">Reset Translation</span> 432 </button> 433 <div class="vr vr-e"></div> 434 </div> 435</div> 436 437 438 439</div><!-- /.rz-row-block --> 440 441 442 443 444 </div><!-- /.rz-section-block --> 445</div><!-- /.rz-section-block-wrap --> 446 447 448 449 450 451<div class="rz-section-block-wrap position-relative bottom-header"> 452 453 454 455 <div class="rz-section-block container" style="max-width:1638px;"> 456 457 458 459 460 461<div class="rz-row-block d-grid"> 462<div class="rz-column-block d-lg-flex flex-lg-wrap flex-lg-row justify-content-lg-center align-items-lg-center"><!----> <div class="d-none"> 463 464<div class="mega-button align-self-start position-relative d-flex flex-column gap-3 align-items-start"> 465 466 467 468 <img src="website-Assets/mega-manu-img .png" loading="lazy" class="nav-content-img" alt="" aria-hidden="true" style="border-radius:var(--bs-border-radius)"> 469 470 471 <p class="h4 mega-button-title m-0"></p> 472 <p class="mega-link-text m-0"></p> 473 474 475 476</div> 477 478 479 480<div class="mega-button align-self-start position-relative d-flex flex-column gap-3 align-items-start"> 481 482 483 484 <img src="website-Assets/mega-manu-img .png" loading="lazy" class="nav-content-img" alt="" aria-hidden="true" style="border-radius:var(--bs-border-radius)"> 485 486 487 <p class="h4 mega-button-title m-0"></p> 488 <p class="mega-link-text m-0"></p> 489 490 491 492</div> 493 494 495 496<div class="mega-button align-self-start position-relative d-flex flex-column gap-3 align-items-start"> 497 498
499 500 501 <p class="h4 mega-button-title m-0"></p> 502 <p class="mega-link-text m-0"></p> 503 504 505 506</div> 507 508 509 510<div class="mega-button align-self-start position-relative d-flex flex-column gap-3 align-items-start"> 511 512 513 514 515 <p class="h4 mega-button-title m-0"></p> 516 <p class="mega-link-text m-0"></p> 517 518 519 520</div> 521 522 523 524<div class="mega-button align-self-start position-relative d-flex flex-column gap-3 align-items-start"> 525 526 527 528 <img src="website-Assets/nav-content-img.png" loading="lazy" class="nav-content-img" alt="" aria-hidden="true" style="border-radius:var(--bs-border-radius)"> 529 530 531 <p class="h4 mega-button-title m-0"></p> 532 <p class="mega-link-text m-0"></p> 533 534 535 536</div> 537 538 </div><div class="offcanvas-lg offcanvas-end" tabindex="-1" id="offcanvasNav" aria-labelledby="offcanvasNavLabel"> 539 <div class="offcanvas-header border-bottom"> 540 <h5 class="offcanvas-title" id="offcanvasNavLabel">Main Menu</h5> 541 <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close" data-bs-target="#offcanvasNav"></button> 542 </div> 543 544 <div class="offcanvas-body pt-0"> 545 546 <div class="rz-element-wrapper rz-topnav-block-wrapper has-edit-buttons"> 547 <div class="center-top"> 548 <div class="rz-btns-container"> 549
549<script language="JavaScript" type="text/JavaScript"> 550 RZ.module = 'revize_topnav'; 551 RZ.nexturl = "/revize/plugins/menus/webspace_menu-editlist.jsp?pageid=header_include&" 552 + "linksfilter=linkplacement=leftnav and linkparentid=0&" 553 + "numberoflevels=3&" 554 + "linkoptions=url,template,file&" 555 + "linknewsection=*all*"; 556 RZ.img = '<span class="rzBtn rzBtn-xs">Edit Top Nav</span>'; 557 RZ.caption = ''; 558 RZ.set="links.linkplacement=leftnav"; 559 RZ.options = ''; 560 if (typeof RZaction != 'undefined') RZaction('editlist'); 561 </script>
561 562
562<script language="JavaScript" type="text/JavaScript"> 563 RZ.module = 'generic'; 564 RZ.nexturl = "/revize/plugins/zbuilder/v1/website/editforms/topnav_frill-editform.jsp?opt=4"; 565 RZ.img = '<span class="rzBtn rzBtn-xs">Edit Nav Additions</span>'; 566 RZ.caption = ''; 567 RZ.set = 'pageid=f9db386a-0472-43fa-bb56-fbd9088dcde0'; 568 RZ.options = ''; 569 if (typeof RZaction != 'undefined') RZaction('editform'); 570 </script>
570 571 </div> 572 </div> 573 <div class="rz-element rz-topnav-wrap"> 574 <div class="rz-topnav-element"> 575 576 577 578 579 580<ul id="nav" class="v2_05-23-2012"> 581 <li class="menuLI level0 menuDisplay li-140"><a class="menuA level0 menuDisplay" href="index.php" target="_self">Home</a></li> 582 <li class="menuLI level0 menuDisplay li-83 children"><a class="menuA level0 menuDisplay" href="events/index.php" target="_self">Events</a> 583 <ul class="menuUL level1 menuHidden ul-139"> 584 <li class="menuLI level1 menuHidden li-139"><a class="menuA level1 menuHidden" href="images/Bands/Rock N Wheels 2026 Season Schedule.JPG" target="_new">Season Schedule</a></li> 585 </ul> 586 </li> 587 <li class="menuLI level0 menuDisplay li-132 children"><a class="menuA level0 menuDisplay" href="participate/index.php" target="_self">Participate</a> 588 <ul class="menuUL level1 menuHidden ul-81"> 589 <li class="menuLI level1 menuHidden li-81"><a class="menuA level1 menuHidden" href="participate/sponsors.php" target="_self">Sponsors</a></li> 590 <li class="menuLI level1 menuHidden li-99"><a class="menuA level1 menuHidden" href="participate/bookings.php" target="_self">Bookings</a></li> 591 <li class="menuLI level1 menuHidden li-134"><a class="menuA level1 menuHidden" href="participate/craft_fair.php" target="_self">Craft Fair</a></li> 592 </ul> 593 </li> 594 <li class="menuLI level0 menuDisplay li-100 children"><a class="menuA level0 menuDisplay" href="faq/index.php" target="_self">FAQ</a> 595 <ul class="menuUL level1 menuHidden ul-79"> 596 <li class="menuLI level1 menuHidden li-79"><a class="menuA level1 menuHidden" href="faq/about_us.php" target="_self">About Us</a></li> 597 <li class="menuLI level1 menuHidden li-101"><a class="menuA level1 menuHidden" href="faq/contact.php" target="_self">Contact</a></li> 598 </ul> 599 </li> 600</ul> 601 602 </div><!-- /.rz-topnav-element --> 603 </div><!-- /.rz-element --> 604 605 </div><!-- /.rz-element-wrapper --> 606 607 </div><!-- /.offcanvas-body --> 608</div><!-- /.offcanvas-lg --> 609</div> 610 611 612 613</div><!-- /.rz-row-block --> 614 615 616 617 618 </div><!-- /.rz-section-block --> 619</div><!-- /.rz-section-block-wrap --> 620 621 622 </div><!-- /.site-header --> 623</div><!-- /.site-header-wrap --> 624<div class="rz-site-wrap"> 625 <main id="rz-content-wrap"> 626 627 628 629 630 631<div class="rz-section-block-wrap position-relative hero-section"> 632 633 634 635 <div class="rz-section-block container px-0" style="max-width:100%;"> 636 637 638 639 640 641<div class="rz-row-block d-grid"> 642<div class="rz-column-block"> 643 644 645 646<div class="hero-wrap position-relative has-edit-buttons" 647 648 style="height:auto;min-height:800px;--hero-bg-color:#000000;"> 649 650 <div data-controls-position="center" class="hero tiny-slider-wrap" style="--hero-bg-color:#000000;"> 651 652 <div class="left-center hero-builder-edit-btn-wrap"> 653 <div class="rz-btns-container hero-builder-edit-btn-container"> 654
654<script language="JavaScript" type="text/JavaScript"> 655 RZ.module = 'page_builder'; 656 RZ.nexturl = '/revize/plugins/zbuilder/v1/website/editforms/site_builder-editform.jsp?type=hero'; 657 RZ.img = '<span class="rzBtn rzBtn hero-builder-edit-btn" data-bs-toggle="tooltip" data-placement="right" aria-label="Edit hero with builder" data-bs-original-title="Edit hero with builder"><i class="bi bi-columns-gap fs-4"></i></span>'; 658 RZ.set = 'pageid=3fb08019-e06a-4efa-b11c-184712bf872c'; 659 RZ.options = ''; 660 if (typeof RZaction != 'undefined') RZaction('editform'); 661 </script>
661 662 </div> 663 </div> 664 <div class="right-center hero-builder-edit-btn-wrap"> 665 <div class="rz-btns-container"> 666
666<script language="JavaScript" type="text/JavaScript"> 667 RZ.module = 'generic'; 668 RZ.nexturl = '/revize/plugins/zbuilder/v1/website/editforms/hero-editform.jsp'; 669 RZ.img = '<span class="rzBtn rzBtn hero-builder-edit-btn" data-bs-toggle="tooltip" data-placement="left" aria-label="Edit images/video and settings" data-bs-original-title="Edit images/video and settings"><i class="bi bi-collection-play fs-4"></i></span>'; 670 RZ.set = 'pageid=3fb08019-e06a-4efa-b11c-184712bf872c'; 671 RZ.options = ''; 672 if (typeof RZaction != 'undefined') RZaction('editform'); 673 </script>
673 674 </div> 675 </div> 676 677 678 679 680 <div class="rz-slider-bg-overlay" ></div> 681 682 683 684 685 686 <div class="tiny-slider overflow-hidden h-100" 687 data-tiny-items="1" 688 data-tiny-mode="gallery" 689 data-tiny-speed="600" 690 data-tiny-items-md="1" 691 data-tiny-items-sm="1" 692 data-tiny-gap="0" 693 data-tiny-controls="true" 694 data-tiny-nav="true" 695 data-tiny-autoplay-buttons="true" 696 data-tiny-autoplay="true" 697 style="--hero-bg-color:#000000;"> 698 699 <div class='tiny-item' style="height:100%;"> 700 <div class="tns-lazy-img tns-bg-slide" 701 data-style="background:url('images/Oktoberfest website slider pic.jpg?t=202609031031390') center center / cover no-repeat;"></div> 702 </div> 703 704 <div class='tiny-item' style="height:100%;"> 705 <div class="tns-lazy-img tns-bg-slide" 706 data-style="background:url('images/oktoberfest couple slider pic.jpg?t=202609031033360') center center / cover no-repeat;"></div> 707 </div> 708 709 <div class='tiny-item' style="height:100%;"> 710 <div class="tns-lazy-img tns-bg-slide" 711 data-style="background:url('images/Oktoberfest/Picture of october fest tent.jpg?t=202609111224430') center center / cover no-repeat;"></div> 712 </div> 713 714 <div class='tiny-item' style="height:100%;"> 715 <div class="tns-lazy-img tns-bg-slide" 716 data-style="background:url('images/Home Slider Pictures/Santa Parade top of fire.jpg?t=202609031037150') center center / cover no-repeat;"></div> 717 </div> 718 719 <div class='tiny-item' style="height:100%;"> 720 <div class="tns-lazy-img tns-bg-slide" 721 data-style="background:url('images/Home Slider Pictures/Christmas elves slider pic.jpg?t=202609031042030') center center / cover no-repeat;"></div> 722 </div> 723 724 <div class='tiny-item' style="height:100%;"> 725 <div class="tns-lazy-img tns-bg-slide" 726 data-style="background:url('images/about-us/Slider picture crowd and gazebo.jpg?t=202604021112200') center center / cover no-repeat;"></div> 727 </div> 728 729 </div><!--/.tiny-slider--> 730 731 732 733 </div><!-- /.hero --> 734 <div class="hero-caption-wrap d-flex flex-wrap h-100 justify-content-center text-start align-items-start mx-auto" 735 > 736 <div class="d-flex flex-wrap flex-column justify-content-center align-items-start">
737 <span class="rz-builder-info rz-builder-empty-data">No pagebuilder data.</span> 738 739 740 </div> 741 </div><!-- /.hero-caption-wrap --> 742 <div id="bottom-hero"></div> 743</div><!-- /.hero-wrap --> 744 745 746 747</div> 748 749 750 751</div><!-- /.rz-row-block --> 752 753 754 755 756 </div><!-- /.rz-section-block --> 757</div><!-- /.rz-section-block-wrap --> 758 759 760 761 762 763<div class="rz-section-block-wrap position-relative qlink-section" style="--rz-section-padding-sm:48px 0;--rz-section-padding-md:48px 0;--rz-section-padding-lg:12px 0 32px;--rz-section-margin-sm:-129px 0 0;--rz-section-margin-md:-129px 0 0;--rz-section-margin-lg:-97px 0 0;z-index:2;"> 764 765 766 767 <div class="rz-section-block container"> 768 769 770 771 772 773<div class="rz-row-block d-grid"> 774<div class="rz-column-block"> 775 776 777 778 779 780 781 782<div 783 class="rz-element-wrapper rz-qlink-wrapper has-edit-buttons homepage-quick-links" 784 785 > 786 787 <div class="center-top"> 788 <div class="rz-btns-container"> 789
789<script> 790 RZ.module = 'generic'; 791 RZ.nexturl = "/revize/plugins/zbuilder/v1/website/editforms/quick_links-editform.jsp"; 792 RZ.img = '<span class="rzBtn rzBtn-sm">Edit Quick Links</span>'; 793 RZ.set = 'pageid=38c57bb0-c454-4224-8dab-a20437c40969'; 794 if (typeof RZaction !== 'undefined') RZaction('editform'); 795 </script>
795 796 </div> 797 </div> 798 799 800 <div class="tiny-carousel-wrap" data-controls-position="center-outside"> 801 <div class="tiny-carousel d-flex" 802 data-tiny-items="3" 803 data-tiny-mode="carousel" 804 data-tiny-items-md="3" 805 data-tiny-items-sm="1" 806 data-tiny-gap="16" 807 data-tiny-controls="true" 808 data-tiny-nav="true" 809 data-tiny-autoplay="true" 810 data-tiny-autoplay-buttons="true"> 811 812 813 814 <div class="rz-element rz-qlink-wrap"> 815 <div style="" class="rz-qlink position-relative " 816 data-qlink-layout="stacked" 817 data-qlink-image="true" 818 data-qlink-icon="false" 819 data-qlink-link-type="button"> 820 <div class="rz-qlink-img-wrap" > 821 <div class="rz-qlink-img" data-src="images/home/Blue and White Modern Simple Illustrative Follow Us Social Media Updates Twitter Post (400 x 225 px) (300 x 180 px).png?t=202609181258580" ></div> 822 <div class="rz-qlink-img-overlay"></div> 823 </div> 824 <div class="rz-qlink-body-wrap" style=""> 825 826 827 828 829 830 831 832 833 834 835 <div class="rz-qlink-body d-flex flex-column gap-3"> 836 837 838 839 840 841 <a href="https://www.facebook.com/AddisonEvents/" 842 target="_self" 843 class="stretched-link position-absolute top-0 start-0 w-100 h-100" 844 style="text-indent:-9999px;"> 845 <span class="visually-hidden">Open link</span> 846 </a> 847 </div> 848 </div> 849 </div> 850 </div> 851 852 <div class="rz-element rz-qlink-wrap"> 853 <div style="" class="rz-qlink position-relative " 854 data-qlink-layout="stacked" 855 data-qlink-image="true" 856 data-qlink-icon="false" 857 data-qlink-link-type="button"> 858 <div class="rz-qlink-img-wrap" > 859 <div class="rz-qlink-img" data-src="images/home/2027 Rock ‘N Wheels Sponsors (300 x 180 px).png?t=202609181257460" ></div> 860 <div class="rz-qlink-img-overlay"></div> 861 </div> 862 <div class="rz-qlink-body-wrap" style=""> 863 864 865 866 867 868 869 870 871 872 873 <div class="rz-qlink-body d-flex flex-column gap-3"> 874 875 876 877 878 879 <a href="participate/sponsors.php" 880 target="_self" 881 class="stretched-link position-absolute top-0 start-0 w-100 h-100" 882 style="text-indent:-9999px;"> 883 <span class="visually-hidden">Open link</span> 884 </a> 885 </div> 886 </div> 887 </div> 888 </div> 889 890 891 </div><!-- /.tiny-carousel --> 892 </div><!-- /.tiny-carousel-wrap --> 893 </div><!-- /.rz-qlink-wrapper --> 894 895 896 897</div> 898 899 900 901</div><!-- /.rz-row-block --> 902 903 904 905 906 </div><!-- /.rz-section-block --> 907</div><!-- /.rz-section-block-wrap --> 908 909 910 911 912 913<div class="rz-section-block-wrap position-relative events-section" style="border-radius:24px;--rz-section-padding-sm:48px 0;--rz-section-padding-md:48px 0;--rz-section-padding-lg:48px 0 72px;"> 914 915 916 917 <div class="rz-section-block container" style="max-width:1020px;"> 918 919 920 921 922 923<div class="rz-row-block d-grid"> 924<div class="rz-column-block"> 925 926 927 928<div class="rz-element-wrapper rz-section-header-wrapper has-edit-buttons" style="margin:0px 0px 32px 0px;"> 929 <div class="center-top"> 930 <div class="rz-btns-container"> 931
931<script language="JavaScript" type="text/JavaScript"> 932 RZ.module = 'generic'; 933 RZ.nexturl = "/revize/plugins/zbuilder/v1/website/editforms/section_header-editform.jsp"; 934 RZ.img = '<span class="rzBtn rzBtn-sm">Edit Section Header</span>'; 935 RZ.caption = ''; 936 RZ.set = 'pageid=67b62277-c236-489b-b125-8f6b33750ae9'; 937 RZ.options = ''; 938 if (typeof RZaction != 'undefined') RZaction('editform'); 939 </script>
939 940 </div> 941 </div> 942 <div class="rz-element rz-section-header-wrap align-items-start text-start d-flex align-items-center gap-2"> 943 944 <div class="rz-section-header d-flex align-items-start text-start align-items-center gap-2"> 945 946 947 <div class="d-flex flex-column align-items-start text-start"> 948 949 950 <h2 class="rz-section-header-title mb-0" style="color:#423859;font-size:min(64px, 7.2vw);">Upcoming <br/> Events</h2> 951 952 953 </div> 954 955 956 </div><!-- /.rz-section-header --> 957 958 </div><!-- /.rz-section-header-wrap --> 959</div><!-- /.rz-element-wrapper --> 960 961 962 963</div> 964 965 966 967</div><!-- /.rz-row-block --> 968 969 970 971 972<div class="rz-row-block d-grid"> 973<div class="rz-column-block"> 974 975 976 977<div class="rz-element-wrapper rz-calendar-mini-wrapper has-edit-buttons"> 978 <div class="center-top"> 979 <div class="rz-btns-container"> 980
980<script> 981 RZ.module = 'generic'; 982 RZ.nexturl = "/revize/plugins/zbuilder/v1/website/editforms/calendar_mini-editform.jsp"; 983 RZ.img = '<span class="rzBtn rzBtn-sm">Edit Calendar</span>'; 984 RZ.set = 'pageid=e47fd0df-16cc-42fd-9a8a-289c18a164d3'; 985 RZ.options = ''; 986 if (typeof RZaction !== 'undefined') RZaction('editform'); 987 </script>
987 988 </div> 989 </div>
990<script> 991 992</script>
992 993 994 <div> 995 996 <div id="mini-events-e47fd0df-16cc-42fd-9a8a-289c18a164d3" class="rz-mini-events" data-template-file="grid.html" data-template-options='{"calendar":"1","rowColsMd":"1","list-length":"20","gap":"16","rowColsLg":"1","rowColsXs":"1"}'></div> 997 998 </div> 999 1000</div> 1001 1002 1003 1004</div> 1005 1006 1007 1008</div><!-- /.rz-row-block --> 1009 1010 1011 1012 1013 </div><!-- /.rz-section-block --> 1014</div><!-- /.rz-section-block-wrap --> 1015 1016 1017 1018 1019 1020<div class="rz-section-block-wrap position-relative connected-section" style="background-image:url('website-Assets/connect-bg-img.png?t=202601260954310');background-size:cover;background-position:center center;--rz-section-padding-sm:48px 0;--rz-section-padding-md:48px 0;--rz-section-padding-lg:48px 0 120px;--rz-section-margin-lg:16px 0 0;"> 1021 1022 <div class="rz-section-bg-overlay position-absolute top-0 start-0 w-100 h-100" style="pointer-events:none;background:linear-gradient(180deg,rgba(66, 56, 89, 0.85) 0%,#423859 100%);"></div> 1023 1024 1025 1026 <div class="rz-section-block container" style="max-width:1220px;"> 1027 1028 1029 1030 1031 1032<div class="rz-row-block d-grid"> 1033<div class="rz-column-block d-flex flex-wrap flex-column justify-content-start align-items-center d-md-flex flex-md-wrap flex-md-column justify-content-md-start align-items-md-center d-lg-flex flex-lg-wrap flex-lg-row justify-content-lg-between align-items-lg-end" style="margin:0px 0px 40px 0px;padding:0px 144px 0px 144px;"> 1034 1035 1036 1037<div class="rz-element-wrapper rz-section-header-wrapper has-edit-buttons"> 1038 <div class="center-top"> 1039 <div class="rz-btns-container"> 1040
1040<script language="JavaScript" type="text/JavaScript"> 1041 RZ.module = 'generic'; 1042 RZ.nexturl = "/revize/plugins/zbuilder/v1/website/editforms/section_header-editform.jsp"; 1043 RZ.img = '<span class="rzBtn rzBtn-sm">Edit Section Header</span>'; 1044 RZ.caption = ''; 1045 RZ.set = 'pageid=77cb7466-509c-42b9-9c5a-3c03a9cde2e4'; 1046 RZ.options = ''; 1047 if (typeof RZaction != 'undefined') RZaction('editform'); 1048 </script>
1048 1049 </div> 1050 </div> 1051 <div class="rz-element rz-section-header-wrap align-items-start text-start d-flex align-items-center gap-2"> 1052 1053 <div class="rz-section-header d-flex align-items-start text-start align-items-center gap-2"> 1054 1055 1056 <div class="d-flex flex-column align-items-start text-start"> 1057 1058 1059 <h2 class="rz-section-header-title mb-0" style="color:#FFF;font-size:min(64px, 7.2vw);">Get <br/> Connected</h2> 1060 1061 1062 </div> 1063 1064 1065 </div><!-- /.rz-section-header --> 1066 1067 </div><!-- /.rz-section-header-wrap --> 1068</div><!-- /.rz-element-wrapper --> 1069 1070 1071 1072 1073 1074 1075 1076 1077<div class="rz-element-wrapper rz-button-wrapper has-edit-buttons move-to-offcanvas connected-social-btn" 1078 1079 > 1080 1081 <div class="center-top"> 1082 <div class="rz-btns-container"> 1083
1083<script> 1084 RZ.module = 'generic'; 1085 RZ.nexturl = "/revize/plugins/zbuilder/v1/website/editforms/buttons-editform.jsp"; 1086 RZ.img = '<span class="rzBtn rzBtn-xs">Edit Buttons</span>'; 1087 RZ.caption = ''; 1088 RZ.set = 'pageid=b80874fb-ccf7-4a85-a84b-0f428997a6f2'; 1089 RZ.options = ''; 1090 if (typeof RZaction != 'undefined') RZaction('editform'); 1091 </script>
1091 1092 </div> 1093 </div> 1094 <div class="rz-element rz-button-wrap d-flex flex-wrap" 1095 style="gap:24px;"> 1096 1097<div class="d-flex align-items-stretch" data-aos-duration="600"> 1098 <a href="https://www.facebook.com/AddisonEvents" target="_blank" 1099 class="rz-btn-element d-flex align-items-center justify-content-center btn btn-primary no-rz-text-reveal-btn " 1100 style="--bs-btn-border-width:0px;padding:0px 0px 0px 0px;"> 1101 1102 1103 1104 1105 <i class="fab fa-facebook rz-btn-icon flex-shrink-0" style="font-size:24px;width:40px;height:40px;line-height:40px;color:#fff;" aria-hidden="true"></i> 1106 1107 1108 1109 1110 1111 1112 1113 1114 1115 </a> 1116</div> 1117 1118<div class="d-flex align-items-stretch" data-aos-duration="600"> 1119 <a href="https://twitter.com/AddisonVillage" target="_blank" 1120 class="rz-btn-element d-flex align-items-center justify-content-center btn btn-primary no-rz-text-reveal-btn " 1121 style="--bs-btn-border-width:0px;padding:0px 0px 0px 0px;"> 1122 1123 1124 1125 1126 <i class="bi bi-twitter-x rz-btn-icon flex-shrink-0" style="font-size:24px;width:40px;height:40px;line-height:40px;color:#fff;" aria-hidden="true"></i> 1127 1128 1129 1130 1131 1132 1133 1134 1135 1136 </a> 1137</div> 1138 1139<div class="d-flex align-items-stretch" data-aos-duration="600"> 1140 <a href="https://www.youtube.com/channel/UCDyH_Ba0GsQk7gkB_GjFr_Q" target="_blank" 1141 class="rz-btn-element d-flex align-items-center justify-content-center btn btn-primary no-rz-text-reveal-btn " 1142 style="--bs-btn-border-width:0px;padding:0px 0px 0px 0px;"> 1143 1144 1145 1146 1147 <i class="fab fa-youtube rz-btn-icon flex-shrink-0" style="font-size:24px;width:40px;height:40px;line-height:40px;color:#fff;" aria-hidden="true"></i> 1148 1149 1150 1151 1152 1153 1154 1155 1156 1157 </a> 1158</div> 1159 1160 </div> 1161</div> 1162 1163 1164 1165</div> 1166 1167 1168 1169</div><!-- /.rz-row-block --> 1170 1171 1172 1173 1174<div class="rz-row-block d-grid"> 1175<div class="rz-column-block d-lg-flex flex-lg-wrap flex-lg-row justify-content-lg-center align-items-lg-center"> 1176<div class="rz-element-wrapper rz-raw-wrapper has-edit-buttons" 1177> 1178 <div class="center-top"> 1179 <div class="rz-btns-container"> 1180
1180<script language="JavaScript" type="text/JavaScript"> 1181 RZ.module = 'generic'; 1182 RZ.nexturl = "/revize/plugins/zbuilder/v1/website/editforms/raw_html-editform.jsp"; 1183 RZ.img = '<span class="rzBtn rzBtn-xs">Edit HTML</span>'; 1184 RZ.caption = ''; 1185 RZ.set = 'pageid=dfa8413e-a1e4-42ef-ae6f-aa1c2e40bab6'; 1186 RZ.options = ''; 1187 if (typeof RZaction != 'undefined') RZaction('editform'); 1188 </script>
1188 1189 </div> 1190 </div> 1191 1192 <div class="rz-element rz-raw-wrap"><div id="curator-feed-voa-events-layout"><a href="https://curator.io" target="_blank" class="crt-logo crt-tag">Powered by Curator.io</a></div> 1193 1194<!-- The Javascript can be moved to the end of the html page before the </body> tag -->
1195<script type="text/javascript"> 1196/* curator-feed-voa-events-layout */ 1197(function(){ 1198var i,e,d=document,s="script";i=d.createElement("script");i.async=1;i.charset="UTF-8"; 1199i.src="https://cdn.curator.io/published/79138702-1c37-49ae-9499-60f603055ee0.js"; 1200e=d.getElementsByTagName(s)[0];e.parentNode.insertBefore(i, e); 1201})(); 1202</script>
1202</div> 1203</div> 1204 1205 1206</div> 1207 1208 1209 1210</div><!-- /.rz-row-block --> 1211 1212 1213 1214 1215 </div><!-- /.rz-section-block --> 1216</div><!-- /.rz-section-block-wrap --> 1217 1218 1219 1220 1221 1222<div class="rz-section-block-wrap position-relative video-section" style="background-image:url('website-Assets/video-bg-img.png?t=202601260956400');background-size:cover;background-position:center center;--rz-section-padding-sm:48px 0;--rz-section-padding-md:48px 0;--rz-section-padding-lg:48px 0 120px;"> 1223 1224 <div class="rz-section-bg-overlay position-absolute top-0 start-0 w-100 h-100" style="pointer-events:none;background:linear-gradient(180deg,#423859 0%,rgba(66, 56, 89, 0.85) 100%);"></div> 1225 1226 1227 1228 <div class="rz-section-block container" style="max-width:1220px;"> 1229 1230 1231 1232 1233 1234<div class="rz-row-block d-grid"> 1235<div class="rz-column-block d-flex flex-wrap flex-column justify-content-start align-items-center d-md-flex flex-md-wrap flex-md-column justify-content-md-start align-items-md-center d-lg-flex flex-lg-wrap flex-lg-row justify-content-lg-between align-items-lg-end" style="margin:0px 0px 40px 0px;padding:0px 144px 0px 144px;"> 1236 1237 1238 1239<div class="rz-element-wrapper rz-section-header-wrapper has-edit-buttons"> 1240 <div class="center-top"> 1241 <div class="rz-btns-container"> 1242
1242<script language="JavaScript" type="text/JavaScript"> 1243 RZ.module = 'generic'; 1244 RZ.nexturl = "/revize/plugins/zbuilder/v1/website/editforms/section_header-editform.jsp"; 1245 RZ.img = '<span class="rzBtn rzBtn-sm">Edit Section Header</span>'; 1246 RZ.caption = ''; 1247 RZ.set = 'pageid=08f7e45f-2a82-463c-924c-bf91631b5cbc'; 1248 RZ.options = ''; 1249 if (typeof RZaction != 'undefined') RZaction('editform'); 1250 </script>
1250 1251 </div> 1252 </div> 1253 <div class="rz-element rz-section-header-wrap align-items-start text-start d-flex align-items-center gap-2"> 1254 1255 <div class="rz-section-header d-flex align-items-start text-start align-items-center gap-2"> 1256 1257 1258 <div class="d-flex flex-column align-items-start text-start"> 1259 1260 1261 <h2 class="rz-section-header-title mb-0" style="color:#FFFFFF;font-size:min(64px, 7.2vw);">what’s <br/> Coming</h2> 1262 1263 1264 </div> 1265 1266 1267 </div><!-- /.rz-section-header --> 1268 1269 </div><!-- /.rz-section-header-wrap --> 1270</div><!-- /.rz-element-wrapper --> 1271 1272 1273 1274 1275 1276 1277 1278 1279<div class="rz-element-wrapper rz-button-wrapper has-edit-buttons move-to-offcanvas" 1280 1281 > 1282 1283 <div class="center-top"> 1284 <div class="rz-btns-container"> 1285
1285<script> 1286 RZ.module = 'generic'; 1287 RZ.nexturl = "/revize/plugins/zbuilder/v1/website/editforms/buttons-editform.jsp"; 1288 RZ.img = '<span class="rzBtn rzBtn-xs">Edit Buttons</span>'; 1289 RZ.caption = ''; 1290 RZ.set = 'pageid=897a98f6-9579-418e-8aa9-a5bf84ad36aa'; 1291 RZ.options = ''; 1292 if (typeof RZaction != 'undefined') RZaction('editform'); 1293 </script>
1293 1294 </div> 1295 </div> 1296 <div class="rz-element rz-button-wrap d-flex flex-wrap" 1297 style="gap:16px;"> 1298 1299<div class="d-flex align-items-stretch" data-aos-duration="600"> 1300 <a href="videos/index.php" target="_self" 1301 class="rz-btn-element d-flex align-items-center justify-content-center btn btn-primary no-rz-text-reveal-btn " 1302 style=""> 1303 1304 1305 1306 1307 1308 1309 1310 1311 <span class="overflow-hidden d-inline-block" 1312 > 1313 <span data-text="View All Videos" class="rz-btn-text" 1314 > 1315 View All Videos 1316 </span> 1317 </span> 1318 1319 1320 1321 1322 1323 </a> 1324</div> 1325 1326 </div> 1327</div> 1328 1329 1330 1331</div> 1332 1333 1334 1335</div><!-- /.rz-row-block --> 1336 1337 1338 1339 1340<div class="rz-row-block d-grid"> 1341<div class="rz-column-block"> 1342 1343 1344 1345 1346<div class="rz-element-wrapper rz-gallery-wrapper has-edit-buttons move-to-offcanvas video-section-img" 1347 > 1348 1349 <div class="center-top"> 1350 <div class="rz-btns-container"> 1351
1351<script> 1352 RZ.module = 'generic'; 1353 RZ.nexturl = "/revize/plugins/zbuilder/v1/website/editforms/photo_gallery-editform.jsp"; 1354 RZ.img = '<span class="rzBtn rzBtn-sm">Edit Gallery</span>'; 1355 RZ.caption = ''; 1356 RZ.set = 'pageid=06eb2292-aa9c-4916-bd79-d3ac0b3f75c1'; 1357 RZ.options = ''; 1358 if (typeof RZaction !== 'undefined') RZaction('editform'); 1359 </script>
1359 1360 </div> 1361 </div> 1362 1363 <div class="lightgallery rz-gallery-layout-grid row mt-0 row-cols-1 row-cols-lg-3" style="--bs-gutter-y:16px;--bs-gutter-x:16px;"> 1364 1365 1366 <div class="rz-gallery-image rz-element cursor-pointer" data-src="https://youtu.be/vVztt_KBJrM?si=tP1qP0u_P8aCk1YF" data-poster="images/home/Rock N Wheels Crowd at War Pigs.jpg?t=202609021650370" data-sub-html="" data-aos-duration="600"> 1367 <div class="position-relative w-100 h-100"> 1368 <img src="images/home/Rock N Wheels Crowd at War Pigs.jpg?t=202609021650370" class="w-100 " 1369 alt="" 1370 style="border-radius:24px;"> 1371 1372 1373 1374 <div class="d-flex align-items-center gap-3 justify-content-center"> 1375 1376 1377 <div class="custom-cursor custom-cursor-video d-flex align-items-center justify-content-center fixed-expander" style="border-radius:18px;background-color:#FF0302;"> 1378 <i class="bi bi-play-fill lh-1"></i> 1379 </div> 1380 1381 1382 1383 1384 </div> 1385 1386 </div> 1387 </div> 1388 1389 1390 </div> 1391</div><!-- /.rz-element-wrapper --> 1392 1393 1394 1395 1396 1397 1398</div> 1399 1400 1401 1402</div><!-- /.rz-row-block --> 1403 1404 1405 1406 1407 </div><!-- /.rz-section-block --> 1408</div><!-- /.rz-section-block-wrap --> 1409 1410 1411 1412 </main> 1413 1414 1415 1416 1417<footer class="site-footer-wrap"> 1418 <div class="site-footer"> 1419 1420 1421 1422 1423<div class="rz-section-block-wrap position-relative" style="background-color:#423859;--rz-section-padding-sm:48px 0;--rz-section-padding-md:48px 0;--rz-section-padding-lg:48px 0;"> 1424 1425 1426 1427 <div class="rz-section-block container" style="max-width:1460px;"> 1428 1429 1430 1431 1432 1433<div class="rz-row-block d-grid opt_row_columns_5" style="--gap-lg:72px;"> 1434<div class="rz-column-block d-flex flex-wrap flex-column justify-content-center align-items-center d-md-flex flex-md-wrap flex-md-column justify-content-md-center align-items-md-center d-lg-flex flex-lg-wrap flex-lg-column justify-content-lg-start align-items-lg-start" style="padding:0px 0px 0px 48px;"> 1435 <div class="rz-element-wrapper rz-rte-block-wrapper footer-logo-section d-flex"> 1436 1437 <a href="./" class="d-flex align-items-center text-decoration-none footer-logo"> 1438 <img loading="lazy" src="website-Assets/main-logo.png?t=202601221426040" alt="Addison, IL Events" class="footer-logo"> 1439 </a> 1440 1441 </div><!-- /.rz-element-wrapper --> 1442 1443 1444 1445 1446 1447 1448 1449<div class="rz-element-wrapper rz-button-wrapper has-edit-buttons move-to-offcanvas" 1450 1451 style="margin:32px 0px 0px 0px;"> 1452 1453 <div class="center-top"> 1454 <div class="rz-btns-container"> 1455
1455<script> 1456 RZ.module = 'generic'; 1457 RZ.nexturl = "/revize/plugins/zbuilder/v1/website/editforms/buttons-editform.jsp"; 1458 RZ.img = '<span class="rzBtn rzBtn-xs">Edit Buttons</span>'; 1459 RZ.caption = ''; 1460 RZ.set = 'pageid=11b40f1f-c380-4a17-83b1-22f4c7f228af'; 1461 RZ.options = ''; 1462 if (typeof RZaction != 'undefined') RZaction('editform'); 1463 </script>
1463 1464 </div> 1465 </div> 1466 <div class="rz-element rz-button-wrap d-flex flex-wrap" 1467 style="gap:16px;"> 1468 1469<div class="d-flex align-items-stretch" data-aos-duration="600"> 1470 <a href="https://www.facebook.com/AddisonEvents" target="_blank" 1471 class="rz-btn-element d-flex align-items-center justify-content-center btn btn-primary no-rz-text-reveal-btn " 1472 style="background:linear-gradient(90deg, #423859 0%, #423859 100%);--bs-btn-border-width:0px;padding:0px 0px 0px 0px;"> 1473 1474 1475 1476 1477 <i class="fab fa-facebook rz-btn-icon flex-shrink-0" style="font-size:24px;width:40px;height:40px;line-height:40px;color:#fff;" aria-hidden="true"></i> 1478 1479 1480 1481 1482 1483 1484 1485 1486 1487 </a> 1488</div> 1489 1490<div class="d-flex align-items-stretch" data-aos-duration="600"> 1491 <a href="https://x.com/AddisonVillage" target="_blank" 1492 class="rz-btn-element d-flex align-items-center justify-content-center btn btn-primary no-rz-text-reveal-btn " 1493 style="background:linear-gradient(90deg, #423859 0%, #423859 100%);--bs-btn-border-width:0px;padding:0px 0px 0px 0px;"> 1494 1495 1496 1497 1498 <i class="bi bi-twitter-x rz-btn-icon flex-shrink-0" style="font-size:24px;width:40px;height:40px;line-height:40px;color:#fff;" aria-hidden="true"></i> 1499 1500 1501 1502 1503 1504 1505 1506 1507 1508 </a> 1509</div> 1510 1511<div class="d-flex align-items-stretch" data-aos-duration="600"> 1512 <a href="https://www.youtube.com/channel/UCDyH_Ba0GsQk7gkB_GjFr_Q" target="_blank" 1513 class="rz-btn-element d-flex align-items-center justify-content-center btn btn-primary no-rz-text-reveal-btn " 1514 style="background:linear-gradient(90deg, #423859 0%, #423859 100%);--bs-btn-border-width:0px;padding:0px 0px 0px 0px;"> 1515 1516 1517 1518 1519 <i class="fab fa-youtube rz-btn-icon flex-shrink-0" style="font-size:24px;width:40px;height:40px;line-height:40px;color:#fff;" aria-hidden="true"></i> 1520 1521 1522 1523 1524 1525 1526 1527 1528 1529 </a> 1530</div> 1531 1532 </div> 1533</div> 1534 1535 1536 1537</div><div class="rz-column-block d-flex flex-wrap flex-column justify-content-start align-items-start d-md-flex flex-md-wrap flex-md-column justify-content-md-start align-items-md-start d-lg-flex flex-lg-wrap flex-lg-column justify-content-lg-start align-items-lg-start"> 1538 1539 1540 1541 1542<div class="rz-element-wrapper rz-link-list-wrapper has-edit-buttons" 1543 > 1544 <div class="center-top"> 1545 <div class="rz-btns-container"> 1546
1546<script language="JavaScript" type="text/JavaScript"> 1547 RZ.module = 'generic'; 1548 RZ.nexturl = "/revize/plugins/zbuilder/v1/website/editforms/link_list-editform.jsp"; 1549 RZ.img = '<span class="rzBtn rzBtn-sm">Edit Links</span>'; 1550 RZ.caption = ''; 1551 RZ.set = 'pageid=9a4890e0-e1ad-4a01-8d02-0f3c627470d3'; 1552 RZ.options = ''; 1553 if (typeof RZaction != 'undefined') RZaction('editform'); 1554 </script>
1554 1555 </div> 1556 </div> 1557 1558 1559 <div class="rz-module-header d-flex align-items-center gap-2"> 1560 1561 1562 <span class="rz-module-header-text">Village of Addison, IL</span> 1563 1564 1565 </div> 1566 1567 1568 <div class="rz-element rz-link-list-wrap"> 1569 <div class="list-group list-group-flush" > 1570 1571 <a href="https://maps.app.goo.gl/5asV7Bq6vrT82gKR8" target="_blank" 1572 class="list-group-item list-group-item-action bg-transparent d-flex align-items-center" 1573 style="gap:16px;color:#FFF;"> 1574 1575 <i class="material-icons|business flex-shrink-0 lh-1 d-inline-flex align-items-center justify-content-center" style="line-height:1;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;color:#A0B4D9;"></i> 1576 1577 <span style="color:#FFF;font-size:18px;">1 Friendship Plaza, Addison IL 60101</span> 1578 1579 </a> 1580 1581 <a href="index.php" target="_self" 1582 class="list-group-item list-group-item-action bg-transparent d-flex align-items-center" 1583 style="gap:16px;color:#FFF;"> 1584 1585 <i class="material-icons|phone flex-shrink-0 lh-1 d-inline-flex align-items-center justify-content-center" style="line-height:1;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;color:#A0B4D9;"></i> 1586 1587 <span style="color:#FFF;font-size:18px;">630-543-4100</span> 1588 1589 </a> 1590 1591 </div><!-- /.list-group --> 1592 </div><!-- /.rz-element --> 1593</div><!-- /.rz-element-wrapper --> 1594 1595 1596 1597 1598</div><div class="rz-column-block d-flex flex-wrap flex-column justify-content-start align-items-start d-md-flex flex-md-wrap flex-md-column justify-content-md-start align-items-md-start d-lg-flex flex-lg-wrap flex-lg-row justify-content-lg-center align-items-lg-center"> 1599 1600 1601 1602 1603<div class="rz-element-wrapper rz-link-list-wrapper has-edit-buttons" 1604 > 1605 <div class="center-top"> 1606 <div class="rz-btns-container"> 1607
1607<script language="JavaScript" type="text/JavaScript"> 1608 RZ.module = 'generic'; 1609 RZ.nexturl = "/revize/plugins/zbuilder/v1/website/editforms/link_list-editform.jsp"; 1610 RZ.img = '<span class="rzBtn rzBtn-sm">Edit Links</span>'; 1611 RZ.caption = ''; 1612 RZ.set = 'pageid=04c3e6a4-b365-4ea1-bd48-486c88023034'; 1613 RZ.options = ''; 1614 if (typeof RZaction != 'undefined') RZaction('editform'); 1615 </script>
1615 1616 </div> 1617 </div> 1618 1619 1620 1621 <div class="rz-element rz-link-list-wrap"> 1622 <div class="list-group list-group-flush" > 1623 1624 <a href="index.php" target="_self" 1625 class="list-group-item list-group-item-action bg-transparent d-flex align-items-center" 1626 style="gap:16px;color:#FFF;"> 1627 1628 <span style="color:#FFF;font-size:18px;">Home</span> 1629 1630 </a> 1631 1632 <a href="events/index.php?view=month&month=03&day=01&year=2026" target="_blank" 1633 class="list-group-item list-group-item-action bg-transparent d-flex align-items-center" 1634 style="gap:16px;color:#FFF;"> 1635 1636 <span style="color:#FFF;font-size:18px;">Events</span> 1637 1638 </a> 1639 1640 <a href="participate/index.php" target="_self" 1641 class="list-group-item list-group-item-action bg-transparent d-flex align-items-center" 1642 style="gap:16px;color:#FFF;"> 1643 1644 <span style="color:#FFF;font-size:18px;">Participate</span> 1645 1646 </a> 1647 1648 <a href="faq/index.php" target="_self" 1649 class="list-group-item list-group-item-action bg-transparent d-flex align-items-center" 1650 style="gap:16px;color:#FFF;"> 1651 1652 <span style="color:#FFF;font-size:18px;">FAQ</span> 1653 1654 </a> 1655 1656 </div><!-- /.list-group --> 1657 </div><!-- /.rz-element --> 1658</div><!-- /.rz-element-wrapper --> 1659 1660 1661 1662 1663</div><div class="rz-column-block d-flex flex-wrap justify-content-start d-md-flex flex-md-wrap justify-content-md-start" style="padding:0px 48px 0px 0px;"> 1664 1665 1666 1667 1668<div class="rz-element-wrapper rz-link-list-wrapper has-edit-buttons" 1669 > 1670 <div class="center-top"> 1671 <div class="rz-btns-container"> 1672
1672<script language="JavaScript" type="text/JavaScript"> 1673 RZ.module = 'generic'; 1674 RZ.nexturl = "/revize/plugins/zbuilder/v1/website/editforms/link_list-editform.jsp"; 1675 RZ.img = '<span class="rzBtn rzBtn-sm">Edit Links</span>'; 1676 RZ.caption = ''; 1677 RZ.set = 'pageid=be6ca659-8524-486c-8a03-d172b4b56c18'; 1678 RZ.options = ''; 1679 if (typeof RZaction != 'undefined') RZaction('editform'); 1680 </script>
1680 1681 </div> 1682 </div> 1683 1684 1685 1686 <div class="rz-element rz-link-list-wrap"> 1687 <div class="list-group list-group-flush" > 1688 1689 <a href="http://www.addisonadvantage.org/" target="_blank" 1690 class="list-group-item list-group-item-action bg-transparent d-flex align-items-center" 1691 style="gap:16px;color:#FFF;"> 1692 1693 <span style="color:#FFF;font-size:18px;">Village Information</span> 1694 1695 </a> 1696 1697 <a href="faq/contact.php" target="_self" 1698 class="list-group-item list-group-item-action bg-transparent d-flex align-items-center" 1699 style="gap:16px;color:#FFF;"> 1700 1701 <span style="color:#FFF;font-size:18px;">Contact Us</span> 1702 1703 </a> 1704 1705 </div><!-- /.list-group --> 1706 </div><!-- /.rz-element --> 1707</div><!-- /.rz-element-wrapper --> 1708 1709 1710 1711 1712</div> 1713 1714 1715 1716</div><!-- /.rz-row-block --> 1717 1718 1719 1720 1721<div class="rz-row-block d-grid"> 1722<div class="rz-column-block"> 1723 1724 1725<div class="rz-element-wrapper rz-single-image-wrapper has-edit-buttons home-bg-img hide-edit-buttons" 1726 > 1727 <div class="center-center"> 1728 <div class="rz-btns-container"> 1729
1729<script language="JavaScript" type="text/JavaScript"> 1730 RZ.module = 'generic'; 1731 RZ.nexturl = "/revize/plugins/zbuilder/v1/website/editforms/image-editform.jsp"; 1732 RZ.img = '<span class="rzBtn rzBtn-xs">Edit Image</span>'; 1733 RZ.caption = ''; 1734 RZ.set = 'pageid=2706ef5e-3cb4-44b1-9a2c-15c5d71c4d8f'; 1735 RZ.options = ''; 1736 if (typeof RZaction != 'undefined') RZaction('editform'); 1737 </script>
1737 1738 </div> 1739 </div> 1740 1741 <div class="rz-element rz-single-image-wrap"> 1742 1743 <div class="rz-single-image position-relative"> 1744 1745 1746 <img loading="lazy" 1747 src="website-Assets/home-bg-img.png?t=202601260459400" 1748 alt="home-bg-img" 1749 style="width:100%;" 1750 > 1751 1752 </div><!-- /.rz-single-image --> 1753 1754 </div><!-- /.rz-single-image-wrap --> 1755</div><!-- /.rz-element-wrapper --> 1756 1757 1758 1759 1760 1761</div> 1762 1763 1764 1765</div><!-- /.rz-row-block --> 1766 1767 1768 1769 1770 </div><!-- /.rz-section-block --> 1771</div><!-- /.rz-section-block-wrap --> 1772 1773 1774 </div><!-- /.site-footer --> 1775</footer><!-- /.site-footer-wrap --> 1776<div class="offcanvas-lg offcanvas-bottom" 1777 tabindex="-1" 1778 id="offcanvasHeaderItems"> 1779 <div class="offcanvas-header"> 1780 <button type="button" 1781 class="btn-close" 1782 data-bs-dismiss="offcanvas" 1783 aria-label="Close" 1784 data-bs-target="#offcanvasHeaderItems"></button> 1785 </div> 1786 <div class="offcanvas-body offcanvasHeaderItems-offcanvas-body pt-0"></div> 1787</div><!-- #offcanvasHeaderItems --> 1788 1789 1790<div class="modal modal-lg fade" id="searchModal" tabindex="-1" role="dialog" aria-labelledby="searchModal" style="--bs-modal-width:640px;"> 1791 <div class="modal-dialog modal-dialog-centered" role="Site Search"> 1792 <div class="modal-content px-0"> 1793 <div class="modal-header border-0 pb-0 px-lg-3 pt-4"> 1794 <h5>Search Addison, IL Events</h5> 1795 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> 1796 </div> 1797 <div class="modal-body p-0"> 1798 <form class="form-inline overflow-hidden" method="GET" action="search.php" role="search" aria-label="sitewide"> 1799 <div class="d-flex relative bg-white p-2 px-3"> 1800 <div class="position-relative w-100"> 1801 <div class="form-floating w-100"> 1802 <input id="autocompleteme" autocomplete="off" class="form-control form-control-lg m-0 w-100" name="q" type="search" placeholder="Search..."> 1803 <label for="autocompleteme" class="bg-transparent">Search...</label> 1804 </div> 1805 <div id="autocomplete-spinner" class="spinner-border text-success position-absolute" role="status" 1806 style="top: 50%; right: 4rem; width: 1rem; height: 1rem; margin-top: -9px; display: none; z-index: 10;--bs-spinner-border-width:0.15em" > 1807 <span class="visually-hidden">Loading...</span> 1808 </div> 1809 </div> 1810 1811 <button class="btn btn-link right-center d-flex gap-3 p-0 pe-4 bg-transparent me-1 ps-0 outline-none lh-1" aria-label="Search"><span class="vr"></span> 1812 <span><svg width="20" height="20" viewBox="0 0 20 20" aria-hidden="true" class="insta-search-icon"> 1813 <path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path> 1814 </svg><span class="sr-only">Search</span></span> 1815 </button> 1816 </div> 1817 </form> 1818 <div class="all-search-buttons-wrap w-100 lh-1 position-relative" style="display:none"> 1819 <div class="all-search-buttons py-3 p-3 d-md-flex flex-column flex-md-row gap-2 border-top"> 1820 <div class="searchPopover p-3 bg-white d-none d-xl-block popover"> 1821 <div class="searchPopover-arrow"></div><span class="searchPopover-text">Try searching... </span> 1822 </div> 1823 <a href="" class="all-site-search-btn align-content-center btn btn-primary icon-link icon-link-hover w-100 p-2 mb-2 mb-md-0"><span class="d-lg-none">Search</span> <span>site for</span> <span class="search-query-text text-decoration-underline"></span> <i class="bi bi-arrow-right"></i></a> 1824 <a href="" class="all-doc-search-btn align-content-center btn btn-primary icon-link icon-link-hover w-100 p-2"><span class="d-lg-none">Search</span> <span>documents for</span> <span class="search-query-text text-decoration-underline"></span> <i class="bi bi-arrow-right"></i></a> 1825 </div><!-- /.search-buttons --> 1826 </div><!-- /.all-search-buttons-wrap --> 1827 <div class="popular-pages-search p-2"></div> 1828 </div><!-- /.modal-body --> 1829 </div><!-- /.modal-content --> 1830 </div><!-- /.modal-dialog --> 1831</div><!-- /.modal --> 1832 1833 1834 1835 1836<div class="modal fade confirmation-popup" style="--bs-modal-width:420px;z-index:1100" tabindex="-1" data-bs-backdrop="static"> 1837 <div class="modal-dialog modal-dialog-centered"> 1838 <div class="modal-content"> 1839 <div class="modal-body p-4 text-center"> 1840 <div class="d-flex justify-content-center"> 1841 <i class="d-flex lh-1 fs-3 rounded-circle bg-danger-subtle p-4 border-info text-danger-emphasis bi bi-exclamation-octagon"></i> 1842 </div> 1843 <div class="d-flex"></div> 1844 <p class="m-0 mt-3 px-sm-"><span class="fw-bold d-block fs-4 mb-2">Important</span> You are about to leave <strong>Addison, IL Events</strong> and visit an external site, do you wish to continue?</p> 1845 </div> 1846 <div class="modal-footer flex-nowrap p-0"> 1847 <button id="confirmLeave" type="button" class="btn btn-lg btn-link text-success fs-6 text-decoration-none col-6 py-3 m-0 border-end" style="border-radius:0 0 0 var(--rz-modal-border-radius)"><strong>Yes, leave <i class="bi bi-box-arrow-up-right ms-2 fs-5 lh-1"></i></strong></button> 1848 <button type="button" class="btn btn-lg btn-link text-danger fw-bold fs-6 text-decoration-none col-6 py-3 m-0" data-bs-dismiss="modal" id="cancelLeave" style="border-radius:0 0 var(--rz-modal-border-radius)">No, Stay </button> 1849 </div> 1850 </div> 1851 </div> 1852</div> 1853
1854<script> 1855$(document).ready(function () { 1856 let externalLink = ''; // Store the external link URL 1857 1858 $('a') 1859 .not('[href^="javascript:"]') 1860 .not('[href^="mailto:"]') 1861 .not('[href^="tel:"]') 1862 .not('[href="http://cms4.revize.com/revize/supportrevize/revize_faq.php"]') 1863 .not('[href="https://intercom.help/revizefaqs/en/"]') 1864 .not('.rz-brand-footer a') 1865 .not('#revize-login') 1866 .not('.copy-live-link') 1867 .on('click', function (event) { 1868 // Ignore links with .rzBtn children 1869 if ($(this).find('span.rzBtn').length === 0) { 1870 const linkUrl = $(this).prop('href'); 1871 const linkHost = new URL(linkUrl).hostname; 1872 const currentHost = window.location.hostname; 1873 1874 // Treat current domain and all revize.com domains/subdomains as internal 1875 const isRevizeDomain = 1876 linkHost === 'revize.com' || 1877 linkHost.endsWith('.revize.com'); 1878 1879 // If different domain and NOT a Revize domain, show confirmation popup 1880 if (linkHost !== currentHost && !isRevizeDomain) { 1881 event.preventDefault(); 1882 externalLink = linkUrl; 1883 $('.confirmation-popup').addClass('show').show(); 1884 } 1885 } 1886 }); 1887 1888 // Confirm external navigation 1889 $('#confirmLeave').on('click', function () { 1890 if (externalLink) { 1891 window.open(externalLink, '_blank'); 1892 } 1893 1894 $('.confirmation-popup').removeClass('show').hide(); 1895 externalLink = ''; 1896 }); 1897 1898 // Cancel external navigation 1899 $('#cancelLeave').on('click', function () { 1900 $('.confirmation-popup').removeClass('show').hide(); 1901 externalLink = ''; 1902 }); 1903}); 1904</script>
1904 1905 <div class="modal fade" 1906 id="event-modal" 1907 tabindex="-1" 1908 role="dialog" 1909 aria-labelledby="modal-event-title" 1910 aria-hidden="true"> 1911 <div id="event-modal-dialog" 1912 class="modal-dialog modal-lg modal-dialog-centered modal-dialog-scrollable" 1913 role="document" 1914 style="--bs-modal-width:1000px"> 1915 <div class="modal-content"> 1916 1917 <div class="modal-header align-items-center"> 1918 <div> 1919 <h2 class="h4 modal-subtitle m-0 fs-4 fw-bold">Event Details</h2> 1920 </div> 1921 <button type="button" 1922 class="btn-close mt-0" 1923 data-bs-dismiss="modal" 1924 aria-label="Close"></button> 1925 </div> 1926 1927 <div class="modal-body p-0" 1928 id="modal-event-body"> 1929 <div class="center-center"><div class="rz-btns-container"></div></div> 1930 <div class="row row-cols-lg-2 g-0 mx-0"> 1931 <div class="event-modal-header" 1932 style="min-height:200px"></div><!-- /.event-modal-header for image --> 1933 <div class="event-details d-flex flex-column has-edit-buttons"> 1934 <div class="d-flex align-items-start justify-content-between bg-light p-4"> 1935 <div class="w-100"> 1936 <div class="d-flex align-items-center gap-3"> 1937 <div class="event-border-color" 1938 style="margin-top:3px;width:12px;height:26px;border-radius:100px;align-self:start;"></div> 1939 <div class="w-100"> 1940 <div class="d-flex justify-content-between align-items-center"> 1941 <h3 class="fs-4 fw-bold" id="modal-event-title">City Council Meeting </h3> 1942 <a href="calendar" 1943 class="flex-shrink-0 btn btn-light bg-white border-0 btn-sm" 1944 data-bs-toggle="tooltip" 1945 data-bs-placement="left" 1946 data-bs-title="view Calendar" 1947 data-bs-offset="0,20"> 1948 <i class="bi bi-box-arrow-up-right"></i> 1949 <span class="sr-only">View Calendar</span> 1950 </a> 1951 </div> 1952 1953 <p class="text-muted row row-cols-1 g-2 my-0 p-0 fw-normal lh-sm small"> 1954 <span class="modal-event-date w-max-content"><i class="bi bi-calendar4-event me-2"></i></span> 1955 <span class="modal-event-time"><i class="bi bi-clock me-2"></i></span> 1956 <span class="modal-location w-100"><i class="bi bi-geo-alt me-2"></i></span> 1957 </p> 1958 </div> 1959 </div> 1960 </div> 1961 <button type="button" 1962 class="btn-close bg-white d-none" 1963 data-bs-dismiss="modal" 1964 aria-label="Close"></button> 1965 </div><!-- /.d-flex --> 1966 1967 <div class="d-flex flex-column p-4 my-auto row-gap-4"> 1968 <div class="modal-event-description small"> 1969 <h4 class="h6 fw-bold">Description</h4> 1970 <div id="modal-event-subtitle"></div> 1971 <div id="modal-event-description"> 1972 </div> 1973 </div> 1974 <div style="width: 100%" id="modal-event-location" class="ratio ratio-16x9"></div> 1975 </div><!-- /.d-flex --> 1976 1977 <div class="modal-action-buttons d-flex gap-2 mt-auto mb-4 px-4"> 1978 1979 <a href="#" 1980 class="btn btn-primary border-0" id="modal-event-readmore">Read More</a> 1981 </div><!-- /.modal-action-buttons --> 1982 1983 </div><!-- /.event-details --> 1984 </div><!-- /.row --> 1985 </div><!-- /.modal-body --> 1986 </div><!-- /.modal-content --> 1987 </div> 1988 </div> 1989 1990 <style> 1991 #modal-event-duration{display:none} 1992 .rz-business-inner-map{border:1px solid var(--bs-border-color)!important;border-radius:var(--bs-border-radius)} 1993 </style> 1994 1995<div id="share-modal-section"> 1996 <div class="modal fade" id="shareModal" tabindex="-1" role="dialog" aria-labelledby="shareModal"> 1997 <div class="modal-dialog modal-dialog-centered" role="document"> 1998 <div class="modal-content"> 1999 <div class="modal-header border-0 bg-transparent pb-0 px-lg-4 pt-4"> 2000 <div class="w-100 text-center"> 2001 <span class="d-block h5 mb-1 w-100">Share this page</span> 2002 <p class="mb-1">On your favorite social media platform</p> 2003 </div> 2004 <button type="button" class="btn-close position-absolute end-0 top-0 m-3" data-bs-dismiss="modal" aria-label="Close"></button> 2005 </div> 2006 <div class="modal-body p-lg-4"> 2007 <div class="share-btns row m-0 row-cols-md-3 gap-2"> 2008 <a href="#" class="btn btn-primary btn-facebook" target="_blank"> 2009 <i class="fa-brands fs-5 fa-square-facebook"></i> Facebook 2010 </a> 2011 2012 <a href="#" class="btn btn-primary btn-twitter" target="_blank"> 2013 <i class="fa-brands fs-5 fa-x-twitter"></i> x(twitter) 2014 </a> 2015 2016 <a href="#" class="btn btn-primary btn-linkedin" target="_blank"> 2017 <i class="fa-brands fs-5 fa-linkedin"></i> Linkedin 2018 </a> 2019 2020 <a href="#" class="btn btn-primary btn-reddit" target="_blank"> 2021 <i class="fa-brands fs-5 fa-square-reddit"></i> reddit 2022 </a> 2023 <div class="w-100 p-0 my-2"><div class="d-flex align-items-center"><div class="border-top flex-fill"></div><span class="bg-body px-3">Or</span><div class="border-top flex-fill"></div></div></div> 2024 2025 <a href="" class="btn btn-outline-dark w-100 border emailpage"><i class="fa-regular fs-5 fa-envelope"></i> Email Page Link</a> 2026 2027 <a href="" class="btn btn-outline-dark w-100 border share-copy-link"><i class="fa-regular fs-5 fa-copy"></i> Copy Current URL</a> 2028 2029 </div><!-- /.share-btns --> 2030 2031
2031<script> 2032 $(document).ready(function () { 2033 // Build social share URLs from current page 2034 var pageUrl = window.location.href; 2035 var encodedUrl = encodeURIComponent(pageUrl); 2036 2037 $('.btn-facebook').attr( 2038 'href', 2039 'https://www.facebook.com/sharer/sharer.php?u=' + encodedUrl 2040 ); 2041 2042 $('.btn-twitter').attr( 2043 'href', 2044 'https://twitter.com/intent/tweet?url=' + encodedUrl 2045 ); 2046 2047 $('.btn-linkedin').attr( 2048 'href', 2049 'https://www.linkedin.com/sharing/share-offsite/?url=' + encodedUrl 2050 ); 2051 2052 $('.btn-reddit').attr( 2053 'href', 2054 'https://www.reddit.com/submit?url=' + encodedUrl 2055 ); 2056 2057 // Copy to clipboard 2058 $('.share-copy-link').on('click', function (e) { 2059 e.preventDefault(); 2060 2061 var urlToCopy = $(this).attr('href') || $(this).data('url') || window.location.href; 2062 2063 if (navigator.clipboard && navigator.clipboard.writeText) { 2064 navigator.clipboard 2065 .writeText(urlToCopy) 2066 .then(function () { 2067 new bootstrap.Toast(document.getElementById('coppiedToast')).show(); 2068 }) 2069 .catch(function () { 2070 fallbackCopy(urlToCopy); 2071 }); 2072 } else { 2073 fallbackCopy(urlToCopy); 2074 } 2075 }); 2076 2077 function fallbackCopy(text) { 2078 var $tempInput = $('<input style="position:absolute;left:-9999px;">'); 2079 $('body').append($tempInput); 2080 $tempInput.val(text).select(); 2081 document.execCommand('copy'); 2082 $tempInput.remove(); 2083 new bootstrap.Toast(document.getElementById('coppiedToast')).show(); 2084 } 2085 2086 // Email page link 2087 $('.emailpage').on('click', function (e) { 2088 e.preventDefault(); 2089 2090 var pageUrl = window.location.href; 2091 var subject = encodeURIComponent('Check out this page'); 2092 var body = encodeURIComponent('Hey,\n\nI thought you might find this interesting:\n' + pageUrl); 2093 window.location.href = 'mailto:?subject=' + subject + '&body=' + body; 2094 }); 2095 }); 2096 </script>
2096 2097 2098 <div class="toast-container position-fixed top-0 start-50 translate-middle-x"> 2099 <div id="coppiedToast" class="toast align-items-center align-items-center text-bg-success border-0 border-0 fade" role="alert" aria-live="assertive" aria-atomic="true"> 2100 <div class="d-flex"> 2101 <div class="toast-body"> 2102 URL copied to clipboard! 2103 </div> 2104 <button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button> 2105 </div> 2106 </div> 2107 </div> 2108 2109 </div><!-- /.modal-body --> 2110 </div><!-- /.modal-content --> 2111 </div><!-- /.modal-dialog --> 2112 </div><!-- /.modal --> 2113</div><!-- /#modal-section --><link href="https://cdn.jsdelivr.net/gh/lipis/[email protected]/css/flag-icons.min.css" rel="stylesheet" type="text/css" /> 2114<div class="modal fade" id="translateModal" tabindex="-1" aria-hidden="true"> 2115 <div class="modal-dialog modal-sm modal-dialog-centered modal-dialog-scrollable"> 2116 <div class="modal-content"> 2117 <form role="search" aria-label="Search Languages" class="sticky-top bg-white m-0 align-self-center position-relative translate-search w-100 p-3 border-bottom"> 2118 <input type="search" placeholder="Search languages..." autocomplete="off" class="form-control" id="translatesearch-input"> 2119 <button aria-label="Search" tabindex="-1" class="btn btn-link position-absolute top-50 end-0 translate-middle-y gap-3 ps-0 pe-3 me-3 me-1 lh-1 d-flex align-items-center"> 2120 <label for="translatesearch-input"><span class="visually-hidden">Search</span><svg width="20" height="20" viewBox="0 0 20 20" aria-hidden="true" class="DocSearch-Search-Icon"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg></label> 2121 </button>
2122 </form> 2123 <div class="modal-body" style="max-height:300px"> 2124 <div class="lang-no-results text-center d-none text-muted small">No matching languages.</div> 2125 <div class="translation-links row row-cols-lg-1"> 2126 <div> 2127 <button class="btn btn-link text-body p-2 text-start w-100 English" data-lang="English" translate="no"> 2128 <span class="fi fi-us me-2"></span><strong>English</strong> 2129 </button> 2130 </div> 2131 <div> 2132 <button class="btn btn-link text-body p-2 text-start w-100 Afrikaans" data-lang="Afrikaans"> 2133 <span class="fi fi-za me-2"></span>Afrikaans 2134 </button> 2135 </div> 2136 <div> 2137 <button class="btn btn-link text-body p-2 text-start w-100 Albanian" data-lang="Albanian"> 2138 <span class="fi fi-al me-2"></span>Albanian 2139 </button> 2140 </div> 2141 <div> 2142 <button class="btn btn-link text-body p-2 text-start w-100 Arabic" data-lang="Arabic"> 2143 <span class="fi fi-sa me-2"></span>Arabic 2144 </button> 2145 </div> 2146 <div> 2147 <button class="btn btn-link text-body p-2 text-start w-100 Armenian" data-lang="Armenian"> 2148 <span class="fi fi-am me-2"></span>Armenian 2149 </button> 2150 </div> 2151 <div> 2152 <button class="btn btn-link text-body p-2 text-start w-100 Azerbaijani" data-lang="Azerbaijani"> 2153 <span class="fi fi-az me-2"></span>Azerbaijani 2154 </button> 2155 </div> 2156 <div> 2157 <button class="btn btn-link text-body p-2 text-start w-100 Basque" data-lang="Basque"> 2158 <span class="fi fi-es me-2"></span>Basque 2159 </button> 2160 </div> 2161 <div> 2162 <button class="btn btn-link text-body p-2 text-start w-100 Belarusian" data-lang="Belarusian"> 2163 <span class="fi fi-by me-2"></span>Belarusian 2164 </button> 2165 </div> 2166 <div> 2167 <button class="btn btn-link text-body p-2 text-start w-100 Bengali" data-lang="Bengali"> 2168 <span class="fi fi-bd me-2"></span>Bengali 2169 </button> 2170 </div> 2171 <div> 2172 <button class="btn btn-link text-body p-2 text-start w-100 Bosnian" data-lang="Bosnian"> 2173 <span class="fi fi-ba me-2"></span>Bosnian 2174 </button> 2175 </div> 2176 <div> 2177 <button class="btn btn-link text-body p-2 text-start w-100 Bulgarian" data-lang="Bulgarian"> 2178 <span class="fi fi-bg me-2"></span>Bulgarian 2179 </button> 2180 </div> 2181 <div> 2182 <button class="btn btn-link text-body p-2 text-start w-100 Catalan" data-lang="Catalan"> 2183 <span class="fi fi-ad me-2"></span>Catalan 2184 </button> 2185 </div> 2186 <div> 2187 <button class="btn btn-link text-body p-2 text-start w-100 Cebuano" data-lang="Cebuano"> 2188 <span class="fi fi-ph me-2"></span>Cebuano 2189 </button> 2190 </div> 2191 <div> 2192 <button class="btn btn-link text-body p-2 text-start w-100 Chinese" data-lang="Chinese (Simplified)"> 2193 <span class="fi fi-cn me-2"></span>Chinese (Simplified) 2194 </button> 2195 </div> 2196 <div> 2197 <button class="btn btn-link text-body p-2 text-start w-100 Chinese" data-lang="Chinese (Traditional)"> 2198 <span class="fi fi-tw me-2"></span>Chinese (Traditional) 2199 </button> 2200 </div> 2201 <div> 2202 <button class="btn btn-link text-body p-2 text-start w-100 Croatian" data-lang="Croatian"> 2203 <span class="fi fi-hr me-2"></span>Croatian 2204 </button> 2205 </div> 2206 <div> 2207 <button class="btn btn-link text-body p-2 text-start w-100 Czech" data-lang="Czech"> 2208 <span class="fi fi-cz me-2"></span>Czech 2209 </button> 2210 </div> 2211 <div> 2212 <button class="btn btn-link text-body p-2 text-start w-100 Danish" data-lang="Danish"> 2213 <span class="fi fi-dk me-2"></span>Danish 2214 </button> 2215 </div> 2216 <div> 2217 <button class="btn btn-link text-body p-2 text-start w-100 Dutch" data-lang="Dutch"> 2218 <span class="fi fi-nl me-2"></span>Dutch 2219 </button> 2220 </div> 2221 <div> 2222 <button class="btn btn-link text-body p-2 text-start w-100 Esperanto" data-lang="Esperanto"> 2223 <span class="fi fi-un me-2"></span>Esperanto 2224 </button> 2225 </div> 2226 <div> 2227 <button class="btn btn-link text-body p-2 text-start w-100
2227Estonian" data-lang="Estonian"> 2228 <span class="fi fi-ee me-2"></span>Estonian 2229 </button> 2230 </div> 2231 <div> 2232 <button class="btn btn-link text-body p-2 text-start w-100 Filipino" data-lang="Filipino"> 2233 <span class="fi fi-ph me-2"></span>Filipino 2234 </button> 2235 </div> 2236 <div> 2237 <button class="btn btn-link text-body p-2 text-start w-100 Finnish" data-lang="Finnish"> 2238 <span class="fi fi-fi me-2"></span>Finnish 2239 </button> 2240 </div> 2241 <div> 2242 <button class="btn btn-link text-body p-2 text-start w-100 French" data-lang="French"> 2243 <span class="fi fi-fr me-2"></span>French 2244 </button> 2245 </div> 2246 <div> 2247 <button class="btn btn-link text-body p-2 text-start w-100 Galician" data-lang="Galician"> 2248 <span class="fi fi-es me-2"></span>Galician 2249 </button> 2250 </div> 2251 <div> 2252 <button class="btn btn-link text-body p-2 text-start w-100 Georgian" data-lang="Georgian"> 2253 <span class="fi fi-ge me-2"></span>Georgian 2254 </button> 2255 </div> 2256 <div> 2257 <button class="btn btn-link text-body p-2 text-start w-100 German" data-lang="German"> 2258 <span class="fi fi-de me-2"></span>German 2259 </button> 2260 </div> 2261 <div> 2262 <button class="btn btn-link text-body p-2 text-start w-100 Greek" data-lang="Greek"> 2263 <span class="fi fi-gr me-2"></span>Greek 2264 </button> 2265 </div> 2266 <div> 2267 <button class="btn btn-link text-body p-2 text-start w-100 Gujarati" data-lang="Gujarati"> 2268 <span class="fi fi-in me-2"></span>Gujarati 2269 </button> 2270 </div> 2271 <div> 2272 <button class="btn btn-link text-body p-2 text-start w-100 Haitian" data-lang="Haitian Creole"> 2273 <span class="fi fi-ht me-2"></span>Haitian Creole 2274 </button> 2275 </div> 2276 <div> 2277 <button class="btn btn-link text-body p-2 text-start w-100 Hausa" data-lang="Hausa"> 2278 <span class="fi fi-ng me-2"></span>Hausa 2279 </button> 2280 </div> 2281 <div> 2282 <button class="btn btn-link text-body p-2 text-start w-100 Hebrew" data-lang="Hebrew"> 2283 <span class="fi fi-il me-2"></span>Hebrew 2284 </button> 2285 </div> 2286 <div> 2287 <button class="btn btn-link text-body p-2 text-start w-100 Hindi" data-lang="Hindi"> 2288 <span class="fi fi-in me-2"></span>Hindi 2289 </button> 2290 </div> 2291 <div> 2292 <button class="btn btn-link text-body p-2 text-start w-100 Hmong" data-lang="Hmong"> 2293 <span class="fi fi-cn me-2"></span>Hmong 2294 </button> 2295 </div> 2296 <div> 2297 <button class="btn btn-link text-body p-2 text-start w-100 Hungarian" data-lang="Hungarian"> 2298 <span class="fi fi-hu me-2"></span>Hungarian 2299 </button> 2300 </div> 2301 <div> 2302 <button class="btn btn-link text-body p-2 text-start w-100 Icelandic" data-lang="Icelandic"> 2303 <span class="fi fi-is me-2"></span>Icelandic 2304 </button> 2305 </div> 2306 <div> 2307 <button class="btn btn-link text-body p-2 text-start w-100 Igbo" data-lang="Igbo"> 2308 <span class="fi fi-ng me-2"></span>Igbo 2309 </button> 2310 </div> 2311 <div> 2312 <button class="btn btn-link text-body p-2 text-start w-100 Indonesian" data-lang="Indonesian"> 2313 <span class="fi fi-id me-2"></span>Indonesian 2314 </button> 2315 </div> 2316 <div> 2317 <button class="btn btn-link text-body p-2 text-start w-100 Irish" data-lang="Irish"> 2318 <span class="fi fi-ie me-2"></span>Irish 2319 </button> 2320 </div> 2321 <div> 2322 <button class="btn btn-link text-body p-2 text-start w-100 Italian" data-lang="Italian"> 2323 <span class="fi fi-it me-2"></span>Italian 2324 </button> 2325 </div> 2326 <div> 2327 <button class="btn btn-link text-body p-2 text-start w-100 Japanese" data-lang="Japanese"> 2328 <span class="fi fi-jp me-2"></span>Japanese 2329 </button> 2330 </div> 2331 <div> 2332 <button class="btn btn-link text-body p-2 text-start w-100 Javanese" data-lang="Javanese"> 2333 <span class="fi fi-id me-2"></span>Javanese 2334 </button> 2335 </div> 2336 <div> 2337 <button class="btn btn-link text-body p-2 text-start w-100 K
2337annada" data-lang="Kannada"> 2338 <span class="fi fi-in me-2"></span>Kannada 2339 </button> 2340 </div> 2341 <div> 2342 <button class="btn btn-link text-body p-2 text-start w-100 Khmer" data-lang="Khmer"> 2343 <span class="fi fi-kh me-2"></span>Khmer 2344 </button> 2345 </div> 2346 <div> 2347 <button class="btn btn-link text-body p-2 text-start w-100 Korean" data-lang="Korean"> 2348 <span class="fi fi-kr me-2"></span>Korean 2349 </button> 2350 </div> 2351 <div> 2352 <button class="btn btn-link text-body p-2 text-start w-100 Lao" data-lang="Lao"> 2353 <span class="fi fi-la me-2"></span>Lao 2354 </button> 2355 </div> 2356 <div> 2357 <button class="btn btn-link text-body p-2 text-start w-100 Latin" data-lang="Latin"> 2358 <span class="fi fi-va me-2"></span>Latin 2359 </button> 2360 </div> 2361 <div> 2362 <button class="btn btn-link text-body p-2 text-start w-100 Latvian" data-lang="Latvian"> 2363 <span class="fi fi-lv me-2"></span>Latvian 2364 </button> 2365 </div> 2366 <div> 2367 <button class="btn btn-link text-body p-2 text-start w-100 Lithuanian" data-lang="Lithuanian"> 2368 <span class="fi fi-lt me-2"></span>Lithuanian 2369 </button> 2370 </div> 2371 <div> 2372 <button class="btn btn-link text-body p-2 text-start w-100 Macedonian" data-lang="Macedonian"> 2373 <span class="fi fi-mk me-2"></span>Macedonian 2374 </button> 2375 </div> 2376 <div> 2377 <button class="btn btn-link text-body p-2 text-start w-100 Malay" data-lang="Malay"> 2378 <span class="fi fi-my me-2"></span>Malay 2379 </button> 2380 </div> 2381 <div> 2382 <button class="btn btn-link text-body p-2 text-start w-100 Maltese" data-lang="Maltese"> 2383 <span class="fi fi-mt me-2"></span>Maltese 2384 </button> 2385 </div> 2386 <div> 2387 <button class="btn btn-link text-body p-2 text-start w-100 Maori" data-lang="Maori"> 2388 <span class="fi fi-nz me-2"></span>Maori 2389 </button> 2390 </div> 2391 <div> 2392 <button class="btn btn-link text-body p-2 text-start w-100 Marathi" data-lang="Marathi"> 2393 <span class="fi fi-in me-2"></span>Marathi 2394 </button> 2395 </div> 2396 <div> 2397 <button class="btn btn-link text-body p-2 text-start w-100 Mongolian" data-lang="Mongolian"> 2398 <span class="fi fi-mn me-2"></span>Mongolian 2399 </button> 2400 </div> 2401 <div> 2402 <button class="btn btn-link text-body p-2 text-start w-100 Nepali" data-lang="Nepali"> 2403 <span class="fi fi-np me-2"></span>Nepali 2404 </button> 2405 </div> 2406 <div> 2407 <button class="btn btn-link text-body p-2 text-start w-100 Norwegian" data-lang="Norwegian"> 2408 <span class="fi fi-no me-2"></span>Norwegian 2409 </button> 2410 </div> 2411 <div> 2412 <button class="btn btn-link text-body p-2 text-start w-100 Persian" data-lang="Persian"> 2413 <span class="fi fi-ir me-2"></span>Persian 2414 </button> 2415 </div> 2416 <div> 2417 <button class="btn btn-link text-body p-2 text-start w-100 Polish" data-lang="Polish"> 2418 <span class="fi fi-pl me-2"></span>Polish 2419 </button> 2420 </div> 2421 <div> 2422 <button class="btn btn-link text-body p-2 text-start w-100 Portuguese" data-lang="Portuguese"> 2423 <span class="fi fi-pt me-2"></span>Portuguese 2424 </button> 2425 </div> 2426 <div> 2427 <button class="btn btn-link text-body p-2 text-start w-100 Punjabi" data-lang="Punjabi"> 2428 <span class="fi fi-in me-2"></span>Punjabi 2429 </button> 2430 </div> 2431 <div> 2432 <button class="btn btn-link text-body p-2 text-start w-100 Romanian" data-lang="Romanian"> 2433 <span class="fi fi-ro me-2"></span>Romanian 2434 </button> 2435 </div> 2436 <div> 2437 <button class="btn btn-link text-body p-2 text-start w-100 Russian" data-lang="Russian"> 2438 <span class="fi fi-ru me-2"></span>Russian 2439 </button> 2440 </div> 2441 <div> 2442 <button class="btn btn-link text-body p-2 text-start w-100 Serbian" data-lang="Serbian"> 2443 <span class="fi fi-rs me-2"></span>Serbian 2444 </button> 2445 </div> 2446 <div> 2447 <button class="btn btn-link text-body p-2 text-start w-100 Slovak" data-lang="Slovak"> 2448 <span class="fi fi-sk me-2"></span>Slovak 2449 </button> 2450 </div> 2451 <div> 2452 <button class="btn btn-link text-body p-2 text-start w-100 Slovenian" data-lang="Slovenian"> 2453 <span class="fi fi-si me-2"></span>Slovenian 2454 </button> 2455 </div> 2456 <div> 2457 <button class="btn btn-link text-body p-2 text-start w-100 Somali" data-lang="Somali"> 2458 <span class="fi fi-so me-2"></span>Somali 2459 </button> 2460 </div> 2461 <div> 2462 <button class="btn btn-link text-body p-2 text-start w-100 Spanish" data-lang="Spanish"> 2463 <span class="fi fi-es me-2"></span>Spanish 2464 </button> 2465 </div> 2466 <div> 2467 <button class="btn btn-link text-body p-2 text-start w-100 Swahili" data-lang="Swahili"> 2468 <span class="fi fi-ke me-2"></span>Swahili 2469 </button> 2470 </div> 2471 <div> 2472 <button class="btn btn-link text-body p-2 text-start w-100 Swedish" data-lang="Swedish"> 2473 <span class="fi fi-se me-2"></span>Swedish 2474 </button> 2475 </div> 2476 <div> 2477 <button class="btn btn-link text-body p-2 text-start w-100 Tamil" data-lang="Tamil"> 2478 <span class="fi fi-in me-2"></span>Tamil 2479 </button> 2480 </div> 2481 <div> 2482 <button class="btn btn-link text-body p-2 text-start w-100 Telugu" data-lang="Telugu"> 2483 <span class="fi fi-in me-2"></span>Telugu 2484 </button> 2485 </div> 2486 <div> 2487 <button class="btn btn-link text-body p-2 text-start w-100 Thai" data-lang="Thai"> 2488 <span class="fi fi-th me-2"></span>Thai 2489 </button> 2490 </div> 2491 <div> 2492 <button class="btn btn-link text-body p-2 text-start w-100 Turkish" data-lang="Turkish"> 2493 <span class="fi fi-tr me-2"></span>Turkish 2494 </button> 2495 </div> 2496 <div> 2497 <button class="btn btn-link text-body p-2 text-start w-100 Ukrainian" data-lang="Ukrainian"> 2498 <span class="fi fi-ua me-2"></span>Ukrainian 2499 </button> 2500 </div> 2501 <div> 2502 <button class="btn btn-link text-body p-2 text-start w-100 Urdu" data-lang="Urdu"> 2503 <span class="fi fi-pk me-2"></span>Urdu 2504 </button> 2505 </div> 2506 <div> 2507 <button class="btn btn-link text-body p-2 text-start w-100 Vietnamese" data-lang="Vietnamese"> 2508 <span class="fi fi-vn me-2"></span>Vietnamese 2509 </button> 2510 </div> 2511 <div> 2512 <button class="btn btn-link text-body p-2 text-start w-100 Welsh" data-lang="Welsh"> 2513 <span class="fi fi-gb me-2"></span>Welsh 2514 </button> 2515 </div> 2516 <div> 2517 <button class="btn btn-link text-body p-2 text-start w-100 Yoruba" data-lang="Yoruba"> 2518 <span class="fi fi-ng me-2"></span>Yoruba 2519 </button> 2520 </div> 2521 <div> 2522 <button class="btn btn-link text-body p-2 text-start w-100 Zulu" data-lang="Zulu"> 2523 <span class="fi fi-za me-2"></span>Zulu 2524 </button> 2525 </div> 2526 </div> 2527 </div> 2528 <div class="modal-footer p-2"> 2529 <div class="lang-search-status text-center small text-muted" aria-l
2529ive="polite" aria-atomic="true"></div> 2530 <button type="button" class="btn btn-sm btn-primary ms-auto" data-bs-dismiss="modal">Close</button> 2531 <button class="btn btn-link text-body p-2 text-start translate-reset" translate="no"> 2532 <i class="fa-solid fa-power-off" aria-hidden="true"></i> 2533 <span class="visually-hidden">Reset Translation</span> 2534 </button> 2535 </div> 2536 </div> 2537 </div> 2538</div> 2539<div id="google-translate" class="d-none"></div>
2540<script> 2541function googleTranslateElementInit() { 2542 new google.translate.TranslateElement( 2543 { pageLanguage: 'en', autoDisplay: false, layout: google.translate.TranslateElement.InlineLayout.SIMPLE }, 2544 'google-translate' 2545 ); 2546} 2547</script>
vendor: 2 bytes, line 2547
2547
2548<script> 2549var translateURL = "//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"; 2550$.getScript(translateURL); 2551 2552function clickLanguage(langText, maxTries, intervalMs) { 2553 langText = (langText || '').trim(); 2554 maxTries = maxTries || 30; 2555 intervalMs = intervalMs || 200; 2556 var tries = 0; 2557 var timer = setInterval(function () { 2558 var $frame = $("iframe.skiptranslate"); 2559 if ($frame.length) { 2560 var doc = $frame.contents(); 2561 var $target = doc.find('span.text').filter(function () { 2562 return $(this).text().trim() === langText; 2563 }).closest('a'); 2564 if (!$target.length) { 2565 $target = doc.find('span.text').filter(function () { 2566 return $(this).text().trim() === 'English'; 2567 }).closest('a'); 2568 } 2569 if ($target.length) { 2570 $target.get(0).click(); 2571 clearInterval(timer); 2572 return; 2573 } 2574 } 2575 tries++; 2576 if (tries >= maxTries) clearInterval(timer); 2577 }, intervalMs); 2578} 2579 2580function getCookie(cname) { 2581 let name = cname + "="; 2582 let ca = document.cookie.split(';'); 2583 for(let i = 0; i < ca.length; i++) { 2584 let c = ca[i]; 2585 while (c.charAt(0) == ' ') c = c.substring(1); 2586 if (c.indexOf(name) == 0) return c.substring(name.length, c.length); 2587 } 2588 return ""; 2589} 2590 2591function sanitizeFlag(code) { 2592 var v = (code || "").toLowerCase().trim(); 2593 if (!v || v === "undefined" || v === "null") return ""; 2594 if (!/^[a-z]{2}$/.test(v)) return ""; 2595 return v; 2596} 2597 2598function applyActiveFromCookie() { 2599 var code = sanitizeFlag(getCookie('lang')) || sanitizeFlag(getCookie('code')) || 'us'; 2600 var $btn = $('.translation-links button').filter(function(){ 2601 var dataCode = ($(this).data('code') || '').toString().toLowerCase(); 2602 if (dataCode && dataCode === code) return true; 2603 var cls = ($(this).find('span[class*="fi-"]').attr('class') || ''); 2604 var m = cls.match(/\bfi-([a-z]{2})\b/i); 2605 return m && m[1].toLowerCase() === code; 2606 }).first(); 2607 if (!$btn.length && code === 'us') $btn = $('.translation-links button[data-lang="English"]').first(); 2608 $('.translation-links button').removeClass('active'); 2609 if ($btn.length) $btn.addClass('active'); 2610} 2611 2612(function initSelectedFlag(){ 2613 var initialCode = sanitizeFlag(getCookie('lang')) || sanitizeFlag(getCookie('code')) || "us"; 2614 $('.selected-flag').attr('class', 'fi fi-' + initialCode + ' selected-flag'); 2615 $('.c-code').text(initialCode); 2616 applyActiveFromCookie(); 2617})(); 2618 2619$(".translation-links button").on("click", function () { 2620 var lang = $(this).data("lang"); 2621 $('.translation-links button').removeClass('active'); 2622 $(this).addClass('active'); 2623 clickLanguage(lang); 2624 var cCode = $(this).data('code'); 2625 if (!cCode) { 2626 var cls = $(this).find('span[class*="fi-"]').attr('class') || ''; 2627 var m = cls.match(/\bfi-([a-z]{2})\b/i); 2628 if (m) cCode = m[1].toLowerCase(); 2629 } 2630 if (!cCode) cCode = 'us'; 2631 $('.selected-flag').attr('class', 'fi fi-' + cCode + ' selected-flag'); 2632 $('.c-code').text(cCode); 2633 document.cookie = 'lang=' + cCode + '; path=/'; 2634 document.cookie = 'code=' + cCode + '; path=/'; 2635 return false; 2636}); 2637 2638var $translateReset = $(".translate-reset");
2639$translateReset.on("keydown click", function (e) { 2640 if (e.keyCode === 13 || e.type === "click") { 2641 clickLanguage('English'); 2642 $('.translation-links button').removeClass('active'); 2643 $('.translation-links button[data-lang="English"]').addClass('active'); 2644 $('.selected-flag').attr('class','fi fi-us selected-flag'); 2645 $('.c-code').text('us'); 2646 document.cookie = 'lang=us; path=/'; 2647 document.cookie = 'code=us; path=/'; 2648 } 2649}); 2650 2651(function($){ 2652 var $form = $('.translate-search'); 2653 var $input = $form.find('input[type="search"]'); 2654 var $list = $('.translation-links'); 2655 var $btns = $list.find('div'); 2656 var $empty = $('.lang-no-results'); 2657 var $status = $('.lang-search-status'); 2658 $form.on('submit', function(e){ e.preventDefault(); }); 2659 function norm(s){ 2660 return (s||'').toString().toLowerCase().normalize('NFD').replace(/[\u0300-\u036f]/g,''); 2661 } 2662 $btns.each(function(){ 2663 var $b = $(this); 2664 var txt = $b.text().trim(); 2665 var lang = ($b.data('lang')||'')+''; 2666 $b.attr('data-search', norm(txt + ' ' + lang)); 2667 }); 2668 function updateStatus(visible, total){ 2669 if ($status.length) $status.text(visible + ' of ' + total + ' languages'); 2670 if ($empty.length) $empty.toggleClass('d-none', visible > 0); 2671 } 2672 var total = $btns.length; 2673 updateStatus(total, total); 2674 function filter(){ 2675 var q = norm($input.val()); 2676 if (!q){ 2677 $btns.removeClass('d-none'); 2678 updateStatus(total, total); 2679 return; 2680 } 2681 var visible = 0; 2682 $btns.each(function(){ 2683 var $b = $(this); 2684 var hay = $b.attr('data-search') || ''; 2685 var match = hay.indexOf(q) !== -1; 2686 $b.toggleClass('d-none', !match); 2687 if (match) visible++; 2688 }); 2689 $btns.filter('.d-none').attr('tabindex', -1); 2690 $btns.not('.d-none'); 2691 updateStatus(visible, total); 2692 } 2693 $input.on('input keyup', filter); 2694})(jQuery); 2695// ADA, Fix Google Translate Inputs 2696function fixGoogleTranslateInputs() { 2697 const inputs = [ 2698 { id: "goog-gt-votingInputSrcLang", label: "Source Language Input" }, 2699 { id: "goog-gt-votingInputTrgLang", label: "Target Language Input" }, 2700 { id: "goog-gt-votingInputSrcText", label: "Source Text Input" }, 2701 { id: "goog-gt-votingInputTrgText", label: "Target Text Input" }, 2702 { id: "goog-gt-votingInputVote", label: "Vote Input" }, 2703 ]; 2704 2705 let allLabelsSet = true; 2706 inputs.forEach((item) => { 2707 const input = document.getElementById(item.id); 2708 if (input) { 2709 input.setAttribute("aria-label", item.label); 2710 } else { 2711 allLabelsSet = false; 2712 } 2713 }); 2714 2715 if (allLabelsSet) { 2716 googleObserver.disconnect(); 2717 } 2718 } 2719 const googleObserver = new MutationObserver((mutationsList, observer) => { 2720 for (let mutation of mutationsList) { 2721 if (mutation.type === "childList") { 2722 fixGoogleTranslateInputs(); 2723 } 2724 } 2725 }); 2726 googleObserver.observe(document.body, { childList: true, subtree: true }); 2727 fixGoogleTranslateInputs(); 2728</script>
vendor: 2 bytes, line 2728
2728
2729<script> 2730// === prevent translation on certain elements === 2731var NO_TRANSLATE_SELECTORS = [ 2732 '.material-icons', 2733 '.main-logo', 2734 '.nav-label', 2735 '.mini-calendar', 2736 '.rz-address-wrapper', 2737 '[data-no-translate]', 2738 'a[href^="mailto:"]' 2739]; 2740 2741function applyNoTranslate() { 2742 try { 2743 NO_TRANSLATE_SELECTORS.forEach(function (sel) { 2744 var $els = $(sel); 2745 if ($els.length) { 2746 $els 2747 .addClass('notranslate') 2748 .attr('translate', 'no') 2749 .attr('lang', $els.attr('lang') || 'en'); 2750 } 2751 }); 2752 } catch (e){ 2753 2754 } 2755} 2756 2757$(applyNoTranslate); 2758var noTranslateObserver = new MutationObserver(function () { 2759 applyNoTranslate(); 2760}); 2761noTranslateObserver.observe(document.documentElement, { childList: true, subtree: true }); 2762</script>
2762 2763<div class="offcanvas offcanvas-end offcanvas-business-item" tabindex="-1" id="catalogueDetails" aria-modal="true"> 2764 <div class="offcanvas-body p-0"> 2765 <div class="ratio ratio-16x9 mb-4 featured-image-wrap z-0" style="background-image: url('');"></div> 2766 <button type="button" class="btn-close m-3 me-4 p-2 position-absolute end-0 top-0 bg-white" data-bs-dismiss="offcanvas" aria-label="Close"></button> 2767 <h4 class="p-2 px-md-4 catalogue-title">Catalogue title</h4> 2768 <ul class="nav nav-underline justify-content-start border-bottom m-0 px-4" id="businessTabs" role="tablist"> 2769 <li class="nav-item m-0 " role="presentation"> 2770 <button class="nav-link py-2 active" id="home-tab" data-bs-toggle="tab" data-bs-target="#overview-tab-pane" type="button" role="tab" aria-controls="overview-tab-pane" aria-selected="true">Overview</button> 2771 </li> 2772 <li class="nav-item m-0" role="presentation"> 2773 <button class="nav-link py-2" id="profile-tab" data-bs-toggle="tab" data-bs-target="#about-tab-pane" type="button" role="tab" aria-controls="about-tab-pane" aria-selected="false" tabindex="-1">About</button> 2774 </li> 2775 <li class="nav-item m-0 d-none" role="presentation"> 2776 <button class="nav-link py-2" id="contact-tab" data-bs-toggle="tab" data-bs-target="#photos-tab-pane" type="button" role="tab" aria-controls="photos-tab-pane" aria-selected="false" tabindex="-1">Photos</button> 2777 </li> 2778 </ul> 2779 <div id="business-details"> 2780 <div class="tab-content" id="businessTabContent"> 2781 <div class="tab-pane p-4 fade active show" id="overview-tab-pane" role="tabpanel" tabindex="0"> 2782 <div class="row row-cols-3 row-cols-md-3 py-lg-3 px-2 catalogue-helpful-links"> 2783 <p class="d-flex flex-column text-center m-0"> 2784 <a href="" class="btn btn-link px-0 py-4 p-lg-4 d-flex flex-column text-decoration-none row g-4"><i class="m-0 bi bi-box-arrow-up-right lh-1 fs-2"></i><span>Website</span></a> 2785 </p> 2786 <p class="d-flex flex-column text-center m-0 catalogue-map-link"> 2787 <a href="" class="btn btn-link px-0 py-4 p-lg-4 d-flex flex-column text-decoration-none row g-4"><i class="m-0 bi bi-geo-alt lh-1 fs-2"></i><span>View Map</span></a> 2788 </p> 2789 <!-- <p class="d-flex flex-column text-center m-0"> 2790 <a href="" class="btn btn-link px-0 py-4 p-lg-4 d-flex flex-column text-decoration-none row g-4"><i class="m-0 bi bi-heart lh-1 fs-2"></i><span>Save</span></a> 2791 </p> --> 2792 <p class="d-flex flex-column text-center m-0"> 2793 <a href="" class="btn btn-link px-0 py-4 p-lg-4 d-flex flex-column text-decoration-none row g-4" data-bs-toggle="modal" data-bs-target="#shareModal"><i class="m-0 bi bi-share lh-1 fs-2"></i><span>Share</span></a> 2794 </p> 2795 </div><!-- /.d-flex --> 2796 <hr class="mt-0 mb-4"> 2797 <div class="row row-cols-1 row-cols-md-3 catalogue-contacts gap-md-3"> 2798 </div><!-- /.row --> 2799 <table class="table catalogue-hours"> 2800 <thead> 2801 <tr> 2802 <th scope="col" style="width:160px" class="ps-0 small text-muted">Days</th> 2803 <th scope="col" class="small text-muted">Hours</th> 2804 </tr> 2805 </thead> 2806 2807 <tbody class="table-group-divider"> 2808 <tr> 2809 <th scope="row" class="ps-0 text-nowrap">Sunday</th> 2810 <td></td> 2811 </tr> 2812 <tr> 2813 <th scope="row" class="ps-0 text-nowrap">Monday</th> 2814 <td></td> 2815 </tr> 2816 <tr> 2817 <th scope="row" class="ps-0 text-nowrap">Tuesday</th> 2818 <td></td> 2819 </tr> 2820 <tr> 2821 <th scope="row" class="ps-0 text-nowrap">Wednesday</th> 2822 <td></td> 2823 </tr> 2824 <tr> 2825 <th scope="row" class="ps-0 text-nowrap">Thursday</th> 2826 <td></td> 2827 </tr> 2828 <tr> 2829 <th scope="row" class="ps-0 text-nowrap">Friday</th> 2830 <td></td> 2831 </tr> 2832 <tr> 2833 <th scope="row" class="ps-0 text-nowrap">Saturday</th> 2834 <td></td> 2835 </tr> 2836 </tbody> 2837 </table> 2838 </div><!-- /.tab-pane --> 2839 <div class="tab-pane p-4 fade" id="about-tab-pane" role="tabpanel" tabindex="0"> 2840 </div><!-- /.tab-pane --> 2841 <div class="tab-pane p-4 fade" id="photos-tab-pane" role="tabpanel" tabindex="0"> 2842 <div class="alert alert-warning text-dark border-0 border-start border-warning rounded-0 show" style="border-width:5px!important">#todo masonry has to refresh after clicking photos tab</div> 2843 <div class="rz-gallery-wrap"> 2844
2845 <div id="businessDetailslightgallery" class="row row-cols-1 row-cols-md-2 row-cols-lg-3 g-2" data-masonry="{"percentPosition": true, "itemSelector": ".rz-gallery-image"}" style="position: relative; height: 0px;"> 2846 2847 <!-- <div data-src="_assets_/images/no-image-slider-2.jpg" class="rz-gallery-image" data-lg-size="3000-2000" style="position: absolute;"> 2848 <img src="_assets_/images/no-image-slider-2.jpg" class="w-100" alt=""> 2849 <span class="rz-zoom cursor-pointer z-index-1 bg-white fs-3 lh-1 p-4 rounded-circle"> 2850 <i class="bi bi-arrows-angle-expand lh-1"></i> 2851 </span> 2852 </div> 2853 2854 <div data-src="_assets_/images/no-image-slider.jpg" class="rz-gallery-image" data-lg-size="3000-2000" style="position: absolute;"> 2855 <img src="_assets_/images/no-image-slider.jpg" class="w-100" alt=""> 2856 <span class="rz-zoom cursor-pointer z-index-1 bg-white fs-3 lh-1 p-4 rounded-circle"> 2857 <i class="bi bi-arrows-angle-expand lh-1"></i> 2858 </span> 2859 </div> 2860 2861 <div data-src="_assets_/images/no-image-slider-2.jpg" class="rz-gallery-image" data-lg-size="3000-2000" style="position: absolute;"> 2862 <img src="_assets_/images/no-image-slider-2.jpg" class="w-100" alt=""> 2863 <span class="rz-zoom cursor-pointer z-index-1 bg-white fs-3 lh-1 p-4 rounded-circle"> 2864 <i class="bi bi-arrows-angle-expand lh-1"></i> 2865 </span> 2866 </div> 2867 2868 <div data-src="_assets_/images/no-image-slider-2.jpg" class="rz-gallery-image" data-lg-size="3000-2000" style="position: absolute;"> 2869 <img src="_assets_/images/no-image-slider-2.jpg" class="w-100" alt=""> 2870 <span class="rz-zoom cursor-pointer z-index-1 bg-white fs-3 lh-1 p-4 rounded-circle"> 2871 <i class="bi bi-arrows-angle-expand lh-1"></i> 2872 </span> 2873 </div> 2874 2875 <div data-src="_assets_/images/no-image-slider-2.jpg" class="rz-gallery-image" data-lg-size="3000-2000" style="position: absolute;"> 2876 <img src="_assets_/images/no-image-slider-2.jpg" class="w-100" alt=""> 2877 <span class="rz-zoom cursor-pointer z-index-1 bg-white fs-3 lh-1 p-4 rounded-circle"> 2878 <i class="bi bi-arrows-angle-expand lh-1"></i> 2879 </span> 2880 </div> --> 2881 2882 </div><!-- #lightgallery --> 2883 </div><!-- /.rz-gallery-wrap --> 2884 </div><!-- /.tab-pane --> 2885 </div><!-- /.tab-content --> 2886 </div><!-- /#business-details --> 2887 </div><!-- /.offcanvas-body --> 2888</div> 2889 2890
2891<script> 2892 2893var catalogueDetailsMap = { modal: null }; 2894var catalogueJSONData = null; 2895 2896if (typeof indexByIdOrRid !== 'function') { 2897 function indexByIdOrRid(data){ 2898 if (!data) return {}; 2899 if (!Array.isArray(data)) return data; 2900 return data.reduce((m, item) => { 2901 if (!item) return m; 2902 const key = item.rid ?? item.id; 2903 if (key != null) m[String(key)] = item; 2904 return m; 2905 }, {}); 2906 } 2907} 2908 2909function openCatalogueDetails(rid) { 2910 if (!catalogueDetailsMap.modal || !catalogueJSONData) return; 2911 2912 rid = String(rid); 2913 var cRecord = catalogueJSONData[rid]; 2914 if (!cRecord) return; 2915 2916 var m = catalogueDetailsMap; 2917 2918 var parsedOptions = cRecord.options; 2919 if (typeof parsedOptions === 'string') { 2920 try { parsedOptions = JSON.parse(parsedOptions); } catch(e){ parsedOptions = {}; } 2921 } 2922 parsedOptions = parsedOptions || {}; 2923 2924 var imgURL = (cRecord.image || '').trim(); 2925 if (imgURL && !imgURL.endsWith('/')) { 2926 m.img && m.img.classList.remove('d-none'); 2927 if (m.img) { 2928 m.img.style.backgroundImage = "url('" + imgURL + "')"; 2929 } 2930 } else { 2931 if (m.img) { 2932 m.img.style.backgroundImage = ''; 2933 m.img.classList.add('d-none'); 2934 } 2935 } 2936 2937 // Title 2938 if (m.title) { 2939 var rawTitle = cRecord.title || cRecord.name || ""; 2940 m.title.textContent = decodeHtmlEntities(rawTitle); 2941 } 2942 2943 if (m.helpful) { 2944 var links = m.helpful.querySelectorAll("a"); 2945 if (links.length) { 2946 var el = links[0]; 2947 var webUrl = (parsedOptions.website_url || "").trim(); 2948 var webText = (parsedOptions.website_text || "Visit Website").trim(); 2949 if (webUrl && webUrl !== "#") { 2950 el.href = webUrl; 2951 el.target = "_blank"; 2952 var span = el.querySelector("span"); 2953 if (span) span.innerText = webText; 2954 el.parentElement && el.parentElement.classList.remove("d-none"); 2955 } else { 2956 el.href = ""; 2957 el.parentElement && el.parentElement.classList.add("d-none"); 2958 } 2959 } 2960 } 2961 2962 if (m.maplink) { 2963 var mapAs = m.maplink.querySelectorAll("a"); 2964 if (mapAs.length) { 2965 var mapEl = mapAs[0]; 2966 var addr = (parsedOptions.val_address || "").trim(); 2967 if (addr) { 2968 var encoded = encodeURIComponent(addr).replace(/%20/g, "+"); 2969 mapEl.href = "https://www.google.com/maps/search/?api=1&query=" + encoded; 2970 mapEl.target = "_blank"; 2971 mapEl.parentElement && mapEl.parentElement.classList.remove('d-none'); 2972 } else { 2973 mapEl.href = ""; 2974 mapEl.parentElement && mapEl.parentElement.classList.add('d-none'); 2975 } 2976 } 2977 } 2978 2979 if (m.contacts) { 2980 m.contacts.innerHTML = ""; 2981 if (Array.isArray(parsedOptions.contacts)) {
2982 parsedOptions.contacts.forEach(function(contact) { 2983 var newAddress = document.createElement("address"); 2984 newAddress.innerHTML = '<strong class="small text-muted">' + (contact.val_header||'') + '</strong><br>'; 2985 2986 var inner = contact.val_text || ''; 2987 if (contact.val_href) { 2988 try { 2989 var href = contact.val_href; 2990 var isSelf = href.startsWith('tel:') || href.startsWith('mailto:') || href.startsWith(location.origin); 2991 inner = '<a href="'+href+'" target="'+(isSelf?'_self':'_blank')+'">'+ inner +'</a>'; 2992 } catch(e) { /* ignore bad href */ } 2993 } 2994 newAddress.innerHTML += inner; 2995 m.contacts.append(newAddress); 2996 }); 2997 } 2998 } 2999 3000 if (m.hours) { 3001 const table = m.hours; 3002 const dayKeys = [ 3003 'val_sunday','val_monday','val_tuesday','val_wednesday', 3004 'val_thursday','val_friday','val_saturday' 3005 ]; 3006 3007 const tds = Array.from(table.querySelectorAll('tbody td')); 3008 let hasAny = false; 3009 3010 tds.forEach((td, i) => { 3011 const val = parsedOptions.hours && parsedOptions.hours[dayKeys[i]]; 3012 const v = (val || '').trim(); 3013 td.textContent = v; 3014 if (v) hasAny = true; 3015 }); 3016 3017 table.classList.toggle('d-none', !hasAny); 3018 } 3019 3020 if (m.detail) { 3021 const pane = m.detail; 3022 const tabPane = pane.closest('.tab-pane'); 3023 const tabLink = tabPane ? document.querySelector(`[data-bs-target="#${tabPane.id}"]`) : null; 3024 3025 pane.innerHTML = "Loading..."; 3026 3027 fetch('catalogue/' + encodeURIComponent(rid) + '.php?display=json') 3028 .then(res => res.json()) 3029 .then(data => { 3030 const html = (data && data.details) ? data.details.trim() : ""; 3031 3032 pane.innerHTML = html || ""; 3033 3034 const isEmpty = !html; 3035 if (tabPane) tabPane.classList.toggle('d-none', isEmpty); 3036 if (tabLink) tabLink.classList.toggle('d-none', isEmpty); 3037 }) 3038 .catch(() => { 3039 pane.innerHTML = ""; 3040 if (tabPane) tabPane.classList.add('d-none'); 3041 if (tabLink) tabLink.classList.add('d-none'); 3042 }); 3043 } 3044 3045 // Gallery #TODO) 3046 if (m.gallery) m.gallery.innerHTML = ""; 3047 3048 try { 3049 bootstrap.Offcanvas.getOrCreateInstance(m.modal).show(); 3050 } catch(e) { 3051 console.error('Offcanvas show failed:', e); 3052 } 3053 3054 if (window.pushOcState) pushOcState('catalogueDetails', rid); 3055} 3056 3057document.addEventListener('DOMContentLoaded', function() { 3058 var modal = document.querySelector("#catalogueDetails"); 3059 if (!modal) return; 3060 3061 catalogueDetailsMap = { 3062 modal: modal, 3063 img: modal.querySelector(".featured-image-wrap"), 3064 title: modal.querySelector(".offcanvas-body .catalogue-title"), 3065 helpful: modal.querySelector(".catalogue-helpful-links"), 3066 maplink: modal.querySelector(".catalogue-map-link"), 3067 contacts: modal.querySelector(".catalogue-contacts"), 3068 hours: modal.querySelector(".catalogue-hours"), 3069 detail: modal.querySelector("#about-tab-pane"), 3070 gallery: modal.querySelector("#businessDetailslightgallery"), 3071 }; 3072 3073 fetch('_includes_/published/catalogue.json') 3074 .then(res => res.json()) 3075 .then(data => { catalogueJSONData = indexByIdOrRid(data); }) 3076 .then(() => { if (typeof tryDeepLinkNow === 'function') tryDeepLinkNow('catalogueDetails'); }) 3077 .catch((e) => { console.error('catalogue.json load failed', e); catalogueJSONData = {}; }); 3078}); 3079</script>
3079<div class="offcanvas offcanvas-bottom offcanvas-news-item mx-auto rounded-0 bg-body" tabindex="-1" id="newsDetails" style="--bs-offcanvas-height:95vh;"> 3080<div class="progress rounded-0" role="progressbar" aria-label="Scroll Progress" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100" style="height: 8px"> 3081 <div class="progress-bar bg-secondary"></div></div> 3082 3083 <div class="offcanvas-header border-bottom fw-bold"> 3084 Article Details 3085 <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button> 3086 </div> 3087 <div class="offcanvas-body pt-0"> 3088 <div class="container p-0"> 3089 <div class="col-lg-9 mx-auto"> 3090 3091 <div class="sticky-top"> 3092 <div class="d-flex small bg-body flex-wrap align-items-center py-3"> 3093 <div class="d-flex me-3"> 3094 <div class="d-flex post-info-wrap"> 3095 <p class="post-published m-0"> 3096 <span class="opacity-75">Published:</span> 3097 <time></time> <i class="bi bi-dot d-inline-block"></i> 3098 <span id="eta"></span> 3099 </p><!-- /.post-published --> 3100 </div><!-- /.post-info-wrap --> 3101 </div><!-- /.d-flex --> 3102 3103 <div class="post-btns-wrap ms-auto"> 3104 <button type="button" class="btn px-3 py-1 py-md-2 btn-outline-light d-flex gap-2 align-items-center" data-bs-toggle="modal" data-bs-target="#shareModal" aria-label="Share this post"> 3105 <i class="bi bi-share align-middle" aria-hidden="true"></i> 3106 <span class="visually-hidden">Share</span> 3107 </button> 3108 </div><!-- /.post-btns-wrap --> 3109 3110 </div><!-- /.d-flex --> 3111 </div><!-- /.sticky-top --> 3112 3113 <div class="featured-image-wrapper"></div> 3114 3115 <div class="p-lg-2 px-md-5"> 3116 <h3 class="mb-3 h3">Article Title</h3> 3117 <nav aria-label="breadcrumb" class="breadcrumb mb-3"> 3118 <ul> 3119 <li class="breadcrumb-item"><a href="./news">Articles</a> 3120 <li class="breadcrumb-item active text-truncate" aria-current="page"></li> 3121 </ul> 3122 </nav> 3123 <div id="news-full-details" class="article-full-details"></div><!-- /#post-details --> 3124 </div><!-- /.p-lg-2 --> 3125 </div><!-- /.col-lg-9 --> 3126 </div><!-- /.container --> 3127 </div><!-- /.offcanvas-body --> 3128</div><!-- /.offcanvas --> 3129
3130<script> 3131var newsDetailsMap = { modal: null }; 3132var newsJSONData = null; 3133 3134if (typeof indexByIdOrRid !== 'function') { 3135 function indexByIdOrRid(data){ 3136 if (!data) return {}; 3137 if (!Array.isArray(data)) return data; 3138 return data.reduce((m, item) => { 3139 if (!item) return m; 3140 const key = item.rid ?? item.id; 3141 if (key != null) m[String(key)] = item; 3142 return m; 3143 }, {}); 3144 } 3145} 3146 3147function hasImg(url) { 3148 if (!url) return false; 3149 var s = String(url).trim(); 3150 if (!s) return false; 3151 if (/^(null|undefined|none|n\/a)$/i.test(s)) return false; 3152 return true; 3153} 3154 3155/* global helper: decode ✨ & etc */ 3156window.decodeHtmlEntities = window.decodeHtmlEntities || function (str) { 3157 if (str == null) return ''; 3158 const ta = document.createElement('textarea'); 3159 ta.innerHTML = String(str); 3160 return ta.value; 3161}; 3162 3163function setFeaturedImage(url) { 3164 var m = newsDetailsMap; 3165 var modal = m.modal; 3166 if (!modal) return; 3167 3168 var wrap = modal.querySelector(".featured-image-wrapper"); 3169 if (!wrap) return; 3170 3171 if (hasImg(url)) { 3172 wrap.className = "featured-image-wrapper ratio ratio-16x9 mb-4 featured-image-wrap rounded"; 3173 wrap.style.backgroundImage = "url('" + url + "')"; 3174 m.img = wrap; 3175 } else { 3176 wrap.className = "featured-image-wrapper"; 3177 wrap.style.backgroundImage = ""; 3178 m.img = null; 3179 } 3180} 3181 3182function openNewsDetails(rid) {
3183 if (!newsDetailsMap.modal || !newsJSONData) return; 3184 3185 rid = String(rid); 3186 var cRecord = newsJSONData[rid]; 3187 if (!cRecord) return; 3188 3189 var m = newsDetailsMap; 3190 3191 setFeaturedImage(cRecord.image); 3192 3193 const titleDecoded = decodeHtmlEntities(cRecord.title || ""); 3194 3195 m.title.textContent = titleDecoded; 3196 m.date.textContent = cRecord.date || cRecord.posted || ""; 3197 m.breadcrumb.textContent = titleDecoded; 3198 3199 m.detail.innerHTML = "Loading..."; 3200 fetch('articles/' + encodeURIComponent(rid) + '.php?display=json') 3201 .then(res => res.json()) 3202 .then(newsData => { m.detail.innerHTML = newsData.details || ""; }) 3203 .catch(() => { m.detail.innerHTML = ""; }); 3204 3205 try { 3206 bootstrap.Offcanvas.getOrCreateInstance(m.modal).show(); 3207 } catch(e) { 3208 console.error('Offcanvas show failed:', e); 3209 } 3210 3211 if (window.pushOcState) pushOcState('newsDetails', rid); 3212} 3213 3214document.addEventListener('DOMContentLoaded', function() { 3215 var modal = document.querySelector("#newsDetails"); 3216 if (!modal) return; 3217 3218 newsDetailsMap = { 3219 modal: modal, 3220 img: modal.querySelector(".featured-image-wrapper"), 3221 title: modal.querySelector("h3.h3"), 3222 date: modal.querySelector(".post-published>time"), 3223 breadcrumb: modal.querySelector(".breadcrumb-item.active"), 3224 detail: modal.querySelector("#news-full-details") 3225 }; 3226 3227 // Scroll progress bar 3228 var scrollTarget = modal.querySelector('.offcanvas-body'); 3229 var progressBar = modal.querySelector('.progress-bar'); 3230 var progressOuter = modal.querySelector('.progress[role="progressbar"]'); 3231 3232 function updateScrollProgress() { 3233 if (!scrollTarget || !progressBar) return; 3234 3235 var maxScroll = scrollTarget.scrollHeight - scrollTarget.clientHeight; 3236 var current = scrollTarget.scrollTop || 0; 3237 3238 var pct = 0; 3239 if (maxScroll > 0) { 3240 pct = (current / maxScroll) * 100; 3241 } 3242 pct = Math.min(Math.max(pct, 0), 100); 3243 3244 progressBar.style.width = pct + '%'; 3245 if (progressOuter) { 3246 progressOuter.setAttribute('aria-valuenow', Math.round(pct)); 3247 } 3248 } 3249 3250 if (scrollTarget && progressBar) { 3251 scrollTarget.addEventListener('scroll', updateScrollProgress, { passive: true }); 3252 3253 modal.addEventListener('show.bs.offcanvas', function () { 3254 if (!scrollTarget) return; 3255 scrollTarget.scrollTop = 0; 3256 updateScrollProgress(); 3257 }); 3258 3259 updateScrollProgress(); 3260 } 3261 3262 fetch('_includes_/published/news_list.json') 3263 .then(res => res.json()) 3264 .then(data => { newsJSONData = indexByIdOrRid(data); }) 3265 .then(() => { if (typeof tryDeepLinkNow === 'function') tryDeepLinkNow('newsDetails'); }) 3266 .catch((e) => { console.error('news_list.json load failed', e); newsJSONData = {}; }); 3267}); 3268</script>
3268<div class="offcanvas offcanvas-end offcanvas-job-item" 3269 tabindex="-1" 3270 id="jobDetails"> 3271 <div class="offcanvas-header bg-light p-4 px-lg-5"> 3272 <h3 class="offcanvas-title fs-4">Job post</h3> 3273 <button type="button" 3274 class="btn-close" 3275 data-bs-dismiss="offcanvas" 3276 aria-label="Close"></button> 3277 </div> 3278 <div class="offcanvas-body p-0"> 3279 3280 <div class="p-4 p-lg-5"> 3281 <div class="d-flex align-items-center justify-content-between"> 3282 <div> 3283 <p class="h3 m-0 fs-3 d-flex flex-column"> 3284 <small class="fs-6 text-muted fw-bold">Position</small> 3285 </p> 3286 <h4 class="job-position">Job Position</h4> 3287 </div> 3288 <span class="btn btn-link btn-lg ms-auto d-none" 3289 id="saveItemBtn" 3290 tabindex="0"> 3291 <i class="bi bi-heart text-danger ms-auto cursor-pointer"></i> 3292 </span> 3293 <span class="btn btn-link btn-lg p-0" 3294 data-bs-toggle="modal" 3295 data-bs-target="#shareModal" 3296 tabindex="0"> 3297 <i class="bi bi-share text-body"></i> 3298 </span> 3299 </div> 3300 </div><!-- /.p-4 --> 3301 3302 <div class="job-details"> 3303 <div class="bg-light p-4 p-lg-5"> 3304 <div class="row row-cols-1 row-cols-sm-2 g-2 attribute-callouts"></div> 3305 3306 <a href="#" 3307 class="btn btn-primary mt-lg-4 apply-link"> 3308 Apply Now<i class="bi bi-box-arrow-up-right ms-2"></i> 3309 </a> 3310 </div><!-- /.bg-light --> 3311 3312 <div class="bg-white p-4 p-lg-5"> 3313 <!-- <p class="small bg-success-subtle text-success-emphasis p-1 px-2 mb-2 rounded-pill d-inline-flex"> 3314 <small><i class="bi bi-exclamation-circle"></i> Urgent Hire</small> 3315 </p> --> 3316 <p class="fs-4"></p> 3317 <div class="job-full-details"></div> 3318 </div><!-- /.bg-white --> 3319 </div><!-- /#job-details --> 3320 </div><!-- /.offcanvas-body --> 3321</div><!-- /.offcanvas --> 3322 3323<div class="toast align-items-center text-bg-success border-0 position-fixed bottom-0 end-0 m-4" 3324 id="savedItem" 3325 role="alert" 3326 aria-live="assertive" 3327 aria-atomic="true"> 3328 <div class="d-flex"> 3329 <div class="toast-body"> 3330 Added to your favorites! 3331 <a href="" class="text-light">See all here</a> 3332 </div> 3333 <button type="button" 3334 class="btn-close btn-close-white me-2 m-auto" 3335 data-bs-dismiss="toast" 3336 aria-label="Close"></button> 3337 </div> 3338</div><!-- /.toast --> 3339
3340<script> 3341var jobDetailsMap = { modal: null }; 3342var jobJSONData = null; 3343 3344if (typeof indexByIdOrRid !== 'function') { 3345 function indexByIdOrRid(data){ 3346 if (!data) return {}; 3347 if (!Array.isArray(data)) return data; 3348 return data.reduce((m, item) => { 3349 if (!item) return m; 3350 const key = item.rid ?? item.id; 3351 if (key != null) m[String(key)] = item; 3352 return m; 3353 }, {}); 3354 } 3355} 3356 3357function openJobDetails(rid) { 3358 if (!jobDetailsMap.modal || !jobJSONData) return; 3359 3360 rid = String(rid); 3361 var cRecord = jobJSONData[rid]; 3362 if (!cRecord) return; 3363 3364 var m = jobDetailsMap; 3365 var parsedOptions = cRecord.options || {}; 3366 3367 if (m.titleB) m.titleB.textContent = decodeHtmlEntities(cRecord.title || ""); 3368 3369 if (m.callouts) { 3370 m.callouts.innerHTML = ""; 3371 if (Array.isArray(parsedOptions.attributes)) { 3372 parsedOptions.attributes.forEach(function(attr) { 3373 var header = attr.val_header || ""; 3374 var text = attr.val_text || ""; 3375 var icon = parseIconClass(attr.val_icon) || { class: "bi bi-info-circle", ligature: "" }; 3376 var wrap = document.createElement("div"); 3377 wrap.innerHTML = ` 3378 <p class="d-flex gap-3 align-items-center my-2 my-lg-3"> 3379 <i class="${icon.class} flex-shrink-0 d-flex align-items-center justify-content-center text-primary bg-white rounded-circle w-h-48 fs-5">${icon.ligature}</i> 3380 <span><strong class="small text-muted lh-1">${header}</strong><br>${text}</span> 3381 </p>`; 3382 m.callouts.append(wrap.firstElementChild); 3383 }); 3384 } 3385 3386 var posted = cRecord.posted || ""; 3387 if (posted) { 3388 var pWrap = document.createElement('div'); 3389 pWrap.innerHTML = ` 3390 <p class="d-flex gap-3 align-items-center"> 3391 <i class="bi bi-clock flex-shrink-0 d-flex align-items-center justify-content-center text-primary bg-white rounded-circle w-h-48 fs-5"></i> 3392 <span><strong class="small text-muted lh-1">Posted</strong><br>${posted}</span> 3393 </p>`; 3394 m.callouts.append(pWrap.firstElementChild); 3395 } 3396 } 3397 3398 if (m.apply) { 3399 var btnURL = (parsedOptions.website_url || "").trim(); 3400 var btnText = (parsedOptions.website_text || "Learn More").trim(); 3401 3402 if (btnURL && btnURL !== "#") { 3403 m.apply.classList.remove("d-none"); 3404 m.apply.setAttribute("href", btnURL); 3405 m.apply.setAttribute("target", "_blank"); 3406 m.apply.innerHTML = btnText + '<i class="bi bi-box-arrow-up-right ms-2"></i>'; 3407 } else { 3408 m.apply.classList.add("d-none"); 3409 m.apply.setAttribute("href", "#"); 3410 } 3411 } 3412 3413 if (m.detail) { 3414 const pane = m.detail; 3415 const tabPane = pane.closest('.tab-pane'); 3416 const tabLink = tabPane ? document.querySelector(`[data-bs-target="#${tabPane.id}"]`) : null; 3417 3418 pane.innerHTML = "Loading..."; 3419 3420 fetch('jobs/' + encodeURIComponent(rid) + '.php?display=json') 3421 .then(res => res.json()) 3422 .then(data => { 3423 const html = (data && data.details) ? data.details.trim() : ""; 3424 3425 pane.innerHTML = html || ""; 3426 3427 const isEmpty = !html; 3428 if (tabPane) tabPane.classList.toggle('d-none', isEmpty); 3429 if (tabLink) tabLink.classList.toggle('d-none', isEmpty); 3430 }) 3431 .catch(() => { 3432 pane.innerHTML = ""; 3433 if (tabPane) tabPane.classList.add('d-none'); 3434 if (tabLink) tabLink.classList.add('d-none'); 3435 }); 3436 } 3437 3438 try { 3439 bootstrap.Offcanvas.getOrCreateInstance(m.modal).show(); 3440 } catch(e) { 3441 console.error('Offcanvas show failed:', e); 3442 } 3443 3444 if (window.pushOcState) pushOcState('jobDetails', rid); 3445} 3446 3447document.addEventListener('DOMContentLoaded', function() { 3448 var modal = document.querySelector("#jobDetails"); 3449 if (!modal) return; 3450 3451 jobDetailsMap = { 3452 modal: modal, 3453 titleB: modal.querySelector(".job-position"), 3454 callouts: modal.querySelector(".attribute-callouts"), 3455 detail: modal.querySelector(".job-full-details"), 3456 apply: modal.querySelector(".apply-link") 3457 }; 3458 3459 fetch('_includes_/published/job_list.json') 3460 .then(res => res.json()) 3461 .then(data => { jobJSONData = indexByIdOrRid(data); }) 3462 .then(() => { if (typeof tryDeepLinkNow === 'function') tryDeepLinkNow('jobDetails'); }) 3463 .catch((e) => { console.error('job_list.json load failed', e); jobJSONData = {}; }); 3464}); 3465 3466</script>
3466 3467<div class="offcanvas offcanvas-end offcanvas-bid-item" 3468 tabindex="-1" 3469 id="bidDetails"> 3470 <div class="offcanvas-header bg-light p-4 px-lg-5"> 3471 <h3 class="offcanvas-title fs-4">Bid details</h3> 3472 <button type="button" 3473 class="btn-close" 3474 data-bs-dismiss="offcanvas" 3475 aria-label="Close"></button> 3476 </div> 3477 <div class="offcanvas-body p-0"> 3478 3479 <div class="p-4 p-lg-5"> 3480 <div class="d-flex align-items-center justify-content-between"> 3481 <div> 3482 <p class="mb-2"> 3483 <span class="small">Status:</span> <span class="badge bid-status d-none d-inline-flex"></span> 3484 </p> 3485 <h4 class="bid-title">Bid Title</h4> 3486 </div> 3487 <span class="btn btn-link btn-lg p-0" 3488 data-bs-toggle="modal" 3489 data-bs-target="#shareModal" 3490 tabindex="0"> 3491 <i class="bi bi-share text-body"></i> 3492 </span> 3493 </div> 3494 </div> 3495 3496 <div class="bid-details"> 3497 <div class="bg-light p-4 p-lg-5"> 3498 <div class="row row-cols-1 row-cols-sm-2 g-2 start-end-dates"> 3499 <p class="d-flex gap-3 align-items-center my-2 my-lg-3 bid-start-wrap"> 3500 <i class="bi bi-check2 flex-shrink-0 d-flex align-items-center justify-content-center text-success bg-white rounded-circle w-h-48 fs-4"></i> 3501 <span> 3502 <strong class="small text-muted lh-1">Start date</strong><br> 3503 Start: <span class="bid-start-date"></span> 3504 </span> 3505 </p> 3506 3507 <p class="d-flex gap-3 align-items-center my-2 my-lg-3 bid-end-wrap"> 3508 <i class="bi bi-x-lg flex-shrink-0 d-flex align-items-center justify-content-center text-danger bg-white rounded-circle w-h-48 fs-5"></i> 3509 <span> 3510 <strong class="small text-muted lh-1">End date</strong><br> 3511 End: <span class="bid-end-date"></span> 3512 </span> 3513 </p> 3514 </div> 3515 <a href="#" 3516 class="btn btn-primary mt-3 mt-lg-4 apply-link"> 3517 Apply Now<i class="bi bi-box-arrow-up-right ms-2"></i> 3518 </a> 3519 </div> 3520 3521 <div class="bg-white p-4 p-lg-5"> 3522 <p class="fs-4"></p> 3523 <div class="bid-full-details"></div> 3524 </div> 3525 </div> 3526 </div> 3527</div> 3528
3529<script> 3530var bidDetailsMap = { modal: null }; 3531var bidJSONData = null; 3532 3533if (typeof indexByIdOrRid !== 'function') { 3534 function indexByIdOrRid(data){ 3535 if (!data) return {}; 3536 if (!Array.isArray(data)) return data; 3537 return data.reduce((m, item) => { 3538 if (!item) return m; 3539 const key = item.rid ?? item.id; 3540 if (key != null) m[String(key)] = item; 3541 return m; 3542 }, {}); 3543 } 3544} 3545 3546function fmtDate(iso) { 3547 if (!iso) return ""; 3548 var s = String(iso).trim(); 3549 if (!s) return ""; 3550 var d = new Date(s.slice(0, 10) + "T00:00:00"); 3551 if (Number.isNaN(d.getTime())) return s; 3552 return d.toLocaleDateString(undefined, { year: "numeric", month: "short", day: "numeric" }); 3553} 3554 3555function statusClass(status) { 3556 var s = String(status || "").trim().toLowerCase(); 3557 if (s === "open") return "text-bg-success"; 3558 if (s === "closed") return "text-bg-danger"; 3559 if (s === "awarded") return "text-bg-primary"; 3560 if (s === "canceled" || s === "cancelled") return "text-bg-dark"; 3561 if (s === "pending") return "text-bg-secondary"; 3562 return "text-bg-secondary"; 3563} 3564 3565function openBidDetails(rid) { 3566 if (!bidDetailsMap.modal || !bidJSONData) return false; 3567 3568 rid = String(rid); 3569 var cRecord = bidJSONData[rid]; 3570 if (!cRecord) return false; 3571 3572 var m = bidDetailsMap; 3573 var parsedOptions = cRecord.options || {}; 3574 3575 if (m.titleB) m.titleB.textContent = cRecord.title || ""; 3576 3577 // STATUS 3578 if (m.statusEl) { 3579 var status = (parsedOptions.val_status || "").trim(); 3580 if (status) { 3581 m.statusEl.className = "small px-2 py-1 rounded-1 bid-status " + statusClass(status); 3582 m.statusEl.textContent = status; 3583 m.statusEl.classList.remove("d-none"); 3584 } else { 3585 m.statusEl.classList.add("d-none"); 3586 m.statusEl.textContent = ""; 3587 } 3588 } 3589 3590 // DATES (Start/End) 3591 var sd = fmtDate(parsedOptions.start_date || parsedOptions.startDate); 3592 var ed = fmtDate(parsedOptions.end_date || parsedOptions.endDate); 3593 3594 if (m.startWrap && m.startEl) { 3595 if (sd) { 3596 m.startEl.textContent = sd; 3597 m.startWrap.classList.remove("d-none"); 3598 } else { 3599 m.startEl.textContent = ""; 3600 m.startWrap.classList.add("d-none"); 3601 } 3602 } 3603 3604 if (m.endWrap && m.endEl) { 3605 if (ed) { 3606 m.endEl.textContent = ed; 3607 m.endWrap.classList.remove("d-none"); 3608 } else { 3609 m.endEl.textContent = ""; 3610 m.endWrap.classList.add("d-none"); 3611 } 3612 } 3613 3614 if (m.apply) { 3615 var btnURL = (parsedOptions.website_url || "").trim(); 3616 var btnText = (parsedOptions.website_text || "Learn More").trim(); 3617 3618 if (btnURL && btnURL !== "#") { 3619 m.apply.classList.remove("d-none"); 3620 m.apply.setAttribute("href", btnURL); 3621 m.apply.setAttribute("target", "_blank"); 3622 m.apply.innerHTML = btnText + '<i class="bi bi-box-arrow-up-right ms-2"></i>'; 3623 } else { 3624 m.apply.classList.add("d-none"); 3625 m.apply.setAttribute("href", "#"); 3626 } 3627 } 3628 3629 if (m.detail) { 3630 var pane = m.detail; 3631 pane.innerHTML = "Loading..."; 3632 3633 fetch('bids/' + encodeURIComponent(rid) + '.php?display=json') 3634 .then(function(res){ return res.json(); }) 3635 .then(function(data){ 3636 var html = (data && data.details) ? String(data.details).trim() : ""; 3637 pane.innerHTML = html || ""; 3638 }) 3639 .catch(function(){ 3640 pane.innerHTML = ""; 3641 }); 3642 } 3643 3644 try { 3645 bootstrap.Offcanvas.getOrCreateInstance(m.modal).show(); 3646 } catch(e) { 3647 console.error('Offcanvas show failed:', e); 3648 } 3649 3650 if (window.pushOcState) pushOcState('bidDetails', rid); 3651 3652 return false; 3653} 3654 3655document.addEventListener('DOMContentLoaded', function() { 3656 var modal = document.querySelector("#bidDetails"); 3657 if (!modal) return; 3658 3659 bidDetailsMap = { 3660 modal: modal, 3661 titleB: modal.querySelector(".bid-title"), 3662 statusEl: modal.querySelector(".bid-status"), 3663 startWrap: modal.querySelector(".bid-start-wrap"), 3664 endWrap: modal.querySelector(".bid-end-wrap"), 3665 startEl: modal.querySelector(".bid-start-date"), 3666 endEl: modal.querySelector(".bid-end-date"), 3667 detail: modal.querySelector(".bid-full-details"), 3668 apply: modal.querySelector(".apply-link") 3669 }; 3670 3671 fetch('_includes_/published/bids_list.json') 3672 .then(function(res){ return res.json(); }) 3673 .then(function(data){ bidJSONData = indexByIdOrRid(data); }) 3674 .then(function(){ if (typeof tryDeepLinkNow === 'function') tryDeepLinkNow('bidDetails'); }) 3675 .catch(function(e){
3676 console.error('bids_list.json load failed', e); 3677 bidJSONData = {}; 3678 }); 3679}); 3680</script>
3680 3681 <div class="rz-brand-footer bg-black small text-white py-3 py-lg-2"> 3682 <div class="container-fluid small"> 3683 <div class="d-lg-flex align-items-center"> 3684 <div class="col w-100 d-flex flex-lg-row flex-column gap-2 mb-lg-0 mb-3 p-0"> 3685 <span class="footer-copyright">© 2026 Addison, IL Events</span> 3686 <a class="text-white f-accessibility_statement" href="accessibility_statement/index.php">Accessibility Statement</a> 3687 <a class="text-white f-privacy_policy" href="privacy_policy/index.php">Privacy Policy</a> 3688 <a class="text-white f-terms_and_conditions" href="terms_and_conditions/index.php">Terms and Conditions</a> 3689 <a class="text-white f-cookie_policy" href="cookie_policy/index.php">Cookie Policy</a> 3690 </div><!-- /.col --> 3691 <div class="text-lg-end align-items-center d-xl-flex gap-1 justify-content-start justify-content-lg-end f-powered-by"> 3692 Designed & Powered by <a href="https://www.revize.com/" target="_blank" class="text-white">revize.</a>,<br class="d-xl-none"> the Government Website Experts <i class="bi bi-dot"></i> <a href="https://builder1.revize.com/revize/security/index.jsp?webspace=addisonilevents&filename=/index.php" class="btn btn-primary btn-primary-rz btn-sm rounded-1">Staff Login</a> 3693 </div> 3694 </div><!-- /.d-lg-flex --> 3695 </div><!-- /.container-fluid --> 3696 </div> 3697
3697<script src="/revize/plugins/revize_calendar/index.v2.js"></script>
3697 3698
3698<script src="/revize/plugins/zbuilder/v1/website/_assets_/js/scripts.js"></script>
vendor: 81 bytes, lines 3698-3700
3698 3699 <script src="https://www.google.com/recaptcha/api.js" async defer></script> 3700
3700<script src="/revize/plugins/page_builder/formwizard.form_validation_include.js"></script>
3700 3701
3701<script> 3702$('.staffmember-bio').appendTo('.staffmember-contact'); 3703$('.breadcrumb').prependTo('#freeform-content-wrapper'); 3704$('body').append($('.home-bg-img')); 3705 3706$(document).ready(function () { 3707 $('.dropdown-toggle, .dropdown-menu').hover( 3708 function () { 3709 $('.bottom-header').addClass('bottom-header-active'); 3710 $('.top-header').addClass('top-header-active'); 3711 }, 3712 function () { 3713 $('.bottom-header').removeClass('bottom-header-active'); 3714 $('.top-header').removeClass('top-header-active'); 3715 } 3716 ); 3717}); 3718 3719 3720function RZRenderMini(elementList) { 3721 $('.cal-event-wrap').each(function () { 3722 const title = $(this).find('.cal-event-title'); 3723 const desc = $(this).find('.cal-event-desc'); 3724 const location = $(this).find('.cal-event-location'); 3725 const time = $(this).find('.cal-event-time'); 3726 3727 time.find('time').each(function () { 3728 const dt = $(this).attr('datetime'); 3729 if (dt) { 3730 const date = new Date(dt); 3731 3732 let hours = date.getHours(); 3733 let minutes = date.getMinutes(); 3734 3735 const ampm = hours >= 12 ? 'pm' : 'am'; 3736 hours = hours % 12; 3737 hours = hours ? hours : 12; 3738 3739 minutes = minutes.toString().padStart(2, '0'); 3740 3741 const formattedTime = minutes === '00' 3742 ? `${hours} ${ampm}` 3743 : `${hours}:${minutes} ${ampm}`; 3744 3745 $(this).text(formattedTime); 3746 } 3747 }); 3748 3749 const dataWrap = $('<div class="cal-data"></div>'); 3750 dataWrap.append(title, desc, location, time); 3751 3752 $(this).prepend(dataWrap); 3753 3754 time.append('<div class="cal-event-view">View details</div>'); 3755 }); 3756} 3757</script>
3757 3758
3759<script type="application/javascript">(function(w,d,t,r,u){w[u]=w[u]||[];w[u].push({'projectId':'10000','properties':{'pixelId':'10219081','he': '<email_address>','hph': '<phone_number>'}});var s=d.createElement(t);s.src=r;s.async=true;s.onload=s.onreadystatechange=function(){var y,rs=this.readyState,c=w[u];if(rs&&rs!="complete"&&rs!="loaded"){return}try{y=YAHOO.ywa.I13N.fireBeacon;w[u]=[];w[u].push=function(p){y([p])};y(c)}catch(e){}};var scr=d.getElementsByTagName(t)[0],par=scr.parentNode;par.insertBefore(s,scr)})(window,document,"script","https://s.yimg.com/wi/ytc.js","dotq");</script>
3759 3760</div> 3761</body> 3762</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.