Hot Takes: A Virtual Series for PLA Members | Public Library Association

<!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/hottakes" /> <meta property="og:title" content="Hot Takes: A Virtual Series for PLA Members" /> <meta name="twitter:card" content="summary" /> <meta name="twitter:title" content="Hot Takes: A Virtual Series for PLA Members" /> <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", "url": "internal:/pla", "description": "Awards, publishing, and conferences: ALA membership advocates to ensure access to information for all", "name": "American Library Association", "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/hottakes" /> <script>window.a2a_config=window.a2a_config||{};a2a_config.callbacks=[];a2a_config.overlays=[];a2a_config.templates={};</script> <title>Hot Takes: A Virtual Series for PLA Members | Public Library Association</title> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_OXYAbRF2U23B6DckTEt9oFxfFnt_kuT_TUQ9HaYF53w.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__Lpywwckja8Wr-v6JE-ty93To4GEh_gugzmrBICrn0s.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\/61029","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_QSbtI1yVJI1F-ifB3rt1_IttYo0EIc4DiQA9En_9tfk.js?scope=header&delta=0&language=en&theme=ala&include=eJxdzDkOgDAMBdELZTkS-mBjJTI2SlLA7ZEiGujmNQOi4bA74420N7cRoMiivkJnQs9iHGsP4i7Ky4BkGceXkL8TKq552KBshBa7FuL2AMPcLWE"></script> <script src="/modules/contrib/google_tag/js/gtm.js?snbe61"></script> <script src="/modules/contrib/google_tag/js/gtag.js?snbe61"></script> <script src="/sites/default/files/js/js_l-eO8RvrAL3Y0MiiVNzp7MNObvMqjAMYXG7puvJUyHE.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/hottakes" 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/hottakes" 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 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-[39px]" :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-39': 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/hottakes" 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="/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="61029" 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> Hot Takes: A Virtual Series for PLA Members </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">eLearning</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"> Capture new ideas, affirm old ones, and connect with fellow members in this series of fast-paced exchanges. </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><h2><em>Free and available exclusively to PLA members</em></h2> <p>Ever wonder what other libraries do about “x”? New members rank staying up to date on library issues and trends as the most important reason for joining the Public Library Association (PLA). In this fast-paced information exchange, PLA members will learn a little bit about a lot of things. Sample topics include facilities issues (bed bug protocols, food at computers), programming and services (Narcan administration, centralized vs. location-specific programs), and policies (do you charge for late materials, prints, faxing, or community rooms?). Capture new ideas from presenters and attendees, affirm old ones, and leave with connections across libraryland to invent what comes next.</p> <p>Series registration automatically enrolls you in all three webinars. You also have the option of enrolling individually in each webinar.</p> <h3>Webinars</h3> <p><strong>Webinar #1</strong><br><strong>October 15, 2024, 1:15 PM–1:45 PM Central</strong></p> <h4><a href="https://elearning.ala.org/local/catalog/view/product.php?productid=1308">Hot Takes: Youth Services</a></h4> <p>In this fast-paced session, PLA members will learn about what’s happening in youth services.</p> <p><strong>Panelists:</strong></p> <ul> <li><strong>Jennie Garner</strong>, Library Director at North Liberty Community Library in North Liberty, IA</li> <li><strong>Maryann James-Daley</strong>, Director, Public Services - MLK (Central) at DC Public Library in Washington, DC</li> <li><strong>Annie Kemmerling</strong>, Director of Neighborhood Services at Denver Public Library in Denver, CO</li> </ul> <hr> <p><strong>Webinar #2</strong><br><strong>November 12, 2024, 1:15 PM–1:45 PM Central</strong></p> <h4><a href="https://elearning.ala.org/local/catalog/view/product.php?productid=1311">Hot Takes: Safety and Security</a></h4> <p>In this fast-paced session, PLA members will learn about the latest safety and security practices in public libraries.</p> <p><strong>Panelists:</strong></p> <ul> <li><strong>Jenny Choi</strong>, Deputy Director of Operations at the San Jose Public Library in San Jose, CA</li> <li><strong>Megan Maurer</strong>, Assistant Director at Scenic Regional Library in Union, MO</li> <li><strong>Jennie Pu</strong>, Director at the Hoboken Public Library in Hoboken, NJ</li> </ul> <hr> <p><strong>Webinar #3</strong><br><strong>December 10, 2024, 1:15 PM–1:45 PM Central</strong></p> <h4><a href="https://elearning.ala.org/local/catalog/view/product.php?productid=1312">Hot Takes: Adult Services</a></h4> <p>In this fast-paced session, PLA members will learn about what’s happening in adult services.</p> <p><strong>Panelists:</strong></p> <ul> <li><strong>Annie Kemmerling</strong>, Director of Neighborhood Services at the Denver Public Library in Denver, CO</li> <li><strong>Amita Lonial</strong>, Director of the Tacoma Public Library in Tacoma, WA</li> <li><strong>Kathy Zappitello</strong>, Director of the Conneaut Public Library in Conneaut, OH</li> </ul> <h3>Important Registration Information</h3> <p>An ALA eLearning account is required to register for this free virtual series. Don’t have an account? Create one for free by going to the “Log in” menu located at the top right corner in the <a href="https://elearning.ala.org/">ALA eLearning site</a>. Although no membership is required to create the account, you must be a PLA member to register for this PLA member-exclusive webinar. <em>If you encounter any issues registering for this series, then please email </em><a href="mailto:ce@ala.org" title="mailto:ce@ala.org"><em>ce@ala.org</em></a><em> for assistance.</em></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"> Administration & Leadership </div> <div class="px-8 py-2 text-[12px] font-bold uppercase tracking-[1.2px] whitespace-nowrap border border-secondaryColor rounded"> Member's Only </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 class="px-8 py-2 text-[12px] font-bold uppercase tracking-[1.2px] whitespace-nowrap border border-secondaryColor rounded"> eLearning </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">October 15, 2024November 12, 2024December 10, 2024</div> <div class="event__info__item event__time">1:15 - 1:45pm CDT1:15 - 1:45pm CST1:15 - 1:45pm CST</div> <div class="event__info__item event__location"> <p class="field__item mb-0">Zoom</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">Free and available exclusively to PLA members</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=1315" 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/hottakes" data-a2a-title="Hot Takes: A Virtual Series for PLA Members"><a class="a2a_dd addtoany_share" href="https://www.addtoany.com/share#url=https%3A%2F%2Fwww.ala.org%2Fpla%2Feducation%2Fonlinelearning%2Fwebinars%2Fhottakes&title=Hot%20Takes%3A%20A%20Virtual%20Series%20for%20PLA%20Members"></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-8de45e578d269ece1501751d4c0891a59529bdadcd4fb072d7dc681897a9d0fa"> <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/transforming-libguides-case-study-0" 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-05/Webinars%20logo.png.webp?itok=XsiL4x-C" width="460" height="260" alt="Graphic for Core webinars" 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"> Dec </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/transforming-libguides-case-study-0" aria-label="view more"><span class="field field--name-title field--type-string field--label-hidden">Transforming LibGuides: A Case Study </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 explore the technical and political processes of overhauling and streamlining LibGuides and an A-Z</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/transforming-libguides-case-study-0" 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_1483172483)"> <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_1483172483"> <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/telling-stories-inspire-engagement" 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/United%20-%20EC%20-%20Thumbnail%20-%202024-12%20LL.png.webp?itok=wymhqcN5" width="460" height="260" alt="December 2024 Learning Live: Telling Stories That Inspire Engagement" 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"> 10 </div> <div class="calendar_startdate__month uppercase text-sm text-center text-white bg-mainColor"> Dec </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/telling-stories-inspire-engagement" aria-label="view more"><span class="field field--name-title field--type-string field--label-hidden">Telling Stories That Inspire Engagement</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>December 2024 Learning Live: Hone your storytelling skills.</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/telling-stories-inspire-engagement" 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_1204653956)"> <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_1204653956"> <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/hottakes" 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/Hot_Takes_image_920x620.png.webp?itok=Cp9DSiTx" width="460" height="260" alt="Decorative image of text "Hot Takes" surrounded by flames." 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"> 15 </div> <div class="calendar_startdate__month uppercase text-sm text-center text-white bg-mainColor"> Oct </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/hottakes" aria-label="view more"><span class="field field--name-title field--type-string field--label-hidden">Hot Takes: A Virtual Series for PLA Members</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>Capture new ideas, affirm old ones, and connect with fellow members in this series of fast-paced exchanges.</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/hottakes" 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_1935809159)"> <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_1935809159"> <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/lesson-germany-serving-refugee-and-immigrant-populations" 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/work-station-straight-on-view.jpg.webp?itok=0PfO99Bb" 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"> 11 </div> <div class="calendar_startdate__month uppercase text-sm text-center text-white bg-mainColor"> Dec </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">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="/events/lesson-germany-serving-refugee-and-immigrant-populations" aria-label="view more"><span class="field field--name-title field--type-string field--label-hidden">A Lesson from Germany: Serving Refugee and Immigrant Populations</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 what three high-immigrant population city libraries in Germany are doing to serve immigrant and refugee</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/lesson-germany-serving-refugee-and-immigrant-populations" 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_1687966463)"> <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_1687966463"> <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/united-libraries-member-virtual-roundtables-0" 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/United%20-%20EC%20-%20Thumbnail%20-%20Roundtables.png.webp?itok=ekgygFa2" width="460" height="260" alt="United for Libraries Member Virtual Roundtables" 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"> 12 </div> <div class="calendar_startdate__month uppercase text-sm text-center text-white bg-mainColor"> Dec </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">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/united-libraries-member-virtual-roundtables-0" aria-label="view more"><span class="field field--name-title field--type-string field--label-hidden">United for Libraries Member Virtual Roundtables</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>United for Libraries personal members are invited to join virtual roundtable discussion groups.</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/united-libraries-member-virtual-roundtables-0" 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_352328064)"> <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_352328064"> <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/edi-and-neals-book-club" 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/Calendar%20Event%20Slider%20EdiNealDec24.jpg.webp?itok=obJttnB6" width="460" height="260" alt="Edi and Neal's Book Club graphic" 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"> Dec </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> </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/edi-and-neals-book-club" aria-label="view more"><span class="field field--name-title field--type-string field--label-hidden">Edi and Neal's Book Club</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>Edi and Neal’s Book Club is a free new professional development initiative that places ALA Editions | ALA Neal-Schuman</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/edi-and-neals-book-club" 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_2017870940)"> <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_2017870940"> <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/fred-rogers" 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/work-of-fred-rogers-webinar-event-thumbnail_920x620.jpg.webp?itok=h0dJIN8H" width="460" height="260" alt="Decorative image of a neighborhood of single- and multi-family homes with a skyline of skyscrapers in the background." 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"> Dec </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/fred-rogers" aria-label="view more"><span class="field field--name-title field--type-string field--label-hidden">How the Work of Fred Rogers Supports the Evolution of Public Libraries</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 Fred Rogers’ work can inform the evaluation of library services and support the wellbeing of library staff.</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/fred-rogers" 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_1607346733)"> <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_1607346733"> <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/senior-community" 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/one-library%27s-mission-webinar-event-thumbnail_920x620.jpg.webp?itok=EdJ5T8M_" width="460" height="260" alt="Decorative image of diverse seniors engaged in physical or mental activities." 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"> 08 </div> <div class="calendar_startdate__month uppercase text-sm text-center text-white bg-mainColor"> Jan </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/senior-community" aria-label="view more"><span class="field field--name-title field--type-string field--label-hidden">One Library's Mission to Provide Its Senior Community with Social Engagement and Emotional Connectedness</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 partner with local agencies to create an uplifting environment of connection and support for older adults.</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/senior-community" 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_1591091519)"> <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_1591091519"> <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/start-planning-now-yes-now-your-librarys-annual-giving-campaign" 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/United%20-%20EC%20-%20Thumbnail%20-%202025-01%20LL.png.webp?itok=r4KY1loY" width="460" height="260" alt="January 2025 Learning Live" 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"> 14 </div> <div class="calendar_startdate__month uppercase text-sm text-center text-white bg-mainColor"> Jan </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/start-planning-now-yes-now-your-librarys-annual-giving-campaign" aria-label="view more"><span class="field field--name-title field--type-string field--label-hidden">Start Planning Now (YES NOW!) for Your Library's Annual Giving Campaign</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>January 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/start-planning-now-yes-now-your-librarys-annual-giving-campaign" 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_1840175410)"> <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_1840175410"> <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/experimental-library-guide-taking-risks" 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-05/Webinars%20logo.png.webp?itok=XsiL4x-C" width="460" height="260" alt="Graphic for Core webinars" 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"> 21 </div> <div class="calendar_startdate__month uppercase text-sm text-center text-white bg-mainColor"> Jan </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/experimental-library-guide-taking-risks" aria-label="view more"><span class="field field--name-title field--type-string field--label-hidden">The Experimental Library: A Guide to Taking Risks</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 shows how to draw from new approaches and technologies to harness experimentation as a tool for testing</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/experimental-library-guide-taking-risks" 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_1954999134)"> <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_1954999134"> <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/liblearnx" 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/Calendar%20Event%20Slider%20-%20LLX25.jpg.webp?itok=90yQNC8D" width="460" height="260" alt="LibLearnX; The Library Learning Experience graphic" 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"> 24 </div> <div class="calendar_startdate__month uppercase text-sm text-center text-white bg-mainColor"> Jan </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"> 27 </div> <div class="calendar_enddate__month uppercase text-sm text-center text-white bg-mainColor"> Jan </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">Conference</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/liblearnx" aria-label="view more"><span class="field field--name-title field--type-string field--label-hidden">LibLearnX 2025</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 us and be inspired and motivated by thought-leaders, authors, and subject matter experts, and celebrate your</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">Phoenix, AZ</p> </div> <div class="calender_slider_item__footer__linkb bg-secondaryColor flex justify-center items-center ml-auto"> <a class="contents" href="/events/liblearnx" 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_1327146497)"> <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_1327146497"> <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/retired-members-round-table-rmrt-5th-sunday-book-club-december-29-2024" 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/Book%20Club%20Beth%20Kander.jpg.webp?itok=LVXm3Fq0" width="460" height="260" alt="Members of RMRT with Beth Kander, author of I Made It Out of Clay" 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"> Jan </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> </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/retired-members-round-table-rmrt-5th-sunday-book-club-december-29-2024" aria-label="view more"><span class="field field--name-title field--type-string field--label-hidden">Retired Members Round Table (RMRT) 5th Sunday Book Club January 26, 2025</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>How does the RMRT book club work? It's actually a book club that librarians can enjoy! We would love to have you join us</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">On Line</p> </div> <div class="calender_slider_item__footer__linkb bg-secondaryColor flex justify-center items-center ml-auto"> <a class="contents" href="/events/retired-members-round-table-rmrt-5th-sunday-book-club-december-29-2024" 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_383053375)"> <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_383053375"> <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/crayola-creativity-week" 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-08/aasl_ccw_calendar.png.webp?itok=E1oz4dbn" width="460" height="260" alt="colorful splotches with Creative Week in white and Imagination in Action in blue" 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"> Jan </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"> 02 </div> <div class="calendar_enddate__month uppercase text-sm text-center text-white bg-mainColor"> Feb </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/crayola-creativity-week" aria-label="view more"><span class="field field--name-title field--type-string field--label-hidden">Crayola Creativity Week</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 to celebrate Crayola Creativity Week.</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/crayola-creativity-week" 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_224692795)"> <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_224692795"> <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/black-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_bhm_event.png.webp?itok=8o5OHPft" width="460" height="260" alt="AASL Black History Month Event 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"> Feb </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"> 28 </div> <div class="calendar_enddate__month uppercase text-sm text-center text-white bg-mainColor"> Feb </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/black-history-month" aria-label="view more"><span class="field field--name-title field--type-string field--label-hidden">Black 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 celebrate Black History Month with your learners.</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/black-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_1744741823)"> <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_1744741823"> <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/inside-interlibrary-loan-basics-new-millennium" 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"> 03 </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/inside-interlibrary-loan-basics-new-millennium" aria-label="view more"><span class="field field--name-title field--type-string field--label-hidden">Inside Interlibrary Loan: Basics for a New Millennium</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 four-week asynchronous course on Inside Interlibrary Loan</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/inside-interlibrary-loan-basics-new-millennium" 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_1777824110)"> <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_1777824110"> <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_966774315)"> <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_966774315"> <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://twitter.com/ALA_PLA" class="twitter-logo inline-block indent-96" target="_blank">twitter</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> </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="/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="/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="/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="/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="/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="/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://x.com/ALALibrary" class="twitter-logo inline-block indent-96" target="_blank">twitter</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> </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://x.com/ALALibrary" class="twitter-logo inline-block indent-96" target="_blank">twitter</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> </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="/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="/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="/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="/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="/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="/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–2024 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_q1wZIy31XFJsPRwch_EkNKvTiE0Q2GNHGfyHioohImY.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

Hot Takes: A Virtual Series for PLA Members | Public Library Association