government public service

government

English

responsiveGhost

CP_TrackBrowser

viewportWidth

_ga_2F121RKGBF

ai_user

screenHeight

__RequestVerificationToken

screenWidth

ai_session

_ga_DJD2TQRZ1J

CP_HasWebFonts

CP_IsMobile

ASP.NET_SessionId

viewportHeight

Domain 'oak-brook-il.gov' uses the United States government-restricted top-level domain (.gov) while skipping any subdomain. Its registrable label 'oak-brook-il' stretches across 12 characters split between five vowels and five consonants; it also includes 2 hyphens. Breaking it apart gives 3 words: oak, brook, il. Expect three characters per word on average. No strong language cues emerged from the frequency lists.

query

gtrans

vote

html/0d/4a/0d4a82b2-553d-49ee-9605-ddd639fc0d79.html.gz

frame-ancestors 'self' https://*.granicus.com https://platform.civicplus.com https://account.civicplus.com https://analytics.civicplus.com; img-src * data: blob:; worker-src * data: blob: 'unsafe-eval' 'unsafe-inline'; script-src * about: 'unsafe-inline' 'unsafe-eval'; style-src * 'unsafe-inline'; media-src * blob:; font-src * data:; default-src *

script-src 'none'; form-action 'none'; frame-src 'none'; report-uri https://csp.withgoogle.com/csp/scaffolding/ascnsrsggc:112:0

script-src 'none'; form-action 'none'; frame-src 'none'; report-uri https://csp.withgoogle.com/csp/scaffolding/ascnsrsgac:225:0

Posts from Instagram

Village of Oak Brook Hall on Google Maps

fcbbc5d653b789b4488c2e13aabddb233ecfd40aba4202fb22299882e58fb9c9

f319553b14fe3cbe1a3b043dfe54193cb1acae065a429947b1d82bfb475f8c64

f9b4cd3fae4183114df507e725d011fced740ab215b33cccd170ca68d51083cb

0254e2768f39b973e54b2c9a64db23257782b34ede4afdebe3793209573c0a12

2e95e4639f1087d8eb8c820498d94af6fded7ae4ba8ceac4d303a2024c3e3e09

04325a893d1c189f95dfdc56278a76c78c3282e5cf231a92ccd9a950b6190bf6

2c60972d28dea1731cf6ee6725f4bd2763cbfa05c479fe0f9d72ff216d8aa55e

dfe1b656deb79d93744ade78a572d6b3de0ae7832af04f9916f2ee05b0a8d2c9

22d32d423ba7755d20890415b201dbedecc45a1caaf8d4775fcf9d00feca4425

957f1aa5ab91e6944fc18d1f2a5e755e95fc13b65f2539a1f583801577dc4647

fd84ca8d163b9ded2b8635a08d07a11bd7bfe26ab5cf1309839b407e9c6841b5

bde7f4549ab0ff19685fdba99c35e0f76b58f50ba807eb743d832ef4872a1015

c45a64d2529860646c3524e526de7639a0de01cfd1682c246b4f5004d3806c27

350a475b9efaf6d3403e0129f36bcc2d13c8eebfee4442a506b6d7d49e033b0d

996c0ad3f8a3ee27909971be89b3ca48dde72fe9633e544b430c72532eafe429

ff8210c62fd0291c7ab3913f423165072f2a8fef34ce25d551c4cc382d122d1c

453cfea3af1a6f728f44086a4ef96220c32a201cdd13f3bdcb0d50420b8d1d1f

c7f1f7506f9c71c4f5e48ad28c465ecaaceb3d9e5d5f5860a8f40911e59c5dbc

6a8e03ee97b671f27dc9940f349bd327025b78901c4e04e344ee1531317299eb

2af76df85720923e32aa89142ed00659f237dd8c387d67ab5860465634d29869

54c5edc10e57289cc96a6dda6c844f263202bf3c066afa6e004930690a469993

578ef95255b6e513204a69b6960709f8975b2bd586aa5f2a8b03e19f1a648f0b

1028c17f85a5694a7943212a4d366e6fa024271e08df63095e94148597901905

ea036167d50b2606cf7dfc92c62ebd058bb464975832e808c16f0f4d61031978

f6e667316e89b7f63fa57d6975985af56b8606258ffa79008c806a651449f8d7

9ace1e9e7d3cab27ba781f547765503ef4a4b3824403f7b99049ab09c916312c

0e986d1b1f16186565f9f272da2dc238edb7c75d28d56c8ea6fad188442bd451

4fc4c9e2abadd27f9c326410469125acb28e8161c518e9a8e6214720aa416542

