PageSourceSearch

https://www.yorklibraries.org/

html yorklibraries.org collected 2026-10-02 04:59:53 UTC 174,075 bytes, 1,493 lines download raw bytes

1<!doctype html>
2<html lang="en-US">
3<head>
4	<meta charset="UTF-8">
5	<meta name="viewport" content="width=device-width, initial-scale=1">
6	<link rel="profile" href="https://gmpg.org/xfn/11">
7	<link rel="preconnect" href="https://fonts.googleapis.com">
8	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
9	<link href="https://fonts.googleapis.com/css2?family=Quicksand:[email protected]&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
10	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@glidejs/[email protected]/dist/css/glide.core.min.css">
11	
11<script src="https://cdn.jsdelivr.net/npm/@glidejs/[email protected]"></script>
11
12	<meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />
13
14<!-- Google Tag Manager for WordPress by gtm4wp.com -->
15<script data-cfasync="false" data-pagespeed-no-defer>
16	var gtm4wp_datalayer_name = "dataLayer";
17	var dataLayer = dataLayer || [];
18	(function(){function gtag(){dataLayer.push(arguments);}gtag('set', 'developer_id.dNGJiYT', true);})();
19	const gtm4wp_use_sku_instead = 0;
20	const gtm4wp_currency = "USD";
21	const gtm4wp_product_per_impression = 10;
22	const gtm4wp_clear_ecommerce = false;
23	const gtm4wp_datalayer_max_timeout = 2000;
24	const gtm4wp_console_log = true;
25	const gtm4wp_remarketing_prod_id_prefix = "";
26	const gtm4wp_list_attribution = 0;
27	const gtm4wp_checkoutwc = 0;
28</script>
28
29<!-- End Google Tag Manager for WordPress by gtm4wp.com -->
30	<!-- This site is optimized with the Yoast SEO plugin v28.5 - https://yoast.com/product/yoast-seo-wordpress/ -->
31	<title>Home - York County Libraries</title>
32	<meta name="description" content="Visit us at any of our 13 locations across York County, PA. Your free library card gives you access to books, eBooks &amp; events for all ages!" />
33	<link rel="canonical" href="https://www.yorklibraries.org/" />
34	<meta property="og:locale" content="en_US" />
35	<meta property="og:type" content="website" />
36	<meta property="og:title" content="Home - York County Libraries" />
37	<meta property="og:description" content="Visit us at any of our 13 locations across York County, PA. Your free library card gives you access to books, eBooks &amp; events for all ages!" />
38	<meta property="og:url" content="https://www.yorklibraries.org/" />
39	<meta property="og:site_name" content="York County Libraries" />
40	<meta property="article:publisher" content="https://www.facebook.com/YorkCountyLibraries/" />
41	<meta property="article:modified_time" content="2026-08-28T21:17:55+00:00" />
42	<meta name="twitter:card" content="summary_large_image" />
43	<meta name="twitter:site" content="@yorklibraries" />
44	
44<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.yorklibraries.org\/","url":"https:\/\/www.yorklibraries.org\/","name":"Home - York County Libraries","isPartOf":{"@id":"https:\/\/www.yorklibraries.org\/#website"},"about":{"@id":"https:\/\/www.yorklibraries.org\/#organization"},"datePublished":"2024-07-30T21:36:21+00:00","dateModified":"2026-08-28T21:17:55+00:00","description":"Visit us at any of our 13 locations across York County, PA. Your free library card gives you access to books, eBooks & events for all ages!","breadcrumb":{"@id":"https:\/\/www.yorklibraries.org\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.yorklibraries.org\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.yorklibraries.org\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home"}]},{"@type":"WebSite","@id":"https:\/\/www.yorklibraries.org\/#website","url":"https:\/\/www.yorklibraries.org\/","name":"York County Libraries","description":"","publisher":{"@id":"https:\/\/www.yorklibraries.org\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.yorklibraries.org\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.yorklibraries.org\/#organization","name":"York County Libraries","url":"https:\/\/www.yorklibraries.org\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.yorklibraries.org\/#\/schema\/logo\/image\/","url":"https:\/\/www.yorklibraries.org\/wp-content\/uploads\/2024\/10\/YCL-logo.svg","contentUrl":"https:\/\/www.yorklibraries.org\/wp-content\/uploads\/2024\/10\/YCL-logo.svg","width":"792","height":"612","caption":"York County Libraries"},"image":{"@id":"https:\/\/www.yorklibraries.org\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/YorkCountyLibraries\/","https:\/\/x.com\/yorklibraries","https:\/\/www.instagram.com\/yorkcountylibraries\/","https:\/\/www.youtube.com\/channel\/UC28KI_iUFBHEYFFcj_gnxRw"]}]}</script>
44
45	<!-- / Yoast SEO plugin. -->
46
47
48<link rel='dns-prefetch' href='//www.google.com' />
49<link rel="alternate" type="application/rss+xml" title="York County Libraries &raquo; Feed" href="https://www.yorklibraries.org/feed/" />
50<link rel="alternate" type="application/rss+xml" title="York County Libraries &raquo; Comments Feed" href="https://www.yorklibraries.org/comments/feed/" />
51<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://www.yorklibraries.org/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.yorklibraries.org%2F" />
52<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://www.yorklibraries.org/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.yorklibraries.org%2F&#038;format=xml" />
53<style id="wp-img-auto-sizes-contain-inline-css">
54img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
55/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
56</style>
57<style id="wp-emoji-styles-inline-css">
58
59	img.wp-smiley, img.emoji {
60		display: inline !important;
61		border: none !important;
62		box-shadow: none !important;
63		height: 1em !important;
64		width: 1em !important;
65		margin: 0 0.07em !important;
66		vertical-align: -0.1em !important;
67		background: none !important;
68		padding: 0 !important;
69	}
70/*# sourceURL=wp-emoji-styles-inline-css */
71</style>
72
73
74<link rel='stylesheet' id='woocommerce-layout-css' href='https://www.yorklibraries.org/wp-content/plugins/woocommerce/assets/css/woocommerce-layout.css?ver=11.1.2' media='all' />
75<link rel='stylesheet' id='woocommerce-smallscreen-css' href='https://www.yorklibraries.org/wp-content/plugins/woocommerce/assets/css/woocommerce-smallscreen.css?ver=11.1.2' media='only screen and (max-width: 768px)' />
76<link rel='stylesheet' id='woocommerce-general-css' href='https://www.yorklibraries.org/wp-content/plugins/woocommerce/assets/css/woocommerce.css?ver=11.1.2' media='all' />
77<style id="woocommerce-inline-inline-css">
78.woocommerce form .form-row .required { visibility: visible; }
79/*# sourceURL=woocommerce-inline-inline-css */
80</style>
81<link rel='stylesheet' id='search-filter-plugin-styles-css' href='https://www.yorklibraries.org/wp-content/plugins/search-filter-pro/public/assets/css/search-filter.min.css?ver=2.5.21' media='all' />
82<link rel='stylesheet' id='ychc-style-css' href='https://www.yorklibraries.org/wp-content/themes/york-county-libraries/theme/style.css?ver=0.1.263' media='all' />
83<link rel='stylesheet' id='all-in-one-wp-business-hours-css' href='https://www.yorklibraries.org/wp-content/plugins/all-in-one-wp-business-hours/assets/main/css/main.css?ver=1.14.0' media='all' />
84<script id="jquery-core-js" src="https://www.yorklibraries.org/wp-includes/js/jquery/jquery.min.js?ver=3.7.1"></script>
vendor: 1 bytes, line 84
84
85<script id="jquery-migrate-js" src="https://www.yorklibraries.org/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1"></script>
vendor: 1 bytes, line 85
85
86<script data-wp-strategy="defer" defer id="wc-jquery-blockui-js" src="https://www.yorklibraries.org/wp-content/plugins/woocommerce/assets/js/jquery-blockui/jquery.blockUI.min.js?ver=2.7.0-wc.11.1.2"></script>
vendor: 1 bytes, line 86
86
87<script id="wc-add-to-cart-js-extra">
88var wc_add_to_cart_params = {"ajax_url":"/wp-admin/admin-ajax.php","wc_ajax_url":"/?wc-ajax=%%endpoint%%","i18n_view_cart":"View cart","cart_url":"https://www.yorklibraries.org/cart/","is_cart":"","cart_redirect_after_add":"no"};
89//# sourceURL=wc-add-to-cart-js-extra
90</script>
vendor: 1 bytes, line 90
90
91<script data-wp-strategy="defer" defer id="wc-add-to-cart-js" src="https://www.yorklibraries.org/wp-content/plugins/woocommerce/assets/js/frontend/add-to-cart.min.js?ver=11.1.2"></script>
vendor: 1 bytes, line 91
91
92<script data-wp-strategy="defer" defer id="wc-js-cookie-js" src="https://www.yorklibraries.org/wp-content/plugins/woocommerce/assets/js/js-cookie/js.cookie.min.js?ver=2.1.4-wc.11.1.2"></script>
vendor: 1 bytes, line 92
92
93<script id="woocommerce-js-extra">
94var woocommerce_params = {"ajax_url":"/wp-admin/admin-ajax.php","wc_ajax_url":"/?wc-ajax=%%endpoint%%","i18n_password_show":"Show password","i18n_password_hide":"Hide password"};
95//# sourceURL=woocommerce-js-extra
96</script>
vendor: 1 bytes, line 96
96
97<script data-wp-strategy="defer" defer id="woocommerce-js" src="https://www.yorklibraries.org/wp-content/plugins/woocommerce/assets/js/frontend/woocommerce.min.js?ver=11.1.2"></script>
vendor: 1 bytes, line 97
97
98<script id="search-filter-plugin-build-js-extra">
99var SF_LDATA = {"ajax_url":"https://www.yorklibraries.org/wp-admin/admin-ajax.php","home_url":"https://www.yorklibraries.org/","extensions":[]};
100//# sourceURL=search-filter-plugin-build-js-extra
101</script>
vendor: 1 bytes, line 101
101
102<script id="search-filter-plugin-build-js" src="https://www.yorklibraries.org/wp-content/plugins/search-filter-pro/public/assets/js/search-filter-build.min.js?ver=2.5.21"></script>
vendor: 1 bytes, line 102
102
103<script id="search-filter-plugin-chosen-js" src="https://www.yorklibraries.org/wp-content/plugins/search-filter-pro/public/assets/js/chosen.jquery.min.js?ver=2.5.21"></script>
103
104<link rel="https://api.w.org/" href="https://www.yorklibraries.org/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://www.yorklibraries.org/wp-json/wp/v2/pages/373" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.yorklibraries.org/xmlrpc.php?rsd" />
105<link rel='shortlink' href='https://www.yorklibraries.org/' />
106
107<!-- Google Tag Manager for WordPress by gtm4wp.com -->
108<!-- GTM Container placement set to automatic -->
109<script data-cfasync="false" data-pagespeed-no-defer>
110	var dataLayer_content = {"pagePostType":"frontpage","pagePostType2":"single-page","pagePostAuthor":"wemarch"};
111	dataLayer.push( dataLayer_content );
112</script>
vendor: 1 bytes, line 112
112
113<script data-cfasync="false" data-pagespeed-no-defer>
vendor: 322 bytes, lines 113-118
113
114(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
115new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
116j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
117'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
118})(window,document,'script','dataLayer','
118GTM-NPF8RW6
vendor: 4 bytes, line 118
118');
119</script>
119
120<!-- End Google Tag Manager for WordPress by gtm4wp.com -->	<noscript><style>.woocommerce-product-gallery{ opacity: 1 !important; }</style></noscript>
121	</head>
122
123<body class="home wp-singular page-template-default page page-id-373 wp-embed-responsive wp-theme-york-county-librariestheme text-gray-text theme-york-county-libraries/theme woocommerce-no-js">
124
125<!-- GTM Container placement set to automatic -->
126<!-- Google Tag Manager (noscript) -->
127				<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NPF8RW6" height="0" width="0" style="display:none;visibility:hidden" aria-hidden="true"></iframe></noscript>
128<!-- End Google Tag Manager (noscript) -->
129
130<!-- GTM Container placement set to automatic -->
131<!-- Google Tag Manager (noscript) -->
132<div id="page" class="relative">
133
134	
135	<a href="#content" class="sr-only">Skip to content</a>
136
137	
138<header id="masthead" class="top-0 z-40 bg-white shadow-md md:sticky" x-data="{ mobileNavOpen: false }">
139	<nav id="site-navigation" class="flex h-[65px] md:h-auto items-start pl-5" aria-label="Main Navigation">
140		<div class="relative w-32 lg:w-auto">
141			<div class="flex py-2 lg:my-5 lg:py-0">
142				<a aria-label="back to homepage" href="/">
143					<img alt="York County Libraries" width="207" height="80" src="https://www.yorklibraries.org/wp-content/themes/york-county-libraries/theme/images/logo-color.svg">
144				</a>
145			</div>
146		</div>
147
148		<div class="flex flex-1 h-full lg:items-center lg:flex-wrap">
149			<div class="flex items-center justify-end flex-1">
150  <nav class="hidden w-full xl:block lg:flex-1" id="site-navigation" aria-label="Main Navigation">
151    <div class="menu-top-nav-container"><ul id="primary-menu" class="font-work lg:flex justify-end [&amp;&gt;li:hover]:bg-[#d8f1f9] [&amp;&gt;li&gt;a]:py-4 [&amp;&gt;li&gt;a]:block [&amp;&gt;li&gt;a]:text-[#262626] [&amp;&gt;li.donate]:mr-1 [&amp;&gt;li&gt;a]:px-5 [&amp;&gt;li.donate&gt;a]:text-pink [&amp;&gt;li.donate:hover&gt;a]:!text-white [&amp;&gt;li.donate&gt;a:hover]:bg-pink" aria-label="submenu"><li id="menu-item-1584" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1584"><a href="https://www.yorklibraries.org/library-services-programs/get
151-a-library-card/">Get a Library Card</a></li>
152<li id="menu-item-1585" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1585"><a href="https://york.chilipac.com/r1s/eg/opac/login">Library Account</a></li>
153<li id="menu-item-1860" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1860"><a href="https://www.yorklibraries.org/shop/">Shop</a></li>
154<li id="menu-item-2584" class="donate uppercase menu-item menu-item-type-post_type menu-item-object-page menu-item-2584"><a href="https://www.yorklibraries.org/donate-now/">Donate</a></li>
155</ul></div>  </nav><!-- #site-navigation -->
156
157  <div class="hidden lg:block">
158    <div class="gtranslate_wrapper" id="gt-wrapper-37525575"></div>  </div>
159
160  <div x-data="{ navopen: false }" class="flex items-center justify-center h-full">
161    <!-- Trigger -->
162    <span x-on:click="navopen = true" class="h-full">
163      <button type="button" :class="navopen ? 'bg-pink-dark' : 'bg-pink'" class="flex items-center h-full px-5 md:px-10 py-2.5 text-[1.625rem] font-bold text-white hover:bg-purple font-quicksand">
164        <span x-show="!navopen" class="hidden mr-4 md:block">Menu</span>
165        <span x-show="navopen" class="hidden mr-4 md:block">Close</span>
166        <svg x-show="!navopen" class="fill-current w-7" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 384"><path d="M0 32C0 14.3 14.3 0 32 0h384c17.7 0 32 14.3 32 32s-14.3 32-32 32H32C14.3 64 0 49.7 0 32Zm0 160c0-17.7 14.3-32 32-32h384c17.7 0 32 14.3 32 32s-14.3 32-32 32H32c-17.7 0-32-14.3-32-32Zm448 160c0 17.7-14.3 32-32 32H32c-17.7 0-32-14.3-32-32s14.3-32 32-32h384c17.7 0 32 14.3 32 32Z" style="fill:#fff"/></svg>
167        <svg x-show="navopen" class="fill-current w-7" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path d="M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3l105.4 105.3c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256l105.3-105.4z"/></svg>
168      </button>
169    </span>
170
171    <!-- Modal -->
172    <div
173        x-show="navopen"
174        style="display: none"
175        x-on:keydown.escape.prevent.stop="navopen = false"
176        role="dialog"
177        aria-modal="true"
178        x-id="['modal-title']"
179        :aria-labelledby="$id('modal-title')"
180        class="fixed inset-0 z-30 overflow-y-auto font-quicksand"
181    >
182      <!-- Overlay -->
183      <div x-show="navopen" x-transition.opacity class="fixed inset-0"></div>
184
185      <!-- Panel -->
186      <div
187        x-show="navopen"
188        x-transition
189        x-on:click="navopen = false"
190        class="relative flex items-start justify-end min-h-screen"
191      >
192        <div
193          x-on:click.stop
194          x-trap.noscroll.inert="navopen"
195          class="relative overflow-y-auto duration-1000 bg-pink-dark pb-10 md:pb-20 rounded-bl-[50px] md:rounded-bl-[100px] mt-[59px] md:min-w-[695px]"
196        >
197        <div class="px-6 pt-0 md:px-12">
198          <div class="flex items-center border-b border-b-pink gap-x-5">
199            <span class="text-[1.625rem] font-medium text-[#f0c5e4] hidden md:block">For You:</span>
200            <a class="text-2xl md:text-[1.875rem] font-bold inline-flex px-2 md:px-5 py-2.5 border-b-[6px] border-transparent hover:border-b-white text-[#f0c5e4] hover:text-white" href="/for-you/kids/">Kids</a>
201            <a class="text-2xl md:text-[1.875rem] font-bold inline-flex px-2 md:px-5 py-2.5 border-b-[6px] border-transparent hover:border-b-white text-[#f0c5e4] hover:text-white" href="/for-you/teens/">Teens</a>
202            <a class="text-2xl md:text-[1.875rem] font-bold inline-flex px-2 md:px-5 py-2.5 border-b-[6px] border-transparent hover:border-b-white text-[#f0c5e4] hover:text-white" href="/for-you/adults/">Adults</a>
203          </div>
204        </div>
205        <nav x-data="{ active: null }" class="w-full p-6 pt-6 md:p-12 lg:flex-1"  id="site-navigation" aria-label="Main Navigation">
206          <div class="menu-primary-nav-container"><ul id="modal-menu" class="" aria-label="submenu"><li class="font-semibold text-xl md:text-[1.5625rem] border-b border-b-pink py-3" x-data="
207				{
208              id:'1583',
209              get expanded() {
210                  return this.active === this.id
211              },
212              set expanded(value) {
213                  this.active = value ? this.id : null
214              },
215        }
216			"  id="menu-item-1583" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-1583" ><div class="flex items-center"><button class="text-white [&>a]:text-white" x-on:click="expanded = !expanded" :aria-expanded="expanded"><span :class="expanded ? 'bg-white' : 'bg-[#af2489]'" class="flex justify-center items-center mr-2 w-8 h-8 text-white rounded-full md:w-10 md:h-10 group hover:bg-white"><svg :class="expanded ? 'rotate-180 fill-pink' : 'fill-white group-hover:fill-pink'" class="w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M201.4 374.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 306.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z"/></svg></span></button><a href="https://www.yorklibraries.org/find-a-library/" >Find a Library</a></div>
217<ul x-cloak x-collapse.duration.300ms x-show='expanded'  class="sub-menu text-base md:text-xl font-semibold px-6 md:px-16 mt-2 bg-[#551b58]">
218	<li x-data="{ subopen: false }"  id="menu-item-1586" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1586" ><div class="flex py-1 pl-8 -ml-4 border-b md:-ml-8 border-control border-b-pink"><button class="text-white [&>a]:text-white" x-on:click="subopen = !subopen" :aria-expanded="subopen"><span :class="subopen ? 'bg-white' : 'bg-[#af2489]'" class="flex justify-center items-center mr-2 w-6 h-6 text-white rounded-full group hover:bg-white"><svg :class="subopen ? 'rotate-180 fill-pink' : 'fill-white group-hover:fill-pink'" class="w-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M201.4 374.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 306.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z"/></svg></span></button><a href="/find-a-library/#map":class="subopen ? 'open' : 'closed'">See Map of Library Locations</a></div></li>
219	<li x-data="{ subopen: false }"  id="menu-item-1587" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1587" ><div class="flex py-1 pl-8 -ml-4 border-b md:-ml-8 border-control border-b-pink"><button class="text-white [&>a]:text-white" x-on:click="subopen = !subopen" :aria-expanded="subopen"><span :class="subopen ? 'bg-white' : 'bg-[#af2489]'" class="flex justify-center items-center mr-2 w-6 h-6 text-white rounded-full group hover:bg-white"><svg :class="subopen ? 'rotate-180 fill-pink' : 'fill-white group-hover:fill-pink'" class="w-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M201.4 374.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 306.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z"/></svg></span></button><a href="/find-a-library/#pick-up-drop-off":class="subopen ? 'open' : 'closed'">Pick-up / Drop-off Locations</a></div></li>
220	<li x-data="{ subopen: false }"  id="menu-item-1588" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1588" ><div class="flex py-1 pl-8 -ml-4 border-b md:-ml-8 border-control border-b-pink"><button class="text-white [&>a]:text-white" x-on:click="subopen = !subopen" :aria-expanded="subopen"><span :class="subopen ? 'bg-white' : 'bg-[#af2489]'" class="flex justify-center items-center mr-2 w-6 h-6 text-white rounded-full group hover:bg-white"><svg :class="subopen ? 'rotate-180 fill-pink' : 'fill-white group-hover:fill-pink'" class="w-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M201.4 374.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 306.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z"/></svg></span></button><a href="https://www.yorklibraries.org/find-a-library/brogue-collinsville/":class="subopen ? 'open' : 'closed'">Brogue | Collinsville</a></div></li>
221	<li x-data="{ subopen: false }"  id="menu-item-1590" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1590" ><div class="flex py-1 pl-8 -ml-4 border-b md:-ml-8 border-control border-b-pink"><button class="text-white [&>a]:text-white" x-on:click="subopen = !subopen" :aria-expanded="subopen"><span :class="subopen ? 'bg-white' : 'bg-[#af2489]'" class="flex justify-center items-center mr-2 w-6 h-6 text-white rounded-full group hover:bg-white"><svg :class="subopen ? 'rotate-180 fill-pink' : 'fill-white group-hover:fill-pink'" class="w-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M201.4 374.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 306.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z"/></svg></span></button><a href="https://www.yorklibraries.org/find-a-library/dillsburg/":class="subopen ? 'open' : 'closed'">Dillsburg</a></div></li>
222	<li x-data="{ subopen: false }"  id="menu-item-2216" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2216" ><div class="flex py-1 pl-8 -ml-4 border-b md:-ml-8 border-control border-b-pink"><button class="text-white [&>a]:text-white" x-on:click="subopen = !subopen" :aria-expanded="subopen"><span :class="subopen ? 'bg-white' : 'bg-[#af2489]'" class="flex justify-center items-center mr-2 w-6 h-6 text-white rounded-full group hover:bg-white"><svg :class="subopen ? 'rotate-180 fill-pink' : 'fill-white group-hover:fill-pink'" class="w-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M201.4 374.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 306.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z"/></svg></span></button><a href="https://www.yorklibraries.org/find-a-library/dover-area-community-library/":class="subopen ? 'open' : 'closed'">Dover</a></div></li>
223	<li x-data="{ subopen: false }"  id="menu-item-1591" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1591" ><div class="flex py-1 pl-8 -ml-4 border-b md:-ml-8 border-control border-b-pink"><button class="text-white [&>a]:text-white" x-on:click="subopen = !subopen" :aria-expanded="subopen"><span :class="subopen ? 'bg-white' : 'bg-[#af2489]'" class="flex justify-center items-center mr-2 w-6 h-6 text-white rounded-full group hover:bg-white"><svg :class="subopen ? 'rotate-180 fill-pink' : 'fill-white group-hover:fill-pink'" class="w-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M201.4 374.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 306.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z"/></svg></span></button><a href="https://www.yorklibraries.org/find-a-library/etters-red-land/":class="subopen ? 'open' : 'closed'">Etters | Red Land</a></div></li>
224	<li x-data="{ subopen: false }"  id="menu-item-1592" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1592" ><div class="flex py-1 pl-8 -ml-4 border-b md:-ml-8 border-control border-b-pink"><button class="text-white [&>a]:text-white" x-on:click="subopen = !subopen" :aria-expanded="subopen"><span :class="subopen ? 'bg-white' : 'bg-[#af2489]'" class="flex justify-center items-center mr-2 w-6 h-6 text-white rounded-full group hover:bg-white"><svg :class="subopen ? 'rotate-180 fill-pink' : 'fill-white group-hover:fill-pink'" class="w-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M201.4 374.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 306.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z"/></svg></span></button><a href="https://www.yorklibraries.org/find-a-library/glen-rock-hufnagel/":class="subopen ? 'open' : 'closed'">Glen Rock | Hufnagel</a></div></li>
225	<li x-data="{ subopen: false }"  id="menu-item-1593" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1593" ><div class="flex py-1 pl-8 -ml-4 border-b md:-ml-8 border-control border-b-pink"><button class="text-white [&>a]:text-white" x-on:click="subopen = !subopen" :aria-expanded="subopen"><span :class="subopen ? 'bg-white' : 'bg-[#af2489]'" class="flex justify-center items-center mr-2 w-6 h-6 text-white rounded-full group hover:bg-white"><svg :class="subopen ? 'rotate-180 fill-pink' : 'fill-white group-hover:fill-pink'" class="w-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M201.4 374.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 306.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z"/></svg></span></button><a href="https://www.yorklibraries.org/find-a-library/hanover-guthrie/":class="subopen ? 'open' : 'closed'">Hanover | Guthrie</a></div></li>
226	<li x-data="{ subopen: false }"  id="menu-item-1596" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1596" ><div class="flex py-1 pl-8 -ml-4 border-b md:-ml-8 border-control border-b-pink"><button class="text-white [&>a]:text-white" x-on:click="subopen = !subopen" :aria-expanded="subopen"><span :class="subopen ? 'bg-white' : 'bg-[#af2489]'" class="flex justify-center items-center mr-2 w-6 h-6 text-white rounded-full group hover:bg-white"><svg :class="subopen ? 'rotate-180 fill-pink' : 'fill-white group-hover:fill-pink'" class="w-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M201.4 374.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 306.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z"/></svg></span></button><a href="https://www.yorklibraries.org/find-a-library/hellam-kreutz-cree
226k/":class="subopen ? 'open' : 'closed'">Hellam | Kreutz Creek</a></div></li>
227	<li x-data="{ subopen: false }"  id="menu-item-1598" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1598" ><div class="flex py-1 pl-8 -ml-4 border-b md:-ml-8 border-control border-b-pink"><button class="text-white [&>a]:text-white" x-on:click="subopen = !subopen" :aria-expanded="subopen"><span :class="subopen ? 'bg-white' : 'bg-[#af2489]'" class="flex justify-center items-center mr-2 w-6 h-6 text-white rounded-full group hover:bg-white"><svg :class="subopen ? 'rotate-180 fill-pink' : 'fill-white group-hover:fill-pink'" class="w-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M201.4 374.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 306.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z"/></svg></span></button><a href="https://www.yorklibraries.org/find-a-library/jacobus-village/":class="subopen ? 'open' : 'closed'">Jacobus | Village</a></div></li>
228	<li x-data="{ subopen: false }"  id="menu-item-1606" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1606" ><div class="flex py-1 pl-8 -ml-4 border-b md:-ml-8 border-control border-b-pink"><button class="text-white [&>a]:text-white" x-on:click="subopen = !subopen" :aria-expanded="subopen"><span :class="subopen ? 'bg-white' : 'bg-[#af2489]'" class="flex justify-center items-center mr-2 w-6 h-6 text-white rounded-full group hover:bg-white"><svg :class="subopen ? 'rotate-180 fill-pink' : 'fill-white group-hover:fill-pink'" class="w-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M201.4 374.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 306.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z"/></svg></span></button><a href="https://www.yorklibraries.org/find-a-library/red-lion-kaltreider-benfer/":class="subopen ? 'open' : 'closed'">Red Lion | Kaltreider-Benfer</a></div></li>
229	<li x-data="{ subopen: false }"  id="menu-item-1607" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1607" ><div class="flex py-1 pl-8 -ml-4 border-b md:-ml-8 border-control border-b-pink"><button class="text-white [&>a]:text-white" x-on:click="subopen = !subopen" :aria-expanded="subopen"><span :class="subopen ? 'bg-white' : 'bg-[#af2489]'" class="flex justify-center items-center mr-2 w-6 h-6 text-white rounded-full group hover:bg-white"><svg :class="subopen ? 'rotate-180 fill-pink' : 'fill-white group-hover:fill-pink'" class="w-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M201.4 374.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 306.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z"/></svg></span></button><a href="https://www.yorklibraries.org/find-a-library/shrewsbury-paul-smith/":class="subopen ? 'open' : 'closed'">Shrewsbury | Paul Smith</a></div></li>
230	<li x-data="{ subopen: false }"  id="menu-item-1608" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1608" ><div class="flex py-1 pl-8 -ml-4 border-b md:-ml-8 border-control border-b-pink"><button class="text-white [&>a]:text-white" x-on:click="subopen = !subopen" :aria-expanded="subopen"><span :class="subopen ? 'bg-white' : 'bg-[#af2489]'" class="flex justify-center items-center mr-2 w-6 h-6 text-white rounded-full group hover:bg-white"><svg :class="subopen ? 'rotate-180 fill-pink' : 'fill-white group-hover:fill-pink'" class="w-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M201.4 374.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 306.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z"/></svg></span></button><a href="https://www.yorklibraries.org/find-a-library/spring-grove-glatfelter/":class="subopen ? 'open' : 'closed'">Spring Grove | Glatfelter</a></div></li>
231	<li x-data="{ subopen: false }"  id="menu-item-1609" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1609" ><div class="flex py-1 pl-8 -ml-4 border-b md:-ml-8 border-control border-b-pink"><button class="text-white [&>a]:text-white" x-on:click="subopen = !subopen" :aria-expanded="subopen"><span :class="subopen ? 'bg-white' : 'bg-[#af2489]'" class="flex justify-center items-center mr-2 w-6 h-6 text-white rounded-full group hover:bg-white"><svg :class="subopen ? 'rotate-180 fill-pink' : 'fill-white group-hover:fill-pink'" class="w-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M201.4 374.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 306.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z"/></svg></span></button><a href="https://www.yorklibraries.org/find-a-library/stewartstown-mason-dixon/":class="subopen ? 'open' : 'closed'">Stewartstown | Mason-Dixon</a></div></li>
232	<li x-data="{ subopen: false }"  id="menu-item-1610" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1610" ><div class="flex py-1 pl-8 -ml-4 border-b md:-ml-8 border-control border-b-pink"><button class="text-white [&>a]:text-white" x-on:click="subopen = !subopen" :aria-expanded="subopen"><span :class="subopen ? 'bg-white' : 'bg-[#af2489]'" class="flex justify-center items-center mr-2 w-6 h-6 text-white rounded-full group hover:bg-white"><svg :class="subopen ? 'rotate-180 fill-pink' : 'fill-white group-hover:fill-pink'" class="w-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M201.4 374.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 306.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z"/></svg></span></button><a href="https://www.yorklibraries.org/find-a-library/york-martin/":class="subopen ? 'open' : 'closed'">York City | Martin</a></div></li>
233</ul>
234</li>
235<li class="font-semibold text-xl md:text-[1.5625rem] border-b border-b-pink py-3" x-data="
236				{
237              id:'1621',
238              get expanded() {
239                  return this.active === this.id
240              },
241              set expanded(value) {
242                  this.active = value ? this.id : null
243              },
244        }
245			"  id="menu-item-1621" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-1621" ><div class="flex items-center"><button class="text-white [&>a]:text-white" x-on:click="expanded = !expanded" :aria-expanded="expanded"><span :class="expanded ? 'bg-white' : 'bg-[#af2489]'" class="flex justify-center items-center mr-2 w-8 h-8 text-white rounded-full md:w-10 md:h-10 group hover:bg-white"><svg :class="expanded ? 'rotate-180 fill-pink' : 'fill-white group-hover:fill-pink'" class="w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M201.4 374.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 306.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z"/></svg></span></button><a href="https://www.yorklibraries.org/library-services-programs/" >What Can I Do?</a></div>
246<ul x-cloak x-collapse.duration.300ms x-show='expanded'  class="sub-menu text-base md:text-xl font-semibold px-6 md:px-16 mt-2 bg-[#551b58]">
247	<li x-data="{ subopen: false }"  id="menu-item-1630" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1630" ><div class="flex py-1 pl-8 -ml-4 border-b md:-ml-8 border-control border-b-pink"><button class="text-white [&>a]:text-white" x-on:click="subopen = !subopen" :aria-expanded="subopen"><span :class="subopen ? 'bg-white' : 'bg-[#af2489]'" class="flex justify-center items-center mr-2 w-6 h-6 text-white rounded-full group hover:bg-white"><svg :class="subopen ? 'rotate-180 fill-pink' : 'fill-white group-hover:fill-pink'" class="w-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M201.4 374.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 306.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z"/></svg></span></button><a href="https://www.yorklibraries.org/library-services-programs/get
247-a-library-card/":class="subopen ? 'open' : 'closed'">Get My Library Card</a></div></li>
248	<li x-data="{ subopen: false }"  id="menu-item-1631" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1631" ><div class="flex py-1 pl-8 -ml-4 border-b md:-ml-8 border-control border-b-pink"><button class="text-white [&>a]:text-white" x-on:click="subopen = !subopen" :aria-expanded="subopen"><span :class="subopen ? 'bg-white' : 'bg-[#af2489]'" class="flex justify-center items-center mr-2 w-6 h-6 text-white rounded-full group hover:bg-white"><svg :class="subopen ? 'rotate-180 fill-pink' : 'fill-white group-hover:fill-pink'" class="w-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M201.4 374.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 306.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z"/></svg></span></button><a href="https://www.yorklibraries.org/library-services-programs/faqs/":class="subopen ? 'open' : 'closed'">FAQs</a></div></li>
249	<li x-data="{ subopen: false }"  id="menu-item-1623" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1623" ><div class="flex py-1 pl-8 -ml-4 border-b md:-ml-8 border-control border-b-pink"><button class="text-white [&>a]:text-white" x-on:click="subopen = !subopen" :aria-expanded="subopen"><span :class="subopen ? 'bg-white' : 'bg-[#af2489]'" class="flex justify-center items-center mr-2 w-6 h-6 text-white rounded-full group hover:bg-white"><svg :class="subopen ? 'rotate-180 fill-pink' : 'fill-white group-hover:fill-pink'" class="w-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M201.4 374.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 306.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z"/></svg></span></button><a href="https://www.yorklibraries.org/library-services-programs/programs/":class="subopen ? 'open' : 'closed'">Programming</a></div></li>
250	<li x-data="{ subopen: false }"  id="menu-item-2573" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2573" ><div class="flex py-1 pl-8 -ml-4 border-b md:-ml-8 border-control border-b-pink"><button class="text-white [&>a]:text-white" x-on:click="subopen = !subopen" :aria-expanded="subopen"><span :class="subopen ? 'bg-white' : 'bg-[#af2489]'" class="flex justify-center items-center mr-2 w-6 h-6 text-white rounded-full group hover:bg-white"><svg :class="subopen ? 'rotate-180 fill-pink' : 'fill-white group-hover:fill-pink'" class="w-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M201.4 374.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 306.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z"/></svg></span></button><a href="https://www.yorklibraries.org/library-services-programs/digital-library/":class="subopen ? 'open' : 'closed'">Digital Library</a></div></li>
251	<li x-data="{ subopen: false }"  id="menu-item-1622" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-1622" ><div class="flex py-1 pl-8 -ml-4 border-b md:-ml-8 border-control border-b-pink"><button class="text-white [&>a]:text-white" x-on:click="subopen = !subopen" :aria-expanded="subopen"><span :class="subopen ? 'bg-white' : 'bg-[#af2489]'" class="flex justify-center items-center mr-2 w-6 h-6 text-white rounded-full group hover:bg-white"><svg :class="subopen ? 'rotate-180 fill-pink' : 'fill-white group-hover:fill-pink'" class="w-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M201.4 374.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 306.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z"/></svg></span></button><a href="https://www.yorklibraries.org/library-services-programs/online-resources/":class="subopen ? 'open' : 'closed'">Online Resources</a></div>
252	<ul x-cloak x-collapse.duration.300ms x-show='subopen'  class="sub-menu text-base md:text-xl font-semibold px-6 md:px-16 mt-2 bg-[#551b58]">
253		<li x-data="{ subopen: false }"  id="menu-item-2541" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2541" ><a href="https://www.yorklibraries.org/library-services-programs/online-resources/research-databases/" >Research Databases</a></li>
254		<li x-data="{ subopen: false }"  id="menu-item-2539" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2539" ><a href="https://www.yorklibraries.org/library-services-programs/online-resources/educational/" >
254Children’s Resources</a></li>
255		<li x-data="{ subopen: false }"  id="menu-item-2538" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2538" ><a href="https://www.yorklibraries.org/library-services-programs/online-resources/beanstack/" >Beanstack Tracker &#038; App</a></li>
256		<li x-data="{ subopen: false }"  id="menu-item-2537" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2537" ><a href="https://www.yorklibraries.org/library-services-programs/online-resources/tax-prep/" >Tax Preparation</a></li>
257	</ul>
258</li>
259	<li x-data="{ subopen: false }"  id="menu-item-1639" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-1639" ><div class="flex py-1 pl-8 -ml-4 border-b md:-ml-8 border-control border-b-pink"><button class="text-white [&>a]:text-white" x-on:click="subopen = !subopen" :aria-expanded="subopen"><span :class="subopen ? 'bg-white' : 'bg-[#af2489]'" class="flex justify-center items-center mr-2 w-6 h-6 text-white rounded-full group hover:bg-white"><svg :class="subopen ? 'rotate-180 fill-pink' : 'fill-white group-hover:fill-pink'" class="w-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M201.4 374.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 306.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z"/></svg></span></button><a href="https://www.yorklibraries.org/library-services-programs/services/":class="subopen ? 'open' : 'closed'">Services</a></div>
260	<ul x-cloak x-collapse.duration.300ms x-show='subopen'  class="sub-menu text-base md:text-xl font-semibold px-6 md:px-16 mt-2 bg-[#551b58]">
261		<li x-data="{ subopen: false }"  id="menu-item-2347" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2347" ><a href="https://www.yorklibraries.org/library-services-programs/services/computer-internet/" >Computers &#038; Internet</a></li>
262		<li x-data="{ subopen: false }"  id="menu-item-2540" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2540" ><a href="/library-services-programs/services/computer-internet/#printing-faxing" >Printing &#038; Faxing</a></li>
263		<li x-data="{ subopen: false }"  id="menu-item-1627" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1627" ><a href="https://www.yorklibraries.org/library-services-programs/services/proctoring-services/" >Proctoring Services</a></li>
264		<li x-data="{ subopen: false }"  id="menu-item-1628" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1628" ><a href="https://www.yorklibraries.org/library-services-programs/services/room-reservations/" >Room Reservations</a></li>
265		<li x-data="{ subopen: false }"  id="menu-item-3704" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3704" ><a href="https://www.yorklibraries.org/library-services-programs/services/birthdays/" >Birthday Parties</a></li>
266		<li x-data="{ subopen: false }"  id="menu-item-3349" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3349" ><a href="https://www.yorklibraries.org/library-account-resources/cant-find-it/" >InterLibrary Loan</a></li>
267		<li x-data="{ subopen: false }"  id="menu-item-2350" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2350" ><a href="https://www.yorklibraries.org/library-services-programs/services/job-career-prep/" >Job &#038; Career Prep</a></li>
268	</ul>
269</li>
270</ul>
271</li>
272<li class="font-semibold text-xl md:text-[1.5625rem] border-b border-b-pink py-3" x-data="
273				{
274              id:'1641',
275              get expanded() {
276                  return this.active === this.id
277              },
278              set expanded(value) {
279                  this.active = value ? this.id : null
280              },
281        }
282			"  id="menu-item-1641" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-1641" ><div class="flex items-center"><button class="text-white [&>a]:text-white" x-on:click="expanded = !expanded" :aria-expanded="expanded"><span :class="expanded ? 'bg-white' : 'bg-[#af2489]'" class="flex justify-center items-center mr-2 w-8 h-8 text-white rounded-full md:w-10 md:h-10 group hover:bg-white"><svg :class="expanded ? 'rotate-180 fill-pink' : 'fill-white group-hover:fill-pink'" class="w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M201.4 374.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 306.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z"/></svg></span></button><a href="https://www.yorklibraries.org/books-and-more/" >Books &#038; More</a></div>
283<ul x-cloak x-collapse.duration.300ms x-show='expanded'  class="sub-menu text-base md:text-xl font-semibold px-6 md:px-16 mt-2 bg-[#551b58]">
284	<li x-data="{ subopen: false }"  id="menu-item-1642" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1642" ><div class="flex py-1 pl-8 -ml-4 border-b md:-ml-8 border-control border-b-pink"><button class="text-white [&>a]:text-white" x-on:click="subopen = !subopen" :aria-expanded="subopen"><span :class="subopen ? 'bg-white' : 'bg-[#af2489]'" class="flex justify-center items-center mr-2 w-6 h-6 text-white rounded-full group hover:bg-white"><svg :class="subopen ? 'rotate-180 fill-pink' : 'fill-white group-hover:fill-pink'" class="w-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M201.4 374.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 306.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z"/></svg></span></button><a href="https://www.yorklibraries.org/books-and-more/books/":class="subopen ? 'open' : 'closed'">Books</a></div></li>
285	<li x-data="{ subopen: false }"  id="menu-item-1650" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1650" ><div class="flex py-1 pl-8 -ml-4 border-b md:-ml-8 border-control border-b-pink"><button class="text-white [&>a]:text-white" x-on:click="subopen = !subopen" :aria-expanded="subopen"><span :class="subopen ? 'bg-white' : 'bg-[#af2489]'" class="flex justify-center items-center mr-2 w-6 h-6 text-white rounded-full group hover:bg-white"><svg :class="subopen ? 'rotate-180 fill-pink' : 'fill-white group-hover:fill-pink'" class="w-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M201.4 374.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 306.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z"/></svg></span></button><a href="https://www.yorklibraries.org/books-and-more/movies-music/":class="subopen ? 'open' : 'closed'">Movies &#038; Music</a></div></li>
286	<li x-data="{ subopen: false }"  id="menu-item-1643" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1643" ><div class="flex py-1 pl-8 -ml-4 border-b md:-ml-8 border-control border-b-pink"><button class="text-white [&>a]:text-white" x-on:click="subopen = !subopen" :aria-expanded="subopen"><span :class="subopen ? 'bg-white' : 'bg-[#af2489]'" class="flex justify-center items-center mr-2 w-6 h-6 text-white rounded-full group hover:bg-white"><svg :class="subopen ? 'rotate-180 fill-pink' : 'fill-white group-hover:fill-pink'" class="w-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M201.4 374.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 306.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z"/></svg></span></button><a href="https://www.yorklibraries.org/books-and-more/ebooks-audiobooks/":class="subopen ? 'open' : 'closed'">eBooks, Audiobooks &#038; More</a></div></li>
287	<li x-data="{ subopen: false }"  id="menu-item-1644" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1644" ><div class="flex py-1 pl-8 -ml-4 border-b md:-ml-8 border-control border-b-pink"><button class="text-white [&>a]:text-white" x-on:click="subopen = !subopen" :aria-expanded="subopen"><span :class="subopen ? 'bg-white' : 'bg-[#af2489]'" class="flex justify-center items-center mr-2 w-6 h-6 text-white rounded-full group hover:bg-white"><svg :class="subopen ? 'rotate-180 fill-pink' : 'fill-white group-hover:fill-pink'" class="w-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M201.4 374.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 306.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z"/></svg></span></button><a href="https://www.yorklibraries.org/books-and-more/non-book-things/":class="subopen ? 'open' : 'closed'">Tech &#038; Games</a></div></li>
288	<li x-data="{ subopen: false }"  id="menu-item-1875" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1875" ><div class="flex py-1 pl-8 -ml-4 border-b md:-ml-8 border-control border-b-pink"><button class="text-white [&>a]:text-white" x-on:click="subopen = !subopen" :aria-expanded="subopen"><span :class="subopen ? 'bg-white' : 'bg-[#af2489]'" class="flex justify-center items-center mr-2 w-6 h-6 text-white rounded-full group hover:bg-white"><svg :class="subopen ? 'rotate-180 fill-pink' : 'fill-white group-hover:fill-pink'" class="w-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M201.4 374.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 306.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z"/></svg></span></button><a href="/books-and-more/non-book-things/#hands-on-kits-steam":class="subopen ? 'open' : 'closed'">Hands-On Kits &#038; STEAM</a></div></li>
289	<li x-data="{ subopen: false }"  id="menu-item-1645" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-1645" ><div class="flex py-1 pl-8 -ml-4 border-b md:-ml-8 border-control border-b-pink"><button class="text-white [&>a]:text-white" x-on:click="subopen = !subopen" :aria-expanded="subopen"><span :class="subopen ? 'bg-white' : 'bg-[#af2489]'" class="flex justify-center items-center mr-2 w-6 h-6 text-white rounded-full group hover:bg-white"><svg :class="subopen ? 'rotate-180 fill-pink' : 'fill-white group-hover:fill-pink'" class="w-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M201.4 374.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 306.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z"/></svg></span></button><a href="https://www.yorklibraries.org/library-account-resources/":class="subopen ? 'open' : 'closed'">How do I?</a></div>
290	<ul x-cloak x-collapse.duration.300ms x-show='subopen'  class="sub-menu text-base md:text-xl font-semibold px-6 md:px-16 mt-2 bg-[#551b58]">
291		<li x-data="{ subopen: false }"  id="menu-item-2782" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2782" ><a href="https://www.yorklibraries.org/library-account-resources/account-management/catalog-search-tips/" >Search the Catalog</a></li>
292		<li x-data="{ subopen: false }"  id="menu-item-1647" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1647" ><a href="https://www.yorklibraries.org/library-account-resources/account-management/" >Manage &#038; Use Your Library Account</a></li>
293	</ul>
294</li>
295	<li x-data="{ subopen: false }"  id="menu-item-1646" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-1646" ><div class="flex py-1 pl-8 -ml-4 border-b md:-ml-8 border-control border-b-pink"><button class="text-white [&>a]:text-white" x-on:click="subopen = !subopen" :aria-expanded="subopen"><span :class="subopen ? 'bg-white' : 'bg-[#af2489]'" class="flex justify-center items-center mr-2 w-6 h-6 text-white rounded-full group hover:bg-white"><svg :class="subopen ? 'rotate-180 fill-pink' : 'fill-white group-hover:fill-pink'" class="w-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M201.4 374.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 306.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z"/></svg></span></button><a href="https://www.yorklibraries.org/library-account-resources/cant-find-it/":class="subopen ? 'open' : 'closed'">Can’t Find It? Ask InterLibrary Loan</a></div>
296	<ul x-cloak x-collapse.duration.300ms x-show='subopen'  class="sub-menu text-base md:text-xl font-semibold px-6 md:px-16 mt-2 bg-[#551b58]">
297		<li x-data="{ subopen: false }"  id="menu-item-2351" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2351" ><a href="https://www.yorklibraries.org/library-account-resources/cant-find-it/" >InterLibrary Loan</a></li>
298		<li x-data="{ subopen: false }"  id="menu-item-2352" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2352" ><a href="https://www.yorklibraries.org/library-account-resources/cant-find-it/" >Recommend a Purchase</a></li>
299	</ul>
300</li>
301</ul>
302</li>
303<li class="font-semibold text-xl md:text-[1.5625rem] border-b border-b-pink py-3" x-data="
304				{
305              id:'2066',
306              get expanded() {
307                  return this.active === this.id
308              },
309              set expanded(value) {
310                  this.active = value ? this.id : null
311              },
312        }
313			"  id="menu-item-2066" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-2066" ><div class="flex items-center"><button class="text-white [&>a]:text-white" x-on:click="expanded = !expanded" :aria-expanded="expanded"><span :class="expanded ? 'bg-white' : 'bg-[#af2489]'" class="flex justify-center items-center mr-2 w-8 h-8 text-white rounded-full md:w-10 md:h-10 group hover:bg-white"><svg :class="expanded ? 'rotate-180 fill-pink' : 'fill-white group-hover:fill-pink'" class="w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M201.4 374.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 306.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z"/></svg></span></button><a href="https://events.yorklibraries.org/events/month" >Events</a></div>
314<ul x-cloak x-collapse.duration.300ms x-show='expanded'  class="sub-menu text-base md:text-xl font-semibold px-6 md:px-16 mt-2 bg-[#551b58]">
315	<li x-data="{ subopen: false }"  id="menu-item-2067" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2067" ><div class="flex py-1 pl-8 -ml-4 border-b md:-ml-8 border-control border-b-pink"><button class="text-white [&>a]:text-white" x-on:click="subopen = !subopen" :aria-expanded="subopen"><span :class="subopen ? 'bg-white' : 'bg-[#af2489]'" class="flex justify-center items-center mr-2 w-6 h-6 text-white rounded-full group hover:bg-white"><svg :class="subopen ? 'rotate-180 fill-pink' : 'fill-white group-hover:fill-pink'" class="w-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M201.4 374.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 306.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z"/></svg></span></button><a href="https://events.yorklibraries.org/events/month":class="subopen ? 'open' : 'closed'">View Calendar</a></div></li>
316</ul>
317</li>
318<li class="font-semibold text-xl md:text-[1.5625rem] border-b border-b-pink py-3" x-data="
319				{
320              id:'2068',
321              get expanded() {
322                  return this.active === this.id
323              },
324              set expanded(value) {
325                  this.active = value ? this.id : null
326              },
327        }
328			"  id="menu-item-2068" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-2068" ><div class="flex items-center"><button class="text-white [&>a]:text-white" x-on:click="expanded = !expanded" :aria-expanded="expanded"><span :class="expanded ? 'bg-white' : 'bg-[#af2489]'" class="flex justify-center items-center mr-2 w-8 h-8 text-white rounded-full md:w-10 md:h-10 group hover:bg-white"><svg :class="expanded ? 'rotate-180 fill-pink' : 'fill-white group-hover:fill-pink'" class="w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M201.4 374.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 306.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s
328-12.5 32.8 0 45.3l160 160z"/></svg></span></button><a href="https://www.yorklibraries.org/support/" >Support the Library</a></div>
329<ul x-cloak x-collapse.duration.300ms x-show='expanded'  class="sub-menu text-base md:text-xl font-semibold px-6 md:px-16 mt-2 bg-[#551b58]">
330	<li x-data="{ subopen: false }"  id="menu-item-2588" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2588" ><div class="flex py-1 pl-8 -ml-4 border-b md:-ml-8 border-control border-b-pink"><button class="text-white [&>a]:text-white" x-on:click="subopen = !subopen" :aria-expanded="subopen"><span :class="subopen ? 'bg-white' : 'bg-[#af2489]'" class="flex justify-center items-center mr-2 w-6 h-6 text-white rounded-full group hover:bg-white"><svg :class="subopen ? 'rotate-180 fill-pink' : 'fill-white group-hover:fill-pink'" class="w-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M201.4 374.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 306.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z"/></svg></span></button><a href="https://www.yorklibraries.org/donate-now/":class="subopen ? 'open' : 'closed'">Donate</a></div></li>
331	<li x-data="{ subopen: false }"  id="menu-item-3762" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3762" ><div class="flex py-1 pl-8 -ml-4 border-b md:-ml-8 border-control border-b-pink"><button class="text-white [&>a]:text-white" x-on:click="subopen = !subopen" :aria-expanded="subopen"><span :class="subopen ? 'bg-white' : 'bg-[#af2489]'" class="flex justify-center items-center mr-2 w-6 h-6 text-white rounded-full group hover:bg-white"><svg :class="subopen ? 'rotate-180 fill-pink' : 'fill-white group-hover:fill-pink'" class="w-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M201.4 374.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 306.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z"/></svg></span></button><a href="https://www.yorklibraries.org/support/literacy-for-change/":class="subopen ? 'open' : 'closed'">Literacy for Change</a></div></li>
332	<li x-data="{ subopen: false }"  id="menu-item-2076" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2076" ><div class="flex py-1 pl-8 -ml-4 border-b md:-ml-8 border-control border-b-pink"><button class="text-white [&>a]:text-white" x-on:click="subopen = !subopen" :aria-expanded="subopen"><span :class="subopen ? 'bg-white' : 'bg-[#af2489]'" class="flex justify-center items-center mr-2 w-6 h-6 text-white rounded-full group hover:bg-white"><svg :class="subopen ? 'rotate-180 fill-pink' : 'fill-white group-hover:fill-pink'" class="w-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M201.4 374.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 306.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z"/></svg></span></button><a href="https://www.yorklibraries.org/support/tribute-gifts/":class="subopen ? 'open' : 'closed'">Book Dedications</a></div></li>
333	<li x-data="{ subopen: false }"  id="menu-item-2074" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2074" ><div class="flex py-1 pl-8 -ml-4 border-b md:-ml-8 border-control border-b-pink"><button class="text-white [&>a]:text-white" x-on:click="subopen = !subopen" :aria-expanded="subopen"><span :class="subopen ? 'bg-white' : 'bg-[#af2489]'" class="flex justify-center items-center mr-2 w-6 h-6 text-white rounded-full group hover:bg-white"><svg :class="subopen ? 'rotate-180 fill-pink' : 'fill-white group-hover:fill-pink'" class="w-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M201.4 374.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 306.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z"/></svg></span></button><a href="https://www.yorklibraries.org/support/corporate-giving/":class="subopen ? 'open' : 'closed'">Corporate Support</a></div></li>
334	<li x-data="{ subopen: false }"  id="menu-item-2079" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2079" ><div class="flex py-1 pl-8 -ml-4 border-b md:-ml-8 border-control border-b-pink"><button class="text-white [&>a]:text-white" x-on:click="subopen = !subopen" :aria-expanded="subopen"><span :class="subopen ? 'bg-white' : 'bg-[#af2489]'" class="flex justify-center items-center mr-2 w-6 h-6 text-white rounded-full group hover:bg-white"><svg :class="subopen ? 'rotate-180 fill-pink' : 'fill-white group-hover:fill-pink'" class="w-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M201.4 374.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 306.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z"/></svg></span></button><a href="https://www.yorklibraries.org/support/library-honors-events/":class="subopen ? 'open' : 'closed'">Library Honors Events</a></div></li>
335	<li x-data="{ subopen: false }"  id="menu-item-2071" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2071" ><div class="flex py-1 pl-8 -ml-4 border-b md:-ml-8 border-control border-b-pink"><button class="text-white [&>a]:text-white" x-on:click="subopen = !subopen" :aria-expanded="subopen"><span :class="subopen ? 'bg-white' : 'bg-[#af2489]'" class="flex justify-center items-center mr-2 w-6 h-6 text-white rounded-full group hover:bg-white"><svg :class="subopen ? 'rotate-180 fill-pink' : 'fill-white group-hover:fill-pink'" class="w-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M201.4 374.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 306.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z"/></svg></span></button><a href="https://www.yorklibraries.org/support/planned-giving/":class="subopen ? 'open' : 'closed'">Planned Giving</a></div></li>
336	<li x-data="{ subopen: false }"  id="menu-item-2084" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2084" ><div class="flex py-1 pl-8 -ml-4 border-b md:-ml-8 border-control border-b-pink"><button class="text-white [&>a]:text-white" x-on:click="subopen = !subopen" :aria-expanded="subopen"><span :class="subopen ? 'bg-white' : 'bg-[#af2489]'" class="flex justify-center items-center mr-2 w-6 h-6 text-white rounded-full group hover:bg-white"><svg :class="subopen ? 'rotate-180 fill-pink' : 'fill-white group-hover:fill-pink'" class="w-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M201.4 374.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 306.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z"/></svg></span></button><a href="https://www.yorklibraries.org/support/other-ways/":class="subopen ? 'open' : 'closed'">Other Ways to Support Us</a></div></li>
337	<li x-data="{ subopen: false }"  id="menu-item-2083" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2083" ><div class="flex py-1 pl-8 -ml-4 border-b md:-ml-8 border-control border-b-pink"><button class="text-white [&>a]:text-white" x-on:click="subopen = !subopen" :aria-expanded="subopen"><span :class="subopen ? 'bg-white' : 'bg-[#af2489]'" class="flex justify-center items-center mr-2 w-6 h-6 text-white rounded-full group hover:bg-white"><svg :class="subopen ? 'rotate-180 fill-pink' : 'fill-white group-hover:fill-pink'" class="w-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M201.4 374.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 306.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z"/></svg></span></button><a href="https://www.yorklibraries.org/support/book-donations/":class="subopen ? 'open' : 'closed'">Book Donations &#038; Book Sales</a></div></li>
338	<li x-data="{ subopen: false }"  id="menu-item-2085" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2085" ><div class="flex py-1 pl-8 -ml-4 border-b md:-ml-8 border-control border-b-pink"><button class="text-white [&>a]:text-white" x-on:click="subopen = !subopen" :aria-expanded="subopen"><span :class="subopen ? 'bg-white' : 'bg-[#af2489]'" class="flex justify-center items-center mr-2 w-6 h-6 text-white rounded-full group hover:bg-white"><svg :class="subopen ? 'rotate-180 fill-pink' : 'fill-white group-hover:fill-pink'" class="w-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M201.4 374.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 306.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z"/></svg></span></button><a href="https://www.yorklibraries.org/support/friends/":class="subopen ? 'open' : 'closed'">Friends of the Library</a></div></li>
339	<li x-data="{ subopen: false }"  id="menu-item-2069" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2069" ><div class="flex py-1 pl-8 -ml-4 border-b md:-ml-8 border-control border-b-pink"><button class="text-white [&>a]:text-white" x-on:click="subopen = !subopen" :aria-expanded="subopen"><span :class="subopen ? 'bg-white' : 'bg-[#af2489]'" class="flex justify-center items-center mr-2 w-6 h-6 text-white rounded-full group hover:bg-white"><svg :class="subopen ? 'rotate-180 fill-pink' : 'fill-white group-hover:fill-pink'" class="w-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M201.4 374.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 306.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z"/></svg></span></button><a href="https://www.yorklibraries.org/support/my-library-story/":class="subopen ? 'open' : 'closed'">My Library Story</a></div></li>
340	<li x-data="{ subopen: false }"  id="menu-item-2073" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2073" ><div class="flex py-1 pl-8 -ml-4 border-b md:-ml-8 border-control border-b-pink"><button class="text-white [&>a]:text-white" x-on:click="subopen = !subopen" :aria-expanded="subopen"><span :class="subopen ? 'bg-white' : 'bg-[#af2489]'" class="flex justify-center items-center mr-2 w-6 h-6 text-white rounded-full group hover:bg-white"><svg :class="subopen ? 'rotate-180 fill-pink' : 'fill-white group-hover:fill-pink'" class="w-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M201.4 374.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 306.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z"/></svg></span></button><a href="https://www.yorklibraries.org/support/volunteer/":class="subopen ? 'open' : 'closed'">Volunteer</a></div></li>
341</ul>
342</li>
343<li class="font-semibold text-xl md:text-[1.5625rem] border-b border-b-pink py-3" x-data="
344				{
345              id:'2086',
346              get expanded() {
347                  return this.active === this.id
348              },
349              set expanded(value) {
350                  this.active = value ? this.id : null
351              },
352        }
353			"  id="menu-item-2086" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-2086" ><div class="flex items-center"><button class="text-white [&>a]:text-white" x-on:click="expanded = !expanded" :aria-expanded="expanded"><span :class="expanded ? 'bg-white' : 'bg-[#af2489]'" class="flex justify-center items-center mr-2 w-8 h-8 text-white rounded-full md:w-10 md:h-10 group hover:bg-white"><svg :class="expanded ? 'rotate-180 fill-pink' : 'fill-white group-hover:fill-pink'" class="w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M201.4 374.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 306.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z"/></svg></span></button><a href="https://www.yorklibraries.org/about-us/" >About Us</a></div>
354<ul x-cloak x-collapse.duration.300ms x-show='expanded'  class="sub-menu text-base md:text-xl font-semibold px-6 md:px-16 mt-2 bg-[#551b58]">
355	<li x-data="{ subopen: false }"  id="menu-item-2087" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2087" ><div class="flex py-1 pl-8 -ml-4 border-b md:-ml-8 border-control border-b-pink"><button class="text-white [&>a]:text-white" x-on:click="subopen = !subopen" :aria-expanded="subopen"><span :class="subopen ? 'bg-white' : 'bg-[#af2489]'" class="flex justify-center items-center mr-2 w-6 h-6 text-white rounded-full group hover:bg-white"><svg :class="subopen ? 'rotate-180 fill-pink' : 'fill-white group-hover:fill-pink'" class="w-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M201.4 374.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 306.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z"/></svg></span></button><a href="/about-us/#mission-history":class="subopen ? 'open' : 'closed'">Mission, History &#038; Core Values</a></div></li>
356	<li x-data="{ subopen: false }"  id="menu-item-2088" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2088" ><div class="flex py-1 pl-8 -ml-4 border-b md:-ml-8 border-control border-b-pink"><button class="text-white [&>a]:text-white" x-on:click="subopen = !subopen" :aria-expanded="subopen"><span :class="subopen ? 'bg-white' : 'bg-[#af2489]'" class="flex justify-center items-center mr-2 w-6 h-6 text-white rounded-full group hover:bg-white"><svg :class="subopen ? 'rotate-180 fill-pink' : 'fill-white group-hover:fill-pink'" class="w-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M201.4 374.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 306.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z"/></svg></span></button><a href="/about-us/#strategic-plan":class="subopen ? 'open' : 'closed'">Strategic Plan</a></div></li>
357	<li x-data="{ subopen: false }"  id="menu-item-3654" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3654" ><div class="flex py-1 pl-8 -ml-4 border-b md:-ml-8 border-control border-b-pink"><button class="text-white [&>a]:text-white" x-on:click="subopen = !subopen" :aria-expanded="subopen"><span :class="subopen ? 'bg-white' : 'bg-[#af2489]'" class="flex justify-center items-center mr-2 w-6 h-6 text-white rounded-full group hover:bg-white"><svg :class="subopen ? 'rotate-180 fill-pink' : 'fill-white group-hover:fill-pink'" class="w-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M201.4 374.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 306.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z"/></svg></span></button><a href="https://www.yorklibraries.org/service-optimization-plan/":class="subopen ? 'open' : 'closed'">Service Optimization Study</a></div></li>
358	<li x-data="{ subopen: false }"  id="menu-item-2089" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2089" ><div class="flex py-1 pl-8 -ml-4 border-b md:-ml-8 border-control border-b-pink"><button class="text-white [&>a]:text-white" x-on:click="subopen = !subopen" :aria-expanded="subopen"><span :class="subopen ? 'bg-white' : 'bg-[#af2489]'" class="flex justify-center items-center mr-2 w-6 h-6 text-white rounded-full group hover:bg-white"><svg :class="subopen ? 'rotate-180 fill-pink' : 'fill-white group-hover:fill-pink'" class="w-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M201.4 374.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 306.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z"/></svg></span></button><a href="https://www.yorklibraries.org/about-us/organizational-leadership/":class="subopen ? 'open' : 'closed'">Organizational Leadership</a></div></li>
359	<li x-data="{ subopen: false }"  id="menu-item-2094" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2094" ><div class="flex py-1 pl-8 -ml-4 border-b md:-ml-8 border-control border-b-pink"><button class="text-white [&>a]:text-white" x-on:click="subopen = !subopen" :aria-expanded="subopen"><span :class="subopen ? 'bg-white' : 'bg-[#af2489]'" class="flex justify-center items-center mr-2 w-6 
359h-6 text-white rounded-full group hover:bg-white"><svg :class="subopen ? 'rotate-180 fill-pink' : 'fill-white group-hover:fill-pink'" class="w-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M201.4 374.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 306.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z"/></svg></span></button><a href="https://www.yorklibraries.org/about-us/community-impact/":class="subopen ? 'open' : 'closed'">Community Impact</a></div></li>
360	<li x-data="{ subopen: false }"  id="menu-item-2095" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2095" ><div class="flex py-1 pl-8 -ml-4 border-b md:-ml-8 border-control border-b-pink"><button class="text-white [&>a]:text-white" x-on:click="subopen = !subopen" :aria-expanded="subopen"><span :class="subopen ? 'bg-white' : 'bg-[#af2489]'" class="flex justify-center items-center mr-2 w-6 h-6 text-white rounded-full group hover:bg-white"><svg :class="subopen ? 'rotate-180 fill-pink' : 'fill-white group-hover:fill-pink'" class="w-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M201.4 374.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 306.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z"/></svg></span></button><a href="https://www.yorklibraries.org/about-us/partnerships/":class="subopen ? 'open' : 'closed'">Partnerships</a></div></li>
361	<li x-data="{ subopen: false }"  id="menu-item-2354" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2354" ><div class="flex py-1 pl-8 -ml-4 border-b md:-ml-8 border-control border-b-pink"><button class="text-white [&>a]:text-white" x-on:click="subopen = !subopen" :aria-expanded="subopen"><span :class="subopen ? 'bg-white' : 'bg-[#af2489]'" class="flex justify-center items-center mr-2 w-6 h-6 text-white rounded-full group hover:bg-white"><svg :class="subopen ? 'rotate-180 fill-pink' : 'fill-white group-hover:fill-pink'" class="w-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M201.4 374.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 306.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z"/></svg></span></button><a href="https://www.yorklibraries.org/about-us/library-policies/":class="subopen ? 'open' : 'closed'">YCL Policies</a></div></li>
362	<li x-data="{ subopen: false }"  id="menu-item-2096" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2096" ><div class="flex py-1 pl-8 -ml-4 border-b md:-ml-8 border-control border-b-pink"><button class="text-white [&>a]:text-white" x-on:click="subopen = !subopen" :aria-expanded="subopen"><span :class="subopen ? 'bg-white' : 'bg-[#af2489]'" class="flex justify-center items-center mr-2 w-6 h-6 text-white rounded-full group hover:bg-white"><svg :class="subopen ? 'rotate-180 fill-pink' : 'fill-white group-hover:fill-pink'" class="w-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M201.4 374.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 306.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z"/></svg></span></button><a href="https://www.yorklibraries.org/news/":class="subopen ? 'open' : 'closed'">News</a></div></li>
363	<li x-data="{ subopen: false }"  id="menu-item-2097" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2097" ><div class="flex py-1 pl-8 -ml-4 border-b md:-ml-8 border-control border-b-pink"><button class="text-white [&>a]:text-white" x-on:click="subopen = !subopen" :aria-expanded="subopen"><span :class="subopen ? 'bg-white' : 'bg-[#af2489]'" class="flex justify-center items-center mr-2 w-6 h-6 text-white rounded-full group hover:bg-white"><svg :class="subopen ? 'rotate-180 fill-pink' : 'fill-white group-hover:fill-pink'" class="w-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M201.4 374.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 306.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z"/></svg></span></button><a href="https://www.yorklibraries.org/careers/":class="subopen ? 'open' : 'closed'">Careers</a></div></li>
364	<li x-data="{ subopen: false }"  id="menu-item-2098" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2098" ><div class="flex py-1 pl-8 -ml-4 border-b md:-ml-8 border-control border-b-pink"><button class="text-white [&>a]:text-white" x-on:click="subopen = !subopen" :aria-expanded="subopen"><span :class="subopen ? 'bg-white' : 'bg-[#af2489]'" class="flex justify-center items-center mr-2 w-6 h-6 text-white rounded-full group hover:bg-white"><svg :class="subopen ? 'rotate-180 fill-pink' : 'fill-white group-hover:fill-pink'" class="w-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M201.4 374.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 306.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z"/></svg></span></button><a href="https://www.yorklibraries.org/contact-us/":class="subopen ? 'open' : 'closed'">Contact Us</a></div></li>
365</ul>
366</li>
367</ul></div>          <ul class="xl:hidden">
368            <li class="font-semibold text-xl md:text-[1.5625rem] border-b border-b-pink py-3"><div class="flex items-center"><a class="text-white" href="https://york.chilipac.com/r1s/eg/opac/login">Library Account</a></div></li>
369            <li class="font-semibold text-xl md:text-[1.5625rem] border-b border-b-pink py-3"><div class="flex items-center"><a class="text-white" href="/shop/">Shop</a></div></li>
370          </ul>
371          <div class="pt-10" x-data="{ chilipac: true, site: false, events: false }">
372            <div class="text-white">
373              Search the
374            </div>
375            <div class="flex">
376              <div id="search-wrapper" class="flex flex-wrap items-start gap-x-2 gap-y-2">
377                <div class="flex justify-center">
378                  <div
379                    x-data="{
380                      open: false,
381                      toggle() {
382                          if (this.open) {
383                              return this.close()
384                          }
385
386                          this.$refs.button.focus()
387
388                          this.open = true
389                      },
390                      close(focusAfter) {
391                          if (! this.open) return
392
393                          this.open = false
394
395                          focusAfter && focusAfter.focus()
396                      }
397                    }"
398                    x-on:keydown.escape.prevent.stop="close($refs.button)"
399                    x-on:focusin.window="! $refs.panel.contains($event.target) && close()"
400                    x-id="['dropdown-button']"
401                    class="relative"
402                  >
403                    <!-- Button -->
404                    <button
405                      x-ref="button"
406                      x-on:click="toggle()"
407                      :aria-expanded="open"
408                      :aria-controls="$id('dropdown-button')"
409                      type="button"
410                      class="flex items-center uppercase gap-2 bg-[#76b5cb] px-2 md:px-5 py-1.5 rounded-sm shadow border-b-4 border-b-[#bae3f1] text-blue-dark"
411                    >
412                      <div x-cloak class="" x-show="chilipac">
412Catalog</div>
413                      <div x-cloak class="" x-show="site">YCL Site</div>
414                      <div x-cloak class="" x-show="events">Events</div>
415
416                      <!-- Heroicon: chevron-down -->
417                      <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 text-black" viewBox="0 0 20 20" fill="currentColor">
418                          <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
419                      </svg>
420                    </button>
421
422                    <!-- Panel -->
423                    <div
424                      x-ref="panel"
425                      x-show="open"
426                      x-transition.origin.top.left
427                      x-on:click="close($refs.button)"
428                      x-on:click.outside="close($refs.button)"
429                      :id="$id('dropdown-button')"
430                      style="display: none;"
431                      class="absolute left-0 z-40 flex flex-col w-40 mt-2 bg-white rounded-sm shadow-md"
432                    >
433                      <button :class="chilipac ? 'search-picker' : 'search-picker-white'" @click="chilipac = true; site = false, events = false" x-on:click="chilipac == true" class="search-picker">Catalog</button>
434                      <button :class="site ? 'search-picker' : 'search-picker-white'" @click="chilipac = false; site = true; events = false" class="search-picker-white">YCL Site</button>
435                      <button :class="events ? 'search-picker' : 'search-picker-white'" @click="chilipac = false; site = false; events = true" class="search-picker-white">Events</button>
436                    </div>
437                  </div>
438                </div>
439
440
441                <div class="flex-1">
442                  <div x-cloak x-show="chilipac">
443                    <form role="search" method="get" class="flex items-start search-form" action="https://york.chilipac.com/eg/opac/results">
444                      <label class="sr-only" for="formchilipac">
445                        <span class="screen-reader-text">Search for:</span>
446                      </label>
447                      <input name="query" id="formchilipac" type="search" class="border-none rounded-l-sm search-query input-medium" placeholder="Search …">
448                      <input type="hidden" name="qtype" value="keyword">
449                      <input type="hidden" name="fi:search_format" value="">
450                      <input type="hidden" name="detail_record_view" value="0">
451                      <input type="hidden" name="sort" value="">
452                      <button type="submit" class="search-submit search-go after:bg-[#76b5cb] rounded-r hover:bg-blue-dark"><span class="screen-reader-text">Search</span></button>
453                    </form>
454                  </div>
455
456                  <div x-cloak x-show="events">
457                    <form role="search" method="GET" class="flex items-start search-form" action="https://events.yorklibraries.org/events/month">
458                      <label class="sr-only" for="formchilipac">
459                        <span class="screen-reader-text">Search for:</span>
460                      </label>
461                      <input name="keywords" id="formchilipac" type="search" class="border-none rounded-sm search-query input-medium" placeholder="Search …">
462                      <button type="submit" class="search-submit search-go after:bg-[#76b5cb] rounded-r hover:bg-blue-dark"><span class="screen-reader-text">Search</span></button>
463                    </form>
464                  </div>
465
466                  <div x-cloak x-show="site">
467                    <form role="search" method="get" class="flex items-start search-form" action="/">
468                      <label for="formsite">
469                        <span class="screen-reader-text">Search for:</span>
470                      </label>
471                      <input type="search" id="formsite" class="border-none rounded-sm search-field" placeholder="Search …" value="" name="s">
472                      <button type="submit" class="search-submit search-go after:bg-[#76b5cb] rounded-r hover:bg-blue-dark"><span class="screen-reader-text">Search</span></button>
473                    </form>
474                  </div>
475                </div>
476            </div>
477          </div>
478        </nav><!-- #site-navigation -->
479
480        </div>
481      </div>
482    </div>
483  </div>
484</div>
485<div class="justify-end hidden w-full lg:flex"  x-data="{ chilipac: true, site: false, events: false }">
486  <div class="rounded-tl-[40px] xl:min-w-[1000px] bg-teal border-t-4 border-t-[#1c637b] flex justify-end py-2 px-10">
487    <div id="search-wrapper" class="flex items-center gap-x-2">
488      <div class="text-white">
489        Search the
490      </div>
491
492      <div class="flex justify-center">
493        <div
494          x-data="{
495            open: false,
496            toggle() {
497                if (this.open) {
498                    return this.close()
499                }
500
501                this.$refs.button.focus()
502
503                this.open = true
504            },
505            close(focusAfter) {
506                if (! this.open) return
507
508                this.open = false
509
510                focusAfter && focusAfter.focus()
511            }
512          }"
513          x-on:keydown.escape.prevent.stop="close($refs.button)"
514          x-on:focusin.window="! $refs.panel.contains($event.target) && close()"
515          x-id="['dropdown-button']"
516          class="relative"
517        >
518          <!-- Button -->
519          <button
520            x-ref="button"
521            x-on:click="toggle()"
522            :aria-expanded="open"
523            :aria-controls="$id('dropdown-button')"
524            type="button"
525            class="flex uppercase items-center gap-2 bg-[#76b5cb] px-5 py-1.5 rounded-sm shadow border-b-4 border-b-[#bae3f1] text-blue-dark"
526          >
527            <div x-cloak class="" x-show="chilipac">
527Catalog</div>
528            <div x-cloak class="" x-show="site">YCL Site</div>
529            <div x-cloak class="" x-show="events">Events</div>
530
531            <!-- Heroicon: chevron-down -->
532            <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 text-black" viewBox="0 0 20 20" fill="currentColor">
533                <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
534            </svg>
535          </button>
536
537          <!-- Panel -->
538          <div
539            x-ref="panel"
540            x-show="open"
541            x-transition.origin.top.left
542            x-on:click="close($refs.button)"
543            x-on:click.outside="close($refs.button)"
544            :id="$id('dropdown-button')"
545            style="display: none;"
546            class="absolute left-0 z-40 flex flex-col w-40 mt-2 uppercase bg-white rounded-sm shadow-md"
547          >
548            <button :class="chilipac ? 'search-picker' : 'search-picker-white'" @click="chilipac = true; site = false, events = false" x-on:click="chilipac == true" class="search-picker">Catalog</button>
549            <button :class="site ? 'search-picker' : 'search-picker-white'" @click="chilipac = false; site = true; events = false" class="search-picker-white">YCL Site</button>
550            <button :class="events ? 'search-picker' : 'search-picker-white'" @click="chilipac = false; site = false; events = true" class="search-picker-white">Events</button>
551          </div>
552        </div>
553      </div>
554
555
556      <div class="flex flex-1">
557        <div x-cloak x-show="chilipac">
558          <form role="search" method="get" class="flex items-start search-form" action="https://york.chilipac.com/eg/opac/results">
559            <label class="sr-only" for="formchilipac">
560              <span class="screen-reader-text">Search for:</span>
561            </label>
562            <input name="query" id="formchilipac" type="search" class="border-none rounded-l-sm search-query input-medium md:w-[360px]" placeholder="I'm looking for …">
563            <input type="hidden" name="qtype" value="keyword">
564            <input type="hidden" name="fi:search_format" value="">
565            <input type="hidden" name="detail_record_view" value="0">
566            <input type="hidden" name="sort" value="">
567            <button type="submit" class="search-submit search-go bg-[#559db5] rounded-r hover:bg-blue-dark"><span class="screen-reader-text">Search</span></button>
568          </form>
569        </div>
570
571        <div x-cloak x-show="events">
572          <form role="search" method="GET" class="flex items-start search-form" action="https://events.yorklibraries.org/events/month">
573            <label class="sr-only" for="formchilipac">
574              <span class="screen-reader-text">Search for:</span>
575            </label>
576            <input name="keywords" id="formchilipac" type="search" class="border-none rounded-l-sm search-query input-medium md:w-[360px]" placeholder="I'm looking for …">
577            <button type="submit" class="search-submit search-go bg-[#559db5] rounded-r hover:bg-blue-dark"><span class="screen-reader-text">Search</span></button>
578          </form>
579        </div>
580
581        <div x-cloak x-show="site">
582          <form role="search" method="get" class="flex items-start search-form" action="/">
583            <label for="formsite">
584              <span class="screen-reader-text">Search for:</span>
585            </label>
586            <input type="search" id="formsite" class="border-none rounded-l-sm search-field md:w-[360px]" placeholder="I'm looking for …" value="" name="s">
587            <button type="submit" class="search-submit search-go bg-[#559db5] rounded-r hover:bg-blue-dark"><span class="screen-reader-text">Search</span></button>
588          </form>
589        </div>
590      </div>
591  </div>
592</div>		</div>
593	</nav><!-- #site-navigation -->
594
595
596	<div class="justify-end w-full lg:hidden"  x-data="{ chilipac: true, site: false, events: false }">
597  <div class="bg-teal border-t-4 border-t-[#1c637b] flex py-2 px-5">
598    <div id="search-wrapper" class="flex flex-wrap items-end w-full gap-x-2 gap-y-1">
599      <div class="flex justify-center">
600        <div class="w-full"
601          x-data="{
602            open: false,
603            toggle() {
604                if (this.open) {
605                    return this.close()
606                }
607
608                this.$refs.button.focus()
609
610                this.open = true
611            },
612            close(focusAfter) {
613                if (! this.open) return
614
615                this.open = false
616
617                focusAfter && focusAfter.focus()
618            }
619          }"
620          x-on:keydown.escape.prevent.stop="close($refs.button)"
621          x-on:focusin.window="! $refs.panel.contains($event.target) && close()"
622          x-id="['dropdown-button']"
623          class="relative"
624        >
625					<div class="text-white">
626        		Search the
627      		</div>
628          <!-- Button -->
629          <button
630            x-ref="button"
631            x-on:click="toggle()"
632            :aria-expanded="open"
633            :aria-controls="$id('dropdown-button')"
634            type="button"
635            class="flex uppercase items-center gap-2 bg-[#76b5cb] px-5 py-1.5 rounded-sm shadow border-b-4 border-b-[#bae3f1] text-blue-dark"
636          >
637            <div x-cloak class="" x-show="chilipac">
637Catalog</div>
638            <div x-cloak class="" x-show="site">YCL Site</div>
639            <div x-cloak class="" x-show="events">Events</div>
640
641            <!-- Heroicon: chevron-down -->
642            <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 text-black" viewBox="0 0 20 20" fill="currentColor">
643                <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
644            </svg>
645          </button>
646
647          <!-- Panel -->
648          <div
649            x-ref="panel"
650            x-show="open"
651            x-transition.origin.top.left
652            x-on:click="close($refs.button)"
653            x-on:click.outside="close($refs.button)"
654            :id="$id('dropdown-button')"
655            style="display: none;"
656            class="absolute left-0 z-40 flex flex-col w-40 mt-2 uppercase bg-white rounded-sm shadow-md"
657          >
658            <button :class="chilipac ? 'search-picker' : 'search-picker-white'" @click="chilipac = true; site = false, events = false" x-on:click="chilipac == true" class="search-picker">Catalog</button>
659            <button :class="site ? 'search-picker' : 'search-picker-white'" @click="chilipac = false; site = true; events = false" class="search-picker-white">YCL Site</button>
660            <button :class="events ? 'search-picker' : 'search-picker-white'" @click="chilipac = false; site = false; events = true" class="search-picker-white">Events</button>
661          </div>
662        </div>
663      </div>
664
665
666      <div class="flex flex-1">
667        <div class="w-full" x-cloak x-show="chilipac">
668          <form role="search" method="get" class="flex items-start w-full search-form" action="https://york.chilipac.com/eg/opac/results">
669            <label class="sr-only" for="formchilipac">
670              <span class="screen-reader-text">Search for:</span>
671            </label>
672            <input name="query" id="formchilipac" type="search" class="w-full border-none rounded-l-sm search-query input-medium" placeholder="I'm looking for …">
673            <input type="hidden" name="qtype" value="keyword">
674            <input type="hidden" name="fi:search_format" value="">
675            <input type="hidden" name="detail_record_view" value="0">
676            <input type="hidden" name="sort" value="">
677            <button type="submit" class="search-submit search-go bg-[#559db5] rounded-r hover:bg-blue-dark"><span class="screen-reader-text">Search</span></button>
678          </form>
679        </div>
680
681        <div class="w-full" x-cloak x-show="events">
682          <form role="search" method="GET" class="flex items-start w-full search-form" action="https://events.yorklibraries.org/events/month">
683            <label class="sr-only" for="formchilipac">
684              <span class="screen-reader-text">Search for:</span>
685            </label>
686            <input name="keywords" id="formchilipac" type="search" class="w-full border-none rounded-l-sm search-query input-medium" placeholder="I'm looking for …">
687            <button type="submit" class="search-submit search-go bg-[#559db5] rounded-r hover:bg-blue-dark"><span class="screen-reader-text">Search</span></button>
688          </form>
689        </div>
690
691        <div class="w-full" x-cloak x-show="site">
692          <form role="search" method="get" class="flex items-start w-full search-form" action="/">
693            <label for="formsite">
694              <span class="screen-reader-text">Search for:</span>
695            </label>
696            <input type="search" id="formsite" class="w-full border-none rounded-l-sm search-field" placeholder="I'm looking for …" value="" name="s">
697            <button type="submit" class="search-submit search-go bg-[#559db5] rounded-r hover:bg-blue-dark"><span class="screen-reader-text">Search</span></button>
698          </form>
699        </div>
700      </div>
701  </div>
702</div>
703</header><!-- #masthead -->
704
705	<div id="content">
706
707	<section id="primary">
708		<main id="main">
709			  <div x-ref="glide" class="relative hidden glide md:block">
710    <div class="glide__track" data-glide-el="track">
711              <ul class="glide__slides">
712                      <li class="flex flex-col glide__slide h-64 md:h-[580px] relative">
713                              <img width="2000" height="776" src="https://www.yorklibraries.org/wp-content/uploads/2025/02/RED-little-boy-playing-at-library.jpg" class="object-cover object-top w-full h-full" alt="" decoding="async" fetchpriority="high" srcset="https://www.yorklibraries.org/wp-content/uploads/2025/02/RED-little-boy-playing-at-library.jpg 2000w, https://www.yorklibraries.org/wp-content/uploads/2025/02/RED-little-boy-playing-at-library-300x116.jpg 300w, https://www.yorklibraries.org/wp-content/uploads/2025/02/RED-little-boy-playing-at-library-1024x397.jpg 1024w, https://www.yorklibraries.org/wp-content/uploads/2025/02/RED-little-boy-playing-at-library-768x298.jpg 768w, https://www.yorklibraries.org/wp-content/uploads/2025/02/RED-little-boy-playing-at-library-1536x596.jpg 1536w, https://www.yorklibraries.org/wp-content/uploads/2025/02/RED-little-boy-playing-at-library-600x233.jpg 600w" sizes="(max-width: 2000px) 100v
713w, 2000px" />              
714                            <div class="absolute inset-x-0 bottom-0 flex-col items-end justify-end py-10 mx-auto bg-gradient-to-t from-black">
715                <div class="text-[3.4375rem] leading-[3.625rem] font-bold text-white font-quicksand container mx-auto px-5 [text-shadow:_3px_5px_8px_rgb(0_0_0_/_35%)]">
716                  <div class="max-w-3xl">Your story begins at York County Libraries!</div>
717                </div>
718              </div>
719            </li>
720                  </ul>
721          </div>
722  </div>
723
724
725<!-- FEATURES -->
726<section class="container px-5 py-10 mx-auto mb-10">
727  <h2 class="text-teal font-bold text-3xl md:text-[2.8125rem] font-quicksand">Happening Now</h2>
728
729  <div class="grid grid-cols-1 gap-10 mt-10 md:grid-cols-3">
730    <div class="col-span-1 md:col-span-2">
731
732          <div
733        x-data="{
734          init() {
735            new Glide(this.$refs.glide, {
736              perView: 1,
737            }).mount()
738          },
739        }"
740      >
741
742      <style>
743        .glide__bullet--active {
744            background: #fff;
745        }
746      </style>
747        <div x-ref="glide" class="relative z-10 block glide">
748          <div class="glide__track" data-glide-el="track">
749            <ul class="glide__slides">
750                          <li class="flex flex-col items-center justify-center glide__slide">
751                              <a href="https://www.yorklibraries.org/support/literacy-for-change/" target="_self">
752                              <img width="1640" height="800" src="https://www.yorklibraries.org/wp-content/uploads/2026/08/L4C-2026-carousel-graphic-of-library-member-photographs.jpg" class="w-full rounded-tl-3xl rounded-br-3xl" alt="Literacy for Change 2026 carousel graphic of library member photographs" decoding="async" srcset="https://www.yorklibraries.org/wp-content/uploads/2026/08/L4C-2026-carousel-graphic-of-library-member-photographs.jpg 1640w, https://www.yorklibraries.org/wp-content/uploads/2026/08/L4C-2026-carousel-graphic-of-library-member-photographs-300x146.jpg 300w, https://www.yorklibraries.org/wp-content/uploads/2026/08/L4C-2026-carousel-graphic-of-library-member-photographs-1024x500.jpg 1024w, https://www.yorklibraries.org/wp-content/uploads/2026/08/L4C-2026-carousel-graphic-of-library-member-photographs-768x375.jpg 768w, https://www.yorklibraries.org/wp-content/uploads/2026/08/L4C-2026-carousel-graphic-of-library-member-photographs-1536x749.jpg 1536w, https://www.yorklibraries.org/wp-content/uploads/2026/08/L4C-2026-carousel-graphic-of-library-member-photographs-600x293.jpg 600w" sizes="(max-width: 1640px) 100vw, 1640px" />              </a>              </li>
753                        </ul>
754          </div>
755
756          <div class="absolute inset-0 flex items-center justify-between pointer-events-none glide__arrows" data-glide-el="controls">
757            <!-- Previous Button -->
758            <button aria-label="Previous" class="opacity-0 pointer-events-auto glide__arrow glide__arrow--left" data-glide-dir="<">
759              <span aria-hidden="true">
760                <svg xmlns="http://www.w3.org/2000/svg" class="w-12 h-12 text-gray-600" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="3">
761                  <path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7" />
762                </svg>
763              </span>
764              <span class="sr-only">Skip to previous slide page</span>
765            </button>
766
767            <!-- Next Button -->
768            <button aria-label="Next" class="pointer-events-auto glide__arrow glide__arrow--left disabled:opacity-50" data-glide-dir=">">
769              <span aria-hidden="true">
770                <svg class="w-9 h-9 fill-pink" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M0 256a256 256 0 1 0 512 0 256 256 0 1 0-512 0zm241 121c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l87-87-87-87c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L345 239c9.4 9.4 9.4 24.6 0 33.9L241 377z"/></svg>
771              </span>
772              <span class="sr-only">Skip to next slide page</span>
773            </button>
774          </div>
775
776          <!-- Bullets -->
777          <div class="relative z-30 flex items-center justify-center w-full gap-3 -mt-9 glide__bullets" data-glide-el="
777controls[nav]">
778                          <button aria-label="Slide 0" class="w-6 h-6 transition-colors bg-gray-300 rounded-full glide__bullet" data-glide-dir="=0"></button>
779                      </div>
780        </div>
781      </div>
782    
783    <div class="mt-10 md:hidden">
784          <div
785        x-data="{
786          init() {
787            new Glide(this.$refs.glide, {
788              perView: 1,
789            }).mount()
790          },
791        }"
792      >
793
794      <style>
795        .glide__bullet--active {
796            background: #fff;
797        }
798      </style>
799        <div x-ref="glide" class="relative z-10 block glide">
800          <div class="glide__track" data-glide-el="track">
801            <ul class="glide__slides">
802                          <li class="relative flex flex-col glide__slide">
803                <img width="800" height="800" src="https://www.yorklibraries.org/wp-content/uploads/2026/08/literacy-for-change-home-page-square-graphic-october-2-2026.jpg" class="attachment-full size-full" alt="square graphic with text that reads &quot;Literacy for Change: Oct 2. YCL&#039;s Big Day of Giving&quot;" decoding="async" srcset="https://www.yorklibraries.org/wp-content/uploads/2026/08/literacy-for-change-home-page-square-graphic-october-2-2026.jpg 800w, https://www.yorklibraries.org/wp-content/uploads/2026/08/literacy-for-change-home-page-square-graphic-october-2-2026-300x300.jpg 300w, https://www.yorklibraries.org/wp-content/uploads/2026/08/literacy-for-change-home-page-square-graphic-october-2-2026-150x150.jpg 150w, https://www.yorklibraries.org/wp-content/uploads/2026/08/literacy-for-change-home-page-square-graphic-october-2-2026-768x768.jpg 768w, https://www.yorklibraries.org/wp-content/uploads/2026/08/literacy-for-change-home-page-square-graphic-october-2-2026-600x600.jpg 600w, https://www.yorklibraries.org/wp-content/uploads/2026/08/literacy-for-change-home-page-square-graphic-october-2-2026-100x100.jpg 100w" sizes="(max-width: 800px) 100vw, 800px" />                <div class="my-4 z-20 text-[1.875rem] leading-[2.25rem] text-teal font-bold font-quicksand">Literacy for Change 2026 is October 2!</div>
804
805                                    <a class="self-start button-white" href="https://www.yorklibraries.org/support/literacy-for-change/" target="_self">
806                      <span class="mr-2">Learn More</span>
807                      <svg class="w-5 h-5 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M0 256a256 256 0 1 0 512 0 256 256 0 1 0-512 0zm241 121c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l87-87-87-87c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L345 239c9.4 9.4 9.4 24.6 0 33.9L241 377z"/></svg>
808                    </a>
809                              </li>
810                                      <li class="relative flex flex-col glide__slide">
811                <img width="800" height="520" src="https://www.yorklibraries.org/wp-content/uploads/2024/11/community-impact.jpg" class="attachment-full size-full" alt="granddaughter and grandfather smiling at each other while he holds an open book that says the word &quot;read&quot; on it" decoding="async" loading="lazy" srcset="https://www.yorklibraries.org/wp-content/uploads/2024/11/community-impact.jpg 800w, https://www.yorklibraries.org/wp-content/uploads/2024/11/community-impact-300x195.jpg 300w, https://www.yorklibraries.org/wp-content/uploads/2024/11/community-impact-768x499.jpg 768w, https://www.yorklibraries.org/wp-content/uploads/2024/11/community-impact-600x390.jpg 600w" sizes="auto, (max-width: 800px) 100vw, 800px" />                <div class="my-4 z-20 text-[1.875rem] leading-[2.25rem] text-teal font-bold font-quicksand">The 2025 Community Benefit Report is now available!</div>
812
813                                    <a class="self-start button-white" href="https://heyzine.com/flip-book/e02eef1a5a.html#page/1" target="_blank">
814                      <span class="mr-2">Read the Community Benefit Report</span>
815                      <svg class="w-5 h-5 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M0 256a256 256 0 1 0 512 0 256 256 0 1 0-512 0zm241 121c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l87-87-87-87c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L345 239c9.4 9.4 9.4 24.6 0 33.9L241 377z"/></svg>
816                    </a>
817                              </li>
818                                      <li class="relative flex flex-col glide__slide">
819                <img width="800" height="520" src="https://www.yorklibraries.org/wp-content/uploads/2024/08/staff-member-helps-at-desk-at-red-land.jpg" class="attachment-full size-full" alt="Staff Member Helps At Desk At Red Land" decoding="async" loading="lazy" srcset="https://www.yorklibraries.org/wp-content/uploads/2024/08/staff-member-helps-at-desk-at-red-land.jpg 800w, https://www.yorklibraries.org/wp-content/uploads/2024/08/staff-member-helps-at-desk-at-red-land-600x390.jpg 600w, https://www.yorklibraries.org/wp-content/uploads/2024/08/staff-member-helps-at-desk-at-red-land-300x195.jpg 300w, https://www.yorklibraries.org/wp-content/uploads/2024/08/staff-member-helps-at-desk-at-red-land-768x499.jpg 768w" sizes="auto, (max-width: 800px) 100vw, 800px" />                <div class="my-4 z-20 text-[1.875rem] leading-[2.25rem] text-teal font-bold font-quicksand">Ever wanted to work in a library? Join our team!</div>
820
821                                    <a class="self-start button-white" href="https://www.yorklibraries.org/careers/" target="_self">
822                      <span class="mr-2">Job Openings</span>
823                      <svg class="w-5 h-5 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M0 256a256 256 0 1 0 512 0 256 256 0 1 0-512 0zm241 121c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l87-87-87-87c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L345 239c9.4 9.4 9.4 24.6 0 33.9L241 377z"/></svg>
824                    </a>
825                              </li>
826                      </ul>
827        </div>
828
829          <div class="absolute inset-0 flex items-center justify-between pointer-events-none glide__arrows" data-glide-el="controls">
830            <!-- Previous Button -->
831            <button aria-label="Previous" class="opacity-0 pointer-events-auto glide__arrow glide__arrow--left" data-glide-dir="<">
832              <span aria-hidden="true">
833                <svg xmlns="http://www.w3.org/2000/svg" class="w-12 h-12 text-gray-600" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="3">
834                  <path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7" />
835                </svg>
836              </span>
837              <span class="sr-only">Skip to previous slide page</span>
838            </button>
839
840            <!-- Next Button -->
841            <button aria-label="Next" class="pointer-events-auto glide__arrow glide__arrow--left disabled:opacity-50" data-glide-dir=">">
842              <span aria-hidden="true">
843                <svg class="w-9 h-9 fill-pink" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M0 256a256 256 0 1 0 512 0 256 256 0 1 0-512 0zm241 121c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l87-87-87-87c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L345 239c9.4 9.4 9.4 24.6 0 33.9L241 377z"/></svg>
844              </span>
845              <span class="sr-only">Skip to next slide page</span>
846            </button>
847          </div>
848        </div>
849      </div>
850        </div>
851
852      <div class="hidden grid-cols-1 gap-5 mt-10 md:grid md:grid-cols-2">
853        <div>
854                                    <img width="800" height="520" src="https://www.yorklibraries.org/wp-content/uploads/2024/11/community-impact.jpg" class="attachment-full size-full" alt="granddaughter and grandfather smiling at each other while he holds an open book that says the word &quot;read&quot; on it" decoding="async" loading="lazy" srcset="https://www.yorklibraries.org/wp-content/uploads/2024/11/community-impact.jpg 800w, https://www.yorklibraries.org/wp-content/uploads/2024/11/community-impact-300x195.jpg 300w, https://www.yorklibraries.org/wp-content/uploads/2024/11/community-impact-768x499.jpg 768w, https://www.yorklibraries.org/wp-content/uploads/2024/11/community-impact-600x390.jpg 600w" sizes="auto, (max-width: 800px) 100vw, 800px" />
855              <div class="my-4 text-[1.875rem] leading-[2.25rem] text-teal font-bold font-quicksand">The 2025 Community Benefit Report is now available!</div>
856
857                                <a class="button-white" href="https://heyzine.com/flip-book/e02eef1a5a.html#page/1" target="_blank">
858                    <span class="mr-2">Read the Community Benefit Report</span>
859                    <svg class="w-5 h-5 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M0 256a256 256 0 1 0 512 0 256 256 0 1 0-512 0zm241 121c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l87-87-87-87c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L345 239c9.4 9.4 9.4 24.6 0 33.9L241 377z"/></svg>
860                  </a>
861              
862                              </div>
863
864        <div>
865                                    <img width="800" height="520" src="https://www.yorklibraries.org/wp-content/uploads/2024/08/staff-member-helps-at-desk-at-red-land.jpg" class="attachment-full size-full" alt="Staff Member Helps At Desk At Red Land" decoding="async" loading="lazy" srcset="https://www.yorklibraries.org/wp-content/uploads/2024/08/staff-member-helps-at-desk-at-red-land.jpg 800w, https://www.yorklibraries.org/wp-content/uploads/2024/08/staff-member-helps-at-desk-at-red-land-600x390.jpg 600w, https://www.yorklibraries.org/wp-content/uploads/2024/08/staff-member-helps-at-desk-at-red-land-300x195.jpg 300w, https://www.yorklibraries.org/wp-content/uploads/2024/08/staff-member-helps-at-desk-at-red-land-768x499.jpg 768w" sizes="auto, (max-width: 800px) 100v
865w, 800px" />
866              <div class="my-4 text-[1.875rem] leading-[2.25rem] text-teal font-bold font-quicksand">Ever wanted to work in a library? Join our team!</div>
867
868                                <a class="button-white" href="https://www.yorklibraries.org/careers/" target="_self">
869                    <span class="mr-2">Job Openings</span>
870                    <svg class="w-5 h-5 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M0 256a256 256 0 1 0 512 0 256 256 0 1 0-512 0zm241 121c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l87-87-87-87c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L345 239c9.4 9.4 9.4 24.6 0 33.9L241 377z"/></svg>
871                  </a>
872              
873                              </div>
874      </div>
875
876
877    </div>
878    <div class="hidden col-span-1 md:block">
879                        <img width="800" height="800" src="https://www.yorklibraries.org/wp-content/uploads/2026/08/literacy-for-change-home-page-square-graphic-october-2-2026.jpg" class="attachment-full size-full" alt="square graphic with text that reads &quot;Literacy for Change: Oct 2. YCL&#039;s Big Day of Giving&quot;" decoding="async" loading="lazy" srcset="https://www.yorklibraries.org/wp-content/uploads/2026/08/literacy-for-change-home-page-square-graphic-october-2-2026.jpg 800w, https://www.yorklibraries.org/wp-content/uploads/2026/08/literacy-for-change-home-page-square-graphic-october-2-2026-300x300.jpg 300w, https://www.yorklibraries.org/wp-content/uploads/2026/08/literacy-for-change-home-page-square-graphic-october-2-2026-150x150.jpg 150w, https://www.yorklibraries.org/wp-content/uploads/2026/08/literacy-for-change-home-page-square-graphic-october-2-2026-768x768.jpg 768w, https://www.yorklibraries.org/wp-content/uploads/2026/08/literacy-for-change-home-page-square-graphic-october-2-2026-600x600.jpg 600w, https://www.yorklibraries.org/wp-content/uploads/2026/08/literacy-for-change-home-page-square-graphic-october-2-2026-100x100.jpg 100w" sizes="auto, (max-width: 800px) 100vw, 800px" />
880          <div class="my-4 text-4xl leading-[2.625rem] text-teal font-bold font-quicksand">Literacy for Change 2026 is October 2!</div>
881          <div class="mb-5"><p><b>York County Libraries' annual day of giving is on October 2!</b>
882Libraries are essential to our communities, and literacy is the foundation for education, career success, and overall well-being. </p><br>
883<p>
884Your donations to Literacy for Change provide critical funding to support literacy and strengthen lifelong learning across our 13 connected libraries. </p></div>
885
886                        <a class="button-white" href="https://www.yorklibraries.org/support/literacy-for-change/" target="_self">
887                <span class="mr-2">Learn More</span>
888                <svg class="w-5 h-5 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M0 256a256 256 0 1 0 512 0 256 256 0 1 0-512 0zm241 121c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l87-87-87-87c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L345 239c9.4 9.4 9.4 24.6 0 33.9L241 377z"/></svg>
889              </a>
890          
891                  </div>
892  </div>
893</section>
894
895
896<!-- AUDIENCE TABS -->
897
898<div class="container px-5 mx-auto md:hidden">
899  <h3 class="mb-5 text-3xl font-bold text-teal font-quicksand">For You</h3>
900  <div>
901    <a x-data
902      class="flex items-center text-2xl leading-[1.625rem] font-semibold relative cursor-pointer px-5 py-8 bg-pink hover:bg-[#d5ebf3] rounded-tl-3xl rounded-br-3xl mb-5 text-white hover:text-pink-dark group motion-safe:opacity-0 [transition:opacity_1000ms_300ms]"
903      href="/for-you/kids/"
904      x-intersect.threshold.10="$el.classList.add('!opacity-100')"
905    >
906      <span class="flex-1 pr-5">Kids</span>
907      <span>
908        <svg class="w-8 h-8 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M0 256a256 256 0 1 0 512 0 256 256 0 1 0-512 0zm241 121c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l87-87-87-87c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L345 239c9.4 9.4 9.4 24.6 0 33.9L241 377z"/></svg>
909      </span>
910    </a>
911    <a x-data
912      class="flex items-center text-2xl leading-[1.625rem] font-semibold relative cursor-pointer px-5 py-8 bg-pink hover:bg-[#d5ebf3] rounded-tl-3xl rounded-br-3xl mb-5 text-white hover:text-pink-dark group motion-safe:opacity-0 [transition:opacity_1000ms_300ms]"
913      href="/for-you/teens/"
914      x-intersect.threshold.10="$el.classList.add('!opacity-100')"
915    >
916      <span class="flex-1 pr-5">Teens</span>
917      <span>
918        <svg class="w-8 h-8 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M0 256a256 256 0 1 0 512 0 256 256 0 1 0-512 0zm241 121c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l87-87-87-87c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L345 239c9.4 9.4 9.4 24.6 0 33.9L241 377z"/></svg>
919      </span>
920    </a>
921    <a x-data
922      class="flex items-center text-2xl leading-[1.625rem] font-semibold relative cursor-pointer px-5 py-8 bg-pink hover:bg-[#d5ebf3] rounded-tl-3xl rounded-br-3xl mb-5 text-white hover:text-pink-dark group motion-safe:opacity-0 [transition:opacity_1000ms_300ms]"
923      href="/for-you/adults/"
924      x-intersect.threshold.10="$el.classList.add('!opacity-100')"
925    >
926      <span class="flex-1 pr-5">Adults</span>
927      <span>
928        <svg class="w-8 h-8 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M0 256a256 256 0 1 0 512 0 256 256 0 1 0-512 0zm241 121c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l87-87-87-87c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L345 239c9.4 9.4 9.4 24.6 0 33.9L241 377z"/></svg>
929      </span>
930    </a>
931  </div>
932</div>
933
934
935<!-- Tabs -->
936<div class="hidden md:block"
937    x-data="{
938        selectedId: null,
939        init() {
940            // Set the first available tab on the page on page load.
941            this.$nextTick(() => this.select(this.$id('tab', 1)))
942        },
943        select(id) {
944            this.selectedId = id
945        },
946        isSelected(id) {
947            return this.selectedId === id
948        },
949        whichChild(el, parent) {
950            return Array.from(parent.children).indexOf(el) + 1
951        }
952    }"
953    x-id="['tab']"
954    class=""
955>
956    <!-- Tab List -->
957    <ul
958        x-ref="tablist"
959        @keydown.right.prevent.stop="$focus.wrap().next()"
960        @keydown.home.prevent.stop="$focus.first()"
961        @keydown.page-up.prevent.stop="$focus.first()"
962        @keydown.left.prevent.stop="$focus.wrap().prev()"
963        @keydown.end.prevent.stop="$focus.last()"
964        @keydown.page-down.prevent.stop="$focus.last()"
965        role="tablist"
966        class="container flex items-stretch px-5 mx-auto -mb-px text-4xl font-bold font-work"
967    >
968        <!-- Tab -->
969        <li class="px-10 bg-teal for-you rounded-tl-[40px]">
970            <button
971                :id="$id('tab', whichChild($el.parentElement, $refs.tablist))"
972                @click="select($el.id)"
973                @mousedown.prevent
974                @focus="select($el.id)"
975                type="button"
976                :tabindex="isSelected($el.id) ? 0 : -1"
977                :aria-selected="isSelected($el.id)"
978                :class="isSelected($el.id) ? 'border-b-white text-white' : 'text-[#bae6f5] hover:text-white'"
979                class="inline-flex px-5 py-2.5 border-b-[6px] border-transparent"
980                role="tab"
981            >Kids</button>
982        </li>
983
984        <li class="px-10 bg-teal">
985            <button
986                :id="$id('tab', whichChild($el.parentElement, $refs.tablist))"
987                @click="select($el.id)"
988                @mousedown.prevent
989                @focus="select($el.id)"
990                type="button"
991                :tabindex="isSelected($el.id) ? 0 : -1"
992                :aria-selected="isSelected($el.id)"
993                :class="isSelected($el.id) ? 'border-b-white text-white' : 'text-[#bae6f5] hover:text-white'"
994                class="inline-flex px-5 py-2.5 border-b-[6px] border-transparent"
995                role="tab"
996            >Teens</button>
997        </li>
998
999        <li class="px-10 bg-teal">
1000            <button
1001                :id="$id('tab', whichChild($el.parentElement, $refs.tablist))"
1002                @click="select($el.id)"
1003                @mousedown.prevent
1004                @focus="select($el.id)"
1005                type="button"
1006                :tabindex="isSelected($el.id) ? 0 : -1"
1007                :aria-selected="isSelected($el.id)"
1008                :class="isSelected($el.id) ? 'border-b-white text-white' : 'text-[#bae6f5] hover:text-white'"
1009                class="inline-flex px-5 py-2.5 border-b-[6px] border-transparent"
1010                role="tab"
1011            >Adults</button>
1012        </li>
1013    </ul>
1014
1015  <!-- Panels -->
1016  <div class="text-white rounded-b-md bg-teal bg-center bg-[length:190%_190%] bg-[url(./images/bg-ycl.svg)]">
1017    <!-- KIDS PANEL -->
1018    <section
1019      x-show="isSelected($id('tab', whichChild($el, $el.parentElement)))"
1020      :aria-labelledby="$id('tab', whichChild($el, $el.parentElement))"
1021      role="tabpanel"
1022      class="container grid grid-cols-1 gap-10 p-8 px-5 mx-auto md:grid-cols-2"
1023    >
1024        <div>
1025                                    <img width="600" height="395" src="https://www.yorklibraries.org/wp-content/uploads/2025/12/1000-Books-midyear-graphic-2026-600x395-1.jpg" class="attachment-full size-full" alt="Image of a group of children holding their hands above their heads. Text above them reads &quot;Music and Stories&quot;" decoding="async" loading="lazy" srcset="https://www.yorklibraries.org/wp-content/uploads/2025/12/1000-Books-midyear-graphic-2026-600x395-1.jpg 600w, https://www.yorklibraries.org/wp-content/uploads/2025/12/1000-Books-midyear-graphic-2026-600x395-1-300x198.jpg 300w, https://www.yorklibraries.org/wp-content/uploads/2025/12/1000-Books-midyear-graphic-2026-600x395-1-700x460.jpg 700w" sizes="auto, (max-width: 600px) 100vw, 600px" />
1026              <div class="my-4 text-4xl font-bold font-quicksand">1000 Books Before Kindergarten mid-year celebration is March 7, 2026! </div>
1027
1028                                <a class="button-white" href="https://events.yorklibraries.org/event/reading-journey-celebration-15076" target="_self">
1029                    <span class="mr-2">Learn More</span>
1030                    <svg class="w-5 h-5 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M0 256a256 256 0 1 0 512 0 256 256 0 1 0-512 0zm241 121c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l87-87-87-87c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L345 239c9.4 9.4 9.4 24.6 0 33.9L241 377z"/></svg>
1031                  </a>
1032              
1033                              </div>
1034
1035        <div class="flex flex-col justify-end pb-16">
1036                                  <div class="grid grid-cols-2 gap-5 mb-10">
1037              <div>
1038                <img width="560" height="360" src="https://www.yorklibraries.org/wp-content/uploads/2024/08/mother-reads-to-her-infant-in-the-library.jpg" class="attachment-full size-full" alt="Mother Reads To Her Infant In The Library" decoding="async" loading="lazy" srcset="https://www.yorklibraries.org/wp-content/uploads/2024/08/mother-reads-to-her-infant-in-the-library.jpg 560w, https://www.yorklibraries.org/wp-content/uploads/2024/08/mother-reads-to-her-infant-in-the-library-300x193.jpg 300w" sizes="auto, (max-width: 560px) 100v
1038w, 560px" />              </div>
1039
1040              <div>
1041                <div class="mb-4 text-[1.625rem] leading-[2rem] font-bold font-quicksand">Jump start your baby’s reading journey. Sign them up for 1000 Books Before Kindergarten!</div>
1042
1043                                    <a class="button-white" href="https://www.yorklibraries.org/library-services-programs/programming/1000-books-before-kindergarten/" target="_self">
1044                      <span class="mr-2">Learn More</span>
1045                      <svg class="w-5 h-5 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M0 256a256 256 0 1 0 512 0 256 256 0 1 0-512 0zm241 121c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l87-87-87-87c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L345 239c9.4 9.4 9.4 24.6 0 33.9L241 377z"/></svg>
1046                    </a>
1047                              </div>
1048            </div>
1049                      
1050                                  <div class="grid grid-cols-2 gap-5">
1051              <div>
1052                <img width="560" height="360" src="https://www.yorklibraries.org/wp-content/uploads/2024/08/families-meet-at-story-time-babies-play.jpg" class="attachment-full size-full" alt="Families Meet At Story Time Babies Play" decoding="async" loading="lazy" srcset="https://www.yorklibraries.org/wp-content/uploads/2024/08/families-meet-at-story-time-babies-play.jpg 560w, https://www.yorklibraries.org/wp-content/uploads/2024/08/families-meet-at-story-time-babies-play-300x193.jpg 300w" sizes="auto, (max-width: 560px) 100v
1052w, 560px" />              </div>
1053
1054              <div>
1055                <div class="mb-4 text-[1.625rem] leading-[2rem] font-bold font-quicksand">Everyone’s favorite... Story Times at the library!</div>
1056
1057                                    <a class="button-white" href="https://events.yorklibraries.org/events/month?program_types%5B19%5D=19" target="_self">
1058                      <span class="mr-2">Find a Story Time</span>
1059                      <svg class="w-5 h-5 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M0 256a256 256 0 1 0 512 0 256 256 0 1 0-512 0zm241 121c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l87-87-87-87c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L345 239c9.4 9.4 9.4 24.6 0 33.9L241 377z"/></svg>
1060                    </a>
1061                              </div>
1062            </div>
1063                              </div>
1064    </section>
1065
1066
1067    <!-- TEENS PANEL -->
1068    <section
1069      x-show="isSelected($id('tab', whichChild($el, $el.parentElement)))"
1070      :aria-labelledby="$id('tab', whichChild($el, $el.parentElement))"
1071      role="tabpanel"
1072      class="container grid grid-cols-1 gap-10 p-8 px-5 mx-auto md:grid-cols-2"
1073    >
1074        <div>
1075                                    <img width="1200" height="790" src="https://www.yorklibraries.org/wp-content/uploads/2025/06/Home-Page-Primary-Program-Image-Teens-at-SQ-2025-Block-Party.jpg" class="attachment-full size-full" alt="Home Page Primary Program Image Teens at SQ 2025 Block Party" decoding="async" loading="lazy" srcset="https://www.yorklibraries.org/wp-content/uploads/2025/06/Home-Page-Primary-Program-Image-Teens-at-SQ-2025-Block-Party.jpg 1200w, https://www.yorklibraries.org/wp-content/uploads/2025/06/Home-Page-Primary-Program-Image-Teens-at-SQ-2025-Block-Party-300x198.jpg 300w, https://www.yorklibraries.org/wp-content/uploads/2025/06/Home-Page-Primary-Program-Image-Teens-at-SQ-2025-Block-Party-1024x674.jpg 1024w, https://www.yorklibraries.org/wp-content/uploads/2025/06/Home-Page-Primary-Program-Image-Teens-at-SQ-2025-Block-Party-768x506.jpg 768w, https://www.yorklibraries.org/wp-content/uploads/2025/06/Home-Page-Primary-Program-Image-Teens-at-SQ-2025-Block-Party-700x460.jpg 700w, https://www.yorklibraries.org/wp-content/uploads/2025/06/Home-Page-Primary-Program-Image-Teens-at-SQ-2025-Block-Party-600x395.jpg 600w" sizes="auto, (max-width: 1200px) 100vw, 1200px" />
1076              <div class="my-4 text-4xl font-bold font-quicksand">SummerQuest is here!</div>
1077
1078                                <a class="button-white" href="https://www.yorklibraries.org/library-services-programs/programs/summerquest/" target="_self">
1079                    <span class="mr-2">Learn More &amp; Register Now</span>
1080                    <svg class="w-5 h-5 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M0 256a256 256 0 1 0 512 0 256 256 0 1 0-512 0zm241 121c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l87-87-87-87c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L345 239c9.4 9.4 9.4 24.6 0 33.9L241 377z"/></svg>
1081                  </a>
1082              
1083                              </div>
1084
1085        <div class="flex flex-col justify-end pb-16">
1086                                  <div class="grid grid-cols-2 gap-5 mb-10">
1087              <div>
1088                <img width="560" height="360" src="https://www.yorklibraries.org/wp-content/uploads/2024/08/home-page-cosplay-teen-smiles-at-camera.jpg" class="attachment-full size-full" alt="Home Page Cosplay Teen Smiles At Camera" decoding="async" loading="lazy" srcset="https://www.yorklibraries.org/wp-content/uploads/2024/08/home-page-cosplay-teen-smiles-at-camera.jpg 560w, https://www.yorklibraries.org/wp-content/uploads/2024/08/home-page-cosplay-teen-smiles-at-camera-300x193.jpg 300w" sizes="auto, (max-width: 560px) 100v
1088w, 560px" />              </div>
1089
1090              <div>
1091                <div class="mb-4 text-[1.625rem] leading-[2rem] font-bold font-quicksand">Transform into your favorite character at York Cosplay! Teens, show off your work during our fashion show.</div>
1092
1093                                    <a class="button-white" href="/library-services-programs/programs/york-cosplay/" target="_self">
1094                      <span class="mr-2">Learn more!</span>
1095                      <svg class="w-5 h-5 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M0 256a256 256 0 1 0 512 0 256 256 0 1 0-512 0zm241 121c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l87-87-87-87c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L345 239c9.4 9.4 9.4 24.6 0 33.9L241 377z"/></svg>
1096                    </a>
1097                              </div>
1098            </div>
1099                      
1100                                  <div class="grid grid-cols-2 gap-5">
1101              <div>
1102                <img width="560" height="360" src="https://www.yorklibraries.org/wp-content/uploads/2025/06/Home-page-YES-Teen-participates-in-activity.jpg" class="attachment-full size-full" alt="Home page YES Teen participates in activity" decoding="async" loading="lazy" srcset="https://www.yorklibraries.org/wp-content/uploads/2025/06/Home-page-YES-Teen-participates-in-activity.jpg 560w, https://www.yorklibraries.org/wp-content/uploads/2025/06/Home-page-YES-Teen-participates-in-activity-300x193.jpg 300w" sizes="auto, (max-width: 560px) 100v
1102w, 560px" />              </div>
1103
1104              <div>
1105                <div class="mb-4 text-[1.625rem] leading-[2rem] font-bold font-quicksand">Discover new interests and opportunities at the Youth Empowerment Summit!</div>
1106
1107                                    <a class="button-white" href="https://www.yorklibraries.org/library-services-programs/programs/yes/" target="_self">
1108                      <span class="mr-2">Learn more!</span>
1109                      <svg class="w-5 h-5 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M0 256a256 256 0 1 0 512 0 256 256 0 1 0-512 0zm241 121c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l87-87-87-87c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L345 239c9.4 9.4 9.4 24.6 0 33.9L241 377z"/></svg>
1110                    </a>
1111                              </div>
1112            </div>
1113                              </div>
1114    </section>
1115
1116
1117    <!-- ADULTS PANEL -->
1118    <section
1119      x-show="isSelected($id('tab', whichChild($el, $el.parentElement)))"
1120      :aria-labelledby="$id('tab', whichChild($el, $el.parentElement))"
1121      role="tabpanel"
1122      class="container grid grid-cols-1 gap-10 p-8 px-5 mx-auto md:grid-cols-2"
1123    >
1124        <div>
1125                                    <img width="1200" height="790" src="https://www.yorklibraries.org/wp-content/uploads/2024/08/home-page-primary-program-book-club.jpg" class="attachment-full size-full" alt="Home Page Primary Program Book Club" decoding="async" loading="lazy" srcset="https://www.yorklibraries.org/wp-content/uploads/2024/08/home-page-primary-program-book-club.jpg 1200w, https://www.yorklibraries.org/wp-content/uploads/2024/08/home-page-primary-program-book-club-600x395.jpg 600w, https://www.yorklibraries.org/wp-content/uploads/2024/08/home-page-primary-program-book-club-300x198.jpg 300w, https://www.yorklibraries.org/wp-content/uploads/2024/08/home-page-primary-program-book-club-1024x674.jpg 1024w, https://www.yorklibraries.org/wp-content/uploads/2024/08/home-page-primary-program-book-club-768x506.jpg 768w, https://www.yorklibraries.org/wp-content/uploads/2024/08/home-page-primary-program-book-club-700x460.jpg 700w" sizes="auto, (max-width: 1200px) 100vw, 1200px" />
1126              <div class="my-4 text-4xl font-bold font-quicksand">Let’s talk books! Bring a friend and join a book club!</div>
1127
1128                                <a class="button-white" href="https://events.yorklibraries.org/events/month?age_groups%5B4
1128%5D=4&#038;program_types%5B92%5D=92" target="_self">
1129                    <span class="mr-2">Attend a book club!</span>
1130                    <svg class="w-5 h-5 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M0 256a256 256 0 1 0 512 0 256 256 0 1 0-512 0zm241 121c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l87-87-87-87c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L345 239c9.4 9.4 9.4 24.6 0 33.9L241 377z"/></svg>
1131                  </a>
1132              
1133                              </div>
1134
1135        <div class="flex flex-col justify-end pb-16">
1136                                  <div class="grid grid-cols-2 gap-5 mb-10">
1137              <div>
1138                <img width="560" height="360" src="https://www.yorklibraries.org/wp-content/uploads/2024/08/home-page-hands-knitting-pink-yarn.jpg" class="attachment-full size-full" alt="Home Page Hands Knitting Pink Yarn" decoding="async" loading="lazy" srcset="https://www.yorklibraries.org/wp-content/uploads/2024/08/home-page-hands-knitting-pink-yarn.jpg 560w, https://www.yorklibraries.org/wp-content/uploads/2024/08/home-page-hands-knitting-pink-yarn-300x193.jpg 300w" sizes="auto, (max-width: 560px) 100v
1138w, 560px" />              </div>
1139
1140              <div>
1141                <div class="mb-4 text-[1.625rem] leading-[2rem] font-bold font-quicksand">Find a new interest at the library! We offer many programs designed just for adults.</div>
1142
1143                                    <a class="button-white" href="https://events.yorklibraries.org/events/month?age_groups%5B4%5D=4" target="_self">
1144                      <span class="mr-2">Find events</span>
1145                      <svg class="w-5 h-5 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M0 256a256 256 0 1 0 512 0 256 256 0 1 0-512 0zm241 121c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l87-87-87-87c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L345 239c9.4 9.4 9.4 24.6 0 33.9L241 377z"/></svg>
1146                    </a>
1147                              </div>
1148            </div>
1149                      
1150                                  <div class="grid grid-cols-2 gap-5">
1151              <div>
1152                <img width="560" height="360" src="https://www.yorklibraries.org/wp-content/uploads/2024/08/Home-Page-historical-photo-of-kids-in-library.jpg" class="attachment-full size-full" alt="Home Page Historical Photo Of Kids In Library" decoding="async" loading="lazy" srcset="https://www.yorklibraries.org/wp-content/uploads/2024/08/Home-Page-historical-photo-of-kids-in-library.jpg 560w, https://www.yorklibraries.org/wp-content/uploads/2024/08/Home-Page-historical-photo-of-kids-in-library-300x193.jpg 300w" sizes="auto, (max-width: 560px) 100v
1152w, 560px" />              </div>
1153
1154              <div>
1155                <div class="mb-4 text-[1.625rem] leading-[2rem] font-bold font-quicksand">Dig into the past with one of our expert-led history programs.</div>
1156
1157                                    <a class="button-white" href="https://events.yorklibraries.org/events/month?age_groups%5B4%5D=4&#038;program_types%5B97%5D=97" target="_self">
1158                      <span class="mr-2">See calendar</span>
1159                      <svg class="w-5 h-5 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M0 256a256 256 0 1 0 512 0 256 256 0 1 0-512 0zm241 121c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l87-87-87-87c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L345 239c9.4 9.4 9.4 24.6 0 33.9L241 377z"/></svg>
1160                    </a>
1161                              </div>
1162            </div>
1163                              </div>
1164    </section>
1165
1166
1167  </div>
1168</div>
1169
1170<section class="py-20">
1171  <div class="container px-5 mx-auto">
1172    <div class="grid grid-cols-1 gap-10 xl:grid-cols-2">
1173      <div>
1174        <h1 class="text-pink text-3xl md:text-[3.4375rem] md:leading-[3.625rem] font-quicksand font-bold mb-4">One little card… limitless possibilities!</h1>
1175        <div class="prose"><p>Checking out library books is just the start at York County Libraries. Our programs allow families to grow and learn together. Our expert-led events take deep dives—or fun trips—into specific topics. Our collections are always offering new things to read, watch, and hear. And don’t forget: your library card is accepted at all 13 libraries in York County!</p>
1176</div>
1177      </div>
1178      <div class="grid max-w-xl grid-cols-1 gap-10 mx-auto md:grid-cols-2">
1179        <a class="hover:bg-[#f5e6f1] min-h-60 flex overflow-hidden items-end relative hover:from-transparent hover:to-transparent group hover:text-pink text-[3.125rem] rounded-tl-4xl border-b-4 border-b-[#e0e0e0] rounded-br-4xl leading-[3.125rem] font-bold bg-gradient-to-b text-white from-[#af2489] to-[#622365] p-5" href="/library-services-programs/get
1179-a-library-card/">
1180          <div class="mix-blend-screen absolute opacity-20 z-0 inset-0 bg-[url('./images/bg-ycl-teal.svg')] bg-[length:160%_160%] bg-center"></div>
1181          <div class="absolute z-10 top-5 right-5"><svg class="w-20 -rotate-12 group-hover:drop-shadow-none drop-shadow-[4px_4px_6px_rgba(0,0,0,0.30)]" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" id="Layer_1" x="0" y="0" style="enable-background:new 0 0 576 512" version="1.1" viewBox="0 0 576 512"><path d="M512 80c8.8 0 16 7.2 16 16v320c0 8.8-7.2 16-16 16H64c-8.8 0-16-7.2-16-16V96c0-8.8 7.2-16 16-16h448zM64 32C28.7 32 0 60.7 0 96v320c0 35.3 28.7 64 64 64h448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64z" class="fill-current" /><path d="M436 166.7c-8.2 0-14.9 6.6-14.9 14.9s6.6 14.9 14.9 14.9h49.5c8.2 0 14.9-6.6 14.9-14.9s-6.6-14.9-14.9-14.9H436zM436 226.2c-8.2 0-14.9 6.6-14.9 14.9S427.7 256 436 256h49.5c8.2 0 14.9-6.6 14.9-14.9 0-8.2-6.6-14.9-14.9-14.9H436z" class="fill-current"/><path d="M448.5 288.7h-67.8V165.5c0-2.2-1.8-4-4-4h-48.8c-2.2 0-4 1.8-4 4v123.2h-32c-19.4 0-35.2-15.8-35.2-35.2 0-19.4 15.8-35.2 35.2-35.2h24.4c2.2 0 4-1.8 4-4v-48.8c0-2.2-1.8-4-4-4h-24.4c-17.9 0-35.1 5.1-50.1 14.9l-17.1-17.1c-1.6-1.6-4.1-1.6-5.7 0L165.3 213l-53.7-53.7c-1.6-1.6-4.1-1.6-5.7 0l-34.5 34.5c-.8.8-1.2 1.8-1.2 2.8s.4 2.1 1.2 2.8l65.5 65.5v76.5c0 2.2 1.8 4 4 4h48.8c2.2 0 4-1.8 4-4V265l6.3-6.3c2.7 48.3 42.9 86.8 91.9 86.8h156.7c2.2 0 4-1.8 4-4v-48.8c0-2.2-1.8-4-4.1-4zm-113.6 0V172.5h34.8v116.2h-34.8zm-187-13c5 3.9 11 5.9 17.4 5.9 6.4 0 12.4-2.1 17.4-5.9v58.8h-34.8v-58.8zm17.4-5.1c-4.6 0-9-1.8-12.3-5.1l-5.1-5.1v-7.2c0-9.6 7.8-17.4 17.4-17.4s17.4 7.8 17.4 17.4v7.2l-5.1 5.1c-3.3 3.3-7.7 5.1-12.3 5.1zm-5.7-45.2c-12 2.5-20.9 12.4-22.5 24.2l-53-53 24.6-24.6 53 53c-.7.1-1.4.2-2.1.4zm9.3-.4 53-53 10.9 10.9c-.1.1-.3.2-.4.4-.3.3-.6.5-.9.8-.3.3-.6.5-.9.8-.3.3-.6.5-.9.8-.3.3-.6.5-.9.8-.3.3-.6.5-.9.8l-.9.9-.8.8-.9.9c-.3.3-.5.6-.8.9-.3.3-.6.6-.8.9-.3.3-.5.6-.8.9-.3.3-.5.6-.8.9-.3.3-.5.6-.7.9-.3.3-.5.6-.8 1-.2.3-.5.6-.7.9-.3.3-.5.7-.8 1-.2.3-.5.6-.7.9-.3.3-.5.7-.7 1-.2.3-.4.6-.7.9-.2.3-.5.7-.8 1.1l-.6.9c-.2.4-.5.7-.7 1.1l-.6.9c-.2.4-.5.7-.7 1.1l-.1.1c-.2.3-.3.6-.5.8-.2.3-.4.7-.6 1l-.1.2c-.2.3-.3.5-.5.8-.2.3-.4.7-.6 1l-.2.3c-.1.2-.3.5-.4.7-.2.4-.4.7-.6 1.1l-.2.3c-.1.2-.2.5-.4.7-.2.3-.3.7-.5 1l-.5 1.1c-.2.4-.3.7-.5 1.1l-.2.4c-.1.2-.2.4-.3.7-.2.4-.3.7-.5 1.1l-.5 1.1c-.2.4-.3.8-.5 1.2l-.4 1c-.2.5-.4 1-.5 1.4l-.3.8c-.2.7-.4 1.3-.7 2l-.1.2c-.2.8-.5 1.5-.7 2.3l-.1.4c-.2.6-.4 1.3-.5 1.9l-.2 1c-.1.4-.2.9-.3 1.3-.1.2-.1.4-.1.7l-.1.5-.3 1.2c0 .2-.1.5-.1.7l-.1.6c-.1.4-.1.7-.2 1.1 0 .3-.1.5-.1.8l-.1.6c-.1.4-.1.7-.2 1.1 0 .3-.1.6-.1.9l-.1.5c0 .3-.1.7-.1 1 0 .2-.1.5-.1.7l-7 7c-1.5-11.9-10.5-21.8-22.5-24.2-.6-.2-1.3-.3-2-.4zm46.1 3.1c.2-.6.4-1.1.6-1.7l.2-.5c.4-1.2.9-2.3 1.3-3.3l.1-.3c.5-1.2 1-2.3 1.5-3.3v-.1c.5-1 1-2.1 1.6-3.2l.2-.4c.5-1 1.1-2 1.7-3l.3-.5c.
11816-1 1.2-1.9 1.8-2.9l.3-.5c.6-1 1.3-1.9 2-2.8l.3-.4c.7-1 1.4-1.9 2.1-2.7l.3-.3c.8-1 1.6-1.9 2.4-2.8l.1-.1c.8-.9 1.6-1.8 2.5-2.6l.2-.2c.8-.8 1.6-1.6 2.6-2.5l.4-.3c.8-.7 1.7-1.5 2.6-2.3l.5-.4.2-.2 5.8 5.8-31.6 31.5zm-3.9 19.5 48.1-48.1c.8-.8 1.2-1.8 1.2-2.8s-.4-2.1-1.2-2.8l-9.5-9.4c12.7-7.8 27.1-11.9 42.1-11.9h17.4v34.8h-17.4c-25.5 0-46.2 20.7-46.2 46.2 0 25.5 20.7 46.2 46.2 46.2h32v17.4c0 .6 0 1.2.1 1.8v.5c0 .5.1.9.1 1.4l.1.4c.1.6.2 1.2.3 1.7l.1.3c.1.5.2.9.3 1.4l.1.5c.1.5.3.9.5 1.4l.1.2c.2.5.4 1.1.6 1.6l.2.4.6 1.2.2.4c.3.5.5 1 .8 1.5.3.5.6.9.9 1.4.1.1.2.3.3.4.2.3.4.6.7.9h-38c-44.7 0-81-36.3-81-81 .1-2 .1-4 .3-6zm158.6 52.1v34.8h-17.4c-9.6 0-17.4-7.8-17.4-17.4v-17.4h34.8zm11 34.8v-34.8h60.9v34.8h-60.9z" class="fill-current"/></svg></div>
1182          <div class="z-10 group-hover:[text-shadow:none] [text-shadow:_4px_8px_6px_rgb(1_1_1_/_30%)]">Get a Library Card</div>
1183        </a>
1184        <a class="hover:bg-[#f6eadf] min-h-60 flex overflow-hidden items-end relative hover:from-transparent hover:to-transparent group hover:text-[#db6300] text-[3.125rem] rounded-tl-4xl border-b-4 border-b-[#e0e0e0] rounded-br-4xl leading-[3.125rem] font-bold bg-gradient-to-b text-white from-[#feac00] to-[#d47620] p-5" href="/find-a-library/">
1185          <div class="mix-blend-screen absolute opacity-20 z-0 inset-0 bg-[url('./images/bg-ycl-teal.svg')] bg-[length:160%_160%] bg-center"></div>
1186          <div class="absolute z-10 top-5 right-5">
1187            <svg class="w-10 group-hover:drop-shadow-none drop-shadow-[4px_4px_6px_rgba(0,0,0,0.30)]" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="enable-background:new 0 0 384 512" viewBox="0 0 384 512"><path d="M215.7 499.2C267 435 384 279.4 384 192 384 86 298 0 192 0S0 86 0 192c0 87.4 117 243 168.3 307.2 12.3 15.3 35.1 15.3 47.4 0zM192 128c35.3 0 64 28.7 64 64s-28.7 64-64 64-64-28.7-64-64 28.7-64 64-64z" class="fill-current"/></svg>
1188          </div>
1189          <div class="z-10 group-hover:[text-shadow:none] [text-shadow:_4px_8px_6px_rgb(1_1_1_/_30%)]">Find a Library</div>
1190        </a>
1191      </div>
1192    </div>
1193  </div>
1194</section>
1195
1196
1197
1198
1199<!-- CONTENT BLOCKS -->
1200            
1201<div class="flex flex-col items-center">
1202  <div class="grid clear-both w-full grid-cols-1 md:grid-cols-2" >
1203        <div class="flex flex-col justify-center p-5 prose md:px-10 md:py-20 bg-[#efefef]">
1204      <div class="mx-auto md:max-w-xl">
1205        <div class="mb-3 text-lg font-medium uppercase text-pink">Spark your curiosity</div>
1206        <h2 class="!text-2xl font-bold md:!text-4xl font-quicksand text-teal">We have programs for everyone!</h2>
1207        <div class="text-lg prose-p:leading-[1.625rem] text-gray-text"><p>At York County Libraries, we want to help you find your next favorite book, discover a new hobby, meet new people, and help you write your next chapter! Our programs and events are a great place to start.</p>
1208</div>
1209
1210                  <div class="border-t border-t-[#c5c5c5]">
1211                          <div class="border-b border-b-[#c5c5c5] py-3">
1212                                    <a class="px-4 rounded-tl-xl rounded-br-xl inline-flex items-center hover:bg-[#d6d6d6] not-prose font-medium text-[1.75rem] text-pink hover:text-purple" href="https://www.yorklibraries.org/library-services-programs/programs/" target="_self">
1213                      <svg class="w-6 h-6 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M0 256a256 256 0 1 0 512 0 256 256 0 1 0-512 0zm241 121c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l87-87-87-87c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L345 239c9.4 9.4 9.4 24.6 0 33.9L241 377z"/></svg>
1214                      <span class="flex-1 ml-3">Learn more about our programs</span>
1215                    </a>
1216                              </div>
1217                          <div class="border-b border-b-[#c5c5c5] py-3">
1218                                    <a class="px-4 rounded-tl-xl rounded-br-xl inline-flex items-center hover:bg-[#d6d6d6] not-prose font-medium text-[1.75rem] text-pink hover:text-purple" href="https://events.yorklibraries.org/events/" target="_self">
1219                      <svg class="w-6 h-6 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M0 256a256 256 0 1 0 512 0 256 256 0 1 0-512 0zm241 121c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l87-87-87-87c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L345 239c9.4 9.4 9.4 24.6 0 33.9L241 377z"/></svg>
1220                      <span class="flex-1 ml-3">See upcoming events</span>
1221                    </a>
1222                              </div>
1223                      </div>
1224        
1225        
1226        
1227      </div>
1228    </div>
1229    <div class="bg-center bg-cover min-h-[300px] md:min-h-[550px] order-first" style="background-image: url(https://www.yorklibraries.org/wp-content/uploads/2024/08/STEAM-robotics-program-boy-looking-through-robot.jpg);"></div>
1230  </div>
1231</div>
1232                <section class="hidden md:block py-20 bg-purple bg-[url('./images/bg-circles.svg')] bg-[length:95px_95px]">
1233  <div class="container px-5 mx-auto max-w-7xl">
1234    <div class="flex flex-wrap items-center justify-center">
1235      <div class="w-[500px]">
1236        <img width="1000" height="1000" src="https://www.yorklibraries.org/wp-content/uploads/2025/04/hoover-family-father-and-two-daughters-smiling.jpg" class="attachment-full size-full" alt="father holding and hugging his two daughters while smiling at the camera with bookshelves behind them." decoding="async" loading="lazy" srcset="https://www.yorklibraries.org/wp-content/uploads/2025/04/hoover-family-father-and-two-daughters-smiling.jpg 1000w, https://www.yorklibraries.org/wp-content/uploads/2025/04/hoover-family-father-and-two-daughters-smiling-300x300.jpg 300w, https://www.yorklibraries.org/wp-content/uploads/2025/04/hoover-family-father-and-two-daughters-smiling-150x150.jpg 150w, https://www.yorklibraries.org/wp-content/uploads/2025/04/hoover-family-father-and-two-daughters-smiling-768x768.jpg 768w, https://www.yorklibraries.org/wp-content/uploads/2025/04/hoover-family-father-and-two-daughters-smiling-600x600.jpg 600w, https://www.yorklibraries.org/wp-content/uploads/2025/04/hoover-family-father-and-two-daughters-smiling-100x100.jpg 100w" sizes="auto, (max-width: 1000px) 100vw, 1000px" />      </div>
1237      <div class="z-20 flex-1 md:-ml-20">
1238        <div class="p-10 bg-white rounded-tl-4xl rounded-br-4xl">
1239                      <div class="mb-3 text-2xl font-medium uppercase text-pink">Real Library Stories</div>
1240                                <h2 class="!text-2xl font-bold md:!text-4xl font-quicksand text-teal">A Place of Solace: One Family's Story</h2>
1241                                <div class="text-lg prose-p:leading-[1.625rem]">"The library was a calming place of solace for our family. Before we adopted our beautiful daughters, during visitation we would go to the library. Many hours were spent in Martin Library. The foster system can be very draining mentally and emotionally and it was nice to have a calm escape sometimes, just to get lost in a good book to unwind. I felt that the library kept me grounded a lot during some very stressful times. Then after we picked the girls back up, we would take them to enjoy what the library offers them as well. Now, we tend to go to Village Library in Jacobus to get books and spend quality time as a family."</div>
1242                                <a class="mt-5 button-blue" href="/support/my-library-story/" target="_self">
1243              <span class="mr-2">Share your story</span>
1244              <svg class="w-5 h-5 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M0 256a256 256 0 1 0 512 0 256 256 0 1 0-512 0zm241 121c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l87-87-87-87c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L345 239c9.4 9.4 9.4 24.6 0 33.9L241 377z"/></svg>
1245            </a>
1246                  </div>
1247      </div>
1248    </div>
1249  </div>
1250</section>          
1251      
1252      <section class="relative clear-both py-10 md:py-20">
1253        <div class="container px-5 mx-auto max-w-7xl">
1254          <div class="relative z-30 flex flex-wrap items-center">
1255            <div class="pt-3 md:flex-1 md:pr-20">
1256              <h3 style="filter: drop-shadow(.05em .05em #ed7112);" class="text-3xl md:text-[2.5rem] md:leading-[2.875rem] font-bold text-white mb-1 font-quicksand [text-shadow:_2px_4px_5px_rgb(221_106_17_/_100%)]">Support York County Libraries</h3>
1257              <div class="mt-5 text-xl leading-[1.75rem] text-[#2b2b2b]">Your donation, however small, makes a big impact. Just $20 can buy a child’s book, allow a senior to get technology access, or get a teen homework help.</div>
1258            </div>
1259            <div class="w-full mt-5 md:text-right md:w-auto md:mt-0">
1260                              <a class="drop-shadow-[_2px_9px_5px_rgb(221_106_17_/_100%)] button-white button-large" href="https://www.yorklibraries.org/donate-now/" target="_self">
1261                  <span class="mr-2">Donate Now</span>
1262                  <svg class="w-5 h-5 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M0 256a256 256 0 1 0 512 0 256 256 0 1 0-512 0zm241 121c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l87-87-87-87c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L345 239c9.4 9.4 9.4 24.6 0 33.9L241 377z"/></svg>
1263                </a>
1264                          </div>
1265          </div>
1266        </div>
1267        <img alt="" src="https://www.yorklibraries.org/wp-content/themes/york-county-libraries/theme/images/bg-cta.jpg" class="absolute inset-0 object-cover w-full h-full mix-blend-multiply">
1268      </section>
1269      
1270		</main><!-- #main -->
1271	</section><!-- #primary -->
1272
1273
1274	</div><!-- #content -->
1275
1276	
1277<footer class="footer">
1278	<div class="py-5 text-white bg-blue-dark md:py-10">
1279		<div class="container px-5 mx-auto">
1280			<div class="grid gap-10 grid-gap-1 md:grid-cols-5 md:gap-10">
1281				<div>
1282											<nav aria-label="Footer Menu">
1283							<div class="menu-footer-menu-1-container"><ul id="menu-footer-menu-1" class="footer-menu font-quicksand text-white [&amp;&gt;li&gt;a]:text-xl [&amp;&gt;li&gt;a]:px-2 [&amp;&gt;li&gt;a]:pl-2 [&amp;&gt;li&gt;a]:pr-10 [&amp;&gt;li&gt;a]:font-bold [&amp;&gt;li&gt;a:hover]:bg-[#022d3d] [&amp;&gt;li&gt;a]:rounded-tl-xl [&amp;&gt;li&gt;a]:rounded-br-xl"><li id="menu-item-449" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-449"><a href="https://www.yorklibraries.org/find-a-library/">Find a Library</a></li>
1284<li id="menu-item-450" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-450"><a href="https://www.yorklibraries.org/library-services-programs/">What Can I Do?</a>
1285<ul class="sub-menu">
1286	<li id="menu-item-451" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-451"><a href="https://www.yorklibraries.org/library-services-programs/get
1286-a-library-card/">Get My Library Card</a></li>
1287	<li id="menu-item-2388" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2388"><a href="https://www.yorklibraries.org/library-services-programs/programs/">Programming</a></li>
1288	<li id="menu-item-1723" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1723"><a href="https://www.yorklibraries.org/library-services-programs/online-resources/">Online Resources</a></li>
1289	<li id="menu-item-1722" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1722"><a href="https://www.yorklibraries.org/library-services-programs/services/">Services</a></li>
1290</ul>
1291</li>
1292<li id="menu-item-1724" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1724"><a href="https://events.yorklibraries.org/events/month">Events</a></li>
1293</ul></div>						</nav>
1294									</div>
1295
1296				<div>
1297											<nav aria-label="Footer Menu">
1298							<div class="menu-footer-menu-2-container"><ul id="menu-footer-menu-2" class="footer-menu font-quicksand text-white [&amp;&gt;li&gt;a]:text-xl [&amp;&gt;li&gt;a]:px-2 [&amp;&gt;li&gt;a]:pl-2 [&amp;&gt;li&gt;a]:pr-10 [&amp;&gt;li&gt;a]:font-bold [&amp;&gt;li&gt;a:hover]:bg-[#022d3d] [&amp;&gt;li&gt;a]:rounded-tl-xl [&amp;&gt;li&gt;a]:rounded-br-xl"><li id="menu-item-1733" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-1733"><a href="https://www.yorklibraries.org/books-and-more/">Books &#038; More</a>
1299<ul class="sub-menu">
1300	<li id="menu-item-1734" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1734"><a href="https://www.yorklibraries.org/books-and-more/books/">Books</a></li>
1301	<li id="menu-item-1736" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1736"><a href="https://www.yorklibraries.org/books-and-more/movies-music/">Movies &#038; Music</a></li>
1302	<li id="menu-item-1735" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1735"><a href="https://www.yorklibraries.org/books-and-more/ebooks-audiobooks/">eBooks, Audiobooks &#038; More</a></li>
1303	<li id="menu-item-2389" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2389"><a href="https://www.yorklibraries.org/books-and-more/non-book-things/">Tech &#038; Games</a></li>
1304	<li id="menu-item-2390" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2390"><a href="/books-and-more/non-book-things/#hands-on-kits-steam">Hands-On Kits &#038; STEAM</a></li>
1305</ul>
1306</li>
1307</ul></div>						</nav>
1308									</div>
1309				<div>
1310											<nav aria-label="Footer Menu">
1311							<div class="menu-footer-menu-3-container"><ul id="menu-footer-menu-3" class="footer-menu font-quicksand text-white [&amp;&gt;li&gt;a]:text-xl [&amp;&gt;li&gt;a]:px-2 [&amp;&gt;li&gt;a]:pl-2 [&amp;&gt;li&gt;a]:pr-10 [&amp;&gt;li&gt;a]:font-bold [&amp;&gt;li&gt;a:hover]:bg-[#022d3d] [&amp;&gt;li&gt;a]:rounded-tl-xl [&amp;&gt;li&gt;a]:rounded-br-xl"><li id="menu-item-1725" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-1725"><a href="https://www.yorklibraries.org/support/">Support The Library</a>
1312<ul class="sub-menu">
1313	<li id="menu-item-2384" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2384"><a href="https://www.yorklibraries.org/donate-now/">Donate</a></li>
1314	<li id="menu-item-1726" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1726"><a href="https://www.yorklibraries.org/support/library-honors-events/">Library Honors Events</a></li>
1315	<li id="menu-item-1727" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1727"><a href="https://www.yorklibraries.org/support/volunteer/">Volunteer</a></li>
1316</ul>
1317</li>
1318<li id="menu-item-1728" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-1728"><a href="https://www.yorklibraries.org/about-us/">About Us</a>
1319<ul class="sub-menu">
1320	<li id="menu-item-1729" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1729"><a href="https://www.yorklibraries.org/about-us/organizational-leadership/">Organizational Leadership</a></li>
1321	<li id="menu-item-1730" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1730"><a href="https://www.yorklibraries.org/news/">News</a></li>
1322	<li id="menu-item-1731" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1731"><a href="https://www.yorklibraries.org/careers/">Careers</a></li>
1323	<li id="menu-item-1732" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1732"><a href="https://www.yorklibraries.org/contact-us/">Contact Us</a></li>
1324</ul>
1325</li>
1326</ul></div>						</nav>
1327									</div>
1328				<div class="md:col-span-2">
1329
1330					<h2 class="border-b-[5px] border-b-[#2a809d] mb-5 font-work text-[1.875rem] font-bold">Connect With Us</h2>
1331					<div class="flex items-end mb-10">
1332													<a class="flex items-center justify-center w-10 h-10 mr-4 text-white duration-300 rounded-full bg-pink hover:text-pink hover:bg-white" target="_blank" href="https://www.facebook.com/YorkCountyLibraries/" aria-label="facebook">
1333								<svg class="h-5 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512">
1333<path class="fill-current" d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"/></svg>
1334							</a>
1335																			<a class="flex items-center justify-center w-10 h-10 mr-4 text-white duration-300 rounded-full bg-pink hover:text-pink hover:bg-white" target="_blank" href="https://www.instagram.com/yorkcountylibraries/" aria-label="instagram">
1336								<svg aria-hidden="true" data-prefix="fab" data-icon="instagram" class="h-5 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path class="fill-current" d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"/></svg>
1337							</a>
1338																			<a class="flex items-center justify-center w-10 h-10 mr-4 text-white duration-300 rounded-full bg-pink hover:text-pink hover:bg-white" target="_blank" href="https://www.youtube.com/channel/UC28KI_iUFBHEYFFcj_gnxRw" aria-label="youtube">
1339								<svg aria-hidden="true" data-prefix="fab" data-icon="youtube" class="h-5 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"/></svg>
1340							</a>
1341																			<a class="flex items-center justify-center w-10 h-10 mr-4 text-white duration-300 rounded-full bg-pink hover:text-pink hover:bg-white" target="_blank" href="https://twitter.com/yorklibraries" aria-label="twitter">
1342								<svg aria-hidden="true" data-prefix="fab" data-icon="twitter" class="h-5 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8l164.9-188.5L26.8 48h145.6l100.5 132.9L389.2 48zm-24.8 373.8h39.1L151.1 88h-42l255.3 333.8z"/></svg>
1343							</a>
1344																	</div>
1345
1346					<div class="flex flex-wrap mb-5 sm:mb-10">
1347						<div class="w-full sm:flex-1 font-semibold text-[1.375rem] leading-[1.625rem] pr-5">
1348							Sign up for library news!
1349						</div>
1350						<div class="w-full mt-2 sm:w-auto sm:mt-0">
1351							<a class="button-white" href="/newsletter/">
1352								<span class="mr-2">Sign Up!</span>
1353								<svg class="w-5 h-5 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M0 256a256 256 0 1 0 512 0 256 256 0 1 0-512 0zm241 121c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l87-87-87-87c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L345 239c9.4 9.4 9.4 24.6 0 33.9L241 377z"/></svg>
1354							</a>
1355						</div>
1356					</div>
1357
1358					<div class="flex flex-wrap">
1359						<div class="hidden sm:block w-[193px]">
1360							<img width="193" height="74" alt="York County Libraries" src="https://www.yorklibraries.org/wp-content/themes/york-county-libraries/theme/images/logo-white.svg">
1361						</div>
1362						<div class="w-full pl-5 sm:flex-1">
1363							<div class="font-quicksand">
1364								<div class="mt-3 text-2xl font-semibold">
1365									York County Libraries								</div>
1366								<div>
1367									159 E Market Street, York, PA 17401								</div>
1368								<div>
1369									717-849-6944								</div>
1370							</div>
1371						</div>
1372					</div>
1373				</div>
1374			</div>
1375					</div>
1376	</div>
1377
1378	<div class="py-5 text-white bg-teal-dark">
1379		<div class="container px-5 mx-auto">
1380			<div class="flex flex-wrap md:flex-row-reverse text-[0.8125rem] hover:[&>a]:underline">
1381				<div class="flex flex-1 mb-3 md:justify-end gap-x-5 md:gap-x-10 md:mb-0">
1382					<a href="/sitemap">Sitemap</a>
1383					<a href="/privacy-policy">Privacy Policy</a>
1384					<a href="/terms-and-conditions">Terms and Conditions</a>
1385				</div>
1386				<div class="mr-10">&copy; 2026 York County Libraries All Rights Reserved.</div>
1387			</div>
1388		</div>
1389	</div>
1390</footer>
1391
1392</div><!-- #page -->
1393
1394<div x-data="{ top: false }">
1395	<div x-cloak class="fixed z-50 transition duration-300 bottom-5 right-5" x-show="top" @scroll.window="top = (window.pageYOffset > 100) ? true : false">
1396		<a class="text-pink hover:text-purple" href="#top">
1397			<svg class="w-10 h-10 -rotate-90 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M0 256a256 256 0 1 0 512 0 256 256 0 1 0-512 0zm241 121c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l87-87-87-87c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L345 239c9.4 9.4 9.4 24.6 0 33.9L241 377z"></path></svg>
1398		</a>
1399	</div>
1400</div>
1401
1402<script type="speculationrules">
1403{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/york-county-libraries/theme/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
1404</script>
1404
1405	
1405<script>
1406		(function () {
1407			var c = document.body.className;
1408			c = c.replace(/woocommerce-no-js/, 'woocommerce-js');
1409			document.body.className = c;
1410		})();
1411	</script>
1411
1412	
1412<script data-wp-strategy="defer" defer id="gtm4wp-ecommerce-generic-js" src="https://www.yorklibraries.org/wp-content/plugins/duracelltomi-google-tag-manager/build/gtm4wp-ecommerce-generic.js?ver=2.0.3"></script>
vendor: 1 bytes, line 1412
1412
1413<script id="gtm4wp-woocommerce-js-before">
1414window.gtm4wp_store_api_cart_url = "https:\/\/www.yorklibraries.org\/wp-json\/wc\/store\/v1\/cart";
1415//# sourceURL=gtm4wp-woocommerce-js-before
1416</script>
vendor: 1 bytes, line 1416
1416
1417<script id="gtm4wp-woocommerce-js" src="https://www.yorklibraries.org/wp-content/plugins/duracelltomi-google-tag-manager/build/gtm4wp-woocommerce.js?ver=2.0.3"></script>
vendor: 1 bytes, line 1417
1417
1418<script id="react-js" src="https://www.yorklibraries.org/wp-includes/js/dist/vendor/react.min.js?ver=18.3.1.1"></script>
vendor: 1 bytes, line 1418
1418
1419<script id="react-jsx-runtime-js" src="https://www.yorklibraries.org/wp-includes/js/dist/vendor/react-jsx-runtime.min.js?ver=18.3.1"></script>
vendor: 1 bytes, line 1419
1419
1420<script id="wp-hooks-js" src="https://www.yorklibraries.org/wp-includes/js/dist/hooks.min.js?ver=f0f188028580e8dc1255"></script>
vendor: 1 bytes, line 1420
1420
1421<script id="wp-deprecated-js" src="https://www.yorklibraries.org/wp-includes/js/dist/deprecated.min.js?ver=fe587bac92b7d0ef760e"></script>
vendor: 1 bytes, line 1421
1421
1422<script id="wp-dom-js" src="https://www.yorklibraries.org/wp-includes/js/dist/dom.min.js?ver=c95f94cbbc1ac3fde84f"></script>
vendor: 1 bytes, line 1422
1422
1423<script id="react-dom-js" src="https://www.yorklibraries.org/wp-includes/js/dist/vendor/react-dom.min.js?ver=18.3.1.1"></script>
vendor: 1 bytes, line 1423
1423
1424<script id="wp-escape-html-js" src="https://www.yorklibraries.org/wp-includes/js/dist/escape-html.min.js?ver=87ebe53e97bba59805a5"></script>
vendor: 1 bytes, line 1424
1424
1425<script id="wp-element-js" src="https://www.yorklibraries.org/wp-includes/js/dist/element.min.js?ver=4a4370b2b349066fd440"></script>
vendor: 1 bytes, line 1425
1425
1426<script id="wp-is-shallow-equal-js" src="https://www.yorklibraries.org/wp-includes/js/dist/is-shallow-equal.min.js?ver=7ad271045c1fe60f5496"></script>
vendor: 1 bytes, line 1426
1426
1427<script id="wp-i18n-js" src="https://www.yorklibraries.org/wp-includes/js/dist/i18n.min.js?ver=1dfe7db3940c23ea9216"></script>
vendor: 1 bytes, line 1427
1427
1428<script id="wp-i18n-js-after">
1429wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } );
1430//# sourceURL=wp-i18n-js-after
1431</script>
vendor: 1 bytes, line 1431
1431
1432<script id="wp-keycodes-js" src="https://www.yorklibraries.org/wp-includes/js/dist/keycodes.min.js?ver=d0b4204e4bbeb412df6e"></script>
vendor: 1 bytes, line 1432
1432
1433<script id="wp-priority-queue-js" src="https://www.yorklibraries.org/wp-includes/js/dist/priority-queue.min.js?ver=6c0aa59b65d55dfd509b"></script>
vendor: 1 bytes, line 1433
1433
1434<script id="wp-private-apis-js" src="https://www.yorklibraries.org/wp-includes/js/dist/private-apis.min.js?ver=eb85f28c4c729bb4f002"></script>
vendor: 1 bytes, line 1434
1434
1435<script id="wp-undo-manager-js" src="https://www.yorklibraries.org/wp-includes/js/dist/undo-manager.min.js?ver=4554fce6276d8910a4ae"></script>
vendor: 1 bytes, line 1435
1435
1436<script id="wp-compose-js" src="https://www.yorklibraries.org/wp-includes/js/dist/compose.min.js?ver=0e8bde2a499ea6073b42"></script>
vendor: 1 bytes, line 1436
1436
1437<script id="wp-redux-routine-js" src="https://www.yorklibraries.org/wp-includes/js/dist/redux-routine.min.js?ver=acca2b4857d83ad1790e"></script>
vendor: 1 bytes, line 1437
1437
1438<script id="wp-data-js" src="https://www.yorklibraries.org/wp-includes/js/dist/data.min.js?ver=14a216e0932d72c22976"></script>
vendor: 1 bytes, line 1438
1438
1439<script id="wp-data-js-after">
1440( function() {
1441	var userId = 0;
1442	var storageKey = "WP_DATA_USER_" + userId;
1443	wp.data
1444		.use( wp.data.plugins.persistence, { storageKey: storageKey } );
1445} )();
1446//# sourceURL=wp-data-js-after
1447</script>
vendor: 1 bytes, line 1447
1447
1448<script id="gtm4wp-woocommerce-blocks-js-before">
1449window.gtm4wp_blocks_context = "minicart";
1450window.gtm4wp_store_api_cart_url = "https:\/\/www.yorklibraries.org\/wp-json\/wc\/store\/v1\/cart";
1451//# sourceURL=gtm4wp-woocommerce-blocks-js-before
1452</script>
vendor: 1 bytes, line 1452
1452
1453<script data-wp-strategy="defer" defer id="gtm4wp-woocommerce-blocks-js" src="https://www.yorklibraries.org/wp-content/plugins/duracelltomi-google-tag-manager/build/gtm4wp-woocommerce-blocks.js?ver=2.0.3"></script>
vendor: 1 bytes, line 1453
1453
1454<script id="jquery-ui-core-js-before">
1455jQuery.uiBackCompat = true;
1456//# sourceURL=jquery-ui-core-js-before
1457</script>
vendor: 1 bytes, line 1457
1457
1458<script id="jquery-ui-core-js" src="https://www.yorklibraries.org/wp-includes/js/jquery/ui/core.min.js?ver=1.14.2"></script>
vendor: 1 bytes, line 1458
1458
1459<script id="jquery-ui-datepicker-js" src="https://www.yorklibraries.org/wp-includes/js/jquery/ui/datepicker.min.js?ver=1.14.2"></script>
vendor: 1 bytes, line 1459
1459
1460<script id="jquery-ui-datepicker-js-after">
1461jQuery(function(jQuery){jQuery.datepicker.setDefaults({"closeText":"Close","currentText":"Today","monthNames":["January","February","March","April","May","June","July","August","September","October","November","December"],"monthNamesShort":["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"nextText":"Next","prevText":"Previous","dayNames":["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],"dayNamesShort":["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],"dayNamesMin":["S","M","T","W","T","F","S"],"dateFormat":"MM d, yy","firstDay":1,"isRTL":false});});
1462//# sourceURL=jquery-ui-datepicker-js-after
1463</script>
vendor: 1 bytes, line 1463
1463
1464<script id="ychc-script-js" src="https://www.yorklibraries.org/wp-content/themes/york-county-libraries/theme/js/script.min.js?ver=0.1.263"></script>
vendor: 1 bytes, line 1464
1464
1465<script id="business-hr-vendor-js" src="https://www.yorklibraries.org/wp-content/plugins/all-in-one-wp-business-hours/assets/main/js/vendors.js?ver=1.14.0"></script>
vendor: 1 bytes, line 1465
1465
1466<script id="business-hr-runtime-js" src="https://www.yorklibraries.org/wp-content/plugins/all-in-one-wp-business-hours/assets/main/js/runtime.js?ver=1.14.0"></script>
vendor: 1 bytes, line 1466
1466
1467<script id="all-in-one-wp-business-hours-js" src="https://www.yorklibraries.org/wp-content/plugins/all-in-one-wp-business-hours/assets/main/js/frontend.js?ver=1.14.0"></script>
vendor: 1 bytes, line 1467
1467
1468<script id="sourcebuster-js-js" src="https://www.yorklibraries.org/wp-content/plugins/woocommerce/assets/js/sourcebuster/sourcebuster.min.js?ver=11.1.2"></script>
vendor: 1 bytes, line 1468
1468
1469<script id="wc-order-attribution-js-extra">
1470var wc_order_attribution = {"params":{"lifetime":1.0e-5,"session":30,"base64":false,"ajaxurl":"https://www.yorklibraries.org/wp-admin/admin-ajax.php","prefix":"wc_order_attribution_","allowTracking":true},"fields":{"source_type":"current.typ","referrer":"current_add.rf","utm_campaign":"current.cmp","utm_source":"current.src","utm_medium":"current.mdm","utm_content":"current.cnt","utm_id":"current.id","utm_term":"current.trm","utm_source_platform":"current.plt","utm_creative_format":"current.fmt","utm_marketing_tactic":"current.tct","session_entry":"current_add.ep","session_start_time":"current_add.fd","session_pages":"session.pgs","session_count":"udata.vst","user_agent":"udata.uag"}};
1471//# sourceURL=wc-order-attribution-js-extra
1472</script>
vendor: 1 bytes, line 1472
1472
1473<script id="wc-order-attribution-js" src="https://www.yorklibraries.org/wp-content/plugins/woocommerce/assets/js/frontend/order-attribution.min.js?ver=11.1.2"></script>
vendor: 1 bytes, line 1473
1473
1474<script id="gforms_recaptcha_recaptcha-js-extra">
1475var gforms_recaptcha_recaptcha_strings = {"nonce":"4b6f316f80","disconnect":"Disconnecting","change_connection_type":"Resetting","spinner":"https://www.yorklibraries.org/wp-content/plugins/gravityforms/images/spinner.svg","connection_type":"classic","disable_badge":"1","change_connection_type_title":"Change Connection Type","change_connection_type_message":"Changing the connection type will delete your current settings.  Do you want to proceed?","disconnect_title":"Disconnect","disconnect_message":"Disconnecting from reCAPTCHA will delete your current settings.  Do you want to proceed?","site_key":"6LdC_0EjAAAAAPmLzV83dhGe_JT3KxWpYqkzooUR"};
1476//# sourceURL=gforms_recaptcha_recaptcha-js-extra
1477</script>
vendor: 127 bytes, lines 1477-1478
1477
1478<script data-wp-strategy="defer" defer id="gforms_recaptcha_recaptcha-js" src="https://www.google.com/recaptcha/api.js?render=
14786LdC_0EjAAAAAPmLzV83dhGe_JT3KxWpYqkzooUR
vendor: 27 bytes, line 1478
1478&#038;ver=2.2.2"></script>
1479<script data-wp-strategy="defer" defer id="gforms_recaptcha_frontend-js" src="https://www.yorklibraries.org/wp-content/plugins/gravityformsrecaptcha/js/frontend.min.js?ver=2.2.2"></script>
vendor: 1 bytes, line 1479
1479
1480<script id="gt_widget_script_37525575-js-before">
1481window.gtranslateSettings = /* document.write */ window.gtranslateSettings || {};window.gtranslateSettings['37525575'] = {"default_language":"en","languages":["ar","zh-CN","nl","en","fr","de","ht","it","pt","ru","es"],"url_structure":"none","wrapper_selector":"#gt-wrapper-37525575","select_language_label":"Select Language","horizontal_position":"inline","flags_location":"\/wp-content\/plugins\/gtranslate\/flags\/"};
1482//# sourceURL=gt_widget_script_37525575-js-before
1483</script>
1483<script src="https://www.yorklibraries.org/wp-content/plugins/gtranslate/js/dropdown.js?ver=5.0.1" data-no-optimize="1" data-no-minify="1" data-gt-orig-url="/" data-gt-orig-domain="www.yorklibraries.org" data-gt-widget-id="37525575" defer></script>
1483<script id="wp-emoji-settings" type="application/json">
1484{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://www.yorklibraries.org/wp-includes/js/wp-emoji-release.min.js?ver=7.1.2"}}
1485</script>
vendor: 1 bytes, line 1485
1485
1486<script type="module">
1487/*! This file is auto-generated */
1488var e="script#wp-emoji-settings",t=document.querySelector(e);if(!(t instanceof HTMLScriptElement))throw new Error("Element missing: "+e);const r=JSON.parse(t.text),s=(window._wpemojiSettings=r,"wpEmojiSettingsSupports"),o=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(s,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const r=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===r[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,r){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!r(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,r){let a;const s=(a="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),o=(s.textBaseline="top",s.font="600 32px Arial",{});return e.forEach(e=>{o[e]=t(s,e,n,r)}),o}function a(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}r.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(s));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(o),u.toString(),c.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"});const a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=e=>{i(n=e.data),a.terminate(),t(n)})}catch(e){}i(n=f(o,u,c,p))}t(n)}).then(e=>{for(const n in e)r.supports[n]=e[n],r.supports.everything=r.supports.everything&&r.supports[n],"flag"!==n&&(r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&r.supports[n]);var t;r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&!r.supports.flag,r.supports.everything||((t=r.source||{}).concatemoji?a(t.concatemoji):t.wpemoji&&t.twemoji&&(a(t.twemoji),a(t.wpemoji)))});
1489//# sourceURL=https://www.yorklibraries.org/wp-includes/js/wp-emoji-loader.min.js
1490</script>
1490
1491
1492<script>(function(){function c(){var b=a.contentDocument||(a.contentWindow&&a.contentWindow.document);if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a44123e05a15eafd',t:'MTc5MDkxNzE5MQ=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>
1492</body>
1493</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.