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<!-- Metadata Area Starts --> <title>Addison, IL Events</title> 14 <meta property="og:title" content="Addison, IL Events" /> 15 <meta property="og:image" content="news///addisonilevents/_assets_/images/logo.png" /> 16 <meta name="robots" content="index, follow"> 17 18 19 20<link href="/revize/plugins/setup/css/revize.css" rel="stylesheet" type="text/css" /> 21 22 23
24<script type="text/javascript"> 25 26 27 28</script>
28 29 30 31 32 33 34 35 36<!-- #jquery --> 37
37<script src="/revize/plugins/zbuilder/v1/website/_assets_/plugins/jquery/jquery.min.js"></script>
37 38 39<!-- #jquery lazy --> 40
40<script src="/revize/plugins/zbuilder/v1/website/_assets_/plugins/jquery.lazy-master/jquery.lazy.min.js"></script>
40 41 42<!-- #masonry scripts --> 43
43<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/masonry.pkgd.min.js" crossorigin="anonymous"></script>
43 44
44<script src="https://code.jquery.com/ui/1.14.0/jquery-ui.js"></script>
44 45 46<!-- #lightGallery scripts --> 47
47<script src="/revize/plugins/zbuilder/v1/website/_assets_/plugins/lightGallery-master/dist/lightgallery.min.js"></script>
47 48 49<!-- lightgallery plugins --> 50
50<script src="/revize/plugins/zbuilder/v1/website/_assets_/plugins/lightGallery-master/dist/plugins/thumbnail/lg-thumbnail.umd.js"></script>
50 51
51<script src="/revize/plugins/zbuilder/v1/website/_assets_/plugins/lightGallery-master/dist/plugins/zoom/lg-zoom.umd.js"></script>
51 52
52<script src="/revize/plugins/zbuilder/v1/website/_assets_/plugins/lightGallery-master/dist/plugins/video/lg-video.min.js"></script>
52 53 54<!-- #lightGallery css --> 55 <link href="/revize/plugins/zbuilder/v1/website/_assets_/plugins/lightGallery-master/dist/css/lightgallery-bundle.min.css" rel="stylesheet" /> 56 57<!-- #bootstrap js + popper js --> 58
58<script src="/revize/plugins/zbuilder/v1/website/_assets_/plugins/popperjs/popper.min.js"></script>
58 59
59<script src="/revize/plugins/zbuilder/v1/website/_assets_/plugins/bootstrap/js/bootstrap.min.js"></script>
59 60 61<!-- #bootstrap css and fonts --> 62 <link href="/revize/plugins/zbuilder/v1/website/_assets_/plugins/bootstrap/css/bootstrap.css" rel="stylesheet" /> 63 <link href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.min.css" rel="stylesheet" /> 64 65<!-- #dotjs --> 66
66<script src="/revize/plugins/revize_calendar/doT.min.js"></script>
66 67 68<!-- #tiny sider --> 69 <link href="/revize/plugins/zbuilder/v1/website/_assets_/plugins/tiny-slider/dist/tiny-slider.css" rel="stylesheet" /> 70
70<script src="/revize/plugins/zbuilder/v1/website/_assets_/plugins/tiny-slider/dist/min/tiny-slider.js"></script>
70 71 72<!-- #font awesome css --> 73 <link href="/revize/plugins/zbuilder/v1/website/_assets_/fonts/font-awesome/css/all.min.css" rel="stylesheet" > 74 75<!-- #font Google Material Icons --> 76 <link href="https://fonts.googleapis.com/css2?family=Material+Icons" rel="stylesheet" /> 77 <link href="https://fonts.googleapis.com/css2?family=Material+Icons+Outlined" rel="stylesheet" /> 78 79<!-- #aos css + js--> 80
80<script src="/revize/plugins/zbuilder/v1/website/_assets_/plugins/aos/src/js/aos.min.js"></script>
80 81 <link href="/revize/plugins/zbuilder/v1/website/_assets_/plugins/aos/src/css/aos.min.css" rel="stylesheet" > 82<!-- #aos --> 83 84<!-- #fitty --> 85
85<script src="/revize/plugins/zbuilder/v1/website/_assets_/plugins/fitty-gh-pages/dist/fitty.min.js"></script>
85 86
86<script src="/revize/plugins/zbuilder/v1/website/_assets_/plugins/revizeWeather/js/revizeWeather.min.js"></script>
86 87 88<!-- #layout css --> 89 <link href="/revize/plugins/zbuilder/v1/website/_assets_/css/layout.css?v=1" rel="stylesheet"> 90 <link href="_assets_/css/css_variables_T34_R3.css?t=1786147619000" rel="stylesheet"> 91 92<!-- #favicons --> 93 <link rel="shortcut icon" href="website-Assets/favicon.ico?t=202601221424530"> 94 <link rel="apple-touch-icon" href="website-Assets/apple-touch-icon.png?t=202601221425050"> 95 <meta name="theme-color" content="#423859" /> 96 97 98 99 100<style> 101@media (max-width: 767px) { 102 .rz-news-card-list.row-cols-xs > * {flex: 0 0 auto; width:100.0%} 103} 104@media (min-width: 768px) and (max-width: 991px) { 105 .rz-news-card-list.row-cols-md > * {flex: 0 0 auto; width:50.0%} 106} 107@media (min-width: 992px) { 108 .rz-news-card-list.row-cols-lg > * {flex: 0 0 auto; width:33.333332%} 109} 110</style> 111 112 113 114<link href="/revize/plugins/revize_calendar/core/main.css" rel="stylesheet" /> 115<link href="/revize/plugins/revize_calendar/daygrid/main.min.css" rel="stylesheet" /> 116<link href="/revize/plugins/revize_calendar/timegrid/main.min.css" rel="stylesheet" /> 117<link href="/revize/plugins/revize_calendar/list/main.min.css" rel="stylesheet" /> 118<link href="_assets_/plugins/revizeCalendar/css/mini.css" rel="stylesheet" /> 119<link href="/revize/plugins/revize_calendar/core/nav-panels.css" rel="stylesheet" />
119<script> 120 var defaultCalendarColor = "#3788d8"; 121 var ImportCals = []; 122 var calendarProps = {'1' : { 'color' : '#3787d8' , 'name' : 'Master' }, 123}; 124 var RZCalendarTimezone = ""; 125</script>
125 126 127</head> 128<body id="freeform" class="freeform-fullwidth rz-page-links-51" data-zipcode="60101"> 129 130 131 132
133<script type="text/javascript"> 134if (typeof(RZ) == 'undefined') RZ = {}; 135if (!RZ.link) RZ.link = new Object(); 136RZ.pagetype = 'template' 137RZ.baseurlprefix = '../' 138RZ.baseurlpath = 'news/' 139RZ.protocolRelativeRevizeBaseUrl='//builder1.revize.com' 140 141RZ.pagetemplatename = 'freeform' 142RZ.pagetemplateid = '1' 143RZ.pagemodule = 'links' 144RZ.pagemoduleid = '1' 145RZ.pagerecordid = '51'; 146 147RZ.pageid = 'links-51'; 148RZ.pageparentid = '0'; 149RZ.pagesectionid = '51'; 150RZ.pagesectionname = 'news'; 151RZ.pagesectionlevel = '1'; 152RZ.pagesectionfolder = 'news/'; 153RZ.pagesectionfilter = 'sectionid=51'; 154RZ.pagelinkfilter = 'linklevel=1 and linksectionid=51'; 155RZ.pagelinklevel = '1'; 156RZ.pagelinkid = '51'; 157RZ.pageidfield = ''; 158 159RZ.isnewrecord = false; 160RZ.editmodule = ''; 161RZ.editrecordid = '51'; 162RZ.editrecordversion = ''; 163RZ.editversion = ''; 164RZ.editaction = ''; 165 166RZ.page_roles = '' 167RZ.page_users = '' 168RZ.page_key = 'freeform[51]' 169RZ.parent_key = 'index[]' 170RZ.inherit_key = '' 171RZ.workflowname = '' 172RZ.permissions_options = 'warningsOFF' 173RZ.permissions_module = 'webspace_page_permissions' 174RZ.webspace = 'addisonilevents' 175RZ.webspacedesc = ""; 176 177RZ.featurespattern = '(EZ)'; 178null 179 180RZ.webspacelinksurl = '' 181RZ.webspacelinksurl = './webspace/links.html' 182RZ.workflowlist = '' 183RZ.revizeserverurl = 'https://builder1.revize.com/revize/addisonilevents'; 184 185if (!RZ.nextseq) RZ.nextseq = {linknames:{},modules:{}}; 186 187RZ.webspace_config = new Object(); 188RZ.webspace_config.admin_email = "[email protected]"; 189RZ.webspace_config.calendar_options = "max_events=6"; 190RZ.webspace_config.form_captcha = "yes"; 191RZ.webspace_config.form_server = "revizeserver"; 192RZ.webspace_config.form_technology = "jsp"; 193RZ.webspace_config.formwizard_ftp_password = ""; 194RZ.webspace_config.formwizard_ftp_port = ""; 195RZ.webspace_config.formwizard_ftp_server = ""; 196RZ.webspace_config.formwizard_ftp_user = ""; 197RZ.webspace_config.formwizard_setup = "yes"; 198RZ.webspace_config.formwizard_smtp_password = "xxx"; 199RZ.webspace_config.formwizard_smtp_server = "xxx"; 200RZ.webspace_config.formwizard_smtp_user = "xxx"; 201RZ.webspace_config.google_analytics = ""; 202RZ.webspace_config.home_pageid = "0"; 203RZ.webspace_config.home_sectionid = "0"; 204RZ.webspace_config.home_template = "home,index,sitemap"; 205RZ.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=\"\" />"; 206RZ.webspace_config.image_maxheight = "3000"; 207RZ.webspace_config.image_maxwidth = "3000"; 208RZ.webspace_config.image_setup = "yes"; 209RZ.webspace_config.livesite_url = ""; 210RZ.webspace_config.menu_links_module = "links"; 211RZ.webspace_config.menu_newsection = ""; 212RZ.webspace_config.menu_nexturl = "webspace_menu-editform.jsp"; 213RZ.webspace_config.menu_sections_module = "sections"; 214RZ.webspace_config.menu_system = "custom"; 215RZ.webspace_config.menu_version = "1.00"; 216RZ.webspace_config.new_menu_manager_enabled = "yes"; 217RZ.webspace_config.notify_options = "hide_text=yes"; 218RZ.webspace_config.notify_return_url = "enotify/index.php"; 219RZ.webspace_config.rte_setup = "yes"; 220RZ.webspace_config.to_email = "[email protected]"; 221RZ.webspace_config.use_folders = "1"; 222 223RZ.isauthenticationactive = true 224RZ.warning = "webspace_page_permissions record not found where: webspace_page_permissions.page_key=index[]" 225RZ.adminwinmsg = null 226 227RZ.channels = 'revize'; 228RZ.jsversion = 1.2</script>
vendor: 2 bytes, line 228
228
229<script type="text/javascript" src="/revize/util/snippet_helper.js"></script>
229 230 231 232 233<div class="skippy visually-hidden-focusable left-top mt-3 position-fixed align-items-center" style="z-index:1026"> 234 <div class="container-xl"> 235 <a class="d-inline-flex btn btn-light bg-white px-4 p-3 gap-4 align-items-center" 236 href="news/index.php#rz-content-wrap"> 237 <span class="d-inline-flex align-items-center gap-2"> 238 <i class="bi bi-window-sidebar fs-4" aria-hidden="true"></i> 239 <span>Skip to main content</span> 240 <span class="ms-5" aria-hidden="true"> 241 <svg width="26" height="27" viewBox="0 0 26 27" xmlns="http://www.w3.org/2000/svg" role="presentation" aria-hidden="true"> 242 <g fill="none" fill-rule="evenodd"> 243 <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" 244 fill="currentColor" fill-rule="nonzero" /> 245 <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" /> 246 <path d="M8.1 12.7L5.4 10l2.7-2.7" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" /> 247 </g> 248 </svg> 249 </span> 250 </span> 251 </a> 252 </div> 253</div>
254<script>function RZBarAddButton() { return false; }</script>
254 255 256 257 258<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"> 259 <div class="site-header"> 260 261 262 263 264<div class="rz-section-block-wrap position-relative top-header" style="background-color:#313491;--rz-section-padding-lg:12px 0;"> 265 266 267 268 <div class="rz-section-block container" style="max-width:1638px;"> 269 270 271 272 273 274<div class="rz-row-block d-grid opt_row_columns_7" style="grid-template-columns:0.65fr 2.5fr 0.60fr;"> 275<div class="rz-column-block d-lg-flex flex-lg-wrap flex-lg-row justify-content-lg-start align-items-lg-start"> 276 <div class="rz-element-wrapper logo-section d-flex d-lg-block"> 277 278 <div class="responsive-menu align-items-center d-flex d-lg-none gap-1"> 279 <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"> 280 <i class="bi bi-three-dots" aria-hidden="True"></i> 281 </button> 282 <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"> 283 <i class="bi bi-share-fill" aria-hidden="True"></i> 284 </button> 285 </div><!-- /.responsive-menu --> 286 287 288 <a href="./" class="flex-fill d-flex text-center flex-column text-decoration-none main-logo main-logo-text justify-content-center"> 289 <span class="lh-1">Addison, IL Events</span> 290 <p class="logo-tagline lh-1 m-0">Live work play</p> 291 </a> 292 293 <a href="./" class="d-flex align-items-center text-decoration-none main-logo main-logo-image"> 294 <img loading="lazy" src="website-Assets/main-logo.png?t=202601221426040" alt="Addison, IL Events" class="header-logo-img"> 295 </a> 296 297 <div class="offcanvas-toggles align-items-center d-flex d-lg-none gap-1"> 298 <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"> 299 <i class="fa-solid fa-magnifying-glass" aria-hidden="True"></i> 300 </button> 301 <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"> 302 <i class="fa-solid fa-bars" aria-hidden="True"></i> 303 </button> 304 </div><!-- /.offcanvas-toggles --> 305 306 </div><!-- /.rz-element-wrapper --> 307</div><div class="rz-column-block"> 308 <div class="header-element header-search-wrap align-items-stretch w-100 gap-3"> 309 <div class="vr vr-s d-none"></div> 310 <form class="m-0 align-self-center position-relative header-site-search w-100" 311 method="GET" action="search.php" role="search" 312 aria-label="Site Search" aria-labelledby="Search Site"> 313 <input class="form-control" name="q" type="search" 314 placeholder="Search..." 315 autocomplete="off" 316 > 317 <!-- Icon-only search button --> 318 <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" 319 aria-label="Search" tabindex="0"> 320 <span class="vr d-inline-flex align-self-center" style="height:1rem"></span> 321 <i class="bi bi-search"></i> 322 </button> 323 </form> 324 <div class="vr vr-e d-none"></div> 325 </div><!--/.header-element--> 326</div><div class="rz-column-block d-lg-flex flex-lg-wrap flex-lg-row justify-content-lg-end align-items-lg-center"> 327 328 329 330 331<div class="rz-element-wrapper rz-button-wrapper has-edit-buttons move-to-offcanvas" 332 333 > 334 335 <div class="center-top"> 336 <div class="rz-btns-container"> 337
337<script> 338 RZ.module = 'generic'; 339 RZ.nexturl = "/revize/plugins/zbuilder/v1/website/editforms/buttons-editform.jsp"; 340 RZ.img = '<span class="rzBtn rzBtn-xs">Edit Buttons</span>'; 341 RZ.caption = ''; 342 RZ.set = 'pageid=3f1c20b4-46ad-45d8-8d74-e13f6e4a43b5'; 343 RZ.options = ''; 344 if (typeof RZaction != 'undefined') RZaction('editform'); 345 </script>
345 346 </div> 347 </div> 348 <div class="rz-element rz-button-wrap d-flex flex-wrap" 349 style="gap:12px;"> 350 351<div class="d-flex align-items-stretch" data-aos-duration="600"> 352 <a href="https://www.facebook.com/AddisonEvents" target="_blank" 353 class="rz-btn-element d-flex align-items-center justify-content-center btn btn-primary no-rz-text-reveal-btn " 354 style="background:linear-gradient(90deg, #00000000 0%, #00000000 100%);--bs-btn-border-width:0px;padding:0px 0px 0px 0px;"> 355 356 357 358 359 <i class="fab fa-facebook rz-btn-icon flex-shrink-0" style="font-size:20px;border-radius:0px;color:#fff;" aria-hidden="true"></i> 360 361 362 363 364 365 366 367 368 369 </a> 370</div> 371 372<div class="d-flex align-items-stretch" data-aos-duration="600"> 373 <a href="https://x.com/AddisonVillage" target="_blank" 374 class="rz-btn-element d-flex align-items-center justify-content-center btn btn-primary no-rz-text-reveal-btn " 375 style="background:linear-gradient(90deg, #00000000 0%, #00000000 100%);--bs-btn-border-width:0px;padding:0px 0px 0px 0px;"> 376 377 378 379 380 <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> 381 382 383 384 385 386 387 388 389 390 </a> 391</div> 392 393<div class="d-flex align-items-stretch" data-aos-duration="600"> 394 <a href="https://www.youtube.com/channel/UCDyH_Ba0GsQk7gkB_GjFr_Q" target="_blank" 395 class="rz-btn-element d-flex align-items-center justify-content-center btn btn-primary no-rz-text-reveal-btn " 396 style="background:linear-gradient(90deg, #00000000 0%, #00000000 100%);--bs-btn-border-width:0px;padding:0px 0px 0px 0px;"> 397 398 399 400 401 <i class="fab fa-youtube rz-btn-icon flex-shrink-0" style="font-size:20px;border-radius:0px;color:#fff;" aria-hidden="true"></i> 402 403 404 405 406 407 408 409 410 411 </a> 412</div> 413 414 </div> 415</div> 416 417 418 419 420 <div class="rz-element-wrapper header-translate-wrap relative d-none d-lg-flex align-items-stretch gap-0"> 421 <div class="vr vr-s"></div> 422 <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"> 423 <div class="fi fi-us selected-flag"></div> 424 <i class="bi bi-translate me-2"></i> 425 <span class="visually-hidden">Translate</span> 426 <span class="translate-text">Translate</span> 427 </button> 428 <button class="btn text-start translate-reset px-2" translate="no"> 429 <i class="fa-solid fa-power-off" aria-hidden="true"></i> 430 <span class="visually-hidden">Reset Translation</span> 431 </button> 432 <div class="vr vr-e"></div> 433 </div> 434</div> 435 436 437 438</div><!-- /.rz-row-block --> 439 440 441 442 443 </div><!-- /.rz-section-block --> 444</div><!-- /.rz-section-block-wrap --> 445 446 447 448 449 450<div class="rz-section-block-wrap position-relative bottom-header"> 451 452 453 454 <div class="rz-section-block container" style="max-width:1638px;"> 455 456 457 458 459 460<div class="rz-row-block d-grid"> 461<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"> 462 463<div class="mega-button align-self-start position-relative d-flex flex-column gap-3 align-items-start"> 464 465 466 467 <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)"> 468 469 470 <p class="h4 mega-button-title m-0"></p> 471 <p class="mega-link-text m-0"></p> 472 473 474 475</div> 476 477 478 479<div class="mega-button align-self-start position-relative d-flex flex-column gap-3 align-items-start"> 480 481 482 483 <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)"> 484 485 486 <p class="h4 mega-button-title m-0"></p> 487 <p class="mega-link-text m-0"></p> 488 489 490 491</div> 492 493 494 495<div class="mega-button align-self-start position-relative d-flex flex-column gap-3 align-items-start"> 496 497
498 499 500 <p class="h4 mega-button-title m-0"></p> 501 <p class="mega-link-text m-0"></p> 502 503 504 505</div> 506 507 508 509<div class="mega-button align-self-start position-relative d-flex flex-column gap-3 align-items-start"> 510 511 512 513 514 <p class="h4 mega-button-title m-0"></p> 515 <p class="mega-link-text m-0"></p> 516 517 518 519</div> 520 521 522 523<div class="mega-button align-self-start position-relative d-flex flex-column gap-3 align-items-start"> 524 525 526 527 <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)"> 528 529 530 <p class="h4 mega-button-title m-0"></p> 531 <p class="mega-link-text m-0"></p> 532 533 534 535</div> 536 537 </div><div class="offcanvas-lg offcanvas-end" tabindex="-1" id="offcanvasNav" aria-labelledby="offcanvasNavLabel"> 538 <div class="offcanvas-header border-bottom"> 539 <h5 class="offcanvas-title" id="offcanvasNavLabel">Main Menu</h5> 540 <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close" data-bs-target="#offcanvasNav"></button> 541 </div> 542 543 <div class="offcanvas-body pt-0"> 544 545 <div class="rz-element-wrapper rz-topnav-block-wrapper has-edit-buttons"> 546 <div class="rz-element rz-topnav-wrap"> 547 <div class="rz-topnav-element"> 548 549 550 551 552 553<ul id="nav" class="v2_05-23-2012"> 554 <li class="menuLI level0 menuDisplay li-140"><a class="menuA level0 menuDisplay" href="index.php" target="_self">Home</a></li> 555 <li class="menuLI level0 menuDisplay li-83 children"><a class="menuA level0 menuDisplay" href="events/index.php" target="_self">Events</a> 556 <ul class="menuUL level1 menuHidden ul-139"> 557 <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> 558 </ul> 559 </li> 560 <li class="menuLI level0 menuDisplay li-132 children"><a class="menuA level0 menuDisplay" href="participate/index.php" target="_self">Participate</a> 561 <ul class="menuUL level1 menuHidden ul-81"> 562 <li class="menuLI level1 menuHidden li-81"><a class="menuA level1 menuHidden" href="participate/sponsors.php" target="_self">Sponsors</a></li> 563 <li class="menuLI level1 menuHidden li-99"><a class="menuA level1 menuHidden" href="participate/bookings.php" target="_self">Bookings</a></li> 564 <li class="menuLI level1 menuHidden li-134"><a class="menuA level1 menuHidden" href="participate/craft_fair.php" target="_self">Craft Fair</a></li> 565 </ul> 566 </li> 567 <li class="menuLI level0 menuDisplay li-100 children"><a class="menuA level0 menuDisplay" href="faq/index.php" target="_self">FAQ</a> 568 <ul class="menuUL level1 menuHidden ul-79"> 569 <li class="menuLI level1 menuHidden li-79"><a class="menuA level1 menuHidden" href="faq/about_us.php" target="_self">About Us</a></li> 570 <li class="menuLI level1 menuHidden li-101"><a class="menuA level1 menuHidden" href="faq/contact.php" target="_self">Contact</a></li> 571 </ul> 572 </li> 573</ul> 574 575 </div><!-- /.rz-topnav-element --> 576 </div><!-- /.rz-element --> 577 578 </div><!-- /.rz-element-wrapper --> 579 580 </div><!-- /.offcanvas-body --> 581</div><!-- /.offcanvas-lg --> 582</div> 583 584 585 586</div><!-- /.rz-row-block --> 587 588 589 590 591 </div><!-- /.rz-section-block --> 592</div><!-- /.rz-section-block-wrap --> 593 594 595 </div><!-- /.site-header --> 596</div><!-- /.site-header-wrap --> 597<div class="rz-site-wrap" tabindex="0"> 598 <div id="rz-content-wrap"> 599 600 <!-- --><div class="rz-element-wrapper rz-slider-wrapper has-edit-buttons position-relative overflow-hidden" style=" --rz-slider-bg:#000000; "> 601 602 <div class="center-center"> 603 <div class="rz-btns-container"> 604
604<script language="JavaScript" type="text/JavaScript"> 605 RZ.module = 'generic'; 606 RZ.nexturl = "/revize/plugins/zbuilder/v1/website/editforms/slider-editform.jsp"; 607 RZ.img = '<span class="rzBtn rzBtn-sm">Edit Slider</span>'; 608 RZ.caption = ''; 609 RZ.set = 'pageid=slider-51'; 610 RZ.options = ''; 611 if (typeof RZaction != 'undefined') RZaction('editform'); 612 </script>
612 613 </div> 614 </div> 615 616 617 <div 618 619 data-controls-position="bottom" 620 class="rz-freeform-slider rz-slider tiny-carousel-wrap" 621 622 style=" 623 624 625 626 627 628 629 630 631 632 " 633 > 634 635 636 <div class="rz-slider-bg-overlay" ></div> 637 638 639 640 <div class="tiny-slider" 641 style="height:100%;" 642 data-tiny-items="1" 643 data-tiny-mode="gallery" 644 data-tiny-items-md="1" 645 data-tiny-items-sm="1" 646 data-tiny-gap="0" 647 data-tiny-controls="true" 648 data-tiny-nav="true" 649 data-tiny-autoplay-buttons="true" 650 data-tiny-autoplay="true"> 651 652 <div class="tiny-item" style="height:100%;"> 653 <div class="tns-lazy-img tns-bg-slide" 654 data-style="background:url('website-Assets/inner-slide.png?t=202601260611060') center center / cover no-repeat;"></div> 655 </div> 656 657 </div><!--/.tiny-slider--> 658 659 </div><!-- /.slider --> 660 <div class="rz-slider-caption-wrap d-flex flex-column overflow-hidden justify-content-center align-items-start"> 661 <div class="rz-slider-caption container d-flex flex-column align-items-start"> 662 </div><!-- /.rz-slider-caption --> 663 </div><!-- /.rz-slider-caption-wrap --> 664</div><!-- /.slider-wrap --> 665 666 667 <div id="freeform-content-wrapper" class="position-relative z-3"> 668 <div class="container-fluid px-0 d-flex flex-column flex-lg-row flex-lg-nowrap"> 669 <div class="col freeform-left-col-fill"></div> 670 671 <div class="col-post-wrap"> 672 <div class="col-post h-100"> 673 <div id="post" class="h-100"> 674 <div class="rz-section-block container page-title-wrapper mb-3 d-flex flex-column title-pos-standard breadcrumb-pos-below"> 675 <h1 class="page-title page-title-standard"> 676 677 678News 679 </h1> 680 <nav aria-label="breadcrumb" class="breadcrumb"> 681<ul><li><a href="./">Home</a> </li><li>News</li></ul> 682</nav> 683 </div> 684 <div class="post-content h-100"> 685 <!-- main content --> 686 687 688 689 690 691<div class="rz-section-block-wrap position-relative"> 692 693 694 695 <div class="rz-section-block container"> 696 697 698 699 700 701<div class="rz-row-block d-grid"> 702<div class="rz-column-block"> 703 704 705 706<div class="rz-element-wrapper rz-news-card-wrapper has-edit-buttons" data-infinite="false" data-cards-per-page="9" data-rz-search-module="news"> 707 <div class="center-top"> 708 <div class="rz-btns-container"> 709
709<script> 710 RZ.module = 'news'; 711 RZ.nexturl = "/revize/plugins/zbuilder/v1/website/editforms/news-editlist.jsp?width=370&height=450&pageid=a07a4369-8ee3-4050-a79e-6faf22b336a1"; 712 RZ.img = '<span class="rzBtn rzBtn-sm">Edit Articles</span>'; 713 RZ.set = 'pageid=a07a4369-8ee3-4050-a79e-6faf22b336a1'; 714 if (typeof RZaction !== 'undefined') RZaction('editlist'); 715 </script>
715 716
716<script> 717 RZ.module = 'generic_lists'; 718 RZ.nexturl = "/revize/plugins/zbuilder/v1/website/editforms/categories-editlist.jsp?type=category-news_list"; 719 RZ.img = '<span class="rzBtn rzBtn-sm">Edit Categories</span>'; 720 RZ.set = ''; 721 if (typeof RZaction !== 'undefined') RZaction('editlist'); 722 </script>
722 723 </div> 724 </div> 725 726 727 728 <div class="row row-cols-1 row-cols-md-2 row-cols-lg-3 rz-news-card-list mt-0" 729 style="--bs-gutter-y:16px;--bs-gutter-x:16px;"> 730<slot 731 data-type="dot-feed" 732 data-content-template="/revize/plugins/zbuilder/v1/website/_assets_/templates/news_list/base.html" 733 data-content-feed="_includes_/published/news_list.json" 734 data-content-options='{"opt_start_cutoff":"show_all","news_list_card_style":"stacked","sort_order":"date asc, seq_no asc","news_list_link_to":"modal","news_button_text":""}'> 735 </slot> 736 737 </div><!-- /.row --> 738 739</div><!-- /.rz-element-wrapper -->
740<script src="/revize/plugins/zbuilder/v1/website/builder/modules/assets/news_list.js"></script>
740 741 742 743 744</div> 745 746 747 748</div><!-- /.rz-row-block --> 749 750 751 752 753 </div><!-- /.rz-section-block --> 754</div><!-- /.rz-section-block-wrap --> 755 756 757 </div><!-- /.post-content --> 758 </div><!-- /#post --> 759 </div><!-- /.col-post --> 760 </div><!-- /.col-post-wrap --> 761 <div class="col freeform-right-col-fill"></div> 762 </div><!-- /.row --> 763 </div><!-- /.freeform-content-wrapper --> 764 </div><!-- /#rz-content-wrap --> 765 766 767 768 769<footer class="site-footer-wrap"> 770 <div class="site-footer"> 771 772 773 774 775<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;"> 776 777 778 779 <div class="rz-section-block container" style="max-width:1460px;"> 780 781 782 783 784 785<div class="rz-row-block d-grid opt_row_columns_5" style="--gap-lg:72px;"> 786<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;"> 787 <div class="rz-element-wrapper rz-rte-block-wrapper footer-logo-section d-flex"> 788 789 <a href="./" class="d-flex align-items-center text-decoration-none footer-logo"> 790 <img loading="lazy" src="website-Assets/main-logo.png?t=202601221426040" alt="Addison, IL Events" class="footer-logo"> 791 </a> 792 793 </div><!-- /.rz-element-wrapper --> 794 795 796 797 798 799 800 801<div class="rz-element-wrapper rz-button-wrapper has-edit-buttons move-to-offcanvas" 802 803 style="margin:32px 0px 0px 0px;"> 804 805 <div class="center-top"> 806 <div class="rz-btns-container"> 807
807<script> 808 RZ.module = 'generic'; 809 RZ.nexturl = "/revize/plugins/zbuilder/v1/website/editforms/buttons-editform.jsp"; 810 RZ.img = '<span class="rzBtn rzBtn-xs">Edit Buttons</span>'; 811 RZ.caption = ''; 812 RZ.set = 'pageid=11b40f1f-c380-4a17-83b1-22f4c7f228af'; 813 RZ.options = ''; 814 if (typeof RZaction != 'undefined') RZaction('editform'); 815 </script>
815 816 </div> 817 </div> 818 <div class="rz-element rz-button-wrap d-flex flex-wrap" 819 style="gap:16px;"> 820 821<div class="d-flex align-items-stretch" data-aos-duration="600"> 822 <a href="https://www.facebook.com/AddisonEvents" target="_blank" 823 class="rz-btn-element d-flex align-items-center justify-content-center btn btn-primary no-rz-text-reveal-btn " 824 style="background:linear-gradient(90deg, #423859 0%, #423859 100%);--bs-btn-border-width:0px;padding:0px 0px 0px 0px;"> 825 826 827 828 829 <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> 830 831 832 833 834 835 836 837 838 839 </a> 840</div> 841 842<div class="d-flex align-items-stretch" data-aos-duration="600"> 843 <a href="https://x.com/AddisonVillage" target="_blank" 844 class="rz-btn-element d-flex align-items-center justify-content-center btn btn-primary no-rz-text-reveal-btn " 845 style="background:linear-gradient(90deg, #423859 0%, #423859 100%);--bs-btn-border-width:0px;padding:0px 0px 0px 0px;"> 846 847 848 849 850 <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> 851 852 853 854 855 856 857 858 859 860 </a> 861</div> 862 863<div class="d-flex align-items-stretch" data-aos-duration="600"> 864 <a href="https://www.youtube.com/channel/UCDyH_Ba0GsQk7gkB_GjFr_Q" target="_blank" 865 class="rz-btn-element d-flex align-items-center justify-content-center btn btn-primary no-rz-text-reveal-btn " 866 style="background:linear-gradient(90deg, #423859 0%, #423859 100%);--bs-btn-border-width:0px;padding:0px 0px 0px 0px;"> 867 868 869 870 871 <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> 872 873 874 875 876 877 878 879 880 881 </a> 882</div> 883 884 </div> 885</div> 886 887 888 889</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"> 890 891 892 893 894<div class="rz-element-wrapper rz-link-list-wrapper has-edit-buttons" 895 > 896 <div class="center-top"> 897 <div class="rz-btns-container"> 898
898<script language="JavaScript" type="text/JavaScript"> 899 RZ.module = 'generic'; 900 RZ.nexturl = "/revize/plugins/zbuilder/v1/website/editforms/link_list-editform.jsp"; 901 RZ.img = '<span class="rzBtn rzBtn-sm">Edit Links</span>'; 902 RZ.caption = ''; 903 RZ.set = 'pageid=9a4890e0-e1ad-4a01-8d02-0f3c627470d3'; 904 RZ.options = ''; 905 if (typeof RZaction != 'undefined') RZaction('editform'); 906 </script>
906 907 </div> 908 </div> 909 910 911 <div class="rz-module-header d-flex align-items-center gap-2"> 912 913 914 <span class="rz-module-header-text">Village of Addison, IL</span> 915 916 917 </div> 918 919 920 <div class="rz-element rz-link-list-wrap"> 921 <div class="list-group list-group-flush" > 922 923 <a href="https://maps.app.goo.gl/5asV7Bq6vrT82gKR8" target="_blank" 924 class="list-group-item list-group-item-action bg-transparent d-flex align-items-center" 925 style="gap:16px;color:#FFF;"> 926 927 <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> 928 929 <span style="color:#FFF;font-size:18px;">1 Friendship Plaza, Addison IL 60101</span> 930 931 </a> 932 933 <a href="index.php" target="_self" 934 class="list-group-item list-group-item-action bg-transparent d-flex align-items-center" 935 style="gap:16px;color:#FFF;"> 936 937 <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> 938 939 <span style="color:#FFF;font-size:18px;">630-543-4100</span> 940 941 </a> 942 943 </div><!-- /.list-group --> 944 </div><!-- /.rz-element --> 945</div><!-- /.rz-element-wrapper --> 946 947 948 949 950</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"> 951 952 953 954 955<div class="rz-element-wrapper rz-link-list-wrapper has-edit-buttons" 956 > 957 <div class="center-top"> 958 <div class="rz-btns-container"> 959
959<script language="JavaScript" type="text/JavaScript"> 960 RZ.module = 'generic'; 961 RZ.nexturl = "/revize/plugins/zbuilder/v1/website/editforms/link_list-editform.jsp"; 962 RZ.img = '<span class="rzBtn rzBtn-sm">Edit Links</span>'; 963 RZ.caption = ''; 964 RZ.set = 'pageid=04c3e6a4-b365-4ea1-bd48-486c88023034'; 965 RZ.options = ''; 966 if (typeof RZaction != 'undefined') RZaction('editform'); 967 </script>
967 968 </div> 969 </div> 970 971 972 973 <div class="rz-element rz-link-list-wrap"> 974 <div class="list-group list-group-flush" > 975 976 <a href="index.php" target="_self" 977 class="list-group-item list-group-item-action bg-transparent d-flex align-items-center" 978 style="gap:16px;color:#FFF;"> 979 980 <span style="color:#FFF;font-size:18px;">Home</span> 981 982 </a> 983 984 <a href="events/index.php?view=month&month=03&day=01&year=2026" target="_blank" 985 class="list-group-item list-group-item-action bg-transparent d-flex align-items-center" 986 style="gap:16px;color:#FFF;"> 987 988 <span style="color:#FFF;font-size:18px;">Events</span> 989 990 </a> 991 992 <a href="participate/index.php" target="_self" 993 class="list-group-item list-group-item-action bg-transparent d-flex align-items-center" 994 style="gap:16px;color:#FFF;"> 995 996 <span style="color:#FFF;font-size:18px;">Participate</span> 997 998 </a> 999 1000 <a href="faq/index.php" target="_self" 1001 class="list-group-item list-group-item-action bg-transparent d-flex align-items-center" 1002 style="gap:16px;color:#FFF;"> 1003 1004 <span style="color:#FFF;font-size:18px;">FAQ</span> 1005 1006 </a> 1007 1008 </div><!-- /.list-group --> 1009 </div><!-- /.rz-element --> 1010</div><!-- /.rz-element-wrapper --> 1011 1012 1013 1014 1015</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;"> 1016 1017 1018 1019 1020<div class="rz-element-wrapper rz-link-list-wrapper has-edit-buttons" 1021 > 1022 <div class="center-top"> 1023 <div class="rz-btns-container"> 1024
1024<script language="JavaScript" type="text/JavaScript"> 1025 RZ.module = 'generic'; 1026 RZ.nexturl = "/revize/plugins/zbuilder/v1/website/editforms/link_list-editform.jsp"; 1027 RZ.img = '<span class="rzBtn rzBtn-sm">Edit Links</span>'; 1028 RZ.caption = ''; 1029 RZ.set = 'pageid=be6ca659-8524-486c-8a03-d172b4b56c18'; 1030 RZ.options = ''; 1031 if (typeof RZaction != 'undefined') RZaction('editform'); 1032 </script>
1032 1033 </div> 1034 </div> 1035 1036 1037 1038 <div class="rz-element rz-link-list-wrap"> 1039 <div class="list-group list-group-flush" > 1040 1041 <a href="http://www.addisonadvantage.org/" target="_blank" 1042 class="list-group-item list-group-item-action bg-transparent d-flex align-items-center" 1043 style="gap:16px;color:#FFF;"> 1044 1045 <span style="color:#FFF;font-size:18px;">Village Information</span> 1046 1047 </a> 1048 1049 <a href="faq/contact.php" target="_self" 1050 class="list-group-item list-group-item-action bg-transparent d-flex align-items-center" 1051 style="gap:16px;color:#FFF;"> 1052 1053 <span style="color:#FFF;font-size:18px;">Contact Us</span> 1054 1055 </a> 1056 1057 </div><!-- /.list-group --> 1058 </div><!-- /.rz-element --> 1059</div><!-- /.rz-element-wrapper --> 1060 1061 1062 1063 1064</div> 1065 1066 1067 1068</div><!-- /.rz-row-block --> 1069 1070 1071 1072 1073<div class="rz-row-block d-grid"> 1074<div class="rz-column-block"> 1075 1076 1077<div class="rz-element-wrapper rz-single-image-wrapper has-edit-buttons home-bg-img hide-edit-buttons" 1078 > 1079 <div class="center-center"> 1080 <div class="rz-btns-container"> 1081
1081<script language="JavaScript" type="text/JavaScript"> 1082 RZ.module = 'generic'; 1083 RZ.nexturl = "/revize/plugins/zbuilder/v1/website/editforms/image-editform.jsp"; 1084 RZ.img = '<span class="rzBtn rzBtn-xs">Edit Image</span>'; 1085 RZ.caption = ''; 1086 RZ.set = 'pageid=2706ef5e-3cb4-44b1-9a2c-15c5d71c4d8f'; 1087 RZ.options = ''; 1088 if (typeof RZaction != 'undefined') RZaction('editform'); 1089 </script>
1089 1090 </div> 1091 </div> 1092 1093 <div class="rz-element rz-single-image-wrap"> 1094 1095 <div class="rz-single-image position-relative"> 1096 1097 1098 <img loading="lazy" 1099 src="website-Assets/home-bg-img.png?t=202601260459400" 1100 alt="home-bg-img" 1101 style="width:100%;" 1102 > 1103 1104 </div><!-- /.rz-single-image --> 1105 1106 </div><!-- /.rz-single-image-wrap --> 1107</div><!-- /.rz-element-wrapper --> 1108 1109 1110 1111 1112 1113</div> 1114 1115 1116 1117</div><!-- /.rz-row-block --> 1118 1119 1120 1121 1122 </div><!-- /.rz-section-block --> 1123</div><!-- /.rz-section-block-wrap --> 1124 1125 1126 </div><!-- /.site-footer --> 1127</footer><!-- /.site-footer-wrap --> 1128<div class="offcanvas-lg offcanvas-bottom" 1129 tabindex="-1" 1130 id="offcanvasHeaderItems"> 1131 <div class="offcanvas-header"> 1132 <button type="button" 1133 class="btn-close" 1134 data-bs-dismiss="offcanvas" 1135 aria-label="Close" 1136 data-bs-target="#offcanvasHeaderItems"></button> 1137 </div> 1138 <div class="offcanvas-body offcanvasHeaderItems-offcanvas-body pt-0"></div> 1139</div><!-- #offcanvasHeaderItems --> 1140 1141 1142<div class="modal modal-lg fade" id="searchModal" tabindex="-1" role="dialog" aria-labelledby="searchModal" style="--bs-modal-width:640px;"> 1143 <div class="modal-dialog modal-dialog-centered" role="Site Search"> 1144 <div class="modal-content px-0"> 1145 <div class="modal-header border-0 pb-0 px-lg-3 pt-4"> 1146 <h5>Search Addison, IL Events</h5> 1147 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> 1148 </div> 1149 <div class="modal-body p-0"> 1150 <form class="form-inline overflow-hidden" method="GET" action="search.php" role="search" aria-label="sitewide"> 1151 <div class="d-flex relative bg-white p-2 px-3"> 1152 <div class="position-relative w-100"> 1153 <div class="form-floating w-100"> 1154 <input id="autocompleteme" autocomplete="off" class="form-control form-control-lg m-0 w-100" name="q" type="search" placeholder="Search..."> 1155 <label for="autocompleteme" class="bg-transparent">Search...</label> 1156 </div> 1157 <div id="autocomplete-spinner" class="spinner-border text-success position-absolute" role="status" 1158 style="top: 50%; right: 4rem; width: 1rem; height: 1rem; margin-top: -9px; display: none; z-index: 10;--bs-spinner-border-width:0.15em" > 1159 <span class="visually-hidden">Loading...</span> 1160 </div> 1161 </div> 1162 1163 <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> 1164 <span><svg width="20" height="20" viewBox="0 0 20 20" aria-hidden="true" class="insta-search-icon"> 1165 <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> 1166 </svg><span class="sr-only">Search</span></span> 1167 </button> 1168 </div> 1169 </form> 1170 <div class="all-search-buttons-wrap w-100 lh-1 position-relative" style="display:none"> 1171 <div class="all-search-buttons py-3 p-3 d-md-flex flex-column flex-md-row gap-2 border-top"> 1172 <div class="searchPopover p-3 bg-white d-none d-xl-block popover"> 1173 <div class="searchPopover-arrow"></div><span class="searchPopover-text">Try searching... </span> 1174 </div> 1175 <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> 1176 <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> 1177 </div><!-- /.search-buttons --> 1178 </div><!-- /.all-search-buttons-wrap --> 1179 <div class="popular-pages-search p-2"></div> 1180 </div><!-- /.modal-body --> 1181 </div><!-- /.modal-content --> 1182 </div><!-- /.modal-dialog --> 1183</div><!-- /.modal --> 1184 1185 1186 1187<div class="modal fade confirmation-popup" style="--bs-modal-width:420px;z-index:1100" tabindex="-1" data-bs-backdrop="static"> 1188 <div class="modal-dialog modal-dialog-centered"> 1189 <div class="modal-content"> 1190 <div class="modal-body p-4 text-center"> 1191 <div class="d-flex justify-content-center"> 1192 <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> 1193 </div> 1194 <div class="d-flex"></div> 1195 <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> 1196 </div> 1197 <div class="modal-footer flex-nowrap p-0"> 1198 <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> 1199 <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> 1200 </div> 1201 </div> 1202 </div> 1203</div> 1204
1205<script> 1206$(document).ready(function () { 1207 let externalLink = ''; // Store the external link URL 1208 1209 $('a') 1210 .not('[href^="javascript:"]') 1211 .not('[href^="mailto:"]') 1212 .not('[href^="tel:"]') 1213 .not('[href="http://cms4.revize.com/revize/supportrevize/revize_faq.php"]') 1214 .not('[href="https://intercom.help/revizefaqs/en/"]') 1215 .not('.rz-brand-footer a') 1216 .not('#revize-login') 1217 .not('.copy-live-link') 1218 .on('click', function (event) { 1219 // Ignore links with .rzBtn children 1220 if ($(this).find('span.rzBtn').length === 0) { 1221 const linkUrl = $(this).prop('href'); 1222 const linkHost = new URL(linkUrl).hostname; 1223 const currentHost = window.location.hostname; 1224 1225 // Treat current domain and all revize.com domains/subdomains as internal 1226 const isRevizeDomain = 1227 linkHost === 'revize.com' || 1228 linkHost.endsWith('.revize.com'); 1229 1230 // If different domain and NOT a Revize domain, show confirmation popup 1231 if (linkHost !== currentHost && !isRevizeDomain) { 1232 event.preventDefault(); 1233 externalLink = linkUrl; 1234 $('.confirmation-popup').addClass('show').show(); 1235 } 1236 } 1237 }); 1238 1239 // Confirm external navigation 1240 $('#confirmLeave').on('click', function () { 1241 if (externalLink) { 1242 window.open(externalLink, '_blank'); 1243 } 1244 1245 $('.confirmation-popup').removeClass('show').hide(); 1246 externalLink = ''; 1247 }); 1248 1249 // Cancel external navigation 1250 $('#cancelLeave').on('click', function () { 1251 $('.confirmation-popup').removeClass('show').hide(); 1252 externalLink = ''; 1253 }); 1254}); 1255</script>
1255 1256 <div class="modal fade" 1257 id="event-modal" 1258 tabindex="-1" 1259 role="dialog" 1260 aria-labelledby="modal-event-title" 1261 aria-hidden="true"> 1262 <div id="event-modal-dialog" 1263 class="modal-dialog modal-lg modal-dialog-centered modal-dialog-scrollable" 1264 role="document" 1265 style="--bs-modal-width:1000px"> 1266 <div class="modal-content"> 1267 1268 <div class="modal-header align-items-center"> 1269 <div> 1270 <h2 class="h4 modal-subtitle m-0 fs-4 fw-bold">Event Details</h2> 1271 </div> 1272 <button type="button" 1273 class="btn-close mt-0" 1274 data-bs-dismiss="modal" 1275 aria-label="Close"></button> 1276 </div> 1277 1278 <div class="modal-body p-0" 1279 id="modal-event-body"> 1280 <div class="center-center"><div class="rz-btns-container"></div></div> 1281 <div class="row row-cols-lg-2 g-0 mx-0"> 1282 <div class="event-modal-header" 1283 style="min-height:200px"></div><!-- /.event-modal-header for image --> 1284 <div class="event-details d-flex flex-column has-edit-buttons"> 1285 <div class="d-flex align-items-start justify-content-between bg-light p-4"> 1286 <div class="w-100"> 1287 <div class="d-flex align-items-center gap-3"> 1288 <div class="event-border-color" 1289 style="margin-top:3px;width:12px;height:26px;border-radius:100px;align-self:start;"></div> 1290 <div class="w-100"> 1291 <div class="d-flex justify-content-between align-items-center"> 1292 <h3 class="fs-4 fw-bold" id="modal-event-title">City Council Meeting </h3> 1293 <a href="calendar" 1294 class="flex-shrink-0 btn btn-light bg-white border-0 btn-sm" 1295 data-bs-toggle="tooltip" 1296 data-bs-placement="left" 1297 data-bs-title="view Calendar" 1298 data-bs-offset="0,20"> 1299 <i class="bi bi-box-arrow-up-right"></i> 1300 <span class="sr-only">View Calendar</span> 1301 </a> 1302 </div> 1303 1304 <p class="text-muted row row-cols-1 g-2 my-0 p-0 fw-normal lh-sm small"> 1305 <span class="modal-event-date w-max-content"><i class="bi bi-calendar4-event me-2"></i></span> 1306 <span class="modal-event-time"><i class="bi bi-clock me-2"></i></span> 1307 <span class="modal-location w-100"><i class="bi bi-geo-alt me-2"></i></span> 1308 </p> 1309 </div> 1310 </div> 1311 </div> 1312 <button type="button" 1313 class="btn-close bg-white d-none" 1314 data-bs-dismiss="modal" 1315 aria-label="Close"></button> 1316 </div><!-- /.d-flex --> 1317 1318 <div class="d-flex flex-column p-4 my-auto row-gap-4"> 1319 <div class="modal-event-description small"> 1320 <h4 class="h6 fw-bold">Description</h4> 1321 <div id="modal-event-subtitle"></div> 1322 <div id="modal-event-description"> 1323 </div> 1324 </div> 1325 <div style="width: 100%" id="modal-event-location" class="ratio ratio-16x9"></div> 1326 </div><!-- /.d-flex --> 1327 1328 <div class="modal-action-buttons d-flex gap-2 mt-auto mb-4 px-4"> 1329 1330 <a href="#" 1331 class="btn btn-primary border-0" id="modal-event-readmore">Read More</a> 1332 </div><!-- /.modal-action-buttons --> 1333 1334 </div><!-- /.event-details --> 1335 </div><!-- /.row --> 1336 </div><!-- /.modal-body --> 1337 </div><!-- /.modal-content --> 1338 </div> 1339 </div> 1340 1341 <style> 1342 #modal-event-duration{display:none} 1343 .rz-business-inner-map{border:1px solid var(--bs-border-color)!important;border-radius:var(--bs-border-radius)} 1344 </style> 1345 1346<div id="share-modal-section"> 1347 <div class="modal fade" id="shareModal" tabindex="-1" role="dialog" aria-labelledby="shareModal"> 1348 <div class="modal-dialog modal-dialog-centered" role="document"> 1349 <div class="modal-content"> 1350 <div class="modal-header border-0 bg-transparent pb-0 px-lg-4 pt-4"> 1351 <div class="w-100 text-center"> 1352 <span class="d-block h5 mb-1 w-100">Share this page</span> 1353 <p class="mb-1">On your favorite social media platform</p> 1354 </div> 1355 <button type="button" class="btn-close position-absolute end-0 top-0 m-3" data-bs-dismiss="modal" aria-label="Close"></button> 1356 </div> 1357 <div class="modal-body p-lg-4"> 1358 <div class="share-btns row m-0 row-cols-md-3 gap-2"> 1359 <a href="#" class="btn btn-primary btn-facebook" target="_blank"> 1360 <i class="fa-brands fs-5 fa-square-facebook"></i> Facebook 1361 </a> 1362 1363 <a href="#" class="btn btn-primary btn-twitter" target="_blank"> 1364 <i class="fa-brands fs-5 fa-x-twitter"></i> x(twitter) 1365 </a> 1366 1367 <a href="#" class="btn btn-primary btn-linkedin" target="_blank"> 1368 <i class="fa-brands fs-5 fa-linkedin"></i> Linkedin 1369 </a> 1370 1371 <a href="#" class="btn btn-primary btn-reddit" target="_blank"> 1372 <i class="fa-brands fs-5 fa-square-reddit"></i> reddit 1373 </a> 1374 <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> 1375 1376 <a href="" class="btn btn-outline-dark w-100 border emailpage"><i class="fa-regular fs-5 fa-envelope"></i> Email Page Link</a> 1377 1378 <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> 1379 1380 </div><!-- /.share-btns --> 1381 1382
1382<script> 1383 $(document).ready(function () { 1384 // Build social share URLs from current page 1385 var pageUrl = window.location.href; 1386 var encodedUrl = encodeURIComponent(pageUrl); 1387 1388 $('.btn-facebook').attr( 1389 'href', 1390 'https://www.facebook.com/sharer/sharer.php?u=' + encodedUrl 1391 ); 1392 1393 $('.btn-twitter').attr( 1394 'href', 1395 'https://twitter.com/intent/tweet?url=' + encodedUrl 1396 ); 1397 1398 $('.btn-linkedin').attr( 1399 'href', 1400 'https://www.linkedin.com/sharing/share-offsite/?url=' + encodedUrl 1401 ); 1402 1403 $('.btn-reddit').attr( 1404 'href', 1405 'https://www.reddit.com/submit?url=' + encodedUrl 1406 ); 1407 1408 // Copy to clipboard 1409 $('.share-copy-link').on('click', function (e) { 1410 e.preventDefault(); 1411 1412 var urlToCopy = $(this).attr('href') || $(this).data('url') || window.location.href; 1413 1414 if (navigator.clipboard && navigator.clipboard.writeText) { 1415 navigator.clipboard 1416 .writeText(urlToCopy) 1417 .then(function () { 1418 new bootstrap.Toast(document.getElementById('coppiedToast')).show(); 1419 }) 1420 .catch(function () { 1421 fallbackCopy(urlToCopy); 1422 }); 1423 } else { 1424 fallbackCopy(urlToCopy); 1425 } 1426 }); 1427 1428 function fallbackCopy(text) { 1429 var $tempInput = $('<input style="position:absolute;left:-9999px;">'); 1430 $('body').append($tempInput); 1431 $tempInput.val(text).select(); 1432 document.execCommand('copy'); 1433 $tempInput.remove(); 1434 new bootstrap.Toast(document.getElementById('coppiedToast')).show(); 1435 } 1436 1437 // Email page link 1438 $('.emailpage').on('click', function (e) { 1439 e.preventDefault(); 1440 1441 var pageUrl = window.location.href; 1442 var subject = encodeURIComponent('Check out this page'); 1443 var body = encodeURIComponent('Hey,\n\nI thought you might find this interesting:\n' + pageUrl); 1444 window.location.href = 'mailto:?subject=' + subject + '&body=' + body; 1445 }); 1446 }); 1447 </script>
1447 1448 1449 <div class="toast-container position-fixed top-0 start-50 translate-middle-x"> 1450 <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"> 1451 <div class="d-flex"> 1452 <div class="toast-body"> 1453 URL copied to clipboard! 1454 </div> 1455 <button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button> 1456 </div> 1457 </div> 1458 </div> 1459 1460 </div><!-- /.modal-body --> 1461 </div><!-- /.modal-content --> 1462 </div><!-- /.modal-dialog --> 1463 </div><!-- /.modal --> 1464</div><!-- /#modal-section --><link href="https://cdn.jsdelivr.net/gh/lipis/[email protected]/css/flag-icons.min.css" rel="stylesheet" type="text/css" /> 1465<div class="modal fade" id="translateModal" tabindex="-1" aria-hidden="true"> 1466 <div class="modal-dialog modal-sm modal-dialog-centered modal-dialog-scrollable"> 1467 <div class="modal-content"> 1468 <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"> 1469 <input type="search" placeholder="Search languages..." autocomplete="off" class="form-control" id="translatesearch-input"> 1470 <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"> 1471 <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> 1472 </button>
1473 </form> 1474 <div class="modal-body" style="max-height:300px"> 1475 <div class="lang-no-results text-center d-none text-muted small">No matching languages.</div> 1476 <div class="translation-links row row-cols-lg-1"> 1477 <div> 1478 <button class="btn btn-link text-body p-2 text-start w-100 English" data-lang="English" translate="no"> 1479 <span class="fi fi-us me-2"></span><strong>English</strong> 1480 </button> 1481 </div> 1482 <div> 1483 <button class="btn btn-link text-body p-2 text-start w-100 Afrikaans" data-lang="Afrikaans"> 1484 <span class="fi fi-za me-2"></span>Afrikaans 1485 </button> 1486 </div> 1487 <div> 1488 <button class="btn btn-link text-body p-2 text-start w-100 Albanian" data-lang="Albanian"> 1489 <span class="fi fi-al me-2"></span>Albanian 1490 </button> 1491 </div> 1492 <div> 1493 <button class="btn btn-link text-body p-2 text-start w-100 Arabic" data-lang="Arabic"> 1494 <span class="fi fi-sa me-2"></span>Arabic 1495 </button> 1496 </div> 1497 <div> 1498 <button class="btn btn-link text-body p-2 text-start w-100 Armenian" data-lang="Armenian"> 1499 <span class="fi fi-am me-2"></span>Armenian 1500 </button> 1501 </div> 1502 <div> 1503 <button class="btn btn-link text-body p-2 text-start w-100 Azerbaijani" data-lang="Azerbaijani"> 1504 <span class="fi fi-az me-2"></span>Azerbaijani 1505 </button> 1506 </div> 1507 <div> 1508 <button class="btn btn-link text-body p-2 text-start w-100 Basque" data-lang="Basque"> 1509 <span class="fi fi-es me-2"></span>Basque 1510 </button> 1511 </div> 1512 <div> 1513 <button class="btn btn-link text-body p-2 text-start w-100 Belarusian" data-lang="Belarusian"> 1514 <span class="fi fi-by me-2"></span>Belarusian 1515 </button> 1516 </div> 1517 <div> 1518 <button class="btn btn-link text-body p-2 text-start w-100 Bengali" data-lang="Bengali"> 1519 <span class="fi fi-bd me-2"></span>Bengali 1520 </button> 1521 </div> 1522 <div> 1523 <button class="btn btn-link text-body p-2 text-start w-100 Bosnian" data-lang="Bosnian"> 1524 <span class="fi fi-ba me-2"></span>Bosnian 1525 </button> 1526 </div> 1527 <div> 1528 <button class="btn btn-link text-body p-2 text-start w-100 Bulgarian" data-lang="Bulgarian"> 1529 <span class="fi fi-bg me-2"></span>Bulgarian 1530 </button> 1531 </div> 1532 <div> 1533 <button class="btn btn-link text-body p-2 text-start w-100 Catalan" data-lang="Catalan"> 1534 <span class="fi fi-ad me-2"></span>Catalan 1535 </button> 1536 </div> 1537 <div> 1538 <button class="btn btn-link text-body p-2 text-start w-100 Cebuano" data-lang="Cebuano"> 1539 <span class="fi fi-ph me-2"></span>Cebuano 1540 </button> 1541 </div> 1542 <div> 1543 <button class="btn btn-link text-body p-2 text-start w-100 Chinese" data-lang="Chinese (Simplified)"> 1544 <span class="fi fi-cn me-2"></span>Chinese (Simplified) 1545 </button> 1546 </div> 1547 <div> 1548 <button class="btn btn-link text-body p-2 text-start w-100 Chinese" data-lang="Chinese (Traditional)"> 1549 <span class="fi fi-tw me-2"></span>Chinese (Traditional) 1550 </button> 1551 </div> 1552 <div> 1553 <button class="btn btn-link text-body p-2 text-start w-100 Croatian" data-lang="Croatian"> 1554 <span class="fi fi-hr me-2"></span>Croatian 1555 </button> 1556 </div> 1557 <div> 1558 <button class="btn btn-link text-body p-2 text-start w-100 Czech" data-lang="Czech"> 1559 <span class="fi fi-cz me-2"></span>Czech 1560 </button> 1561 </div> 1562 <div> 1563 <button class="btn btn-link text-body p-2 text-start w-100 Danish" data-lang="Danish"> 1564 <span class="fi fi-dk me-2"></span>Danish 1565 </button> 1566 </div> 1567 <div> 1568 <button class="btn btn-link text-body p-2 text-start w-100 Dutch" data-lang="Dutch"> 1569 <span class="fi fi-nl me-2"></span>Dutch 1570 </button> 1571 </div> 1572 <div> 1573 <button class="btn btn-link text-body p-2 text-start w-100 Esperanto" data-lang="Esperanto"> 1574 <span class="fi fi-un me-2"></span>Esperanto 1575 </button> 1576 </div> 1577 <div> 1578 <button class="btn btn-link text-body p-2 text-start w-100
1578Estonian" data-lang="Estonian"> 1579 <span class="fi fi-ee me-2"></span>Estonian 1580 </button> 1581 </div> 1582 <div> 1583 <button class="btn btn-link text-body p-2 text-start w-100 Filipino" data-lang="Filipino"> 1584 <span class="fi fi-ph me-2"></span>Filipino 1585 </button> 1586 </div> 1587 <div> 1588 <button class="btn btn-link text-body p-2 text-start w-100 Finnish" data-lang="Finnish"> 1589 <span class="fi fi-fi me-2"></span>Finnish 1590 </button> 1591 </div> 1592 <div> 1593 <button class="btn btn-link text-body p-2 text-start w-100 French" data-lang="French"> 1594 <span class="fi fi-fr me-2"></span>French 1595 </button> 1596 </div> 1597 <div> 1598 <button class="btn btn-link text-body p-2 text-start w-100 Galician" data-lang="Galician"> 1599 <span class="fi fi-es me-2"></span>Galician 1600 </button> 1601 </div> 1602 <div> 1603 <button class="btn btn-link text-body p-2 text-start w-100 Georgian" data-lang="Georgian"> 1604 <span class="fi fi-ge me-2"></span>Georgian 1605 </button> 1606 </div> 1607 <div> 1608 <button class="btn btn-link text-body p-2 text-start w-100 German" data-lang="German"> 1609 <span class="fi fi-de me-2"></span>German 1610 </button> 1611 </div> 1612 <div> 1613 <button class="btn btn-link text-body p-2 text-start w-100 Greek" data-lang="Greek"> 1614 <span class="fi fi-gr me-2"></span>Greek 1615 </button> 1616 </div> 1617 <div> 1618 <button class="btn btn-link text-body p-2 text-start w-100 Gujarati" data-lang="Gujarati"> 1619 <span class="fi fi-in me-2"></span>Gujarati 1620 </button> 1621 </div> 1622 <div> 1623 <button class="btn btn-link text-body p-2 text-start w-100 Haitian" data-lang="Haitian Creole"> 1624 <span class="fi fi-ht me-2"></span>Haitian Creole 1625 </button> 1626 </div> 1627 <div> 1628 <button class="btn btn-link text-body p-2 text-start w-100 Hausa" data-lang="Hausa"> 1629 <span class="fi fi-ng me-2"></span>Hausa 1630 </button> 1631 </div> 1632 <div> 1633 <button class="btn btn-link text-body p-2 text-start w-100 Hebrew" data-lang="Hebrew"> 1634 <span class="fi fi-il me-2"></span>Hebrew 1635 </button> 1636 </div> 1637 <div> 1638 <button class="btn btn-link text-body p-2 text-start w-100 Hindi" data-lang="Hindi"> 1639 <span class="fi fi-in me-2"></span>Hindi 1640 </button> 1641 </div> 1642 <div> 1643 <button class="btn btn-link text-body p-2 text-start w-100 Hmong" data-lang="Hmong"> 1644 <span class="fi fi-cn me-2"></span>Hmong 1645 </button> 1646 </div> 1647 <div> 1648 <button class="btn btn-link text-body p-2 text-start w-100 Hungarian" data-lang="Hungarian"> 1649 <span class="fi fi-hu me-2"></span>Hungarian 1650 </button> 1651 </div> 1652 <div> 1653 <button class="btn btn-link text-body p-2 text-start w-100 Icelandic" data-lang="Icelandic"> 1654 <span class="fi fi-is me-2"></span>Icelandic 1655 </button> 1656 </div> 1657 <div> 1658 <button class="btn btn-link text-body p-2 text-start w-100 Igbo" data-lang="Igbo"> 1659 <span class="fi fi-ng me-2"></span>Igbo 1660 </button> 1661 </div> 1662 <div> 1663 <button class="btn btn-link text-body p-2 text-start w-100 Indonesian" data-lang="Indonesian"> 1664 <span class="fi fi-id me-2"></span>Indonesian 1665 </button> 1666 </div> 1667 <div> 1668 <button class="btn btn-link text-body p-2 text-start w-100 Irish" data-lang="Irish"> 1669 <span class="fi fi-ie me-2"></span>Irish 1670 </button> 1671 </div> 1672 <div> 1673 <button class="btn btn-link text-body p-2 text-start w-100 Italian" data-lang="Italian"> 1674 <span class="fi fi-it me-2"></span>Italian 1675 </button> 1676 </div> 1677 <div> 1678 <button class="btn btn-link text-body p-2 text-start w-100 Japanese" data-lang="Japanese"> 1679 <span class="fi fi-jp me-2"></span>Japanese 1680 </button> 1681 </div> 1682 <div> 1683 <button class="btn btn-link text-body p-2 text-start w-100 Javanese" data-lang="Javanese"> 1684 <span class="fi fi-id me-2"></span>Javanese 1685 </button> 1686 </div> 1687 <div> 1688 <button class="btn btn-link text-body p-2 text-start w-100 K
1688annada" data-lang="Kannada"> 1689 <span class="fi fi-in me-2"></span>Kannada 1690 </button> 1691 </div> 1692 <div> 1693 <button class="btn btn-link text-body p-2 text-start w-100 Khmer" data-lang="Khmer"> 1694 <span class="fi fi-kh me-2"></span>Khmer 1695 </button> 1696 </div> 1697 <div> 1698 <button class="btn btn-link text-body p-2 text-start w-100 Korean" data-lang="Korean"> 1699 <span class="fi fi-kr me-2"></span>Korean 1700 </button> 1701 </div> 1702 <div> 1703 <button class="btn btn-link text-body p-2 text-start w-100 Lao" data-lang="Lao"> 1704 <span class="fi fi-la me-2"></span>Lao 1705 </button> 1706 </div> 1707 <div> 1708 <button class="btn btn-link text-body p-2 text-start w-100 Latin" data-lang="Latin"> 1709 <span class="fi fi-va me-2"></span>Latin 1710 </button> 1711 </div> 1712 <div> 1713 <button class="btn btn-link text-body p-2 text-start w-100 Latvian" data-lang="Latvian"> 1714 <span class="fi fi-lv me-2"></span>Latvian 1715 </button> 1716 </div> 1717 <div> 1718 <button class="btn btn-link text-body p-2 text-start w-100 Lithuanian" data-lang="Lithuanian"> 1719 <span class="fi fi-lt me-2"></span>Lithuanian 1720 </button> 1721 </div> 1722 <div> 1723 <button class="btn btn-link text-body p-2 text-start w-100 Macedonian" data-lang="Macedonian"> 1724 <span class="fi fi-mk me-2"></span>Macedonian 1725 </button> 1726 </div> 1727 <div> 1728 <button class="btn btn-link text-body p-2 text-start w-100 Malay" data-lang="Malay"> 1729 <span class="fi fi-my me-2"></span>Malay 1730 </button> 1731 </div> 1732 <div> 1733 <button class="btn btn-link text-body p-2 text-start w-100 Maltese" data-lang="Maltese"> 1734 <span class="fi fi-mt me-2"></span>Maltese 1735 </button> 1736 </div> 1737 <div> 1738 <button class="btn btn-link text-body p-2 text-start w-100 Maori" data-lang="Maori"> 1739 <span class="fi fi-nz me-2"></span>Maori 1740 </button> 1741 </div> 1742 <div> 1743 <button class="btn btn-link text-body p-2 text-start w-100 Marathi" data-lang="Marathi"> 1744 <span class="fi fi-in me-2"></span>Marathi 1745 </button> 1746 </div> 1747 <div> 1748 <button class="btn btn-link text-body p-2 text-start w-100 Mongolian" data-lang="Mongolian"> 1749 <span class="fi fi-mn me-2"></span>Mongolian 1750 </button> 1751 </div> 1752 <div> 1753 <button class="btn btn-link text-body p-2 text-start w-100 Nepali" data-lang="Nepali"> 1754 <span class="fi fi-np me-2"></span>Nepali 1755 </button> 1756 </div> 1757 <div> 1758 <button class="btn btn-link text-body p-2 text-start w-100 Norwegian" data-lang="Norwegian"> 1759 <span class="fi fi-no me-2"></span>Norwegian 1760 </button> 1761 </div> 1762 <div> 1763 <button class="btn btn-link text-body p-2 text-start w-100 Persian" data-lang="Persian"> 1764 <span class="fi fi-ir me-2"></span>Persian 1765 </button> 1766 </div> 1767 <div> 1768 <button class="btn btn-link text-body p-2 text-start w-100 Polish" data-lang="Polish"> 1769 <span class="fi fi-pl me-2"></span>Polish 1770 </button> 1771 </div> 1772 <div> 1773 <button class="btn btn-link text-body p-2 text-start w-100 Portuguese" data-lang="Portuguese"> 1774 <span class="fi fi-pt me-2"></span>Portuguese 1775 </button> 1776 </div> 1777 <div> 1778 <button class="btn btn-link text-body p-2 text-start w-100 Punjabi" data-lang="Punjabi"> 1779 <span class="fi fi-in me-2"></span>Punjabi 1780 </button> 1781 </div> 1782 <div> 1783 <button class="btn btn-link text-body p-2 text-start w-100 Romanian" data-lang="Romanian"> 1784 <span class="fi fi-ro me-2"></span>Romanian 1785 </button> 1786 </div> 1787 <div> 1788 <button class="btn btn-link text-body p-2 text-start w-100 Russian" data-lang="Russian"> 1789 <span class="fi fi-ru me-2"></span>Russian 1790 </button> 1791 </div> 1792 <div> 1793 <button class="btn btn-link text-body p-2 text-start w-100 Serbian" data-lang="Serbian"> 1794 <span class="fi fi-rs me-2"></span>Serbian 1795 </button> 1796 </div> 1797 <div> 1798 <button class="btn btn-link text-body p-2 text-start w-100 Slovak" data-lang="Slovak"> 1799 <span class="fi fi-sk me-2"></span>Slovak 1800 </button> 1801 </div> 1802 <div> 1803 <button class="btn btn-link text-body p-2 text-start w-100 Slovenian" data-lang="Slovenian"> 1804 <span class="fi fi-si me-2"></span>Slovenian 1805 </button> 1806 </div> 1807 <div> 1808 <button class="btn btn-link text-body p-2 text-start w-100 Somali" data-lang="Somali"> 1809 <span class="fi fi-so me-2"></span>Somali 1810 </button> 1811 </div> 1812 <div> 1813 <button class="btn btn-link text-body p-2 text-start w-100 Spanish" data-lang="Spanish"> 1814 <span class="fi fi-es me-2"></span>Spanish 1815 </button> 1816 </div> 1817 <div> 1818 <button class="btn btn-link text-body p-2 text-start w-100 Swahili" data-lang="Swahili"> 1819 <span class="fi fi-ke me-2"></span>Swahili 1820 </button> 1821 </div> 1822 <div> 1823 <button class="btn btn-link text-body p-2 text-start w-100 Swedish" data-lang="Swedish"> 1824 <span class="fi fi-se me-2"></span>Swedish 1825 </button> 1826 </div> 1827 <div> 1828 <button class="btn btn-link text-body p-2 text-start w-100 Tamil" data-lang="Tamil"> 1829 <span class="fi fi-in me-2"></span>Tamil 1830 </button> 1831 </div> 1832 <div> 1833 <button class="btn btn-link text-body p-2 text-start w-100 Telugu" data-lang="Telugu"> 1834 <span class="fi fi-in me-2"></span>Telugu 1835 </button> 1836 </div> 1837 <div> 1838 <button class="btn btn-link text-body p-2 text-start w-100 Thai" data-lang="Thai"> 1839 <span class="fi fi-th me-2"></span>Thai 1840 </button> 1841 </div> 1842 <div> 1843 <button class="btn btn-link text-body p-2 text-start w-100 Turkish" data-lang="Turkish"> 1844 <span class="fi fi-tr me-2"></span>Turkish 1845 </button> 1846 </div> 1847 <div> 1848 <button class="btn btn-link text-body p-2 text-start w-100 Ukrainian" data-lang="Ukrainian"> 1849 <span class="fi fi-ua me-2"></span>Ukrainian 1850 </button> 1851 </div> 1852 <div> 1853 <button class="btn btn-link text-body p-2 text-start w-100 Urdu" data-lang="Urdu"> 1854 <span class="fi fi-pk me-2"></span>Urdu 1855 </button> 1856 </div> 1857 <div> 1858 <button class="btn btn-link text-body p-2 text-start w-100 Vietnamese" data-lang="Vietnamese"> 1859 <span class="fi fi-vn me-2"></span>Vietnamese 1860 </button> 1861 </div> 1862 <div> 1863 <button class="btn btn-link text-body p-2 text-start w-100 Welsh" data-lang="Welsh"> 1864 <span class="fi fi-gb me-2"></span>Welsh 1865 </button> 1866 </div> 1867 <div> 1868 <button class="btn btn-link text-body p-2 text-start w-100 Yoruba" data-lang="Yoruba"> 1869 <span class="fi fi-ng me-2"></span>Yoruba 1870 </button> 1871 </div> 1872 <div> 1873 <button class="btn btn-link text-body p-2 text-start w-100 Zulu" data-lang="Zulu"> 1874 <span class="fi fi-za me-2"></span>Zulu 1875 </button> 1876 </div> 1877 </div> 1878 </div> 1879 <div class="modal-footer p-2"> 1880 <div class="lang-search-status text-center small text-muted" aria-l
1880ive="polite" aria-atomic="true"></div> 1881 <button type="button" class="btn btn-sm btn-primary ms-auto" data-bs-dismiss="modal">Close</button> 1882 <button class="btn btn-link text-body p-2 text-start translate-reset" translate="no"> 1883 <i class="fa-solid fa-power-off" aria-hidden="true"></i> 1884 <span class="visually-hidden">Reset Translation</span> 1885 </button> 1886 </div> 1887 </div> 1888 </div> 1889</div> 1890<div id="google-translate" class="d-none"></div>
1891<script> 1892function googleTranslateElementInit() { 1893 new google.translate.TranslateElement( 1894 { pageLanguage: 'en', autoDisplay: false, layout: google.translate.TranslateElement.InlineLayout.SIMPLE }, 1895 'google-translate' 1896 ); 1897} 1898</script>
vendor: 2 bytes, line 1898
1898
1899<script> 1900var translateURL = "//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"; 1901$.getScript(translateURL); 1902 1903function clickLanguage(langText, maxTries, intervalMs) { 1904 langText = (langText || '').trim(); 1905 maxTries = maxTries || 30; 1906 intervalMs = intervalMs || 200; 1907 var tries = 0; 1908 var timer = setInterval(function () { 1909 var $frame = $("iframe.skiptranslate"); 1910 if ($frame.length) { 1911 var doc = $frame.contents(); 1912 var $target = doc.find('span.text').filter(function () { 1913 return $(this).text().trim() === langText; 1914 }).closest('a'); 1915 if (!$target.length) { 1916 $target = doc.find('span.text').filter(function () { 1917 return $(this).text().trim() === 'English'; 1918 }).closest('a'); 1919 } 1920 if ($target.length) { 1921 $target.get(0).click(); 1922 clearInterval(timer); 1923 return; 1924 } 1925 } 1926 tries++; 1927 if (tries >= maxTries) clearInterval(timer); 1928 }, intervalMs); 1929} 1930 1931function getCookie(cname) { 1932 let name = cname + "="; 1933 let ca = document.cookie.split(';'); 1934 for(let i = 0; i < ca.length; i++) { 1935 let c = ca[i]; 1936 while (c.charAt(0) == ' ') c = c.substring(1); 1937 if (c.indexOf(name) == 0) return c.substring(name.length, c.length); 1938 } 1939 return ""; 1940} 1941 1942function sanitizeFlag(code) { 1943 var v = (code || "").toLowerCase().trim(); 1944 if (!v || v === "undefined" || v === "null") return ""; 1945 if (!/^[a-z]{2}$/.test(v)) return ""; 1946 return v; 1947} 1948 1949function applyActiveFromCookie() { 1950 var code = sanitizeFlag(getCookie('lang')) || sanitizeFlag(getCookie('code')) || 'us'; 1951 var $btn = $('.translation-links button').filter(function(){ 1952 var dataCode = ($(this).data('code') || '').toString().toLowerCase(); 1953 if (dataCode && dataCode === code) return true; 1954 var cls = ($(this).find('span[class*="fi-"]').attr('class') || ''); 1955 var m = cls.match(/\bfi-([a-z]{2})\b/i); 1956 return m && m[1].toLowerCase() === code; 1957 }).first(); 1958 if (!$btn.length && code === 'us') $btn = $('.translation-links button[data-lang="English"]').first(); 1959 $('.translation-links button').removeClass('active'); 1960 if ($btn.length) $btn.addClass('active'); 1961} 1962 1963(function initSelectedFlag(){ 1964 var initialCode = sanitizeFlag(getCookie('lang')) || sanitizeFlag(getCookie('code')) || "us"; 1965 $('.selected-flag').attr('class', 'fi fi-' + initialCode + ' selected-flag'); 1966 $('.c-code').text(initialCode); 1967 applyActiveFromCookie(); 1968})(); 1969 1970$(".translation-links button").on("click", function () { 1971 var lang = $(this).data("lang"); 1972 $('.translation-links button').removeClass('active'); 1973 $(this).addClass('active'); 1974 clickLanguage(lang); 1975 var cCode = $(this).data('code'); 1976 if (!cCode) { 1977 var cls = $(this).find('span[class*="fi-"]').attr('class') || ''; 1978 var m = cls.match(/\bfi-([a-z]{2})\b/i); 1979 if (m) cCode = m[1].toLowerCase(); 1980 } 1981 if (!cCode) cCode = 'us'; 1982 $('.selected-flag').attr('class', 'fi fi-' + cCode + ' selected-flag'); 1983 $('.c-code').text(cCode); 1984 document.cookie = 'lang=' + cCode + '; path=/'; 1985 document.cookie = 'code=' + cCode + '; path=/'; 1986 return false; 1987}); 1988 1989var $translateReset = $(".translate-reset");
1990$translateReset.on("keydown click", function (e) { 1991 if (e.keyCode === 13 || e.type === "click") { 1992 clickLanguage('English'); 1993 $('.translation-links button').removeClass('active'); 1994 $('.translation-links button[data-lang="English"]').addClass('active'); 1995 $('.selected-flag').attr('class','fi fi-us selected-flag'); 1996 $('.c-code').text('us'); 1997 document.cookie = 'lang=us; path=/'; 1998 document.cookie = 'code=us; path=/'; 1999 } 2000}); 2001 2002(function($){ 2003 var $form = $('.translate-search'); 2004 var $input = $form.find('input[type="search"]'); 2005 var $list = $('.translation-links'); 2006 var $btns = $list.find('div'); 2007 var $empty = $('.lang-no-results'); 2008 var $status = $('.lang-search-status'); 2009 $form.on('submit', function(e){ e.preventDefault(); }); 2010 function norm(s){ 2011 return (s||'').toString().toLowerCase().normalize('NFD').replace(/[\u0300-\u036f]/g,''); 2012 } 2013 $btns.each(function(){ 2014 var $b = $(this); 2015 var txt = $b.text().trim(); 2016 var lang = ($b.data('lang')||'')+''; 2017 $b.attr('data-search', norm(txt + ' ' + lang)); 2018 }); 2019 function updateStatus(visible, total){ 2020 if ($status.length) $status.text(visible + ' of ' + total + ' languages'); 2021 if ($empty.length) $empty.toggleClass('d-none', visible > 0); 2022 } 2023 var total = $btns.length; 2024 updateStatus(total, total); 2025 function filter(){ 2026 var q = norm($input.val()); 2027 if (!q){ 2028 $btns.removeClass('d-none'); 2029 updateStatus(total, total); 2030 return; 2031 } 2032 var visible = 0; 2033 $btns.each(function(){ 2034 var $b = $(this); 2035 var hay = $b.attr('data-search') || ''; 2036 var match = hay.indexOf(q) !== -1; 2037 $b.toggleClass('d-none', !match); 2038 if (match) visible++; 2039 }); 2040 $btns.filter('.d-none').attr('tabindex', -1); 2041 $btns.not('.d-none'); 2042 updateStatus(visible, total); 2043 } 2044 $input.on('input keyup', filter); 2045})(jQuery); 2046// ADA, Fix Google Translate Inputs 2047function fixGoogleTranslateInputs() { 2048 const inputs = [ 2049 { id: "goog-gt-votingInputSrcLang", label: "Source Language Input" }, 2050 { id: "goog-gt-votingInputTrgLang", label: "Target Language Input" }, 2051 { id: "goog-gt-votingInputSrcText", label: "Source Text Input" }, 2052 { id: "goog-gt-votingInputTrgText", label: "Target Text Input" }, 2053 { id: "goog-gt-votingInputVote", label: "Vote Input" }, 2054 ]; 2055 2056 let allLabelsSet = true; 2057 inputs.forEach((item) => { 2058 const input = document.getElementById(item.id); 2059 if (input) { 2060 input.setAttribute("aria-label", item.label); 2061 } else { 2062 allLabelsSet = false; 2063 } 2064 }); 2065 2066 if (allLabelsSet) { 2067 googleObserver.disconnect(); 2068 } 2069 } 2070 const googleObserver = new MutationObserver((mutationsList, observer) => { 2071 for (let mutation of mutationsList) { 2072 if (mutation.type === "childList") { 2073 fixGoogleTranslateInputs(); 2074 } 2075 } 2076 }); 2077 googleObserver.observe(document.body, { childList: true, subtree: true }); 2078 fixGoogleTranslateInputs(); 2079</script>
vendor: 2 bytes, line 2079
2079
2080<script> 2081// === prevent translation on certain elements === 2082var NO_TRANSLATE_SELECTORS = [ 2083 '.material-icons', 2084 '.main-logo', 2085 '.nav-label', 2086 '.mini-calendar', 2087 '.rz-address-wrapper', 2088 '[data-no-translate]', 2089 'a[href^="mailto:"]' 2090]; 2091 2092function applyNoTranslate() { 2093 try { 2094 NO_TRANSLATE_SELECTORS.forEach(function (sel) { 2095 var $els = $(sel); 2096 if ($els.length) { 2097 $els 2098 .addClass('notranslate') 2099 .attr('translate', 'no') 2100 .attr('lang', $els.attr('lang') || 'en'); 2101 } 2102 }); 2103 } catch (e){ 2104 2105 } 2106} 2107 2108$(applyNoTranslate); 2109var noTranslateObserver = new MutationObserver(function () { 2110 applyNoTranslate(); 2111}); 2112noTranslateObserver.observe(document.documentElement, { childList: true, subtree: true }); 2113</script>
2113 2114<div class="offcanvas offcanvas-end offcanvas-business-item" tabindex="-1" id="catalogueDetails" aria-modal="true"> 2115 <div class="offcanvas-body p-0"> 2116 <div class="ratio ratio-16x9 mb-4 featured-image-wrap z-0" style="background-image: url('');"></div> 2117 <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> 2118 <h4 class="p-2 px-md-4 catalogue-title">Catalogue title</h4> 2119 <ul class="nav nav-underline justify-content-start border-bottom m-0 px-4" id="businessTabs" role="tablist"> 2120 <li class="nav-item m-0 " role="presentation"> 2121 <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> 2122 </li> 2123 <li class="nav-item m-0" role="presentation"> 2124 <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> 2125 </li> 2126 <li class="nav-item m-0 d-none" role="presentation"> 2127 <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> 2128 </li> 2129 </ul> 2130 <div id="business-details"> 2131 <div class="tab-content" id="businessTabContent"> 2132 <div class="tab-pane p-4 fade active show" id="overview-tab-pane" role="tabpanel" tabindex="0"> 2133 <div class="row row-cols-3 row-cols-md-3 py-lg-3 px-2 catalogue-helpful-links"> 2134 <p class="d-flex flex-column text-center m-0"> 2135 <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> 2136 </p> 2137 <p class="d-flex flex-column text-center m-0 catalogue-map-link"> 2138 <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> 2139 </p> 2140 <!-- <p class="d-flex flex-column text-center m-0"> 2141 <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> 2142 </p> --> 2143 <p class="d-flex flex-column text-center m-0"> 2144 <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> 2145 </p> 2146 </div><!-- /.d-flex --> 2147 <hr class="mt-0 mb-4"> 2148 <div class="row row-cols-1 row-cols-md-3 catalogue-contacts gap-md-3"> 2149 </div><!-- /.row --> 2150 <table class="table catalogue-hours"> 2151 <thead> 2152 <tr> 2153 <th scope="col" style="width:160px" class="ps-0 small text-muted">Days</th> 2154 <th scope="col" class="small text-muted">Hours</th> 2155 </tr> 2156 </thead> 2157 2158 <tbody class="table-group-divider"> 2159 <tr> 2160 <th scope="row" class="ps-0 text-nowrap">Sunday</th> 2161 <td></td> 2162 </tr> 2163 <tr> 2164 <th scope="row" class="ps-0 text-nowrap">Monday</th> 2165 <td></td> 2166 </tr> 2167 <tr> 2168 <th scope="row" class="ps-0 text-nowrap">Tuesday</th> 2169 <td></td> 2170 </tr> 2171 <tr> 2172 <th scope="row" class="ps-0 text-nowrap">Wednesday</th> 2173 <td></td> 2174 </tr> 2175 <tr> 2176 <th scope="row" class="ps-0 text-nowrap">Thursday</th> 2177 <td></td> 2178 </tr> 2179 <tr> 2180 <th scope="row" class="ps-0 text-nowrap">Friday</th> 2181 <td></td> 2182 </tr> 2183 <tr> 2184 <th scope="row" class="ps-0 text-nowrap">Saturday</th> 2185 <td></td> 2186 </tr> 2187 </tbody> 2188 </table> 2189 </div><!-- /.tab-pane --> 2190 <div class="tab-pane p-4 fade" id="about-tab-pane" role="tabpanel" tabindex="0"> 2191 </div><!-- /.tab-pane --> 2192 <div class="tab-pane p-4 fade" id="photos-tab-pane" role="tabpanel" tabindex="0"> 2193 <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> 2194 <div class="rz-gallery-wrap"> 2195
2196 <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;"> 2197 2198 <!-- <div data-src="_assets_/images/no-image-slider-2.jpg" class="rz-gallery-image" data-lg-size="3000-2000" style="position: absolute;"> 2199 <img src="_assets_/images/no-image-slider-2.jpg" class="w-100" alt=""> 2200 <span class="rz-zoom cursor-pointer z-index-1 bg-white fs-3 lh-1 p-4 rounded-circle"> 2201 <i class="bi bi-arrows-angle-expand lh-1"></i> 2202 </span> 2203 </div> 2204 2205 <div data-src="_assets_/images/no-image-slider.jpg" class="rz-gallery-image" data-lg-size="3000-2000" style="position: absolute;"> 2206 <img src="_assets_/images/no-image-slider.jpg" class="w-100" alt=""> 2207 <span class="rz-zoom cursor-pointer z-index-1 bg-white fs-3 lh-1 p-4 rounded-circle"> 2208 <i class="bi bi-arrows-angle-expand lh-1"></i> 2209 </span> 2210 </div> 2211 2212 <div data-src="_assets_/images/no-image-slider-2.jpg" class="rz-gallery-image" data-lg-size="3000-2000" style="position: absolute;"> 2213 <img src="_assets_/images/no-image-slider-2.jpg" class="w-100" alt=""> 2214 <span class="rz-zoom cursor-pointer z-index-1 bg-white fs-3 lh-1 p-4 rounded-circle"> 2215 <i class="bi bi-arrows-angle-expand lh-1"></i> 2216 </span> 2217 </div> 2218 2219 <div data-src="_assets_/images/no-image-slider-2.jpg" class="rz-gallery-image" data-lg-size="3000-2000" style="position: absolute;"> 2220 <img src="_assets_/images/no-image-slider-2.jpg" class="w-100" alt=""> 2221 <span class="rz-zoom cursor-pointer z-index-1 bg-white fs-3 lh-1 p-4 rounded-circle"> 2222 <i class="bi bi-arrows-angle-expand lh-1"></i> 2223 </span> 2224 </div> 2225 2226 <div data-src="_assets_/images/no-image-slider-2.jpg" class="rz-gallery-image" data-lg-size="3000-2000" style="position: absolute;"> 2227 <img src="_assets_/images/no-image-slider-2.jpg" class="w-100" alt=""> 2228 <span class="rz-zoom cursor-pointer z-index-1 bg-white fs-3 lh-1 p-4 rounded-circle"> 2229 <i class="bi bi-arrows-angle-expand lh-1"></i> 2230 </span> 2231 </div> --> 2232 2233 </div><!-- #lightgallery --> 2234 </div><!-- /.rz-gallery-wrap --> 2235 </div><!-- /.tab-pane --> 2236 </div><!-- /.tab-content --> 2237 </div><!-- /#business-details --> 2238 </div><!-- /.offcanvas-body --> 2239</div> 2240 2241
2242<script> 2243 2244var catalogueDetailsMap = { modal: null }; 2245var catalogueJSONData = null; 2246 2247if (typeof indexByIdOrRid !== 'function') { 2248 function indexByIdOrRid(data){ 2249 if (!data) return {}; 2250 if (!Array.isArray(data)) return data; 2251 return data.reduce((m, item) => { 2252 if (!item) return m; 2253 const key = item.rid ?? item.id; 2254 if (key != null) m[String(key)] = item; 2255 return m; 2256 }, {}); 2257 } 2258} 2259 2260function openCatalogueDetails(rid) { 2261 if (!catalogueDetailsMap.modal || !catalogueJSONData) return; 2262 2263 rid = String(rid); 2264 var cRecord = catalogueJSONData[rid]; 2265 if (!cRecord) return; 2266 2267 var m = catalogueDetailsMap; 2268 2269 var parsedOptions = cRecord.options; 2270 if (typeof parsedOptions === 'string') { 2271 try { parsedOptions = JSON.parse(parsedOptions); } catch(e){ parsedOptions = {}; } 2272 } 2273 parsedOptions = parsedOptions || {}; 2274 2275 var imgURL = (cRecord.image || '').trim(); 2276 if (imgURL && !imgURL.endsWith('/')) { 2277 m.img && m.img.classList.remove('d-none'); 2278 if (m.img) { 2279 m.img.style.backgroundImage = "url('" + imgURL + "')"; 2280 } 2281 } else { 2282 if (m.img) { 2283 m.img.style.backgroundImage = ''; 2284 m.img.classList.add('d-none'); 2285 } 2286 } 2287 2288 // Title 2289 if (m.title) { 2290 var rawTitle = cRecord.title || cRecord.name || ""; 2291 m.title.textContent = decodeHtmlEntities(rawTitle); 2292 } 2293 2294 if (m.helpful) { 2295 var links = m.helpful.querySelectorAll("a"); 2296 if (links.length) { 2297 var el = links[0]; 2298 var webUrl = (parsedOptions.website_url || "").trim(); 2299 var webText = (parsedOptions.website_text || "Visit Website").trim(); 2300 if (webUrl && webUrl !== "#") { 2301 el.href = webUrl; 2302 el.target = "_blank"; 2303 var span = el.querySelector("span"); 2304 if (span) span.innerText = webText; 2305 el.parentElement && el.parentElement.classList.remove("d-none"); 2306 } else { 2307 el.href = ""; 2308 el.parentElement && el.parentElement.classList.add("d-none"); 2309 } 2310 } 2311 } 2312 2313 if (m.maplink) { 2314 var mapAs = m.maplink.querySelectorAll("a"); 2315 if (mapAs.length) { 2316 var mapEl = mapAs[0]; 2317 var addr = (parsedOptions.val_address || "").trim(); 2318 if (addr) { 2319 var encoded = encodeURIComponent(addr).replace(/%20/g, "+"); 2320 mapEl.href = "https://www.google.com/maps/search/?api=1&query=" + encoded; 2321 mapEl.target = "_blank"; 2322 mapEl.parentElement && mapEl.parentElement.classList.remove('d-none'); 2323 } else { 2324 mapEl.href = ""; 2325 mapEl.parentElement && mapEl.parentElement.classList.add('d-none'); 2326 } 2327 } 2328 } 2329 2330 if (m.contacts) { 2331 m.contacts.innerHTML = ""; 2332 if (Array.isArray(parsedOptions.contacts)) {
2333 parsedOptions.contacts.forEach(function(contact) { 2334 var newAddress = document.createElement("address"); 2335 newAddress.innerHTML = '<strong class="small text-muted">' + (contact.val_header||'') + '</strong><br>'; 2336 2337 var inner = contact.val_text || ''; 2338 if (contact.val_href) { 2339 try { 2340 var href = contact.val_href; 2341 var isSelf = href.startsWith('tel:') || href.startsWith('mailto:') || href.startsWith(location.origin); 2342 inner = '<a href="'+href+'" target="'+(isSelf?'_self':'_blank')+'">'+ inner +'</a>'; 2343 } catch(e) { /* ignore bad href */ } 2344 } 2345 newAddress.innerHTML += inner; 2346 m.contacts.append(newAddress); 2347 }); 2348 } 2349 } 2350 2351 if (m.hours) { 2352 const table = m.hours; 2353 const dayKeys = [ 2354 'val_sunday','val_monday','val_tuesday','val_wednesday', 2355 'val_thursday','val_friday','val_saturday' 2356 ]; 2357 2358 const tds = Array.from(table.querySelectorAll('tbody td')); 2359 let hasAny = false; 2360 2361 tds.forEach((td, i) => { 2362 const val = parsedOptions.hours && parsedOptions.hours[dayKeys[i]]; 2363 const v = (val || '').trim(); 2364 td.textContent = v; 2365 if (v) hasAny = true; 2366 }); 2367 2368 table.classList.toggle('d-none', !hasAny); 2369 } 2370 2371 if (m.detail) { 2372 const pane = m.detail; 2373 const tabPane = pane.closest('.tab-pane'); 2374 const tabLink = tabPane ? document.querySelector(`[data-bs-target="#${tabPane.id}"]`) : null; 2375 2376 pane.innerHTML = "Loading..."; 2377 2378 fetch('catalogue/' + encodeURIComponent(rid) + '.php?display=json') 2379 .then(res => res.json()) 2380 .then(data => { 2381 const html = (data && data.details) ? data.details.trim() : ""; 2382 2383 pane.innerHTML = html || ""; 2384 2385 const isEmpty = !html; 2386 if (tabPane) tabPane.classList.toggle('d-none', isEmpty); 2387 if (tabLink) tabLink.classList.toggle('d-none', isEmpty); 2388 }) 2389 .catch(() => { 2390 pane.innerHTML = ""; 2391 if (tabPane) tabPane.classList.add('d-none'); 2392 if (tabLink) tabLink.classList.add('d-none'); 2393 }); 2394 } 2395 2396 // Gallery #TODO) 2397 if (m.gallery) m.gallery.innerHTML = ""; 2398 2399 try { 2400 bootstrap.Offcanvas.getOrCreateInstance(m.modal).show(); 2401 } catch(e) { 2402 console.error('Offcanvas show failed:', e); 2403 } 2404 2405 if (window.pushOcState) pushOcState('catalogueDetails', rid); 2406} 2407 2408document.addEventListener('DOMContentLoaded', function() { 2409 var modal = document.querySelector("#catalogueDetails"); 2410 if (!modal) return; 2411 2412 catalogueDetailsMap = { 2413 modal: modal, 2414 img: modal.querySelector(".featured-image-wrap"), 2415 title: modal.querySelector(".offcanvas-body .catalogue-title"), 2416 helpful: modal.querySelector(".catalogue-helpful-links"), 2417 maplink: modal.querySelector(".catalogue-map-link"), 2418 contacts: modal.querySelector(".catalogue-contacts"), 2419 hours: modal.querySelector(".catalogue-hours"), 2420 detail: modal.querySelector("#about-tab-pane"), 2421 gallery: modal.querySelector("#businessDetailslightgallery"), 2422 }; 2423 2424 fetch('_includes_/published/catalogue.json') 2425 .then(res => res.json()) 2426 .then(data => { catalogueJSONData = indexByIdOrRid(data); }) 2427 .then(() => { if (typeof tryDeepLinkNow === 'function') tryDeepLinkNow('catalogueDetails'); }) 2428 .catch((e) => { console.error('catalogue.json load failed', e); catalogueJSONData = {}; }); 2429}); 2430</script>
2430<div class="offcanvas offcanvas-bottom offcanvas-news-item mx-auto rounded-0 bg-body" tabindex="-1" id="newsDetails" style="--bs-offcanvas-height:95vh;"> 2431<div class="progress rounded-0" role="progressbar" aria-label="Scroll Progress" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100" style="height: 8px"> 2432 <div class="progress-bar bg-secondary"></div></div> 2433 2434 <div class="offcanvas-header border-bottom fw-bold"> 2435 Article Details 2436 <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button> 2437 </div> 2438 <div class="offcanvas-body pt-0"> 2439 <div class="container p-0"> 2440 <div class="col-lg-9 mx-auto"> 2441 2442 <div class="sticky-top"> 2443 <div class="d-flex small bg-body flex-wrap align-items-center py-3"> 2444 <div class="d-flex me-3"> 2445 <div class="d-flex post-info-wrap"> 2446 <p class="post-published m-0"> 2447 <span class="opacity-75">Published:</span> 2448 <time></time> <i class="bi bi-dot d-inline-block"></i> 2449 <span id="eta"></span> 2450 </p><!-- /.post-published --> 2451 </div><!-- /.post-info-wrap --> 2452 </div><!-- /.d-flex --> 2453 2454 <div class="post-btns-wrap ms-auto"> 2455 <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"> 2456 <i class="bi bi-share align-middle" aria-hidden="true"></i> 2457 <span class="visually-hidden">Share</span> 2458 </button> 2459 </div><!-- /.post-btns-wrap --> 2460 2461 </div><!-- /.d-flex --> 2462 </div><!-- /.sticky-top --> 2463 2464 <div class="featured-image-wrapper"></div> 2465 2466 <div class="p-lg-2 px-md-5"> 2467 <h3 class="mb-3 h3">Article Title</h3> 2468 <nav aria-label="breadcrumb" class="breadcrumb mb-3"> 2469 <ul> 2470 <li class="breadcrumb-item"><a href="./news">Articles</a> 2471 <li class="breadcrumb-item active text-truncate" aria-current="page"></li> 2472 </ul> 2473 </nav> 2474 <div id="news-full-details" class="article-full-details"></div><!-- /#post-details --> 2475 </div><!-- /.p-lg-2 --> 2476 </div><!-- /.col-lg-9 --> 2477 </div><!-- /.container --> 2478 </div><!-- /.offcanvas-body --> 2479</div><!-- /.offcanvas --> 2480
2481<script> 2482var newsDetailsMap = { modal: null }; 2483var newsJSONData = null; 2484 2485if (typeof indexByIdOrRid !== 'function') { 2486 function indexByIdOrRid(data){ 2487 if (!data) return {}; 2488 if (!Array.isArray(data)) return data; 2489 return data.reduce((m, item) => { 2490 if (!item) return m; 2491 const key = item.rid ?? item.id; 2492 if (key != null) m[String(key)] = item; 2493 return m; 2494 }, {}); 2495 } 2496} 2497 2498function hasImg(url) { 2499 if (!url) return false; 2500 var s = String(url).trim(); 2501 if (!s) return false; 2502 if (/^(null|undefined|none|n\/a)$/i.test(s)) return false; 2503 return true; 2504} 2505 2506/* global helper: decode ✨ & etc */ 2507window.decodeHtmlEntities = window.decodeHtmlEntities || function (str) { 2508 if (str == null) return ''; 2509 const ta = document.createElement('textarea'); 2510 ta.innerHTML = String(str); 2511 return ta.value; 2512}; 2513 2514function setFeaturedImage(url) { 2515 var m = newsDetailsMap; 2516 var modal = m.modal; 2517 if (!modal) return; 2518 2519 var wrap = modal.querySelector(".featured-image-wrapper"); 2520 if (!wrap) return; 2521 2522 if (hasImg(url)) { 2523 wrap.className = "featured-image-wrapper ratio ratio-16x9 mb-4 featured-image-wrap rounded"; 2524 wrap.style.backgroundImage = "url('" + url + "')"; 2525 m.img = wrap; 2526 } else { 2527 wrap.className = "featured-image-wrapper"; 2528 wrap.style.backgroundImage = ""; 2529 m.img = null; 2530 } 2531} 2532 2533function openNewsDetails(rid) {
2534 if (!newsDetailsMap.modal || !newsJSONData) return; 2535 2536 rid = String(rid); 2537 var cRecord = newsJSONData[rid]; 2538 if (!cRecord) return; 2539 2540 var m = newsDetailsMap; 2541 2542 setFeaturedImage(cRecord.image); 2543 2544 const titleDecoded = decodeHtmlEntities(cRecord.title || ""); 2545 2546 m.title.textContent = titleDecoded; 2547 m.date.textContent = cRecord.date || cRecord.posted || ""; 2548 m.breadcrumb.textContent = titleDecoded; 2549 2550 m.detail.innerHTML = "Loading..."; 2551 fetch('articles/' + encodeURIComponent(rid) + '.php?display=json') 2552 .then(res => res.json()) 2553 .then(newsData => { m.detail.innerHTML = newsData.details || ""; }) 2554 .catch(() => { m.detail.innerHTML = ""; }); 2555 2556 try { 2557 bootstrap.Offcanvas.getOrCreateInstance(m.modal).show(); 2558 } catch(e) { 2559 console.error('Offcanvas show failed:', e); 2560 } 2561 2562 if (window.pushOcState) pushOcState('newsDetails', rid); 2563} 2564 2565document.addEventListener('DOMContentLoaded', function() { 2566 var modal = document.querySelector("#newsDetails"); 2567 if (!modal) return; 2568 2569 newsDetailsMap = { 2570 modal: modal, 2571 img: modal.querySelector(".featured-image-wrapper"), 2572 title: modal.querySelector("h3.h3"), 2573 date: modal.querySelector(".post-published>time"), 2574 breadcrumb: modal.querySelector(".breadcrumb-item.active"), 2575 detail: modal.querySelector("#news-full-details") 2576 }; 2577 2578 // Scroll progress bar 2579 var scrollTarget = modal.querySelector('.offcanvas-body'); 2580 var progressBar = modal.querySelector('.progress-bar'); 2581 var progressOuter = modal.querySelector('.progress[role="progressbar"]'); 2582 2583 function updateScrollProgress() { 2584 if (!scrollTarget || !progressBar) return; 2585 2586 var maxScroll = scrollTarget.scrollHeight - scrollTarget.clientHeight; 2587 var current = scrollTarget.scrollTop || 0; 2588 2589 var pct = 0; 2590 if (maxScroll > 0) { 2591 pct = (current / maxScroll) * 100; 2592 } 2593 pct = Math.min(Math.max(pct, 0), 100); 2594 2595 progressBar.style.width = pct + '%'; 2596 if (progressOuter) { 2597 progressOuter.setAttribute('aria-valuenow', Math.round(pct)); 2598 } 2599 } 2600 2601 if (scrollTarget && progressBar) { 2602 scrollTarget.addEventListener('scroll', updateScrollProgress, { passive: true }); 2603 2604 modal.addEventListener('show.bs.offcanvas', function () { 2605 if (!scrollTarget) return; 2606 scrollTarget.scrollTop = 0; 2607 updateScrollProgress(); 2608 }); 2609 2610 updateScrollProgress(); 2611 } 2612 2613 fetch('_includes_/published/news_list.json') 2614 .then(res => res.json()) 2615 .then(data => { newsJSONData = indexByIdOrRid(data); }) 2616 .then(() => { if (typeof tryDeepLinkNow === 'function') tryDeepLinkNow('newsDetails'); }) 2617 .catch((e) => { console.error('news_list.json load failed', e); newsJSONData = {}; }); 2618}); 2619</script>
2619<div class="offcanvas offcanvas-end offcanvas-job-item" 2620 tabindex="-1" 2621 id="jobDetails"> 2622 <div class="offcanvas-header bg-light p-4 px-lg-5"> 2623 <h3 class="offcanvas-title fs-4">Job post</h3> 2624 <button type="button" 2625 class="btn-close" 2626 data-bs-dismiss="offcanvas" 2627 aria-label="Close"></button> 2628 </div> 2629 <div class="offcanvas-body p-0"> 2630 2631 <div class="p-4 p-lg-5"> 2632 <div class="d-flex align-items-center justify-content-between"> 2633 <div> 2634 <p class="h3 m-0 fs-3 d-flex flex-column"> 2635 <small class="fs-6 text-muted fw-bold">Position</small> 2636 </p> 2637 <h4 class="job-position">Job Position</h4> 2638 </div> 2639 <span class="btn btn-link btn-lg ms-auto d-none" 2640 id="saveItemBtn" 2641 tabindex="0"> 2642 <i class="bi bi-heart text-danger ms-auto cursor-pointer"></i> 2643 </span> 2644 <span class="btn btn-link btn-lg p-0" 2645 data-bs-toggle="modal" 2646 data-bs-target="#shareModal" 2647 tabindex="0"> 2648 <i class="bi bi-share text-body"></i> 2649 </span> 2650 </div> 2651 </div><!-- /.p-4 --> 2652 2653 <div class="job-details"> 2654 <div class="bg-light p-4 p-lg-5"> 2655 <div class="row row-cols-1 row-cols-sm-2 g-2 attribute-callouts"></div> 2656 2657 <a href="#" 2658 class="btn btn-primary mt-lg-4 apply-link"> 2659 Apply Now<i class="bi bi-box-arrow-up-right ms-2"></i> 2660 </a> 2661 </div><!-- /.bg-light --> 2662 2663 <div class="bg-white p-4 p-lg-5"> 2664 <!-- <p class="small bg-success-subtle text-success-emphasis p-1 px-2 mb-2 rounded-pill d-inline-flex"> 2665 <small><i class="bi bi-exclamation-circle"></i> Urgent Hire</small> 2666 </p> --> 2667 <p class="fs-4"></p> 2668 <div class="job-full-details"></div> 2669 </div><!-- /.bg-white --> 2670 </div><!-- /#job-details --> 2671 </div><!-- /.offcanvas-body --> 2672</div><!-- /.offcanvas --> 2673 2674<div class="toast align-items-center text-bg-success border-0 position-fixed bottom-0 end-0 m-4" 2675 id="savedItem" 2676 role="alert" 2677 aria-live="assertive" 2678 aria-atomic="true"> 2679 <div class="d-flex"> 2680 <div class="toast-body"> 2681 Added to your favorites! 2682 <a href="" class="text-light">See all here</a> 2683 </div> 2684 <button type="button" 2685 class="btn-close btn-close-white me-2 m-auto" 2686 data-bs-dismiss="toast" 2687 aria-label="Close"></button> 2688 </div> 2689</div><!-- /.toast --> 2690
2691<script> 2692var jobDetailsMap = { modal: null }; 2693var jobJSONData = null; 2694 2695if (typeof indexByIdOrRid !== 'function') { 2696 function indexByIdOrRid(data){ 2697 if (!data) return {}; 2698 if (!Array.isArray(data)) return data; 2699 return data.reduce((m, item) => { 2700 if (!item) return m; 2701 const key = item.rid ?? item.id; 2702 if (key != null) m[String(key)] = item; 2703 return m; 2704 }, {}); 2705 } 2706} 2707 2708function openJobDetails(rid) { 2709 if (!jobDetailsMap.modal || !jobJSONData) return; 2710 2711 rid = String(rid); 2712 var cRecord = jobJSONData[rid]; 2713 if (!cRecord) return; 2714 2715 var m = jobDetailsMap; 2716 var parsedOptions = cRecord.options || {}; 2717 2718 if (m.titleB) m.titleB.textContent = decodeHtmlEntities(cRecord.title || ""); 2719 2720 if (m.callouts) { 2721 m.callouts.innerHTML = ""; 2722 if (Array.isArray(parsedOptions.attributes)) { 2723 parsedOptions.attributes.forEach(function(attr) { 2724 var header = attr.val_header || ""; 2725 var text = attr.val_text || ""; 2726 var icon = parseIconClass(attr.val_icon) || { class: "bi bi-info-circle", ligature: "" }; 2727 var wrap = document.createElement("div"); 2728 wrap.innerHTML = ` 2729 <p class="d-flex gap-3 align-items-center my-2 my-lg-3"> 2730 <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> 2731 <span><strong class="small text-muted lh-1">${header}</strong><br>${text}</span> 2732 </p>`; 2733 m.callouts.append(wrap.firstElementChild); 2734 }); 2735 } 2736 2737 var posted = cRecord.posted || ""; 2738 if (posted) { 2739 var pWrap = document.createElement('div'); 2740 pWrap.innerHTML = ` 2741 <p class="d-flex gap-3 align-items-center"> 2742 <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> 2743 <span><strong class="small text-muted lh-1">Posted</strong><br>${posted}</span> 2744 </p>`; 2745 m.callouts.append(pWrap.firstElementChild); 2746 } 2747 } 2748 2749 if (m.apply) { 2750 var btnURL = (parsedOptions.website_url || "").trim(); 2751 var btnText = (parsedOptions.website_text || "Learn More").trim(); 2752 2753 if (btnURL && btnURL !== "#") { 2754 m.apply.classList.remove("d-none"); 2755 m.apply.setAttribute("href", btnURL); 2756 m.apply.setAttribute("target", "_blank"); 2757 m.apply.innerHTML = btnText + '<i class="bi bi-box-arrow-up-right ms-2"></i>'; 2758 } else { 2759 m.apply.classList.add("d-none"); 2760 m.apply.setAttribute("href", "#"); 2761 } 2762 } 2763 2764 if (m.detail) { 2765 const pane = m.detail; 2766 const tabPane = pane.closest('.tab-pane'); 2767 const tabLink = tabPane ? document.querySelector(`[data-bs-target="#${tabPane.id}"]`) : null; 2768 2769 pane.innerHTML = "Loading..."; 2770 2771 fetch('jobs/' + encodeURIComponent(rid) + '.php?display=json') 2772 .then(res => res.json()) 2773 .then(data => { 2774 const html = (data && data.details) ? data.details.trim() : ""; 2775 2776 pane.innerHTML = html || ""; 2777 2778 const isEmpty = !html; 2779 if (tabPane) tabPane.classList.toggle('d-none', isEmpty); 2780 if (tabLink) tabLink.classList.toggle('d-none', isEmpty); 2781 }) 2782 .catch(() => { 2783 pane.innerHTML = ""; 2784 if (tabPane) tabPane.classList.add('d-none'); 2785 if (tabLink) tabLink.classList.add('d-none'); 2786 }); 2787 } 2788 2789 try { 2790 bootstrap.Offcanvas.getOrCreateInstance(m.modal).show(); 2791 } catch(e) { 2792 console.error('Offcanvas show failed:', e); 2793 } 2794 2795 if (window.pushOcState) pushOcState('jobDetails', rid); 2796} 2797 2798document.addEventListener('DOMContentLoaded', function() { 2799 var modal = document.querySelector("#jobDetails"); 2800 if (!modal) return; 2801 2802 jobDetailsMap = { 2803 modal: modal, 2804 titleB: modal.querySelector(".job-position"), 2805 callouts: modal.querySelector(".attribute-callouts"), 2806 detail: modal.querySelector(".job-full-details"), 2807 apply: modal.querySelector(".apply-link") 2808 }; 2809 2810 fetch('_includes_/published/job_list.json') 2811 .then(res => res.json()) 2812 .then(data => { jobJSONData = indexByIdOrRid(data); }) 2813 .then(() => { if (typeof tryDeepLinkNow === 'function') tryDeepLinkNow('jobDetails'); }) 2814 .catch((e) => { console.error('job_list.json load failed', e); jobJSONData = {}; }); 2815}); 2816 2817</script>
2817 2818 <div class="rz-brand-footer bg-black small text-white py-3 py-lg-2"> 2819 <div class="container-fluid small"> 2820 <div class="d-lg-flex align-items-center"> 2821 <div class="col w-100 d-flex flex-lg-row flex-column gap-2 mb-lg-0 mb-3 p-0"> 2822 <span class="footer-copyright">© 2026 Addison, IL Events</span> 2823 <a class="text-white f-accessibility_statement" href="accessibility_statement/index.php">Accessibility Statement</a> 2824 <a class="text-white f-privacy_policy" href="privacy_policy/index.php">Privacy Policy</a> 2825 <a class="text-white f-terms_and_conditions" href="terms_and_conditions/index.php">Terms and Conditions</a> 2826 <a class="text-white f-cookie_policy" href="cookie_policy/index.php">Cookie Policy</a> 2827 </div><!-- /.col --> 2828 <div class="text-lg-end align-items-center d-xl-flex gap-1 justify-content-start justify-content-lg-end f-powered-by"> 2829 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=/news/index.php" class="btn btn-primary btn-primary-rz btn-sm rounded-1">Staff Login</a> 2830 </div> 2831 </div><!-- /.d-lg-flex --> 2832 </div><!-- /.container-fluid --> 2833 </div> 2834
2834<script src="/revize/plugins/revize_calendar/index.v2.js"></script>
2834 2835
2835<script src="/revize/plugins/zbuilder/v1/website/_assets_/js/scripts.js"></script>
vendor: 81 bytes, lines 2835-2837
2835 2836 <script src="https://www.google.com/recaptcha/api.js" async defer></script> 2837
2837<script src="/revize/plugins/page_builder/formwizard.form_validation_include.js"></script>
2837 2838
2838<script> 2839$('.staffmember-bio').appendTo('.staffmember-contact'); 2840$('.breadcrumb').prependTo('#freeform-content-wrapper'); 2841$('body').append($('.home-bg-img')); 2842 2843$(document).ready(function () { 2844 $('.dropdown-toggle, .dropdown-menu').hover( 2845 function () { 2846 $('.bottom-header').addClass('bottom-header-active'); 2847 $('.top-header').addClass('top-header-active'); 2848 }, 2849 function () { 2850 $('.bottom-header').removeClass('bottom-header-active'); 2851 $('.top-header').removeClass('top-header-active'); 2852 } 2853 ); 2854}); 2855 2856 2857function RZRenderMini(elementList) { 2858 $('.cal-event-wrap').each(function () { 2859 const title = $(this).find('.cal-event-title'); 2860 const desc = $(this).find('.cal-event-desc'); 2861 const location = $(this).find('.cal-event-location'); 2862 const time = $(this).find('.cal-event-time'); 2863 2864 time.find('time').each(function () { 2865 const dt = $(this).attr('datetime'); 2866 if (dt) { 2867 const date = new Date(dt); 2868 2869 let hours = date.getHours(); 2870 let minutes = date.getMinutes(); 2871 2872 const ampm = hours >= 12 ? 'pm' : 'am'; 2873 hours = hours % 12; 2874 hours = hours ? hours : 12; 2875 2876 minutes = minutes.toString().padStart(2, '0'); 2877 2878 const formattedTime = minutes === '00' 2879 ? `${hours} ${ampm}` 2880 : `${hours}:${minutes} ${ampm}`; 2881 2882 $(this).text(formattedTime); 2883 } 2884 }); 2885 2886 const dataWrap = $('<div class="cal-data"></div>'); 2887 dataWrap.append(title, desc, location, time); 2888 2889 $(this).prepend(dataWrap); 2890 2891 time.append('<div class="cal-event-view">View details</div>'); 2892 }); 2893} 2894</script>
2894 2895
2896<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>
2896 2897</div><!-- /.rz-site-wrap --> 2898</body> 2899</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.