PageSourceSearch

https://www.yorklibraries.org/

html yorklibraries.org collected 2026-09-24 18:59:18 UTC 173,971 bytes, 1,492 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	const gtm4wp_use_sku_instead = 0;
19	const gtm4wp_currency = "USD";
20	const gtm4wp_product_per_impression = 10;
21	const gtm4wp_clear_ecommerce = false;
22	const gtm4wp_datalayer_max_timeout = 2000;
23	const gtm4wp_console_log = true;
24	const gtm4wp_remarketing_prod_id_prefix = "";
25	const gtm4wp_list_attribution = 0;
26	const gtm4wp_checkoutwc = 0;
27</script>
27
28<!-- End Google Tag Manager for WordPress by gtm4wp.com -->
29	<!-- This site is optimized with the Yoast SEO plugin v28.5 - https://yoast.com/product/yoast-seo-wordpress/ -->
30	<title>Home - York County Libraries</title>
31	<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!" />
32	<link rel="canonical" href="https://www.yorklibraries.org/" />
33	<meta property="og:locale" content="en_US" />
34	<meta property="og:type" content="website" />
35	<meta property="og:title" content="Home - York County Libraries" />
36	<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!" />
37	<meta property="og:url" content="https://www.yorklibraries.org/" />
38	<meta property="og:site_name" content="York County Libraries" />
39	<meta property="article:publisher" content="https://www.facebook.com/YorkCountyLibraries/" />
40	<meta property="article:modified_time" content="2026-08-28T21:17:55+00:00" />
41	<meta name="twitter:card" content="summary_large_image" />
42	<meta name="twitter:site" content="@yorklibraries" />
43	
43<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>
43
44	<!-- / Yoast SEO plugin. -->
45
46
47<link rel='dns-prefetch' href='//www.google.com' />
48<link rel="alternate" type="application/rss+xml" title="York County Libraries &raquo; Feed" href="https://www.yorklibraries.org/feed/" />
49<link rel="alternate" type="application/rss+xml" title="York County Libraries &raquo; Comments Feed" href="https://www.yorklibraries.org/comments/feed/" />
50<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" />
51<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" />
52<style id="wp-img-auto-sizes-contain-inline-css">
53img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
54/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
55</style>
56<style id="wp-emoji-styles-inline-css">
57
58	img.wp-smiley, img.emoji {
59		display: inline !important;
60		border: none !important;
61		box-shadow: none !important;
62		height: 1em !important;
63		width: 1em !important;
64		margin: 0 0.07em !important;
65		vertical-align: -0.1em !important;
66		background: none !important;
67		padding: 0 !important;
68	}
69/*# sourceURL=wp-emoji-styles-inline-css */
70</style>
71
72
73<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' />
74<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)' />
75<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' />
76<style id="woocommerce-inline-inline-css">
77.woocommerce form .form-row .required { visibility: visible; }
78/*# sourceURL=woocommerce-inline-inline-css */
79</style>
80<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' />
81<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' />
82<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' />
83<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 83
83
84<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 84
84
85<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 85
85
86<script id="wc-add-to-cart-js-extra">
87var 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"};
88//# sourceURL=wc-add-to-cart-js-extra
89</script>
vendor: 1 bytes, line 89
89
90<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 90
90
91<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 91
91
92<script id="woocommerce-js-extra">
93var 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"};
94//# sourceURL=woocommerce-js-extra
95</script>
vendor: 1 bytes, line 95
95
96<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 96
96
97<script id="search-filter-plugin-build-js-extra">
98var SF_LDATA = {"ajax_url":"https://www.yorklibraries.org/wp-admin/admin-ajax.php","home_url":"https://www.yorklibraries.org/","extensions":[]};
99//# sourceURL=search-filter-plugin-build-js-extra
100</script>
vendor: 1 bytes, line 100
100
101<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 101
101
102<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>
102
103<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" />
104<link rel='shortlink' href='https://www.yorklibraries.org/' />
105
106<!-- Google Tag Manager for WordPress by gtm4wp.com -->
107<!-- GTM Container placement set to automatic -->
108<script data-cfasync="false" data-pagespeed-no-defer>
109	var dataLayer_content = {"pagePostType":"frontpage","pagePostType2":"single-page","pagePostAuthor":"wemarch"};
110	dataLayer.push( dataLayer_content );
111</script>
vendor: 1 bytes, line 111
111
112<script data-cfasync="false" data-pagespeed-no-defer>
vendor: 322 bytes, lines 112-117
112
113(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
114new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
115j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
116'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
117})(window,document,'script','dataLayer','
117GTM-NPF8RW6
vendor: 4 bytes, line 117
117');
118</script>
118
119<!-- End Google Tag Manager for WordPress by gtm4wp.com -->	<noscript><style>.woocommerce-product-gallery{ opacity: 1 !important; }</style></noscript>
120	</head>
121
122<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">
123
124<!-- GTM Container placement set to automatic -->
125<!-- Google Tag Manager (noscript) -->
126				<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>
127<!-- End Google Tag Manager (noscript) -->
128
129<!-- GTM Container placement set to automatic -->
130<!-- Google Tag Manager (noscript) -->
131<div id="page" class="relative">
132
133	
134	<a href="#content" class="sr-only">Skip to content</a>
135
136	
137<header id="masthead" class="top-0 z-40 bg-white shadow-md md:sticky" x-data="{ mobileNavOpen: false }">
138	<nav id="site-navigation" class="flex h-[65px] md:h-auto items-start pl-5" aria-label="Main Navigation">
139		<div class="relative w-32 lg:w-auto">
140			<div class="flex py-2 lg:my-5 lg:py-0">
141				<a aria-label="back to homepage" href="/">
142					<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">
143				</a>
144			</div>
145		</div>
146
147		<div class="flex flex-1 h-full lg:items-center lg:flex-wrap">
148			<div class="flex items-center justify-end flex-1">
149  <nav class="hidden w-full xl:block lg:flex-1" id="site-navigation" aria-label="Main Navigation">
150    <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
150-a-library-card/">Get a Library Card</a></li>
151<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>
152<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>
153<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>
154</ul></div>  </nav><!-- #site-navigation -->
155
156  <div class="hidden lg:block">
157    <div class="gtranslate_wrapper" id="gt-wrapper-16267709"></div>  </div>
158
159  <div x-data="{ navopen: false }" class="flex items-center justify-center h-full">
160    <!-- Trigger -->
161    <span x-on:click="navopen = true" class="h-full">
162      <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">
163        <span x-show="!navopen" class="hidden mr-4 md:block">Menu</span>
164        <span x-show="navopen" class="hidden mr-4 md:block">Close</span>
165        <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>
166        <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>
167      </button>
168    </span>
169
170    <!-- Modal -->
171    <div
172        x-show="navopen"
173        style="display: none"
174        x-on:keydown.escape.prevent.stop="navopen = false"
175        role="dialog"
176        aria-modal="true"
177        x-id="['modal-title']"
178        :aria-labelledby="$id('modal-title')"
179        class="fixed inset-0 z-30 overflow-y-auto font-quicksand"
180    >
181      <!-- Overlay -->
182      <div x-show="navopen" x-transition.opacity class="fixed inset-0"></div>
183
184      <!-- Panel -->
185      <div
186        x-show="navopen"
187        x-transition
188        x-on:click="navopen = false"
189        class="relative flex items-start justify-end min-h-screen"
190      >
191        <div
192          x-on:click.stop
193          x-trap.noscroll.inert="navopen"
194          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]"
195        >
196        <div class="px-6 pt-0 md:px-12">
197          <div class="flex items-center border-b border-b-pink gap-x-5">
198            <span class="text-[1.625rem] font-medium text-[#f0c5e4] hidden md:block">For You:</span>
199            <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>
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/teens/">Teens</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/adults/">Adults</a>
202          </div>
203        </div>
204        <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">
205          <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="
206				{
207              id:'1583',
208              get expanded() {
209                  return this.active === this.id
210              },
211              set expanded(value) {
212                  this.active = value ? this.id : null
213              },
214        }
215			"  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>
216<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]">
217	<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>
218	<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>
219	<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>
220	<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>
221	<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>
222	<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>
223	<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>
224	<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>
225	<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
225k/":class="subopen ? 'open' : 'closed'">Hellam | Kreutz Creek</a></div></li>
226	<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>
227	<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>
228	<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>
229	<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>
230	<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>
231	<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>
232</ul>
233</li>
234<li class="font-semibold text-xl md:text-[1.5625rem] border-b border-b-pink py-3" x-data="
235				{
236              id:'1621',
237              get expanded() {
238                  return this.active === this.id
239              },
240              set expanded(value) {
241                  this.active = value ? this.id : null
242              },
243        }
244			"  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>
245<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]">
246	<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
246-a-library-card/":class="subopen ? 'open' : 'closed'">Get My Library Card</a></div></li>
247	<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>
248	<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>
249	<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>
250	<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>
251	<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]">
252		<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>
253		<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/" >
253Children’s Resources</a></li>
254		<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>
255		<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>
256	</ul>
257</li>
258	<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>
259	<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]">
260		<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>
261		<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>
262		<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>
263		<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>
264		<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>
265		<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>
266		<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>
267	</ul>
268</li>
269</ul>
270</li>
271<li class="font-semibold text-xl md:text-[1.5625rem] border-b border-b-pink py-3" x-data="
272				{
273              id:'1641',
274              get expanded() {
275                  return this.active === this.id
276              },
277              set expanded(value) {
278                  this.active = value ? this.id : null
279              },
280        }
281			"  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>
282<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]">
283	<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>
284	<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>
285	<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>
286	<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>
287	<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>
288	<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>
289	<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]">
290		<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>
291		<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>
292	</ul>
293</li>
294	<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>
295	<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]">
296		<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>
297		<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>
298	</ul>
299</li>
300</ul>
301</li>
302<li class="font-semibold text-xl md:text-[1.5625rem] border-b border-b-pink py-3" x-data="
303				{
304              id:'2066',
305              get expanded() {
306                  return this.active === this.id
307              },
308              set expanded(value) {
309                  this.active = value ? this.id : null
310              },
311        }
312			"  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>
313<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]">
314	<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>
315</ul>
316</li>
317<li class="font-semibold text-xl md:text-[1.5625rem] border-b border-b-pink py-3" x-data="
318				{
319              id:'2068',
320              get expanded() {
321                  return this.active === this.id
322              },
323              set expanded(value) {
324                  this.active = value ? this.id : null
325              },
326        }
327			"  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
327-12.5 32.8 0 45.3l160 160z"/></svg></span></button><a href="https://www.yorklibraries.org/support/" >Support the Library</a></div>
328<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]">
329	<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>
330	<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>
331	<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>
332	<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>
333	<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>
334	<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>
335	<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>
336	<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>
337	<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>
338	<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>
339	<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>
340</ul>
341</li>
342<li class="font-semibold text-xl md:text-[1.5625rem] border-b border-b-pink py-3" x-data="
343				{
344              id:'2086',
345              get expanded() {
346                  return this.active === this.id
347              },
348              set expanded(value) {
349                  this.active = value ? this.id : null
350              },
351        }
352			"  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>
353<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]">
354	<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>
355	<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>
356	<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>
357	<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>
358	<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 
358h-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>
359	<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>
360	<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>
361	<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>
362	<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>
363	<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>
364</ul>
365</li>
366</ul></div>          <ul class="xl:hidden">
367            <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>
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="/shop/">Shop</a></div></li>
369          </ul>
370          <div class="pt-10" x-data="{ chilipac: true, site: false, events: false }">
371            <div class="text-white">
372              Search the
373            </div>
374            <div class="flex">
375              <div id="search-wrapper" class="flex flex-wrap items-start gap-x-2 gap-y-2">
376                <div class="flex justify-center">
377                  <div
378                    x-data="{
379                      open: false,
380                      toggle() {
381                          if (this.open) {
382                              return this.close()
383                          }
384
385                          this.$refs.button.focus()
386
387                          this.open = true
388                      },
389                      close(focusAfter) {
390                          if (! this.open) return
391
392                          this.open = false
393
394                          focusAfter && focusAfter.focus()
395                      }
396                    }"
397                    x-on:keydown.escape.prevent.stop="close($refs.button)"
398                    x-on:focusin.window="! $refs.panel.contains($event.target) && close()"
399                    x-id="['dropdown-button']"
400                    class="relative"
401                  >
402                    <!-- Button -->
403                    <button
404                      x-ref="button"
405                      x-on:click="toggle()"
406                      :aria-expanded="open"
407                      :aria-controls="$id('dropdown-button')"
408                      type="button"
409                      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"
410                    >
411                      <div x-cloak class="" x-show="chilipac">
411Catalog</div>
412                      <div x-cloak class="" x-show="site">YCL Site</div>
413                      <div x-cloak class="" x-show="events">Events</div>
414
415                      <!-- Heroicon: chevron-down -->
416                      <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 text-black" viewBox="0 0 20 20" fill="currentColor">
417                          <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" />
418                      </svg>
419                    </button>
420
421                    <!-- Panel -->
422                    <div
423                      x-ref="panel"
424                      x-show="open"
425                      x-transition.origin.top.left
426                      x-on:click="close($refs.button)"
427                      x-on:click.outside="close($refs.button)"
428                      :id="$id('dropdown-button')"
429                      style="display: none;"
430                      class="absolute left-0 z-40 flex flex-col w-40 mt-2 bg-white rounded-sm shadow-md"
431                    >
432                      <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>
433                      <button :class="site ? 'search-picker' : 'search-picker-white'" @click="chilipac = false; site = true; events = false" class="search-picker-white">YCL Site</button>
434                      <button :class="events ? 'search-picker' : 'search-picker-white'" @click="chilipac = false; site = false; events = true" class="search-picker-white">Events</button>
435                    </div>
436                  </div>
437                </div>
438
439
440                <div class="flex-1">
441                  <div x-cloak x-show="chilipac">
442                    <form role="search" method="get" class="flex items-start search-form" action="https://york.chilipac.com/eg/opac/results">
443                      <label class="sr-only" for="formchilipac">
444                        <span class="screen-reader-text">Search for:</span>
445                      </label>
446                      <input name="query" id="formchilipac" type="search" class="border-none rounded-l-sm search-query input-medium" placeholder="Search …">
447                      <input type="hidden" name="qtype" value="keyword">
448                      <input type="hidden" name="fi:search_format" value="">
449                      <input type="hidden" name="detail_record_view" value="0">
450                      <input type="hidden" name="sort" value="">
451                      <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>
452                    </form>
453                  </div>
454
455                  <div x-cloak x-show="events">
456                    <form role="search" method="GET" class="flex items-start search-form" action="https://events.yorklibraries.org/events/month">
457                      <label class="sr-only" for="formchilipac">
458                        <span class="screen-reader-text">Search for:</span>
459                      </label>
460                      <input name="keywords" id="formchilipac" type="search" class="border-none rounded-sm search-query input-medium" placeholder="Search …">
461                      <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>
462                    </form>
463                  </div>
464
465                  <div x-cloak x-show="site">
466                    <form role="search" method="get" class="flex items-start search-form" action="/">
467                      <label for="formsite">
468                        <span class="screen-reader-text">Search for:</span>
469                      </label>
470                      <input type="search" id="formsite" class="border-none rounded-sm search-field" placeholder="Search …" value="" name="s">
471                      <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>
472                    </form>
473                  </div>
474                </div>
475            </div>
476          </div>
477        </nav><!-- #site-navigation -->
478
479        </div>
480      </div>
481    </div>
482  </div>
483</div>
484<div class="justify-end hidden w-full lg:flex"  x-data="{ chilipac: true, site: false, events: false }">
485  <div class="rounded-tl-[40px] xl:min-w-[1000px] bg-teal border-t-4 border-t-[#1c637b] flex justify-end py-2 px-10">
486    <div id="search-wrapper" class="flex items-center gap-x-2">
487      <div class="text-white">
488        Search the
489      </div>
490
491      <div class="flex justify-center">
492        <div
493          x-data="{
494            open: false,
495            toggle() {
496                if (this.open) {
497                    return this.close()
498                }
499
500                this.$refs.button.focus()
501
502                this.open = true
503            },
504            close(focusAfter) {
505                if (! this.open) return
506
507                this.open = false
508
509                focusAfter && focusAfter.focus()
510            }
511          }"
512          x-on:keydown.escape.prevent.stop="close($refs.button)"
513          x-on:focusin.window="! $refs.panel.contains($event.target) && close()"
514          x-id="['dropdown-button']"
515          class="relative"
516        >
517          <!-- Button -->
518          <button
519            x-ref="button"
520            x-on:click="toggle()"
521            :aria-expanded="open"
522            :aria-controls="$id('dropdown-button')"
523            type="button"
524            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"
525          >
526            <div x-cloak class="" x-show="chilipac">
526Catalog</div>
527            <div x-cloak class="" x-show="site">YCL Site</div>
528            <div x-cloak class="" x-show="events">Events</div>
529
530            <!-- Heroicon: chevron-down -->
531            <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 text-black" viewBox="0 0 20 20" fill="currentColor">
532                <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" />
533            </svg>
534          </button>
535
536          <!-- Panel -->
537          <div
538            x-ref="panel"
539            x-show="open"
540            x-transition.origin.top.left
541            x-on:click="close($refs.button)"
542            x-on:click.outside="close($refs.button)"
543            :id="$id('dropdown-button')"
544            style="display: none;"
545            class="absolute left-0 z-40 flex flex-col w-40 mt-2 uppercase bg-white rounded-sm shadow-md"
546          >
547            <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>
548            <button :class="site ? 'search-picker' : 'search-picker-white'" @click="chilipac = false; site = true; events = false" class="search-picker-white">YCL Site</button>
549            <button :class="events ? 'search-picker' : 'search-picker-white'" @click="chilipac = false; site = false; events = true" class="search-picker-white">Events</button>
550          </div>
551        </div>
552      </div>
553
554
555      <div class="flex flex-1">
556        <div x-cloak x-show="chilipac">
557          <form role="search" method="get" class="flex items-start search-form" action="https://york.chilipac.com/eg/opac/results">
558            <label class="sr-only" for="formchilipac">
559              <span class="screen-reader-text">Search for:</span>
560            </label>
561            <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 …">
562            <input type="hidden" name="qtype" value="keyword">
563            <input type="hidden" name="fi:search_format" value="">
564            <input type="hidden" name="detail_record_view" value="0">
565            <input type="hidden" name="sort" value="">
566            <button type="submit" class="search-submit search-go bg-[#559db5] rounded-r hover:bg-blue-dark"><span class="screen-reader-text">Search</span></button>
567          </form>
568        </div>
569
570        <div x-cloak x-show="events">
571          <form role="search" method="GET" class="flex items-start search-form" action="https://events.yorklibraries.org/events/month">
572            <label class="sr-only" for="formchilipac">
573              <span class="screen-reader-text">Search for:</span>
574            </label>
575            <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 …">
576            <button type="submit" class="search-submit search-go bg-[#559db5] rounded-r hover:bg-blue-dark"><span class="screen-reader-text">Search</span></button>
577          </form>
578        </div>
579
580        <div x-cloak x-show="site">
581          <form role="search" method="get" class="flex items-start search-form" action="/">
582            <label for="formsite">
583              <span class="screen-reader-text">Search for:</span>
584            </label>
585            <input type="search" id="formsite" class="border-none rounded-l-sm search-field md:w-[360px]" placeholder="I'm looking for …" value="" name="s">
586            <button type="submit" class="search-submit search-go bg-[#559db5] rounded-r hover:bg-blue-dark"><span class="screen-reader-text">Search</span></button>
587          </form>
588        </div>
589      </div>
590  </div>
591</div>		</div>
592	</nav><!-- #site-navigation -->
593
594
595	<div class="justify-end w-full lg:hidden"  x-data="{ chilipac: true, site: false, events: false }">
596  <div class="bg-teal border-t-4 border-t-[#1c637b] flex py-2 px-5">
597    <div id="search-wrapper" class="flex flex-wrap items-end w-full gap-x-2 gap-y-1">
598      <div class="flex justify-center">
599        <div class="w-full"
600          x-data="{
601            open: false,
602            toggle() {
603                if (this.open) {
604                    return this.close()
605                }
606
607                this.$refs.button.focus()
608
609                this.open = true
610            },
611            close(focusAfter) {
612                if (! this.open) return
613
614                this.open = false
615
616                focusAfter && focusAfter.focus()
617            }
618          }"
619          x-on:keydown.escape.prevent.stop="close($refs.button)"
620          x-on:focusin.window="! $refs.panel.contains($event.target) && close()"
621          x-id="['dropdown-button']"
622          class="relative"
623        >
624					<div class="text-white">
625        		Search the
626      		</div>
627          <!-- Button -->
628          <button
629            x-ref="button"
630            x-on:click="toggle()"
631            :aria-expanded="open"
632            :aria-controls="$id('dropdown-button')"
633            type="button"
634            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"
635          >
636            <div x-cloak class="" x-show="chilipac">
636Catalog</div>
637            <div x-cloak class="" x-show="site">YCL Site</div>
638            <div x-cloak class="" x-show="events">Events</div>
639
640            <!-- Heroicon: chevron-down -->
641            <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 text-black" viewBox="0 0 20 20" fill="currentColor">
642                <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" />
643            </svg>
644          </button>
645
646          <!-- Panel -->
647          <div
648            x-ref="panel"
649            x-show="open"
650            x-transition.origin.top.left
651            x-on:click="close($refs.button)"
652            x-on:click.outside="close($refs.button)"
653            :id="$id('dropdown-button')"
654            style="display: none;"
655            class="absolute left-0 z-40 flex flex-col w-40 mt-2 uppercase bg-white rounded-sm shadow-md"
656          >
657            <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>
658            <button :class="site ? 'search-picker' : 'search-picker-white'" @click="chilipac = false; site = true; events = false" class="search-picker-white">YCL Site</button>
659            <button :class="events ? 'search-picker' : 'search-picker-white'" @click="chilipac = false; site = false; events = true" class="search-picker-white">Events</button>
660          </div>
661        </div>
662      </div>
663
664
665      <div class="flex flex-1">
666        <div class="w-full" x-cloak x-show="chilipac">
667          <form role="search" method="get" class="flex items-start w-full search-form" action="https://york.chilipac.com/eg/opac/results">
668            <label class="sr-only" for="formchilipac">
669              <span class="screen-reader-text">Search for:</span>
670            </label>
671            <input name="query" id="formchilipac" type="search" class="w-full border-none rounded-l-sm search-query input-medium" placeholder="I'm looking for …">
672            <input type="hidden" name="qtype" value="keyword">
673            <input type="hidden" name="fi:search_format" value="">
674            <input type="hidden" name="detail_record_view" value="0">
675            <input type="hidden" name="sort" value="">
676            <button type="submit" class="search-submit search-go bg-[#559db5] rounded-r hover:bg-blue-dark"><span class="screen-reader-text">Search</span></button>
677          </form>
678        </div>
679
680        <div class="w-full" x-cloak x-show="events">
681          <form role="search" method="GET" class="flex items-start w-full search-form" action="https://events.yorklibraries.org/events/month">
682            <label class="sr-only" for="formchilipac">
683              <span class="screen-reader-text">Search for:</span>
684            </label>
685            <input name="keywords" id="formchilipac" type="search" class="w-full border-none rounded-l-sm search-query input-medium" placeholder="I'm looking for …">
686            <button type="submit" class="search-submit search-go bg-[#559db5] rounded-r hover:bg-blue-dark"><span class="screen-reader-text">Search</span></button>
687          </form>
688        </div>
689
690        <div class="w-full" x-cloak x-show="site">
691          <form role="search" method="get" class="flex items-start w-full search-form" action="/">
692            <label for="formsite">
693              <span class="screen-reader-text">Search for:</span>
694            </label>
695            <input type="search" id="formsite" class="w-full border-none rounded-l-sm search-field" placeholder="I'm looking for …" value="" name="s">
696            <button type="submit" class="search-submit search-go bg-[#559db5] rounded-r hover:bg-blue-dark"><span class="screen-reader-text">Search</span></button>
697          </form>
698        </div>
699      </div>
700  </div>
701</div>
702</header><!-- #masthead -->
703
704	<div id="content">
705
706	<section id="primary">
707		<main id="main">
708			  <div x-ref="glide" class="relative hidden glide md:block">
709    <div class="glide__track" data-glide-el="track">
710              <ul class="glide__slides">
711                      <li class="flex flex-col glide__slide h-64 md:h-[580px] relative">
712                              <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
712w, 2000px" />              
713                            <div class="absolute inset-x-0 bottom-0 flex-col items-end justify-end py-10 mx-auto bg-gradient-to-t from-black">
714                <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%)]">
715                  <div class="max-w-3xl">Your story begins at York County Libraries!</div>
716                </div>
717              </div>
718            </li>
719                  </ul>
720          </div>
721  </div>
722
723
724<!-- FEATURES -->
725<section class="container px-5 py-10 mx-auto mb-10">
726  <h2 class="text-teal font-bold text-3xl md:text-[2.8125rem] font-quicksand">Happening Now</h2>
727
728  <div class="grid grid-cols-1 gap-10 mt-10 md:grid-cols-3">
729    <div class="col-span-1 md:col-span-2">
730
731          <div
732        x-data="{
733          init() {
734            new Glide(this.$refs.glide, {
735              perView: 1,
736            }).mount()
737          },
738        }"
739      >
740
741      <style>
742        .glide__bullet--active {
743            background: #fff;
744        }
745      </style>
746        <div x-ref="glide" class="relative z-10 block glide">
747          <div class="glide__track" data-glide-el="track">
748            <ul class="glide__slides">
749                          <li class="flex flex-col items-center justify-center glide__slide">
750                              <a href="https://www.yorklibraries.org/support/literacy-for-change/" target="_self">
751                              <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>
752                        </ul>
753          </div>
754
755          <div class="absolute inset-0 flex items-center justify-between pointer-events-none glide__arrows" data-glide-el="controls">
756            <!-- Previous Button -->
757            <button aria-label="Previous" class="opacity-0 pointer-events-auto glide__arrow glide__arrow--left" data-glide-dir="<">
758              <span aria-hidden="true">
759                <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">
760                  <path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7" />
761                </svg>
762              </span>
763              <span class="sr-only">Skip to previous slide page</span>
764            </button>
765
766            <!-- Next Button -->
767            <button aria-label="Next" class="pointer-events-auto glide__arrow glide__arrow--left disabled:opacity-50" data-glide-dir=">">
768              <span aria-hidden="true">
769                <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>
770              </span>
771              <span class="sr-only">Skip to next slide page</span>
772            </button>
773          </div>
774
775          <!-- Bullets -->
776          <div class="relative z-30 flex items-center justify-center w-full gap-3 -mt-9 glide__bullets" data-glide-el="
776controls[nav]">
777                          <button aria-label="Slide 0" class="w-6 h-6 transition-colors bg-gray-300 rounded-full glide__bullet" data-glide-dir="=0"></button>
778                      </div>
779        </div>
780      </div>
781    
782    <div class="mt-10 md:hidden">
783          <div
784        x-data="{
785          init() {
786            new Glide(this.$refs.glide, {
787              perView: 1,
788            }).mount()
789          },
790        }"
791      >
792
793      <style>
794        .glide__bullet--active {
795            background: #fff;
796        }
797      </style>
798        <div x-ref="glide" class="relative z-10 block glide">
799          <div class="glide__track" data-glide-el="track">
800            <ul class="glide__slides">
801                          <li class="relative flex flex-col glide__slide">
802                <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>
803
804                                    <a class="self-start button-white" href="https://www.yorklibraries.org/support/literacy-for-change/" target="_self">
805                      <span class="mr-2">Learn More</span>
806                      <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>
807                    </a>
808                              </li>
809                                      <li class="relative flex flex-col glide__slide">
810                <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>
811
812                                    <a class="self-start button-white" href="https://heyzine.com/flip-book/e02eef1a5a.html#page/1" target="_blank">
813                      <span class="mr-2">Read the Community Benefit Report</span>
814                      <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>
815                    </a>
816                              </li>
817                                      <li class="relative flex flex-col glide__slide">
818                <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>
819
820                                    <a class="self-start button-white" href="https://www.yorklibraries.org/careers/" target="_self">
821                      <span class="mr-2">Job Openings</span>
822                      <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>
823                    </a>
824                              </li>
825                      </ul>
826        </div>
827
828          <div class="absolute inset-0 flex items-center justify-between pointer-events-none glide__arrows" data-glide-el="controls">
829            <!-- Previous Button -->
830            <button aria-label="Previous" class="opacity-0 pointer-events-auto glide__arrow glide__arrow--left" data-glide-dir="<">
831              <span aria-hidden="true">
832                <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">
833                  <path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7" />
834                </svg>
835              </span>
836              <span class="sr-only">Skip to previous slide page</span>
837            </button>
838
839            <!-- Next Button -->
840            <button aria-label="Next" class="pointer-events-auto glide__arrow glide__arrow--left disabled:opacity-50" data-glide-dir=">">
841              <span aria-hidden="true">
842                <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>
843              </span>
844              <span class="sr-only">Skip to next slide page</span>
845            </button>
846          </div>
847        </div>
848      </div>
849        </div>
850
851      <div class="hidden grid-cols-1 gap-5 mt-10 md:grid md:grid-cols-2">
852        <div>
853                                    <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" />
854              <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>
855
856                                <a class="button-white" href="https://heyzine.com/flip-book/e02eef1a5a.html#page/1" target="_blank">
857                    <span class="mr-2">Read the Community Benefit Report</span>
858                    <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>
859                  </a>
860              
861                              </div>
862
863        <div>
864                                    <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
864w, 800px" />
865              <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>
866
867                                <a class="button-white" href="https://www.yorklibraries.org/careers/" target="_self">
868                    <span class="mr-2">Job Openings</span>
869                    <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>
870                  </a>
871              
872                              </div>
873      </div>
874
875
876    </div>
877    <div class="hidden col-span-1 md:block">
878                        <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" />
879          <div class="my-4 text-4xl leading-[2.625rem] text-teal font-bold font-quicksand">Literacy for Change 2026 is October 2!</div>
880          <div class="mb-5"><p><b>York County Libraries' annual day of giving is on October 2!</b>
881Libraries are essential to our communities, and literacy is the foundation for education, career success, and overall well-being. </p><br>
882<p>
883Your donations to Literacy for Change provide critical funding to support literacy and strengthen lifelong learning across our 13 connected libraries. </p></div>
884
885                        <a class="button-white" href="https://www.yorklibraries.org/support/literacy-for-change/" target="_self">
886                <span class="mr-2">Learn More</span>
887                <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>
888              </a>
889          
890                  </div>
891  </div>
892</section>
893
894
895<!-- AUDIENCE TABS -->
896
897<div class="container px-5 mx-auto md:hidden">
898  <h3 class="mb-5 text-3xl font-bold text-teal font-quicksand">For You</h3>
899  <div>
900    <a x-data
901      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]"
902      href="/for-you/kids/"
903      x-intersect.threshold.10="$el.classList.add('!opacity-100')"
904    >
905      <span class="flex-1 pr-5">Kids</span>
906      <span>
907        <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>
908      </span>
909    </a>
910    <a x-data
911      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]"
912      href="/for-you/teens/"
913      x-intersect.threshold.10="$el.classList.add('!opacity-100')"
914    >
915      <span class="flex-1 pr-5">Teens</span>
916      <span>
917        <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>
918      </span>
919    </a>
920    <a x-data
921      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]"
922      href="/for-you/adults/"
923      x-intersect.threshold.10="$el.classList.add('!opacity-100')"
924    >
925      <span class="flex-1 pr-5">Adults</span>
926      <span>
927        <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>
928      </span>
929    </a>
930  </div>
931</div>
932
933
934<!-- Tabs -->
935<div class="hidden md:block"
936    x-data="{
937        selectedId: null,
938        init() {
939            // Set the first available tab on the page on page load.
940            this.$nextTick(() => this.select(this.$id('tab', 1)))
941        },
942        select(id) {
943            this.selectedId = id
944        },
945        isSelected(id) {
946            return this.selectedId === id
947        },
948        whichChild(el, parent) {
949            return Array.from(parent.children).indexOf(el) + 1
950        }
951    }"
952    x-id="['tab']"
953    class=""
954>
955    <!-- Tab List -->
956    <ul
957        x-ref="tablist"
958        @keydown.right.prevent.stop="$focus.wrap().next()"
959        @keydown.home.prevent.stop="$focus.first()"
960        @keydown.page-up.prevent.stop="$focus.first()"
961        @keydown.left.prevent.stop="$focus.wrap().prev()"
962        @keydown.end.prevent.stop="$focus.last()"
963        @keydown.page-down.prevent.stop="$focus.last()"
964        role="tablist"
965        class="container flex items-stretch px-5 mx-auto -mb-px text-4xl font-bold font-work"
966    >
967        <!-- Tab -->
968        <li class="px-10 bg-teal for-you rounded-tl-[40px]">
969            <button
970                :id="$id('tab', whichChild($el.parentElement, $refs.tablist))"
971                @click="select($el.id)"
972                @mousedown.prevent
973                @focus="select($el.id)"
974                type="button"
975                :tabindex="isSelected($el.id) ? 0 : -1"
976                :aria-selected="isSelected($el.id)"
977                :class="isSelected($el.id) ? 'border-b-white text-white' : 'text-[#bae6f5] hover:text-white'"
978                class="inline-flex px-5 py-2.5 border-b-[6px] border-transparent"
979                role="tab"
980            >Kids</button>
981        </li>
982
983        <li class="px-10 bg-teal">
984            <button
985                :id="$id('tab', whichChild($el.parentElement, $refs.tablist))"
986                @click="select($el.id)"
987                @mousedown.prevent
988                @focus="select($el.id)"
989                type="button"
990                :tabindex="isSelected($el.id) ? 0 : -1"
991                :aria-selected="isSelected($el.id)"
992                :class="isSelected($el.id) ? 'border-b-white text-white' : 'text-[#bae6f5] hover:text-white'"
993                class="inline-flex px-5 py-2.5 border-b-[6px] border-transparent"
994                role="tab"
995            >Teens</button>
996        </li>
997
998        <li class="px-10 bg-teal">
999            <button
1000                :id="$id('tab', whichChild($el.parentElement, $refs.tablist))"
1001                @click="select($el.id)"
1002                @mousedown.prevent
1003                @focus="select($el.id)"
1004                type="button"
1005                :tabindex="isSelected($el.id) ? 0 : -1"
1006                :aria-selected="isSelected($el.id)"
1007                :class="isSelected($el.id) ? 'border-b-white text-white' : 'text-[#bae6f5] hover:text-white'"
1008                class="inline-flex px-5 py-2.5 border-b-[6px] border-transparent"
1009                role="tab"
1010            >Adults</button>
1011        </li>
1012    </ul>
1013
1014  <!-- Panels -->
1015  <div class="text-white rounded-b-md bg-teal bg-center bg-[length:190%_190%] bg-[url(./images/bg-ycl.svg)]">
1016    <!-- KIDS PANEL -->
1017    <section
1018      x-show="isSelected($id('tab', whichChild($el, $el.parentElement)))"
1019      :aria-labelledby="$id('tab', whichChild($el, $el.parentElement))"
1020      role="tabpanel"
1021      class="container grid grid-cols-1 gap-10 p-8 px-5 mx-auto md:grid-cols-2"
1022    >
1023        <div>
1024                                    <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" />
1025              <div class="my-4 text-4xl font-bold font-quicksand">1000 Books Before Kindergarten mid-year celebration is March 7, 2026! </div>
1026
1027                                <a class="button-white" href="https://events.yorklibraries.org/event/reading-journey-celebration-15076" target="_self">
1028                    <span class="mr-2">Learn More</span>
1029                    <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>
1030                  </a>
1031              
1032                              </div>
1033
1034        <div class="flex flex-col justify-end pb-16">
1035                                  <div class="grid grid-cols-2 gap-5 mb-10">
1036              <div>
1037                <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
1037w, 560px" />              </div>
1038
1039              <div>
1040                <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>
1041
1042                                    <a class="button-white" href="https://www.yorklibraries.org/library-services-programs/programming/1000-books-before-kindergarten/" target="_self">
1043                      <span class="mr-2">Learn More</span>
1044                      <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>
1045                    </a>
1046                              </div>
1047            </div>
1048                      
1049                                  <div class="grid grid-cols-2 gap-5">
1050              <div>
1051                <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
1051w, 560px" />              </div>
1052
1053              <div>
1054                <div class="mb-4 text-[1.625rem] leading-[2rem] font-bold font-quicksand">Everyone’s favorite... Story Times at the library!</div>
1055
1056                                    <a class="button-white" href="https://events.yorklibraries.org/events/month?program_types%5B19%5D=19" target="_self">
1057                      <span class="mr-2">Find a Story Time</span>
1058                      <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>
1059                    </a>
1060                              </div>
1061            </div>
1062                              </div>
1063    </section>
1064
1065
1066    <!-- TEENS PANEL -->
1067    <section
1068      x-show="isSelected($id('tab', whichChild($el, $el.parentElement)))"
1069      :aria-labelledby="$id('tab', whichChild($el, $el.parentElement))"
1070      role="tabpanel"
1071      class="container grid grid-cols-1 gap-10 p-8 px-5 mx-auto md:grid-cols-2"
1072    >
1073        <div>
1074                                    <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" />
1075              <div class="my-4 text-4xl font-bold font-quicksand">SummerQuest is here!</div>
1076
1077                                <a class="button-white" href="https://www.yorklibraries.org/library-services-programs/programs/summerquest/" target="_self">
1078                    <span class="mr-2">Learn More &amp; Register Now</span>
1079                    <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>
1080                  </a>
1081              
1082                              </div>
1083
1084        <div class="flex flex-col justify-end pb-16">
1085                                  <div class="grid grid-cols-2 gap-5 mb-10">
1086              <div>
1087                <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
1087w, 560px" />              </div>
1088
1089              <div>
1090                <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>
1091
1092                                    <a class="button-white" href="/library-services-programs/programs/york-cosplay/" target="_self">
1093                      <span class="mr-2">Learn more!</span>
1094                      <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>
1095                    </a>
1096                              </div>
1097            </div>
1098                      
1099                                  <div class="grid grid-cols-2 gap-5">
1100              <div>
1101                <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
1101w, 560px" />              </div>
1102
1103              <div>
1104                <div class="mb-4 text-[1.625rem] leading-[2rem] font-bold font-quicksand">Discover new interests and opportunities at the Youth Empowerment Summit!</div>
1105
1106                                    <a class="button-white" href="https://www.yorklibraries.org/library-services-programs/programs/yes/" target="_self">
1107                      <span class="mr-2">Learn more!</span>
1108                      <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>
1109                    </a>
1110                              </div>
1111            </div>
1112                              </div>
1113    </section>
1114
1115
1116    <!-- ADULTS PANEL -->
1117    <section
1118      x-show="isSelected($id('tab', whichChild($el, $el.parentElement)))"
1119      :aria-labelledby="$id('tab', whichChild($el, $el.parentElement))"
1120      role="tabpanel"
1121      class="container grid grid-cols-1 gap-10 p-8 px-5 mx-auto md:grid-cols-2"
1122    >
1123        <div>
1124                                    <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" />
1125              <div class="my-4 text-4xl font-bold font-quicksand">Let’s talk books! Bring a friend and join a book club!</div>
1126
1127                                <a class="button-white" href="https://events.yorklibraries.org/events/month?age_groups%5B4
1127%5D=4&#038;program_types%5B92%5D=92" target="_self">
1128                    <span class="mr-2">Attend a book club!</span>
1129                    <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>
1130                  </a>
1131              
1132                              </div>
1133
1134        <div class="flex flex-col justify-end pb-16">
1135                                  <div class="grid grid-cols-2 gap-5 mb-10">
1136              <div>
1137                <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
1137w, 560px" />              </div>
1138
1139              <div>
1140                <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>
1141
1142                                    <a class="button-white" href="https://events.yorklibraries.org/events/month?age_groups%5B4%5D=4" target="_self">
1143                      <span class="mr-2">Find events</span>
1144                      <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>
1145                    </a>
1146                              </div>
1147            </div>
1148                      
1149                                  <div class="grid grid-cols-2 gap-5">
1150              <div>
1151                <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
1151w, 560px" />              </div>
1152
1153              <div>
1154                <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>
1155
1156                                    <a class="button-white" href="https://events.yorklibraries.org/events/month?age_groups%5B4%5D=4&#038;program_types%5B97%5D=97" target="_self">
1157                      <span class="mr-2">See calendar</span>
1158                      <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>
1159                    </a>
1160                              </div>
1161            </div>
1162                              </div>
1163    </section>
1164
1165
1166  </div>
1167</div>
1168
1169<section class="py-20">
1170  <div class="container px-5 mx-auto">
1171    <div class="grid grid-cols-1 gap-10 xl:grid-cols-2">
1172      <div>
1173        <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>
1174        <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>
1175</div>
1176      </div>
1177      <div class="grid max-w-xl grid-cols-1 gap-10 mx-auto md:grid-cols-2">
1178        <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
1178-a-library-card/">
1179          <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>
1180          <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.
11806-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>
1181          <div class="z-10 group-hover:[text-shadow:none] [text-shadow:_4px_8px_6px_rgb(1_1_1_/_30%)]">Get a Library Card</div>
1182        </a>
1183        <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/">
1184          <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>
1185          <div class="absolute z-10 top-5 right-5">
1186            <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>
1187          </div>
1188          <div class="z-10 group-hover:[text-shadow:none] [text-shadow:_4px_8px_6px_rgb(1_1_1_/_30%)]">Find a Library</div>
1189        </a>
1190      </div>
1191    </div>
1192  </div>
1193</section>
1194
1195
1196
1197
1198<!-- CONTENT BLOCKS -->
1199            
1200<div class="flex flex-col items-center">
1201  <div class="grid clear-both w-full grid-cols-1 md:grid-cols-2" >
1202        <div class="flex flex-col justify-center p-5 prose md:px-10 md:py-20 bg-[#efefef]">
1203      <div class="mx-auto md:max-w-xl">
1204        <div class="mb-3 text-lg font-medium uppercase text-pink">Spark your curiosity</div>
1205        <h2 class="!text-2xl font-bold md:!text-4xl font-quicksand text-teal">We have programs for everyone!</h2>
1206        <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>
1207</div>
1208
1209                  <div class="border-t border-t-[#c5c5c5]">
1210                          <div class="border-b border-b-[#c5c5c5] py-3">
1211                                    <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">
1212                      <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>
1213                      <span class="flex-1 ml-3">Learn more about our programs</span>
1214                    </a>
1215                              </div>
1216                          <div class="border-b border-b-[#c5c5c5] py-3">
1217                                    <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">
1218                      <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>
1219                      <span class="flex-1 ml-3">See upcoming events</span>
1220                    </a>
1221                              </div>
1222                      </div>
1223        
1224        
1225        
1226      </div>
1227    </div>
1228    <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>
1229  </div>
1230</div>
1231                <section class="hidden md:block py-20 bg-purple bg-[url('./images/bg-circles.svg')] bg-[length:95px_95px]">
1232  <div class="container px-5 mx-auto max-w-7xl">
1233    <div class="flex flex-wrap items-center justify-center">
1234      <div class="w-[500px]">
1235        <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>
1236      <div class="z-20 flex-1 md:-ml-20">
1237        <div class="p-10 bg-white rounded-tl-4xl rounded-br-4xl">
1238                      <div class="mb-3 text-2xl font-medium uppercase text-pink">Real Library Stories</div>
1239                                <h2 class="!text-2xl font-bold md:!text-4xl font-quicksand text-teal">A Place of Solace: One Family's Story</h2>
1240                                <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>
1241                                <a class="mt-5 button-blue" href="/support/my-library-story/" target="_self">
1242              <span class="mr-2">Share your story</span>
1243              <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>
1244            </a>
1245                  </div>
1246      </div>
1247    </div>
1248  </div>
1249</section>          
1250      
1251      <section class="relative clear-both py-10 md:py-20">
1252        <div class="container px-5 mx-auto max-w-7xl">
1253          <div class="relative z-30 flex flex-wrap items-center">
1254            <div class="pt-3 md:flex-1 md:pr-20">
1255              <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>
1256              <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>
1257            </div>
1258            <div class="w-full mt-5 md:text-right md:w-auto md:mt-0">
1259                              <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">
1260                  <span class="mr-2">Donate Now</span>
1261                  <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>
1262                </a>
1263                          </div>
1264          </div>
1265        </div>
1266        <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">
1267      </section>
1268      
1269		</main><!-- #main -->
1270	</section><!-- #primary -->
1271
1272
1273	</div><!-- #content -->
1274
1275	
1276<footer class="footer">
1277	<div class="py-5 text-white bg-blue-dark md:py-10">
1278		<div class="container px-5 mx-auto">
1279			<div class="grid gap-10 grid-gap-1 md:grid-cols-5 md:gap-10">
1280				<div>
1281											<nav aria-label="Footer Menu">
1282							<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>
1283<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>
1284<ul class="sub-menu">
1285	<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
1285-a-library-card/">Get My Library Card</a></li>
1286	<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>
1287	<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>
1288	<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>
1289</ul>
1290</li>
1291<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>
1292</ul></div>						</nav>
1293									</div>
1294
1295				<div>
1296											<nav aria-label="Footer Menu">
1297							<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>
1298<ul class="sub-menu">
1299	<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>
1300	<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>
1301	<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>
1302	<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>
1303	<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>
1304</ul>
1305</li>
1306</ul></div>						</nav>
1307									</div>
1308				<div>
1309											<nav aria-label="Footer Menu">
1310							<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>
1311<ul class="sub-menu">
1312	<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>
1313	<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>
1314	<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>
1315</ul>
1316</li>
1317<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>
1318<ul class="sub-menu">
1319	<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>
1320	<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>
1321	<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>
1322	<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>
1323</ul>
1324</li>
1325</ul></div>						</nav>
1326									</div>
1327				<div class="md:col-span-2">
1328
1329					<h2 class="border-b-[5px] border-b-[#2a809d] mb-5 font-work text-[1.875rem] font-bold">Connect With Us</h2>
1330					<div class="flex items-end mb-10">
1331													<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">
1332								<svg class="h-5 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512">
1332<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>
1333							</a>
1334																			<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">
1335								<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>
1336							</a>
1337																			<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">
1338								<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>
1339							</a>
1340																			<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">
1341								<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>
1342							</a>
1343																	</div>
1344
1345					<div class="flex flex-wrap mb-5 sm:mb-10">
1346						<div class="w-full sm:flex-1 font-semibold text-[1.375rem] leading-[1.625rem] pr-5">
1347							Sign up for library news!
1348						</div>
1349						<div class="w-full mt-2 sm:w-auto sm:mt-0">
1350							<a class="button-white" href="/newsletter/">
1351								<span class="mr-2">Sign Up!</span>
1352								<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>
1353							</a>
1354						</div>
1355					</div>
1356
1357					<div class="flex flex-wrap">
1358						<div class="hidden sm:block w-[193px]">
1359							<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">
1360						</div>
1361						<div class="w-full pl-5 sm:flex-1">
1362							<div class="font-quicksand">
1363								<div class="mt-3 text-2xl font-semibold">
1364									York County Libraries								</div>
1365								<div>
1366									159 E Market Street, York, PA 17401								</div>
1367								<div>
1368									717-849-6944								</div>
1369							</div>
1370						</div>
1371					</div>
1372				</div>
1373			</div>
1374					</div>
1375	</div>
1376
1377	<div class="py-5 text-white bg-teal-dark">
1378		<div class="container px-5 mx-auto">
1379			<div class="flex flex-wrap md:flex-row-reverse text-[0.8125rem] hover:[&>a]:underline">
1380				<div class="flex flex-1 mb-3 md:justify-end gap-x-5 md:gap-x-10 md:mb-0">
1381					<a href="/sitemap">Sitemap</a>
1382					<a href="/privacy-policy">Privacy Policy</a>
1383					<a href="/terms-and-conditions">Terms and Conditions</a>
1384				</div>
1385				<div class="mr-10">&copy; 2026 York County Libraries All Rights Reserved.</div>
1386			</div>
1387		</div>
1388	</div>
1389</footer>
1390
1391</div><!-- #page -->
1392
1393<div x-data="{ top: false }">
1394	<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">
1395		<a class="text-pink hover:text-purple" href="#top">
1396			<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>
1397		</a>
1398	</div>
1399</div>
1400
1401<script type="speculationrules">
1402{"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"}]}
1403</script>
1403
1404	
1404<script>
1405		(function () {
1406			var c = document.body.className;
1407			c = c.replace(/woocommerce-no-js/, 'woocommerce-js');
1408			document.body.className = c;
1409		})();
1410	</script>
1410
1411	
1411<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.2"></script>
vendor: 1 bytes, line 1411
1411
1412<script id="gtm4wp-woocommerce-js-before">
1413window.gtm4wp_store_api_cart_url = "https:\/\/www.yorklibraries.org\/wp-json\/wc\/store\/v1\/cart";
1414//# sourceURL=gtm4wp-woocommerce-js-before
1415</script>
vendor: 1 bytes, line 1415
1415
1416<script id="gtm4wp-woocommerce-js" src="https://www.yorklibraries.org/wp-content/plugins/duracelltomi-google-tag-manager/build/gtm4wp-woocommerce.js?ver=2.0.2"></script>
vendor: 1 bytes, line 1416
1416
1417<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 1417
1417
1418<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 1418
1418
1419<script id="wp-hooks-js" src="https://www.yorklibraries.org/wp-includes/js/dist/hooks.min.js?ver=f0f188028580e8dc1255"></script>
vendor: 1 bytes, line 1419
1419
1420<script id="wp-deprecated-js" src="https://www.yorklibraries.org/wp-includes/js/dist/deprecated.min.js?ver=fe587bac92b7d0ef760e"></script>
vendor: 1 bytes, line 1420
1420
1421<script id="wp-dom-js" src="https://www.yorklibraries.org/wp-includes/js/dist/dom.min.js?ver=c95f94cbbc1ac3fde84f"></script>
vendor: 1 bytes, line 1421
1421
1422<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 1422
1422
1423<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 1423
1423
1424<script id="wp-element-js" src="https://www.yorklibraries.org/wp-includes/js/dist/element.min.js?ver=4a4370b2b349066fd440"></script>
vendor: 1 bytes, line 1424
1424
1425<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 1425
1425
1426<script id="wp-i18n-js" src="https://www.yorklibraries.org/wp-includes/js/dist/i18n.min.js?ver=1dfe7db3940c23ea9216"></script>
vendor: 1 bytes, line 1426
1426
1427<script id="wp-i18n-js-after">
1428wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } );
1429//# sourceURL=wp-i18n-js-after
1430</script>
vendor: 1 bytes, line 1430
1430
1431<script id="wp-keycodes-js" src="https://www.yorklibraries.org/wp-includes/js/dist/keycodes.min.js?ver=d0b4204e4bbeb412df6e"></script>
vendor: 1 bytes, line 1431
1431
1432<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 1432
1432
1433<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 1433
1433
1434<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 1434
1434
1435<script id="wp-compose-js" src="https://www.yorklibraries.org/wp-includes/js/dist/compose.min.js?ver=0e8bde2a499ea6073b42"></script>
vendor: 1 bytes, line 1435
1435
1436<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 1436
1436
1437<script id="wp-data-js" src="https://www.yorklibraries.org/wp-includes/js/dist/data.min.js?ver=14a216e0932d72c22976"></script>
vendor: 1 bytes, line 1437
1437
1438<script id="wp-data-js-after">
1439( function() {
1440	var userId = 0;
1441	var storageKey = "WP_DATA_USER_" + userId;
1442	wp.data
1443		.use( wp.data.plugins.persistence, { storageKey: storageKey } );
1444} )();
1445//# sourceURL=wp-data-js-after
1446</script>
vendor: 1 bytes, line 1446
1446
1447<script id="gtm4wp-woocommerce-blocks-js-before">
1448window.gtm4wp_blocks_context = "minicart";
1449window.gtm4wp_store_api_cart_url = "https:\/\/www.yorklibraries.org\/wp-json\/wc\/store\/v1\/cart";
1450//# sourceURL=gtm4wp-woocommerce-blocks-js-before
1451</script>
vendor: 1 bytes, line 1451
1451
1452<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.2"></script>
vendor: 1 bytes, line 1452
1452
1453<script id="jquery-ui-core-js-before">
1454jQuery.uiBackCompat = true;
1455//# sourceURL=jquery-ui-core-js-before
1456</script>
vendor: 1 bytes, line 1456
1456
1457<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 1457
1457
1458<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 1458
1458
1459<script id="jquery-ui-datepicker-js-after">
1460jQuery(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});});
1461//# sourceURL=jquery-ui-datepicker-js-after
1462</script>
vendor: 1 bytes, line 1462
1462
1463<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 1463
1463
1464<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 1464
1464
1465<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 1465
1465
1466<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 1466
1466
1467<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 1467
1467
1468<script id="wc-order-attribution-js-extra">
1469var 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"}};
1470//# sourceURL=wc-order-attribution-js-extra
1471</script>
vendor: 1 bytes, line 1471
1471
1472<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 1472
1472
1473<script id="gforms_recaptcha_recaptcha-js-extra">
1474var gforms_recaptcha_recaptcha_strings = {"nonce":"1cf8344131","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"};
1475//# sourceURL=gforms_recaptcha_recaptcha-js-extra
1476</script>
vendor: 127 bytes, lines 1476-1477
1476
1477<script data-wp-strategy="defer" defer id="gforms_recaptcha_recaptcha-js" src="https://www.google.com/recaptcha/api.js?render=
14776LdC_0EjAAAAAPmLzV83dhGe_JT3KxWpYqkzooUR
vendor: 27 bytes, line 1477
1477&#038;ver=2.2.2"></script>
1478<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 1478
1478
1479<script id="gt_widget_script_16267709-js-before">
1480window.gtranslateSettings = /* document.write */ window.gtranslateSettings || {};window.gtranslateSettings['16267709'] = {"default_language":"en","languages":["ar","zh-CN","nl","en","fr","de","ht","it","pt","ru","es"],"url_structure":"none","wrapper_selector":"#gt-wrapper-16267709","select_language_label":"Select Language","horizontal_position":"inline","flags_location":"\/wp-content\/plugins\/gtranslate\/flags\/"};
1481//# sourceURL=gt_widget_script_16267709-js-before
1482</script>
1482<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="16267709" defer></script>
1482<script id="wp-emoji-settings" type="application/json">
1483{"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"}}
1484</script>
vendor: 1 bytes, line 1484
1484
1485<script type="module">
1486/*! This file is auto-generated */
1487var 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)))});
1488//# sourceURL=https://www.yorklibraries.org/wp-includes/js/wp-emoji-loader.min.js
1489</script>
1489
1490
1491<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:'a40406866ed61417',t:'MTc5MDI3NjM1OA=='};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>
1491</body>
1492</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.