65aa6eb1f3c5964ba8bc97b85a85a58c028c25362d324bc396b118963f1fffa4

b51ab266b3b297ff8c9108d8f6e42606be47d20f859fe05ae0a782b4580233d2

4d9c3475b748e2e18d5a0cba49819d0b710b568f9a5c99fe535a205a8d6e7e18

90057104ac13f8c4f46115ac9042e0a680440cc6d1c3c011e8482e950d5e959d

08fa070e77c03c90032b5ada1706ddcb8e4a3727bfe6a7def2f02c26adc6ba2a

399bd4f70f9a1f178f4af0d23160f5e654cb4f57197ec859ccb82ac3b3e12c5d

7d3669b4645d14f9840c8f4885f8eb8c15991007e59710e31fdf387f0bb5d0e2

8170978c76abcf92932afce70d4d7e2ebb976a060b148760fdda091f0214a765

0ace3ba67703f32511b94e9d72c938f352f7dbc66ed1b17cb15624594b8cf9ca

204a9c198a8fb5c51b4e7ff0ee37f5c23cc951b084d655c246ab2a9bd8e8736a

17e9abc6c4e6683972f4c98b9c30c2e0fc89ed3c6ce3fa588b2b0604b44ea2b9

df3bc31eb27cba101d7e3918ebd94dc5ba21065e91983d1d55a67e9a621aaaec

6e1a28d6d6b3ab88f3a3a35bfa00926606e24d22249c8ca918c8776b61134b98

a892431ea031aee15b55aa2e68c3f3892acddb59a19687f4de06dfbaa55f18cf

f37fa20ee755f7f5eecd77b939d32af068d212233bfc93508f5600fed59afe3f

63cfaba1d79d56a5ceef40a3d90b51b001b7da43343b97683a2a485fdd19cd15

74752db01d3251cf5282ef1186608c7f1b22557b9c5a03c6afdf87f214a8a015

960a427b1f42e2f98de3d922f7c6d2783a434c01b195fb8e51b70584ea7ae510

99f9f96750315817ff0fe12541b504355df49e5c556c58bf635227f6cc7dcd7d

5e2fc1fabf588471d1cc93badceefeeadf00fc5151bb6f563f8aa81eaaeed454

0a4126bb95e19122d92d3f46e8030f7bae76d31f618ea283b7dc91167ca887b2

2cf1f74ff37e2960f88eb0ed0b3944161c7fed3294e410c1cbaabfef9934f228

c8dcdb148d6adb79a7ef2c854ac970d1fab9a7b9068c4feb05146befcb0f0957

b8e61026d19902a8129a9e3e118ba5f69db9aeeffe90afd1abf29940cf2905a0

5201c813c37a4168cc5c20c701d4391fd0a55625f97eb9f263a74fb52b52fd0e

c057817c42ddee7c408479d730276a475d0c3dcd23b0dd8b223ffc7099938249

0117ffa9f01de4600bd3e5eb0141f73b416eb4db37384bc85948aa46dc04f081

e2e234118b762826cb868a32a7544eafacd2d454d2069613c92b44e5024d85a9

817ab96b9d8ea9bfed8fe579563f06c1b3f84acf951b272cc7508e15a3e4cf10

fc36ce0b12dd8053391f37b0644d09fdcffbd1a90787bea349e46159b3cc52d9

1ca4195df759b88b0e77261c797b15f2e76c8683e80a939ae42cc465403b82d9

9880faf098f7ba4ee65be92ed23de75f1caf4873d422e803ba54d1748c72c7e3

038720eed7003d988a79f06c7384effc6ae898fc18b6ef45aeff9842df21cec2

viewport

category0

theme-color

description

Home,Oak Brook,Oak Brook IL,Oak Brook village,Oak Brook local government,Oak Brook community,Oak Brook events,Oak Brook residents

keywords

Official website of Oak Brook, Illinois. Stay updated on village news, events, services, and community resources.

Oak Brook, Oak Brook IL, Oak Brook village, local government, community, events, parks, police, services, permits, utilities, business, residents, news, recreation

author

HSTS header missing - vulnerable to protocol downgrade attacks

CSP header missing - vulnerable to XSS attacks

