One Library's Mission to Provide Its Senior Community with Social Engagement and Emotional Connectedness

<!DOCTYPE html> <html lang="en" dir="ltr" prefix="og: https://ogp.me/ns#"> <head> <meta charset="utf-8" /> <link rel="canonical" href="https://www.ala.org/pla/education/onlinelearning/webinars/ondemand/senior-community" /> <meta property="og:title" content="One Library's Mission to Provide Its Senior Community with Social Engagement and Emotional Connectedness" /> <meta name="twitter:card" content="summary" /> <meta name="twitter:title" content="One Library's Mission to Provide Its Senior Community with Social Engagement and Emotional Connectedness" /> <meta name="twitter:image" content="https://www.ala.org/themes/custom/ala/ala-seo.png" /> <link rel="stylesheet" href="/sites/default/files/micro_site_asset/css/site-27-5d1c5aa30291f3335d7e2dadbc89a21f.css" /> <meta name="Generator" content="Drupal 10 (https://www.drupal.org)" /> <meta name="MobileOptimized" content="width" /> <meta name="HandheldFriendly" content="true" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <script type="application/ld+json">{ "@context": "https://schema.org", "@graph": [ { "@type": "Organization", "@id": "internal:/pla", "name": "American Library Association", "url": "internal:/pla", "description": "Awards, publishing, and conferences: ALA membership advocates to ensure access to information for all", "logo": { "@type": "ImageObject", "representativeOfPage": "True", "url": "internal:/pla/themes/custom/ala/logo.svg" } } ] }</script> <style>@layer main_site, microsite; @layer microsite { :root { --color-bg--main: rgba(102, 51, 153);--color-border--main: rgba(102, 51, 153); --color-bg--secondary: rgba(108, 195, 220); --color-bg--secondary-20: rgba(108, 195, 220, 0.2);--color-border--secondary: rgba(108, 195, 220); --color-bg--third: rgba(102, 51, 153);--color-border--third: rgba(102, 51, 153); } }</style> <link rel="icon" href="/sites/default/files/favicon/2023/pla-favicon.png" type="image/png" /> <link rel="alternate" hreflang="en" href="https://www.ala.org/pla/education/onlinelearning/webinars/ondemand/senior-community" /> <script>window.a2a_config=window.a2a_config||{};a2a_config.callbacks=[];a2a_config.overlays=[];a2a_config.templates={};</script> <title>One Library's Mission to Provide Its Senior Community with Social Engagement and Emotional Connectedness | Public Library Association</title> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_166SpLwD8xbwkeDl39ywO9OoIhFkgi_RRcxprTY6FJE.css?delta=0&language=en&theme=ala&include=eJxdjOEOwiAQg1-IwCOZIidjOThyB8759MZNY-Kfpv3aFCkNQdsDPsbfVNpwttugGiKMHBiXt_lLlcyQydxVlEITreDyPAYhs0Tw2SSdHeyx4uE6FFnRF_viH_Gz9Rm52ELJ3QttFg71VdLk89e20klXewE8OUaP" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_WBa2tZiT1MVLon7exVpN5_7lazECSPq-VplhYH6tr2U.css?delta=1&language=en&theme=ala&include=eJxdjOEOwiAQg1-IwCOZIidjOThyB8759MZNY-Kfpv3aFCkNQdsDPsbfVNpwttugGiKMHBiXt_lLlcyQydxVlEITreDyPAYhs0Tw2SSdHeyx4uE6FFnRF_viH_Gz9Rm52ELJ3QttFg71VdLk89e20klXewE8OUaP" /> <script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","pathPrefix":"","currentPath":"node\/61217","currentPathIsAdmin":false,"isFront":false,"currentLanguage":"en"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"gtm":{"tagId":null,"settings":{"data_layer":"dataLayer","include_classes":false,"allowlist_classes":"","blocklist_classes":"","include_environment":false,"environment_id":"","environment_token":""},"tagIds":["GTM-PGK7ZWT"]},"gtag":{"tagId":"","consentMode":false,"otherIds":[],"events":[],"additionalConfigInfo":[]},"ajaxPageState":{"libraries":"eJxdjkEOwjAMBD-UJk-qto1Jg5w4slOgvB5akCq4jHbmtIixC-oW8B3-olK7AyOAW640XO2wGUw1QgfjHEmPllgm8D7HCUZhx2mFzJDI3CxKoYoWcH6SSyKJaexIIb3x7x5XPH5jcQ2KpGiLhahrA_uz-LW2deJsC0Vnm3Uqnye3THcLB32RuDK9AHlvW2k","theme":"ala","theme_token":null},"ajaxTrustedUrl":[],"multiselect":{"widths":250},"user":{"uid":0,"permissionsHash":"6d055e77f2dba947d248c3184bd403b313cb55c0ca910e8dcf2da6287a80491f"}}</script> <script src="/sites/default/files/js/js_brDYGC18jfIS_M-kT0GkAKK2YWsmP9Y2zMl3pzBJNIk.js?scope=header&delta=0&language=en&theme=ala&include=eJxdzDkOgDAMBdELZTkS-mBjJTI2SlLA7ZEiGujmNQOi4bA74420N7cRoMiivkJnQs9iHGsP4i7Ky4BkGceXkL8TKq552KBshBa7FuL2AMPcLWE"></script> <script src="/modules/contrib/google_tag/js/gtm.js?sromhv"></script> <script src="/modules/contrib/google_tag/js/gtag.js?sromhv"></script> <script src="/sites/default/files/js/js_lX-26s7SpaNKJG0aykBFwXMv3bDrRozCtxNfmBB60Iw.js?scope=header&delta=3&language=en&theme=ala&include=eJxdzDkOgDAMBdELZTkS-mBjJTI2SlLA7ZEiGujmNQOi4bA74420N7cRoMiivkJnQs9iHGsP4i7Ky4BkGceXkL8TKq552KBshBa7FuL2AMPcLWE"></script> <link rel="preconnect" href="https://fonts.googleapis.com" crossorigin> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preload" href="https://fonts.googleapis.com/css2?family=Bitter:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap" as="style" crossorigin> <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Bitter:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap" crossorigin> <link rel="preconnect" href="https://use.typekit.net" crossorigin> <link rel="preconnect" href="https://p.typekit.net" crossorigin /> <link rel="preload" href="https://use.typekit.net/hww8zbp.css" as="style" crossorigin> <link rel="stylesheet" href="https://use.typekit.net/hww8zbp.css" crossorigin> </head> <body class="site--entity site--type--microsite site--27 path-node page-node-type-event"> <a href="#main-content" class="visually-hidden focusable skip-link"> Skip to main content </a> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PGK7ZWT" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas> <div class="layout-container"> <header role="banner" class="w-full border-b z-20 relative" x-data="{ open: false }"> <div class="microsite-utility menu--utility_desktop relative bg-neutralBlue py-[0.563rem] xl:py-0"> <div class="2xl:container flex items-center"> <div class="microsite-utility__logo ml-[1rem] xl:ml-0"> <a href="/"> <img src="/themes/custom/ala/assets/images/svg/ala-logo-white.svg" alt="American Library Association"> </a> </div> <div class="region region-utility-menu"> <nav id="block-utility" class="block block-menu navigation menu--utility static xl:relative sidebar-menu" aria-labelledby="block-utility-menu" role="navigation"> <h2 class="visually-hidden" id="block-utility-menu" class="hidden">Utility</h2> <div :class="{ 'block': open, 'hidden xl:block': !open }" class="utility-nav w-full mx-auto bg-mainBlueColor"> <div class="utility-nav-list-wrapper flex items-center justify-end z-10"> <ul x-data="{ clicked: false }" class="w-full xl:w-auto list-reset flex menu--utility items-center flex-col xl:flex-row static p-7 xl:p-0"> <li class="w-full xl:w-auto"> <ul class="grid grid-cols-2 gap-4 xl:flex m-0 menu--utility__inner mb-6 xl:mb-0"> <li class="inline-block p-0" data-title=About-ALA> <a href="https://www.ala.org/aboutala" class="about text-white relative xl:pl-4 xl:pr-4 py-2 xl:py-2 inline-flex items-center font-bold" title="About ALA" data-drupal-link-system-path="node/43">About ALA</a> </li> <li class="inline-block p-0" data-title=ALA-Connect> <a href="https://connect.ala.org/home" class="connect text-white relative xl:pl-4 xl:pr-4 py-2 xl:py-2 inline-flex items-center font-bold" title="ALA Connect">ALA Connect</a> </li> <li class="inline-block p-0" data-title=ALA-Websites> <a href="https://www.ala.org/aboutala/sitesdirectory" class="website text-white relative xl:pl-4 xl:pr-4 py-2 xl:py-2 inline-flex items-center font-bold" title="ALA Websites" data-drupal-link-system-path="node/59883">ALA Websites</a> </li> <li class="inline-block p-0" data-title=Job-Board> <a href="https://joblist.ala.org/" class="job text-white relative xl:pl-4 xl:pr-4 py-2 xl:py-2 inline-flex items-center font-bold" target="_blank" title="Job Board">Job Board</a> </li> </ul> </li> <li @click="clicked = !clicked" :class="{ 'active': clicked }" class="xl:inline-flex xl:justify-center xl:items-center transition-all duration-300 parent-level dropdown w-full xl:w-auto xl:border-b-0 last3" data-title=Join--Renew> <a href="https://my.ala.org/store/dues.aspx" class="join text-white pl-7 xl:pl-4 relative xl:pr-4 py-4 xl:py-2 inline-flex items-center font-bold" target="_blank" title="Join | Renew">Join | Renew</a> </li> <li @click="clicked = !clicked" :class="{ 'active': clicked }" class="xl:inline-flex xl:justify-center xl:items-center transition-all duration-300 parent-level dropdown w-full xl:w-auto xl:border-b-0 last3" data-title=Donate> <a href="/donate" class="donate text-white pl-7 xl:pl-4 relative xl:pr-4 py-4 xl:py-2 inline-flex items-center font-bold" target="_blank" title="Donate">Donate</a> </li> <li @click="clicked = !clicked" :class="{ 'active': clicked }" class="xl:inline-flex xl:justify-center xl:items-center transition-all duration-300 parent-level dropdown w-full xl:w-auto xl:border-b-0 last3" data-title=Login> <a href="/saml_login?destination=/pla/education/onlinelearning/webinars/ondemand/senior-community" class="text-white pl-7 xl:pl-4 relative xl:pr-4 py-4 xl:py-2 inline-flex items-center font-bold" title="Login">Login</a> </li> </ul> </li> </ul> </div> </div> </nav> </div> <div class="hamburger-menu w-auto ml-[50%] lg:ml-auto xl:ml-0 absolute right-[3rem]" x-cloak x-data="{ open: false }"> <div class=""> <div class="relative ml-[1rem] xl:ml-0 2xl:ml-[1rem]"> <button @click="open = !open" class="collapse-nav-button h-5 w-[15px] absolute left-0 2xl:left-[1.5rem]" :class="{ 'top-[45%] -translate-y-1/2': !open, 'top-[46%]': open }" aria-label="Mobile Menu" :aria-expanded="open" aria-controls="block-ala-main-menu-micro"><span class="sr-only">Menu</span> <span :class="{ 'transform rotate-45 translate-y-px top-[1px] !w-[1.5rem]': open }" class="first w-[15px] h-1 bg-white left-0 absolute bottom-0 transition-all duration-200 ease-in-out origin-center"></span> <span :class="{ 'opacity-0': open, 'translate-y-0': !open }" class="second w-[15px] h-1 bg-white absolute top-1/2 left-0 transition-all duration-200 ease-in-out origin-center"></span> <span :class="{ 'transform -rotate-45 -translate-y-0.3 !w-[1.5rem]': open }" class="w-[15px] h-1 bg-white absolute top-[1px] left-0 transition-all duration-200 ease-in-out origin-center"></span> </button> <p class="text-white text-[0.875em] mb-0 xl:hidden 2xl:block absolute top-[-0.6rem] w-[5rem] left-[-5rem] 2xl:left-[4rem]">ALA Menu</p> </div> <div id="block-ala-main-menu-micro" x-cloak :class="{ 'hidden': !open }" class="microsite-collapse-menu-wrapper transition-all duration-200 ease-in-out mt-[1.3rem] xl:mt-[1.25rem] 2xl:mt-[2.5rem] absolute z-20 right-[-49px] xl:right-[-6rem] 2xl:right-0 top-0" style="height: calc(100vh - 2.5rem);"> <div class="region region-microsite-collapse-menu xl:h-full xl:w-[580px] w-[100vw] border border-secondaryGrey border-solid border-t-0 xl:flex xl:flex-col"> <nav id="block-utility-2" class="block block-menu navigation menu--utility static xl:relative sidebar-menu" aria-labelledby="block-utility-2-menu" role="navigation"> <h2 class="visually-hidden" id="block-utility-2-menu" class="hidden">Utility</h2> <div :class="{ 'block': open, 'hidden xl:block': !open }" class="utility-nav w-full mx-auto bg-mainBlueColor"> <div class="utility-nav-list-wrapper flex items-center justify-end z-10"> <ul x-data="{ clicked: false }" class="w-full xl:w-auto list-reset flex menu--utility items-center flex-col xl:flex-row static p-7 xl:p-0"> <li class="w-full xl:w-auto"> <ul class="grid grid-cols-2 gap-4 xl:flex m-0 menu--utility__inner mb-6 xl:mb-0"> <li class="inline-block p-0" data-title=About-ALA> <a href="https://www.ala.org/aboutala" class="about text-white relative xl:pl-4 xl:pr-4 py-2 xl:py-2 inline-flex items-center font-bold" title="About ALA" data-drupal-link-system-path="node/43">About ALA</a> </li> <li class="inline-block p-0" data-title=ALA-Connect> <a href="https://connect.ala.org/home" class="connect text-white relative xl:pl-4 xl:pr-4 py-2 xl:py-2 inline-flex items-center font-bold" title="ALA Connect">ALA Connect</a> </li> <li class="inline-block p-0" data-title=ALA-Websites> <a href="https://www.ala.org/aboutala/sitesdirectory" class="website text-white relative xl:pl-4 xl:pr-4 py-2 xl:py-2 inline-flex items-center font-bold" title="ALA Websites" data-drupal-link-system-path="node/59883">ALA Websites</a> </li> <li class="inline-block p-0" data-title=Job-Board> <a href="https://joblist.ala.org/" class="job text-white relative xl:pl-4 xl:pr-4 py-2 xl:py-2 inline-flex items-center font-bold" target="_blank" title="Job Board">Job Board</a> </li> </ul> </li> <li @click="clicked = !clicked" :class="{ 'active': clicked }" class="xl:inline-flex xl:justify-center xl:items-center transition-all duration-300 parent-level dropdown w-full xl:w-auto xl:border-b-0 last3" data-title=Join--Renew> <a href="https://my.ala.org/store/dues.aspx" class="join text-white pl-7 xl:pl-4 relative xl:pr-4 py-4 xl:py-2 inline-flex items-center font-bold" target="_blank" title="Join | Renew">Join | Renew</a> </li> <li @click="clicked = !clicked" :class="{ 'active': clicked }" class="xl:inline-flex xl:justify-center xl:items-center transition-all duration-300 parent-level dropdown w-full xl:w-auto xl:border-b-0 last3" data-title=Donate> <a href="/donate" class="donate text-white pl-7 xl:pl-4 relative xl:pr-4 py-4 xl:py-2 inline-flex items-center font-bold" target="_blank" title="Donate">Donate</a> </li> <li @click="clicked = !clicked" :class="{ 'active': clicked }" class="xl:inline-flex xl:justify-center xl:items-center transition-all duration-300 parent-level dropdown w-full xl:w-auto xl:border-b-0 last3" data-title=Login> <a href="/saml_login?destination=/pla/education/onlinelearning/webinars/ondemand/senior-community" class="text-white pl-7 xl:pl-4 relative xl:pr-4 py-4 xl:py-2 inline-flex items-center font-bold" title="Login">Login</a> </li> </ul> </li> </ul> </div> </div> </nav> <nav id="block-mainnavigation" class="block block-menu navigation menu--main static xl:relative sidebar-menu" aria-labelledby="block-mainnavigation-menu" role="navigation"> <h2 class="visually-hidden" id="block-mainnavigation-menu" class="hidden">Main navigation</h2> <div :class="{ 'block': open, 'hidden xl:block': !open }" class="main-menu-wrapper max-w-7xl mx-auto px-4 sm:px-6 xl:px-8 z-50"> <div class="flex items-center justify-between z-10"> <ul x-data="{ clicked: false }" class="main--menu list-reset flex gap-4 xl:min-h-[55px] flex-col xl:flex-row static bg-white pt-5 xl:pt-0 w-full menu-l-0 items-center"> <li @click="clicked = !clicked" :class="{ 'active': clicked }" class="xl:py-1 pr-4 relative transition-all duration-300 parent-level dropdown w-full xl:w-auto border-b xl:border-b-0 xl:flex xl:flex-col xl:justify-center" tabindex="0"> <a href="https://www.ala.org/membership" title="Membership" data-drupal-link-system-path="node/44">Membership</a> <div class="m-0 hidden z-10 xl:absolute dropdown-content main--menu_submenu"> <ul class="wrapper hidden bg-white xl:p-6 xl:py-4"> <li class="pl-3 xl:pl-0"> <a href="https://www.ala.org/membership" class="block xl:whitespace-nowrap transition-all duration-300" title="Membership" data-drupal-link-system-path="node/44">Membership Home</a> </li> <li class="pl-3 xl:pl-0"> <a href="https://www.ala.org/membership/new-member-center" class="block xl:whitespace-nowrap transition-all duration-300" title="Membership" data-drupal-link-system-path="node/16868">Member Center</a> </li> <li class="pl-3 xl:pl-0"> <a href="/aboutala/donate" class="block xl:whitespace-nowrap transition-all duration-300" title="Membership">Give to ALA</a> </li> <li class="pl-3 xl:pl-0"> <a href="https://www.ala.org/aboutala/getinvolved" class="block xl:whitespace-nowrap transition-all duration-300" title="Membership" data-drupal-link-system-path="node/15738">Get Involved with ALA</a> </li> <li class="pl-3 xl:pl-0"> <a href="https://www.ala.org/aboutala/committees" class="block xl:whitespace-nowrap transition-all duration-300" title="Membership" data-drupal-link-system-path="node/16494">Committees</a> </li> <li class="pl-3 xl:pl-0"> <a href="https://www.ala.org/aboutala/divs" class="block xl:whitespace-nowrap transition-all duration-300" title="Membership" data-drupal-link-system-path="node/59964">Divisions</a> </li> <li class="pl-3 xl:pl-0 main--menu_submenu--final-item"> <a href="https://www.ala.org/aboutala/rts" class="block xl:whitespace-nowrap transition-all duration-300" title="Membership" data-drupal-link-system-path="node/59965">Round Tables</a> </li> </ul> </div> <span class="caret"><svg role="group" width="10" height="7" viewBox="0 0 10 7" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path class="arrow-icon" d="M5.81907 6.62493C5.44804 7.12502 4.55223 7.12502 4.1812 6.62493L0.137632 1.17063C-0.244378 0.655459 0.214034 9.81579e-08 0.956565 1.63072e-07L9.0437 8.70072e-07C9.78576 9.34944e-07 10.2442 0.655459 9.86263 1.17063L5.81907 6.62493Z"/> </svg> </span> </li> <li @click="clicked = !clicked" :class="{ 'active': clicked }" class="xl:py-1 pr-4 relative transition-all duration-300 parent-level dropdown w-full xl:w-auto border-b xl:border-b-0 xl:flex xl:flex-col xl:justify-center" tabindex="0"> <a href="https://www.ala.org/advocacy" title="Advocacy & Issues" data-drupal-link-system-path="node/61209">Advocacy & Issues</a> <div class="m-0 hidden z-10 xl:absolute dropdown-content main--menu_submenu"> <ul class="wrapper hidden bg-white xl:p-6 xl:py-4"> <li class="pl-3 xl:pl-0"> <a href="https://www.ala.org/advocacy" class="block xl:whitespace-nowrap transition-all duration-300" title="Advocacy & Issues" data-drupal-link-system-path="node/61209">Advocacy & Issues Home</a> </li> <li class="pl-3 xl:pl-0"> <a href="https://www.ala.org/bbooks" class="block xl:whitespace-nowrap transition-all duration-300" title="Advocacy & Issues" data-drupal-link-system-path="node/13731">Banned & Challenged Books</a> </li> <li class="pl-3 xl:pl-0"> <a href="https://www.ala.org/advocacy/intfreedom" class="block xl:whitespace-nowrap transition-all duration-300" title="Advocacy & Issues" data-drupal-link-system-path="node/12971">Intellectual Freedom</a> </li> <li class="pl-3 xl:pl-0"> <a href="https://www.ala.org/advocacy/advocacy-public-policy" class="block xl:whitespace-nowrap transition-all duration-300" title="Advocacy & Issues" data-drupal-link-system-path="node/17195">Public Policy</a> </li> <li class="pl-3 xl:pl-0"> <a href="https://www.ala.org/advocacy/diversity" class="block xl:whitespace-nowrap transition-all duration-300" title="Advocacy & Issues" data-drupal-link-system-path="node/15429">Equity, Diversity & Inclusion</a> </li> <li class="pl-3 xl:pl-0"> <a href="https://www.ala.org/advocacy/literacy" class="block xl:whitespace-nowrap transition-all duration-300" title="Advocacy & Issues" data-drupal-link-system-path="node/15265">Literacy</a> </li> <li class="pl-3 xl:pl-0 main--menu_submenu--final-item"> <a href="https://www.ala.org/advocacy/privacy" class="block xl:whitespace-nowrap transition-all duration-300" title="Advocacy & Issues" data-drupal-link-system-path="node/15329">Privacy</a> </li> </ul> </div> <span class="caret"><svg role="group" width="10" height="7" viewBox="0 0 10 7" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path class="arrow-icon" d="M5.81907 6.62493C5.44804 7.12502 4.55223 7.12502 4.1812 6.62493L0.137632 1.17063C-0.244378 0.655459 0.214034 9.81579e-08 0.956565 1.63072e-07L9.0437 8.70072e-07C9.78576 9.34944e-07 10.2442 0.655459 9.86263 1.17063L5.81907 6.62493Z"/> </svg> </span> </li> <li @click="clicked = !clicked" :class="{ 'active': clicked }" class="xl:py-1 pr-4 relative transition-all duration-300 parent-level dropdown w-full xl:w-auto border-b xl:border-b-0 xl:flex xl:flex-col xl:justify-center" tabindex="0"> <a href="https://www.ala.org/conferencesevents" title="Conferences & Events" data-drupal-link-system-path="node/45">Conferences & Events</a> <div class="m-0 hidden z-10 xl:absolute dropdown-content main--menu_submenu"> <ul class="wrapper hidden bg-white xl:p-6 xl:py-4"> <li class="pl-3 xl:pl-0"> <a href="https://www.ala.org/conferencesevents" class="block xl:whitespace-nowrap transition-all duration-300" title="Conferences & Events" data-drupal-link-system-path="node/45">Conferences & Events Home</a> </li> <li class="pl-3 xl:pl-0"> <a href="https://www.ala.org/events" class="block xl:whitespace-nowrap transition-all duration-300" title="Conferences & Events" data-drupal-link-system-path="node/18">Events Calendar</a> </li> <li class="pl-3 xl:pl-0"> <a href="https://www.ala.org/conferencesevents/past" class="block xl:whitespace-nowrap transition-all duration-300" title="Conferences & Events" data-drupal-link-system-path="node/17491">Past & Future ALA Conferences</a> </li> <li class="pl-3 xl:pl-0"> <a href="https://www.ala.org/conferencesevents/ala-conference-site-selection" class="block xl:whitespace-nowrap transition-all duration-300" title="Conferences & Events" data-drupal-link-system-path="node/60508">Criteria for Conference Site Selection</a> </li> <li class="pl-3 xl:pl-0 main--menu_submenu--final-item"> <a href="https://www.ala.org/conferencesevents/celebrationdays" class="block xl:whitespace-nowrap transition-all duration-300" title="Conferences & Events" data-drupal-link-system-path="node/17432">Library Celebration Days</a> </li> </ul> </div> <span class="caret"><svg role="group" width="10" height="7" viewBox="0 0 10 7" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path class="arrow-icon" d="M5.81907 6.62493C5.44804 7.12502 4.55223 7.12502 4.1812 6.62493L0.137632 1.17063C-0.244378 0.655459 0.214034 9.81579e-08 0.956565 1.63072e-07L9.0437 8.70072e-07C9.78576 9.34944e-07 10.2442 0.655459 9.86263 1.17063L5.81907 6.62493Z"/> </svg> </span> </li> <li @click="clicked = !clicked" :class="{ 'active': clicked }" class="xl:py-1 pr-4 relative transition-all duration-300 parent-level dropdown w-full xl:w-auto border-b xl:border-b-0 xl:flex xl:flex-col xl:justify-center" tabindex="0"> <a href="https://www.ala.org/awards" title="Awards & Grants" data-drupal-link-system-path="node/28">Awards & Grants</a> <div class="m-0 hidden z-10 xl:absolute dropdown-content main--menu_submenu"> <ul class="wrapper hidden bg-white xl:p-6 xl:py-4"> <li class="pl-3 xl:pl-0"> <a href="https://www.ala.org/awards" class="block xl:whitespace-nowrap transition-all duration-300" title="Awards & Grants" data-drupal-link-system-path="node/28">Awards & Grants Home</a> </li> <li class="pl-3 xl:pl-0"> <a href="https://www.ala.org/awards/books-media" class="block xl:whitespace-nowrap transition-all duration-300" title="Awards & Grants" data-drupal-link-system-path="node/31">Book, Print & Media Awards</a> </li> <li class="pl-3 xl:pl-0"> <a href="https://www.ala.org/grants" class="block xl:whitespace-nowrap transition-all duration-300" title="Awards & Grants" data-drupal-link-system-path="node/29">Grants</a> </li> <li class="pl-3 xl:pl-0"> <a href="https://www.ala.org/awards/professional-recognition" class="block xl:whitespace-nowrap transition-all duration-300" title="Awards & Grants" data-drupal-link-system-path="node/32">Professional Recognition</a> </li> <li class="pl-3 xl:pl-0"> <a href="https://www.ala.org/awardsgrants/seals" class="block xl:whitespace-nowrap transition-all duration-300" title="Awards & Grants" data-drupal-link-system-path="node/17246">Purchase Awards Seals</a> </li> <li class="pl-3 xl:pl-0 main--menu_submenu--final-item"> <a href="https://www.ala.org/awards/recommended-books-and-media" class="block xl:whitespace-nowrap transition-all duration-300" title="Awards & Grants" data-drupal-link-system-path="node/14">Recommended Print & Media Lists</a> </li> </ul> </div> <span class="caret"><svg role="group" width="10" height="7" viewBox="0 0 10 7" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path class="arrow-icon" d="M5.81907 6.62493C5.44804 7.12502 4.55223 7.12502 4.1812 6.62493L0.137632 1.17063C-0.244378 0.655459 0.214034 9.81579e-08 0.956565 1.63072e-07L9.0437 8.70072e-07C9.78576 9.34944e-07 10.2442 0.655459 9.86263 1.17063L5.81907 6.62493Z"/> </svg> </span> </li> <li @click="clicked = !clicked" :class="{ 'active': clicked }" class="xl:py-1 pr-4 relative transition-all duration-300 parent-level dropdown w-full xl:w-auto border-b xl:border-b-0 xl:flex xl:flex-col xl:justify-center" tabindex="0"> <a href="https://www.ala.org/educationcareers" title="Education & Careers" data-drupal-link-system-path="node/46">Education & Careers</a> <div class="m-0 hidden z-10 xl:absolute dropdown-content main--menu_submenu"> <ul class="wrapper hidden bg-white xl:p-6 xl:py-4"> <li class="pl-3 xl:pl-0"> <a href="https://www.ala.org/educationcareers" class="block xl:whitespace-nowrap transition-all duration-300" title="Education & Careers" data-drupal-link-system-path="node/46">Education & Careers Home</a> </li> <li class="pl-3 xl:pl-0"> <a href="https://elearning.ala.org/" target="_blank" class="block xl:whitespace-nowrap transition-all duration-300" title="Education & Careers">ALA eLearning</a> </li> <li class="pl-3 xl:pl-0"> <a href="https://joblist.ala.org/" target="_blank" class="block xl:whitespace-nowrap transition-all duration-300" title="Education & Careers">JobList Career Center</a> </li> <li class="pl-3 xl:pl-0"> <a href="https://www.ala.org/educationcareers/accreditedprograms" class="block xl:whitespace-nowrap transition-all duration-300" title="Education & Careers" data-drupal-link-system-path="node/11824">Accredited Programs</a> </li> <li class="pl-3 xl:pl-0"> <a href="https://www.ala.org/educationcareers/scholarships" class="block xl:whitespace-nowrap transition-all duration-300" title="Education & Careers" data-drupal-link-system-path="node/17131">ALA Scholarships</a> </li> <li class="pl-3 xl:pl-0 main--menu_submenu--final-item"> <a href="https://www.ala.org/educationcareers/libcareers/become" class="block xl:whitespace-nowrap transition-all duration-300" title="Education & Careers" data-drupal-link-system-path="node/13326">Become a Librarian</a> </li> </ul> </div> <span class="caret"><svg role="group" width="10" height="7" viewBox="0 0 10 7" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path class="arrow-icon" d="M5.81907 6.62493C5.44804 7.12502 4.55223 7.12502 4.1812 6.62493L0.137632 1.17063C-0.244378 0.655459 0.214034 9.81579e-08 0.956565 1.63072e-07L9.0437 8.70072e-07C9.78576 9.34944e-07 10.2442 0.655459 9.86263 1.17063L5.81907 6.62493Z"/> </svg> </span> </li> <li @click="clicked = !clicked" :class="{ 'active': clicked }" class="xl:mr-5 relative pr-4 transition-all duration-300 parent-level parent-level-last dropdown w-full xl:w-auto border-b xl:border-b-0 xl:flex xl:flex-col xl:justify-center" tabindex="0"> <a href="https://www.ala.org/tools" title="Tools & Resources" data-drupal-link-system-path="node/60005">Tools & Resources</a> <div class="m-0 hidden z-10 xl:absolute dropdown-content main--menu_submenu"> <ul class="wrapper hidden bg-white xl:p-6 xl:py-4"> <li class="pl-3 xl:pl-0"> <a href="https://www.ala.org/tools" class="block xl:whitespace-nowrap transition-all duration-300" title="Tools & Resources" data-drupal-link-system-path="node/60005">Tools & Resources Home</a> </li> <li class="pl-3 xl:pl-0"> <a href="https://www.ala.org/tools/programming" class="block xl:whitespace-nowrap transition-all duration-300" title="Tools & Resources" data-drupal-link-system-path="node/11826">Programming & Exhibitions</a> </li> <li class="pl-3 xl:pl-0"> <a href="https://www.ala.org/future" class="block xl:whitespace-nowrap transition-all duration-300" title="Tools & Resources" data-drupal-link-system-path="node/14109">Center for the Future of Libraries</a> </li> <li class="pl-3 xl:pl-0"> <a href="https://www.ala.org/tools/guidelines" class="block xl:whitespace-nowrap transition-all duration-300" title="Tools & Resources" data-drupal-link-system-path="node/8324">ALA Standards & Guidelines</a> </li> <li class="pl-3 xl:pl-0"> <a href="https://www.ala.org/tools/publications" class="block xl:whitespace-nowrap transition-all duration-300" title="Tools & Resources" data-drupal-link-system-path="node/13399">Products & Publications</a> </li> <li class="pl-3 xl:pl-0"> <a href="https://www.ala.org/tools/librariestransform/libraries-transforming-communities" class="block xl:whitespace-nowrap transition-all duration-300" title="Tools & Resources" data-drupal-link-system-path="node/14981">Libraries Transforming Communities</a> </li> <li class="pl-3 xl:pl-0"> <a href="https://www.ala.org/tools/topics" class="block xl:whitespace-nowrap transition-all duration-300" title="Tools & Resources" data-drupal-link-system-path="node/15294">Research & Library Topics</a> </li> <li class="pl-3 xl:pl-0 main--menu_submenu--final-item"> <a href="https://www.ala.org/news" class="block xl:whitespace-nowrap transition-all duration-300" title="Tools & Resources" data-drupal-link-system-path="node/59884">News & Press</a> </li> </ul> </div> <span class="caret"><svg role="group" width="10" height="7" viewBox="0 0 10 7" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path class="arrow-icon" d="M5.81907 6.62493C5.44804 7.12502 4.55223 7.12502 4.1812 6.62493L0.137632 1.17063C-0.244378 0.655459 0.214034 9.81579e-08 0.956565 1.63072e-07L9.0437 8.70072e-07C9.78576 9.34944e-07 10.2442 0.655459 9.86263 1.17063L5.81907 6.62493Z"/> </svg> </span> </li> <li x-data="{ searchOpen: false }" class="main--menu__search hidden xl:list-item relative ml-4"> <button aria-label="Search" @click="searchOpen = !searchOpen" :class="{ 'block': !searchOpen, 'hidden': searchOpen }"> <svg role="group" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M19 19L14.7501 14.7425M17.1053 9.05263C17.1053 11.1883 16.2569 13.2365 14.7467 14.7467C13.2365 16.2569 11.1883 17.1053 9.05263 17.1053C6.91694 17.1053 4.86872 16.2569 3.35856 14.7467C1.8484 13.2365 1 11.1883 1 9.05263C1 6.91694 1.8484 4.86872 3.35856 3.35856C4.86872 1.8484 6.91694 1 9.05263 1C11.1883 1 13.2365 1.8484 14.7467 3.35856C16.2569 4.86872 17.1053 6.91694 17.1053 9.05263V9.05263Z" stroke="#15347E" stroke-width="2" stroke-linecap="round" class="search-icon-svg" /> </svg> </button> <button aria-label="Search Close" @click="searchOpen = !searchOpen" :class="{ 'block': searchOpen, 'hidden': !searchOpen }"> <svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <g transform="matrix(1, 0, 0, 1, -11.855980873107912, -12.26480770111084)"> <rect class="search-close-icon" id="Rectangle 42" width="22.7224" height="2.3305" transform="matrix(0.707096 -0.707118 0.707096 0.707118 13.0762 29.21)" fill="#15347E"/> <rect class="search-close-icon" id="Rectangle 47" width="22.7224" height="2.3305" transform="matrix(0.707096 0.707118 -0.707096 0.707118 14.4395 13.1426)" fill="#15347E"/> </g> </svg> </button> <div class="search-input-field__wrapper absolute w-[414px] right-0" x-transition @click.away="searchOpen = false" :class="{ 'block': searchOpen, 'hidden': !searchOpen }"> <form action="/search/site" method="get" accept-charset="UTF-8" class="flex absolute right-[-4rem] pt-2 xs:right-0"> <button aria-label="search" class="seach-icon flex justify-center items-center" type="submit"> <svg role="group" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M19 19L14.7501 14.7425M17.1053 9.05263C17.1053 11.1883 16.2569 13.2365 14.7467 14.7467C13.2365 16.2569 11.1883 17.1053 9.05263 17.1053C6.91694 17.1053 4.86872 16.2569 3.35856 14.7467C1.8484 13.2365 1 11.1883 1 9.05263C1 6.91694 1.8484 4.86872 3.35856 3.35856C4.86872 1.8484 6.91694 1 9.05263 1C11.1883 1 13.2365 1.8484 14.7467 3.35856C16.2569 4.86872 17.1053 6.91694 17.1053 9.05263V9.05263Z" stroke="#15347E" stroke-width="2" stroke-linecap="round" class="search-icon-svg" /> </svg> </button> <input x-show="searchOpen" type="search" id="edit-keys" name="keys" placeholder="Search here..." class="search-input-field w-[414px] h-12 pl-[62px] pr-2 py-3 bg-white rounded-md border-2 border-blue-900 justify-start items-center gap-2 inline-flex max-w-[94vw] md:max-w-auto" /> </form> </div> </li> </ul> </div> </div> </nav> </div> </div> </div> </div> </div> </div> <div class="flex min-h-[86px] xl:gap-4 w-full xl:container items-start xl:items-center justify-between py-5 xl:px-0 relative flex-col xl:flex-row"> <div class="region region-header"> <div id="block-sitebranding" class="block block-system block-system-branding-block relative z-10"> <a href="/pla" rel="home" class="inline-block pl-5 xl:pl-0" aria-label="Public Library Association logo"> <img class="max-w-[180px] md:max-w-[220px]" src="https://www.ala.org/sites/default/files/logo/2023/PLA_color_550px.png" alt="Public Library Association site logo"> </a> </div> </div> <div class="hamburger-menu w-full xl:w-auto" x-data="{ open: false }"> <div x-data="{ searchOpen: false }" class="xl:hidden absolute search-btn__mobile top-[33px]" :class="{ '': !open, '': open }"> <button aria-label="search" @click="searchOpen = !searchOpen, open = false" :class="{ 'block': !searchOpen, 'hidden': searchOpen }"> <svg role="group" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M19 19L14.7501 14.7425M17.1053 9.05263C17.1053 11.1883 16.2569 13.2365 14.7467 14.7467C13.2365 16.2569 11.1883 17.1053 9.05263 17.1053C6.91694 17.1053 4.86872 16.2569 3.35856 14.7467C1.8484 13.2365 1 11.1883 1 9.05263C1 6.91694 1.8484 4.86872 3.35856 3.35856C4.86872 1.8484 6.91694 1 9.05263 1C11.1883 1 13.2365 1.8484 14.7467 3.35856C16.2569 4.86872 17.1053 6.91694 17.1053 9.05263V9.05263Z" stroke="#15347E" stroke-width="2" stroke-linecap="round" class="search-icon-svg" /> </svg> </button> <button aria-label="close" @click="searchOpen = !searchOpen, open = false" :class="{ 'block': searchOpen, 'hidden': !searchOpen }"> <svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <g transform="matrix(1, 0, 0, 1, -11.855980873107912, -12.26480770111084)"> <rect class="search-close-icon" id="Rectangle 42" width="22.7224" height="2.3305" transform="matrix(0.707096 -0.707118 0.707096 0.707118 13.0762 29.21)" fill="#15347E"/> <rect class="search-close-icon" id="Rectangle 47" width="22.7224" height="2.3305" transform="matrix(0.707096 0.707118 -0.707096 0.707118 14.4395 13.1426)" fill="#15347E"/> </g> </svg> </button> <div class="search-input-field__wrapper absolute w-[414px] right-0" x-transition @click.away="searchOpen = false" x-cloak :class="{ 'block': searchOpen, 'hidden': !searchOpen }"> <form action="/search/site" method="get" accept-charset="UTF-8" class="flex absolute right-[-4rem] pt-2 xs:right-0"> <button aria-label="search" class="seach-icon flex justify-center items-center" type="submit"> <svg role="group" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M19 19L14.7501 14.7425M17.1053 9.05263C17.1053 11.1883 16.2569 13.2365 14.7467 14.7467C13.2365 16.2569 11.1883 17.1053 9.05263 17.1053C6.91694 17.1053 4.86872 16.2569 3.35856 14.7467C1.8484 13.2365 1 11.1883 1 9.05263C1 6.91694 1.8484 4.86872 3.35856 3.35856C4.86872 1.8484 6.91694 1 9.05263 1C11.1883 1 13.2365 1.8484 14.7467 3.35856C16.2569 4.86872 17.1053 6.91694 17.1053 9.05263V9.05263Z" stroke="#15347E" stroke-width="2" stroke-linecap="round" class="search-icon-svg" /> </svg> </button> <input x-show="searchOpen" type="search" id="edit-keys" name="keys" placeholder="Search here..." class="search-input-field w-[414px] h-12 pl-[62px] pr-2 py-3 bg-white rounded-md border-2 border-blue-900 justify-start items-center gap-2 inline-flex max-w-[94vw] md:max-w-auto" /> </form> </div> </div> <button @click="open = !open, searchOpen = false" class="h-5 w-10 focus:outline-none xl:hidden absolute right-7" :class="{ 'top-1/2 -translate-y-1/2': !open, 'top-33': open }" aria-label="Mobile Menu" :aria-expanded="open" aria-controls="block-ala-main-menu"><span class="sr-only">Menu</span> <span :class="{ 'max-w-7 transform rotate-45 translate-y-px top-0': open }" class="first w-10 h-1 bg-mainBlueColor left-0 absolute bottom-0 transition-all duration-200 ease-in-out origin-center"></span> <span :class="{ 'opacity-0': open, 'translate-y-0': !open }" class="second w-8 h-1 bg-mainBlueColor absolute top-1/2 right-0 transition-all duration-200 ease-in-out origin-center"></span> <span :class="{ 'max-w-7 transform -rotate-45 -translate-y-0.3': open }" class="w-10 h-1 bg-mainBlueColor absolute top-0 left-0 transition-all duration-200 ease-in-out origin-center"></span> </button>  <div x-cloak :class="{ 'hidden xl:block': !open }" class="transition-all duration-200 ease-in-out mt-8 xl:mt-0"> <div class="xl:w-auto xl:flex xl:items-center" :class="{ 'block': open, 'hidden xl:block': !open }"> <div class="xl:hidden menu--utility_mobile microsite-utility__mobile"> <div class="region region-utility-menu"> <nav id="block-utility" class="block block-menu navigation menu--utility static xl:relative sidebar-menu" aria-labelledby="block-utility-menu" role="navigation"> <h2 class="visually-hidden" id="block-utility-menu" class="hidden">Utility</h2> <div :class="{ 'block': open, 'hidden xl:block': !open }" class="utility-nav w-full mx-auto bg-mainBlueColor"> <div class="utility-nav-list-wrapper flex items-center justify-end z-10"> <ul x-data="{ clicked: false }" class="w-full xl:w-auto list-reset flex menu--utility items-center flex-col xl:flex-row static p-7 xl:p-0"> <li class="w-full xl:w-auto"> <ul class="grid grid-cols-2 gap-4 xl:flex m-0 menu--utility__inner mb-6 xl:mb-0"> <li class="inline-block p-0" data-title=About-ALA> <a href="https://www.ala.org/aboutala" class="about text-white relative xl:pl-4 xl:pr-4 py-2 xl:py-2 inline-flex items-center font-bold" title="About ALA" data-drupal-link-system-path="node/43">About ALA</a> </li> <li class="inline-block p-0" data-title=ALA-Connect> <a href="https://connect.ala.org/home" class="connect text-white relative xl:pl-4 xl:pr-4 py-2 xl:py-2 inline-flex items-center font-bold" title="ALA Connect">ALA Connect</a> </li> <li class="inline-block p-0" data-title=ALA-Websites> <a href="https://www.ala.org/aboutala/sitesdirectory" class="website text-white relative xl:pl-4 xl:pr-4 py-2 xl:py-2 inline-flex items-center font-bold" title="ALA Websites" data-drupal-link-system-path="node/59883">ALA Websites</a> </li> <li class="inline-block p-0" data-title=Job-Board> <a href="https://joblist.ala.org/" class="job text-white relative xl:pl-4 xl:pr-4 py-2 xl:py-2 inline-flex items-center font-bold" target="_blank" title="Job Board">Job Board</a> </li> </ul> </li> <li @click="clicked = !clicked" :class="{ 'active': clicked }" class="xl:inline-flex xl:justify-center xl:items-center transition-all duration-300 parent-level dropdown w-full xl:w-auto xl:border-b-0 last3" data-title=Join--Renew> <a href="https://my.ala.org/store/dues.aspx" class="join text-white pl-7 xl:pl-4 relative xl:pr-4 py-4 xl:py-2 inline-flex items-center font-bold" target="_blank" title="Join | Renew">Join | Renew</a> </li> <li @click="clicked = !clicked" :class="{ 'active': clicked }" class="xl:inline-flex xl:justify-center xl:items-center transition-all duration-300 parent-level dropdown w-full xl:w-auto xl:border-b-0 last3" data-title=Donate> <a href="/donate" class="donate text-white pl-7 xl:pl-4 relative xl:pr-4 py-4 xl:py-2 inline-flex items-center font-bold" target="_blank" title="Donate">Donate</a> </li> <li @click="clicked = !clicked" :class="{ 'active': clicked }" class="xl:inline-flex xl:justify-center xl:items-center transition-all duration-300 parent-level dropdown w-full xl:w-auto xl:border-b-0 last3" data-title=Login> <a href="/saml_login?destination=/pla/education/onlinelearning/webinars/ondemand/senior-community" class="text-white pl-7 xl:pl-4 relative xl:pr-4 py-4 xl:py-2 inline-flex items-center font-bold" title="Login">Login</a> </li> </ul> </li> </ul> </div> </div> </nav> </div> </div> <div class="region region-primary-menu"> <nav id="block-plamicrositenav-2" class="block block-menu navigation menu--pla-microsite-nav static xl:relative sidebar-menu" aria-labelledby="block-plamicrositenav-2-menu" role="navigation"> <h2 class="visually-hidden" id="block-plamicrositenav-2-menu" class="hidden">PLA Microsite Nav</h2> <div :class="{ 'block': open, 'hidden xl:block': !open }" class="main-menu-wrapper max-w-7xl mx-auto px-4 sm:px-6 xl:px-8 z-50"> <div class="flex items-center justify-between z-10"> <ul x-data="{ clicked: false }" class="main--menu list-reset flex gap-4 xl:min-h-[55px] flex-col xl:flex-row static bg-white pt-5 xl:pt-0 w-full menu-l-0 items-center"> <li @click="clicked = !clicked" :class="{ 'active': clicked }" class="xl:py-1 pr-4 relative transition-all duration-300 parent-level dropdown w-full xl:w-auto border-b xl:border-b-0 xl:flex xl:flex-col xl:justify-center" tabindex="0"> <a href="https://www.ala.org/pla/about" title="About PLA" data-drupal-link-system-path="node/16724">About PLA</a> <div class="m-0 hidden z-10 xl:absolute dropdown-content main--menu_submenu"> <ul class="wrapper hidden bg-white xl:p-6 xl:py-4"> <li class="pl-3 xl:pl-0"> <a href="https://www.ala.org/pla/about/faq" title="About PLA" class="block xl:whitespace-nowrap transition-all duration-300" data-drupal-link-system-path="node/16149">FAQ</a> </li> <li class="pl-3 xl:pl-0"> <a href="https://www.ala.org/pla/about/governance" class="block xl:whitespace-nowrap transition-all duration-300" title="About PLA" data-drupal-link-system-path="node/16797">Governance</a> </li> <li class="pl-3 xl:pl-0"> <a href="https://www.ala.org/pla/about/mission" title="About PLA" class="block xl:whitespace-nowrap transition-all duration-300" data-drupal-link-system-path="node/15801">Mission & Strategy</a> </li> <li class="pl-3 xl:pl-0"> <a href="https://www.ala.org/pla/news" title="About PLA" class="block xl:whitespace-nowrap transition-all duration-300" data-drupal-link-system-path="node/60194">News</a> </li> <li class="pl-3 xl:pl-0"> <a href="https://www.ala.org/pla/about/people" title="About PLA" class="block xl:whitespace-nowrap transition-all duration-300" data-drupal-link-system-path="node/17488">People</a> </li> <li class="pl-3 xl:pl-0"> <a href="https://www.ala.org/pla/about/related" title="About PLA" class="block xl:whitespace-nowrap transition-all duration-300" data-drupal-link-system-path="node/16065">Related Sites</a> </li> <li class="pl-3 xl:pl-0"> <a href="https://www.ala.org/pla/about/support" title="About PLA" class="block xl:whitespace-nowrap transition-all duration-300" data-drupal-link-system-path="node/15441">Supporting PLA</a> </li> <li class="pl-3 xl:pl-0 main--menu_submenu--final-item"> <a href="https://www.ala.org/pla/about/workingwith" title="About PLA" class="block xl:whitespace-nowrap transition-all duration-300" data-drupal-link-system-path="node/17009">Working with PLA</a> </li> </ul> </div> <span class="caret"><svg role="group" width="10" height="7" viewBox="0 0 10 7" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path class="arrow-icon" d="M5.81907 6.62493C5.44804 7.12502 4.55223 7.12502 4.1812 6.62493L0.137632 1.17063C-0.244378 0.655459 0.214034 9.81579e-08 0.956565 1.63072e-07L9.0437 8.70072e-07C9.78576 9.34944e-07 10.2442 0.655459 9.86263 1.17063L5.81907 6.62493Z"/> </svg> </span> </li> <li @click="clicked = !clicked" :class="{ 'active': clicked }" class="xl:py-1 pr-4 relative transition-all duration-300 parent-level dropdown w-full xl:w-auto border-b xl:border-b-0 xl:flex xl:flex-col xl:justify-center" tabindex="0"> <a href="https://www.ala.org/pla/issues" title="Advocacy, Legislation & Issues" data-drupal-link-system-path="node/15906">Advocacy, Legislation & Issues</a> <div class="m-0 hidden z-10 xl:absolute dropdown-content main--menu_submenu"> <ul class="wrapper hidden bg-white xl:p-6 xl:py-4"> <li class="pl-3 xl:pl-0"> <a href="https://www.ala.org/pla/advocacy" class="block xl:whitespace-nowrap transition-all duration-300" title="Advocacy, Legislation & Issues" data-drupal-link-system-path="node/13366">Advocacy</a> </li> <li class="pl-3 xl:pl-0"> <a href="https://www.ala.org/advocacy/govinfo/census" title="Advocacy, Legislation & Issues" class="block xl:whitespace-nowrap transition-all duration-300" data-drupal-link-system-path="node/14189">2020 Census</a> </li> <li class="pl-3 xl:pl-0"> <a href="https://www.ala.org/pla/issues/opioidcrisisresponse" class="block xl:whitespace-nowrap transition-all duration-300" title="Advocacy, Legislation & Issues" data-drupal-link-system-path="node/15447">Opioid Crisis Response</a> </li> <li class="pl-3 xl:pl-0"> <a href="https://www.ala.org/pla/issues/covid-19" class="block xl:whitespace-nowrap transition-all duration-300" title="Advocacy, Legislation & Issues" data-drupal-link-system-path="node/14396">PLA Resources on COVID-19</a> </li> <li class="pl-3 xl:pl-0 main--menu_submenu--final-item"> <a href="https://www.ala.org/pla/issues/ifresources" title="Advocacy, Legislation & Issues" class="block xl:whitespace-nowrap transition-all duration-300" data-drupal-link-system-path="node/60187">Resources for Intellectual Freedom Challenges</a> </li> </ul> </div> <span class="caret"><svg role="group" width="10" height="7" viewBox="0 0 10 7" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path class="arrow-icon" d="M5.81907 6.62493C5.44804 7.12502 4.55223 7.12502 4.1812 6.62493L0.137632 1.17063C-0.244378 0.655459 0.214034 9.81579e-08 0.956565 1.63072e-07L9.0437 8.70072e-07C9.78576 9.34944e-07 10.2442 0.655459 9.86263 1.17063L5.81907 6.62493Z"/> </svg> </span> </li> <li @click="clicked = !clicked" :class="{ 'active': clicked }" class="xl:py-1 pr-4 relative transition-all duration-300 parent-level dropdown w-full xl:w-auto border-b xl:border-b-0 xl:flex xl:flex-col xl:justify-center" tabindex="0"> <a href="https://www.ala.org/pla/education" title="Conferences & Continuing Education" data-drupal-link-system-path="node/15691">Conferences & Continuing Education</a> <div class="m-0 hidden z-10 xl:absolute dropdown-content main--menu_submenu"> <ul class="wrapper hidden bg-white xl:p-6 xl:py-4"> <li class="pl-3 xl:pl-0"> <a href="https://www.ala.org/pla/education/conferences" title="Conferences & Continuing Education" class="block xl:whitespace-nowrap transition-all duration-300" data-drupal-link-system-path="node/16949">Conferences & Preconferences</a> </li> <li class="pl-3 xl:pl-0"> <a href="https://www.ala.org/pla/education/onlinelearning" title="Conferences & Continuing Education" class="block xl:whitespace-nowrap transition-all duration-300" data-drupal-link-system-path="node/17383">Online Learning</a> </li> <li class="pl-3 xl:pl-0"> <a href="/pla/education/onlinelearning/webinars/proposal" title="Conferences & Continuing Education" class="block xl:whitespace-nowrap transition-all duration-300">Webinar Proposal Form</a> </li> <li class="pl-3 xl:pl-0"> <a href="https://www.ala.org/pla/education/theoryofchange" title="Conferences & Continuing Education" class="block xl:whitespace-nowrap transition-all duration-300" data-drupal-link-system-path="node/15287">Professional Development Theory of Change</a> </li> <li class="pl-3 xl:pl-0 main--menu_submenu--final-item"> <a href="https://americanlibraryassociation.informz.net/americanlibraryassociation/pages/PLA_Email_Sign_Up" title="Conferences & Continuing Education" class="block xl:whitespace-nowrap transition-all duration-300">Sign Up for Notifications</a> </li> </ul> </div> <span class="caret"><svg role="group" width="10" height="7" viewBox="0 0 10 7" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path class="arrow-icon" d="M5.81907 6.62493C5.44804 7.12502 4.55223 7.12502 4.1812 6.62493L0.137632 1.17063C-0.244378 0.655459 0.214034 9.81579e-08 0.956565 1.63072e-07L9.0437 8.70072e-07C9.78576 9.34944e-07 10.2442 0.655459 9.86263 1.17063L5.81907 6.62493Z"/> </svg> </span> </li> <li @click="clicked = !clicked" :class="{ 'active': clicked }" class="xl:py-1 pr-4 relative transition-all duration-300 parent-level dropdown w-full xl:w-auto border-b xl:border-b-0 xl:flex xl:flex-col xl:justify-center" tabindex="0"> <a href="https://www.ala.org/pla/data" title="Data-Driven Librarianship" data-drupal-link-system-path="node/17384">Data-Driven Librarianship</a> <div class="m-0 hidden z-10 xl:absolute dropdown-content main--menu_submenu"> <ul class="wrapper hidden bg-white xl:p-6 xl:py-4"> <li class="pl-3 xl:pl-0"> <a href="https://www.ala.org/pla/data/benchmarkbriefings" class="block xl:whitespace-nowrap transition-all duration-300" title="Data-Driven Librarianship" data-drupal-link-system-path="node/14436">Benchmark Briefings</a> </li> <li class="pl-3 xl:pl-0"> <a href="https://www.ala.org/pla/data/benchmark" class="block xl:whitespace-nowrap transition-all duration-300" title="Data-Driven Librarianship" data-drupal-link-system-path="node/17217">Benchmark: Library Metrics and Trends</a> </li> <li class="pl-3 xl:pl-0"> <a href="https://www.ala.org/pla/data/census" class="block xl:whitespace-nowrap transition-all duration-300" title="Data-Driven Librarianship" data-drupal-link-system-path="node/15902">Census Data Literacy</a> </li> <li class="pl-3 xl:pl-0"> <a href="https://www.ala.org/pla/data/impactsurvey" class="block xl:whitespace-nowrap transition-all duration-300" title="Data-Driven Librarianship" data-drupal-link-system-path="node/14351">Impact Survey</a> </li> <li class="pl-3 xl:pl-0"> <a href="https://www.ala.org/pla/data/national" class="block xl:whitespace-nowrap transition-all duration-300" title="Data-Driven Librarianship" data-drupal-link-system-path="node/15581">National Data About Public Libraries</a> </li> <li class="pl-3 xl:pl-0"> <a href="https://www.ala.org/pla/data/plasurveys" class="block xl:whitespace-nowrap transition-all duration-300" title="Data-Driven Librarianship" data-drupal-link-system-path="node/17311">PLA Surveys and Data</a> </li> <li class="pl-3 xl:pl-0 main--menu_submenu--final-item"> <a href="https://www.ala.org/pla/data/performancemeasurement" class="block xl:whitespace-nowrap transition-all duration-300" title="Data-Driven Librarianship" data-drupal-link-system-path="node/15399">Project Outcome</a> </li> </ul> </div> <span class="caret"><svg role="group" width="10" height="7" viewBox="0 0 10 7" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path class="arrow-icon" d="M5.81907 6.62493C5.44804 7.12502 4.55223 7.12502 4.1812 6.62493L0.137632 1.17063C-0.244378 0.655459 0.214034 9.81579e-08 0.956565 1.63072e-07L9.0437 8.70072e-07C9.78576 9.34944e-07 10.2442 0.655459 9.86263 1.17063L5.81907 6.62493Z"/> </svg> </span> </li> <li @click="clicked = !clicked" :class="{ 'active': clicked }" class="xl:py-1 pr-4 relative transition-all duration-300 parent-level dropdown w-full xl:w-auto border-b xl:border-b-0 xl:flex xl:flex-col xl:justify-center" tabindex="0"> <a href="https://www.ala.org/pla/initiatives" title="Initiatives & Projects" data-drupal-link-system-path="node/16551">Initiatives & Projects</a> <div class="m-0 hidden z-10 xl:absolute dropdown-content main--menu_submenu"> <ul class="wrapper hidden bg-white xl:p-6 xl:py-4"> <li class="pl-3 xl:pl-0"> <a href="https://www.ala.org/pla/initiatives/digitalliteracy" class="block xl:whitespace-nowrap transition-all duration-300" title="Initiatives & Projects" data-drupal-link-system-path="node/16588">Digital Literacy</a> </li> <li class="pl-3 xl:pl-0"> <a href="http://everychildreadytoread.org" title="Initiatives & Projects" class="block xl:whitespace-nowrap transition-all duration-300">Early Literacy</a> </li> <li class="pl-3 xl:pl-0"> <a href="https://www.ala.org/pla/initiatives/edi" title="Initiatives & Projects" class="block xl:whitespace-nowrap transition-all duration-300" data-drupal-link-system-path="node/15449">Equity, Diversity, Inclusion, and Social Justice</a> </li> <li class="pl-3 xl:pl-0"> <a href="https://www.ala.org/pla/initiatives/familyengagement" title="Initiatives & Projects" class="block xl:whitespace-nowrap transition-all duration-300" data-drupal-link-system-path="node/15346">Family Engagement</a> </li> <li class="pl-3 xl:pl-0"> <a href="https://www.ala.org/pla/initiatives/legacy" class="block xl:whitespace-nowrap transition-all duration-300" title="Initiatives & Projects" data-drupal-link-system-path="node/15781">Global Libraries Legacy Partnership</a> </li> <li class="pl-3 xl:pl-0"> <a href="https://www.ala.org/pla/initiatives/healthliteracy" title="Initiatives & Projects" class="block xl:whitespace-nowrap transition-all duration-300" data-drupal-link-system-path="node/15448">Health</a> </li> <li class="pl-3 xl:pl-0"> <a href="https://www.ala.org/pla/initiatives/plinterns" class="block xl:whitespace-nowrap transition-all duration-300" title="Initiatives & Projects" data-drupal-link-system-path="node/17317">Inclusive Internship Initiative</a> </li> <li class="pl-3 xl:pl-0"> <a href="https://www.ala.org/pla/initiatives/informationliteracy" class="block xl:whitespace-nowrap transition-all duration-300" title="Initiatives & Projects" data-drupal-link-system-path="node/17153">Information Literacy</a> </li> <li class="pl-3 xl:pl-0"> <a href="https://www.ala.org/pla/initiatives/workforce" class="block xl:whitespace-nowrap transition-all duration-300" title="Initiatives & Projects" data-drupal-link-system-path="node/16226">Workforce Development</a> </li> <li class="pl-3 xl:pl-0 main--menu_submenu--final-item"> <a href="https://www.ala.org/pla/initiatives/past" title="Initiatives & Projects" class="block xl:whitespace-nowrap transition-all duration-300" data-drupal-link-system-path="node/15446">Past Initiatives & Projects</a> </li> </ul> </div> <span class="caret"><svg role="group" width="10" height="7" viewBox="0 0 10 7" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path class="arrow-icon" d="M5.81907 6.62493C5.44804 7.12502 4.55223 7.12502 4.1812 6.62493L0.137632 1.17063C-0.244378 0.655459 0.214034 9.81579e-08 0.956565 1.63072e-07L9.0437 8.70072e-07C9.78576 9.34944e-07 10.2442 0.655459 9.86263 1.17063L5.81907 6.62493Z"/> </svg> </span> </li> <li @click="clicked = !clicked" :class="{ 'active': clicked }" class="xl:py-1 pr-4 relative transition-all duration-300 parent-level dropdown w-full xl:w-auto border-b xl:border-b-0 xl:flex xl:flex-col xl:justify-center" tabindex="0"> <a href="https://www.ala.org/pla/leadership" title="Leadership Development" data-drupal-link-system-path="node/17310">Leadership Development</a> <span class="caret"><svg role="group" width="10" height="7" viewBox="0 0 10 7" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path class="arrow-icon" d="M5.81907 6.62493C5.44804 7.12502 4.55223 7.12502 4.1812 6.62493L0.137632 1.17063C-0.244378 0.655459 0.214034 9.81579e-08 0.956565 1.63072e-07L9.0437 8.70072e-07C9.78576 9.34944e-07 10.2442 0.655459 9.86263 1.17063L5.81907 6.62493Z"/> </svg> </span> </li> <li @click="clicked = !clicked" :class="{ 'active': clicked }" class="xl:py-1 pr-4 relative transition-all duration-300 parent-level dropdown w-full xl:w-auto border-b xl:border-b-0 xl:flex xl:flex-col xl:justify-center" tabindex="0"> <a href="https://www.ala.org/pla/membercenter" title="Member Center" data-drupal-link-system-path="node/15901">Member Center</a> <div class="m-0 hidden z-10 xl:absolute dropdown-content main--menu_submenu"> <ul class="wrapper hidden bg-white xl:p-6 xl:py-4"> <li class="pl-3 xl:pl-0"> <a href="https://www.ala.org/pla/membercenter/join" class="block xl:whitespace-nowrap transition-all duration-300" title="Member Center" data-drupal-link-system-path="node/16838">Join PLA</a> </li> <li class="pl-3 xl:pl-0"> <a href="https://www.ala.org/pla/about/people/getinvolved" title="Member Center" class="block xl:whitespace-nowrap transition-all duration-300" data-drupal-link-system-path="node/17270">Get Involved with PLA</a> </li> <li class="pl-3 xl:pl-0"> <a href="https://www.ala.org/pla/membercenter/renew" class="block xl:whitespace-nowrap transition-all duration-300" title="Member Center" data-drupal-link-system-path="node/16839">Renew Your Membership</a> </li> <li class="pl-3 xl:pl-0"> <a href="http://www.ala.org/CFApps/Committee/volunteerform/volunteerform.cfm" title="Member Center" class="block xl:whitespace-nowrap transition-all duration-300">Committee Volunteer Form</a> </li> <li class="pl-3 xl:pl-0"> <a href="https://www.ala.org/pla/membercenter/communications" class="block xl:whitespace-nowrap transition-all duration-300" title="Member Center" data-drupal-link-system-path="node/15903">Email and Communication Preferences</a> </li> <li class="pl-3 xl:pl-0"> <a href="https://connect.ala.org/pla/communities/community-home/librarydocuments?communitykey=97ed89fc-2d42-422d-a2b6-a996d4274add&tab=librarydocuments&defaultview=folder&libraryfolderkey=9f521d19-2707-4946-9196-17d2334fc55c" title="Member Center" class="block xl:whitespace-nowrap transition-all duration-300">Member Library (login required)</a> </li> <li class="pl-3 xl:pl-0"> <a href="https://my.ala.org/" title="Member Center" class="block xl:whitespace-nowrap transition-all duration-300">my.ALA.org (login required)</a> </li> <li class="pl-3 xl:pl-0 main--menu_submenu--final-item"> <a href="https://www.ala.org/pla/membercenter/organization" class="block xl:whitespace-nowrap transition-all duration-300" title="Member Center" data-drupal-link-system-path="node/15636">Organizational Membership</a> </li> </ul> </div> <span class="caret"><svg role="group" width="10" height="7" viewBox="0 0 10 7" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path class="arrow-icon" d="M5.81907 6.62493C5.44804 7.12502 4.55223 7.12502 4.1812 6.62493L0.137632 1.17063C-0.244378 0.655459 0.214034 9.81579e-08 0.956565 1.63072e-07L9.0437 8.70072e-07C9.78576 9.34944e-07 10.2442 0.655459 9.86263 1.17063L5.81907 6.62493Z"/> </svg> </span> </li> <li @click="clicked = !clicked" :class="{ 'active': clicked }" class="xl:mr-5 relative pr-4 transition-all duration-300 parent-level parent-level-last dropdown w-full xl:w-auto border-b xl:border-b-0 xl:flex xl:flex-col xl:justify-center" tabindex="0"> <a href="https://www.ala.org/pla/resources" title="Publications & Resources" data-drupal-link-system-path="node/15444">Publications & Resources</a> <div class="m-0 hidden z-10 xl:absolute dropdown-content main--menu_submenu"> <ul class="wrapper hidden bg-white xl:p-6 xl:py-4"> <li class="pl-3 xl:pl-0"> <a href="https://www.ala.org/pla/resources/tools" class="block xl:whitespace-nowrap transition-all duration-300" title="Publications & Resources" data-drupal-link-system-path="node/13359">Professional Tools</a> </li> <li class="pl-3 xl:pl-0 main--menu_submenu--final-item"> <a href="https://www.ala.org/pla/resources/publications" class="block xl:whitespace-nowrap transition-all duration-300" title="Publications & Resources" data-drupal-link-system-path="node/15678">Publications & Products</a> </li> </ul> </div> <span class="caret"><svg role="group" width="10" height="7" viewBox="0 0 10 7" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path class="arrow-icon" d="M5.81907 6.62493C5.44804 7.12502 4.55223 7.12502 4.1812 6.62493L0.137632 1.17063C-0.244378 0.655459 0.214034 9.81579e-08 0.956565 1.63072e-07L9.0437 8.70072e-07C9.78576 9.34944e-07 10.2442 0.655459 9.86263 1.17063L5.81907 6.62493Z"/> </svg> </span> </li> <li x-data="{ searchOpen: false }" class="main--menu__search hidden xl:list-item relative ml-4"> <button aria-label="Search" @click="searchOpen = !searchOpen" :class="{ 'block': !searchOpen, 'hidden': searchOpen }"> <svg role="group" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M19 19L14.7501 14.7425M17.1053 9.05263C17.1053 11.1883 16.2569 13.2365 14.7467 14.7467C13.2365 16.2569 11.1883 17.1053 9.05263 17.1053C6.91694 17.1053 4.86872 16.2569 3.35856 14.7467C1.8484 13.2365 1 11.1883 1 9.05263C1 6.91694 1.8484 4.86872 3.35856 3.35856C4.86872 1.8484 6.91694 1 9.05263 1C11.1883 1 13.2365 1.8484 14.7467 3.35856C16.2569 4.86872 17.1053 6.91694 17.1053 9.05263V9.05263Z" stroke="#15347E" stroke-width="2" stroke-linecap="round" class="search-icon-svg" /> </svg> </button> <button aria-label="Search Close" @click="searchOpen = !searchOpen" :class="{ 'block': searchOpen, 'hidden': !searchOpen }"> <svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <g transform="matrix(1, 0, 0, 1, -11.855980873107912, -12.26480770111084)"> <rect class="search-close-icon" id="Rectangle 42" width="22.7224" height="2.3305" transform="matrix(0.707096 -0.707118 0.707096 0.707118 13.0762 29.21)" fill="#15347E"/> <rect class="search-close-icon" id="Rectangle 47" width="22.7224" height="2.3305" transform="matrix(0.707096 0.707118 -0.707096 0.707118 14.4395 13.1426)" fill="#15347E"/> </g> </svg> </button> <div class="search-input-field__wrapper absolute w-[414px] right-0" x-transition @click.away="searchOpen = false" :class="{ 'block': searchOpen, 'hidden': !searchOpen }"> <form action="/search/site" method="get" accept-charset="UTF-8" class="flex absolute right-[-4rem] pt-2 xs:right-0"> <button aria-label="search" class="seach-icon flex justify-center items-center" type="submit"> <svg role="group" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M19 19L14.7501 14.7425M17.1053 9.05263C17.1053 11.1883 16.2569 13.2365 14.7467 14.7467C13.2365 16.2569 11.1883 17.1053 9.05263 17.1053C6.91694 17.1053 4.86872 16.2569 3.35856 14.7467C1.8484 13.2365 1 11.1883 1 9.05263C1 6.91694 1.8484 4.86872 3.35856 3.35856C4.86872 1.8484 6.91694 1 9.05263 1C11.1883 1 13.2365 1.8484 14.7467 3.35856C16.2569 4.86872 17.1053 6.91694 17.1053 9.05263V9.05263Z" stroke="#15347E" stroke-width="2" stroke-linecap="round" class="search-icon-svg" /> </svg> </button> <input x-show="searchOpen" type="search" id="edit-keys" name="keys" placeholder="Search here..." class="search-input-field w-[414px] h-12 pl-[62px] pr-2 py-3 bg-white rounded-md border-2 border-blue-900 justify-start items-center gap-2 inline-flex max-w-[94vw] md:max-w-auto" /> </form> </div> </li> </ul> </div> </div> </nav> </div> </div> </div> </div> </div> </header> <main role="main"> <a id="main-content" tabindex="-1"></a> <div class="px-5 lg:px-0 lg:container"> <div class="region region-highlighted"> <div data-drupal-messages-fallback class="hidden"></div> </div> <div class="region region-content-above"> </div> </div> <div class="content relative"> <div class="breadcrumb-wrapper w-full z-20"> <div class="lg:container mx-auto"> <div class="region region-breadcrumb"> <div id="block-ala-breadcrumbs" class="block block-system block-system-breadcrumb-block relative z-10"> <nav class="breadcrumb" role="navigation" aria-labelledby="system-breadcrumb"> <h2 id="system-breadcrumb" class="visually-hidden">Breadcrumb</h2> <ol class="flex items-center"> <li> <a href="/">ALA</a> </li> <li> <svg role="img" width="20" height="23" viewBox="0 0 20 23" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <g opacity="0.4"> <path d="M12.8128 11.3244L7.81283 5.70654L6.91699 6.71307L11.042 11.3244L6.93783 15.9356L7.83366 16.9422L12.8128 11.3244Z" fill="#101828"/> </g> </svg> </li> <li> <a href="https://www.ala.org/pla">PLA Homepage</a> </li> <li> <svg role="img" width="20" height="23" viewBox="0 0 20 23" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <g opacity="0.4"> <path d="M12.8128 11.3244L7.81283 5.70654L6.91699 6.71307L11.042 11.3244L6.93783 15.9356L7.83366 16.9422L12.8128 11.3244Z" fill="#101828"/> </g> </svg> </li> <li> <a href="https://www.ala.org/pla/education">Conferences & Continuing Education</a> </li> <li> <svg role="img" width="20" height="23" viewBox="0 0 20 23" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <g opacity="0.4"> <path d="M12.8128 11.3244L7.81283 5.70654L6.91699 6.71307L11.042 11.3244L6.93783 15.9356L7.83366 16.9422L12.8128 11.3244Z" fill="#101828"/> </g> </svg> </li> <li> <a href="https://www.ala.org/pla/education/onlinelearning">Online Learning</a> </li> <li> <svg role="img" width="20" height="23" viewBox="0 0 20 23" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <g opacity="0.4"> <path d="M12.8128 11.3244L7.81283 5.70654L6.91699 6.71307L11.042 11.3244L6.93783 15.9356L7.83366 16.9422L12.8128 11.3244Z" fill="#101828"/> </g> </svg> </li> <li> <a href="https://www.ala.org/pla/education/onlinelearning/webinars">Live Webinars</a> </li> <li> <svg role="img" width="20" height="23" viewBox="0 0 20 23" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <g opacity="0.4"> <path d="M12.8128 11.3244L7.81283 5.70654L6.91699 6.71307L11.042 11.3244L6.93783 15.9356L7.83366 16.9422L12.8128 11.3244Z" fill="#101828"/> </g> </svg> </li> <li> <a href="https://www.ala.org/pla/education/onlinelearning/webinars/ondemand">On-Demand Webinars</a> </li> <li> <svg role="img" width="20" height="23" viewBox="0 0 20 23" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <g opacity="0.4"> <path d="M12.8128 11.3244L7.81283 5.70654L6.91699 6.71307L11.042 11.3244L6.93783 15.9356L7.83366 16.9422L12.8128 11.3244Z" fill="#101828"/> </g> </svg> </li> <li> <a href="/events">Events</a> </li> </ol> </nav> </div> </div> </div> </div> <div class="page-content-wrapper"> <div class="region region-content"> <div id="block-ala-content" class="block block-system block-system-main-block relative z-10 lg:z-10" data-filter-on-class="z-30" data-filter-off-class="z-10"> <article data-history-node-id="61217" class="node node--type-event node--view-mode-full"> <div class="bg-secondaryColor20"> <div class="lg:flex lg:max-w-[1420px] lg:mx-auto lg:py-16 pb-16 relative lg:items-center"> <div class="px-5 pt-20 mb-14 xl:mb-0 xl:pt-0 2xl:px-0 lg:max-w-[1024px] mx-auto"> <div class="flex w-full"> <div class="container px-4 text-center"> <h1> One Library's Mission to Provide Its Senior Community with Social Engagement and Emotional Connectedness </h1> <div class="text-[14px] text-mainBlack uppercase font-bold"> <div class="field field--name-field-event-type field--type-entity-reference field--label-hidden field__items"> <h6 class="field__item leading-8">On-Demand</h6> <h6 class="field__item leading-8">Webinar</h6> </div> </div> </div> </div> </div> </div> </div> <div class="node__content event px-5 xl:px-0 py-8 relative lg:bottom-0"> <div class="layout lg:flex gap-8"> <div class="lg:max-w-940 w-full lg:ml-[7.5rem]"> <div class="w-full text-[22px] text-mainBlack border-l-4 border-secondaryColor px-4 my-8 opacity-80 font-bitter"> Learn how to partner with local agencies to create an uplifting environment of connection and support for older adults. </div> <div class="w-full text-mainBlack py-8"> <div class="clearfix text-formatted field field--name-field-event-description field--type-text-with-summary field--label-hidden field__item"><!DOCTYPE html> <html><body><p>Public libraries are all about creating an uplifting environment of connection and support. When COVID struck in 2020, and our traditional ways of engaging with patrons became unsafe, it was nearly impossible for the North Canton (Ohio) Public Library (NCPL) to maintain those important relationships with older adults in our community. The city of North Canton did not have a dedicated senior center, and other senior programming opportunities had been cut due to the pandemic. As a result, senior residents were feeling isolated. In this on-demand webinar, learn how NCPL partnered with the city to reduce social isolation and increase connectedness for this vulnerable population. Almost three years later, the library’s senior programs continue to thrive and make a real impact, with attendees noting that the programs “make them look forward to each day now.” Learn how strategic partnerships can help your outreach initiatives make an impact too!</p> </body></html> </div> </div> <div class="w-full flex gap-4 items-center pt-16 pb-8 flex-wrap"> <div class="flex"> <p class="whitespace-nowrap m-0">Presented By:</p> </div> <a href="/pla"> <div class="p-4"> <div class="field field--name-field-logo field--type-entity-reference field--label-hidden field__item"> <img loading="lazy" src="/sites/default/files/styles/logo/public/2023-10/PLA_color_550px.png?itok=4-moYDf5" width="300" height="93" alt="Public Library Association color logo" class="image-style-logo" /> </div> </div> </a> </div> <div class="w-full flex flex-wrap gap-4 border-t items-center py-16"> <div class=""> Event tags: </div> <div class="px-8 py-2 text-[12px] font-bold uppercase tracking-[1.2px] whitespace-nowrap border border-secondaryColor rounded"> Equity, Diversity & Inclusion </div> <div class="px-8 py-2 text-[12px] font-bold uppercase tracking-[1.2px] whitespace-nowrap border border-secondaryColor rounded"> On-Demand </div> <div class="px-8 py-2 text-[12px] font-bold uppercase tracking-[1.2px] whitespace-nowrap border border-secondaryColor rounded"> Online </div> <div class="px-8 py-2 text-[12px] font-bold uppercase tracking-[1.2px] whitespace-nowrap border border-secondaryColor rounded"> Programs & Services </div> <div class="px-8 py-2 text-[12px] font-bold uppercase tracking-[1.2px] whitespace-nowrap border border-secondaryColor rounded"> Public Library </div> <div class="px-8 py-2 text-[12px] font-bold uppercase tracking-[1.2px] whitespace-nowrap border border-secondaryColor rounded"> Rural Library </div> <div class="px-8 py-2 text-[12px] font-bold uppercase tracking-[1.2px] whitespace-nowrap border border-secondaryColor rounded"> Tribal Library </div> <div class="px-8 py-2 text-[12px] font-bold uppercase tracking-[1.2px] whitespace-nowrap border border-secondaryColor rounded"> Urban Library </div> <div class="px-8 py-2 text-[12px] font-bold uppercase tracking-[1.2px] whitespace-nowrap border border-secondaryColor rounded"> Webinar </div> </div> </div> <div class="event__sidebar w-full lg:max-w-[338px] z-50"> <div class="bg-white px-4 shadow-[8px_8px_40px_0px_rgba(0,0,0,0.1)]"> <div class="event__info uppercase flex flex-col text-mainBlack font-bold tracking-[1.4px] gap-6 py-8"> <div class="event__info__item event__date">January 08, 2025</div> <div class="event__info__item event__time">1:00 - 2:00pm CST</div> <div class="event__info__item event__location"> <p class="field__item mb-0">ALA eLearning</p> </div> <div class="event__info__item event__options"> <div class="field field--name-field-cost-fee field--type-string field--label-hidden field__item">$47.40 for PLA personal members; $71.10 for ALA personal members; $79.00 for nonmembers</div> </div> </div> <div class="event__buttons flex flex-col gap-4 py-8"> <a href="https://elearning.ala.org/local/catalog/view/product.php?productid=1398" class="button button--primary button--md icon--none px-5 py-2.5 mr-2 mb-2 border border-solid whitespace-nowrap bg-mainColor text-white border-white">Learn More and Register</a> </div> </div> <div class="event__social text-gray-500 flex items-center justify-center font-bold tracking-[1.4px] bg-secondaryColor20 shadow-[8px_8px_40px_0px_rgba(0,0,0,0.1)] border-t-2 border-secondaryColor p-8"> <div class="event__social__container flex items-center justify-center gap-4"> <div class="event__social__label"> SHARE </div> <div class="event__social-icons"> <div class="region region-sharing share--buttons absolute bottom-[-3rem] left-[2rem]"> <div id="block-addtoanysharebuttons" class="block block-addtoany block-addtoany-block relative z-10"> <span class="a2a_kit a2a_kit_size_32 addtoany_list" data-a2a-url="https://www.ala.org/pla/education/onlinelearning/webinars/ondemand/senior-community" data-a2a-title="One Library's Mission to Provide Its Senior Community with Social Engagement and Emotional Connectedness"><a class="a2a_dd addtoany_share" href="https://www.addtoany.com/share#url=https%3A%2F%2Fwww.ala.org%2Fpla%2Feducation%2Fonlinelearning%2Fwebinars%2Fondemand%2Fsenior-community&title=One%20Library%27s%20Mission%20to%20Provide%20Its%20Senior%20Community%20with%20Social%20Engagement%20and%20Emotional%20Connectedness"></a><a class="a2a_button_facebook"><svg xmlns="http://www.w3.org/2000/svg" height="1.125em" viewBox="0 0 512 512" fill="#636770"><path d="M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z" /></svg></a><a class="a2a_button_twitter"><svg xmlns="http://www.w3.org/2000/svg" height="1.125em" viewBox="0 0 512 512" fill="#636770"><path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z" /></svg></a><a class="a2a_button_linkedin"><svg xmlns="http://www.w3.org/2000/svg" height="1.125em" viewBox="0 0 448 512" fill="#636770"><path d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z" /></svg></a><a class="a2a_button_email"><svg xmlns="http://www.w3.org/2000/svg" height="1.125em" viewBox="0 0 512 512" fill="#636770"><path d="M64 112c-8.8 0-16 7.2-16 16v22.1L220.5 291.7c20.7 17 50.4 17 71.1 0L464 150.1V128c0-8.8-7.2-16-16-16H64zM48 212.2V384c0 8.8 7.2 16 16 16H448c8.8 0 16-7.2 16-16V212.2L322 328.8c-38.4 31.5-93.7 31.5-132 0L48 212.2zM0 128C0 92.7 28.7 64 64 64H448c35.3 0 64 28.7 64 64V384c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V128z" /></svg></a></span> </div> </div> </div> </div> </div> </div> </div> </div> </article> </div> <div class="views-element-container block block-views block-views-blockcalendar-upcoming-events relative z-10" id="block-views-block-calendar-upcoming-events"> <div><div class="view view-calendar view-id-calendar view-display-id-upcoming_events js-view-dom-id-f4cdfde10139d7b665feec079244db56b9585ff848c15b5fef1d95ea9e23879f"> <div class="breakout calendar_slider px-4 py-12 xl:px-8 xl:py-24 bg-[#EEF5F7] my-4 xl:my-8 overflow-hidden"> <div class="calendar_slider__header border-b-4 pb-4 xl:pb-8 flex"> <div class="calender_slider__header__title text-2xl xl:text-[42px] font-medium font-bitter"> Upcoming Events </div> <div class="calendar_slider__header_link font-bold ml-auto"> <h6 class="mb-0"> <a class="text-inherit inline-flex whitespace-nowrap items-center justify-center tracking-[1.3px]" href="https://www.ala.org/events"> View All Events <span class="ml-2 p-2 bg-secondaryColor rounded-full"> <img class="h-[12px] w-[10px]" src="/themes/custom/ala/assets/images/icons/button-arrow-right.png" alt="arrow button" aria-hidden="true"/> </span> </a> </h6> </div> </div> <div class="calendar-slider-container calendar-slider-swiper wrapper relative swiper"> <div class="swiper-wrapper py-6 xl:py-8"> <div class="swiper-slide max-w-[460px]"> <div class="calendar_slider_item flex flex-col gap-1 xl:gap-2 w-[460px] text-left bg-white"> <div class="calender_slider_item__image"> <a class="contents" href="/events/grow-your-project-management-skills" aria-label="view more"> <div class="field field--name-field-thumbnail-image field--type-entity-reference field--label-hidden field__item"> <img loading="lazy" src="/sites/default/files/styles/slider_460x260_fp/public/2024-10/E%20Forum%20square%20image.png.webp?itok=yR0p-AlR" width="460" height="260" alt="Core e-Forum icon" class="image-style-slider-460x260-fp" /> </div> </a> </div> <div class="calender_slider_item__body flex-1 flex flex-col gap-2 px-4 py-2"> <div class="calender_slider_item__body__header h-fit flex justify-between"> <div class="calender_slider_item__body__header__date flex gap-4"> <div class="calendar_startdate w-14"> <div class="calendar_startdate__day border-1 border-2 border-secondaryColor text-3xl font-medium pt-2 text-center"> 18 </div> <div class="calendar_startdate__month uppercase text-sm text-center text-white bg-mainColor"> Feb </div> </div> <div class="calendar_enddate w-14"> </div> </div> <div class="calender_slider_item__body__header__event_type text-right text-mainColor font-bold uppercase text-dark-blue"> <div class="field field--name-field-event-type field--type-entity-reference field--label-hidden field__items"> <h6 class="field__item leading-8">eLearning</h6> <h6 class="field__item leading-8">Forum</h6> </div> </div> </div> <div class="calender_slider_item__body__title h-fit text-xl border-l-4 border-secondaryColor px-4 my-2 font-bitter text-black"> <a class="contents text-black" href="/events/grow-your-project-management-skills" aria-label="view more"><span class="field field--name-title field--type-string field--label-hidden">Grow your Project Management Skills</span> </a> </div> <div class="calender_slider_item__body__description h-max my-2"> <div class="clearfix text-formatted field field--name-field-event-description field--type-text-with-summary field--label-hidden field__item"> <!DOCTYPE html> <html><body><p>Join this e-Forum to discuss your successes, your not-so-successful endeavors, and to learn how to incorporate project management solutions to best fit your needs through all the stages of a project. Both those</p> </body></html> </div> </div> </div> <div class="calender_slider_item__footer flex justify-between mt-2"> <div class="calender_slider_item__footer__linkb bg-secondaryColor flex justify-center items-center ml-auto"> <a class="contents" href="/events/grow-your-project-management-skills" aria-label="view more"> <span class="p-6"> <svg role="img" xmlns="http://www.w3.org/2000/svg" width="11" height="14" viewBox="0 0 11 14" fill="none" aria-hidden="true"> <g clip-path="url(#clip0_369_2469_648303906)"> <path d="M1.19643 13.8569L0.713867 13.2013L6.89838 7.01679L0.713867 0.798132L1.19643 0.142578L10.4561 6.98265L1.19643 13.8569Z" fill="#101828" /> </g> <defs> <clipPath id="clip0_369_2469_648303906"> <rect width="11" height="14" fill="white" /> </clipPath> </defs> </svg> </span> </a> </div> </div> </div> </div> <div class="swiper-slide max-w-[460px]"> <div class="calendar_slider_item flex flex-col gap-1 xl:gap-2 w-[460px] text-left bg-white"> <div class="calender_slider_item__image"> <a class="contents" href="/events/conscious-kids-kits-using-picture-books-spark-conversations-about-racial-equity-our-children" aria-label="view more"> <div class="field field--name-field-thumbnail-image field--type-entity-reference field--label-hidden field__item"> <img loading="lazy" src="/sites/default/files/styles/slider_460x260_fp/public/2024-11/ALSC%20Webinar%20460x260%20for%20Drupal%2010.png.webp?itok=8TtAAdIF" width="460" height="260" alt="ALSC Webinar Logo" class="image-style-slider-460x260-fp" /> </div> </a> </div> <div class="calender_slider_item__body flex-1 flex flex-col gap-2 px-4 py-2"> <div class="calender_slider_item__body__header h-fit flex justify-between"> <div class="calender_slider_item__body__header__date flex gap-4"> <div class="calendar_startdate w-14"> <div class="calendar_startdate__day border-1 border-2 border-secondaryColor text-3xl font-medium pt-2 text-center"> 18 </div> <div class="calendar_startdate__month uppercase text-sm text-center text-white bg-mainColor"> Feb </div> </div> <div class="calendar_enddate w-14"> </div> </div> <div class="calender_slider_item__body__header__event_type text-right text-mainColor font-bold uppercase text-dark-blue"> <div class="field field--name-field-event-type field--type-entity-reference field--label-hidden field__items"> <h6 class="field__item leading-8">eLearning</h6> </div> </div> </div> <div class="calender_slider_item__body__title h-fit text-xl border-l-4 border-secondaryColor px-4 my-2 font-bitter text-black"> <a class="contents text-black" href="/events/conscious-kids-kits-using-picture-books-spark-conversations-about-racial-equity-our-children" aria-label="view more"><span class="field field--name-title field--type-string field--label-hidden">Conscious Kids Kits: Using Picture Books to Spark Conversations about Racial Equity with Our Children</span> </a> </div> <div class="calender_slider_item__body__description h-max my-2"> <div class="clearfix text-formatted field field--name-field-event-description field--type-text-with-summary field--label-hidden field__item"> <!DOCTYPE html> <html><body><p>A presentation on using book kits in libraries to promote conversations about racial equity and inclusion with children and families.</p> </body></html> </div> </div> </div> <div class="calender_slider_item__footer flex justify-between mt-2"> <div class="calender_slider_item__footer__linkb bg-secondaryColor flex justify-center items-center ml-auto"> <a class="contents" href="/events/conscious-kids-kits-using-picture-books-spark-conversations-about-racial-equity-our-children" aria-label="view more"> <span class="p-6"> <svg role="img" xmlns="http://www.w3.org/2000/svg" width="11" height="14" viewBox="0 0 11 14" fill="none" aria-hidden="true"> <g clip-path="url(#clip0_369_2469_1227471219)"> <path d="M1.19643 13.8569L0.713867 13.2013L6.89838 7.01679L0.713867 0.798132L1.19643 0.142578L10.4561 6.98265L1.19643 13.8569Z" fill="#101828" /> </g> <defs> <clipPath id="clip0_369_2469_1227471219"> <rect width="11" height="14" fill="white" /> </clipPath> </defs> </svg> </span> </a> </div> </div> </div> </div> <div class="swiper-slide max-w-[460px]"> <div class="calendar_slider_item flex flex-col gap-1 xl:gap-2 w-[460px] text-left bg-white"> <div class="calender_slider_item__image"> <a class="contents" href="https://www.ala.org/events/best-core-forum-library-collections-alignment-research" aria-label="view more"> <div class="field field--name-field-thumbnail-image field--type-entity-reference field--label-hidden field__item"> <img loading="lazy" src="/sites/default/files/styles/slider_460x260_fp/public/2025-01/Best%20of%20Core%20Forum%202024.png.webp?itok=gkV1fJ93" width="460" height="260" alt="Best of Core Forum 2024 Webinar Collection" class="image-style-slider-460x260-fp" /> </div> </a> </div> <div class="calender_slider_item__body flex-1 flex flex-col gap-2 px-4 py-2"> <div class="calender_slider_item__body__header h-fit flex justify-between"> <div class="calender_slider_item__body__header__date flex gap-4"> <div class="calendar_startdate w-14"> <div class="calendar_startdate__day border-1 border-2 border-secondaryColor text-3xl font-medium pt-2 text-center"> 18 </div> <div class="calendar_startdate__month uppercase text-sm text-center text-white bg-mainColor"> Feb </div> </div> <div class="calendar_enddate w-14"> </div> </div> <div class="calender_slider_item__body__header__event_type text-right text-mainColor font-bold uppercase text-dark-blue"> <div class="field field--name-field-event-type field--type-entity-reference field--label-hidden field__items"> <h6 class="field__item leading-8">eLearning</h6> </div> </div> </div> <div class="calender_slider_item__body__title h-fit text-xl border-l-4 border-secondaryColor px-4 my-2 font-bitter text-black"> <a class="contents text-black" href="https://www.ala.org/events/best-core-forum-library-collections-alignment-research" aria-label="view more"><span class="field field--name-title field--type-string field--label-hidden">Best of Core Forum: Library Collections Alignment with Research</span> </a> </div> <div class="calender_slider_item__body__description h-max my-2"> <div class="clearfix text-formatted field field--name-field-event-description field--type-text-with-summary field--label-hidden field__item"> <!DOCTYPE html> <html><body><p>This study aims to investigate the alignment between a university (UW-Madison) library’s resources and the research outputs of the university’s scholars.</p> </body></html> </div> </div> </div> <div class="calender_slider_item__footer flex justify-between mt-2"> <div class="calender_slider_item__footer__linkb bg-secondaryColor flex justify-center items-center ml-auto"> <a class="contents" href="https://www.ala.org/events/best-core-forum-library-collections-alignment-research" aria-label="view more"> <span class="p-6"> <svg role="img" xmlns="http://www.w3.org/2000/svg" width="11" height="14" viewBox="0 0 11 14" fill="none" aria-hidden="true"> <g clip-path="url(#clip0_369_2469_1739185575)"> <path d="M1.19643 13.8569L0.713867 13.2013L6.89838 7.01679L0.713867 0.798132L1.19643 0.142578L10.4561 6.98265L1.19643 13.8569Z" fill="#101828" /> </g> <defs> <clipPath id="clip0_369_2469_1739185575"> <rect width="11" height="14" fill="white" /> </clipPath> </defs> </svg> </span> </a> </div> </div> </div> </div> <div class="swiper-slide max-w-[460px]"> <div class="calendar_slider_item flex flex-col gap-1 xl:gap-2 w-[460px] text-left bg-white"> <div class="calender_slider_item__image"> <a class="contents" href="/events/grow-your-project-management-skills" aria-label="view more"> <div class="field field--name-field-thumbnail-image field--type-entity-reference field--label-hidden field__item"> <img loading="lazy" src="/sites/default/files/styles/slider_460x260_fp/public/2024-10/E%20Forum%20square%20image.png.webp?itok=yR0p-AlR" width="460" height="260" alt="Core e-Forum icon" class="image-style-slider-460x260-fp" /> </div> </a> </div> <div class="calender_slider_item__body flex-1 flex flex-col gap-2 px-4 py-2"> <div class="calender_slider_item__body__header h-fit flex justify-between"> <div class="calender_slider_item__body__header__date flex gap-4"> <div class="calendar_startdate w-14"> <div class="calendar_startdate__day border-1 border-2 border-secondaryColor text-3xl font-medium pt-2 text-center"> 19 </div> <div class="calendar_startdate__month uppercase text-sm text-center text-white bg-mainColor"> Feb </div> </div> <div class="calendar_enddate w-14"> </div> </div> <div class="calender_slider_item__body__header__event_type text-right text-mainColor font-bold uppercase text-dark-blue"> <div class="field field--name-field-event-type field--type-entity-reference field--label-hidden field__items"> <h6 class="field__item leading-8">eLearning</h6> <h6 class="field__item leading-8">Forum</h6> </div> </div> </div> <div class="calender_slider_item__body__title h-fit text-xl border-l-4 border-secondaryColor px-4 my-2 font-bitter text-black"> <a class="contents text-black" href="/events/grow-your-project-management-skills" aria-label="view more"><span class="field field--name-title field--type-string field--label-hidden">Grow your Project Management Skills</span> </a> </div> <div class="calender_slider_item__body__description h-max my-2"> <div class="clearfix text-formatted field field--name-field-event-description field--type-text-with-summary field--label-hidden field__item"> <!DOCTYPE html> <html><body><p>Join this e-Forum to discuss your successes, your not-so-successful endeavors, and to learn how to incorporate project management solutions to best fit your needs through all the stages of a project. Both those</p> </body></html> </div> </div> </div> <div class="calender_slider_item__footer flex justify-between mt-2"> <div class="calender_slider_item__footer__linkb bg-secondaryColor flex justify-center items-center ml-auto"> <a class="contents" href="/events/grow-your-project-management-skills" aria-label="view more"> <span class="p-6"> <svg role="img" xmlns="http://www.w3.org/2000/svg" width="11" height="14" viewBox="0 0 11 14" fill="none" aria-hidden="true"> <g clip-path="url(#clip0_369_2469_1917565455)"> <path d="M1.19643 13.8569L0.713867 13.2013L6.89838 7.01679L0.713867 0.798132L1.19643 0.142578L10.4561 6.98265L1.19643 13.8569Z" fill="#101828" /> </g> <defs> <clipPath id="clip0_369_2469_1917565455"> <rect width="11" height="14" fill="white" /> </clipPath> </defs> </svg> </span> </a> </div> </div> </div> </div> <div class="swiper-slide max-w-[460px]"> <div class="calendar_slider_item flex flex-col gap-1 xl:gap-2 w-[460px] text-left bg-white"> <div class="calender_slider_item__image"> <a class="contents" href="/pla/education/onlinelearning/webinars/engaging-spaces" aria-label="view more"> <div class="field field--name-field-thumbnail-image field--type-entity-reference field--label-hidden field__item"> <img loading="lazy" src="/sites/default/files/styles/slider_460x260_fp/public/2024-11/creating-engaging-library-spaces-for-all-ages_webinar_thumbnail_920x620.jpg.webp?itok=Zo9V1K-E" width="460" height="260" alt="Decorative image of a child of color doing hands-on activity with an adult in a library" class="image-style-slider-460x260-fp" /> </div> </a> </div> <div class="calender_slider_item__body flex-1 flex flex-col gap-2 px-4 py-2"> <div class="calender_slider_item__body__header h-fit flex justify-between"> <div class="calender_slider_item__body__header__date flex gap-4"> <div class="calendar_startdate w-14"> <div class="calendar_startdate__day border-1 border-2 border-secondaryColor text-3xl font-medium pt-2 text-center"> 19 </div> <div class="calendar_startdate__month uppercase text-sm text-center text-white bg-mainColor"> Feb </div> </div> <div class="calendar_enddate w-14"> </div> </div> <div class="calender_slider_item__body__header__event_type text-right text-mainColor font-bold uppercase text-dark-blue"> <div class="field field--name-field-event-type field--type-entity-reference field--label-hidden field__items"> <h6 class="field__item leading-8">eLearning</h6> <h6 class="field__item leading-8">Webinar</h6> </div> </div> </div> <div class="calender_slider_item__body__title h-fit text-xl border-l-4 border-secondaryColor px-4 my-2 font-bitter text-black"> <a class="contents text-black" href="/pla/education/onlinelearning/webinars/engaging-spaces" aria-label="view more"><span class="field field--name-title field--type-string field--label-hidden">Creating Engaging Library Spaces for All Ages</span> </a> </div> <div class="calender_slider_item__body__description h-max my-2"> <div class="clearfix text-formatted field field--name-field-event-description field--type-text-with-summary field--label-hidden field__item"> <!DOCTYPE html> <html><body><p>Learn to create engaging spaces for library patrons of all ages from real-life examples and outcomes.</p> </body></html> </div> </div> </div> <div class="calender_slider_item__footer flex justify-between mt-2"> <div class="calender_slider_item__footer__location text-xs text-[#73737A] font-bold tracking-[1.2px] uppercase pl-8 self-center"> <p class="field__item mb-0">Zoom</p> </div> <div class="calender_slider_item__footer__linkb bg-secondaryColor flex justify-center items-center ml-auto"> <a class="contents" href="/pla/education/onlinelearning/webinars/engaging-spaces" aria-label="view more"> <span class="p-6"> <svg role="img" xmlns="http://www.w3.org/2000/svg" width="11" height="14" viewBox="0 0 11 14" fill="none" aria-hidden="true"> <g clip-path="url(#clip0_369_2469_154645443)"> <path d="M1.19643 13.8569L0.713867 13.2013L6.89838 7.01679L0.713867 0.798132L1.19643 0.142578L10.4561 6.98265L1.19643 13.8569Z" fill="#101828" /> </g> <defs> <clipPath id="clip0_369_2469_154645443"> <rect width="11" height="14" fill="white" /> </clipPath> </defs> </svg> </span> </a> </div> </div> </div> </div> <div class="swiper-slide max-w-[460px]"> <div class="calendar_slider_item flex flex-col gap-1 xl:gap-2 w-[460px] text-left bg-white"> <div class="calender_slider_item__image"> <a class="contents" href="/events/best-core-forum-adapt-troop-leading-procedures-library-projects" aria-label="view more"> <div class="field field--name-field-thumbnail-image field--type-entity-reference field--label-hidden field__item"> <img loading="lazy" src="/sites/default/files/styles/slider_460x260_fp/public/2025-01/Best%20of%20Core%20Forum%202024.png.webp?itok=gkV1fJ93" width="460" height="260" alt="Best of Core Forum 2024 Webinar Collection" class="image-style-slider-460x260-fp" /> </div> </a> </div> <div class="calender_slider_item__body flex-1 flex flex-col gap-2 px-4 py-2"> <div class="calender_slider_item__body__header h-fit flex justify-between"> <div class="calender_slider_item__body__header__date flex gap-4"> <div class="calendar_startdate w-14"> <div class="calendar_startdate__day border-1 border-2 border-secondaryColor text-3xl font-medium pt-2 text-center"> 25 </div> <div class="calendar_startdate__month uppercase text-sm text-center text-white bg-mainColor"> Feb </div> </div> <div class="calendar_enddate w-14"> </div> </div> <div class="calender_slider_item__body__header__event_type text-right text-mainColor font-bold uppercase text-dark-blue"> <div class="field field--name-field-event-type field--type-entity-reference field--label-hidden field__items"> <h6 class="field__item leading-8">eLearning</h6> </div> </div> </div> <div class="calender_slider_item__body__title h-fit text-xl border-l-4 border-secondaryColor px-4 my-2 font-bitter text-black"> <a class="contents text-black" href="/events/best-core-forum-adapt-troop-leading-procedures-library-projects" aria-label="view more"><span class="field field--name-title field--type-string field--label-hidden">Best of Core Forum: Adapt Troop Leading Procedures to Library Projects</span> </a> </div> <div class="calender_slider_item__body__description h-max my-2"> <div class="clearfix text-formatted field field--name-field-event-description field--type-text-with-summary field--label-hidden field__item"> <!DOCTYPE html> <html><body><p>This webinar takes the US Army's Troop Leading Procedures and adapts them to a library setting, showing how they were successfully implemented in my institution's recent large weeding project.</p> </body></html> </div> </div> </div> <div class="calender_slider_item__footer flex justify-between mt-2"> <div class="calender_slider_item__footer__linkb bg-secondaryColor flex justify-center items-center ml-auto"> <a class="contents" href="/events/best-core-forum-adapt-troop-leading-procedures-library-projects" aria-label="view more"> <span class="p-6"> <svg role="img" xmlns="http://www.w3.org/2000/svg" width="11" height="14" viewBox="0 0 11 14" fill="none" aria-hidden="true"> <g clip-path="url(#clip0_369_2469_2027562653)"> <path d="M1.19643 13.8569L0.713867 13.2013L6.89838 7.01679L0.713867 0.798132L1.19643 0.142578L10.4561 6.98265L1.19643 13.8569Z" fill="#101828" /> </g> <defs> <clipPath id="clip0_369_2469_2027562653"> <rect width="11" height="14" fill="white" /> </clipPath> </defs> </svg> </span> </a> </div> </div> </div> </div> <div class="swiper-slide max-w-[460px]"> <div class="calendar_slider_item flex flex-col gap-1 xl:gap-2 w-[460px] text-left bg-white"> <div class="calender_slider_item__image"> <a class="contents" href="/events/how-get-federal-libray-job" aria-label="view more"> <div class="field field--name-field-thumbnail-image field--type-entity-reference field--label-hidden field__item"> <img loading="lazy" src="/sites/default/files/styles/slider_460x260_fp/public/2024-10/ELearning.jpg.webp?itok=yoxfTHJh" width="460" height="260" alt="Laptop with headphones and notepad" class="image-style-slider-460x260-fp" /> </div> </a> </div> <div class="calender_slider_item__body flex-1 flex flex-col gap-2 px-4 py-2"> <div class="calender_slider_item__body__header h-fit flex justify-between"> <div class="calender_slider_item__body__header__date flex gap-4"> <div class="calendar_startdate w-14"> <div class="calendar_startdate__day border-1 border-2 border-secondaryColor text-3xl font-medium pt-2 text-center"> 26 </div> <div class="calendar_startdate__month uppercase text-sm text-center text-white bg-mainColor"> Feb </div> </div> <div class="calendar_enddate w-14"> </div> </div> <div class="calender_slider_item__body__header__event_type text-right text-mainColor font-bold uppercase text-dark-blue"> <div class="field field--name-field-event-type field--type-entity-reference field--label-hidden field__items"> <h6 class="field__item leading-8">eLearning</h6> </div> </div> </div> <div class="calender_slider_item__body__title h-fit text-xl border-l-4 border-secondaryColor px-4 my-2 font-bitter text-black"> <a class="contents text-black" href="/events/how-get-federal-libray-job" aria-label="view more"><span class="field field--name-title field--type-string field--label-hidden">How to Get a Federal Library Job</span> </a> </div> <div class="calender_slider_item__body__description h-max my-2"> <div class="clearfix text-formatted field field--name-field-event-description field--type-text-with-summary field--label-hidden field__item"> <!DOCTYPE html> <html><body><p>This 90 minute webinar will discuss the different paths to employement as a federal or military librarian.</p> </body></html> </div> </div> </div> <div class="calender_slider_item__footer flex justify-between mt-2"> <div class="calender_slider_item__footer__linkb bg-secondaryColor flex justify-center items-center ml-auto"> <a class="contents" href="/events/how-get-federal-libray-job" aria-label="view more"> <span class="p-6"> <svg role="img" xmlns="http://www.w3.org/2000/svg" width="11" height="14" viewBox="0 0 11 14" fill="none" aria-hidden="true"> <g clip-path="url(#clip0_369_2469_796692679)"> <path d="M1.19643 13.8569L0.713867 13.2013L6.89838 7.01679L0.713867 0.798132L1.19643 0.142578L10.4561 6.98265L1.19643 13.8569Z" fill="#101828" /> </g> <defs> <clipPath id="clip0_369_2469_796692679"> <rect width="11" height="14" fill="white" /> </clipPath> </defs> </svg> </span> </a> </div> </div> </div> </div> <div class="swiper-slide max-w-[460px]"> <div class="calendar_slider_item flex flex-col gap-1 xl:gap-2 w-[460px] text-left bg-white"> <div class="calender_slider_item__image"> <a class="contents" href="/events/celebrating-autistic-joy-your-library" aria-label="view more"> <div class="field field--name-field-thumbnail-image field--type-entity-reference field--label-hidden field__item"> <img loading="lazy" src="/sites/default/files/styles/slider_460x260_fp/public/2024-11/ALSC%20Webinar%20460x260%20for%20Drupal%2010.png.webp?itok=8TtAAdIF" width="460" height="260" alt="ALSC Webinar Logo" class="image-style-slider-460x260-fp" /> </div> </a> </div> <div class="calender_slider_item__body flex-1 flex flex-col gap-2 px-4 py-2"> <div class="calender_slider_item__body__header h-fit flex justify-between"> <div class="calender_slider_item__body__header__date flex gap-4"> <div class="calendar_startdate w-14"> <div class="calendar_startdate__day border-1 border-2 border-secondaryColor text-3xl font-medium pt-2 text-center"> 26 </div> <div class="calendar_startdate__month uppercase text-sm text-center text-white bg-mainColor"> Feb </div> </div> <div class="calendar_enddate w-14"> </div> </div> <div class="calender_slider_item__body__header__event_type text-right text-mainColor font-bold uppercase text-dark-blue"> <div class="field field--name-field-event-type field--type-entity-reference field--label-hidden field__items"> <h6 class="field__item leading-8">eLearning</h6> </div> </div> </div> <div class="calender_slider_item__body__title h-fit text-xl border-l-4 border-secondaryColor px-4 my-2 font-bitter text-black"> <a class="contents text-black" href="/events/celebrating-autistic-joy-your-library" aria-label="view more"><span class="field field--name-title field--type-string field--label-hidden">Celebrating Autistic Joy in Your Library</span> </a> </div> <div class="calender_slider_item__body__description h-max my-2"> <div class="clearfix text-formatted field field--name-field-event-description field--type-text-with-summary field--label-hidden field__item"> <!DOCTYPE html> <html><body><p>Move beyond “autism acceptance” and let your library become a place of autistic joy.</p> </body></html> </div> </div> </div> <div class="calender_slider_item__footer flex justify-between mt-2"> <div class="calender_slider_item__footer__linkb bg-secondaryColor flex justify-center items-center ml-auto"> <a class="contents" href="/events/celebrating-autistic-joy-your-library" aria-label="view more"> <span class="p-6"> <svg role="img" xmlns="http://www.w3.org/2000/svg" width="11" height="14" viewBox="0 0 11 14" fill="none" aria-hidden="true"> <g clip-path="url(#clip0_369_2469_1080180533)"> <path d="M1.19643 13.8569L0.713867 13.2013L6.89838 7.01679L0.713867 0.798132L1.19643 0.142578L10.4561 6.98265L1.19643 13.8569Z" fill="#101828" /> </g> <defs> <clipPath id="clip0_369_2469_1080180533"> <rect width="11" height="14" fill="white" /> </clipPath> </defs> </svg> </span> </a> </div> </div> </div> </div> <div class="swiper-slide max-w-[460px]"> <div class="calendar_slider_item flex flex-col gap-1 xl:gap-2 w-[460px] text-left bg-white"> <div class="calender_slider_item__image"> <a class="contents" href="/pla/education/onlinelearning/webinars/cardholder" aria-label="view more"> <div class="field field--name-field-thumbnail-image field--type-entity-reference field--label-hidden field__item"> <img loading="lazy" src="/sites/default/files/styles/slider_460x260_fp/public/2025-01/pla-cardholder-signup-policies-event-thumbnail_920x620.jpg.webp?itok=YegU8bKU" width="460" height="260" alt="Decorative image of child in a library receiving a library card from an offscreen adult." class="image-style-slider-460x260-fp" /> </div> </a> </div> <div class="calender_slider_item__body flex-1 flex flex-col gap-2 px-4 py-2"> <div class="calender_slider_item__body__header h-fit flex justify-between"> <div class="calender_slider_item__body__header__date flex gap-4"> <div class="calendar_startdate w-14"> <div class="calendar_startdate__day border-1 border-2 border-secondaryColor text-3xl font-medium pt-2 text-center"> 27 </div> <div class="calendar_startdate__month uppercase text-sm text-center text-white bg-mainColor"> Feb </div> </div> <div class="calendar_enddate w-14"> </div> </div> <div class="calender_slider_item__body__header__event_type text-right text-mainColor font-bold uppercase text-dark-blue"> <div class="field field--name-field-event-type field--type-entity-reference field--label-hidden field__items"> <h6 class="field__item leading-8">eLearning</h6> <h6 class="field__item leading-8">Webinar</h6> </div> </div> </div> <div class="calender_slider_item__body__title h-fit text-xl border-l-4 border-secondaryColor px-4 my-2 font-bitter text-black"> <a class="contents text-black" href="/pla/education/onlinelearning/webinars/cardholder" aria-label="view more"><span class="field field--name-title field--type-string field--label-hidden">Cardholder Signup Policies: Access in Practice</span> </a> </div> <div class="calender_slider_item__body__description h-max my-2"> <div class="clearfix text-formatted field field--name-field-event-description field--type-text-with-summary field--label-hidden field__item"> <!DOCTYPE html> <html><body><p>Learn best practices for cardholder registration that reduces barriers and increase access for all.</p> </body></html> </div> </div> </div> <div class="calender_slider_item__footer flex justify-between mt-2"> <div class="calender_slider_item__footer__location text-xs text-[#73737A] font-bold tracking-[1.2px] uppercase pl-8 self-center"> <p class="field__item mb-0">Zoom</p> </div> <div class="calender_slider_item__footer__linkb bg-secondaryColor flex justify-center items-center ml-auto"> <a class="contents" href="/pla/education/onlinelearning/webinars/cardholder" aria-label="view more"> <span class="p-6"> <svg role="img" xmlns="http://www.w3.org/2000/svg" width="11" height="14" viewBox="0 0 11 14" fill="none" aria-hidden="true"> <g clip-path="url(#clip0_369_2469_2017861494)"> <path d="M1.19643 13.8569L0.713867 13.2013L6.89838 7.01679L0.713867 0.798132L1.19643 0.142578L10.4561 6.98265L1.19643 13.8569Z" fill="#101828" /> </g> <defs> <clipPath id="clip0_369_2469_2017861494"> <rect width="11" height="14" fill="white" /> </clipPath> </defs> </svg> </span> </a> </div> </div> </div> </div> <div class="swiper-slide max-w-[460px]"> <div class="calendar_slider_item flex flex-col gap-1 xl:gap-2 w-[460px] text-left bg-white"> <div class="calender_slider_item__image"> <a class="contents" href="/events/welcoming-schools-national-day-reading" aria-label="view more"> <div class="field field--name-field-thumbnail-image field--type-entity-reference field--label-hidden field__item"> <img loading="lazy" src="/sites/default/files/styles/slider_460x260_fp/public/2024-09/NDOR%202025_1200x675-Save%20the%20Date.png.webp?itok=i_NeNhZ6" width="460" height="260" alt="Graphic promoted the Human Rights Campaign National Day of Reading on February 28, 2025" class="image-style-slider-460x260-fp" /> </div> </a> </div> <div class="calender_slider_item__body flex-1 flex flex-col gap-2 px-4 py-2"> <div class="calender_slider_item__body__header h-fit flex justify-between"> <div class="calender_slider_item__body__header__date flex gap-4"> <div class="calendar_startdate w-14"> <div class="calendar_startdate__day border-1 border-2 border-secondaryColor text-3xl font-medium pt-2 text-center"> 28 </div> <div class="calendar_startdate__month uppercase text-sm text-center text-white bg-mainColor"> Feb </div> </div> <div class="calendar_enddate w-14"> </div> </div> <div class="calender_slider_item__body__header__event_type text-right text-mainColor font-bold uppercase text-dark-blue"> <div class="field field--name-field-event-type field--type-entity-reference field--label-hidden field__items"> <h6 class="field__item leading-8">Celebration</h6> </div> </div> </div> <div class="calender_slider_item__body__title h-fit text-xl border-l-4 border-secondaryColor px-4 my-2 font-bitter text-black"> <a class="contents text-black" href="/events/welcoming-schools-national-day-reading" aria-label="view more"><span class="field field--name-title field--type-string field--label-hidden">National Day of Reading: A Celebration of Trans Stories</span> </a> </div> <div class="calender_slider_item__body__description h-max my-2"> <div class="clearfix text-formatted field field--name-field-event-description field--type-text-with-summary field--label-hidden field__item"> <!DOCTYPE html> <html><body><p>Resources to share with your learners in recognition of Welcoming Schools National Day of Reading</p> </body></html> </div> </div> </div> <div class="calender_slider_item__footer flex justify-between mt-2"> <div class="calender_slider_item__footer__linkb bg-secondaryColor flex justify-center items-center ml-auto"> <a class="contents" href="/events/welcoming-schools-national-day-reading" aria-label="view more"> <span class="p-6"> <svg role="img" xmlns="http://www.w3.org/2000/svg" width="11" height="14" viewBox="0 0 11 14" fill="none" aria-hidden="true"> <g clip-path="url(#clip0_369_2469_397283006)"> <path d="M1.19643 13.8569L0.713867 13.2013L6.89838 7.01679L0.713867 0.798132L1.19643 0.142578L10.4561 6.98265L1.19643 13.8569Z" fill="#101828" /> </g> <defs> <clipPath id="clip0_369_2469_397283006"> <rect width="11" height="14" fill="white" /> </clipPath> </defs> </svg> </span> </a> </div> </div> </div> </div> <div class="swiper-slide max-w-[460px]"> <div class="calendar_slider_item flex flex-col gap-1 xl:gap-2 w-[460px] text-left bg-white"> <div class="calender_slider_item__image"> <a class="contents" href="/events/empowering-your-friends-group-become-advocacy-rockstars" aria-label="view more"> <div class="field field--name-field-thumbnail-image field--type-entity-reference field--label-hidden field__item"> <img loading="lazy" src="/sites/default/files/styles/slider_460x260_fp/public/2025-01/United%20-%20EC%20-%20Thumbnail%20-%202025-02%20LL.png.webp?itok=anTByWRL" width="460" height="260" alt="United for Libraries Learning Live: February 2025: Empowering Your Friends Group to Become Advocacy Rockstars" class="image-style-slider-460x260-fp" /> </div> </a> </div> <div class="calender_slider_item__body flex-1 flex flex-col gap-2 px-4 py-2"> <div class="calender_slider_item__body__header h-fit flex justify-between"> <div class="calender_slider_item__body__header__date flex gap-4"> <div class="calendar_startdate w-14"> <div class="calendar_startdate__day border-1 border-2 border-secondaryColor text-3xl font-medium pt-2 text-center"> 28 </div> <div class="calendar_startdate__month uppercase text-sm text-center text-white bg-mainColor"> Feb </div> </div> <div class="calendar_enddate w-14"> </div> </div> <div class="calender_slider_item__body__header__event_type text-right text-mainColor font-bold uppercase text-dark-blue"> <div class="field field--name-field-event-type field--type-entity-reference field--label-hidden field__items"> <h6 class="field__item leading-8">eLearning</h6> </div> </div> </div> <div class="calender_slider_item__body__title h-fit text-xl border-l-4 border-secondaryColor px-4 my-2 font-bitter text-black"> <a class="contents text-black" href="/events/empowering-your-friends-group-become-advocacy-rockstars" aria-label="view more"><span class="field field--name-title field--type-string field--label-hidden">Empowering Your Friends Group to Become Advocacy Rockstars</span> </a> </div> <div class="calender_slider_item__body__description h-max my-2"> <div class="clearfix text-formatted field field--name-field-event-description field--type-text-with-summary field--label-hidden field__item"> <!DOCTYPE html> <html><body><p>February 2025 Learning Live</p> </body></html> </div> </div> </div> <div class="calender_slider_item__footer flex justify-between mt-2"> <div class="calender_slider_item__footer__linkb bg-secondaryColor flex justify-center items-center ml-auto"> <a class="contents" href="/events/empowering-your-friends-group-become-advocacy-rockstars" aria-label="view more"> <span class="p-6"> <svg role="img" xmlns="http://www.w3.org/2000/svg" width="11" height="14" viewBox="0 0 11 14" fill="none" aria-hidden="true"> <g clip-path="url(#clip0_369_2469_929594364)"> <path d="M1.19643 13.8569L0.713867 13.2013L6.89838 7.01679L0.713867 0.798132L1.19643 0.142578L10.4561 6.98265L1.19643 13.8569Z" fill="#101828" /> </g> <defs> <clipPath id="clip0_369_2469_929594364"> <rect width="11" height="14" fill="white" /> </clipPath> </defs> </svg> </span> </a> </div> </div> </div> </div> <div class="swiper-slide max-w-[460px]"> <div class="calendar_slider_item flex flex-col gap-1 xl:gap-2 w-[460px] text-left bg-white"> <div class="calender_slider_item__image"> <a class="contents" href="/events/womens-history-month" aria-label="view more"> <div class="field field--name-field-thumbnail-image field--type-entity-reference field--label-hidden field__item"> <img loading="lazy" src="/sites/default/files/styles/slider_460x260_fp/public/2024-07/aasl_whm_event.png.webp?itok=cWWNCbCO" width="460" height="260" alt="AASL Women's History Month Calendar Image" class="image-style-slider-460x260-fp" /> </div> </a> </div> <div class="calender_slider_item__body flex-1 flex flex-col gap-2 px-4 py-2"> <div class="calender_slider_item__body__header h-fit flex justify-between"> <div class="calender_slider_item__body__header__date flex gap-4"> <div class="calendar_startdate w-14"> <div class="calendar_startdate__day border-1 border-2 border-secondaryColor text-3xl font-medium pt-2 text-center"> 01 </div> <div class="calendar_startdate__month uppercase text-sm text-center text-white bg-mainColor"> Mar </div> </div> <div class="calendar_enddate w-14"> <div class="calendar_enddate__day border-1 border-2 border-secondaryColor text-3xl font-medium pt-2 text-center"> 31 </div> <div class="calendar_enddate__month uppercase text-sm text-center text-white bg-mainColor"> Mar </div> </div> </div> <div class="calender_slider_item__body__header__event_type text-right text-mainColor font-bold uppercase text-dark-blue"> <div class="field field--name-field-event-type field--type-entity-reference field--label-hidden field__items"> <h6 class="field__item leading-8">Celebration</h6> </div> </div> </div> <div class="calender_slider_item__body__title h-fit text-xl border-l-4 border-secondaryColor px-4 my-2 font-bitter text-black"> <a class="contents text-black" href="/events/womens-history-month" aria-label="view more"><span class="field field--name-title field--type-string field--label-hidden">Women's History Month</span> </a> </div> <div class="calender_slider_item__body__description h-max my-2"> <div class="clearfix text-formatted field field--name-field-event-description field--type-text-with-summary field--label-hidden field__item"> <!DOCTYPE html> <html><body><p>Resources to share with your learners in celebration of Women's History Month.</p> </body></html> </div> </div> </div> <div class="calender_slider_item__footer flex justify-between mt-2"> <div class="calender_slider_item__footer__linkb bg-secondaryColor flex justify-center items-center ml-auto"> <a class="contents" href="/events/womens-history-month" aria-label="view more"> <span class="p-6"> <svg role="img" xmlns="http://www.w3.org/2000/svg" width="11" height="14" viewBox="0 0 11 14" fill="none" aria-hidden="true"> <g clip-path="url(#clip0_369_2469_1614516823)"> <path d="M1.19643 13.8569L0.713867 13.2013L6.89838 7.01679L0.713867 0.798132L1.19643 0.142578L10.4561 6.98265L1.19643 13.8569Z" fill="#101828" /> </g> <defs> <clipPath id="clip0_369_2469_1614516823"> <rect width="11" height="14" fill="white" /> </clipPath> </defs> </svg> </span> </a> </div> </div> </div> </div> <div class="swiper-slide max-w-[460px]"> <div class="calendar_slider_item flex flex-col gap-1 xl:gap-2 w-[460px] text-left bg-white"> <div class="calender_slider_item__image"> <a class="contents" href="https://www.ala.org/pla/education/onlinelearning/webinars/monday-conference" aria-label="view more"> <div class="field field--name-field-thumbnail-image field--type-entity-reference field--label-hidden field__item"> <img loading="lazy" src="/sites/default/files/styles/slider_460x260_fp/public/2025-01/pla-membership-mondays_event-thumbnail_920x620.jpg.webp?itok=P1CphXI9" width="460" height="260" alt="Decorative image of word balloons in a variety of sizes, colors, and textures." class="image-style-slider-460x260-fp" /> </div> </a> </div> <div class="calender_slider_item__body flex-1 flex flex-col gap-2 px-4 py-2"> <div class="calender_slider_item__body__header h-fit flex justify-between"> <div class="calender_slider_item__body__header__date flex gap-4"> <div class="calendar_startdate w-14"> <div class="calendar_startdate__day border-1 border-2 border-secondaryColor text-3xl font-medium pt-2 text-center"> 03 </div> <div class="calendar_startdate__month uppercase text-sm text-center text-white bg-mainColor"> Mar </div> </div> <div class="calendar_enddate w-14"> </div> </div> <div class="calender_slider_item__body__header__event_type text-right text-mainColor font-bold uppercase text-dark-blue"> <div class="field field--name-field-event-type field--type-entity-reference field--label-hidden field__items"> <h6 class="field__item leading-8">eLearning</h6> <h6 class="field__item leading-8">Webinar</h6> </div> </div> </div> <div class="calender_slider_item__body__title h-fit text-xl border-l-4 border-secondaryColor px-4 my-2 font-bitter text-black"> <a class="contents text-black" href="https://www.ala.org/pla/education/onlinelearning/webinars/monday-conference" aria-label="view more"><span class="field field--name-title field--type-string field--label-hidden">Membership Monday: Present at PLA Conference</span> </a> </div> <div class="calender_slider_item__body__description h-max my-2"> <div class="clearfix text-formatted field field--name-field-event-description field--type-text-with-summary field--label-hidden field__item"> <!DOCTYPE html> <html><body><p>Learn how you can be a part of PLA’s renowned conference programming.</p> </body></html> </div> </div> </div> <div class="calender_slider_item__footer flex justify-between mt-2"> <div class="calender_slider_item__footer__location text-xs text-[#73737A] font-bold tracking-[1.2px] uppercase pl-8 self-center"> <p class="field__item mb-0">Zoom</p> </div> <div class="calender_slider_item__footer__linkb bg-secondaryColor flex justify-center items-center ml-auto"> <a class="contents" href="https://www.ala.org/pla/education/onlinelearning/webinars/monday-conference" aria-label="view more"> <span class="p-6"> <svg role="img" xmlns="http://www.w3.org/2000/svg" width="11" height="14" viewBox="0 0 11 14" fill="none" aria-hidden="true"> <g clip-path="url(#clip0_369_2469_626593735)"> <path d="M1.19643 13.8569L0.713867 13.2013L6.89838 7.01679L0.713867 0.798132L1.19643 0.142578L10.4561 6.98265L1.19643 13.8569Z" fill="#101828" /> </g> <defs> <clipPath id="clip0_369_2469_626593735"> <rect width="11" height="14" fill="white" /> </clipPath> </defs> </svg> </span> </a> </div> </div> </div> </div> <div class="swiper-slide max-w-[460px]"> <div class="calendar_slider_item flex flex-col gap-1 xl:gap-2 w-[460px] text-left bg-white"> <div class="calender_slider_item__image"> <a class="contents" href="/events/libraries-supporting-students-dyslexia" aria-label="view more"> <div class="field field--name-field-thumbnail-image field--type-entity-reference field--label-hidden field__item"> <img loading="lazy" src="/sites/default/files/styles/slider_460x260_fp/public/2024-11/ALSC%20Webinar%20460x260%20for%20Drupal%2010.png.webp?itok=8TtAAdIF" width="460" height="260" alt="ALSC Webinar Logo" class="image-style-slider-460x260-fp" /> </div> </a> </div> <div class="calender_slider_item__body flex-1 flex flex-col gap-2 px-4 py-2"> <div class="calender_slider_item__body__header h-fit flex justify-between"> <div class="calender_slider_item__body__header__date flex gap-4"> <div class="calendar_startdate w-14"> <div class="calendar_startdate__day border-1 border-2 border-secondaryColor text-3xl font-medium pt-2 text-center"> 04 </div> <div class="calendar_startdate__month uppercase text-sm text-center text-white bg-mainColor"> Mar </div> </div> <div class="calendar_enddate w-14"> </div> </div> <div class="calender_slider_item__body__header__event_type text-right text-mainColor font-bold uppercase text-dark-blue"> <div class="field field--name-field-event-type field--type-entity-reference field--label-hidden field__items"> <h6 class="field__item leading-8">eLearning</h6> </div> </div> </div> <div class="calender_slider_item__body__title h-fit text-xl border-l-4 border-secondaryColor px-4 my-2 font-bitter text-black"> <a class="contents text-black" href="/events/libraries-supporting-students-dyslexia" aria-label="view more"><span class="field field--name-title field--type-string field--label-hidden">Libraries Supporting Students with Dyslexia</span> </a> </div> <div class="calender_slider_item__body__description h-max my-2"> <div class="clearfix text-formatted field field--name-field-event-description field--type-text-with-summary field--label-hidden field__item"> <!DOCTYPE html> <html><body><p>Learn how to support your patrons who struggle with reading!</p> </body></html> </div> </div> </div> <div class="calender_slider_item__footer flex justify-between mt-2"> <div class="calender_slider_item__footer__linkb bg-secondaryColor flex justify-center items-center ml-auto"> <a class="contents" href="/events/libraries-supporting-students-dyslexia" aria-label="view more"> <span class="p-6"> <svg role="img" xmlns="http://www.w3.org/2000/svg" width="11" height="14" viewBox="0 0 11 14" fill="none" aria-hidden="true"> <g clip-path="url(#clip0_369_2469_2119606867)"> <path d="M1.19643 13.8569L0.713867 13.2013L6.89838 7.01679L0.713867 0.798132L1.19643 0.142578L10.4561 6.98265L1.19643 13.8569Z" fill="#101828" /> </g> <defs> <clipPath id="clip0_369_2469_2119606867"> <rect width="11" height="14" fill="white" /> </clipPath> </defs> </svg> </span> </a> </div> </div> </div> </div> <div class="swiper-slide max-w-[460px]"> <div class="calendar_slider_item flex flex-col gap-1 xl:gap-2 w-[460px] text-left bg-white"> <div class="calender_slider_item__image"> <a class="contents" href="/events/people-place-and-platform-opportunity-driven-approach-legislative-advocacy" aria-label="view more"> <div class="field field--name-field-thumbnail-image field--type-entity-reference field--label-hidden field__item"> <img loading="lazy" src="/sites/default/files/styles/slider_460x260_fp/public/2025-01/United%20-%20EC%20-%20Thumbnail%20-%202025-03%20LL.png.webp?itok=o2vuB88n" width="460" height="260" alt="United for Libraries Learning Live: March 2025: People, Place and Platform: An Opportunity-Driven Approach to Legislative Advocacy" class="image-style-slider-460x260-fp" /> </div> </a> </div> <div class="calender_slider_item__body flex-1 flex flex-col gap-2 px-4 py-2"> <div class="calender_slider_item__body__header h-fit flex justify-between"> <div class="calender_slider_item__body__header__date flex gap-4"> <div class="calendar_startdate w-14"> <div class="calendar_startdate__day border-1 border-2 border-secondaryColor text-3xl font-medium pt-2 text-center"> 11 </div> <div class="calendar_startdate__month uppercase text-sm text-center text-white bg-mainColor"> Mar </div> </div> <div class="calendar_enddate w-14"> </div> </div> <div class="calender_slider_item__body__header__event_type text-right text-mainColor font-bold uppercase text-dark-blue"> <div class="field field--name-field-event-type field--type-entity-reference field--label-hidden field__items"> <h6 class="field__item leading-8">eLearning</h6> </div> </div> </div> <div class="calender_slider_item__body__title h-fit text-xl border-l-4 border-secondaryColor px-4 my-2 font-bitter text-black"> <a class="contents text-black" href="/events/people-place-and-platform-opportunity-driven-approach-legislative-advocacy" aria-label="view more"><span class="field field--name-title field--type-string field--label-hidden">People, Place, and Platform—An Opportunity-Driven Approach to Legislative Advocacy</span> </a> </div> <div class="calender_slider_item__body__description h-max my-2"> <div class="clearfix text-formatted field field--name-field-event-description field--type-text-with-summary field--label-hidden field__item"> <!DOCTYPE html> <html><body><p>March 2025 Learning Live</p> </body></html> </div> </div> </div> <div class="calender_slider_item__footer flex justify-between mt-2"> <div class="calender_slider_item__footer__linkb bg-secondaryColor flex justify-center items-center ml-auto"> <a class="contents" href="/events/people-place-and-platform-opportunity-driven-approach-legislative-advocacy" aria-label="view more"> <span class="p-6"> <svg role="img" xmlns="http://www.w3.org/2000/svg" width="11" height="14" viewBox="0 0 11 14" fill="none" aria-hidden="true"> <g clip-path="url(#clip0_369_2469_254743150)"> <path d="M1.19643 13.8569L0.713867 13.2013L6.89838 7.01679L0.713867 0.798132L1.19643 0.142578L10.4561 6.98265L1.19643 13.8569Z" fill="#101828" /> </g> <defs> <clipPath id="clip0_369_2469_254743150"> <rect width="11" height="14" fill="white" /> </clipPath> </defs> </svg> </span> </a> </div> </div> </div> </div> <div class="swiper-slide max-w-[460px]"> <div class="calendar_slider_item flex flex-col gap-1 xl:gap-2 w-[460px] text-left bg-white"> <div class="calender_slider_item__image"> <a class="contents" href="/events/best-core-forum-leading-creativity-habits-and-practices-shape-work-environment" aria-label="view more"> <div class="field field--name-field-thumbnail-image field--type-entity-reference field--label-hidden field__item"> <img loading="lazy" src="/sites/default/files/styles/slider_460x260_fp/public/2025-01/Best%20of%20Core%20Forum%202024.png.webp?itok=gkV1fJ93" width="460" height="260" alt="Best of Core Forum 2024 Webinar Collection" class="image-style-slider-460x260-fp" /> </div> </a> </div> <div class="calender_slider_item__body flex-1 flex flex-col gap-2 px-4 py-2"> <div class="calender_slider_item__body__header h-fit flex justify-between"> <div class="calender_slider_item__body__header__date flex gap-4"> <div class="calendar_startdate w-14"> <div class="calendar_startdate__day border-1 border-2 border-secondaryColor text-3xl font-medium pt-2 text-center"> 11 </div> <div class="calendar_startdate__month uppercase text-sm text-center text-white bg-mainColor"> Mar </div> </div> <div class="calendar_enddate w-14"> </div> </div> <div class="calender_slider_item__body__header__event_type text-right text-mainColor font-bold uppercase text-dark-blue"> <div class="field field--name-field-event-type field--type-entity-reference field--label-hidden field__items"> <h6 class="field__item leading-8">eLearning</h6> </div> </div> </div> <div class="calender_slider_item__body__title h-fit text-xl border-l-4 border-secondaryColor px-4 my-2 font-bitter text-black"> <a class="contents text-black" href="/events/best-core-forum-leading-creativity-habits-and-practices-shape-work-environment" aria-label="view more"><span class="field field--name-title field--type-string field--label-hidden">Best of Core Forum: Leading for Creativity: Habits and Practices to Shape the Work Environment</span> </a> </div> <div class="calender_slider_item__body__description h-max my-2"> <div class="clearfix text-formatted field field--name-field-event-description field--type-text-with-summary field--label-hidden field__item"> <!DOCTYPE html> <html><body><p>This webinar will draw on both quantitative and qualitative data collected by the presenter from academic library staff and leaders over the last several years to identify barriers that both library staff and</p> </body></html> </div> </div> </div> <div class="calender_slider_item__footer flex justify-between mt-2"> <div class="calender_slider_item__footer__linkb bg-secondaryColor flex justify-center items-center ml-auto"> <a class="contents" href="/events/best-core-forum-leading-creativity-habits-and-practices-shape-work-environment" aria-label="view more"> <span class="p-6"> <svg role="img" xmlns="http://www.w3.org/2000/svg" width="11" height="14" viewBox="0 0 11 14" fill="none" aria-hidden="true"> <g clip-path="url(#clip0_369_2469_2126271332)"> <path d="M1.19643 13.8569L0.713867 13.2013L6.89838 7.01679L0.713867 0.798132L1.19643 0.142578L10.4561 6.98265L1.19643 13.8569Z" fill="#101828" /> </g> <defs> <clipPath id="clip0_369_2469_2126271332"> <rect width="11" height="14" fill="white" /> </clipPath> </defs> </svg> </span> </a> </div> </div> </div> </div> </div> <div class="swiper-footer md:flex mt-8"> <div class="swiper-pagination w-full md:w-10/12 mx-4"></div> <div class="swiper-buttons w-full md:w-2/12 flex flex-row-reverse gap-2 justify-center items-center p-8 md:p-1 mx-2 -mt-3"> <div class="swiper-button-next"></div> <div class="swiper-button-prev"></div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </main> <footer role="contentinfo"> <div class="footer--top bg-mainColor"> <div class="xl:container footer--top__wrapper px-[6.25rem] xl:px-0 py-[1.875rem]"> <div class="footer--top__logo"> <img loading="lazy" src="/sites/default/files/styles/microsite_white_logo/public/2023-09/PLA_white_550px.png?itok=BEkDoKPV" width="241" height="75" alt="Public Library Association white logo" class="image-style-microsite-white-logo" /> </div> <div class="region region-footer-top footer--top__menu"> <nav id="block-plamicrositefooter" class="block block-menu navigation menu--pla-microsite-footer static xl:relative sidebar-menu" aria-labelledby="block-plamicrositefooter-menu" role="navigation"> <h2 class="visually-hidden" id="block-plamicrositefooter-menu" class="hidden">PLA Microsite Footer</h2> <ul class="flex justify-end footer--top__nav"> <li class="grow-[0.1] footer--top__nav--item"> <a href="https://www.ala.org/pla/contact-us" title="Contact PLA" class="max-w-[90%] font-urw uppercase text-base text-white no-underline" data-drupal-link-system-path="node/17509">Contact PLA</a> </li> <li class="grow-[0.1] footer--top__nav--item"> <a href="https://www.ala.org/pla/give" title="Give to PLA" class="max-w-[90%] font-urw uppercase text-base text-white no-underline" data-drupal-link-system-path="node/15692">Give to PLA</a> </li> <li class="grow-[0.1] footer--top__nav--item"> <a href="https://www.ala.org/pla/resources/publications/advertise" title="Advertise with PLA" class="max-w-[90%] font-urw uppercase text-base text-white no-underline" data-drupal-link-system-path="node/17362">Advertise</a> </li> <li class="grow-[0.1] footer--top__nav--item"> <a href="https://www.ala.org/pla/about/faq" title="PLA FAQ" class="max-w-[90%] font-urw uppercase text-base text-white no-underline" data-drupal-link-system-path="node/16149">FAQ</a> </li> <li class="grow-[0.1] footer--top__nav--item"> <a href="https://www.ala.org/pla/feedback" title="PLA Feedback" class="max-w-[90%] font-urw uppercase text-base text-white no-underline" data-drupal-link-system-path="node/19563">Feedback</a> </li> </ul> </nav> </div> <div class="footer--top__social-media"> <div class="field field--name-field-social-media field--type-entity-reference-revisions field--label-above"> <div class="field__label">Social Media</div> <div class="field__item"> <div class="paragraph paragraph--type--social-media-links paragraph--view-mode--default"> <div class="social-media-list mb-6"> <ul class="flex"> <li class="p-1.5 bg-[#eff1f3] rounded-3xl mr-3 flex items-center justify-center"><a href="https://www.facebook.com/pla.org" class="facebook-logo inline-block indent-96" target="_blank">facebook</a></li> <li class="p-1.5 bg-[#eff1f3] rounded-3xl mr-3 flex items-center justify-center"><a href="https://instagram.com/ala_pla/" class="instagram-logo inline-block indent-96" target="_blank">instagram</a></li> <li class="p-1.5 bg-[#eff1f3] rounded-3xl mr-3 flex items-center justify-center"><a href="https://www.linkedin.com/company/public-library-association" class="linkedin-logo inline-block indent-96" target="_blank">linkedin</a></li> <li class="p-1.5 bg-[#eff1f3] rounded-3xl mr-3 flex items-center justify-center"><a href="https://www.youtube.com/channel/UCD9DUiXzel3qpNrj2Rqi1bg" class="youtube-logo inline-block indent-96" target="_blank">youtube</a></li> <li class="p-1.5 bg-[#eff1f3] rounded-3xl mr-3 flex items-center justify-center"><a href="https://bsky.app/profile/ala-pla.bsky.social" class="bluesky-logo inline-block indent-96" target="_blank">bluesky</a></li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="region region-footer"> <nav id="block-footer-2" class="block block-system block-system-menu-blockfooter border-t pt-14 xl:py-14" aria-labelledby="block-footer-2" role="navigation"> <div class="flex xl:container flex-col xl:flex-row items-center xl:items-start text-center xl:text-left pb-12 xl:pb-0"> <div class="mb-12 xl:mb-0"> <a href="/" rel="home" class="inline-block pl-5 xl:pl-0" aria-label="ALA logo"> <img src="/themes/custom/ala/assets/images/svg/ala-footer-logo.svg" alt=" site logo"> </a> <p class="m-0 mt-9 text-base font-normal text-offBlack opacity-80">225 N Michigan Ave., Ste 1300</p> <p class="m-0 text-base font-normal text-offBlack opacity-80">Chicago, IL 60601</p> <p class="m-0 text-base font-normal text-offBlack opacity-80">1.800.545.2433</p> </div> <div class="xl:ml-auto"> <ul class="relative xl:grid xl:grid-cols-2 xl:gap-4 xl:gap-x-28 xl:gap-y-8 menu--footer xl:border-r xl:pr-24"> <li class="mb-12 xl:mb-0"> <a href="https://www.ala.org/aboutala/offices/home" class="text-sm font-bold uppercase tracking-widest" title="Offices" data-drupal-link-system-path="node/17266">Offices</a> </li> <li class="mb-12 xl:mb-0"> <a href="https://www.ala.org/news" class="text-sm font-bold uppercase tracking-widest" title="News & Press" data-drupal-link-system-path="node/59884">News & Press</a> </li> <li class="mb-12 xl:mb-0"> <a href="https://www.ala.org/aboutala/divs" class="text-sm font-bold uppercase tracking-widest" title="Divisions" data-drupal-link-system-path="node/59964">Divisions</a> </li> <li class="mb-12 xl:mb-0"> <a href="https://www.ala.org/aboutala/contactus/workatala" class="text-sm font-bold uppercase tracking-widest" title="Work at ALA" data-drupal-link-system-path="node/14392">Work at ALA</a> </li> <li class="mb-12 xl:mb-0"> <a href="https://www.ala.org/aboutala/rts" class="text-sm font-bold uppercase tracking-widest" title="Round Tables" data-drupal-link-system-path="node/59965">Round Tables</a> </li> <li class="mb-12 xl:mb-0"> <a href="https://www.alastore.ala.org/" class="text-sm font-bold uppercase tracking-widest" title="Shop">Shop</a> </li> <li class="mb-12 xl:mb-0"> <a href="https://www.ala.org/aboutala/committees" class="text-sm font-bold uppercase tracking-widest" title="Committees" data-drupal-link-system-path="node/16494">Committees</a> </li> </ul> </div> <div class="xl:ml-32"> <div class="hidden xl:block"> <div class="field field--name-field-components field--type-entity-reference-revisions field--label-hidden field__item"> <div class="paragraph paragraph--type--social-media-links paragraph--view-mode--default"> <div class="social-media-list mb-6"> <ul class="flex"> <li class="p-1.5 bg-[#eff1f3] rounded-3xl mr-3 flex items-center justify-center"><a href="https://www.facebook.com/AmericanLibraryAssociation" class="facebook-logo inline-block indent-96" target="_blank">facebook</a></li> <li class="p-1.5 bg-[#eff1f3] rounded-3xl mr-3 flex items-center justify-center"><a href="https://www.instagram.com/americanlibraryassociation/" class="instagram-logo inline-block indent-96" target="_blank">instagram</a></li> <li class="p-1.5 bg-[#eff1f3] rounded-3xl mr-3 flex items-center justify-center"><a href="https://www.linkedin.com/company/american-library-association" class="linkedin-logo inline-block indent-96" target="_blank">linkedin</a></li> <li class="p-1.5 bg-[#eff1f3] rounded-3xl mr-3 flex items-center justify-center"><a href="https://youtube.com/user/AmLibraryAssociation" class="youtube-logo inline-block indent-96" target="_blank">youtube</a></li> <li class="p-1.5 bg-[#eff1f3] rounded-3xl mr-3 flex items-center justify-center"><a href="https://www.threads.net/@americanlibraryassociation" class="threads-logo inline-block indent-96" target="_blank">threads</a></li> <li class="p-1.5 bg-[#eff1f3] rounded-3xl mr-3 flex items-center justify-center"><a href="https://bsky.app/profile/amlibraryassoc.bsky.social" class="bluesky-logo inline-block indent-96" target="_blank">bluesky</a></li> </ul> </div> </div> </div> </div> <a href="/donate" class="font-medium text-lg text-white py-1.5 px-10 bg-mainRed font-bitter hover:opacity-50">Donate</a> </div> </div> </nav> <nav id="block-footerutility-2" class="block block-menu navigation menu--footer-utility static xl:relative sidebar-menu" aria-labelledby="block-footerutility-2-menu" role="navigation"> <h2 class="visually-hidden" id="block-footerutility-2-menu" class="hidden">Footer Utility</h2> <div class="flex xl:container py-6 xl:py-8 border-t flex-col xl:flex-row items-center xl:items-start"> <div class="xl:hidden"> <div class="field field--name-field-components field--type-entity-reference-revisions field--label-hidden field__item"> <div class="paragraph paragraph--type--social-media-links paragraph--view-mode--default"> <div class="social-media-list mb-6"> <ul class="flex"> <li class="p-1.5 bg-[#eff1f3] rounded-3xl mr-3 flex items-center justify-center"><a href="https://www.facebook.com/AmericanLibraryAssociation" class="facebook-logo inline-block indent-96" target="_blank">facebook</a></li> <li class="p-1.5 bg-[#eff1f3] rounded-3xl mr-3 flex items-center justify-center"><a href="https://www.instagram.com/americanlibraryassociation/" class="instagram-logo inline-block indent-96" target="_blank">instagram</a></li> <li class="p-1.5 bg-[#eff1f3] rounded-3xl mr-3 flex items-center justify-center"><a href="https://www.linkedin.com/company/american-library-association" class="linkedin-logo inline-block indent-96" target="_blank">linkedin</a></li> <li class="p-1.5 bg-[#eff1f3] rounded-3xl mr-3 flex items-center justify-center"><a href="https://youtube.com/user/AmLibraryAssociation" class="youtube-logo inline-block indent-96" target="_blank">youtube</a></li> <li class="p-1.5 bg-[#eff1f3] rounded-3xl mr-3 flex items-center justify-center"><a href="https://www.threads.net/@americanlibraryassociation" class="threads-logo inline-block indent-96" target="_blank">threads</a></li> <li class="p-1.5 bg-[#eff1f3] rounded-3xl mr-3 flex items-center justify-center"><a href="https://bsky.app/profile/amlibraryassoc.bsky.social" class="bluesky-logo inline-block indent-96" target="_blank">bluesky</a></li> </ul> </div> </div> </div> </div> <ul class="flex menu--footer_utility flex-wrap xl:flex-nowrap justify-center xl:justify-normal"> <li class="text-footerGrey"> <a href="https://www.ala.org/aboutala/sitesdirectory" class="text-base font-normal text-footerGrey align-sub" title="ALA Websites" data-drupal-link-system-path="node/59883">ALA Websites</a> </li> <li class="text-footerGrey"> <a href="https://www.ala.org/accessibility-commitment" class="text-base font-normal text-footerGrey align-sub" title="Accessibility" data-drupal-link-system-path="node/60569">Accessibility</a> </li> <li class="text-footerGrey"> <a href="https://www.ala.org/privacypolicy" class="text-base font-normal text-footerGrey align-sub" title="Privacy Policy" data-drupal-link-system-path="node/15423">Privacy Policy</a> </li> <li class="text-footerGrey"> <a href="https://www.ala.org/user-guidelines" class="text-base font-normal text-footerGrey align-sub" title="User Guidelines" data-drupal-link-system-path="node/15398">User Guidelines</a> </li> <li class="text-footerGrey"> <a href="/sitemap.xml" class="text-base font-normal text-footerGrey align-sub" title="Site Index" data-drupal-link-system-path="sitemap.xml">Site Index</a> </li> <li class="text-footerGrey"> <a href="https://www.ala.org/footer-feedback" class="text-base font-normal text-footerGrey align-sub" title="Feedback" data-drupal-link-system-path="node/19486">Feedback</a> </li> <li class="text-footerGrey"> <a href="https://www.ala.org/aboutala/contactus/workatala" class="text-base font-normal text-footerGrey align-sub" title="Work at ALA" data-drupal-link-system-path="node/14392">Work at ALA</a> </li> </ul> <p class="text-base font-normal text-footerGrey xl:ml-auto align-sub mt-4 xl:mt-0">© 1996–2025 American Library Association</p> </div> </nav> </div> </footer> </div> </div> <script src="https://static.addtoany.com/menu/page.js" async></script> <script src="/sites/default/files/js/js_jFjx67_FyNjMeveiSGrokPcqUUxfC--fZBGP27ILMAA.js?scope=footer&delta=1&language=en&theme=ala&include=eJxdzDkOgDAMBdELZTkS-mBjJTI2SlLA7ZEiGujmNQOi4bA74420N7cRoMiivkJnQs9iHGsP4i7Ky4BkGceXkL8TKq552KBshBa7FuL2AMPcLWE"></script> <script src="https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.x.x/dist/alpine.min.js" defer></script> <script src="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.js" defer></script> <script src="/sites/default/files/js/js_w5dQQ0BTGLHJ57UXy7jdYalAbSw4eArhXcAlOMRBQLg.js?scope=footer&delta=4&language=en&theme=ala&include=eJxdzDkOgDAMBdELZTkS-mBjJTI2SlLA7ZEiGujmNQOi4bA74420N7cRoMiivkJnQs9iHGsP4i7Ky4BkGceXkL8TKq552KBshBa7FuL2AMPcLWE"></script> </body> </html>

CINXE.COM

One Library's Mission to Provide Its Senior Community with Social Engagement and Emotional Connectedness | Public Library Association