1 2<!DOCTYPE html> 3<html lang="en"> 4<head> 5 6 <meta http-equiv="Content-type" content="text/html; charset=UTF-8" /> 7<!-- Google Tag Manager for GA4 --> 8
8<script>(function(w,d,s,l,i){w.GAMeasurementID='G-F0XZGZK6BR';w[l]=w[l]||[];w[l].push({'gtm.start': 9 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 10 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 11 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 12 })(window,document,'script','cpDataLayerGA4','GTM-K73C5PS');</script>
12 13 <!-- End Google Tag Manager for GA4 --> 14
14<script type='text/javascript'> 15 var enableTelemetry = 'false' 16 var aiConfig = { 17 instrumentationKey: '1cde048e-3185-4906-aa46-c92a7312b60f' 18 } 19 var appInsights = window.appInsights || function (a) { function b(a) { c[a] = function () { var b = arguments; c.queue.push(function () { c[a].apply(c, b) }) } } var c = { config: a }, d = document, e = window; setTimeout(function () { var b = d.createElement('script'); b.src = a.url || 'https://js.monitor.azure.com/scripts/a/ai.0.js', d.getElementsByTagName('script')[0].parentNode.appendChild(b) }); try { c.cookie = d.cookie } catch (a) { } c.queue = []; for (var f = ['Event', 'Exception', 'Metric', 'PageView', 'Trace', 'Dependency']; f.length;)b('track' + f.pop()); if (b('setAuthenticatedUserContext'), b('clearAuthenticatedUserContext'), b('startTrackEvent'), b('stopTrackEvent'), b('startTrackPage'), b('stopTrackPage'), b('flush'), !a.disableExceptionTracking) { f = 'onerror', b('_' + f); var g = e[f]; e[f] = function (a, b, d, e, h) { var i = g && g(a, b, d, e, h); return !0 !== i && c['_' + f](a, b, d, e, h), i } } return c }(aiConfig); 20 window.appInsights = appInsights, appInsights.queue && 0 === appInsights.queue.length; 21 // Add telemetry initializer 22 appInsights.queue.push(function() { 23 appInsights.context.addTelemetryInitializer(function(envelope) { 24 var telemetryItem = envelope.data.baseData; 25 // To check the telemetry itemâs type: 26 if (!false) 27 { 28 //If the telemetry is not enabled, we still want to capture Google map custom event, so only allow that 29 if (envelope.name.indexOf('.Event') == -1) 30 return false; 31 } 32 }); 33 }); 34 appInsights.trackPageView(); 35 </script>
35 36
36<script> 37 function populateAntiForgery(token) { 38 var input = document.createElement("input"); 39 input.name = "__RequestVerificationToken"; 40 input.type = "hidden"; 41 input.value = token; 42 var absPat = /^https?:\/\/|^\/\//i; 43 var forms = document.getElementsByTagName("form"); 44 for (var i = 0; i < forms.length; i++) { 45 if (forms[i].method == "post" && 46 !forms[i].querySelector('[name="__RequestVerificationToken"]') && 47 !absPat.test(forms[i].getAttribute("action"))) { 48 forms[i].appendChild(input.cloneNode()); 49 } 50 } 51 } 52 53 function getAntiForgeryToken(callback, error) { 54 var xhr = new XMLHttpRequest(); 55 xhr.open("GET", "/antiforgery"); 56 xhr.addEventListener("load", function() { 57 try { 58 if (this.status !== 200) { 59 throw Error("Invalid status. Could not retrieve antiforgery token."); 60 } 61 var obj = JSON.parse(this.responseText); 62 callback(obj.token); 63 } catch (e) { 64 typeof error === "function" && error(e); 65 } 66 }); 67 xhr.send(); 68 } 69 70 getAntiForgeryToken(function(token) { 71 if (document.readyState === "complete" 72 || document.readyState === "loaded" 73 || document.readyState === "interactive") { 74 populateAntiForgery(token); 75 return; 76 } 77 document.addEventListener("DOMContentLoaded", function() { 78 populateAntiForgery(token); 79 }, false); 80 }, console.error); 81 </script>
81 82 83 84
84<script type="text/javascript"> 85 window.departmentHeader = {"DepartmentHeaderId":2436,"DepartmentHeaderName":"Library"}; 86 window.pageSectionTracker = {}; 87 window.isResponsiveEnabled = true; 88 window.isRemoveSetHeights= true; 89 if (window.isRemoveSetHeights) { 90 document.documentElement.className += ' removeSetHeights'; 91 } 92 window.mainMenuMediaQuery = 'screen and (max-width: 40em)'; 93 window.isMobileBrowserIncludingTablets = false; 94 window.fixedResponsiveMenu = false; 95 window.fullWidthResponsiveMenu = false; 96 window.responsiveMenuHeight = ''; 97 window.responsiveMenuFontSize = ''; 98 window.isContentAdvisor = false; 99 (function () { 100 window.setSizeCookie = function () { 101 document.cookie = "dpi=" + window.devicePixelRatio + "; path=/"; 102 document.cookie = "viewportWidth=" + window.innerWidth + "; path=/"; 103 document.cookie = "viewportHeight=" + window.innerHeight + "; path=/"; 104 if (screen && screen.width && screen.height) { 105 document.cookie = "screenWidth=" + screen.width + "; path=/"; 106 document.cookie = "screenHeight=" + screen.height + "; path=/"; 107 } 108 document.cookie = "responsiveGhost=1; path=/"; 109 }; 110 111 setSizeCookie(); 112 }()); 113 </script>
113 114 <meta name="viewport" content="width=device-width, initial-scale=1"> 115 116
116<script async src="https://docaccess.com/docbox.js"></script>
116 117 118 <meta name="category0" content="Home" /> 119<meta name="category1" content="Government" /> 120<meta name="category2" content="Departments" /> 121<meta name="category3" content="Library" /> 122 123 124 <meta name="theme-color" content="rgb(0, 74, 152)"> 125 <link rel="icon" href="/images/favicon.ico" type="image/x-icon" /> 126 <link rel="shortcut icon" href="/images/favicon.ico" type="image/x-icon" /> 127 <title>Library | Puyallup, WA</title> 128 129 <meta name="description" content=""> 130
130<script src="/Assets/Scripts/jQuery/jquery-3.7.1.min.js"></script>
130 131
131<script src="/Assets/Scripts/jQuery/jquery-migrate-3.6.0.min.js" type="text/javascript"></script>
131 132 133 134 <!--[if IE 6]>
134<script language="JavaScript" type="text/javascript"> var isie6 = true; </script>
134<![endif]--> 135 <!--[if IE 7]>
135<script language="JavaScript" type="text/javascript"> var isie7 = true; </script>
135<![endif]--> 136 <!--[if IE 8]>
136<script language="JavaScript" type="text/javascript"> var isie8 = true; </script>
136<![endif]--> 137 <!--[if IE 9]>
137<script language="JavaScript" type="text/javascript"> var isie8 = true; </script>
137<![endif]--> 138
138<script type="text/javascript"><!-- 139 var intCountryCode = 840; 140 var order = ''; 141//--></script>
141 142 143<link href="/-681783051.css" rel="stylesheet" type="text/css" /> <link href="/-2140275272.css" rel="stylesheet" type="text/css" /> <link href="/1213405440.css" rel="stylesheet" type="text/css" /> 144 145 <link rel="stylesheet" type="text/css" href="/Assets/Styles/Print.css" media="print"> 146
146<script type="text/javascript"> 147 window.Pages = window.Pages || {}; 148 // FrontEnd RWD initialization 149 window.Pages.rwdReady = $.Deferred(); 150 window.Pages.toolBarDeferred = $.Deferred(); 151 window.Pages.rwdSetupComplete = $.Deferred(); 152 window.Pages.megaMenuLoaded = $.Deferred(); 153 window.Pages.angularToolbarComplete = $.Deferred(); 154 window.Pages.frontEndToolbarComplete = $.Deferred(); 155 </script>
155 156 <!--CPHeadContent--> 157
157<script src="/739942322.js" type="text/javascript"></script>
157 158 159 160 161 162 163 164 165 166 <!--[if lte IE 8]><link rel="stylesheet" type="text/css" href="/App_Themes/ie8.css"><![endif]--> 167 <!--[if lte IE 7]><link rel="stylesheet" type="text/css" href="/App_Themes/ie7.css"><![endif]--> 168 <!--[if lte IE 6]><link rel="stylesheet" type="text/css" href="/App_Themes/ie6.css"><![endif]--> 169 <!--[if lt IE 9]>
169<script type="text/javascript" src="/Scripts/html5.js"></script>
169<![endif]--> 170 171
171<script type="text/javascript"> 172 setEditorVariables(false, 840); 173 function getPrintPreviewType() { return 0; } function printPreview() {pPreview(getPrintPreviewType()); } 174 </script>
174 175
175<script src="/Assets/Scripts/AlpineJS/3.14.1/alpine.min.js" type="text/javascript" defer="defer"></script>
175 176</head> 177<body class="wide " > 178 179
179<script>jQuery(document).click(function (event) { 180 var target = jQuery(event.target); 181 if (target.attr('src') && target.parents('.image').length && target.parents('.widget').length) { 182 var text = target.attr('title'); 183 184 if (!text.length) { 185 text = "N/A"; 186 } 187 ga('send', 188 { 189 hitType: 'event', 190 eventCategory: 'Image', 191 eventAction: 'Image - ' + text, 192 eventLabel: window.location.href 193 }); 194 } 195 if (target.is('button') || target.hasClass('button') || target.parents().hasClass('button')) { 196 var text = ""; 197 if (target.parents('.button')[0]) { 198 text = target.parents('.button').first().text(); 199 } else if (target.text().length) { 200 text = target.text(); 201 } else if (target.attr('title').length) { 202 text = target.attr('title'); 203 } 204 if (!text.length) { 205 text = "N/A"; 206 } 207 ga('send', 208 { 209 hitType: 'event', 210 eventCategory: 'Button', 211 eventAction: 'Button - ' + text, 212 eventLabel: window.location.href 213 }); 214 } 215 if (target.parents('.widgetCustomHtml').length) { 216 ga('send', 217 { 218 hitType: 'event', 219 eventCategory: 'Custom Html',
220 eventAction: 'Custom Html Clicked', 221 eventLabel: window.location.href 222 }); 223 } 224 if (target.parents('.editor').length) { 225 ga('send', 226 { 227 hitType: 'event', 228 eventCategory: 'Editor', 229 eventAction: 'Editor Link Clicked', 230 eventLabel: window.location.href 231 }); 232 } 233 if (target.parents('.GraphicLinks').length) { 234 var text = ""; 235 var targetGraphicLink = target; 236 if (target.hasClass('widgetGraphicLinksLink')) { 237 targetGraphicLink = jQuery(target.children()[0]); 238 } 239 if (targetGraphicLink.hasClass('text')) { 240 text = targetGraphicLink.text(); 241 } else if (targetGraphicLink.attr('src').length) { 242 if (targetGraphicLink.attr('alt').length) { 243 text = targetGraphicLink.attr('alt'); 244 } else { 245 text = targetGraphicLink.attr('src'); 246 } 247 } else { 248 text = "N/A"; 249 } 250 ga('send', 251 { 252 hitType: 'event', 253 eventCategory: 'Graphic Links', 254 eventAction: 'Graphic Link - ' + text, 255 eventLabel: window.location.href 256 }); 257 } 258 if (target.parents('.InfoAdvanced').length) { 259 ga('send', 260 { 261 hitType: 'event', 262 eventCategory: 'Info Advanced', 263 eventAction: 'Info Advanced Clicked', 264 eventLabel: window.location.href 265 }); 266 } 267 if (target.parents('.list').length) { 268 ga('send', 269 { 270 hitType: 'event', 271 eventCategory: 'List', 272 eventAction: 'List Clicked', 273 eventLabel: window.location.href 274 }); 275 } 276 if (target.parents('.megaMenuItem').length || target.parents('.topMenuItem').length) { 277 var megaMenuText = jQuery('.topMenuItem.mouseover').find('span').text(); 278 var breadCrumbs = []; 279 jQuery('.breadCrumbs > li').each(function () { 280 breadCrumbs.push(this.textContent); 281 }); 282 var pageTitle = breadCrumbs.join('>'); 283 var subTitleText = target.parents('.megaMenuItem').children('.widgetTitle').children().text(); 284 var text = ""; 285 if (pageTitle) { 286 text += pageTitle + " | "; 287 } else { 288 text += document.title + ' - '; 289 } 290 if (target.text() == "" && megaMenuText == "") { 291 text += "N/A"; 292 } else if (target.text().length && megaMenuText.length) { 293 if (megaMenuText == target.text()) { 294 text += megaMenuText; 295 } else { 296 text += megaMenuText + " - " + subTitleText + " - " + target.text(); 297 } 298 } else if (target.text() == "") { 299 text += megaMenuText; 300 } else { 301 text += target.text(); 302 } 303 if (!text.length) { 304 text = "N/A"; 305 } 306 ga('send', 307 { 308 hitType: 'event', 309 eventCategory: 'Mega Menu', 310 eventAction: 'Mega Menu : ' + text, 311 eventLabel: window.location.href 312 }); 313 } 314 if (target.parents('.widgetNewsFlash').length && target.parents('.widgetItem').length) { 315 var text = jQuery(target.parents('.widgetItem')[0]).find('.widgetTitle').children().text(); 316 if (!text.length) { 317 text = "N/A"; 318 } 319 ga('send', 320 { 321 hitType: 'event', 322 eventCategory: 'News Flash', 323 eventAction: 'News Flash - ' + text, 324 eventLabel: window.location.href 325 }); 326 } 327 if (target.hasClass('widgetQuickLinksLink') || target.find('.widgetQuickLinksLink').length) { 328 var text = target.text(); 329 if (!text.length) { 330 text = "N/A"; 331 } 332 ga('send', 333 { 334 hitType: 'event', 335 eventCategory: 'Quick Links', 336 eventAction: 'Quick Links - ' + text, 337 eventLabel: window.location.href 338 }); 339 } 340 if (target.attr('src') && target.parents('.cpSlideshow').length) { 341 var text = target.attr('title'); 342 if (!text.length) { 343 text = "N/A"; 344 } 345 ga('send', 346 { 347 hitType: 'event', 348 eventCategory: 'Slideshow', 349 eventAction: 'Slideshow - ' + text, 350 eventLabel: window.location.href 351 }); 352 } 353 if (target.parents('.widgetText').length) { 354 ga('send', 355 { 356 hitType: 'event', 357 eventCategory: 'Text', 358 eventAction: 'Text Link Clicked', 359 eventLabel: window.location.href 360 }); 361 } 362});</script>
362 363 <div id="popoverModal" class="cp-PopOver cp-PopOver--modal cp-AdminWrap" style="position: fixed; display: none;"> 364 <div class="cp-PopOver-header"> 365 <h3 class="cp-PopOver-title"></h3> 366 <button class="cp-Btn cp-PopOver-close" onclick="closePopOverModal(event)"> 367 <svg class="cp-Icon--close" alt="close" title="close"> 368 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconClose"></use> 369 </svg> 370 </button> 371 </div> 372 <div id="cpPopOverBody" class="cp-PopOver-body"> 373 <form id="cpPopOverForm" name="cpPopOverForm" novalidate></form> 374 </div> 375 <div id="cpPopOverFooter" class="cp-PopOver-footer"> 376 <div class="cp-BtnGroup" id="actionButtons"> 377 <!-- Action buttons will be dynamically added here --> 378 </div> 379 </div> 380</div> 381 <div id="fb-root"></div> 382<div id=skipToContentLinks> 383<a href="#cc1e1e688a-32fa-4c3c-878a-fb0960a4e4b2" target="_self" class="skipToContentLink">Skip to Main Content</a> 384</div> 385 <form id="frmReferenceFormForTelerikEditorDialogs"></form> 386 387 <input type="hidden" id="GoogleMapsKey" value="AIzaSyDWUuE-ifkbhxblF920N8MjpBdTg1Wt784" /> 388 389 390 391 <input type="hidden" id="cpcDomain" value="https://cp-civicplusuniversity2.civicplus.com"> 392 <input type="hidden" id="hdnStructureID" value="12" /> 393 <input type="hidden" id="hdnContentCollectionID" value="73d634ac-8c95-428f-9af0-47fde6dbb3eb" /> 394 <input type="hidden" id="hdnWorkingCopyID" value="00000000-0000-0000-0000-000000000000" /> 395 <input type="hidden" id="hdnThemeID" value="40" /> 396 <input type="hidden" id="pageIsFrontEnd" value="true" /> 397 <input type="hidden" id="pageModuleID" /> 398 <input type="hidden" id="pagePageID" value="2436" /> 399 400 <div id="stickyPlaceholder"></div> 401 <div id="outer-wrap" class="outer-wrap"> 402 <div id="inner-wrap" class="inner-wrap"> 403 <div id="divToolbars" class="cpToolbars newCP mui-fixed" style=""> 404 405 406 407 408<!-- Begin Signed Out Bar --> 409<div class="cpToolbar user public"> 410 <div class="inner selfClear"> 411 <p class="dropdown"><a href="/MyAccount/ProfileCreate" class="myConnections" id="signedOutToolbarCreateProfileButton">Create a Website Account</a> <span class="welcomeMessage">- Manage notification subscriptions, save form progress and more. </span></p> 412 <ul class="nav secondary"> 413 <li><a href="/MyAccount" class="button" id="loggedOutToolbarSignInButton">Website Sign In</a></li> 414 </ul> 415 </div> 416</div>
417<script> 418 $(document).ready(function () { 419 $('#signedOutToolbarCreateProfileButton').click(function (event) { 420 event.preventDefault(); 421 window.location.href = '/MyAccount/ProfileCreate?from=url&url=/&dn=' + window.location.origin; 422 }); 423 424 425 $('#loggedOutToolbarSignInButton').click(function (event) { 426 event.preventDefault(); 427 window.location.href = '/MyAccount/?from=url&url=' + encodeURIComponent(window.location.href.replace(window.location.origin, '')) + '&dn=' + window.location.host; 428 }); 429 430 431 if ('False' == 'True') { 432 $('#loggedOutToolbarSignInButton').hide(); 433 } 434 }) 435</script>
435 436<!-- End Signed Out Bar --> 437 438 </div> 439 <div id="bodyWrapper"> 440 <div id="mainNavHolderMobile" class="mainNavHolderMobile"></div> 441 442<div data-cpRole="structuralContainer" id="bodyContainerTS"> 443<!-- Header Container --><header data-cpRole="structuralContainer" id="headerContainerTS" class="fixedTopTS"> 444<div class="siteWrap" id="flexHeaderTS"><div data-cpRole="structuralContainer" id="bannerLogoWrapTS"> 445<div data-cpRole="banner" id="bannerLogoTS" class="bannerLogoTS empty"> 446 447 448 449 450 <a id="bannerLogoTS-102" style=" display: block; text-align: center; 451" class="bannerObject" href="/2436" target="_self"><img alt="Puyallup WA Library Homepage" class="bannerObject" height="160" src="/ImageRepository/Document?documentID=24459" width="446" /></a> 452</div> 453</div><div data-cpRole="structuralContainer" id="navWrapTS"> 454<div data-cpRole="contentContainer" id="searchTS"> <div id="ccf9683310-6856-452f-8111-dea5c9e6b236" data-containerid="f9683310-6856-452f-8111-dea5c9e6b236" class="pageContent cpGrid cpGrid24 showInMobile"> 455 456 457 <div class="row outer wide"><!-- 458--><div class="outer col col24 first last" style="" data-widgetcontainerid="6f681b0a-6656-4022-9f5a-ee99f7721280">� 459 <div class="row nest first last wide">� 460 461 <div class="inner col col24 first last ida59aa9ff-4258-463b-89d0-77ed5d6a199f" style="" data-widgetcontainerid="a59aa9ff-4258-463b-89d0-77ed5d6a199f">� 462 463 <div id="divTabbed2521637b-4b6c-434c-a99c-6fa6722ed8b4" class="widget widgetTabbed wide skin102" data-widgetid="2521637b-4b6c-434c-a99c-6fa6722ed8b4"> 464 <ol class="tabbedWidget cpTabs " role="tablist" aria-hidden=".ToString().ToLowerInvariant()" style=" "> 465 <!-- 466 --><li class="active" role="presentation"> <a href="#tab2521637b-4b6c-434c-a99c-6fa6722ed8b4_0" class="tabButton" id="tabBtn2521637b-4b6c-434c-a99c-6fa6722ed8b4_0" role="tab" aria-controls="tab2521637b-4b6c-434c-a99c-6fa6722ed8b4_0" aria-selected="true" tabindex="0"><span class="tabName editable" data-sequence="0" data-tabname="Catalog" contenteditable="false">Catalog</span></a> 467</li><!-- 468 --><li class="" role="presentation"> <a href="#tab2521637b-4b6c-434c-a99c-6fa6722ed8b4_1" class="tabButton" id="tabBtn2521637b-4b6c-434c-a99c-6fa6722ed8b4_1" role="tab" aria-controls="tab2521637b-4b6c-434c-a99c-6fa6722ed8b4_1" aria-selected="false" tabindex="-1"><span class="tabName editable" data-sequence="1" data-tabname="Search Site" contenteditable="false">Search Site</span></a> 469</li><!-- 470 --> 471 </ol> 472 473 <div class="cpTabPanels"> 474 <ol class="tabbedWidgetNarrow cpTabs " role="tablist" aria-hidden="True.ToString().ToLowerInvariant()" style='display: none;'> 475 <li class="active" role="presentation"> <a href="#tab2521637b-4b6c-434c-a99c-6fa6722ed8b4_0" class="tabButton" id="tabBtnNarrow2521637b-4b6c-434c-a99c-6fa6722ed8b4_0" role="tab" aria-controls="tab2521637b-4b6c-434c-a99c-6fa6722ed8b4_0" aria-selected="true" tabindex="0"><span class="tabName editable" data-sequence="0" data-tabname="Catalog" contenteditable="false">Catalog</span></a> 476</li> 477 </ol> 478 <div class="tabbedWidget cpTabPanel showing" style="" id="tab2521637b-4b6c-434c-a99c-6fa6722ed8b4_0" role="tabpanel" aria-labelledby="tabBtn2521637b-4b6c-434c-a99c-6fa6722ed8b4_0" tabindex="-1"> 479 480 481 <div data-widget-id='12249906-0cd1-466c-8343-e890d0074539' data-moduleName="customHtml" id='widgetCustomHtml12249906-0cd1-466c-8343-e890d0074539' class="widget widgetCustomHtml skin88 narrow" > 482 <div class="widgetBody pageStyles" id="widgetBody12249906-0cd1-466c-8343-e890d0074539"> 483 <div id="customHtml12249906-0cd1-466c-8343-e890d0074539"><div><form method="get" id="searchForm" action="https://puyal.ent.sirsi.net/client/embedded.search/default"> <input type="hidden" name="ln" value="en_US"> <input id="q" title="Search For:" maxlength="256" name="q" value="" type="text" accesskey="s"> <input value="Search" id="searchButton" class="button" title="Search" type="submit"> </form> </div></div> 484 </div> 485 486 </div> 487 488 </div> 489 <ol class="tabbedWidgetNarrow cpTabs " role="tablist" aria-hidden="True.ToString().ToLowerInvariant()" style='display: none;'> 490 <li class="" role="presentation"> <a href="#tab2521637b-4b6c-434c-a99c-6fa6722ed8b4_1" class="tabButton" id="tabBtnNarrow2521637b-4b6c-434c-a99c-6fa6722ed8b4_1" role="tab" aria-controls="tab2521637b-4b6c-434c-a99c-6fa6722ed8b4_1" aria-selected="false" tabindex="-1"><span class="tabName editable" data-sequence="1" data-tabname="Search Site" contenteditable="false">Search Site</span></a> 491</li> 492 </ol> 493 <div class="tabbedWidget cpTabPanel " style="display: none;" id="tab2521637b-4b6c-434c-a99c-6fa6722ed8b4_1" role="tabpanel" aria-labelledby="tabBtn2521637b-4b6c-434c-a99c-6fa6722ed8b4_1" tabindex="-1"> 494 495<div data-widget-id="ff3daf9d-6c70-4883-92e4-8d0dac5ed96b" data-widget-controller-path="/Layout/WidgetSearch"> 496 497
497<script defer type="text/javascript" src="/Common/Controls/jquery-ui-1.14.2/jquery-ui.min.js"></script>
497 498
498<script defer src="/Areas/Layout/Assets/Scripts/Search.js" type="text/javascript"></script>
498 499
499<script defer type="text/javascript"> 500 501 $(document).ready(function () { 502 try { 503 // Minimum characters required before performing a search/autocomplete 504 var minPrefixLength = 3; 505 var autoCompleteDebounceDelay = 500; 506 var searchFieldSelector = "#searchField" + 'ff3daf9d-6c70-4883-92e4-8d0dac5ed96b'; 507 var checkboxSelector = "#ysnSearchOnlyDept" + 'ff3daf9d-6c70-4883-92e4-8d0dac5ed96b'; 508 var buttonSelector = ".widgetSearchButton" + 'ff3daf9d-6c70-4883-92e4-8d0dac5ed96b'; 509 var autoCompleteCache = {}; 510 var autoCompleteCacheKeys = []; 511 var autoCompleteCacheLimit = 25; 512 var currentAutoCompleteRequest = null; 513 var currentAutoCompleteRequestKey = null; 514 var autoCompleteDebounceTimer = null; 515 var autoCompleteDebounceKey = null; 516 var pendingAutoCompleteResponses = []; 517 518 function normalizeAutoCompleteTerm(term) { 519 return $.trim((term || "") + "").replace(/\s+/g, " "); 520 } 521 522 function shouldSearch(term) { 523 return normalizeAutoCompleteTerm(term).length >= minPrefixLength; 524 } 525 526 function getAutoCompleteUrl() { 527 return '/Search/AutoComplete' + ($(checkboxSelector).is(':checked') || false? '?departmentId=2436' : ''); 528 } 529 530 function getAutoCompleteCacheKey(requestUrl, term) { 531 return requestUrl + "|" + term.toLowerCase(); 532 } 533 534 function cacheAutoCompleteResult(cacheKey, data) { 535 if (!Object.prototype.hasOwnProperty.call(autoCompleteCache, cacheKey)) { 536 autoCompleteCacheKeys.push(cacheKey); 537 if (autoCompleteCacheKeys.length > autoCompleteCacheLimit) { 538 delete autoCompleteCache[autoCompleteCacheKeys.shift()]; 539 } 540 } 541 autoCompleteCache[cacheKey] = data; 542 } 543 544 function respondToPendingAutoComplete(data) { 545 var responses = pendingAutoCompleteResponses; 546 pendingAutoCompleteResponses = []; 547 for (var i = 0; i < responses.length; i++) { 548 responses[i](data); 549 } 550 } 551 552 function cancelPendingAutoComplete() { 553 clearTimeout(autoCompleteDebounceTimer); 554 autoCompleteDebounceKey = null; 555 if (currentAutoCompleteRequest != null) { 556 currentAutoCompleteRequest.abort(); 557 currentAutoCompleteRequest = null; 558 } 559 currentAutoCompleteRequestKey = null; 560 respondToPendingAutoComplete([]); 561 } 562 563 function createWidgetAutoCompleteSource(options) { 564 return function (request, response) { 565 var term = normalizeAutoCompleteTerm(request.term); 566 if (!options.shouldSearch(term)) { 567 response([]); 568 return; 569 } 570 571 var requestUrl = options.url(); 572 var cacheKey = getAutoCompleteCacheKey(requestUrl, term); 573 if (Object.prototype.hasOwnProperty.call(autoCompleteCache, cacheKey)) { 574 response(autoCompleteCache[cacheKey]); 575 if (options.success) { 576 options.success(autoCompleteCache[cacheKey]); 577 } 578 return; 579 } 580 581 if (currentAutoCompleteRequestKey === cacheKey || autoCompleteDebounceKey === cacheKey) { 582 pendingAutoCompleteResponses.push(response); 583 return; 584 } 585 586 cancelPendingAutoComplete(); 587 autoCompleteDebounceKey = cacheKey; 588 pendingAutoCompleteResponses.push(response); 589 autoCompleteDebounceTimer = setTimeout(function () { 590 autoCompleteDebounceKey = null; 591 currentAutoCompleteRequestKey = cacheKey; 592 currentAutoCompleteRequest = $.ajax({ 593 url: requestUrl, 594 dataType: "json", 595 timeout: options.timeout, 596 data: { 597 term: term, 598 }, 599 success: function (data) { 600 if (currentAutoCompleteRequestKey === cacheKey) { 601 cacheAutoCompleteResult(cacheKey, data); 602 respondToPendingAutoComplete(data); 603 if (options.success) { 604 options.success(data); 605 } 606 } 607 }, 608 error: function (xmlhttprequest, textstatus, message) { 609 if (textstatus === "abort") { 610 return; 611 } 612 613 if (options.error) { 614 options.error(xmlhttprequest, textstatus, message); 615 } 616 617 respondToPendingAutoComplete([]); 618 }, 619 complete: function (xmlhttprequest) { 620 if (currentAutoCompleteRequest === xmlhttprequest) { 621 currentAutoCompleteRequest = null;
622 currentAutoCompleteRequestKey = null; 623 } 624 } 625 }); 626 }, options.delay); 627 }; 628 } 629 630 // click handler for search buttons 631 $(buttonSelector).click(function (e) { 632 e.preventDefault(); 633 var $btn = $(this); 634 var $field = $btn.siblings(".widgetSearchBox"); 635 var term = $field.val() + ""; 636 if (!shouldSearch(term)) { 637 // do nothing until user types enough characters 638 $field.focus(); 639 return; 640 } 641 642 if ($(checkboxSelector).is(':checked') || false) 643 { 644 doWidgetSearch($.trim(term), Number(2436)); 645 } 646 else { 647 doWidgetSearch($.trim(term), 0); 648 } 649 }); 650 651 // enter key handler for the search field 652 $(searchFieldSelector).keypress(function (e) { 653 var code = e.which || e.keyCode; 654 if (code === 13) { 655 e.preventDefault(); 656 var $this = $(this); 657 var term = $this.val() + ""; 658 if (!shouldSearch(term)) { 659 // do nothing until user types enough characters 660 $this.focus(); 661 return false; 662 } 663 664 if ($(checkboxSelector).is(':checked') || false) { 665 doWidgetSearch($.trim(term), Number(2436)); 666 } else { 667 doWidgetSearch($.trim(term), 0); 668 } 669 return false; 670 } 671 return true; 672 }); 673 674 // autocomplete: set minLength and guard source 675 if (true) { 676 var $searchField = $(searchFieldSelector).autocomplete({ 677 minLength: minPrefixLength, 678 source: createWidgetAutoCompleteSource({ 679 delay: autoCompleteDebounceDelay, 680 timeout: 10000, 681 shouldSearch: shouldSearch, 682 url: getAutoCompleteUrl, 683 success: function () { 684 $('.autoCompleteError').remove(); 685 }, 686 error: function (xmlhttprequest, textstatus, message) { 687 if (textstatus === "timeout") { 688 if ($(searchFieldSelector).siblings('.autoCompleteError').length == 0) 689 $('<span class="autoCompleteError"><p class="alert error">Search autocomplete is currently not responding. Please try again later.</p></span>').insertAfter($(searchFieldSelector)); 690 } 691 } 692 }), 693 html: true, 694 delay: 0, 695 select: function (event, ui) { 696 $(this).val(ui.item.value); 697 $(this).next().click(); 698 } 699 }); 700 701 $searchField.data("ui-autocomplete")._renderItem = function (ul, item) { 702 return $("<li class=\"itemList\"></li>") 703 .data("ui-autocomplete-item", item) 704 .append("<a>" + item.label + "</a>") 705 .appendTo(ul); 706 }; 707 } 708 709 // keep searchBtnApplyQuery consistent with prefix rule 710 window.searchBtnApplyQuery = function() { 711 var $field = $(searchFieldSelector); 712 var term = $field.val() + ""; 713 if (shouldSearch(term)) { 714 // update href for the icon/button (if present) 715 var btn = document.getElementById("btnSearchIcon"); 716 if (btn) btn.href = "/Search?searchPhrase=" + encodeURIComponent($.trim(term)); 717 } else { 718 var btn = document.getElementById("btnSearchIcon"); 719 if (btn) btn.href = "#"; 720 } 721 }; 722 } 723 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. 724 }); 725 </script>
725 726 727 <section id="widgetPreviewSearch" class="widget widgetSearch skin88 widgetOptionSet57" style="display: block;" aria-label="Search"> 728 <!-- For the button right and inside --> 729 <div class="widgetBody buttonRightInside"> 730 <input class="widgetSearchBox widgetSearchBoxff3daf9d-6c70-4883-92e4-8d0dac5ed96b" cp5ph="true" id="searchFieldff3daf9d-6c70-4883-92e4-8d0dac5ed96b" name="searchField" onchange="searchBtnApplyQuery();" placeholder="Search..." type="text" value="" /> 731 <a href="/Search/Results" id="btnSearchIcon" class="widgetSearchButton widgetSearchButtonff3daf9d-6c70-4883-92e4-8d0dac5ed96b" role="button"><img alt="Go to Site Search" class="imageHover" data-hover="/ImageRepository/Document?documentID=23067" data-image="/ImageRepository/Document?documentID=23068" src="/ImageRepository/Document?documentID=23068" /></a> 732 733 <label class="searchLabel" aria-hidden="true" for="searchFieldff3daf9d-6c70-4883-92e4-8d0dac5ed96b">Search</label> 734 </div> 735 <label for="ysnSearchOnlyDeptff3daf9d-6c70-4883-92e4-8d0dac5ed96b" class="widgetSearch-onlyDeptff3daf9d-6c70-4883-92e4-8d0dac5ed96b"> 736 <input type="checkbox" id="ysnSearchOnlyDeptff3daf9d-6c70-4883-92e4-8d0dac5ed96b" name="ysnSearchOnlyDeptff3daf9d-6c70-4883-92e4-8d0dac5ed96b" value="1"> 737 Only search Library 738 </label> 739 740 </section> 741 742 743<style scoped> 744 745 .widgetSearch ::-webkit-input-placeholder { 746 color: rgba(0, 74, 152, 1); 747 } 748 .widgetSearch :-moz-placeholder { /* Firefox 18- */ 749 color: rgba(0, 74, 152, 1); 750 } 751 .widgetSearch ::-moz-placeholder { /* Firefox 19+ */ 752 color: rgba(0, 74, 152, 1); 753 } 754 .widgetSearch :-ms-input-placeholder { 755 color: rgba(0, 74, 152, 1); 756 } 757 758 759 .widgetSearch .widgetBody .widgetSearchBoxff3daf9d-6c70-4883-92e4-8d0dac5ed96b 760 { 761 color: rgba(0, 74, 152, 1); 762 background: transparent; 763border: 0; 764border-left: 2px solid #006241; 765height: 60px; 766font-family: Arial; 767font-size: 1em; 768font-weight: 700; 769padding: 0 70px 0 20px; 770 } 771 .widgetSearch .widgetBody .widgetSearchButtonff3daf9d-6c70-4883-92e4-8d0dac5ed96b 772 { 773 margin: 10px 10px 0 0; 774 } 775 .widgetSearch .widgetSearch-onlyDeptff3daf9d-6c70-4883-92e4-8d0dac5ed96b 776 { 777 display: inline-block; 778 color: #333; 779 780 padding-left: 10px; 781 padding-top: 10px; 782 } 783 #ysnSearchOnlyDeptff3daf9d-6c70-4883-92e4-8d0dac5ed96b 784 { 785 position: relative; 786 top: .125em; 787 } 788 789</style> 790 791<link rel="stylesheet" href="/Common/Controls/jquery-ui-1.14.2/jquery-ui.min.css"> 792<link rel="stylesheet" href="/Common/Controls/jquery-ui-1.14.2/jquery-ui.theme.min.css"> 793 794 795
796<script type="text/javascript"> 797 //Updates search icons href to have the correct queryString 798 function searchBtnApplyQuery() { 799 document.getElementById("btnSearchIcon").href = "/Search?searchPhrase=" + document.getElementById("searchFieldff3daf9d-6c70-4883-92e4-8d0dac5ed96b").value; 800 } 801</script>
801 802 803</div> 804 805 </div> 806 </div> 807 </div> 808
808<script type="text/javascript"> 809 810 $.when(window.Pages.rwdReady).done(function () { 811 var tabbedWidgetID = 'divTabbed2521637b-4b6c-434c-a99c-6fa6722ed8b4'; 812 var mediaQuerySize = 1; 813 if (mediaQuerySize > 0) { 814 var mediaElementQuery = '#' + tabbedWidgetID + ':media(this-min-width:' + mediaQuerySize + 'em)'; 815 var $tabbedWidget = $('#' + tabbedWidgetID); 816 817 // Update child widget classes based on parent state 818 var updateChildWidgetClasses = function (isParentWide) { 819 var liveEditEnabled = getCookieValue("enableLiveEdit") === "true"; 820 if (liveEditEnabled) 821 return; 822 823 var $childWidgets = $tabbedWidget.find('.widget').not('[data-elementqueryclasses]'); 824 825 if (isParentWide) { 826 $childWidgets.addClass('wide').removeClass('narrow'); 827 $tabbedWidget.find('[data-event-list-row="true"]').addClass('wide').removeClass('narrow'); 828 } else { 829 $childWidgets.addClass('narrow').removeClass('wide'); 830 $tabbedWidget.find('[data-event-list-row="true"]').addClass('narrow').removeClass('wide'); 831 } 832 }; 833 834 window.cpMedia.unregister(mediaElementQuery).register(mediaElementQuery, { 835 deferSetup: false, 836 setup: function () { 837 var liveEditEnabled = $.cookie("enableLiveEdit") === "true"; 838 if (!liveEditEnabled) { 839 $tabbedWidget.addClass('narrow').removeClass('wide'); 840 cpMedia.diag('$(element).addClass("narrow"), mediaQuery: ' + mediaElementQuery); 841 $tabbedWidget.find('.tabbedWidget.cpTabs').hide().attr('aria-hidden', 'true'); 842 $tabbedWidget.find('.tabbedWidgetNarrow.cpTabs').show().attr('aria-hidden', 'false'); 843 $tabbedWidget.data("tabHeightSet", false); 844 845 // Update child widget classes - parent is narrow 846 updateChildWidgetClasses(false); 847 } 848 }, 849 match: function () { 850 $tabbedWidget.addClass('wide').removeClass('narrow'); 851 cpMedia.diag('$(element).removeClass("narrow"), mediaQuery: ' + mediaElementQuery); 852 $tabbedWidget.find('.tabbedWidget.cpTabs').show().attr('aria-hidden', 'false'); 853 $tabbedWidget.find('.tabbedWidgetNarrow.cpTabs').hide().attr('aria-hidden', 'true'); 854 855 if($tabbedWidget.data("tabHeightSet") == false) 856 { 857 $tabbedWidget.data("tabHeightSet", true); 858 859 var tabbedWidgetID = 'divTabbed2521637b-4b6c-434c-a99c-6fa6722ed8b4'; 860 setTabbedWidgetsTabHeight(tabbedWidgetID); 861 } 862 $('.cpTabPanels').unbind('click'); 863 864 // Update child widget classes - parent is wide 865 updateChildWidgetClasses(true); 866 }, 867 unmatch: function () { 868 var liveEditEnabled = $.cookie("enableLiveEdit") === "true"; 869 if (!liveEditEnabled) { 870 $tabbedWidget.addClass('narrow').removeClass('wide'); 871 cpMedia.diag('$(element).addClass("narrow"), mediaQuery: ' + mediaElementQuery); 872 $tabbedWidget.find('.tabbedWidget.cpTabs').hide().attr('aria-hidden', 'true'); 873 $tabbedWidget.find('.tabbedWidgetNarrow.cpTabs').show().attr('aria-hidden', 'false'); 874 875 // Update child widget classes - parent is narrow 876 updateChildWidgetClasses(false); 877 } 878 $('.cpTabPanels').click(function() { 879 this.scrollIntoView(); 880 }); 881 } 882 }); 883 } 884 }); 885 886 //Used for when page is initially loaded 887 if($('#divTabbed2521637b-4b6c-434c-a99c-6fa6722ed8b4').hasClass('narrow')) 888 { 889 $('.cpTabPanels').click(function() { 890 this.scrollIntoView(); 891 }); 892 } 893 894 895 //If responsive not enabled, execute this after a timeout 896 if(!isResponsiveEnabled) 897 { 898 window.setTimeout(function(){ 899 var tabbedWidgetID = 'divTabbed2521637b-4b6c-434c-a99c-6fa6722ed8b4'; 900 typeof setTabbedWidgetsTabHeight === "function" && setTabbedWidgetsTabHeight(tabbedWidgetID); 901 }, 1500); 902 } 903 904 function reinitCarousels() { 905 if (window.carouselsToInit) { 906 for (var i = 0; i < window.carouselsToInit.length; i++) { 907 carouselsToInit[i](); 908 } 909 } 910 } 911 function sizeTabbedContent(element){ 912 if(window.Pages){ 913 if(window.Pages.onResizeHandlers){ 914 var setTabbedInterval = setInterval(function () {
915 window.Pages.onResizeHandlers.forEach(function(car){car();}); 916 }, 25) 917 918 919 setTimeout(function () { 920 clearInterval(setTabbedInterval); 921 if ($.cookie("enableLiveEdit") === "true") { 922 setInterval(function () { 923 window.Pages.onResizeHandlers.forEach(function(car){car();}); 924 }, 2000); 925 } 926 }, 2500); 927 element.onclick="window.setTimeout(function(){reinitCarousels();},2);" 928 } 929 } 930 } 931 932 function adjustTab(e) { 933 e.preventDefault(); 934 window.setTimeout(function(){ 935 reinitCarousels(); 936 }, 2); 937 sizeTabbedContent(this); 938 } 939 940 var tabButtons = document.querySelectorAll("#divTabbed2521637b-4b6c-434c-a99c-6fa6722ed8b4 .tabButton"); 941 942 tabButtons.forEach(function (tabButton) { 943 tabButton.addEventListener("click", adjustTab); 944 }); 945 946 </script>
946 947 948 949 950 </div> <!-- inner column --> 951 952 </div> <!-- inner row --> 953 954 </div><!-- outer column --><!-- --></div> <!-- outer row --> 955 956 957 </div> 958</div><nav data-cpRole="nav" id="mainNav" class="siteNav mainNav" role="navigation"> 959<ol id="mainNavMenu" data-parent="2436" class="rootNavMenu" role="menu"><!-- 960--><li id="MainItem621" class="topMenuItem" role="none" data-pageid="621" data-displaymegamenu="True"><!-- 961 --><!-- 962 --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu621" id = "mainNavResources" class="navMainItem mainNavItem mainNavItem1 " href="/892/Apps-and-Online-Resources" target = "_blank" > Resources </a> <!-- 963 --><!-- 964 --></li><!----><li id="MainItem616" class="topMenuItem" role="none" data-pageid="616" data-displaymegamenu="True"><!-- 965 --><!-- 966 --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu616" id = "mainNavEvents" class="navMainItem mainNavItem mainNavItem2 " href="/1751/Library-News-and-Events" target = "_self" > Events </a> <!-- 967 --><!-- 968 --></li><!----><li id="MainItem1351" class="topMenuItem" role="none" data-pageid="1351" data-displaymegamenu="True"><!-- 969 --><!-- 970 --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu1351" id = "mainNavIWantTo" class="navMainItem mainNavItem mainNavItem3 " href="/1351/I-Want-To" target = "_self" > I Want To... </a> <!-- 971 --><!-- 972 --></li><!----> 973</ol> 974 975 976
976<script type="text/javascript"> 977 (function () { 978 function setupMenu() { 979 const menuID = 'mainNavMenu'; 980 const menuType = MAIN_MENU; 981 982 //setup menu manager properties for main menu 983 if (!menuManager.mobileMainNav && true) 984 menuManager.adjustMainItemsWidth('#' + menuID); 985 menuManager.isMainMenuEditable = false; 986 menuManager.mainMenuMaxSubMenuLevels = 4; 987 menuManager.setMOMMode(2, menuType); 988 989 //Init main menu 990 const setupDraggable = menuManager.isMainMenuEditable; 991 const urlToGetHiddenMenus = '/Pages/MenuMain/HiddenMainSubMenus?pageID=2436&moduleID=&themeID=40&menuContainerID=mainNav'; 992 993 menuManager.setupMenu(menuID, 'mainNav', menuType, setupDraggable, urlToGetHiddenMenus); 994 menuManager.mainMenuInit = true; 995 menuManager.mainMenuTextResizer = true; 996 if (1.00 > 0) 997 menuManager.mainMenuTextResizerRatio = 1.00; 998 if (window.isResponsiveEnabled) 999 menuManager.mainMenuReady.resolve(); 1000 1001 } 1002 1003 if (document.readyState === "complete" 1004 || document.readyState === "loaded" 1005 || document.readyState === "interactive") { 1006 setupMenu(); 1007 return; 1008 } 1009 1010 document.addEventListener("DOMContentLoaded", setupMenu); 1011 })(); 1012 </script>
1012 1013 1014 1015<aside data-cpRole="megaMenu" id="megaMenu" class="megaMenu" style="display: none;"><input type="hidden" id="megaMenuPopupDirection" value="0"><input type="hidden" id="megaMenuWidthReference" value="1"><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu621" class="contentTop mainNavMegaMenu megaMenuContainer pageID_621 hidden" data-orientation="horizontal"> <div id="ccef179bae-dd84-43b2-927f-d2e3688a0770" data-containerid="ef179bae-dd84-43b2-927f-d2e3688a0770" class="pageContent cpGrid cpGrid24"> 1016 1017 1018 1019 1020 </div> 1021</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu616" class="contentTop mainNavMegaMenu megaMenuContainer pageID_616 hidden" data-orientation="horizontal"> <div id="cca4f793b0-feed-4abb-9c67-4555dccccf1b" data-containerid="a4f793b0-feed-4abb-9c67-4555dccccf1b" class="pageContent cpGrid cpGrid24"> 1022 1023 1024 1025 1026 </div> 1027</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu1351" class="contentTop mainNavMegaMenu megaMenuContainer pageID_1351 hidden" data-orientation="horizontal"> <div id="ccf4c56de6-cded-412c-bb19-08f6ff8b030c" data-containerid="f4c56de6-cded-412c-bb19-08f6ff8b030c" class="pageContent cpGrid cpGrid24"> 1028 1029 1030 1031 1032 </div> 1033</aside></aside></nav> 1034</div></div> 1035</header><!-- Banner --><div data-cpRole="structuralContainer" id="bannerContainerTS" class="noOverflowTS"> 1036<div data-cpRole="banner" id="banner1"><div data-cpRole="structuralContainer" id="bannerSizingTS"> 1037<div data-cpRole="structuralContainer" id="bannerSearchTS"> 1038<div class="siteWrap2"><div data-cpRole="contentContainer" id="welcomeTS"> <div id="cc8407adc2-a884-482d-83da-a17a5df13e75" data-containerid="8407adc2-a884-482d-83da-a17a5df13e75" class="pageContent cpGrid cpGrid24 showInMobile"> 1039 1040 1041 1042 1043 </div> 1044</div></div> 1045</div> 1046</div> 1047 1048 1049 1050 1051 <div id="bannerImagesJSON103" class="hidden"></div> 1052 <div id="bannerSlideshowControls_banner1" class="bannerSlideshowControlsNew none " style="display:none"> 1053 <a id="arrowPrev_banner1" tabindex="0" class="arrowNew prev" aria-label="Banner Arrow Previous"><svg style=" " class=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconSlideshowArrowLeft"></use></svg></a> 1054 <a id="arrowNext_banner1" tabindex="0" class="arrowNew next" aria-label="Banner Arrow Next"><svg style=" " class=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconSlideshowArrowRight"></use></svg></a> 1055 </div> 1056
1056<script type="text/javascript"> 1057 $(window).on("load", function () { 1058 $.when(window.Pages.rwdSetupComplete) 1059 .done(function () { 1060 renderExternalBannerSlideshow('banner1', 1061 {"BannerOptionID":103,"ThemeID":40,"SlotName":"banner1","Name":"Default","IsDefault":true,"BannerMode":2,"SlideShowSlideTiming":"5","SlideshowTransition":0,"SlideShowTransitionTiming":"1","ImageScale":true,"ImageAlignment":1,"ImageScroll":true,"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":185,"BannerOptionID":103,"FileName":"/ImageRepository/Document?documentID=24464","Height":845,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":2,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""},{"BannerImageID":186,"BannerOptionID":103,"FileName":"/ImageRepository/Document?documentID=24462","Height":845,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":3,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""}],"BannerVideos":[],"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/"}, 1062 '/App_Themes/Home/Images/', 1063 'Rotating'); 1064 }); 1065 }); 1066 </script>
1066 1067 1068</div> 1069</div><!-- GBs --><div data-cpRole="structuralContainer" id="gbsContainerTS"> 1070<div class="siteWrap"><div data-cpRole="contentContainer" id="gbsTS"> <div id="ccf5e74329-7536-4d29-a798-ded8aa362f9e" data-containerid="f5e74329-7536-4d29-a798-ded8aa362f9e" class="pageContent cpGrid cpGrid24 showInMobile" data-contentcontainerbreakpoint="53"> 1071 1072 1073 <div class="row outer wide"><!-- 1074--><div class="outer col col12 first" style="" data-widgetcontainerid="cd9e221c-92f6-4983-add7-51500d4baf36">� 1075 <div class="row nest first last wide">� 1076 1077 <div class="inner col col12 first last id57b5b6a1-f617-4322-b17e-a8f4195e7883" style="" data-widgetcontainerid="57b5b6a1-f617-4322-b17e-a8f4195e7883">� 1078<div data-widget-id="06191c59-a70f-4d2d-bf71-10c57c369b7d" data-widget-controller-path="/GraphicLinks/Widget"> 1079 1080 1081 1082 1083<div id="graphicLinkWidget06191c59-a70f-4d2d-bf71-10c57c369b7d" class="widget widgetGraphicLinks skin91 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:55em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 1084 <div class="widgetHeader"> 1085 <div class=""> 1086 </div> 1087 </div> 1088 <div class="widgetBody cpGrid cpGrid3 "> 1089 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 1090 <div class="row wide"> 1091 <!-- 1092--><div class="col col1 first "><ul class="semanticList"><!-- 1093 --><li class="widgetItem GraphicLinks"> 1094 1095<div> 1096 <a href="https://puyal.ent.sirsi.net/client/en_US/default/" target="_self" class="fancyButton fancyButton927 " > 1097 <span> 1098 <span><span class="text">catalog & My account</span></span> 1099 </span> 1100 </a> 1101</div> 1102 <style scoped="scoped">.fancyButton927.fancyButton:link,.fancyButton927.fancyButton:visited, .fancyButton927div.fancyButton{ 1103 background-color: rgb(255, 255, 255); 1104 -webkit-border-top-left-radius: 10px; 1105 -moz-border-top-left-radius: 10px; 1106 -khtml-border-top-left-radius: 10px; 1107 border-top-left-radius: 10px; 1108 -webkit-border-top-right-radius: 10px; 1109 -moz-border-top-right-radius: 10px; 1110 -khtml-border-top-right-radius: 10px; 1111 border-top-right-radius: 10px; 1112 -webkit-border-bottom-left-radius: 10px; 1113 -moz-border-bottom-left-radius: 10px; 1114 -khtml-border-bottom-left-radius: 10px; 1115 border-bottom-left-radius: 10px; 1116 -webkit-border-bottom-right-radius: 10px; 1117 -moz-border-bottom-right-radius: 10px; 1118 -khtml-border-bottom-right-radius: 10px; 1119 border-bottom-right-radius: 10px; 1120 background-repeat: no-repeat; 1121 background-position: left top; 1122box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); 1123overflow: hidden; 1124position: relative; 1125} 1126 1127.fancyButton927::after { 1128content: ""; 1129position: absolute; 1130left: 98px; 1131top: 50%; 1132transform: translateY(-50%); 1133width: 4px; 1134height: 30px; 1135background: #FFCD00; 1136border-radius: 2px; 1137transition: all .3s ease-in-out;} 1138.fancyButton927.fancyButton:hover,.fancyButton927.fancyButton:focus,.fancyButton927.fancyButton:active,.fancyButton927.fancyButton.hover{ 1139 background-color: rgb(0, 74, 152); 1140 background-repeat: no-repeat; 1141 background-position: left top; 1142} 1143 1144.fancyButton927:is(:hover,:focus,:active)::after { 1145height: 70px;} 1146.fancyButton927.fancyButton:link > span,.fancyButton927.fancyButton:visited > span, .fancyButton927div.fancyButton > span{ 1147} 1148.fancyButton927.fancyButton:hover > span,.fancyButton927.fancyButton:focus > span,.fancyButton927.fancyButton:active > span,.fancyButton927.fancyButton.hover > span{ 1149} 1150.fancyButton927.fancyButton .text{ 1151 color: rgb(0, 74, 152); 1152 font-size: 1.1em; 1153 font-family: "Arial"; 1154 text-align: left; 1155 padding-right: 25px; 1156 padding-left: 125px; 1157 font-weight: 700; 1158 text-decoration: none; 1159 padding-right: 25px; 1160 padding-left: 125px; 1161 background-image: url('/ImageRepository/Document?documentID=24480'); 1162 background-repeat: no-repeat; 1163 background-position: left center; 1164height: 100px; 1165line-height: 1.2; 1166text-transform: uppercase;} 1167.fancyButton927.fancyButton:hover .text,.fancyButton927.fancyButton:focus .text,.fancyButton927.fancyButton:active .text,.fancyButton927.fancyButton.hover .text{ 1168 color: rgb(255, 255, 255); 1169 text-decoration: underline; 1170 background-image: url('/ImageRepository/Document?documentID=24474'); 1171 background-repeat: no-repeat; 1172 background-position: left top; 1173 1174 1175} 1176.fancyButton927.fancyButton .textStyle1{ 1177 color: rgb(0, 74, 152); 1178 font-size: .8em; 1179 font-style: normal; 1180 text-decoration: none; 1181 1182} 1183.fancyButton927.fancyButton:hover .textStyle1, .fancyButton927.fancyButton.hover .textStyle1{ 1184 color: rgb(255, 255, 255); 1185 text-decoration: underline; 1186 1187} 1188</style> 1189 1190 </li><!-- 1191--></ul></div><!----><div class="col col1 "><ul class="semanticList"><!-- 1192 --><li class="widgetItem GraphicLinks"> 1193 1194<div> 1195 <a href="/682" target="_self" class="fancyButton fancyButton928 " > 1196 <span> 1197 <span><span class="text">Get a library card<br></span></span> 1198 </span> 1199 </a> 1200</div> 1201 <style scoped="scoped">.fancyButton928.fancyButton:link,.fancyButton928.fancyButton:visited, .fancyButton928div.fancyButton{ 1202 background-color: rgb(255, 255, 255);
1203 -webkit-border-top-left-radius: 10px; 1204 -moz-border-top-left-radius: 10px; 1205 -khtml-border-top-left-radius: 10px; 1206 border-top-left-radius: 10px; 1207 -webkit-border-top-right-radius: 10px; 1208 -moz-border-top-right-radius: 10px; 1209 -khtml-border-top-right-radius: 10px; 1210 border-top-right-radius: 10px; 1211 -webkit-border-bottom-left-radius: 10px; 1212 -moz-border-bottom-left-radius: 10px; 1213 -khtml-border-bottom-left-radius: 10px; 1214 border-bottom-left-radius: 10px; 1215 -webkit-border-bottom-right-radius: 10px; 1216 -moz-border-bottom-right-radius: 10px; 1217 -khtml-border-bottom-right-radius: 10px; 1218 border-bottom-right-radius: 10px; 1219 background-repeat: no-repeat; 1220 background-position: left top; 1221box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); 1222overflow: hidden; 1223position: relative; 1224} 1225 1226.fancyButton928::after { 1227content: ""; 1228position: absolute; 1229left: 98px; 1230top: 50%; 1231transform: translateY(-50%); 1232width: 4px; 1233height: 30px; 1234background: #FFCD00; 1235border-radius: 2px; 1236transition: all .3s ease-in-out;} 1237.fancyButton928.fancyButton:hover,.fancyButton928.fancyButton:focus,.fancyButton928.fancyButton:active,.fancyButton928.fancyButton.hover{ 1238 background-color: rgb(0, 98, 65); 1239 background-repeat: no-repeat; 1240 background-position: left top; 1241} 1242 1243.fancyButton928:is(:hover,:focus,:active)::after { 1244height: 70px;} 1245.fancyButton928.fancyButton:link > span,.fancyButton928.fancyButton:visited > span, .fancyButton928div.fancyButton > span{ 1246} 1247.fancyButton928.fancyButton:hover > span,.fancyButton928.fancyButton:focus > span,.fancyButton928.fancyButton:active > span,.fancyButton928.fancyButton.hover > span{ 1248} 1249.fancyButton928.fancyButton .text{ 1250 color: #006241; 1251 font-size: 1.1em; 1252 font-family: "Arial"; 1253 text-align: left; 1254 padding-right: 25px; 1255 padding-left: 125px; 1256 font-weight: 700; 1257 text-decoration: none; 1258 padding-right: 25px; 1259 padding-left: 125px; 1260 background-image: url('/ImageRepository/Document?documentID=24476'); 1261 background-repeat: no-repeat; 1262 background-position: left center; 1263height: 100px; 1264line-height: 1.2; 1265text-transform: uppercase;} 1266.fancyButton928.fancyButton:hover .text,.fancyButton928.fancyButton:focus .text,.fancyButton928.fancyButton:active .text,.fancyButton928.fancyButton.hover .text{ 1267 color: rgb(255, 255, 255); 1268 text-decoration: underline; 1269 background-image: url('/ImageRepository/Document?documentID=24470'); 1270 background-repeat: no-repeat; 1271 background-position: left top; 1272 1273 1274} 1275.fancyButton928.fancyButton .textStyle1{ 1276 color: rgb(0, 98, 65); 1277 font-size: .8em; 1278 font-style: normal; 1279 text-decoration: none; 1280 1281} 1282.fancyButton928.fancyButton:hover .textStyle1, .fancyButton928.fancyButton.hover .textStyle1{ 1283 color: rgb(255, 255, 255); 1284 text-decoration: underline; 1285 1286} 1287</style> 1288 1289 </li><!-- 1290--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 1291 --><li class="widgetItem GraphicLinks"> 1292 1293<div> 1294 <a href="https://documents.puyallupwa.gov/Forms/Ask-a-Librarian" target="_self" class="fancyButton fancyButton937 " > 1295 <span> 1296 <span><span class="text">Ask a librarian<br></span></span> 1297 </span> 1298 </a> 1299</div> 1300 <style scoped="scoped">.fancyButton937.fancyButton:link,.fancyButton937.fancyButton:visited, .fancyButton937div.fancyButton{ 1301 background-color: rgb(255, 255, 255); 1302 -webkit-border-top-left-radius: 10px; 1303 -moz-border-top-left-radius: 10px; 1304 -khtml-border-top-left-radius: 10px; 1305 border-top-left-radius: 10px; 1306 -webkit-border-top-right-radius: 10px; 1307 -moz-border-top-right-radius: 10px; 1308 -khtml-border-top-right-radius: 10px; 1309 border-top-right-radius: 10px; 1310 -webkit-border-bottom-left-radius: 10px; 1311 -moz-border-bottom-left-radius: 10px; 1312 -khtml-border-bottom-left-radius: 10px; 1313 border-bottom-left-radius: 10px; 1314 -webkit-border-bottom-right-radius: 10px; 1315 -moz-border-bottom-right-radius: 10px; 1316 -khtml-border-bottom-right-radius: 10px; 1317 border-bottom-right-radius: 10px; 1318 background-repeat: no-repeat; 1319 background-position: left top; 1320box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); 1321overflow: hidden; 1322position: relative; 1323} 1324 1325.fancyButton937::after { 1326content: ""; 1327position: absolute; 1328left: 98px; 1329top: 50%; 1330transform: translateY(-50%); 1331width: 4px; 1332height: 30px; 1333background: #FFCD00; 1334border-radius: 2px; 1335transition: all .3s ease-in-out;} 1336.fancyButton937.fancyButton:hover,.fancyButton937.fancyButton:focus,.fancyButton937.fancyButton:active,.fancyButton937.fancyButton.hover{ 1337 background-color: rgb(0, 74, 152); 1338 background-repeat: no-repeat; 1339 background-position: left top; 1340} 1341 1342.fancyButton937:is(:hover,:focus,:active)::after { 1343height: 70px;} 1344.fancyButton937.fancyButton:link > span,.fancyButton937.fancyButton:visited > span, .fancyButton937div.fancyButton > span{ 1345} 1346.fancyButton937.fancyButton:hover > span,.fancyButton937.fancyButton:focus > span,.fancyButton937.fancyButton:active > span,.fancyButton937.fancyButton.hover > span{ 1347} 1348.fancyButton937.fancyButton .text{ 1349 color: rgb(0, 74, 152); 1350 font-size: 1.1em; 1351 font-family: "Arial"; 1352 text-align: left; 1353 padding-right: 25px; 1354 padding-left: 125px; 1355 font-weight: 700; 1356 text-decoration: none; 1357 padding-right: 25px; 1358 padding-left: 125px; 1359 background-image: url('/ImageRepository/Document?documentID=24475'); 1360 background-repeat: no-repeat; 1361 background-position: left center; 1362height: 100px; 1363line-height: 1.2; 1364text-transform: uppercase;} 1365.fancyButton937.fancyButton:hover .text,.fancyButton937.fancyButton:focus .text,.fancyButton937.fancyButton:active .text,.fancyButton937.fancyButton.hover .text{ 1366 color: rgb(255, 255, 255); 1367 text-decoration: underline; 1368 background-image: url('/ImageRepository/Document?documentID=24469'); 1369 background-repeat: no-repeat; 1370 background-position: left top; 1371 1372 1373} 1374.fancyButton937.fancyButton .textStyle1{ 1375 color: rgb(0, 74, 152); 1376 font-size: .8em; 1377 font-style: normal; 1378 text-decoration: none; 1379 1380} 1381.fancyButton937.fancyButton:hover .textStyle1, .fancyButton937.fancyButton.hover .textStyle1{ 1382 color: rgb(255, 255, 255); 1383 text-decoration: underline; 1384 1385} 1386</style> 1387 1388 </li><!-- 1389--></ul></div><!-- --> 1390 </div> 1391 </nav> 1392 </div> 1393 <div class="widgetFooter"> 1394 </div> 1395</div> 1396</div> 1397 1398 </div> <!-- inner column --> 1399 1400 </div> <!-- inner row --> 1401 1402 </div><!-- outer column --><!----><div class="outer col col12 last" style="" data-widgetcontainerid="639a0eea-0cd2-4d61-a45d-783cd918a30b">� 1403 <div class="row nest first last wide">� 1404 1405 <div class="inner col col12 first last idc8cd4437-6f39-4706-a12f-48aa71caeb04" style="" data-widgetcontainerid="c8cd4437-6f39-4706-a12f-48aa71caeb04">� 1406<div data-widget-id="d4a16094-0244-4b36-8dae-0ddcab639bec" data-widget-controller-path="/GraphicLinks/Widget"> 1407 1408 1409 1410 1411<div id="graphicLinkWidgetd4a16094-0244-4b36-8dae-0ddcab639bec" class="widget widgetGraphicLinks skin91 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:55em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 1412 <div class="widgetHeader"> 1413 <div class="">
1414 </div> 1415 </div> 1416 <div class="widgetBody cpGrid cpGrid3 "> 1417 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 1418 <div class="row wide"> 1419 <!-- 1420--><div class="col col1 first "><ul class="semanticList"><!-- 1421 --><li class="widgetItem GraphicLinks"> 1422 1423<div> 1424 <a href="/1751/Library-News-and-Events" target="_self" class="fancyButton fancyButton930 " > 1425 <span> 1426 <span><span class="text">Events & programs<br></span></span> 1427 </span> 1428 </a> 1429</div> 1430 <style scoped="scoped">.fancyButton930.fancyButton:link,.fancyButton930.fancyButton:visited, .fancyButton930div.fancyButton{ 1431 background-color: rgb(255, 255, 255); 1432 -webkit-border-top-left-radius: 10px; 1433 -moz-border-top-left-radius: 10px; 1434 -khtml-border-top-left-radius: 10px; 1435 border-top-left-radius: 10px; 1436 -webkit-border-top-right-radius: 10px; 1437 -moz-border-top-right-radius: 10px; 1438 -khtml-border-top-right-radius: 10px; 1439 border-top-right-radius: 10px; 1440 -webkit-border-bottom-left-radius: 10px; 1441 -moz-border-bottom-left-radius: 10px; 1442 -khtml-border-bottom-left-radius: 10px; 1443 border-bottom-left-radius: 10px; 1444 -webkit-border-bottom-right-radius: 10px; 1445 -moz-border-bottom-right-radius: 10px; 1446 -khtml-border-bottom-right-radius: 10px; 1447 border-bottom-right-radius: 10px; 1448 background-repeat: no-repeat; 1449 background-position: left top; 1450box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); 1451overflow: hidden; 1452position: relative; 1453} 1454 1455.fancyButton930::after { 1456content: ""; 1457position: absolute; 1458left: 98px; 1459top: 50%; 1460transform: translateY(-50%); 1461width: 4px; 1462height: 30px; 1463background: #FFCD00; 1464border-radius: 2px; 1465transition: all .3s ease-in-out;} 1466.fancyButton930.fancyButton:hover,.fancyButton930.fancyButton:focus,.fancyButton930.fancyButton:active,.fancyButton930.fancyButton.hover{ 1467 background-color: rgb(0, 98, 65); 1468 background-repeat: no-repeat; 1469 background-position: left top; 1470} 1471 1472.fancyButton930:is(:hover,:focus,:active)::after { 1473height: 70px;} 1474.fancyButton930.fancyButton:link > span,.fancyButton930.fancyButton:visited > span, .fancyButton930div.fancyButton > span{ 1475} 1476.fancyButton930.fancyButton:hover > span,.fancyButton930.fancyButton:focus > span,.fancyButton930.fancyButton:active > span,.fancyButton930.fancyButton.hover > span{ 1477} 1478.fancyButton930.fancyButton .text{ 1479 color: #006241; 1480 font-size: 1.1em; 1481 font-family: "Arial"; 1482 text-align: left; 1483 padding-right: 25px; 1484 padding-left: 125px; 1485 font-weight: 700; 1486 text-decoration: none; 1487 padding-right: 25px; 1488 padding-left: 125px; 1489 background-image: url('/ImageRepository/Document?documentID=24479'); 1490 background-repeat: no-repeat; 1491 background-position: left center; 1492height: 100px; 1493line-height: 1.2; 1494text-transform: uppercase;} 1495.fancyButton930.fancyButton:hover .text,.fancyButton930.fancyButton:focus .text,.fancyButton930.fancyButton:active .text,.fancyButton930.fancyButton.hover .text{ 1496 color: rgb(255, 255, 255); 1497 text-decoration: underline; 1498 background-image: url('/ImageRepository/Document?documentID=24473'); 1499 background-repeat: no-repeat; 1500 background-position: left top; 1501 1502 1503} 1504.fancyButton930.fancyButton .textStyle1{ 1505 color: rgb(0, 98, 65); 1506 font-size: .8em; 1507 font-style: normal; 1508 text-decoration: none; 1509 1510} 1511.fancyButton930.fancyButton:hover .textStyle1, .fancyButton930.fancyButton.hover .textStyle1{ 1512 color: rgb(255, 255, 255); 1513 text-decoration: underline; 1514 1515} 1516</style> 1517 1518 </li><!-- 1519--></ul></div><!----><div class="col col1 "><ul class="semanticList"><!-- 1520 --><li class="widgetItem GraphicLinks"> 1521 1522<div> 1523 <a href="/892/Apps-and-Online-Resources" target="_self" class="fancyButton fancyButton938 " > 1524 <span> 1525 <span><span class="text">Online Resources<br></span></span> 1526 </span> 1527 </a> 1528</div> 1529 <style scoped="scoped">.fancyButton938.fancyButton:link,.fancyButton938.fancyButton:visited, .fancyButton938div.fancyButton{ 1530 background-color: rgb(255, 255, 255); 1531 -webkit-border-top-left-radius: 10px; 1532 -moz-border-top-left-radius: 10px; 1533 -khtml-border-top-left-radius: 10px; 1534 border-top-left-radius: 10px; 1535 -webkit-border-top-right-radius: 10px; 1536 -moz-border-top-right-radius: 10px; 1537 -khtml-border-top-right-radius: 10px; 1538 border-top-right-radius: 10px; 1539 -webkit-border-bottom-left-radius: 10px; 1540 -moz-border-bottom-left-radius: 10px; 1541 -khtml-border-bottom-left-radius: 10px; 1542 border-bottom-left-radius: 10px; 1543 -webkit-border-bottom-right-radius: 10px; 1544 -moz-border-bottom-right-radius: 10px; 1545 -khtml-border-bottom-right-radius: 10px; 1546 border-bottom-right-radius: 10px; 1547 background-repeat: no-repeat; 1548 background-position: left top; 1549box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); 1550overflow: hidden; 1551position: relative; 1552} 1553 1554.fancyButton938::after { 1555content: ""; 1556position: absolute; 1557left: 98px; 1558top: 50%; 1559transform: translateY(-50%); 1560width: 4px; 1561height: 30px; 1562background: #FFCD00; 1563border-radius: 2px; 1564transition: all .3s ease-in-out;} 1565.fancyButton938.fancyButton:hover,.fancyButton938.fancyButton:focus,.fancyButton938.fancyButton:active,.fancyButton938.fancyButton.hover{ 1566 background-color: rgb(0, 74, 152); 1567 background-repeat: no-repeat; 1568 background-position: left top; 1569} 1570 1571.fancyButton938:is(:hover,:focus,:active)::after { 1572height: 70px;} 1573.fancyButton938.fancyButton:link > span,.fancyButton938.fancyButton:visited > span, .fancyButton938div.fancyButton > span{ 1574} 1575.fancyButton938.fancyButton:hover > span,.fancyButton938.fancyButton:focus > span,.fancyButton938.fancyButton:active > span,.fancyButton938.fancyButton.hover > span{ 1576} 1577.fancyButton938.fancyButton .text{ 1578 color: rgb(0, 74, 152); 1579 font-size: 1.1em; 1580 font-family: "Arial"; 1581 text-align: left; 1582 padding-right: 25px; 1583 padding-left: 125px; 1584 font-weight: 700; 1585 text-decoration: none; 1586 padding-right: 25px; 1587 padding-left: 125px; 1588 background-image: url('/ImageRepository/Document?documentID=24478'); 1589 background-repeat: no-repeat; 1590 background-position: left center; 1591height: 100px; 1592line-height: 1.2; 1593text-transform: uppercase;} 1594.fancyButton938.fancyButton:hover .text,.fancyButton938.fancyButton:focus .text,.fancyButton938.fancyButton:active .text,.fancyButton938.fancyButton.hover .text{ 1595 color: rgb(255, 255, 255); 1596 text-decoration: underline; 1597 background-image: url('/ImageRepository/Document?documentID=24472'); 1598 background-repeat: no-repeat; 1599 background-position: left top; 1600 1601 1602} 1603.fancyButton938.fancyButton .textStyle1{ 1604 color: rgb(0, 74, 152); 1605 font-size: .8em; 1606 font-style: normal; 1607 text-decoration: none; 1608 1609} 1610.fancyButton938.fancyButton:hover .textStyle1, .fancyButton938.fancyButton.hover .textStyle1{ 1611 color: rgb(255, 255, 255); 1612 text-decoration: underline; 1613 1614} 1615</style> 1616 1617 </li><!-- 1618--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 1619 --><li class="widgetItem GraphicLinks"> 1620 1621<div> 1622 <a href="https://puylibrary.eprintitsaas.com/public/upload" target="_self" class="fancyButton fancyButton939 " > 1623 <span> 1624 <span><span class="text"><span style="font-size: 17.6px;">print from my device</span></span></span> 1625 </span> 1626 </a> 1627</div> 1628 <style scoped="scoped">.fancyButton939.fancyButton:link,.fancyButton939.fancyButton:visited, .fancyButton939div.fancyButton{ 1629 background-color: rgb(255, 255, 255);
1630 -webkit-border-top-left-radius: 10px; 1631 -moz-border-top-left-radius: 10px; 1632 -khtml-border-top-left-radius: 10px; 1633 border-top-left-radius: 10px; 1634 -webkit-border-top-right-radius: 10px; 1635 -moz-border-top-right-radius: 10px; 1636 -khtml-border-top-right-radius: 10px; 1637 border-top-right-radius: 10px; 1638 -webkit-border-bottom-left-radius: 10px; 1639 -moz-border-bottom-left-radius: 10px; 1640 -khtml-border-bottom-left-radius: 10px; 1641 border-bottom-left-radius: 10px; 1642 -webkit-border-bottom-right-radius: 10px; 1643 -moz-border-bottom-right-radius: 10px; 1644 -khtml-border-bottom-right-radius: 10px; 1645 border-bottom-right-radius: 10px; 1646 background-repeat: no-repeat; 1647 background-position: left top; 1648box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); 1649overflow: hidden; 1650position: relative; 1651} 1652 1653.fancyButton939::after { 1654content: ""; 1655position: absolute; 1656left: 98px; 1657top: 50%; 1658transform: translateY(-50%); 1659width: 4px; 1660height: 30px; 1661background: #FFCD00; 1662border-radius: 2px; 1663transition: all .3s ease-in-out;} 1664.fancyButton939.fancyButton:hover,.fancyButton939.fancyButton:focus,.fancyButton939.fancyButton:active,.fancyButton939.fancyButton.hover{ 1665 background-color: rgb(0, 98, 65); 1666 background-repeat: no-repeat; 1667 background-position: left top; 1668} 1669 1670.fancyButton939:is(:hover,:focus,:active)::after { 1671height: 70px;} 1672.fancyButton939.fancyButton:link > span,.fancyButton939.fancyButton:visited > span, .fancyButton939div.fancyButton > span{ 1673} 1674.fancyButton939.fancyButton:hover > span,.fancyButton939.fancyButton:focus > span,.fancyButton939.fancyButton:active > span,.fancyButton939.fancyButton.hover > span{ 1675} 1676.fancyButton939.fancyButton .text{ 1677 color: #006241; 1678 font-size: 1.1em; 1679 font-family: "Arial"; 1680 text-align: left; 1681 padding-right: 25px; 1682 padding-left: 125px; 1683 font-weight: 700; 1684 text-decoration: none; 1685 padding-right: 25px; 1686 padding-left: 125px; 1687 background-image: url('/ImageRepository/Document?documentID=24477'); 1688 background-repeat: no-repeat; 1689 background-position: left center; 1690height: 100px; 1691line-height: 1.2; 1692text-transform: uppercase;} 1693.fancyButton939.fancyButton:hover .text,.fancyButton939.fancyButton:focus .text,.fancyButton939.fancyButton:active .text,.fancyButton939.fancyButton.hover .text{ 1694 color: rgb(255, 255, 255); 1695 text-decoration: underline; 1696 background-image: url('/ImageRepository/Document?documentID=24471'); 1697 background-repeat: no-repeat; 1698 background-position: left top; 1699 1700 1701} 1702.fancyButton939.fancyButton .textStyle1{ 1703 color: rgb(0, 98, 65); 1704 font-size: .8em; 1705 font-style: normal; 1706 text-decoration: none; 1707 1708} 1709.fancyButton939.fancyButton:hover .textStyle1, .fancyButton939.fancyButton.hover .textStyle1{ 1710 color: rgb(255, 255, 255); 1711 text-decoration: underline; 1712 1713} 1714</style> 1715 1716 </li><!-- 1717--></ul></div><!-- --> 1718 </div> 1719 </nav> 1720 </div> 1721 <div class="widgetFooter"> 1722 </div> 1723</div> 1724</div> 1725 1726 </div> <!-- inner column --> 1727 1728 </div> <!-- inner row --> 1729 1730 </div><!-- outer column --><!-- --></div> <!-- outer row --> 1731 1732 1733 </div> 1734</div></div> 1735</div><!-- Home --><div data-cpRole="structuralContainer" id="homeContainer1TS"> 1736<div class="siteWrap2"><div data-cpRole="contentContainer" id="homeContent1TS"> <div id="cc7bb66eb6-9eee-413d-9627-fc5fecd9a9d8" data-containerid="7bb66eb6-9eee-413d-9627-fc5fecd9a9d8" class="pageContent cpGrid cpGrid24 showInMobile" data-contentcontainerbreakpoint="65"> 1737 1738 1739 1740 1741 </div> 1742</div></div> 1743</div><!-- Content container --><div data-cpRole="structuralContainer" id="mainContainerTS"> 1744<div class="siteWrap2"><div data-cpRole="structuralContainer" id="mainWrapTS" class="mainWrap" role="main"> 1745<div data-cpRole="structuralContainer" id="outerContentWrapTS" class="outerContentWrap"> 1746<div data-cpRole="structuralContainer" id="contentWrapTS" class="contentWrap"> 1747<div data-cpRole="breadCrumbs" id="breadCrumbs" class="breadCrumbContainer">
1747<script type='text/javascript'>$('#breadCrumbs').hide();</script>
1747</div><div data-cpRole="mainContentContainer" id="moduleContent"> 1748 1749 <div id="page" class="moduleContentNew"> 1750 1751 1752 <input id="hdnPageID" name="hdnPageID" type="hidden" value="2436" /> 1753 <input id="hdnParentID" name="hdnParentID" type="hidden" value="148" /> 1754 <input id="hdnVersionID" name="hdnVersionID" type="hidden" value="28868" /> 1755 <input id="pageMenuTitle" name="pageMenuTitle" type="hidden" value="Library" /> 1756 <input id="pageShowFeatureColumn" name="pageShowFeatureColumn" type="hidden" value="False" /> 1757 <input id="hdnIsLayoutPage" name="hdnIsLayoutPage" type="hidden" value="False" /> 1758 <input id="hdnPageStatus" name="hdnPageStatus" type="hidden" value="Published" /> 1759 1760 1761 <div id="cc1e1e688a-32fa-4c3c-878a-fb0960a4e4b2" data-containerid="1e1e688a-32fa-4c3c-878a-fb0960a4e4b2" class="pageContent cpGrid cpGrid24" data-contentcontainerbreakpoint="30" > 1762 1763 1764 1765 1766 </div> 1767 1768 </div> 1769 1770 1771 <div class="newCP"> 1772 1773 </div> 1774</div> 1775</div> 1776</div> 1777</div></div> 1778</div><!-- Home --><div data-cpRole="structuralContainer" id="bannerContainer2TS" class="noOverflowTS"> 1779<div data-cpRole="banner" id="banner2"><div data-cpRole="structuralContainer" id="homeContainer2TS"> 1780<div class="siteWrap2"><div data-cpRole="contentContainer" id="homeContent2TS"> <div id="cc8e37e668-6526-4012-a620-08a38f00eb53" data-containerid="8e37e668-6526-4012-a620-08a38f00eb53" class="pageContent cpGrid cpGrid24 showInMobile"> 1781 1782 1783 <div class="row outer wide"><!-- 1784--><div class="outer col col24 first last" style="" data-widgetcontainerid="f14b17c3-4526-4e25-8d9c-435691aac266">� 1785 <div class="row nest first last wide">� 1786 1787 <div class="inner col col24 first last idd2f77380-dacf-43cf-b8e0-0e9330c6bf80" style="" data-widgetcontainerid="d2f77380-dacf-43cf-b8e0-0e9330c6bf80">� 1788 <div data-widget-id="7358dbd6-c3b0-4a6c-ad4c-3942fdb2b0be" data-widget-controller-path="/InfoAdvanced/Widget"> 1789 1790 1791 1792 1793 1794 <section id="divInfoAdv7358dbd6-c3b0-4a6c-ad4c-3942fdb2b0be" class="widget widgetInfoAdvanced skin97 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced"> 1795 <header class="widgetHeader" id="header7358dbd6-c3b0-4a6c-ad4c-3942fdb2b0be"> 1796 <div class=""> 1797 </div> 1798 </header> 1799 <div class="widgetBody cpGrid cpGrid1 "> 1800 <div class="row wide"> 1801 <div class="col col1 first last"> 1802 <ol class="pageStyles semanticList"> 1803 1804<li class="InfoAdvanced widgetItem fr-view"> 1805 <h1 class="headline">Library Events & Programs</h1><p>Keep informed with the latest events</p> 1806</li> </ol> 1807 </div> 1808 </div> 1809 </div> 1810 <div class="widgetFooter"> 1811 1812 </div> 1813 1814 </section> 1815 1816 1817
1818<script type="text/javascript"> 1819 //Render slideshow if info advacned items contain one. 1820 $(document).ready(function (e) { 1821 $('#divInfoAdv7358dbd6-c3b0-4a6c-ad4c-3942fdb2b0be .InfoAdvanced.widgetItem').each(function () { 1822 renderSlideshowIfApplicable($(this)); 1823 }); 1824 }); 1825</script>
1825</div> 1826 </div> <!-- inner column --> 1827 1828 </div> <!-- inner row --> 1829 1830 </div><!-- outer column --><!-- --></div> <!-- outer row --> 1831 <div class="row outer wide"><!-- 1832--><div class="outer col col24 first last" style="" data-widgetcontainerid="0d117845-4ec0-4fd4-b402-6e6603424e76">� 1833 <div class="row nest first last wide">� 1834 1835 <div class="inner col col24 first last id10080ebf-781a-4154-a2ce-27bdfb035db2" style="" data-widgetcontainerid="10080ebf-781a-4154-a2ce-27bdfb035db2">� 1836<div data-widget-id="15322f92-7464-4b26-a294-03a01b345a49" data-widget-controller-path="/Calendar/Widget"> 1837
1837<script src="/Areas/Calendar/Assets/Scripts/Calendar.js"></script>
1837 1838 1839 1840 1841 1842 1843 1844 1845 1846 1847 1848 1849 1850 1851 1852 1853 1854 1855 1856 1857 1858 1859 1860 1861 1862 1863 1864 1865 1866 1867<div id="widgetCalendar15322f92-7464-4b26-a294-03a01b345a49" class="widget widgetCalendar skin103 widgetOptionSet53 narrow" data-modulewidgettype="calendar" data-elementqueryclasses='{"wide-narrow":"min-width:50em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn'> 1868 <div class="widgetBody cpGrid cpGrid2 mediaLeft"> 1869 <div class="calendarInnerWrapper"> 1870 1871 1872<div data-minicalendar="true" class="miniCalendar media" style="width: 45%; "> 1873<div id="miniCalendarAnnouncement15322f92-7464-4b26-a294-03a01b345a49" aria-live="polite" aria-atomic="true" class="visuallyhidden"></div> 1874<input type="hidden" name="monthToRender" data-year="2026" data-month="10" /> 1875<h3 class="miniCalendarHeader miniCalendarHeader--hasArrows" role="presentation"><button aria-label="Previous Month, current month October 2026, go to September 2026" class="cp-miniCalendar-arrow cp-miniCalendar-arrow--left cp-Btn--nonStyled"><svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconArrow--left"></use></svg></button><span class="cp-miniCalendar-title" id="miniCalendarHeader15322f92-7464-4b26-a294-03a01b345a49" role="heading" aria-level="3">October 2026</span><button aria-label="Next Month, current month October 2026, go to November 2026" class="cp-miniCalendar-arrow cp-miniCalendar-arrow--right cp-Btn--nonStyled"><svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconArrow--right"></use></svg></button></h3> 1876 <table role="grid" aria-labelledby="miniCalendarHeader15322f92-7464-4b26-a294-03a01b345a49" summary="This table represents a monthly calendar displaying days of the month in a grid format. Each row corresponds to a week, and each column corresponds to a day of the week, starting with Sunday. The table includes events marked on specific dates."> 1877 <thead> 1878 <tr> 1879<th scope="col"><abbr title=" 1880Sunday 1881"> 1882Sun 1883</abbr></th> 1884<th scope="col"><abbr title=" 1885Monday 1886"> 1887Mon 1888</abbr></th> 1889<th scope="col"><abbr title=" 1890Tuesday 1891"> 1892Tue 1893</abbr></th> 1894<th scope="col"><abbr title=" 1895Wednesday 1896"> 1897Wed 1898</abbr></th> 1899<th scope="col"><abbr title=" 1900Thursday 1901"> 1902Thu 1903</abbr></th> 1904<th scope="col"><abbr title=" 1905Friday 1906"> 1907Fri 1908</abbr></th> 1909<th scope="col"><abbr title=" 1910Saturday 1911"> 1912Sat 1913</abbr></th> 1914 1915 </tr> 1916 </thead> 1917 <tbody> 1918<tr><td class="not"><span><time datetime="2026-09-27">27</time></span></td> 1919 1920<td class="not"><span><time datetime="2026-09-28">28</time></span></td> 1921 1922<td class="not"><span><time datetime="2026-09-29">29</time></span></td> 1923 1924<td class="not"><span><time datetime="2026-09-30">30</time></span></td> 1925 1926<td><span><time datetime="2026-10-01"> 1</time></span></td> 1927 1928<td><span><time datetime="2026-10-02"> 2</time></span></td> 1929 1930<td><span><time datetime="2026-10-03"> 3</time></span></td> 1931 1932</tr> 1933<tr><td class="today"><span><time datetime="2026-10-04"> 4</time></span></td> 1934 1935<td><a tabindex="0" href='/m/calendar?searchTerms=&startDate=2026-10-05&endDate=2026-10-05&cat=49'><time datetime="2026-10-05"> 5</time></a></td> 1936 1937<td><a tabindex="0" href='/m/calendar?searchTerms=&startDate=2026-10-06&endDate=2026-10-06&cat=49'><time datetime="2026-10-06"> 6</time></a></td> 1938 1939<td><a tabindex="0" href='/m/calendar?searchTerms=&startDate=2026-10-07&endDate=2026-10-07&cat=49'><time datetime="2026-10-07"> 7</time></a></td> 1940 1941<td><a tabindex="0" href='/m/calendar?searchTerms=&startDate=2026-10-08&endDate=2026-10-08&cat=49'><time datetime="2026-10-08"> 8</time></a></td> 1942 1943<td><span><time datetime="2026-10-09"> 9</time></span></td> 1944 1945<td><a tabindex="0" href='/m/calendar?searchTerms=&startDate=2026-10-10&endDate=2026-10-10&cat=49'><time datetime="2026-10-10">10</time></a></td> 1946 1947</tr> 1948<tr><td><span><time datetime="2026-10-11">11</time></span></td> 1949 1950<td><span><time datetime="2026-10-12">12</time></span></td> 1951 1952<td><a tabindex="0" href='/m/calendar?searchTerms=&startDate=2026-10-13&endDate=2026-10-13&cat=49'><time datetime="2026-10-13">13</time></a></td> 1953 1954<td><a tabindex="0" href='/m/calendar?searchTerms=&startDate=2026-10-14&endDate=2026-10-14&cat=49'><time datetime="2026-10-14">14</time></a></td> 1955 1956<td><a tabindex="0" href='/m/calendar?searchTerms=&startDate=2026-10-15&endDate=2026-10-15&cat=49'><time datetime="2026-10-15">15</time></a></td> 1957 1958<td><span><time datetime="2026-10-16">16</time></span></td> 1959 1960<td><a tabindex="0" href='/m/calendar?searchTerms=&startDate=2026-10-17&endDate=2026-10-17&cat=49'><time datetime="2026-10-17">17</time></a></td> 1961 1962</tr> 1963<tr><td><span><time datetime="2026-10-18">18</time></span></td> 1964 1965<td><span><time datetime="2026-10-19">19</time></span></td> 1966 1967<td><a tabindex="0" href='/m/calendar?searchTerms=&startDate=2026-10-20&endDate=2026-10-20&cat=49'><time datetime="2026-10-20">20</time></a></td> 1968 1969<td><a tabindex="0" href='/m/calendar?searchTerms=&startDate=2026-10-21&endDate=2026-10-21&cat=49'><time datetime="2026-10-21">21</time></a></td> 1970 1971<td><a tabindex="0" href='/m/calendar?searchTerms=&startDate=2026-10-22&endDate=2026-10-22&cat=49'><time datetime="2026-10-22">22</time></a></td> 1972 1973<td><a tabindex="0" href='/m/calendar?searchTerms=&startDate=2026-10-23&endDate=2026-10-23&cat=49'><time datetime="2026-10-23">23</time></a></td> 1974 1975<td><a tabindex="0" href='/m/calendar?searchTerms=&startDate=2026-10-24&endDate=2026-10-24&cat=49'><time datetime="2026-10-24">24</time></a></td> 1976 1977</tr> 1978<tr><td><span><time datetime="2026-10-25">25</time></span></td> 1979 1980<td><a tabindex="0" href='/m/calendar?searchTerms=&startDate=2026-10-26&endDate=2026-10-26&cat=49'><time datetime="2026-10-26">26</time></a></td> 1981 1982<td><a tabindex="0" href='/m/calendar?searchTerms=&startDate=2026-10-27&endDate=2026-10-27&cat=49'><time datetime="2026-10-27">27</time></a></td> 1983 1984<td><a tabindex="0" href='/m/calendar?searchTerms=&startDate=2026-10-28&endDate=2026-10-28&cat=49'><time datetime="2026-10-28">28</time></a></td> 1985 1986<td><a tabindex="0" href='/m/calendar?searchTerms=&startDate=2026-10-29&endDate=2026-10-29&cat=49'><time datetime="2026-10-29">29</time></a></td> 1987 1988<td><a tabindex="0" href='/m/calendar?searchTerms=&startDate=2026-10-30&endDate=2026-10-30&cat=49'><time datetime="2026-10-30">30</time></a></td> 1989 1990<td><a tabindex="0" href='/m/calendar?searchTerms=&startDate=2026-10-31&endDate=2026-10-31&cat=49'><time datetime="2026-10-31">31</time></a></td> 1991 1992</tr> 1993 1994 </tbody> 1995 </table> 1996</div> 1997 1998 1999 2000
2000<script src="/Areas/Calendar/Assets/Script/miniCalendar.js"></script>
2000 2001
2001<script> 2002 $(function () { 2003 var miniCalendar = new MiniCalendar(); 2004 miniCalendar.init({ 2005 widgetId: "15322f92-7464-4b26-a294-03a01b345a49", 2006 preventNavigationOnArrows: false, 2007 displayDatesOutsideOfCurrentMonth: true 2008 }); 2009 }); 2010 </script>
2010 2011 2012 2013 2014 2015 2016 2017 2018 2019<div class="row text narrow" data-event-list-row="true" style="margin-left: 50%;"> 2020 2021
2022<script src="/Scripts/jquery.urlToLink.min.js"></script>
2022 2023<input type="hidden" value="["2026-10-05","2026-10-06","2026-10-07"]" name="day-list" /> 2024 2025 <div class="col col1 first "> 2026 <ol class="semanticList"> 2027 2028 2029 2030 2031 2032 2033 2034 2035 2036 2037 2038<li class="widgetItem " data-event-i-d="3070644" > 2039 2040 2041 <h4 class="widgetTitle">Mon, Oct. 5 </h4> 2042 <div style="" class="widgetDesc"> 2043 <strong><a href="#EventDetails" onclick="openCalendarIcalEventDetailsModal('10/5/2026 10:30:00 AM','10/5/2026 4:30:00 PM','Meeting Room','Bloodworks Northwest is hosting an all-day blood drive (10:30am-4:30pm) that is open to the public. Schedule a donation appointment using the link below or email [email protected] or call 800-398-7888. https://www.bloodworksnw.org/wp-content/uploads/2023/08/redirectgroup.html?s=899C'); return false;" id="icalEvent">Public Blood Donation Drive</a></strong> 2044 2045 </div> 2046 </li> 2047 2048 2049 2050 2051 2052 2053 2054 2055 2056 2057 2058<li class="widgetItem " data-event-i-d="3070645" > 2059 2060 2061 <h4 class="widgetTitle">Tue, Oct. 6 </h4> 2062 <div style="" class="widgetDesc"> 2063 <strong><a href="#EventDetails" onclick="openCalendarIcalEventDetailsModal('10/6/2026 10:00:00 AM','10/6/2026 11:30:00 AM','Meeting Room','Play to Learn is a free program for children and adults to play together! This program is provided by Green Trike in partnership with the library. All registrations and information can be found online: https://greentrike.org/play-to-learn'); return false;" id="icalEvent">Play to Learn</a></strong> 2064 2065 </div> 2066 </li> 2067 2068 2069 2070 2071 2072 2073 2074 2075 2076 2077 2078<li class="widgetItem " data-event-i-d="3070646" > 2079 2080 2081 <h4 class="widgetTitle">Tue, Oct. 6 </h4> 2082 <div style="" class="widgetDesc"> 2083 <strong><a href="#EventDetails" onclick="openCalendarIcalEventDetailsModal('10/6/2026 1:00:00 PM','10/6/2026 2:30:00 PM','Meeting Room','Play to Learn is a free program for children and adults to play together! This program is provided by Green Trike in partnership with the library. All registrations and information can be found online: https://greentrike.org/play-to-learn'); return false;" id="icalEvent">Play to Learn</a></strong> 2084 2085 </div> 2086 </li> 2087 </ol> 2088 </div> 2089 <div class="col col1 last"> 2090 <ol class="semanticList"> 2091 2092 2093 2094 2095 2096 2097 2098 2099 2100 2101 2102<li class="widgetItem " data-event-i-d="3070647" > 2103 2104 2105 <h4 class="widgetTitle">Tue, Oct. 6 </h4> 2106 <div style="" class="widgetDesc"> 2107 <strong><a href="#EventDetails" onclick="openCalendarIcalEventDetailsModal('10/6/2026 5:00:00 PM','10/6/2026 6:00:00 PM','Meeting Room','An Interactive Educational Magic Experience! Step into a world where learning feels like magic. Embark on an interactive journey through the history, psychology, and secrets of magic, discovering how illusion, storytelling, and perception shape what we believe. Then the real transformation begins. Students donât just watch⦠They become magicians! Especially for Grades K-6.'); return false;" id="icalEvent">Taylor Kyle's School of Magic Adventure</a></strong> 2108 2109 </div> 2110 </li> 2111 2112 2113 2114 2115 2116 2117 2118 2119 2120 2121 2122<li class="widgetItem " data-event-i-d="3070648" > 2123 2124 2125 <h4 class="widgetTitle">Wed, Oct. 7 </h4> 2126 <div style="" class="widgetDesc"> 2127 <strong><a href="#EventDetails" onclick="openCalendarIcalEventDetailsModal('10/7/2026 1:00:00 PM','10/7/2026 2:00:00 PM','','Grab your current audiobook, earbuds, and walking shoes, and join us at the Puyallup Public Library for our audiobook walking club.Participants can listen while they walk or talk with others as they walk about their current audiobook. At the end of the walk, everyone will regroup at the library to do a light stretch and chat about their current reads with the group. This is a drop-in event. There is no need to register, but please arrive early or call the library so the group knows you will be a few minutes late. This program is for ages 18'); return false;" id="icalEvent">Audiobook Walking Club</a></strong> 2128 2129 </div> 2130 </li> 2131 2132 2133 2134 2135 2136 2137 2138 2139 2140 2141 2142<li class="widgetItem " data-event-i-d="3070649" > 2143 2144 2145 <h4 class="widgetTitle">Wed, Oct. 7 </h4> 2146 <div style="" class="widgetDesc"> 2147 <strong><a href="#EventDetails" onclick="openCalendarIcalEventDetailsModal('10/7/2026 4:00:00 PM','10/7/2026 6:00:00 PM','','Drop in to explore the Puyallup Community History Room. Upstairs on the second floor of the Library.'); return false;" id="icalEvent">Puyallup History Room Drop In Hours</a></strong> 2148 2149 </div> 2150 </li> 2151 </ol> 2152 </div> 2153 2154</div> 2155 </div> 2156 <a id="calendarViewAll15322f92-7464-4b26-a294-03a01b345a49" class="widgetViewAll" style="" href="/1751/Library-News-and-Events ">View All Events</a> 2157 </div> 2158 <div class="widgetFooter"> 2159 2160 </div> 2161 <div class="addItemModal hidden"> 2162 <div class="url hidden">/Calendar.aspx</div> 2163 </div> 2164</div> 2165</div> 2166 2167 </div> <!-- inner column --> 2168 2169 </div> <!-- inner row --> 2170 2171 </div><!-- outer column --><!-- --></div> <!-- outer row --> 2172 <div class="row outer wide"><!-- 2173--><div class="outer col col3 first" style="" data-widgetcontainerid="8474271b-b139-4001-afff-968aa290de8b">� 2174 <div class="row nest first last wide">� 2175 2176 <div class="inner col col3 first last ide2fdec61-53a1-42b9-8b1e-97f8e3d9a292" style="" data-widgetcontainerid="e2fdec61-53a1-42b9-8b1e-97f8e3d9a292">� 2177 2178<div class="widget widgetSpacer" id="d67278a2-cb01-4eea-a811-e17a5262d686"></div> 2179 </div> <!-- inner column --> 2180 2181 </div> <!-- inner row --> 2182 2183 </div><!-- outer column --><!----><div class="outer col col10" style="" data-widgetcontainerid="f12b14bd-a7ea-4381-9a36-cf64771c074a">� 2184 <div class="row nest first last wide">� 2185 2186 <div class="inner col col10 first last idc19b8bec-04f9-43f5-bb8f-1f18026152e7" style="" data-widgetcontainerid="c19b8bec-04f9-43f5-bb8f-1f18026152e7">� 2187 2188 <div data-widget-id='c2a4941e-fc6a-4acf-9b5b-6e16ce5742d5' data-moduleName="customHtml" id='widgetCustomHtmlc2a4941e-fc6a-4acf-9b5b-6e16ce5742d5' class="widget widgetCustomHtml skin105 narrow" > 2189 <div class="widgetBody pageStyles" id="widgetBodyc2a4941e-fc6a-4acf-9b5b-6e16ce5742d5"> 2190 <div id="customHtmlc2a4941e-fc6a-4acf-9b5b-6e16ce5742d5"><div><!-- Facebook adjust --> 2191<div class="facebook-container"> 2192 <iframe src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2FPuyallupLibrary%2F&tabs=timeline&width=500&height=500&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=true&appId" width="500" height="500" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowfullscreen="true" allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share"></iframe> 2193</div> 2194 2195<style> 2196 .facebook-container { 2197 text-align: center; 2198 margin:0 auto; 2199 2200 } 2201 2202</style> 2203
2204<script> 2205 // If you do not want to maintain aspect ratio: set to zero 2206 const aspectRatio = 1.4; 2207 const selector = ".facebook-container"; 2208 const minWidth = 220; 2209 const maxWidth = 500; // Facebook widget will not expand past 500 2210 const minHeight = 500; 2211 const maxHeight = 500; 2212 const widthRegexp = /(width=)([0-9]+)/; 2213 const heightRegexp = /(height=)([0-9]+)/; 2214 2215 let width = 0; 2216 let height = 0; 2217 2218 function clamp(num, min, max) { 2219 return Math.min(Math.max(num, min), max); 2220 } 2221 2222 function adjust() { 2223 const container = $(selector); 2224 const frame = $(selector + " > iframe"); 2225 if (frame === undefined || frame.length === 0) { 2226 console.warn("No facebook widget found..."); 2227 } else { 2228 const rawSrc = frame.attr("src"); 2229 const containerWidth = container.width(); 2230 if (containerWidth === 0) { 2231 const parents = container.parents(); 2232 for (let i = 0; i < parents.length; i++) { 2233 const parent = $(parents[i]); 2234 if (parent.css("display") === "none") { 2235 let mobileTab = parent.siblings(); 2236 mobileTab = mobileTab[mobileTab.length - 1]; 2237 if (!mobileTab) return; 2238 // Get .cpTabPanels 2239 let desktopTab = parent.parent(); 2240 // Get .cpTabs 2241 desktopTab = desktopTab.siblings(); 2242 desktopTab = desktopTab[desktopTab.length - 1]; 2243 // Get the matching tab (from the mobile tab text) 2244 desktopTab = $(desktopTab).children(); 2245 desktopTab = desktopTab.filter((j, elem) => $(elem).text().trim() === $(mobileTab).text().trim())[0]; 2246 if (!desktopTab) return; 2247 2248 const desktopHandler = () => { adjust(); desktopTab.removeEventListener("click", desktopHandler); } 2249 const mobileHandler = () => { adjust(); mobileTab.removeEventListener("click", mobileHandler); } 2250 2251 desktopTab.addEventListener("click", desktopHandler); 2252 mobileTab.addEventListener("click", mobileHandler); 2253 break; 2254 } 2255 } 2256 return; 2257 } 2258 2259 width = clamp(containerWidth, minWidth, maxWidth); 2260 height = clamp(Math.floor(width * aspectRatio), minHeight, maxHeight); 2261 2262 // Replace src and style on iframe 2263 try { 2264 const oldWidth = rawSrc.match(widthRegexp); 2265 const oldHeight = rawSrc.match(heightRegexp); 2266 2267 if (width === parseInt(oldWidth[2]) && height === parseInt(oldHeight[2])) { 2268 return; 2269 } 2270 2271 const newSrc = rawSrc 2272 .replace(widthRegexp, "width=" + parseInt(width)) 2273 .replace(heightRegexp, "height=" + parseInt(height)); 2274 2275 // Set attributes on frame 2276 frame.attr("src", newSrc); 2277 frame.css("width", width); 2278 frame.css("height", height); 2279 } catch (e) { 2280 console.warn("Failed replacing width & height"); 2281 console.warn(e); 2282 } 2283 } 2284 } 2285 2286 let adjustTimeoutFn; 2287 $(window).load(function () { 2288 adjust(); 2289 2290 $(window).resize(function () { 2291 clearTimeout(adjustTimeoutFn); 2292 adjustTimeoutFn = setTimeout(function () { 2293 adjust(); 2294 }, 250); 2295 }); 2296 2297 $.when(window.Pages.angularToolbarComplete).done(function () { 2298 adjust(); 2299 }); 2300 }); 2301</script>
2301 2302 2303<!-- End Facebook adjust --> 2304</div></div> 2305 </div> 2306 2307 </div> 2308 2309 </div> <!-- inner column --> 2310 2311 </div> <!-- inner row --> 2312 2313 </div><!-- outer column --><!----><div class="outer col col3" style="" data-widgetcontainerid="bd4e27d6-00e5-4aa9-ac2f-7f5e05a978e6">� 2314 <div class="row nest first last wide">� 2315 2316 <div class="inner col col3 first last id6d5c6798-a6fe-4645-baa7-b13f8b5d9177" style="" data-widgetcontainerid="6d5c6798-a6fe-4645-baa7-b13f8b5d9177">� 2317 2318<div class="widget widgetSpacer" id="69cb0802-24cd-4255-b4a9-5dfdee65d1e1"></div> 2319 </div> <!-- inner column --> 2320 2321 </div> <!-- inner row --> 2322 2323 </div><!-- outer column --><!----><div class="outer col col8 last" style="" data-widgetcontainerid="22875464-875a-4d10-82d9-e2b7ffa7c4f1">� 2324 <div class="row nest first last wide">� 2325 2326 <div class="inner col col8 first last id3f56b94e-02db-4351-9507-27bce04bf3c3" style="" data-widgetcontainerid="3f56b94e-02db-4351-9507-27bce04bf3c3">� 2327 2328 <div data-widget-id='a657f66b-9753-4937-a3c5-b85b41ad907b' data-moduleName="customHtml" id='widgetCustomHtmla657f66b-9753-4937-a3c5-b85b41ad907b' class="widget widgetCustomHtml skin105 narrow" > 2329 <div class="widgetBody pageStyles" id="widgetBodya657f66b-9753-4937-a3c5-b85b41ad907b"> 2330 <div id="customHtmla657f66b-9753-4937-a3c5-b85b41ad907b"><div><div> 2331<blockquote class="instagram-media" data-instgrm-permalink="https://www.instagram.com/puyalluplibrary/?utm_source=ig_embed&utm_campaign=loading" data-instgrm-version="14" style=" background:#FFF; border:0; border-radius:3px; box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin: 1px; max-width:540px; min-width:326px; padding:0; width:99.375%; width:-webkit-calc(100% - 2px); width:calc(100% - 2px);"><div style="padding:16px;"> <a href="https://www.instagram.com/puyalluplibrary/?utm_source=ig_embed&utm_campaign=loading" style=" background:#FFFFFF; line-height:0; padding:0 0; text-align:center; text-decoration:none; width:100%;" target="_blank"> <div style=" display: flex; flex-direction: row; align-items: center;"> <div style="background-color: #F4F4F4; border-radius: 50%; flex-grow: 0; height: 40px; margin-right: 14px; width: 40px;"></div> <div style="display: flex; flex-direction: column; flex-grow: 1; justify-content: center;"> <div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; margin-bottom: 6px; width: 100px;"></div> <div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; width: 60px;"></div></div></div><div style="padding: 19% 0;"></div> <div style="display:block; height:50px; margin:0 auto 12px; width:50px;"><svg width="50px" height="50px" viewbox="0 0 60 60" version="1.1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(-511.000000, -20.000000)" fill="#000000"><g><path d="M556.869,30.41 C554.814,30.41 553.148,32.076 553.148,34.131 C553.148,36.186 554.814,37.852 556.869,37.852 C558.924,37.852 560.59,36.186 560.59,34.131 C560.59,32.076 558.924,30.41 556.869,30.41 M541,60.657 C535.114,60.657 530.342,55.887 530.342,50 C530.342,44.114 535.114,39.342 541,39.342 C546.887,39.342 551.658,44.114 551.658,50 C551.658,55.887 546.887,60.657 541,60.657 M541,33.886 C532.1,33.886 524.886,41.1 524.886,50 C524.886,58.899 532.1,66.113 541,66.113 C549.9,66.113 557.115,58.899 557.115,50 C557.115,41.1 549.9,33.886 541,33.886 M565.378,62.101 C565.244,65.022 564.756,66.606 564.346,67.663 C563.803,69.06 563.154,70.057 562.106,71.106 C561.058,72.155 560.06,72.803 558.662,73.347 C557.607,73.757 556.021,74.244 553.102,74.378 C549.944,74.521 548.997,74.552 541,74.552 C533.003,74.552 532.056,74.521 528.898,74.378 C525.979,74.244 524.393,73.757 523.338,73.347 C521.94,72.803 520.942,72.155 519.894,71.106 C518.846,70.057 518.197,69.06 517.654,67.663 C517.244,66.606 516.755,65.022 516.623,62.101 C516.479,58.943 516.448,57.996 516.448,50 C516.448,42.003 516.479,41.056 516.623,37.899 C516.755,34.978 517.244,33.391 517.654,32.338 C518.197,30.938 518.846,29.942 519.894,28.894 C520.942,27.846 521.94,27.196 523.338,26.654 C524.393,26.244 525.979,25.756 528.898,25.623 C532.057,25.479 533.004,25.448 541,25.448 C548.997,25.448 549.943,25.479 553.102,25.623 C556.021,25.756 557.607,26.244 558.662,26.654 C560.06,27.196 561.058,27.846 562.106,28.894 C563.154,29.942 563.803,30.938 564.346,32.338 C564.756,33.391 565.244,34.978 565.378,37.899 C565.522,41.056 565.552,42.003 565.552,50 C565.552,57.996 565.522,58.943 565.378,62.101 M570.82,37.631 C570.674,34.438 570.167,32.258 569.425,30.349 C568.659,28.377 567.633,26.702 565.965,25.035 C564.297,23.368 562.623,22.342 560.652,21.575 C558.743,20.834 556.562,20.326 553.369,20.18 C550.169,20.033 549.148,20 541,20 C532.853,20 531.831,20.033 528.631,20.18 C525.438,20.326 523.257,20.834 521.349,21.575 C519.376,22.342 517.703,23.368 516.035,25.035 C514.368,26.702 513.342,28.377 512.574,30.349 C511.834,32.258 511.326,34.438 511.181,37.631 C511.035,40.831 511,41.851 511,50 C511,58.147 511.035,59.17 511.181,62.369 C511.326,65.562 511.834,67.743 512.574,69.651 C513.342,71.625 514.368,73.296 516.035,74.965 C517.703,76.634 519.376,77.658 521.349,78.425 C523.257,79.167 525.438,79.673 528.631,79.82 C531.831,79.965 532.853,80.001 541,80.001 C549.148,80.001 5
233150.169,79.965 553.369,79.82 C556.562,79.673 558.743,79.167 560.652,78.425 C562.623,77.658 564.297,76.634 565.965,74.965 C567.633,73.296 568.659,71.625 569.425,69.651 C570.167,67.743 570.674,65.562 570.82,62.369 C570.966,59.17 571,58.147 571,50 C571,41.851 570.966,40.831 570.82,37.631"></path></g></g></g></svg></div><div style="padding-top: 8px;"> <div style=" color:#3897f0; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:550; line-height:18px;">View this profile on Instagram</div></div><div style="padding: 12.5% 0;"></div> <div style="display: flex; flex-direction: row; margin-bottom: 14px; align-items: center;"><div> <div style="background-color: #F4F4F4; border-radius: 50%; height: 12.5px; width: 12.5px; transform: translateX(0px) translateY(7px);"></div> <div style="background-color: #F4F4F4; height: 12.5px; transform: rotate(-45deg) translateX(3px) translateY(1px); width: 12.5px; flex-grow: 0; margin-right: 14px; margin-left: 2px;"></div> <div style="background-color: #F4F4F4; border-radius: 50%; height: 12.5px; width: 12.5px; transform: translateX(9px) translateY(-18px);"></div></div><div style="margin-left: 8px;"> <div style=" background-color: #F4F4F4; border-radius: 50%; flex-grow: 0; height: 20px; width: 20px;"></div> <div style=" width: 0; height: 0; border-top: 2px solid transparent; border-left: 6px solid #f4f4f4; border-bottom: 2px solid transparent; transform: translateX(16px) translateY(-4px) rotate(30deg)"></div></div><div style="margin-left: auto;"> <div style=" width: 0px; border-top: 8px solid #F4F4F4; border-right: 8px solid transparent; transform: translateY(16px);"></div> <div style=" background-color: #F4F4F4; flex-grow: 0; height: 12px; width: 16px; transform: translateY(-4px);"></div> <div style=" width: 0; height: 0; border-top: 8px solid #F4F4F4; border-left: 8px solid transparent; transform: translateY(-4px) translateX(8px);"></div></div></div> <div style="display: flex; flex-direction: column; flex-grow: 1; justify-content: center; margin-bottom: 24px;"> <div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; margin-bottom: 6px; width: 224px;"></div> <div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; width: 144px;"></div></div></a><p style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; line-height:17px; margin-bottom:0; margin-top:8px; overflow:hidden; padding:8px 0 7px; text-align:center; text-overflow:ellipsis; white-space:nowrap;"><a href="https://www.instagram.com/puyalluplibrary/?utm_source=ig_embed&utm_campaign=loading" style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:normal; line-height:17px;" target="_blank">Puyallup Public Library</a> (@<a href="https://www.instagram.com/puyalluplibrary/?utm_source=ig_embed&utm_campaign=loading" style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:normal; line-height:17px;" target="_blank">puyalluplibrary</a>) ⢠Instagram photos and videos</p></div></blockquote>
2332<script async="" src="//www.instagram.com/embed.js"></script>
2332 2333</div></div></div> 2334 </div> 2335 2336 </div> 2337 2338 </div> <!-- inner column --> 2339 2340 </div> <!-- inner row --> 2341 2342 </div><!-- outer column --><!-- --></div> <!-- outer row --> 2343 2344 2345 </div> 2346</div></div> 2347</div> 2348 2349 2350 2351 2352 <div id="bannerImagesJSON104" class="hidden"></div> 2353 <div id="bannerSlideshowControls_banner2" class="bannerSlideshowControlsNew none " style="display:none"> 2354 <a id="arrowPrev_banner2" tabindex="0" class="arrowNew prev" aria-label="Banner Arrow Previous"><svg style=" " class=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconSlideshowArrowLeft"></use></svg></a> 2355 <a id="arrowNext_banner2" tabindex="0" class="arrowNew next" aria-label="Banner Arrow Next"><svg style=" " class=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconSlideshowArrowRight"></use></svg></a> 2356 </div> 2357
2357<script type="text/javascript"> 2358 $(window).on("load", function () { 2359 $.when(window.Pages.rwdSetupComplete) 2360 .done(function () { 2361 renderExternalBannerSlideshow('banner2', 2362 {"BannerOptionID":104,"ThemeID":40,"SlotName":"banner2","Name":"Default","IsDefault":true,"BannerMode":2,"SlideShowSlideTiming":"5","SlideshowTransition":0,"SlideShowTransitionTiming":"1","ImageScale":true,"ImageAlignment":1,"ImageScroll":true,"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":187,"BannerOptionID":104,"FileName":"/ImageRepository/Document?documentID=24460","Height":900,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":1,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""}],"BannerVideos":[],"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/"}, 2363 '/App_Themes/Home/Images/', 2364 'Rotating'); 2365 }); 2366 }); 2367 </script>
2367 2368 2369</div> 2370</div><div data-cpRole="structuralContainer" id="homeContainerWrap3TS"> 2371<!-- Home --><div data-cpRole="structuralContainer" id="homeContainer3TS"> 2372<div class="siteWrap2"><div data-cpRole="contentContainer" id="homeContent3TS"> <div id="cc810597d4-0fbc-4820-969e-eead67f98086" data-containerid="810597d4-0fbc-4820-969e-eead67f98086" class="pageContent cpGrid cpGrid24 showInMobile"> 2373 2374 2375 <div class="row outer wide"><!-- 2376--><div class="outer col col24 first last" style="" data-widgetcontainerid="43eedf9d-6f7c-4118-ab36-87f7f25999f0">� 2377 <div class="row nest first last wide">� 2378 2379 <div class="inner col col24 first last id52c2ef44-7689-41d1-bfe9-104efeb37d09" style="" data-widgetcontainerid="52c2ef44-7689-41d1-bfe9-104efeb37d09">� 2380 <div data-widget-id="35b9aa91-14e7-4219-b40d-c698a9aef9b3" data-widget-controller-path="/InfoAdvanced/Widget"> 2381 2382 2383 2384 2385 2386 <section id="divInfoAdv35b9aa91-14e7-4219-b40d-c698a9aef9b3" class="widget widgetInfoAdvanced skin100 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced"> 2387 <header class="widgetHeader" id="header35b9aa91-14e7-4219-b40d-c698a9aef9b3"> 2388 <div class=""> 2389 </div> 2390 </header> 2391 <div class="widgetBody cpGrid cpGrid1 "> 2392 <div class="row wide"> 2393 <div class="col col1 first last"> 2394 <ol class="pageStyles semanticList"> 2395 2396<li class="InfoAdvanced widgetItem fr-view"> 2397 <h1 class="headline">ONLINE RESOURCES</h1> 2398</li> </ol> 2399 </div> 2400 </div> 2401 </div> 2402 <div class="widgetFooter"> 2403 2404 </div> 2405 2406 </section> 2407 2408 2409
2410<script type="text/javascript"> 2411 //Render slideshow if info advacned items contain one. 2412 $(document).ready(function (e) { 2413 $('#divInfoAdv35b9aa91-14e7-4219-b40d-c698a9aef9b3 .InfoAdvanced.widgetItem').each(function () { 2414 renderSlideshowIfApplicable($(this)); 2415 }); 2416 }); 2417</script>
2417</div> 2418 </div> <!-- inner column --> 2419 2420 </div> <!-- inner row --> 2421 2422 </div><!-- outer column --><!-- --></div> <!-- outer row --> 2423 <div class="row outer wide"><!-- 2424--><div class="outer col col24 first last" style="" data-widgetcontainerid="4d81d585-cc0b-44fc-a640-4a0933742710">� 2425 <div class="row nest first last wide">� 2426 2427 <div class="inner col col24 first last ida7856b28-ab0b-49dc-b9e5-48762a05c4ad" style="" data-widgetcontainerid="a7856b28-ab0b-49dc-b9e5-48762a05c4ad">� 2428<div data-widget-id="37d1fde8-0d71-493e-86ff-5838426361e0" data-widget-controller-path="/NewsFlash/Widget"> 2429
2429<script defer src="/Areas/NewsFlash/Assets/Scripts/Carousel.jquery.js" type="text/javascript"></script>
2429 2430
2430<script defer src="/Areas/NewsFlash/Assets/Scripts/Easing.1.3.jquery.js" type="text/javascript"></script>
2430 2431 2432 2433 2434 2435 2436 2437 2438 2439 2440 2441 2442 2443 2444 2445 2446 <section class="widget widgetNewsFlash skin104 widgetOptionSet54 wide" data-modulewidgettype="newsFlash" id="widgetNewsFlash37d1fde8-0d71-493e-86ff-5838426361e0" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="News Flash"> 2447 <div class="widgetBody cpGrid cpGrid1 "> 2448 2449 2450 2451 2452<div class="cpCarousel cpCarousel37d1fde8-0d71-493e-86ff-5838426361e0"> 2453 <div class="cpWindow cpWindow37d1fde8-0d71-493e-86ff-5838426361e0"> 2454 <ol class="semanticList cpSlider"> 2455 <li class="widgetItem" data-index="0"> 2456 <a href="/CivicAlerts.aspx?AID=1746" target="_self"><img class="media" src="/ImageRepository/Document?documentID=24489" alt="Libby" data-delayed-image="" /></a> 2457 <div class="text"> 2458 <h2 id="newsFlashItemHeader1746" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=1746" target="_self">Libby </a> 2459</h2> <div class="widgetDesc"> 2460Libby provides access to thousands of e-books, audiobooks, magazines, and streaming content. Get the app to access materials from anywhere. <a id="newsFlashReadOn1746" href="/CivicAlerts.aspx?AID=1746" target="_self" class="readOn" aria-label="Additional Info...: Libby">Additional Info...</a> 2461 </div> 2462 2463 </div> 2464 </li> 2465 <li class="widgetItem" data-index="1"> 2466 <a href="/CivicAlerts.aspx?AID=1745" target="_self"><img class="media" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=24491" alt="Comics Plus" data-delayed-image="" /></a> 2467 <div class="text"> 2468 <h2 id="newsFlashItemHeader1745" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=1745" target="_self">ComicsPlus </a> 2469</h2> <div class="widgetDesc"> 2470Your access to thousands of digital comics, graphic novels, and manga from 100+ library-friendly publishers. The collection includes popular and award-winning titles for every age range and interest. The app is available. <a id="newsFlashReadOn1745" href="/CivicAlerts.aspx?AID=1745" target="_self" class="readOn" aria-label="Additional Info...: ComicsPlus">Additional Info...</a> 2471 </div> 2472 2473 </div> 2474 </li> 2475 <li class="widgetItem" data-index="2"> 2476 <a href="/CivicAlerts.aspx?AID=1744" target="_self"><img class="media" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=24490" alt="Mango" data-delayed-image="" /></a> 2477 <div class="text"> 2478 <h2 id="newsFlashItemHeader1744" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=1744" target="_self">Mango Languages </a> 2479</h2> <div class="widgetDesc"> 2480A PhD-created language-learning software with a sense of humor that features over 70 languages, including American Sign Language (ASL). The App is available. <a id="newsFlashReadOn1744" href="/CivicAlerts.aspx?AID=1744" target="_self" class="readOn" aria-label="Additional Info...: Mango Languages">Additional Info...</a> 2481 </div> 2482 2483 </div> 2484 </li> 2485 <li class="widgetItem" data-index="3"> 2486 <a href="/CivicAlerts.aspx?AID=1789" target="_self"><img class="media" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=25038" alt="Screenshot 2025-12-11 145420" data-delayed-image="" /></a> 2487 <div class="text"> 2488 <h2 id="newsFlashItemHeader1789" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=1789" target="_self">Seattle Times </a> 2489</h2> <div class="widgetDesc"> 2490Explore Puyallup history through local news, events, and people with the Seattle Times Collection. Search current and archived issues with full-color newspaper pages, full-text articles, and content only published online. <a id="newsFlashReadOn1789" href="/CivicAlerts.aspx?AID=1789" target="_self" class="readOn" aria-label="Additional Info...: Seattle Times">Additional Info...</a> 2491 </div> 2492 2493 </div> 2494 </li> 2495 <li class="widgetItem" data-index="4"> 2496 <a href="/CivicAlerts.aspx?AID=1787" target="_blank"><img class="media" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=25037" alt="Screenshot 2025-12-11 144931" data-delayed-image="" /></a> 2497 <div class="text"> 2498 <h2 id="newsFlashItemHeader1787" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=1787" target="_blank">ProQuest </a> 2499</h2> <div class="widgetDesc"> 2500Search from a highly respected, diversified mix of scholarly journals, professional and trade publications, and magazines covering over 150 subjects and topics. <a id="newsFlashReadOn1787" href="/CivicAlerts.aspx?AID=1787" target="_blank" class="readOn" aria-label="Additional Info...: ProQuest">Additional Info...</a> 2501 </div> 2502 2503 </div> 2504 </li> 2505 <li class="widgetItem" data-index="5"> 2506 <a href="/CivicAlerts.aspx?AID=1743" target="_self"><img class="media" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=24488" alt="Ancestry.com " data-delayed-image="" /></a> 2507 <div class="text"> 2508 <h2 id="newsFlashItemHeader1743" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=1743" target="_self">Ancestry Library </a> 2509</h2> <div class="widgetDesc"> 2510This database contains birth, death, marriage, and other public re
2510cord information. You must use this resource at the library. You can use it on your own device while on library Wi-Fi. <a id="newsFlashReadOn1743" href="/CivicAlerts.aspx?AID=1743" target="_self" class="readOn" aria-label="Additional Info...: Ancestry Library">Additional Info...</a> 2511 </div> 2512 2513 </div> 2514 </li> 2515 2516 </ol> 2517 </div> 2518</div>
2519<script type="text/javascript"> 2520 // <!-- 2521 window.$ = window.$ || window.parent.$; 2522 2523 $(window).on('load', function () { 2524 //Wait for the DOM to load completely before executing carousel logic since its all based on carousel width which wont come out correct until the DOM has loaded. Vishal 2525 if(!window.carouselsToInit){ 2526 window.carouselsToInit = new Array(); 2527 } 2528 var widgetNewsFlash37d1fde80d71493e86ff5838426361e0 = function() 2529 { 2530 var widgetWindow = $('#widgetNewsFlash37d1fde8-0d71-493e-86ff-5838426361e0').find('.cpWindow')[0]; 2531 if(widgetWindow){ 2532 if(widgetWindow.clientWidth != 0){ 2533 window.setTimeout(function(){ 2534 $('#widgetNewsFlash37d1fde8-0d71-493e-86ff-5838426361e0').adaptiveCarousel({ 2535 minSlideWidth: 200, 2536 maxSlideWidth: 340, 2537 gutterWidth: 40, 2538 circular: true, 2539 teaser: false, 2540 transitionTiming: 500, 2541 noImageRequired: false 2542 }); 2543 }, 250); 2544 var index = window.carouselsToInit.indexOf(widgetNewsFlash37d1fde80d71493e86ff5838426361e0); 2545 if (index > -1) { 2546 window.carouselsToInit.splice(index, 1); 2547 } 2548 } 2549 } 2550 } 2551 var indexCarouselsToInit = window.carouselsToInit.indexOf(widgetNewsFlash37d1fde80d71493e86ff5838426361e0); 2552 if (indexCarouselsToInit === -1) { 2553 window.carouselsToInit.push(widgetNewsFlash37d1fde80d71493e86ff5838426361e0); 2554 } 2555 2556 if (window.carouselsToInit) { 2557 window.carouselsToInit.forEach(function (carouselToInit) { carouselToInit(); }); 2558 } 2559 2560 if (window.Pages.onResizeHandlers){ 2561 window.Pages.onResizeHandlers.forEach(function(car){car();}); 2562 } 2563 }); 2564 2565 if (Modernizr.touch) { 2566 var $pages = typeof window.Pages == 'undefined' ? window.parent.Pages : window.Pages; 2567 $.when($pages.rwdReady).done(function () { 2568 //only for responsive sites 2569 if (typeof($$) !== 'undefined') { 2570 $$('#widgetNewsFlash37d1fde8-0d71-493e-86ff-5838426361e0').on('swipeRight', function (e, a) { 2571 $(this).adaptiveCarousel("moveBack"); 2572 }); 2573 $$('#widgetNewsFlash37d1fde8-0d71-493e-86ff-5838426361e0').on('swipeLeft', function (e) { 2574 $(this).adaptiveCarousel("moveForward"); 2575 }); 2576 } 2577 }); 2578 } 2579 // --> 2580</script>
2580 2581 2582 <a id="newsFlashViewAll37d1fde8-0d71-493e-86ff-5838426361e0" class="widgetViewAll" style="" href="/CivicAlerts.aspx?CID=36">View More Online Resources</a> 2583 </div> 2584 <div class="widgetFooter"> 2585 </div> 2586 <div class="addItemModal hidden"> 2587 <div class="url hidden">/CivicAlerts.aspx</div> 2588 </div> 2589 2590 </section> 2591 2592 2593 2594 2595 2596 2597 2598 2599</div> 2600 </div> <!-- inner column --> 2601 2602 </div> <!-- inner row --> 2603 2604 </div><!-- outer column --><!-- --></div> <!-- outer row --> 2605 2606 2607 </div> 2608</div></div> 2609</div><!-- Footer --><footer data-cpRole="structuralContainer" id="footerContainerTS"> 2610<div class="siteWrap2"><div data-cpRole="contentContainer" id="footerTS"> <div id="cc8e4538ad-286b-4cca-a99d-d5a8537ebd28" data-containerid="8e4538ad-286b-4cca-a99d-d5a8537ebd28" class="pageContent cpGrid cpGrid24 showInMobile" data-contentcontainerbreakpoint="50"> 2611 2612 2613 <div class="row outer wide"><!-- 2614--><div class="outer col col6 first" style="" data-widgetcontainerid="86d28444-1250-4c72-b765-f2c3660f9f2e">� 2615 <div class="row nest first wide">� 2616 2617 <div class="inner col col6 first last id884c336a-bd8b-4d35-9709-b8ffa7f92f6d" style="" data-widgetcontainerid="884c336a-bd8b-4d35-9709-b8ffa7f92f6d">� 2618 <div data-widget-id="8185c1a9-3415-46ce-a8e7-7b5c47cbefec" data-widget-controller-path="/InfoAdvanced/Widget"> 2619 2620 2621 2622 2623 2624 <section id="divInfoAdv8185c1a9-3415-46ce-a8e7-7b5c47cbefec" class="widget widgetInfoAdvanced skin88 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced"> 2625 <header class="widgetHeader" id="header8185c1a9-3415-46ce-a8e7-7b5c47cbefec"> 2626 <div class=""> 2627 </div> 2628 </header> 2629 <div class="widgetBody cpGrid cpGrid1 "> 2630 <div class="row wide"> 2631 <div class="col col1 first last"> 2632 <ol class="pageStyles semanticList"> 2633 2634<li class="InfoAdvanced widgetItem fr-view"> 2635 <p><a href="/"><img src="/ImageRepository/Document?documentId=24734" class="fr-dib" alt="" style="width: 215px;"></a></p> 2636</li> </ol> 2637 </div> 2638 </div> 2639 </div> 2640 <div class="widgetFooter"> 2641 2642 </div> 2643 2644 </section> 2645 2646 2647
2648<script type="text/javascript"> 2649 //Render slideshow if info advacned items contain one. 2650 $(document).ready(function (e) { 2651 $('#divInfoAdv8185c1a9-3415-46ce-a8e7-7b5c47cbefec .InfoAdvanced.widgetItem').each(function () { 2652 renderSlideshowIfApplicable($(this)); 2653 }); 2654 }); 2655</script>
2655</div> 2656 </div> <!-- inner column --> 2657 2658 </div> <!-- inner row --> 2659 <div class="row nest last wide">� 2660 2661 <div class="inner col col6 first last idfd71a717-ba78-4fa3-88c7-83c7542e72ce" style="" data-widgetcontainerid="fd71a717-ba78-4fa3-88c7-83c7542e72ce">� 2662<div data-widget-id="03f7c982-d6c1-483d-881d-9acbe50b9775" data-widget-controller-path="/GraphicLinks/Widget"> 2663 2664 2665 2666 2667<div id="graphicLinkWidget03f7c982-d6c1-483d-881d-9acbe50b9775" class="widget widgetGraphicLinks skin92 widgetOptionSet16 wide" data-elementqueryclasses='{"wide-narrow":"min-width:1em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 2668 <div class="widgetHeader"> 2669 <div class=""> 2670 </div> 2671 </div> 2672 <div class="widgetBody cpGrid cpGrid4 "> 2673 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 2674 <div class="row autoWidths center wide"> 2675 <!-- 2676--><div class="col col1 first "><ul class="semanticList"><!-- 2677 --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="https://www.facebook.com/PuyallupLibrary/ " target="_self"> 2678 2679<img src="/ImageRepository/Document?documentID=23071" 2680 class="graphicButtonLink" 2681 onmouseover="this.src='/ImageRepository/Document?documentID=23071'" 2682 onmouseout="this.src='/ImageRepository/Document?documentID=23071'" 2683 onfocus="this.src='/ImageRepository/Document?documentID=23071'" 2684 onblur="this.src='/ImageRepository/Document?documentID=23071'"> 2685</a></li><!-- 2686--></ul></div><!----><div class="col col1 "><ul class="semanticList"><!-- 2687 --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="https://www.youtube.com/@puyalluplibrary " target="_self"> 2688 2689<img src="/ImageRepository/Document?documentID=23084" 2690 class="graphicButtonLink" alt="YouTube" 2691 onmouseover="this.src='/ImageRepository/Document?documentID=23084'" 2692 onmouseout="this.src='/ImageRepository/Document?documentID=23084'" 2693 onfocus="this.src='/ImageRepository/Document?documentID=23084'" 2694 onblur="this.src='/ImageRepository/Document?documentID=23084'"> 2695</a></li><!-- 2696--></ul></div><!----><div class="col col1 "><ul class="semanticList"><!-- 2697 --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="https://www.instagram.com/puyalluplibrary/ " target="_self"> 2698 2699<img src="/ImageRepository/Document?documentID=23072" 2700 class="graphicButtonLink" alt="Instagram" 2701 onmouseover="this.src='/ImageRepository/Document?documentID=23072'" 2702 onmouseout="this.src='/ImageRepository/Document?documentID=23072'" 2703 onfocus="this.src='/ImageRepository/Document?documentID=23072'" 2704 onblur="this.src='/ImageRepository/Document?documentID=23072'"> 2705</a></li><!-- 2706--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 2707 --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="https://puyalluplibrary.podbean.com/" target="_self"> 2708 2709<img src="/ImageRepository/Document?documentID=24487" 2710 class="graphicButtonLink" alt="Podcast" 2711 onmouseover="this.src='/ImageRepository/Document?documentID=24487'" 2712 onmouseout="this.src='/ImageRepository/Document?documentID=24487'" 2713 onfocus="this.src='/ImageRepository/Document?documentID=24487'" 2714 onblur="this.src='/ImageRepository/Document?documentID=24487'"> 2715</a></li><!-- 2716--></ul></div><!-- --> 2717 </div> 2718 </nav> 2719 </div> 2720 <div class="widgetFooter"> 2721 </div> 2722</div> 2723</div> 2724 2725 </div> <!-- inner column --> 2726 2727 </div> <!-- inner row --> 2728 2729 </div><!-- outer column --><!----><div class="outer col col1" style="" data-widgetcontainerid="cab920ba-e7d5-40bc-a76f-1c61df156d4d">� 2730 <div class="row nest first last wide">� 2731 2732 <div class="inner col col1 first last idcf9b57eb-2a24-411d-89ab-90c9b09e818d" style="" data-widgetcontainerid="cf9b57eb-2a24-411d-89ab-90c9b09e818d">� 2733 2734<div class="widget widgetSpacer" id="dd4aeb4a-ca77-4174-91e5-4d5995f57d34"></div> 2735 </div> <!-- inner column --> 2736 2737 </div> <!-- inner row --> 2738 2739 </div><!-- outer column --><!----><div class="outer col col5" style="" data-widgetcontainerid="85cfea0f-47b4-4f25-b084-51afe6719551">� 2740 <div class="row nest first last wide">� 2741 2742 <div class="inner col col5 first last idbda8af91-36b6-4ec1-8d70-36b5c690651c" style="" data-widgetcontainerid="bda8af91-36b6-4ec1-8d70-36b5c690651c">� 2743 <div data-widget-id="33230b9a-f6e8-4f21-9658-762ef49741d2" data-widget-controller-path="/InfoAdvanced/Widget"> 2744 2745 2746 2747 2748 2749 <section id="divInfoAdv33230b9a-f6e8-4f21-9658-762ef49741d2" class="widget widgetInfoAdvanced skin90 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="header33230b9a-f6e8-4f21-9658-762ef49741d2"> 2750 <header class="widgetHeader" id="header33230b9a-f6e8-4f21-9658-762ef49741d2"> 2751 <div class=""> 2752 <h3 >Contact Us</h3> 2753 </div> 2754 </header> 2755 <div class="widgetBody cpGrid cpGrid1 "> 2756 <div class="row wide"> 2757 <div class="col col1 first last"> 2758 <ol class="pageStyles semanticList"> 2759 2760<li class="InfoAdvanced widgetItem fr-view"> 2761 <p id="isPasted">Puyallup Public Library</p> 2762</li> 2763<li class="InfoAdvanced widgetItem fr-view"> 2764 <p id="isPasted">324 S. Meridian</p> 2765</li> 2766<li class="InfoAdvanced widgetItem fr-view"> 2767 <p id="isPasted">Puyallup, WA 98371</p> 2768</li> 2769<li class="InfoAdvanced widgetItem fr-view"> 2770 <p id="isPasted">Phone: <a href="tel:253-841-5454">253-841-5454</a></p> 2771</li> 2772<li class="InfoAdvanced widgetItem fr-view"> 2773 <p id="isPasted"><a href="mailto:[email protected]">Email the Library</a></p> 2774</li> </ol> 2775 </div> 2776 </div> 2777 </div> 2778 <div class="widgetFooter"> 2779 2780 </div> 2781 2782 </section> 2783 2784 2785
2786<script type="text/javascript"> 2787 //Render slideshow if info advacned items contain one. 2788 $(document).ready(function (e) { 2789 $('#divInfoAdv33230b9a-f6e8-4f21-9658-762ef49741d2 .InfoAdvanced.widgetItem').each(function () { 2790 renderSlideshowIfApplicable($(this)); 2791 }); 2792 }); 2793</script>
2793</div> 2794 </div> <!-- inner column --> 2795 2796 </div> <!-- inner row --> 2797 2798 </div><!-- outer column --><!----><div class="outer col col1" style="" data-widgetcontainerid="e6cdc03d-0818-48db-a584-b5958c87ae68">� 2799 <div class="row nest first last wide">� 2800 2801 <div class="inner col col1 first last id3281d7f6-006d-4f19-988d-d0cfe63adda9" style="" data-widgetcontainerid="3281d7f6-006d-4f19-988d-d0cfe63adda9">� 2802 2803<div class="widget widgetSpacer" id="6ac66209-c581-4459-bd45-b85add0a16ae"></div> 2804 </div> <!-- inner column --> 2805 2806 </div> <!-- inner row --> 2807 2808 </div><!-- outer column --><!----><div class="outer col col5" style="" data-widgetcontainerid="a0819a9f-cc42-40af-9af0-f066910eb7b7">� 2809 <div class="row nest first last wide">� 2810 2811 <div class="inner col col5 first last idd47fe3ea-7452-4e6e-bf84-e5d53a343b0d" style="" data-widgetcontainerid="d47fe3ea-7452-4e6e-bf84-e5d53a343b0d">� 2812 <div data-widget-id="19c01c0f-f0fd-4536-9725-f460f4cb7dec" data-widget-controller-path="/InfoAdvanced/Widget"> 2813 2814 2815 2816 2817 2818 <section id="divInfoAdv19c01c0f-f0fd-4536-9725-f460f4cb7dec" class="widget widgetInfoAdvanced skin90 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="header19c01c0f-f0fd-4536-9725-f460f4cb7dec"> 2819 <header class="widgetHeader" id="header19c01c0f-f0fd-4536-9725-f460f4cb7dec"> 2820 <div class=""> 2821 <h3 >Library Hours</h3> 2822 </div> 2823 </header> 2824 <div class="widgetBody cpGrid cpGrid1 "> 2825 <div class="row wide"> 2826 <div class="col col1 first last"> 2827 <ol class="pageStyles semanticList"> 2828 2829<li class="InfoAdvanced widgetItem fr-view"> 2830 <p>Monday 9:00 AM – 7:00 PM</p> 2831</li> 2832<li class="InfoAdvanced widgetItem fr-view"> 2833 <p>Tuesday 9:00 AM – 7:00 PM</p> 2834</li> 2835<li class="InfoAdvanced widgetItem fr-view"> 2836 <p>Wednesday 12:00 PM – 7:00 PM</p> 2837</li> 2838<li class="InfoAdvanced widgetItem fr-view"> 2839 <p>Thursday 9:00 AM – 7:00 PM</p> 2840</li> 2841<li class="InfoAdvanced widgetItem fr-view"> 2842 <p>Friday 9:00 AM – 5:00 PM</p> 2843</li> 2844<li class="InfoAdvanced widgetItem fr-view"> 2845 <p>Saturday 9:00 AM – 5:00 PM</p> 2846</li> 2847<li class="InfoAdvanced widgetItem fr-view"> 2848 <p>Sunday Closed</p> 2849</li> </ol> 2850 </div> 2851 </div> 2852 </div> 2853 <div class="widgetFooter"> 2854 2855 </div> 2856 2857 </section> 2858 2859 2860
2861<script type="text/javascript"> 2862 //Render slideshow if info advacned items contain one. 2863 $(document).ready(function (e) { 2864 $('#divInfoAdv19c01c0f-f0fd-4536-9725-f460f4cb7dec .InfoAdvanced.widgetItem').each(function () { 2865 renderSlideshowIfApplicable($(this)); 2866 }); 2867 }); 2868</script>
2868</div> 2869 </div> <!-- inner column --> 2870 2871 </div> <!-- inner row --> 2872 2873 </div><!-- outer column --><!----><div class="outer col col1" style="" data-widgetcontainerid="9d525711-a10d-494e-953a-ff1a77e72f28">� 2874 <div class="row nest first last wide">� 2875 2876 <div class="inner col col1 first last idabaebda6-7280-4047-932f-48b49eb8f5a1" style="" data-widgetcontainerid="abaebda6-7280-4047-932f-48b49eb8f5a1">� 2877 2878<div class="widget widgetSpacer" id="28f42a05-7e5f-4a04-8cb3-df730dcd429f"></div> 2879 </div> <!-- inner column --> 2880 2881 </div> <!-- inner row --> 2882 2883 </div><!-- outer column --><!----><div class="outer col col5 last" style="" data-widgetcontainerid="29893880-9921-4842-b02b-87405967c6ed">� 2884 <div class="row nest first wide">� 2885 2886 <div class="inner col col5 first last idb1a835dd-2845-4f27-ae8f-0b82a0aa2fb7" style="" data-widgetcontainerid="b1a835dd-2845-4f27-ae8f-0b82a0aa2fb7">� 2887 <div data-widget-id="bc6a270e-fca6-4969-bdfe-bf12d11a1e1f" data-widget-controller-path="/QuickLinks/Widget"> 2888 2889 2890 2891 2892 2893 2894 2895 2896 <section id="widgetQuicklinkbc6a270e-fca6-4969-bdfe-bf12d11a1e1f" class="widget widgetQuickLinks skin90 widgetOptionSet26 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="quickLinksHeaderbc6a270e-fca6-4969-bdfe-bf12d11a1e1f"> 2897 <header class="widgetHeader" id="quickLinksHeaderbc6a270e-fca6-4969-bdfe-bf12d11a1e1f"> 2898 <div class=""> 2899 <h3><a style="" href="/QuickLinks.aspx?CID=210" >Helpful Links</a></h3> 2900 </div> 2901 </header> 2902 <div class="widgetBody cpGrid cpGrid1 "> 2903 <div class="row narrow"> 2904 <div class="col col1 first last"> 2905 <ol class="semanticList"> 2906 2907 2908 2909 2910 <li style="position:relative" class="widgetItem QuickLinks"> 2911 <a class="widgetDesc widgetQuickLinksLink" href="/2436" target="_self" aria-label="Library Home - 2025 - Library Footer Links" rel="">
2911Library Home</a> 2912 <div class="widgetMeta"></div> 2913 </li> 2914 2915 2916 2917 2918 <li style="position:relative" class="widgetItem QuickLinks"> 2919 <a class="widgetDesc widgetQuickLinksLink" href="/sitemap" target="_self" aria-label="Site Map - 2025 - Library Footer Links" rel="">Site Map</a> 2920 <div class="widgetMeta"></div> 2921 </li> 2922 2923 2924 2925 2926 <li style="position:relative" class="widgetItem QuickLinks"> 2927 <a class="widgetDesc widgetQuickLinksLink" href="/accessibility" target="_self" aria-label="Accessibility - 2025 - Library Footer Links" rel="">Accessibility</a> 2928 <div class="widgetMeta"></div> 2929 </li> 2930 2931 2932 2933 2934 <li style="position:relative" class="widgetItem QuickLinks"> 2935 <a class="widgetDesc widgetQuickLinksLink" href="/site/copyright" target="_self" aria-label="Copyright Notices - 2025 - Library Footer Links" rel="">Copyright Notices</a> 2936 <div class="widgetMeta"></div> 2937 </li> 2938 2939 2940 2941 2942 <li style="position:relative" class="widgetItem QuickLinks"> 2943 <a class="widgetDesc widgetQuickLinksLink" href="/privacy" target="_self" aria-label="Privacy Policy - 2025 - Library Footer Links" rel="">Privacy Policy</a> 2944 <div class="widgetMeta"></div> 2945 </li> 2946 </ol> 2947 </div> 2948 </div> 2949 2950 </div> 2951 <div class="widgetFooter"> 2952 </div> 2953 <div class="addItemModal hidden"> 2954 <div class="url hidden">/QuickLinks.aspx</div> 2955 </div> 2956 2957 </section> 2958</div> 2959 2960 </div> <!-- inner column --> 2961 2962 </div> <!-- inner row --> 2963 <div class="row nest last wide">� 2964 2965 <div class="inner col col5 first last id98ade696-7937-4fd3-935b-2a9688a0c096" style="" data-widgetcontainerid="98ade696-7937-4fd3-935b-2a9688a0c096">� 2966<div data-widget-id="19fc8043-8a85-48a4-a759-0d73095600b9" data-widget-controller-path="/GraphicLinks/Widget"> 2967 2968 2969 2970 2971<div id="graphicLinkWidget19fc8043-8a85-48a4-a759-0d73095600b9" class="widget widgetGraphicLinks skin93 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 2972 <div class="widgetHeader"> 2973 <div class=""> 2974 </div> 2975 </div> 2976 <div class="widgetBody cpGrid cpGrid1 "> 2977 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 2978 <ul class="semanticList"> 2979 <!-- 2980 --><li class="widgetItem GraphicLinks"> 2981 2982<div> 2983 <a href="/" target="_self" class="fancyButton fancyButton919 " > 2984 <span> 2985 <span><span class="text">Website Sign-In</span></span> 2986 </span> 2987 </a> 2988</div> 2989 <style scoped="scoped">.fancyButton919.fancyButton:link,.fancyButton919.fancyButton:visited, .fancyButton919div.fancyButton{ 2990 background-color: rgb(255, 205, 0); 2991 padding-top: 8px; 2992 padding-bottom: 8px; 2993 -webkit-border-top-left-radius: 10px; 2994 -moz-border-top-left-radius: 10px; 2995 -khtml-border-top-left-radius: 10px; 2996 border-top-left-radius: 10px; 2997 -webkit-border-top-right-radius: 10px; 2998 -moz-border-top-right-radius: 10px; 2999 -khtml-border-top-right-radius: 10px; 3000 border-top-right-radius: 10px; 3001 -webkit-border-bottom-left-radius: 10px; 3002 -moz-border-bottom-left-radius: 10px; 3003 -khtml-border-bottom-left-radius: 10px; 3004 border-bottom-left-radius: 10px; 3005 -webkit-border-bottom-right-radius: 10px; 3006 -moz-border-bottom-right-radius: 10px; 3007 -khtml-border-bottom-right-radius: 10px; 3008 border-bottom-right-radius: 10px; 3009 background-repeat: no-repeat; 3010 background-position: left top; 3011 border-top: 2px solid rgb(255, 205, 0); 3012 border-left: 2px solid rgb(255, 205, 0); 3013 border-right: 2px solid rgb(255, 205, 0); 3014 border-bottom: 2px solid rgb(255, 205, 0); 3015transition: all .3s ease-in-out; 3016max-width: 200px; 3017margin: 0 auto;} 3018.fancyButton919.fancyButton:hover,.fancyButton919.fancyButton:focus,.fancyButton919.fancyButton:active,.fancyButton919.fancyButton.hover{ 3019 background-color: rgb(255, 255, 255); 3020 background-repeat: no-repeat; 3021 background-position: left top; 3022 border-top: 2px solid rgb(255, 205, 0); 3023 border-left: 2px solid rgb(255, 205, 0); 3024 border-right: 2px solid rgb(255, 205, 0); 3025 border-bottom: 2px solid rgb(255, 205, 0); 3026} 3027.fancyButton919.fancyButton:link > span,.fancyButton919.fancyButton:visited > span, .fancyButton919div.fancyButton > span{ 3028} 3029.fancyButton919.fancyButton:hover > span,.fancyButton919.fancyButton:focus > span,.fancyButton919.fancyButton:active > span,.fancyButton919.fancyButton.hover > span{ 3030} 3031.fancyButton919.fancyButton .text{ 3032 color: rgb(0, 0, 0); 3033 font-family: "Arial"; 3034 font-style: normal; 3035 text-decoration: none; 3036 background-repeat: no-repeat; 3037 background-position: left top; 3038 3039 3040} 3041.fancyButton919.fancyButton:hover .text,.fancyButton919.fancyButton:focus .text,.fancyButton919.fancyButton:active .text,.fancyButton919.fancyButton.hover .text{ 3042 text-decoration: underline; 3043 background-repeat: no-repeat; 3044 background-position: left top; 3045 3046 3047} 3048</style> 3049 3050 </li><!-- 3051 --> 3052 </ul> 3053 </nav> 3054 </div> 3055 <div class="widgetFooter"> 3056 </div> 3057</div> 3058</div> 3059 3060 </div> <!-- inner column --> 3061 3062 </div> <!-- inner row --> 3063 3064 </div><!-- outer column --><!-- --></div> <!-- outer row --> 3065 3066 3067 </div> 3068</div></div> 3069</footer> 3070</div><!-- Powered By --><div data-cpRole="structuralContainer" id="poweredByContainerTS"> 3071<div class="siteWrap2"><div data-cpRole="contentContainer" id="poweredByTS"> <div id="ccaa9c809d-5656-4d6f-8c23-de2170863607" data-containerid="aa9c809d-5656-4d6f-8c23-de2170863607" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile"> 3072 3073 3074 <div class="row outer wide"><!-- 3075--><div class="outer col col24 first last" style="" data-widgetcontainerid="2ba1aee4-1138-4572-94bf-1010fe48aa42">� 3076 <div class="row nest first last wide">� 3077 3078 <div class="inner col col24 first last iddbe1151f-3a7f-40dc-acf8-0d7213a660ce" style="" data-widgetcontainerid="dbe1151f-3a7f-40dc-acf8-0d7213a660ce">� 3079 3080 <div data-widget-id='2ac921fc-c7c3-457b-b583-b027bb968cbe' data-moduleName="customHtml" id='widgetCustomHtml2ac921fc-c7c3-457b-b583-b027bb968cbe'
3080class="widget widgetCustomHtml skin94 narrow" > 3081 <div class="widgetBody pageStyles" id="widgetBody2ac921fc-c7c3-457b-b583-b027bb968cbe"> 3082 <div id="customHtml2ac921fc-c7c3-457b-b583-b027bb968cbe"><div><style> 3083 .cpBylineIconTS { 3084 fill: currentColor; 3085 width: 39px; 3086 height: 26px; 3087 display: inline; 3088 vertical-align: middle; 3089 } 3090</style> 3091 3092<div class="widgetItem cpBylineTS"> 3093 <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 100 100" class="cpBylineIconTS"> 3094 <path class="c" d="M73.4,23.2h-19v16.7h19c2.8,0,5,2.2,5,5c0,2.8-2.2,5-5,5h-19v28.4h5.5l11.3-11.7h2.2c11.9,0,21.6-9.7,21.6-21.6C95,33,85.3,23.2,73.4,23.2"></path> 3095 <path class="p" d="M45.8,66.5H26.6C14.7,66.5,5,56.8,5,44.9C5,33,14.7,23.2,26.6,23.2h19.1v16.7H26.6c-2.8,0-5,2.2-5,5c0,2.8,2.2,5,5,5h19.1V66.5z"></path> 3096 </svg> 3097 <span class="cpBylineTextTS">Government Websites by <a href="https://connect.civicplus.com/referral">CivicPlus®</a></span> 3098</div> 3099</div></div> 3100 </div> 3101 3102 </div> 3103 3104 </div> <!-- inner column --> 3105 3106 </div> <!-- inner row --> 3107 3108 </div><!-- outer column --><!-- --></div> <!-- outer row --> 3109 3110 3111 </div> 3112</div></div> 3113</div> 3114</div> 3115 3116 </div> 3117 </div> 3118 </div> 3119 3120<link href="/745732998.css" rel="stylesheet" type="text/css" /> 3121 3122<div id="SplashMessageWrapper" class="cp-Splash-wrapper"> 3123 <div role="dialog" aria-labelledby="cp-Splash-title" aria-describedby="editorContentDesc" aria-modal="true" tabindex="-1" id="SplashMessage" class="hidden cp-Splash cp-Splash--modal is-open"> 3124 <div class="cp-Splash-header"> 3125 <h2 class="cp-Splash-title" id="cp-Splash-title">Loading</h2> 3126 <button class="cp-Splash-Btn cp-Splash-close" aria-label="Close this modal" title="Close this window"> 3127 <svg id="iconClose" viewBox="0 0 25 25"> 3128 <polygon style="fill:currentcolor" 3129 points="18.806,6.98 18.075,6.248 12.532,11.792 6.989,6.248 6.257,6.98 11.786,12.508 6.212,18.084 6.943,18.815 12.532,13.224 18.12,18.815 18.851,18.084 13.277,12.508"></polygon> 3130 </svg> 3131 </button>
3132 </div> 3133 <div class="cp-Splash-body"> 3134 <div class="cp-Splash-Prose editorContent fr-view" id="editorContentDesc"> 3135 <!-- Content from the Froala Editor will go here. --> 3136 Loading 3137 </div> 3138 </div> 3139 <div class="cp-Splash-footer"> 3140 <button class="cp-Splash-Btn cp-Splash-Btn--NoShow">Do Not Show Again</button> 3141 <button class="cp-Splash-Btn cp-Splash-Btn--Close">Close</button> 3142 </div> 3143 </div> 3144</div> 3145
3146<script src="/Assets/Scripts/APIClient.js"></script>
vendor: 2 bytes, line 3146
3146
3147<script src="/Assets/Mystique/Shared/Scripts/Moment/Moment.min.js"></script>
vendor: 2 bytes, line 3147
3147
3148<script src="/Assets/Scripts/SplashModal/SplashModalRender.js"></script>
vendor: 2 bytes, line 3148
3148
3149<script> 3150 3151 $(document).ready(function () { 3152 var filter = { 3153 targetId: '2436', 3154 targetType: 1 3155 } 3156 3157 new SplashModalRender().triggerRender(filter); 3158 }); 3159</script>
3159 3160 3161 3162 3163 3164 3165 3166 3167 3168 3169 3170 3171 3172 3173 3174 3175 3176
3176<script src="/-1442400649.js" type="text/javascript"></script>
3176 3177 <!----------START Citibot - Chatbot Script--------->
3178<script src="https://bot.citibot.io/widget.js" defer></script>
3178 3179<citibot-chat uuid="0f08e0d6-76c9-4c31-8f00-4f1142728b3f" env="production"></citibot-chat> 3180<!----------END Citibot - Chatbot Script-----------> 3181<!----------Google Translate (Mobile Friendly)---------> 3182<style>#google-translate-container {float: right;padding: 3px 5px 0px 0px;}.goog-te-combo,.goog-te-banner *,.goog-te-ftab *,.goog-te-menu *,.goog-te-menu2 *,.goog-te-balloon * {font-family: arial;font-size: 10pt;background-image: url("https://theme.zdassets.com/theme_assets/958586/bae8aa24db8d43595871692a9d259186f2db3fb4.png");background-position: 3px 4px;background-size: 22px;background-repeat: no-repeat;text-indent: 20px;background-color: #fff;color: #000 !important;}.goog-logo-link {display: none !important;}.goog-te-gadget {color: transparent !important;}.goog-te-gadget .goog-te-combo {margin: 2px 0 !important;border-radius: 15px !important;}.goog-te-combo{border: 1px solid !important;border-color: #bcc9d7 #96a3b1 #96a3b1 #bcc9d7 !important;border-radius: 0 !important;height:32px; !important;padding: 0 1px 0 .25rem !important;} 3183#launcher-wrapper {bottom: 50px !important;} 3184</style> 3185<div id="google-translate-container"> 3186<div id="google_translate_element" style="position: fixed; bottom: 0px; right: 150px; z-index: 5;"></div> 3187</div>
3188<script> 3189function googleTranslateElementInit() { 3190var el = document.getElementById("google_translate_element"); 3191if (el && el.innerHTML.trim() !== "") { 3192 return; 3193} 3194 3195new google.translate.TranslateElement({ pageLanguage: "en" }, "google_translate_element"); 3196// begin accessibility compliance 3197$('img.goog-te-gadget-icon').attr('alt','Google Translate'); 3198$('div#goog-gt-tt div.logo img').attr('alt','translate'); 3199$('div#goog-gt-tt .original-text').css('text-align','left'); 3200$('.goog-te-gadget-simple .goog-te-menu-value span').css('color','#000000'); 3201$('.goog-te-combo').attr('aria-label','google translate languages'); 3202$('svg.goog-te-spinner').attr('title','Google Translate Spinner'); 3203$('.goog-te-gadget-simple .goog-te-menu-value span').css('color','#000000'); 3204} 3205$(function() { 3206$.getScript("//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"); 3207}); 3208</script>
3208 3209<!--------------End Google Translate-----------------> 3210<!-- AudioEye -->
3211<script type="text/javascript">!function(){var b=function(){window.__AudioEyeSiteHash = "65beabbea570d307e489c0861aa76738"; var a=document.createElement("script");a.src="https://wsmcdn.audioeye.com/aem.js";a.type="text/javascript";a.setAttribute("async","");document.getElementsByTagName("body")[0].appendChild(a)};"complete"!==document.readyState?window.addEventListener?window.addEventListener("load",b):window.attachEvent&&window.attachEvent("onload",b):b()}();</script>
3211 3212<!-- End AudioEye --> 3213 3214 3215<!-- Fixed Nav Adjustment -->
3216<script> 3217 function getValueTS(elem, attr) { 3218 const val = elem.css(attr); 3219 if (val === undefined) return undefined; 3220 const num = parseInt(val, 10); 3221 if (num === NaN) return undefined; 3222 return num; 3223 } 3224 3225 function clampTS(number, min, max) { 3226 return Math.min(Math.max(number, min), max); 3227 } 3228 3229 function isPageEditingTS() { 3230 return ( 3231 $("#doneEditing").length > 0 || // In live edit 3232 $(".cp-liveEditOn").length > 0 || // In live edit 3233 typeof DesignCenter !== "undefined" // In theme manager 3234 ); 3235 } 3236 3237 const bgColorRegexTS = /rgba\((\d+), (\d+), (\d+), (\d*\.?\d*)\)/; 3238 function isTransparentTS(elem) { 3239 const bg = elem.css('background-color'); 3240 if (typeof bg !== "string" || !bg.startsWith('rgba(')) return false; 3241 const matchState = bg.match(bgColorRegexTS); 3242 if (!matchState || matchState.length !== 5) return false; 3243 const alpha = parseFloat(matchState[4], 10); 3244 if (!(alpha >= 0 && alpha < 1)) return false; 3245 return true; 3246 } 3247 3248 function iterateLeftpads(cb) { 3249 const containersTS = $("[class^='siteWrap'],[class*=' siteWrap']"); 3250 for (let i = 0; i < containersTS.length; i++) { 3251 const containerTS = containersTS[i]; 3252 // Skip the body container and anything with data-skip-leftpad 3253 if ( 3254 containerTS.id !== "bodyContainerTS" && 3255 containerTS.getAttribute('data-skip-leftpad') === null 3256 ) { 3257 cb(containerTS); 3258 } 3259 } 3260 } 3261 3262 const anchor = $("#divToolbars"); 3263 //const anchor = $("#angularToolbarInLegacy"); 3264 3265 // Outer banner padding (push banner down) 3266 const outerSizingTS = $("#bannerContainerTS"); 3267 // Inner banner padding (push banner content down) - Transparent header OR on attaching headers 3268 const innerSizingTS = $("#bannerSizingTS"); 3269 const bodyContainerTS = $("#bodyContainerTS"); 3270 3271 const forceUnfixClassTS = "forceUnfixTS"; 3272 3273 const fixedTopTS = $(".fixedTopTS"); 3274 const fixedBottomTS = $(".fixedBottomTS"); 3275 const fixedLeftTS = $(".fixedLeftTS"); 3276 3277 var initialTopTS; 3278 var topAttachTS; 3279 if (fixedTopTS && fixedTopTS.length === 1) { 3280 initialTopTS = getValueTS(fixedTopTS, 'top'); 3281 const attachment = fixedTopTS.attr('data-attach');
3282 if (attachment) topAttachTS = $("#" + attachment); 3283 if (!topAttachTS || topAttachTS.length !== 1) topAttachTS = undefined; 3284 } 3285 3286 function resizeAdjustmentTS() { 3287 const editing = isPageEditingTS(); 3288 3289 // Fixed top script 3290 (function () { 3291 if (!fixedTopTS || fixedTopTS.length !== 1 || initialTopTS === undefined) return; 3292 3293 if (editing) { 3294 fixedTopTS[0].classList.add(forceUnfixClassTS); 3295 } else { 3296 fixedTopTS[0].classList.remove(forceUnfixClassTS); 3297 } 3298 3299 const topPosition = fixedTopTS.css('position'); 3300 if (topPosition === 'fixed') { 3301 if (topAttachTS) { 3302 scrollAdjustmentTS(); 3303 } else { 3304 const anchorHeight = anchor.outerHeight() - 1; 3305 fixedTopTS.css('top', anchorHeight + initialTopTS); 3306 } 3307 } else { 3308 fixedTopTS.css('top', initialTopTS); 3309 } 3310 3311 if (topPosition === 'fixed' || topPosition === 'absolute') { 3312 // Bump the banner content down 3313 if (isTransparentTS(fixedTopTS)) { 3314 innerSizingTS.css('padding-top', initialTopTS + fixedTopTS.outerHeight() - 1); 3315 outerSizingTS.css('padding-top', ''); 3316 3317 try { 3318 window.Pages.onResizeHandlersExecute(); 3319 } catch (e) { } 3320 } else { 3321 outerSizingTS.css('padding-top', fixedTopTS.outerHeight() - 1); 3322 innerSizingTS.css('padding-top', ''); 3323 } 3324 } else { 3325 innerSizingTS.css('padding-top', ''); 3326 outerSizingTS.css('padding-top', ''); 3327 } 3328 })(); 3329 3330 // Fixed bottom script 3331 (function () { 3332 if (!fixedBottomTS || fixedBottomTS.length === 0) return; 3333 3334 // If the widget has gone narrow, force unfix 3335 if (editing || fixedBottomTS.outerHeight() > 200) { 3336 fixedBottomTS[0].classList.add(forceUnfixClassTS); 3337 } else { 3338 fixedBottomTS[0].classList.remove(forceUnfixClassTS); 3339 } 3340 3341 if (fixedBottomTS.css('position') === 'fixed') { 3342 bodyContainerTS.css('padding-bottom', fixedBottomTS.outerHeight()); 3343 } else { 3344 bodyContainerTS.css('padding-bottom', ''); 3345 } 3346 })(); 3347 3348 // Fixed left script 3349 (function () { 3350 if (!fixedLeftTS || fixedLeftTS.length === 0) return; 3351 3352 if (editing) { 3353 fixedLeftTS[0].classList.add(forceUnfixClassTS); 3354 } else { 3355 fixedLeftTS[0].classList.remove(forceUnfixClassTS); 3356 } 3357 3358 if (fixedLeftTS.css('position') === 'fixed') { 3359 const anchorHeight = anchor.outerHeight() - 1; 3360 fixedLeftTS.css('top', anchorHeight); 3361 const leftBoundingTS = fixedLeftTS[0].getBoundingClientRect(); 3362 iterateLeftpads(function (containerTS) { 3363 const containerBoundingTS = containerTS.getBoundingClientRect(); 3364 if (containerBoundingTS.left <= leftBoundingTS.right) { 3365 $(containerTS).css('padding-left', leftBoundingTS.width + 16); 3366 } 3367 }); 3368 } else { 3369 fixedLeftTS.css('top', ''); 3370 iterateLeftpads(function (containerTS) { 3371 $(containerTS).css('padding-left', ''); 3372 }); 3373 } 3374 })(); 3375 } 3376 3377 function scrollAdjustmentTS() { 3378 if (!fixedTopTS || fixedTopTS.length !== 1 || !topAttachTS || topAttachTS.length !== 1) return; 3379 const topPosition = fixedTopTS.css('position'); 3380 if (topPosition === 'fixed' || topPosition === 'absolute') { 3381 const anchorBounding = anchor[0].getBoundingClientRect(); 3382 const attachBounding = topAttachTS[0].getBoundingClientRect(); 3383 const scrollTop = $(window).scrollTop(); 3384 3385 fixedTopTS.css('top', Math.max(anchorBounding.bottom - 1, attachBounding.bottom)); 3386 } else { 3387 fixedTopTS.css('top', initialTopTS); 3388 } 3389 } 3390 3391 $(window).load(function () { 3392 setTimeout(function () { 3393 resizeAdjustmentTS(); 3394 }, 350); 3395 3396 $(window).scroll(function () { 3397 scrollAdjustmentTS(); 3398 }); 3399 3400 var adjustTimeoutTS; 3401 $(window).resize(function () { 3402 clearTimeout(adjustTimeoutTS); 3403 adjustTimeoutTS = setTimeout(function () { 3404 resizeAdjustmentTS(); 3405 }, 350); 3406 });
3407 3408 $.when(window.Pages.angularToolbarComplete).done(function () { 3409 resizeAdjustmentTS(); 3410 }); 3411 }); 3412</script>
3412 3413<!-- End Fixed Nav Adjustment --> 3414 3415 3416
3416<script type="text/javascript"> 3417 $(function () { 3418 document.cookie = "responsiveGhost=0; path=/"; 3419 }); 3420 $(window).on("load", function () { 3421 $('body').addClass('doneLoading').removeClass('hideContent'); 3422 3423 if ($('#404Content').length > 0) 3424 $('div#bodyWrapper').css('padding', '0px'); 3425 }); 3426 </script>
3426 3427 3428 <noscript> 3429 <style> 3430 body.hideContent { 3431 opacity: 1 !important; 3432 } 3433 </style> 3434 </noscript> 3435 3436 3437<div style="display: none;"> 3438 <svg xmlns="http://www.w3.org/2000/svg" style="display:none;"> 3439 3440 <symbol id="iconArrow--left" viewbox="0 0 25 25"> 3441 <title>Arrow Left</title> 3442 <polygon style="fill:currentcolor" points="18.044,25 19.498,23.545 8.409,12.454 19.408,1.455 17.954,0 5.502,12.452"></polygon> 3443 </symbol> 3444 3445 <symbol id="iconArrow--right" viewbox="0 0 25 25"> 3446 <title>Arrow Right</title> 3447 <polygon style="fill:currentcolor" points="6.957,0 5.502,1.455 16.591,12.546 5.592,23.545 7.047,25 19.498,12.548"></polygon> 3448 </symbol> 3449 3450 </svg> 3451</div> 3452
3452<script type="text/javascript">loadCSS('//fonts.googleapis.com/css?family=Lato:700,regular|Montserrat:700,regular|Open+Sans:300,300italic,500,500italic,600,600italic,700,700italic,800,800italic,italic,regular|');</script>
3452 3453 3454 3455 <div class="hidden activeWidgetSkinComponentsOnPageJson">[]</div> 3456 <div style="display: none;"> 3457 <svg xmlns="http://www.w3.org/2000/svg" style="display: none;"> 3458 <symbol id="iconSlideshowArrowLeft" viewBox="0 0 22.68 40"> 3459 <title>Slideshow Left Arrow</title> 3460 <g> 3461 <path style="fill:currentcolor;" d="M20,40a2.67,2.67,0,0,1-1.9-.79L.79,21.9a2.68,2.68,0,0,1,0-3.79L18.1.79a2.68,2.68,0,1,1,3.79,3.79L6.47,20,21.89,35.42A2.68,2.68,0,0,1,20,40Z"></path> 3462 </g> 3463 </symbol> 3464 <symbol id="iconSlideshowArrowRight" viewBox="0 0 22.68 40"> 3465 <title>Slideshow Right Arrow</title> 3466 <g> 3467 <path style="fill:currentcolor;" d="M2.68,0a2.67,2.67,0,0,1,1.9.79L21.89,18.1a2.68,2.68,0,0,1,0,3.79L4.58,39.21A2.68,2.68,0,0,1,.79,35.42L16.21,20,.79,4.58A2.68,2.68,0,0,1,2.68,0Z"></path> 3468 </g> 3469 </symbol> 3470 </svg> 3471 </div> 3472 3473 3474 3475 3476 <div id="root-picker-outlet"></div> 3477</body> 3478</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.