child-src https:  chrome-untrusted://new-tab-page/ chrome-untrusted://ntp-microsoft-auth/;connect-src chrome://resources chrome://theme 'self';default-src 'self';font-src chrome://resources 'self';img-src chrome://resources chrome://theme chrome://image chrome://favicon2 chrome://app-icon chrome://extension-icon chrome://fileicon blob: data: 'self';object-src 'none';require-trusted-types-for 'script';script-src chrome://resources chrome://webui-test 'self';style-src chrome://resources chrome://theme 'self' 'unsafe-inline';trusted-types parse-html-subset sanitize-inner-html static-types webui-test-script webui-test-html polymer-html-literal polymer-template-event-attribute-policy lit-html-desktop;frame-ancestors 'none';

child-src 'none';object-src 'none';require-trusted-types-for 'script';script-src chrome://resources 'self';trusted-types;worker-src blob: 'self';frame-ancestors 'none';

child-src 'none';object-src 'none';require-trusted-types-for 'script';script-src chrome://resources 'self';trusted-types;frame-ancestors 'none';

base-uri 'none';child-src https:;form-action https://ogs.google.com https://*.corp.google.com;object-src 'none';script-src 'self' 'unsafe-inline' https:;frame-ancestors chrome://new-tab-page/

oak-brook-il.gov

(function(w,d,s,l,i){w.GAMeasurementID='G-DJD2TQRZ1J';w[l]=w[l]||[];w[l].push({'gtm.start':
				new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
				j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
				'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
				})(window,document,'script','cpDataLayerGA4','GTM-K73C5PS');


		window.Pages = window.Pages || {};
		// FrontEnd RWD initialization
		window.Pages.rwdReady = $.Deferred();
		window.Pages.toolBarDeferred = $.Deferred();
		window.Pages.rwdSetupComplete = $.Deferred();
		window.Pages.megaMenuLoaded = $.Deferred();
		window.Pages.angularToolbarComplete = $.Deferred();
		window.Pages.frontEndToolbarComplete = $.Deferred();
	


		setEditorVariables(false, 840);
		function getPrintPreviewType() { return 0; } function printPreview() {pPreview(getPrintPreviewType()); }
	

jQuery(document).click(function (event) {
	var target = jQuery(event.target);
	if (target.attr('src') && target.parents('.image').length && target.parents('.widget').length) {
		var text = target.attr('title');
		
		if (!text.length) {
			text = "N/A";
		}
		ga('send',
			{
				hitType: 'event',
				eventCategory: 'Image',
				eventAction: 'Image - ' + text,
				eventLabel: window.location.href
			});
	}
	if (target.is('button') || target.hasClass('button') || target.parents().hasClass('button')) {
		var text = "";
		if (target.parents('.button')[0]) {
			text = target.parents('.button').first().text();
		} else if (target.text().length) {
			text = target.text();
		} else if (target.attr('title').length) {
			text = target.attr('title');
		}
		if (!text.length) {
			text = "N/A";
		}
		ga('send',
			{
				hitType: 'event',
				eventCategory: 'Button',
				eventAction: 'Button - ' + text,
				eventLabel: window.location.href
			});
	}
	if (target.parents('.widgetCustomHtml').length) {
		ga('send',
			{
				hitType: 'event',
				eventCategory: 'Custom Html',
				eventAction: 'Custom Html Clicked',
				eventLabel: window.location.href
			});
	}
	if (target.parents('.editor').length) {
		ga('send',
			{
				hitType: 'event',
				eventCategory: 'Editor',
				eventAction: 'Editor Link Clicked',
				eventLabel: window.location.href
			});
	}
	if (target.parents('.GraphicLinks').length) {
		var text = "";
		var targetGraphicLink = target;
		if (target.hasClass('widgetGraphicLinksLink')) {
			targetGraphicLink = jQuery(target.children()[0]);
		}
		if (targetGraphicLink.hasClass('text')) {
			text = targetGraphicLink.text();
		} else if (targetGraphicLink.attr('src').length) {
			if (targetGraphicLink.attr('alt').length) {
				text = targetGraphicLink.attr('alt');
			} else {
				text = targetGraphicLink.attr('src');
			}
		} else {
			text = "N/A";
		}
		ga('send',
			{
				hitType: 'event',
				eventCategory: 'Graphic Links',
				eventAction: 'Graphic Link - ' + text,
				eventLabel: window.location.href
			});
	}
	if (target.parents('.InfoAdvanced').length) {
		ga('send',
			{
				hitType: 'event',
				eventCategory: 'Info Advanced',
				eventAction: 'Info Advanced Clicked',
				eventLabel: window.location.href
			});
	}
	if (target.parents('.list').length) {
		ga('send',
			{
				hitType: 'event',
				eventCategory: 'List',
				eventAction: 'List Clicked',
				eventLabel: window.location.href
			});
	}
	if (target.parents('.megaMenuItem').length || target.parents('.topMenuItem').length) {
		var megaMenuText = jQuery('.topMenuItem.mouseover').find('span').text();
		var breadCrumbs = [];
		jQuery('.breadCrumbs > li').each(function () {
			 breadCrumbs.push(this.textContent);
		});
		var pageTitle = breadCrumbs.join('>');
		var subTitleText = target.parents('.megaMenuItem').children('.widgetTitle').children().text();
		var text = "";
		if (pageTitle) {
			text += pageTitle + " | ";
		} else {
			text += document.title + ' - ';
		}
		if (target.text() == "" && megaMenuText == "") {
			text += "N/A";
		} else if (target.text().length && megaMenuText.length) {
			if (megaMenuText == target.text()) {
				text += megaMenuText;
			} else {
				text += megaMenuText + " - " + subTitleText + " - " + target.text();
			}
		} else if (target.text() == "") {
			text += megaMenuText;
		} else {
			text += target.text();
		}
		if (!text.length) {
			text = "N/A";
		}
		ga('send',
			{
				hitType: 'event',
				eventCategory: 'Mega Menu',
				eventAction: 'Mega Menu : ' + text,
				eventLabel: window.location.href
			});
	}
	if (target.parents('.widgetNewsFlash').length && target.parents('.widgetItem').length) {
		var text = jQuery(target.parents('.widgetItem')[0]).find('.widgetTitle').children().text();
		if (!text.length) {
			text = "N/A";
		}
		ga('send',
			{
				hitType: 'event',
				eventCategory: 'News Flash',
				eventAction: 'News Flash - ' + text,
				eventLabel: window.location.href
			});
	}
	if (target.hasClass('widgetQuickLinksLink') || target.find('.widgetQuickLinksLink').length) {
		var text = target.text();
		if (!text.length) {
			text = "N/A";
		}
		ga('send',
			{
				hitType: 'event',
				eventCategory: 'Quick Links',
				eventAction: 'Quick Links - ' + text,
				eventLabel: window.location.href
			});
	}
	if (target.attr('src') && target.parents('.cpSlideshow').length) {
		var text = target.attr('title');
		if (!text.length) {
			text = "N/A";
		}
		ga('send',
			{
				hitType: 'event',
				eventCategory: 'Slideshow',
				eventAction: 'Slideshow - ' + text,
				eventLabel: window.location.href
			});
	}
	if (target.parents('.widgetText').length) {
		ga('send',
			{
				hitType: 'event',
				eventCategory: 'Text',
				eventAction: 'Text Link Clicked',
				eventLabel: window.location.href
			});
	}
});



		$(document).ready(function () {
			try {
				$(".widgetSearchButton.widgetSearchButtonf57ffb9b-ddc2-43ac-82d4-efc65eb13c42").click(function (e) {
				e.preventDefault();
					if (true||$("#ysnSearchOnlyDeptf57ffb9b-ddc2-43ac-82d4-efc65eb13c42").is(':checked'))
					{
						doWidgetSearch($(this).siblings(".widgetSearchBox").val(), Number(0));
					}
					else {
						doWidgetSearch($(this).siblings(".widgetSearchBox").val(), 0);
					}
			});
			$("#searchFieldf57ffb9b-ddc2-43ac-82d4-efc65eb13c42").keypress(function (e) {
				if (window.clipboardData) {
					if (e.keyCode === 13) {
						if ($("#ysnSearchOnlyDeptf57ffb9b-ddc2-43ac-82d4-efc65eb13c42").is(':checked') || true) {
								doWidgetSearch($(this).val(), Number(0));
							} else {
								doWidgetSearch($(this).val(), 0);
							}
						return false;
					}
				} else {
					if (e.which === 13) {
						if ($("#ysnSearchOnlyDeptf57ffb9b-ddc2-43ac-82d4-efc65eb13c42").is(':checked') || true) {
								doWidgetSearch($(this).val(), Number(0));
							} else {
								doWidgetSearch($(this).val(), 0);
							}
						return false;
					}
				}
				return true;
			});

				if (true) {
					var currentRequest = null;
					var $searchField = $("#searchFieldf57ffb9b-ddc2-43ac-82d4-efc65eb13c42").autocomplete({
						source: function (request, response) {
							currentRequest = $.ajax({
								url: '/Search/AutoComplete' + ($("#ysnSearchOnlyDeptf57ffb9b-ddc2-43ac-82d4-efc65eb13c42").is(':checked') || true? '?departmentId=0' : ''),
								dataType: "json",
								timeout: 10000,
								beforeSend: function () {
									if (currentRequest != null) {
										currentRequest.abort();
									}
								},
								data:
								{
									term: request.term,
								},
								success: function (data) {
									response(data);
									$('.autoCompleteError').remove();
								},
								error: function (xmlhttprequest, textstatus, message) {
									if (textstatus === "timeout") {
										if ($("#searchFieldf57ffb9b-ddc2-43ac-82d4-efc65eb13c42").siblings('.autoCompleteError').length == 0)
											$('<span class="autoCompleteError"><p class="alert error">Search autocomplete is currently not responding. Please try again later.</p></span>').insertAfter($("#searchFieldf57ffb9b-ddc2-43ac-82d4-efc65eb13c42"));
									}
								}
							});
						},
						html: true,
						delay: 500,
						select: function (event, ui) {
							$(this).val(ui.item.value);
							$(this).next().click();
						}
					});

					$searchField.data("ui-autocomplete")._renderItem = function (ul, item) {
						return $("<li class=\"itemList\"></li>")
							.data("ui-autocomplete-item", item)
							.append("<a>" + item.label + "</a>")
							.appendTo(ul);
					};
}
}
			catch(e) {} //we're going to eat this error. Autocomplete won't work but we dont wan't to break anything else on the page.
		});
	


	//Updates search icons href to have the correct queryString
	function searchBtnApplyQuery() {
		document.getElementById("btnSearchIcon").href = "/Search?searchPhrase=" + document.getElementById("searchFieldf57ffb9b-ddc2-43ac-82d4-efc65eb13c42").value;
	}
	


				$(window).on("load", function () {
					$.when(window.Pages.rwdSetupComplete)
						.done(function () {
							renderExternalBannerSlideshow('banner1',
								{"BannerOptionID":68,"ThemeID":33,"SlotName":"banner1","Name":"Default","IsDefault":true,"BannerMode":2,"SlideShowSlideTiming":"10","SlideshowTransition":1,"SlideShowTransitionTiming":"3","ImageScale":false,"ImageAlignment":2,"ImageScroll":true,"MuteSound":true,"VideoType":0,"Status":40,"SlideshowControlsPosition":0,"SlideshowControlsAlignment":0,"SlideshowBannerControlsColorScheme":1,"DisplayVideoPauseButton":false,"VideoPauseButtonAlignment":1,"VideoPauseButtonControlsAlignment":0,"VideoPauseButtonStyle":"#FFFFFF","VideoPauseButtonBackgroundStyle":"#000000","VideoPauseButtonAlignmentClass":"alignRight viewport","DisplaySlideshowPauseButton":false,"SlideshowControlsColor":"#FFFFFF","SlideshowControlsBackgroundColor":"#000000","SlideshowPauseButtonClass":"isHidden","BannerImages":[{"BannerImageID":664,"BannerOptionID":68,"FileName":"/ImageRepository/Document?documentID=16578","Height":1170,"Width":2600,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":1,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""},{"BannerImageID":658,"BannerOptionID":68,"FileName":"/ImageRepository/Document?documentID=16376","Height":1400,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":2,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""}],"BannerVideos":[],"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/"},
								'/App_Themes/2025 - Home/Images/',
								'Rotating');
						});
				});
			


	$(document).ready(function (e) {		
	    renderSlideshowIfApplicable($('#divEditor' + '4f3fa1b0-ba5e-4ec2-9a11-4ea33a5ac21b'));
	});



	$(document).ready(function (e) {		
	    renderSlideshowIfApplicable($('#divEditor' + 'f01730f1-da51-4f65-851a-ae3a3876a794'));
	});


// Define lat/lon for specified municipality
  const lat = 41.90267;
  const lon = -87.78550;

  function createWeatherWidget(containerId, displayMode = 'thumbnail') {
    const container = document.getElementById(containerId);
    if (!container) return;

    container.innerHTML = `
      <div class="weather-widget">
        <div id="${containerId}-location" class="widgetHeader"><h3></h3></div>
        <div class="main-weather">
          <div id="${containerId}-temperature" class="widgetMeta"></div>
          <div id="${containerId}-weather-icon"></div>
        </div>
        <div id="${containerId}-temps-info" class="temps-info widgetItem">
          <div id="${containerId}-feels-like">
            <span>Feels like </span><span id="${containerId}-feels-like-temp"></span>
          </div>
          <div id="${containerId}-min-max">
            <div id="${containerId}-max-temp">
              <span>Max</span>
              <span></span>
            </div>
            <div id="${containerId}-min-temp">
              <span>Min</span>
              <span></span>
            </div>
          </div>
        </div>
        <div id="${containerId}-seven-day-forecast" class="forecast-container"></div>
      </div>
    `;

    fetchWeather(containerId, lat, lon, displayMode);
  }

  function fetchWeather(containerId, lat, lon, displayMode = 'thumbnail') {
  const gridPointsUrl = `https://api.weather.gov/points/${lat},${lon}`;

  fetch(gridPointsUrl)
    .then(response => response.json())
    .then(data => {
      const forecastUrl = data.properties.forecast;
      const hourlyForecastUrl = data.properties.forecastHourly;
      const city = data.properties.relativeLocation.properties.city;
      const state = data.properties.relativeLocation.properties.state;

      const locationHeader = document.getElementById(`${containerId}-location`);
      if (displayMode !== 'thumbnail') {
        locationHeader.innerHTML = `<h3>${city}, ${state}</h3>`;
        locationHeader.style.display = 'block';
      } else {
        locationHeader.style.display = 'none';
      }

      // First get the hourly forecast for current temperature
      return fetch(hourlyForecastUrl)
        .then(response => response.json())
        .then(hourlyData => {
          // Then get the daily forecast for the rest of the data
          return fetch(forecastUrl)
            .then(response => response.json())
            .then(forecastData => {
              return { hourlyData, forecastData };
            });
        });
    })
    .then(data => {
      const { hourlyData, forecastData } = data;
      // Use the first hour from hourly data for current temperature
      const currentForecast = hourlyData.properties.periods[0];

      if (displayMode === 'thumbnail') {
        document.getElementById(`${containerId}-temps-info`).style.display = 'none';
        document.getElementById(`${containerId}-seven-day-forecast`).style.display = 'none';
        // Use currentTemp instead of the daily forecast
        displayThumbnailForecast(containerId, currentForecast);
      } else if (displayMode === 'day') {
        document.getElementById(`${containerId}-temps-info`).style.display = 'flex';
        document.getElementById(`${containerId}-seven-day-forecast`).style.display = 'none';
        // Use current forecast for now temp, but daily forecast for min/max
        displayDayForecast(containerId, currentForecast, forecastData.properties.periods[0], forecastData.properties.periods[1]);
      } else if (displayMode === '3-day') {
        document.getElementById(`${containerId}-temps-info`).style.display = 'none';
        document.getElementById(`${containerId}-seven-day-forecast`).style.display = 'block';
        displayThreeDayForecast(containerId, forecastData.properties.periods);
      } else if (displayMode === '7-day') {
        document.getElementById(`${containerId}-temps-info`).style.display = 'none';
        document.getElementById(`${containerId}-seven-day-forecast`).style.display = 'block';
        displaySevenDayForecast(containerId, forecastData.properties.periods);
      }
    })
    .catch(error => {
      document.getElementById(containerId).innerHTML = `<p>Error: ${error.message}</p>`;
    });
}

function displayThumbnailForecast(containerId, forecast) {
  const temperatureElement = document.getElementById(`${containerId}-temperature`);
  const weatherIconElement = document.getElementById(`${containerId}-weather-icon`);

  if (temperatureElement) temperatureElement.innerHTML = `${forecast.temperature}°`;
  if (weatherIconElement) {
    const weatherIconClass = getWeatherIcon(forecast.shortForecast);
    weatherIconElement.innerHTML = `<i class="${weatherIconClass}"></i>`;
  }
}

  function displayDayForecast(containerId, currentForecast, dayForecast, nightForecast) {
  const temperatureElement = document.getElementById(`${containerId}-temperature`);
  const feelsLikeTempElement = document.getElementById(`${containerId}-feels-like-temp`);
  const maxTempElement = document.getElementById(`${containerId}-max-temp`).lastElementChild;
  const minTempElement = document.getElementById(`${containerId}-min-temp`).lastElementChild;
  const weatherIconElement = document.getElementById(`${containerId}-weather-icon`);

  // Use current temperature from hourly forecast
  if (temperatureElement) temperatureElement.innerHTML = `${currentForecast.temperature}°`;
  if (feelsLikeTempElement) feelsLikeTempElement.innerHTML = `${currentForecast.temperature}°`;

  // Use day/night forecasts for high/low
  if (maxTempElement) maxTempElement.innerHTML = `${dayForecast.temperature}°`;
  if (minTempElement) minTempElement.innerHTML = `${nightForecast.temperature}°`;

  const weatherIconClass = getWeatherIcon(currentForecast.shortForecast);
  if (weatherIconElement) weatherIconElement.innerHTML = `<i class="${weatherIconClass}"></i>`;
}

  function displayThreeDayForecast(containerId, periods) {
    const forecastContainer = document.getElementById(`${containerId}-seven-day-forecast`);
    if (!forecastContainer) return;
    forecastContainer.innerHTML = '';

    periods.slice(0, 6).forEach(period => {
      const forecastItem = `
      <div class="forecast-item">
        <span>${period.name}</span>
        <div>
          <span>${period.temperature}°</span>
          <i class="${getWeatherIcon(period.shortForecast)}"></i> 
        </div>
      </div>
    `;
      forecastContainer.innerHTML += forecastItem;
    });
  }

  function displaySevenDayForecast(containerId, periods) {
    const forecastContainer = document.getElementById(`${containerId}-seven-day-forecast`);
    if (!forecastContainer) return;
    forecastContainer.innerHTML = '';

    periods.filter((_, index) => index % 2 === 0).slice(0, 7).forEach(period => {
      const forecastItem = `
      <div class="forecast-item">
        <span>${period.name}</span>
        <div>
          <span>${period.temperature}°</span>
          <i class="${getWeatherIcon(period.shortForecast)}"></i> 
        </div>
      </div>
    `;
      forecastContainer.innerHTML += forecastItem;
    });
  }


  function getWeatherIcon(shortForecast) {
    const forecast = shortForecast.toLowerCase();

    if (forecast.includes("sunny")) return "wi wi-day-sunny";
    if (forecast.includes("cloudy")) return "wi wi-cloudy";
    if (forecast.includes("rain")) return "wi wi-rain";
    if (forecast.includes("snow")) return "wi wi-snow";
    if (forecast.includes("thunderstorm")) return "wi wi-thunderstorm";
    if (forecast.includes("fog")) return "wi wi-fog";
    if (forecast.includes("wind")) return "wi wi-strong-wind";

    return "wi wi-day-sunny";
  }

  // Example: Create multiple weather widgets with different display modes
  createWeatherWidget('weather-widget-thumbnail', 'thumbnail');
//   createWeatherWidget('weather-widget-day', 'day');
//   createWeatherWidget('weather-widget-3-day', '3-day');
//   createWeatherWidget('weather-widget-7-day', '7-day');


	//Render slideshow if info advacned items contain one.
	$(document).ready(function (e) {
		$('#divInfoAdv06164176-e912-4043-9ad7-d13b708045d3 .InfoAdvanced.widgetItem').each(function () {
			renderSlideshowIfApplicable($(this));		
		});
	});



	//Render slideshow if info advacned items contain one.
	$(document).ready(function (e) {
		$('#divInfoAdv0f3ff2f7-fc45-4121-9b55-4192df4404bf .InfoAdvanced.widgetItem').each(function () {
			renderSlideshowIfApplicable($(this));		
		});
	});


//


	//Render slideshow if info advacned items contain one.
	$(document).ready(function (e) {
		$('#divInfoAdv215575de-d020-454d-908b-af9ab34e8cf5 .InfoAdvanced.widgetItem').each(function () {
			renderSlideshowIfApplicable($(this));		
		});
	});



		$(function () {
			var miniCalendar = new MiniCalendar();
			miniCalendar.init({
				widgetId: "c7c89da2-8a02-4cc7-9a83-bba87843c61c",
				preventNavigationOnArrows: false,
				displayDatesOutsideOfCurrentMonth: true
			});
		});
	


	//Render slideshow if info advacned items contain one.
	$(document).ready(function (e) {
		$('#divInfoAdvcfdb6333-41b1-4c45-b502-30284206848b .InfoAdvanced.widgetItem').each(function () {
			renderSlideshowIfApplicable($(this));		
		});
	});



	//Render slideshow if info advacned items contain one.
	$(document).ready(function (e) {
		$('#divInfoAdv6fe84752-bc12-4a9d-bd30-86ba65db74dd .InfoAdvanced.widgetItem').each(function () {
			renderSlideshowIfApplicable($(this));		
		});
	});



	//Render slideshow if info advacned items contain one.
	$(document).ready(function (e) {
		$('#divInfoAdve09e52bb-19ba-423f-bc2c-270a25c5e5e0 .InfoAdvanced.widgetItem').each(function () {
			renderSlideshowIfApplicable($(this));		
		});
	});



	//Render slideshow if info advacned items contain one.
	$(document).ready(function (e) {
		$('#divInfoAdv2b8a9d07-d59f-4e87-be8a-030ab0c945d2 .InfoAdvanced.widgetItem').each(function () {
			renderSlideshowIfApplicable($(this));		
		});
	});



				$(window).on("load", function () {
					$.when(window.Pages.rwdSetupComplete)
						.done(function () {
							renderBanner('banner2-69',
								'banner2',
								{"BannerOptionID":69,"ThemeID":33,"SlotName":"banner2","Name":"Default","IsDefault":true,"BannerMode":1,"SlideShowSlideTiming":"5","SlideshowTransition":0,"SlideShowTransitionTiming":"1","ImageScale":true,"ImageAlignment":1,"ImageScroll":false,"MuteSound":true,"VideoType":0,"Status":40,"SlideshowControlsPosition":0,"SlideshowControlsAlignment":0,"SlideshowBannerControlsColorScheme":0,"DisplayVideoPauseButton":false,"VideoPauseButtonAlignment":1,"VideoPauseButtonControlsAlignment":0,"VideoPauseButtonStyle":"#FFFFFF","VideoPauseButtonBackgroundStyle":"#000000","VideoPauseButtonAlignmentClass":"alignRight viewport","DisplaySlideshowPauseButton":false,"SlideshowControlsColor":"#FFFFFF","SlideshowControlsBackgroundColor":"#000000","SlideshowPauseButtonClass":"isHidden","BannerImages":[{"BannerImageID":668,"BannerOptionID":69,"FileName":"/ImageRepository/Document?documentID=16376","Height":1400,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":1,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":null}],"BannerVideos":[{"BannerVideoID":19,"BannerOptionID":69,"VideoFileName":"","ImageFileName":"EmptyBannerBkg202507132004266478.png","IsLink":false,"LinkAddress":null,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","VideoFileID":"00000000-0000-0000-0000-000000000000","ImageFileID":"00000000-0000-0000-0000-000000000000","VideoWidth":0,"VideoHeight":0,"ImageWidth":0,"ImageHeight":0,"LinkedVideoUrl":"","RecordStatus":0,"AltText":null}],"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/"},
								{"BannerImageID":668,"BannerOptionID":69,"FileName":"/ImageRepository/Document?documentID=16376","Height":1400,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":1,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":null},
								'/App_Themes/2025 - Home/Images/',
								'<img alt="" class="bannerObject" src="/ImageRepository/Document?documentID=16376" />');
						});
				});
			



		$(document).ready(function () {
			var filter = {
				targetId: '1',
				targetType: 1
			}

			new SplashModalRender().triggerRender(filter);
		});


 window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-2F121RKGBF'); 


    window._monsido = window._monsido || {
        token: "fLAizPs1iHEYUZz_j5OLcQ",
        statistics: {
            enabled: true,
            cookieLessTracking: true,
            documentTracking


        $(function () {
            document.cookie = "responsiveGhost=0; path=/";
        });
        $(window).on("load", function () {
            $('body').addClass('doneLoading').removeClass('hideContent');

            if ($('#404Content').length > 0)
                $('div#bodyWrapper').css('padding', '0px');
        });
    

loadCSS('//fonts.googleapis.com/css?family=Amiri:700,700italic,italic,regular|Libre+Baskerville:700,italic,regular|Montserrat:300,300italic,500,600,600italic,700,800,italic,regular|Open+Sans:300,300italic,600,600italic,700,800,italic,regular|Oswald:500,600,700,regular|Roboto:500,italic,regular|');

Requests	IP Address	Location	AS Autonomous System
83	208.90.188.131	United States	AS36489NETSOLUS-NETWORKS
21	142.250.185.132	United States	AS15169GOOGLE
13	142.250.184.227	United States	AS15169GOOGLE
12	104.26.9.123	United States	AS13335CLOUDFLARENET
11	142.250.185.234	United States	AS15169GOOGLE
6	216.58.206.35	United States	AS15169GOOGLE
5	142.250.181.234	United States	AS15169GOOGLE
5	216.58.206.42	United States	AS15169GOOGLE
4	142.250.74.206	United States	AS15169GOOGLE
4	157.240.0.63	Frankfurt am Main, Hesse, Germany	AS32934FACEBOOK
204	101	-	-

Security Scan Report: oak-brook-il.gov

Summary

AI Security Verdict

Safe Website

Risk Factors

Safety Factors

Details

Screenshot

Page Load Overview

Language Analysis

Primary Language

Detection Details

Website Classification

Primary Category

All Detected Categories

Detected Features

Domain & IP Information

Content Similarity HashesFor malware variant detection

TLSH (Trend Micro Locality Sensitive Hash)

ssdeep (Context Triggered Piecewise Hashing)

sdhash (Similarity Digest Hashing)

Image Hashes

Perceptual Hashes

Other Hashes

Scan History