American Library Association

<!DOCTYPE html> <html lang="en" dir="ltr" prefix="og: https://ogp.me/ns#"> <head> <meta charset="utf-8" /> <meta name="description" content="American Library Association | Awards, publishing, and conferences: ALA membership advocates to ensure access to information for all" /> <link rel="shortlink" href="https://www.ala.org/" /> <link rel="canonical" href="https://www.ala.org/" /> <meta property="og:title" content="American Library Association" /> <meta property="og:description" content="Awards, publishing, and conferences: ALA membership advocates to ensure access to information for all" /> <meta name="twitter:card" content="summary" /> <meta name="twitter:title" content="American Library Association" /> <meta name="twitter:description" content="Awards, publishing, and conferences: ALA membership advocates to ensure access to information for all" /> <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": "https://www.ala.org/", "description": "Awards, publishing, and conferences: ALA membership advocates to ensure access to information for all", "url": "https://www.ala.org/", "name": "American Library Association", "logo": { "@type": "ImageObject", "representativeOfPage": "True", "url": "https://www.ala.org//themes/custom/ala/logo.svg" } } ] }</script> <link rel="icon" href="/themes/custom/ala/favicon.ico" type="image/png" /> <link rel="alternate" hreflang="en" href="https://www.ala.org/" /> <script>window.a2a_config=window.a2a_config||{};a2a_config.callbacks=[];a2a_config.overlays=[];a2a_config.templates={};</script> <title>American Library Association</title> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_5Sl8CQMCNJ2tFcBx6daoLR8Ss6XZmP8XzAmAmays5sY.css?delta=0&language=en&theme=ala&include=eJxdjFEOwyAMQy-E4EiVKVlLFQhKQB07_bRu06T9PT9bRkpdUGfAB_xNpXZn0zqVEGHkwFhe8JcKmWEjc6sohSpawPlxDcLGEsHvJuloYI8Dd9eg2BRtt6_-GT9qG5Gz7ZSuEztzIz3MMaaMvsSROZGGfsoqvBitPUt9AmKOS08" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/css__Lpywwckja8Wr-v6JE-ty93To4GEh_gugzmrBICrn0s.css?delta=1&language=en&theme=ala&include=eJxdjFEOwyAMQy-E4EiVKVlLFQhKQB07_bRu06T9PT9bRkpdUGfAB_xNpXZn0zqVEGHkwFhe8JcKmWEjc6sohSpawPlxDcLGEsHvJuloYI8Dd9eg2BRtt6_-GT9qG5Gz7ZSuEztzIz3MMaaMvsSROZGGfsoqvBitPUt9AmKOS08" /> <script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","pathPrefix":"","currentPath":"node\/37","currentPathIsAdmin":false,"isFront":true,"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":"eJxdjmsKAyEQgy9k1yNJ1Km1zDoyo7Tb03e7FPr4E5IvEIKch6BtHm-znFXacGB4cK-NTlc7UgJTy9CTcc2kb6bZvkFhieDDDsSQ9insG0cZIoz8Sz5pJTMUMpdEyTfRFVwf5IpIYQoDxZdd_vOCK-6_cHWMTeYIcVbe7_hxkyQcjNKo0lyHoij6xXzW2cHLhyyz9Rm52oWys80GrcfPJ13qbVE","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=eJxdjUEOgCAMBD-k8iSzUmwwlZrSg_5eQrjobXazmQWRK8oTMGDZTYtPEAQW3SAdIVcuaT7qxKosaXVwYD-_EfzPCw7c3RBhVOcqmZL1wrGtsV2hiW1MJBWCjdUL3vI6iQ"></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=eJxdjUEOgCAMBD-k8iSzUmwwlZrSg_5eQrjobXazmQWRK8oTMGDZTYtPEAQW3SAdIVcuaT7qxKosaXVwYD-_EfzPCw7c3RBhVOcqmZL1wrGtsV2hiW1MJBWCjdUL3vI6iQ"></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="path-frontpage page-node-type-homepage"> <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="hidden xl:block menu--utility_desktop"> <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="/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="/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=/homepage" 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="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="/" rel="home" class="inline-block pl-5 xl:pl-0" aria-label="ALA logo"> <img class="max-w-[180px] md:max-w-[220px]" src="https://www.ala.org/themes/custom/ala/logo.svg" alt="ALA 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"> <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="/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="/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=/homepage" 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="region region-primary-menu"> <nav id="block-ala-main-menu" class="block block-menu navigation menu--main static xl:relative sidebar-menu" aria-labelledby="block-ala-main-menu-menu" role="navigation"> <h2 class="visually-hidden" id="block-ala-main-menu-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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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> </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> </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="37" class="node node--type-homepage node--view-mode-full"> <div class="bg-[#eff1f3]"> <div class=" homepage__columns lg:gap-[40px] lg:flex lg:max-w-[1420px] lg:mx-auto py-5 px-4 xl:px-0 relative lg:pt-8 lg:pb-0 lg:items-start "> <div class="homepage__column lg:w-6/12 lg:max-w-[681px]"> <div class="card flex flex-col gap-4 font-bitter my-8 bg-white relative lg:min-h-[435px] swiper-slide"> <div class="card__image full-width-image mb-4"> <a href="https://2025.alaliblearnx.org/registration" aria-label="view more"> <picture> <source srcset="/sites/default/files/styles/card_image_681x559/public/2024-11/LibLearnX-2025-Speakers-Opening-Closing-feature-image-681x559.jpg.webp?itok=cJbsqb5F 1x" media="all and (min-width: 992px)" type="image/webp" width="681" height="559"/> <source srcset="/sites/default/files/styles/card_image_320x263/public/2024-11/LibLearnX-2025-Speakers-Opening-Closing-feature-image-681x559.jpg.webp?itok=rYYUvWgN 1x" type="image/webp" width="320" height="263"/> <img loading="eager" src="/sites/default/files/styles/card_image_681x559/public/2024-11/LibLearnX-2025-Speakers-Opening-Closing-feature-image-681x559.jpg.webp?itok=cJbsqb5F" width="681" height="559" alt="LLX - LibLearnX The Library Learning Experience - Phoenix, AX - Jan. 24-27, 2025 - American Library Association - Photos of Opening Session Speakers: Raina Telgemeier & Scott McCloud and LLX Close Out Vauhini Vara" title="LLX - LibLearnX The Library Learning Experience - Phoenix, AX - Jan. 24-27, 2025 - American Library Association" /> </picture> </a> </div> <div class="card__content flex flex-col gap-4 lg:gap-5 px-[29px] lg:px-10 lg:pb-[14px]"> <div class="card__content_title flex-1 text-mainBlack font-medium text-3xl border-l-4 border-secondaryColor px-[14px] px-4"> <a class="text-mainBlack" href="https://2025.alaliblearnx.org/registration">ALA LibLearnX</a> </div> <div class="card__content_body font-urw md:min-h-[6rem]"> <div class="clearfix text-formatted field field--name-field-body field--type-text-long field--label-hidden field__item"><!DOCTYPE html> <html><body><p>Unlock a world of learning at LibLearnX. Dive into hands-on workshops, connect with peers, and grow your network. You'll be inspired by featured speakers and celebrate with colleagues at the award ceremonies. Register today!</p> </body></html> </div> </div> </div> <div class="card__footer flex items-center justify-between mt-auto w-full"> <div class="card__footer_link bg-secondaryColor flex justify-center items-center ml-auto"> <a class="flex h-[60px] w-[60px] justify-center items-center" href="https://2025.alaliblearnx.org/registration" aria-label="read more"> <img class="w-[10px] h-[14px] max-w-[10px]" src="/themes/custom/ala/assets/images/icons/button-arrow-right.png" alt="arrow right" aria-hidden="true"/> </a> </div> </div> </div> </div> <div class="homepage__column lg:w-3/12 lg:max-w-[368px] relative"> <div class="card flex flex-col gap-4 font-bitter my-8 bg-white relative lg:min-h-[435px] swiper-slide"> <div class="card__image full-width-image mb-4"> <a href="/aboutala/offices/cro/getinvolved/disasterreliefefforts" aria-label="view more"><img alt="ALA Disaster Relief Fund - Help rebuild libraries damaged by Hurricanes Helene & Milton" title="ALA Disaster Relief Fund - Help rebuild libraries damaged by Hurricanes Helene & Milton" loading="eager" src="/sites/default/files/styles/card_image_330x220/public/2024-11/disaster-relief-660-440.png.webp?itok=m8dhepgA" width="330" height="220" class="image-style-card-image-330x220" /> </a> </div> <div class="card__content flex flex-col gap-4 lg:gap-5 px-[29px] lg:px-10 lg:pb-[14px]"> <span class="card__eyebrow uppercase text-mainBlueColor font-urw text-sm font-semibold tracking-[1.4px]"></span> <div class="card__content_title flex-1 text-mainBlack font-medium text-3xl border-l-4 border-secondaryColor px-[14px] px-4"> <a class="text-mainBlack" href="/aboutala/offices/cro/getinvolved/disasterreliefefforts">ALA Disaster Relief Fund</a> </div> <div class="card__content_body font-urw md:min-h-[6rem]"> <div class="clearfix text-formatted field field--name-field-body field--type-text-long field--label-hidden field__item"><!DOCTYPE html> <html><body><p>ALA has reached out to library associations in states affected by recent hurricanes. Please support local relief efforts and consider a donation to the ALA Disaster Relief Fund for damaged or destroyed libraries. </p> </body></html> </div> </div> </div> <div class="card__footer flex items-center justify-between mt-auto w-full"> <div class="card__footer_link bg-secondaryColor flex justify-center items-center ml-auto"> <a class="flex h-[60px] w-[60px] justify-center items-center" href="/aboutala/offices/cro/getinvolved/disasterreliefefforts" aria-label="read more"> <img class="w-[10px] h-[14px] max-w-[10px]" src="/themes/custom/ala/assets/images/icons/button-arrow-right.png" alt="arrow right" aria-hidden="true"/> </a> </div> </div> </div> <div class="card flex flex-col gap-4 font-bitter my-8 bg-white relative lg:min-h-[435px] swiper-slide"> <div class="card__content flex flex-col gap-4 lg:gap-5 px-[29px] lg:px-10 lg:pb-[14px]"> <span class="card__eyebrow uppercase text-mainBlueColor font-urw text-sm font-semibold tracking-[1.4px]"></span> <div class="card__content_title flex-1 text-mainBlack font-medium text-3xl border-l-4 border-secondaryColor px-[14px] px-4"> <a class="text-mainBlack" href="/news/2024/11/ala-vows-defend-intellectual-freedom-and-access-information-against-political-threats">ALA vows to defend intellectual freedom and access to information against political threats</a> </div> <div class="card__content_body font-urw md:min-h-[6rem]"> <div class="clearfix text-formatted field field--name-field-body field--type-text-long field--label-hidden field__item"><!DOCTYPE html> <html><body><p>In response to results of the 2024 United States election, the American Library Association vowed to continue its defense of the core values of librarianship in the face of political threats.</p> </body></html> </div> </div> </div> <div class="card__footer flex items-center justify-between mt-auto w-full"> <div class="card__footer_link bg-secondaryColor flex justify-center items-center ml-auto"> <a class="flex h-[60px] w-[60px] justify-center items-center" href="/news/2024/11/ala-vows-defend-intellectual-freedom-and-access-information-against-political-threats" aria-label="read more"> <img class="w-[10px] h-[14px] max-w-[10px]" src="/themes/custom/ala/assets/images/icons/button-arrow-right.png" alt="arrow right" aria-hidden="true"/> </a> </div> </div> </div> </div> <div class="homepage__column lg:w-3/12 lg:max-w-[368px]"> <div class="card flex flex-col gap-4 font-bitter my-8 bg-white relative lg:min-h-[435px] swiper-slide"> <div class="card__content flex flex-col gap-4 lg:gap-5 px-[29px] lg:px-10 lg:pb-[14px]"> <span class="card__eyebrow uppercase text-mainBlueColor font-urw text-sm font-semibold tracking-[1.4px]"></span> <div class="card__content_title flex-1 text-mainBlack font-medium text-3xl border-l-4 border-secondaryColor px-[14px] px-4"> <a class="text-mainBlack" href="/news/2024/09/american-library-association-reveals-preliminary-data-2024-book-challenges">American Library Association reveals preliminary data on 2024 book challenges</a> </div> <div class="card__content_body font-urw md:min-h-[6rem]"> <div class="clearfix text-formatted field field--name-field-body field--type-text-long field--label-hidden field__item"><!DOCTYPE html> <html><body><p>The American Library Association has released preliminary data documenting attempts to censor books and materials in public, school, and academic libraries during the first eight months of 2024.</p> </body></html> </div> </div> </div> <div class="card__footer flex items-center justify-between mt-auto w-full"> <div class="card__footer_link bg-secondaryColor flex justify-center items-center ml-auto"> <a class="flex h-[60px] w-[60px] justify-center items-center" href="/news/2024/09/american-library-association-reveals-preliminary-data-2024-book-challenges" aria-label="read more"> <img class="w-[10px] h-[14px] max-w-[10px]" src="/themes/custom/ala/assets/images/icons/button-arrow-right.png" alt="arrow right" aria-hidden="true"/> </a> </div> </div> </div> <div class="card flex flex-col gap-4 font-bitter my-8 bg-white relative lg:min-h-[435px] swiper-slide"> <div class="card__image full-width-image mb-4"> <a href="https://www.ala.org/takeaction" aria-label="view more"><img alt="text with raised hand image" loading="eager" src="/sites/default/files/styles/card_image_330x220/public/2024-04/Info%20Card%203x%20advocacy4.jpg.webp?itok=lbyRPIfl" width="330" height="220" class="image-style-card-image-330x220" /> </a> </div> <div class="card__content flex flex-col gap-4 lg:gap-5 px-[29px] lg:px-10 lg:pb-[14px]"> <span class="card__eyebrow uppercase text-mainBlueColor font-urw text-sm font-semibold tracking-[1.4px]"></span> <div class="card__content_title flex-1 text-mainBlack font-medium text-3xl border-l-4 border-secondaryColor px-[14px] px-4"> <a class="text-mainBlack" href="https://www.ala.org/takeaction">Speak Out for Libraries.</a> </div> <div class="card__content_body font-urw md:min-h-[6rem]"> <div class="clearfix text-formatted field field--name-field-body field--type-text-long field--label-hidden field__item"><!DOCTYPE html> <html><body><p>Sign up to receive critical action alerts and advocacy updates on issues affecting libraries.</p> <p><a class="primary-button" href="https://www.ala.org/takeaction">Sign Up for Advocacy Alerts</a><br> </p> </body></html> </div> </div> </div> <div class="card__footer flex items-center justify-between mt-auto w-full"> <div class="card__footer_link bg-secondaryColor flex justify-center items-center ml-auto"> <a class="flex h-[60px] w-[60px] justify-center items-center" href="https://www.ala.org/takeaction" aria-label="read more"> <img class="w-[10px] h-[14px] max-w-[10px]" src="/themes/custom/ala/assets/images/icons/button-arrow-right.png" alt="arrow right" aria-hidden="true"/> </a> </div> </div> </div> </div> </div> </div> <div class="node__content px-5 xl:px-0"> <div class="layout lg:flex"> <div class="w-full">  <div class="paragraph paragraph--type--section paragraph--view-mode--default"> <div class="layout layout--onecol"> <div class="layout__region layout__region--content"> <div class="paragraph paragraph--type--image-w-text paragraph--view-mode--default"> <div class="image_w_text breakout py-8 lg:py-[4.688rem] flex content-center min-h-[638px] mb-0 text-mainBlack bg-white"> <div class="image_w_text__content relative flex flex-col items-center lg:flex-row justify-center lg:flex-nowrap gap-6 lg:gap-[140px] mx-auto px-[1.25rem] xl:px-0 max-w-[1180px] w-full"> <div class="image_w_text__content__image image-column crop lg:flex lg:flex-1 justify-center lg:flex-grow image-cover relative lg:basis-[580px] lg:max-w-[580px]"> <img alt="ALA's key mission areas: Diversity, Equity of Access, Education and Continuous Learning, Intellectual Freedom, and Literacy" src="/sites/default/files/styles/text_with_image_fp/public/2024-04/Image%20w%20Text%20ala%20mission%20again_0.png.webp?itok=LXwHRCWY" width="581" height="403" loading="lazy" class="image-style-text-with-image-fp" /> </div> <div class="text-column lg:flex-1 lg:flex-grow lg:basis-[460px] lg:max-w-[460px]"> <div class="text-container"> <h3 class="image_w_text-title">The ALA Mission</h3> <div class="image_w_text-body pb-4"> <div class="clearfix text-formatted field field--name-field-body field--type-text-long field--label-hidden field__item"><!DOCTYPE html> <html><body><p>The mission of the American Library Association is to provide leadership for the development, promotion, and improvement of library and information services and the profession of librarianship in order to enhance learning and ensure access to information for all.</p> </body></html> </div> </div> <div class="flex flex-wrap gap-6 pt-4"> <div class="image_w_text__button my-2"> <a href="/aboutala" 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 about ALA</a> </div> </div> </div> <div class="image_w_text-footer"> </div> </div> </div> </div> </div> <div class="paragraph paragraph--type--info-card paragraph--view-mode--default"> <div class="breakout px-5 py-[50px] bg-mainColor overflow-hidden"> <div class="info_card mx-auto max-w-[1420px]"> <div class="info_card__header split flex justify-between sm:items-end flex-row gap-2 border-b-4 py-4 border-white border-opacity-10"$> <h4 class="info_card__header_title section-header !border-b-0 !py-0 !mb-0"> Get Involved </h4> </div> <div class="info_card__cards m-auto relative"> <div class="wrapper relative grid items-stretch sm:grid-cols-2 gap-x-4"> <div class="card flex flex-col gap-4 font-bitter my-8 bg-white relative lg:min-h-[435px] swiper-slide"> <div class="card__image full-width-image mb-4"> <a href="/membership" aria-label="view more"> <img loading="lazy" src="/sites/default/files/styles/card_image_700x372/public/2024-03/Info%20Card%202x%20Grid%20become%20a%20member.jpg.webp?itok=QxckfQyt" width="700" height="372" alt="ALA members" class="image-style-card-image-700x372" /> </a> </div> <div class="card__content flex flex-col gap-4 lg:gap-5 px-[29px] lg:px-10 lg:pb-[14px]"> <div class="card__content_title flex-1 text-mainBlack font-medium text-3xl border-l-4 border-secondaryColor px-[14px] px-4"> <a class="text-mainBlack" href="/membership">Become a member</a> </div> <div class="card__content_body font-urw md:min-h-[6rem]"> <!DOCTYPE html> <html><body><p>ALA is the largest membership association in the library industry. It's a community of people working together to ensure that libraries remain vital centers of literacy, access, and opportunity.</p> </body></html> </div> </div> <div class="card__footer flex items-center justify-between mt-auto w-full"> <div class="card__footer_link bg-secondaryColor flex justify-center items-center ml-auto"> <a class="flex h-[60px] w-[60px] justify-center items-center" href="/membership" aria-label="read more"> <img class="w-[10px] h-[14px] max-w-[10px]" src="/themes/custom/ala/assets/images/icons/button-arrow-right.png" alt="arrow right" aria-hidden="true"/> </a> </div> </div> </div> <div class="card flex flex-col gap-4 font-bitter my-8 bg-white relative lg:min-h-[435px] swiper-slide"> <div class="card__image full-width-image mb-4"> <a href="/give-ala-development-office" aria-label="view more"> <img loading="lazy" src="/sites/default/files/styles/card_image_700x372/public/2024-04/wAxsopCZ_ZE6oqH1f6jTNOB7NVd8RtCdFnrJ8THaMKg.jpg.webp?itok=l0jt73vb" width="700" height="372" alt="Papa reads to baby in Lakeland, OH" class="image-style-card-image-700x372" /> </a> </div> <div class="card__content flex flex-col gap-4 lg:gap-5 px-[29px] lg:px-10 lg:pb-[14px]"> <div class="card__content_title flex-1 text-mainBlack font-medium text-3xl border-l-4 border-secondaryColor px-[14px] px-4"> <a class="text-mainBlack" href="/give-ala-development-office">Support Our Mission</a> </div> <div class="card__content_body font-urw md:min-h-[6rem]"> <!DOCTYPE html> <html><body><p>By giving to ALA, you are helping us improve library and information services and the profession of librarianship to ensure access to information for all.</p> </body></html> </div> </div> <div class="card__footer flex items-center justify-between mt-auto w-full"> <div class="card__footer_link bg-secondaryColor flex justify-center items-center ml-auto"> <a class="flex h-[60px] w-[60px] justify-center items-center" href="/give-ala-development-office" aria-label="read more"> <img class="w-[10px] h-[14px] max-w-[10px]" src="/themes/custom/ala/assets/images/icons/button-arrow-right.png" alt="arrow right" aria-hidden="true"/> </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="paragraph paragraph--type--section paragraph--view-mode--default"> <div class="layout layout--onecol"> <div class="layout__region layout__region--content"> <div class="paragraph paragraph--type--info-card paragraph--view-mode--default"> <div class="breakout px-5 py-[50px] bg-white overflow-hidden"> <div class="info_card mx-auto max-w-[1200px]"> <div class="info_card__header text-inherit flex justify-between sm:items-end flex-row gap-2 border-b-4 py-4"$> <h4 class="info_card__header_title section-header !border-b-0 !py-0 !mb-0"> Fight Censorship: Take Action Against Book Bans </h4> <div class="info_card__header_link font-bold action-link"> <a class="inline-flex whitespace-nowrap justify-center" href="/advocacy/bbooks"> Go to Banned Books Home <span class="ml-2 bg-secondaryColor rounded-full"> <img class="fill-secondaryColor w-[28px] h-[28px]" src="/themes/custom/ala/assets/images/svg/arrow-right-neutral.svg" alt="arrow" aria-hidden="true"/> </span> </a> </div> </div> <div class="info_card__cards m-auto relative"> <div class="wrapper relative grid items-stretch md:grid-cols-3 sm:grid-cols-2 gap-x-12"> <div class="card flex flex-col gap-4 font-bitter my-8 bg-white relative lg:min-h-[435px] swiper-slide"> <div class="card__image full-width-image mb-6"> <a href="https://bookresumes.uniteagainstbookbans.org/" aria-label="view more"> <img loading="lazy" src="/sites/default/files/styles/card_image_330x220/public/2024-04/Info%20Card%203x%20Book%20Resumes.jpg.webp?itok=D8Yaqp_i" width="330" height="220" alt="Graphic for Book Resumes from United for Libraries" class="image-style-card-image-330x220" /> </a> </div> <div class="card__content flex flex-col gap-4 px-0 lg:pb-[14px]"> <div class="card__content_title flex-1 text-mainBlack font-medium text-xl border-l-4 border-secondaryColor px-2"> <a class="text-mainBlack" href="https://bookresumes.uniteagainstbookbans.org/">Defend Challenged Books with Book Résumés</a> </div> <div class="card__content_body font-urw md:min-h-[6rem]"> <div class="clearfix text-formatted field field--name-field-body field--type-text-long field--label-hidden field__item"><!DOCTYPE html> <html><body><p>Book Résumés help librarians, parents, and community members defend books from censorship. They detail each title’s significance and educational value and are easy to share with administrators, review committees, and elected officials.<br> </p> <p><a class="read-more" href="https://bookresumes.uniteagainstbookbans.org/">Bookmark this link!</a></p> </body></html> </div> </div> </div> </div> <div class="card flex flex-col gap-4 font-bitter my-8 bg-white relative lg:min-h-[435px] swiper-slide"> <div class="card__image full-width-image mb-6"> <a href="https://www.ala.org/bbooks" aria-label="view more"> <img loading="lazy" src="/sites/default/files/styles/card_image_330x220/public/2024-04/Info%20Card%203x%20top%20ten%20challenged%202023.jpg.webp?itok=IuX4GpfN" width="330" height="220" alt="Graphic - "Freed Between the Lines"" class="image-style-card-image-330x220" /> </a> </div> <div class="card__content flex flex-col gap-4 px-0 lg:pb-[14px]"> <div class="card__content_title flex-1 text-mainBlack font-medium text-xl border-l-4 border-secondaryColor px-2"> <a class="text-mainBlack" href="https://www.ala.org/bbooks">Censorship Data</a> </div> <div class="card__content_body font-urw md:min-h-[6rem]"> <div class="clearfix text-formatted field field--name-field-body field--type-text-long field--label-hidden field__item"><!DOCTYPE html> <html><body><p>ALA compiles data on book challenges from reports filed by library professionals in the field and from news stories published throughout the United States.</p> <p><a class="read-more" href="/advocacy/bbooks/frequentlychallengedbooks/top10">learn more</a></p> </body></html> </div> </div> </div> </div> <div class="card flex flex-col gap-4 font-bitter my-8 bg-white relative lg:min-h-[435px] swiper-slide"> <div class="card__image full-width-image mb-6"> <a href="/tools/challengesupport/share" aria-label="view more"> <img loading="lazy" src="/sites/default/files/styles/card_image_330x220/public/2024-03/Info%20Card%203x%20Censorship%20shield.jpg.webp?itok=d417pCOI" width="330" height="220" alt="Office for Intellectual Freedom Shield logo" class="image-style-card-image-330x220" /> </a> </div> <div class="card__content flex flex-col gap-4 px-0 lg:pb-[14px]"> <div class="card__content_title flex-1 text-mainBlack font-medium text-xl border-l-4 border-secondaryColor px-2"> <a class="text-mainBlack" href="/tools/challengesupport/share">Report Censorship</a> </div> <div class="card__content_body font-urw md:min-h-[6rem]"> <div class="clearfix text-formatted field field--name-field-body field--type-text-long field--label-hidden field__item"><!DOCTYPE html> <html><body><p>Your front line reports help ALA's Office for Intellectual Freedom to stay on top of trends and supply library workers with resources to combat censorship. You can also help get the word out and encourage reporting of book censorship.</p> <p><a class="read-more" href="/tools/challengesupport/share">Report a challenge.</a></p> </body></html> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="paragraph paragraph--type--tab-container paragraph--view-mode--default"> <div class="tab-container breakout"> <div class="w-full lg:container pt-[90px] pb-[52px] lg:px-0"> <h2 id="" class="text-center">Resource Quick Links</h2> <div class="tab-container__tabs-wrapper sm:flex sm:flex-wrap sm:justify-center"> <div class="tab-container__tabs sm:border-b-4 flex flex-col sm:flex-row gap-[11px] sm:gap-[0]" role="tablist"> <button type="button" id="tab-container-trigger-72029-72028" class="tab-container__tab !mb-0 py-3.5 px-6 w-full md:w-auto" role="tab" aria-controls="tab-group-72029-72028">For the Public</button> <button type="button" id="tab-container-trigger-72029-72030" class="tab-container__tab !mb-0 py-3.5 px-6 w-full md:w-auto" role="tab" aria-controls="tab-group-72029-72030">For Librarians</button> <button type="button" id="tab-container-trigger-72029-72031" class="tab-container__tab !mb-0 py-3.5 px-6 w-full md:w-auto" role="tab" aria-controls="tab-group-72029-72031">For the Press</button> <button type="button" id="tab-container-trigger-72029-72032" class="tab-container__tab !mb-0 py-3.5 px-6 w-full md:w-auto" role="tab" aria-controls="tab-group-72029-72032">For ALA Members</button> </div> </div> <div class="tab-container__items-wrapper breakout pt-11 lg:pt-0"> <div class="w-full lg:container px-5 lg:px-0"> <div class="tab-container__items"> <div class="paragraph paragraph--type--tab-group paragraph--view-mode--default"> <div id="tab-group-72029-72028" class="tab-group lg:flex lg:gap-[40px] w-full lg:py-[100px] lg:justify-center" role="tabpanel" aria-labelledby="tab-container-trigger-72029-72028" tabindex="0"> <div class="tab-group__sidebar-section-wrap lg:w-[58%] lg:flex lg:gap-[40px]"> <div class="tab-group__image lg:w-[580px]"> <picture> <source srcset="/sites/default/files/styles/tab_group_main_image_lg/public/2024-04/Tab%20carnegie%20no%20border.jpg.webp?itok=6poL6VsU 1x" media="all and (min-width: 992px)" type="image/webp" width="580" height="420"/> <img loading="lazy" src="/sites/default/files/styles/tab_group_main_image_sm_300x170_fp/public/2024-04/Tab%20carnegie%20no%20border.jpg.webp?itok=beukf3Nm" width="300" height="170" alt="book covers" /> </picture> </div> <div class="tab-group__body pt-5 lg:pt-0 lg:flex lg:flex-col lg:w-[420px]"> <!DOCTYPE html> <html><body><p class="section-header"><strong>Books we recommend</strong></p> <p><a href="/carnegie-medals/2024-winners">The Andrew Carnegie Medals for Excellence in Fiction and Nonfiction</a></p> <p><a href="https://www.booklistonline.com/Booklist-Top-of-the-List/pid=9790389">Booklist Top of the List</a></p> <p><a href="https://www.booklistonline.com/Booklist-Editors-Choice-Adult-Books/pid=9788249">Booklist Editors' Choice: Adult Books</a></p> <p><a href="https://www.booklistonline.com/Booklist-Editors-Choice-Graphic-Novels/pid=9788643">Booklist Editors’ Choice: Graphic Novels</a></p> <p><a href="https://www.booklistonline.com/book-awards"><strong>All book awards via Booklist </strong></a></p> </body></html> </div> </div> <div class="tab-group__side-column pt-6 pb-4 lg:pb-0 lg:pt-0 lg:pl-7 lg:flex lg:flex-col lg:w-[341px]"> <!DOCTYPE html> <html><body><p><strong>You May Also Be Interested In . . .</strong></p> <ul> <li><a href="https://uniteagainstbookbans.org/">Unite Against Book Bans</a></li> <li><a href="/advocacy">Advocate for Libraries</a></li> <li><a href="https://libguides.ala.org/book-donations">How to Donate Books</a></li> <li><a href="https://libguides.ala.org/marketing-to-libraries/basics">Marketing Your Book to Libraries</a></li> <li><a href="/educationcareers/libcareers/become">Become a Librarian</a></li> <li><a href="https://alagraphics-gift-shop.myspreadshop.com/all">Visit the Gift Shop</a></li> </ul> </body></html> </div> </div> </div> <div class="paragraph paragraph--type--tab-group paragraph--view-mode--default"> <div id="tab-group-72029-72030" class="tab-group lg:flex lg:gap-[40px] w-full lg:py-[100px] lg:justify-center" role="tabpanel" aria-labelledby="tab-container-trigger-72029-72030" tabindex="0"> <div class="tab-group__sidebar-section-wrap lg:w-[58%] lg:flex lg:gap-[40px]"> <div class="tab-group__image lg:w-[580px]"> <picture> <source srcset="/sites/default/files/styles/tab_group_main_image_lg/public/2024-04/Tab%20Great%20Stories%20PPO.jpg.webp?itok=MFyemBrJ 1x" media="all and (min-width: 992px)" type="image/webp" width="580" height="420"/> <img loading="lazy" src="/sites/default/files/styles/tab_group_main_image_sm_300x170_fp/public/2024-04/Tab%20Great%20Stories%20PPO.jpg.webp?itok=6m2f6qAR" width="300" height="170" alt="5 students and teacher showing off their collages as part of the Great Stories Club" /> </picture> </div> <div class="tab-group__body pt-5 lg:pt-0 lg:flex lg:flex-col lg:w-[420px]"> <!DOCTYPE html> <html><body><p class="section-header"><strong>Programming Resources</strong></p> <p>The American Library Association (ALA) <strong>Public Programs Office</strong> empowers libraries to create vibrant hubs of learning and connection in communities of all types.</p> <p><a href="/aboutala/offices/ppo"><strong>Learn more about the ALA Public Programs Office </strong></a></p> <p><sub><sup>.</sup></sub></p> <p>ALA's <strong>Programming Librarian</strong> website is a place for library professionals to share, learn, and be inspired to present excellent programming for their communities. </p> <p><a href="https://programminglibrarian.org/"><strong>Browse the Programming Librarian website </strong></a></p> </body></html> </div> </div> <div class="tab-group__side-column pt-6 pb-4 lg:pb-0 lg:pt-0 lg:pl-7 lg:flex lg:flex-col lg:w-[341px]"> <!DOCTYPE html> <html><body><p><strong>More Resources for Librarians</strong></p> <ul> <li><a href="/tools/programming">Programming and Exhibitions Resources</a></li> <li><a href="/tools/librariestransform/libraries-transforming-communities">Transforming Communities</a></li> <li><a href="https://elearning.ala.org/">Online Learning</a></li> <li><a href="/tools/challengesupport">Challenge Support</a></li> <li><a href="https://joblist.ala.org/">JobList</a></li> </ul> </body></html> </div> </div> </div> <div class="paragraph paragraph--type--tab-group paragraph--view-mode--default"> <div id="tab-group-72029-72031" class="tab-group lg:flex lg:gap-[40px] w-full lg:py-[100px] lg:justify-center" role="tabpanel" aria-labelledby="tab-container-trigger-72029-72031" tabindex="0"> <div class="tab-group__sidebar-section-wrap lg:w-[58%] lg:flex lg:gap-[40px]"> <div class="tab-group__image lg:w-[580px]"> <picture> <source srcset="/sites/default/files/styles/tab_group_main_image_lg/public/2024-03/Tab%20container%20News.png.webp?itok=3AhKyHKt 1x" media="all and (min-width: 992px)" type="image/webp" width="580" height="420"/> <img loading="lazy" src="/sites/default/files/styles/tab_group_main_image_sm_300x170_fp/public/2024-03/Tab%20container%20News.png.webp?itok=kXY9MxTS" width="300" height="170" alt="illustration for News, Press, and Media" /> </picture> </div> <div class="tab-group__body pt-5 lg:pt-0 lg:flex lg:flex-col lg:w-[420px]"> <!DOCTYPE html> <html><body><p class="section-header"><strong>News and Press Center</strong></p> <p>For more than 140 years, the American Library Association has been the trusted voice for all libraries, advocating for the profession and the library's role in enhancing learning and ensuring access to information for all. <br><br>Contact the ALA Communications, Marketing, and Media Relations team to learn more about ALA positions and actions and get comprehensive insights into key issues facing libraries nationwide.</p> <p><a href="/news"><strong>Visit the News and Press Center</strong></a></p> </body></html> </div> </div> <div class="tab-group__side-column pt-6 pb-4 lg:pb-0 lg:pt-0 lg:pl-7 lg:flex lg:flex-col lg:w-[341px]"> <!DOCTYPE html> <html><body><p><strong>News and Press Resources</strong></p> <ul> <li><a href="/news/mediapresscenter">Media Contacts</a></li> <li><a href="/news/view-all-news">Press Releases</a></li> <li><a href="/news/mediapresscenter/presskits">Press Kits</a></li> <li><a href="/news/mediapresscenter/presskits/surge-book-challenges-press-kit">Book Censorship Resources for Press</a></li> <li><a href="/news/submitnews">Submit News Items to ALA </a></li> </ul> </body></html> </div> </div> </div> <div class="paragraph paragraph--type--tab-group paragraph--view-mode--default"> <div id="tab-group-72029-72032" class="tab-group lg:flex lg:gap-[40px] w-full lg:py-[100px] lg:justify-center" role="tabpanel" aria-labelledby="tab-container-trigger-72029-72032" tabindex="0"> <div class="tab-group__sidebar-section-wrap lg:w-[58%] lg:flex lg:gap-[40px]"> <div class="tab-group__image lg:w-[580px]"> <picture> <source srcset="/sites/default/files/styles/tab_group_main_image_lg/public/2024-04/Tab%20ALA%20Connect.jpg.webp?itok=ZBsMEiMO 1x" media="all and (min-width: 992px)" type="image/webp" width="580" height="420"/> <img loading="lazy" src="/sites/default/files/styles/tab_group_main_image_sm_300x170_fp/public/2024-04/Tab%20ALA%20Connect.jpg.webp?itok=60ABzs4W" width="300" height="170" alt="ALA Connect logo featuring speech bubbles and the tagline "Engage. Learn. Grow."" /> </picture> </div> <div class="tab-group__body pt-5 lg:pt-0 lg:flex lg:flex-col lg:w-[420px]"> <!DOCTYPE html> <html><body><p class="section-header"><strong>ALA Connect</strong></p> <p>Discussion boards and shared libraries provide collaboration tools connecting more than 50,000 library professionals with a wide variety of interests and specialization is the place to share ideas and make new connections with library workers across the globe.</p> <p><a href="https://connect.ala.org/home"><strong>Complete your profile and grow your online professional network at ALA Connect!</strong></a></p> </body></html> </div> </div> <div class="tab-group__side-column pt-6 pb-4 lg:pb-0 lg:pt-0 lg:pl-7 lg:flex lg:flex-col lg:w-[341px]"> <!DOCTYPE html> <html><body><p><strong>Quick Links for Members</strong></p> <ul> <li><a href="/membership/ala-connect-live-series%20ALA%20Membership%20Office%20Hour">ALA Connect Live! Video Archive </a></li> <li><a href="/membership/new-member-center">Member Center</a></li> <li><a href="/aboutala/committees">Volunteer on a Committee!</a></li> <li><a href="https://live-alaorg.pantheonsite.io/news/connect-with-us">See the whole list of ALA social media channels here</a></li> </ul> </body></html> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="paragraph paragraph--type--section paragraph--view-mode--default"> <div class="layout layout--onecol"> <div class="layout__region layout__region--content"> <div class="paragraph paragraph--type--calendar paragraph--view-mode--default"> <div class="breakout px-12 bg-[#EFF1F3] xl:py-12 overflow-hidden"> <div class="calendar_slider xl:max-w-[1420px] xl:mx-auto"> <div class="calendar_slider__header border-b-4 flex justify-between sm:items-end sm:flex-row flex-col gap-2 py-4 pb-[1.688rem]"> <div class="calender_slider__header__title text-4xl font-medium font-bitter"> <h4 class="field__item mb-0 text-[2.625rem]">Upcoming eLearning Opportunities</h4> </div> <div class="calendar_slider__header_link font-bold"> <h5 class="mb-0 h6"> <a class="text-inherit inline-flex whitespace-nowrap items-center justify-center" href="https://elearning.ala.org/"> See all eLearning <span class="ml-2 p-4 bg-secondaryColor rounded-full"> <img class="h-2" src="/themes/custom/ala/assets/images/icons/button-arrow-right.png" alt="arrow" aria-hidden="true"/> </span> </a> </h5> </div> </div> <div class="calendar-slider-container calendar-slider-swiper wrapper relative swiper"> <div class="swiper-wrapper py-8 lg:pt-12 lg:pb-20"> <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_600686596)"> <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_600686596"> <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/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="https://www.ala.org/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="https://www.ala.org/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_1128350213)"> <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_1128350213"> <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_72819536)"> <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_72819536"> <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_72819536)"> <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_72819536"> <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_1805462795)"> <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_1805462795"> <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_1622816343)"> <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_1622816343"> <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_1622816343)"> <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_1622816343"> <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_2120988768)"> <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_2120988768"> <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_2120988768)"> <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_2120988768"> <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_118916362)"> <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_118916362"> <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/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="/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="/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_1889164672)"> <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_1889164672"> <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/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="/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="/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_1537103970)"> <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_1537103970"> <rect width="11" height="14" fill="white" /> </clipPath> </defs> </svg> </span> </a> </div> </div> </div> </div> </div> <div class="swiper-footer md:flex md:items-center md:h-[64px]"> <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"> <div class="swiper-button-next"></div> <div class="swiper-button-prev"></div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="paragraph paragraph--type--section paragraph--view-mode--default"> <div class="layout layout--onecol"> <div class="layout__region layout__region--content"> <div class="paragraph paragraph--type--calendar paragraph--view-mode--default"> <div class="breakout px-12 bg-[#EFF1F3] xl:py-12 overflow-hidden"> <div class="calendar_slider xl:max-w-[1420px] xl:mx-auto"> <div class="calendar_slider__header border-b-4 flex justify-between sm:items-end sm:flex-row flex-col gap-2 py-4 pb-[1.688rem]"> <div class="calender_slider__header__title text-4xl font-medium font-bitter"> <h4 class="field__item mb-0 text-[2.625rem]">Upcoming Events</h4> </div> <div class="calendar_slider__header_link font-bold"> <h5 class="mb-0 h6"> <a class="text-inherit inline-flex whitespace-nowrap items-center justify-center" href="/conferencesevents"> View all events <span class="ml-2 p-4 bg-secondaryColor rounded-full"> <img class="h-2" src="/themes/custom/ala/assets/images/icons/button-arrow-right.png" alt="arrow" aria-hidden="true"/> </span> </a> </h5> </div> </div> <div class="calendar-slider-container calendar-slider-swiper wrapper relative swiper"> <div class="swiper-wrapper py-8 lg:pt-12 lg:pb-20"> <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/acrl-2025-conference" aria-label="view more"> <div class="field field--name-field-thumbnail-image field--type-entity-reference field--label-hidden field__item"> <img loading="lazy" src="/sites/default/files/styles/slider_460x260_fp/public/2024-11/acrl2025-thumbnail2.png.webp?itok=iNzf9Maz" width="460" height="260" alt="ACRL 2025 Conference April 2-5 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"> 02 </div> <div class="calendar_startdate__month uppercase text-sm text-center text-white bg-mainColor"> Apr </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"> 05 </div> <div class="calendar_enddate__month uppercase text-sm text-center text-white bg-mainColor"> Apr </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/acrl-2025-conference" aria-label="view more"><span class="field field--name-title field--type-string field--label-hidden">ACRL 2025 Conference</span> </a> </div> <div class="calender_slider_item__body__description h-max my-2"> <div class="clearfix text-formatted field field--name-field-event-description field--type-text-with-summary field--label-hidden field__item"> <!DOCTYPE html> <html><body><p>ACRL 2025 features more 500 carefully curated programs designed to meet the needs of the academic and research library</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">Minneapolis, MN</p> </div> <div class="calender_slider_item__footer__linkb bg-secondaryColor flex justify-center items-center ml-auto"> <a class="contents" href="/events/acrl-2025-conference" aria-label="view more"> <span class="p-6"> <svg role="img" xmlns="http://www.w3.org/2000/svg" width="11" height="14" viewBox="0 0 11 14" fill="none" aria-hidden="true"> <g clip-path="url(#clip0_369_2469_1511109989)"> <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_1511109989"> <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/2025-aasl-national-conference" aria-label="view more"> <div class="field field--name-field-thumbnail-image field--type-entity-reference field--label-hidden field__item"> <img loading="lazy" src="/sites/default/files/styles/slider_460x260_fp/public/2024-04/AASL25_Calendar.png.webp?itok=0i6aKp7Z" width="460" height="260" alt="2025 AASL National Conference Calendar Header/Thumbnail" 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"> 16 </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 class="calendar_enddate__day border-1 border-2 border-secondaryColor text-3xl font-medium pt-2 text-center"> 18 </div> <div class="calendar_enddate__month uppercase text-sm text-center text-white bg-mainColor"> Oct </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/2025-aasl-national-conference" aria-label="view more"><span class="field field--name-title field--type-string field--label-hidden">2025 AASL National Conference</span> </a> </div> <div class="calender_slider_item__body__description h-max my-2"> <div class="clearfix text-formatted field field--name-field-event-description field--type-text-with-summary field--label-hidden field__item"> <!DOCTYPE html> <html><body><p>The AASL National Conference is the only national conference dedicated solely to school librarians and their unique role</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">St. Louis, Missouri</p> </div> <div class="calender_slider_item__footer__linkb bg-secondaryColor flex justify-center items-center ml-auto"> <a class="contents" href="/events/2025-aasl-national-conference" aria-label="view more"> <span class="p-6"> <svg role="img" xmlns="http://www.w3.org/2000/svg" width="11" height="14" viewBox="0 0 11 14" fill="none" aria-hidden="true"> <g clip-path="url(#clip0_369_2469_1045103270)"> <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_1045103270"> <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/election-day" 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/Calendar%20Slider%20-%20Correct%20Size%20%281%29.png.webp?itok=mCnDBO5i" width="460" height="260" alt="Students participating in a mock election with Election Day written in white" 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"> 07 </div> <div class="calendar_startdate__month uppercase text-sm text-center text-white bg-mainColor"> Nov </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/election-day" aria-label="view more"><span class="field field--name-title field--type-string field--label-hidden">Election Day</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 information about Election Day with learners in your school library.</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/election-day" 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_1341335935)"> <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_1341335935"> <rect width="11" height="14" fill="white" /> </clipPath> </defs> </svg> </span> </a> </div> </div> </div> </div> </div> <div class="swiper-footer md:flex md:items-center md:h-[64px]"> <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"> <div class="swiper-button-next"></div> <div class="swiper-button-prev"></div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="paragraph paragraph--type--section paragraph--view-mode--default"> <div class="layout layout--twocol-section layout--twocol-section--50-50 !my-12"> <div class="layout__region layout__region--first"> <div class="paragraph paragraph--type--custom-links paragraph--view-mode--default"> <div class="taxonomy-list max-w-[960px] mx-auto py-6 lg:py-10 px-5 lg:px-0 w-full"> <h2 class="h2 taxonomy-list__title border-b-4">News Around ALA</h2> <div class="taxonomy-list__items flex flex-col gap-10 mb-4 lg:mb-8"> <div class="paragraph paragraph--type--custom-reference paragraph--view-mode--list-item"> <div class="content-list-item items-center flex gap-4 lg:gap-10"> <div class="content-list-item__image-wrapper self-start max-w-[150px] lg:max-w-[214px] w-full"> <picture> <source srcset="/sites/default/files/styles/tab_group_main_image_lg/public/2024-10/custom%20links%20300%20x%20220%20ALA%20News%201.jpg.webp?itok=hvxFIPJx 1x" media="all and (min-width: 992px)" type="image/webp" width="580" height="420"/> <img loading="lazy" src="/sites/default/files/styles/tab_group_main_image_sm_300x170_fp/public/2024-10/custom%20links%20300%20x%20220%20ALA%20News%201.jpg.webp?itok=HQi9cL4Y" width="300" height="170" alt="ALA News and Press Center " /> </picture> </div> <div class="content-list-item__content-wrapper grow max-w-[50%] lg:max-w-[74%] w-full"> <h3 class="content-list-item__title hover:underline normal-case mb-2 text-xl"> <a class="content-list-item__link text-inherit" href="https://www.ala.org/news">See all ALA News at the ALA News and Press Center</a> </h3> <div class="content-list-item__summary"> Stay updated on ALA's latest news, events, and initiatives in libraries nationwide. Your go-to source for library innovation and impact. </div> </div> </div> </div> <div class="paragraph paragraph--type--custom-reference paragraph--view-mode--list-item"> <div class="content-list-item items-center flex gap-4 lg:gap-10"> <div class="content-list-item__image-wrapper self-start max-w-[150px] lg:max-w-[214px] w-full"> <picture> <source srcset="/sites/default/files/styles/tab_group_main_image_lg/public/2024-11/custom%20links%20ALA%20and%20ford.jpg.webp?itok=Upn-J8_1 1x" media="all and (min-width: 992px)" type="image/webp" width="580" height="420"/> <img loading="lazy" src="/sites/default/files/styles/tab_group_main_image_sm_300x170_fp/public/2024-11/custom%20links%20ALA%20and%20ford.jpg.webp?itok=tVrX28yQ" width="300" height="170" alt="ALA and Ford Foundation logos" /> </picture> </div> <div class="content-list-item__content-wrapper grow max-w-[50%] lg:max-w-[74%] w-full"> <h3 class="content-list-item__title hover:underline normal-case mb-2 text-xl"> <a class="content-list-item__link text-inherit" href="https://www.ala.org/news/2024/10/funding-ford-foundation-ala-announces-community-catalysts-libraries-leaders-bridging">With Funding from the Ford Foundation, ALA Announces Community Catalysts: Libra…</a> </h3> <div class="content-list-item__summary"> As part of the project, ALA will offer a free e-course and comprehensive guide to help library workers lead community conversations on polarizing issues with the goal of bridging divides in their communities. </div> </div> </div> </div> <div class="paragraph paragraph--type--custom-reference paragraph--view-mode--list-item"> <div class="content-list-item items-center flex gap-4 lg:gap-10"> <div class="content-list-item__image-wrapper self-start max-w-[150px] lg:max-w-[214px] w-full"> <picture> <source srcset="/sites/default/files/styles/tab_group_main_image_lg/public/2024-11/custom%20links%20long%20list.jpg.webp?itok=cf0h1sGy 1x" media="all and (min-width: 992px)" type="image/webp" width="580" height="420"/> <img loading="lazy" src="/sites/default/files/styles/tab_group_main_image_sm_300x170_fp/public/2024-11/custom%20links%20long%20list.jpg.webp?itok=lk8DBeRt" width="300" height="170" alt="graphic featuring Carnegie signature and medals" /> </picture> </div> <div class="content-list-item__content-wrapper grow max-w-[50%] lg:max-w-[74%] w-full"> <h3 class="content-list-item__title hover:underline normal-case mb-2 text-xl"> <a class="content-list-item__link text-inherit" href="https://www.ala.org/news/2024/10/longlist-2025-andrew-carnegie-medals-excellence-fiction-and-nonfiction-announced">Longlist for 2025 Andrew Carnegie Medals for Excellence in Fiction and Nonficti…</a> </h3> <div class="content-list-item__summary"> A total of 46 books (23 fiction, 23 nonfiction) has been selected for the longlist for the 2025 Andrew Carnegie Medals for Excellence in Fiction and Nonfiction. The list is now available on the awards’ website. </div> </div> </div> </div> <div class="paragraph paragraph--type--custom-reference paragraph--view-mode--list-item"> <div class="content-list-item items-center flex gap-4 lg:gap-10"> <div class="content-list-item__image-wrapper self-start max-w-[150px] lg:max-w-[214px] w-full"> <picture> <source srcset="/sites/default/files/styles/tab_group_main_image_lg/public/pla/content/about/partners/plapartnerlogos/Penguin_Random_House_HigRes_200x108.png.webp?itok=N25ihKX4 1x" media="all and (min-width: 992px)" type="image/webp" width="580" height="420"/> <img loading="lazy" src="/sites/default/files/styles/tab_group_main_image_sm_300x170_fp/public/pla/content/about/partners/plapartnerlogos/Penguin_Random_House_HigRes_200x108.png.webp?itok=NdKqEcv5" width="300" height="170" alt="Penguin_Random_House_HigRes_200x108.png" title="Penguin_Random_House_HigRes_200x108.png" /> </picture> </div> <div class="content-list-item__content-wrapper grow max-w-[50%] lg:max-w-[74%] w-full"> <h3 class="content-list-item__title hover:underline normal-case mb-2 text-xl"> <a class="content-list-item__link text-inherit" href="https://www.ala.org/news/2024/10/penguin-random-house-and-united-libraries-announce-new-grant-program">Penguin Random House and United for Libraries Announce New Grant Program</a> </h3> <div class="content-list-item__summary"> Grants of $500 and $1,000 (totaling $25,000), will be awarded to assist Friends of Library groups, or nonprofit groups that support and fundraise for libraries in their communities, with priority projects. </div> </div> </div> </div> </div> </div> </div> </div> <div class="layout__region layout__region--second"> <div class="paragraph paragraph--type--rss paragraph--view-mode--default"> <div class="rss w-full my-9 xl:my-[3.125rem] px-[1.25rem] lg:px-0"> <div class="border-l-[5px] border-solid border-[#B8C7EB] pl-3.5 mb-4"> <p class="font-bitter text-2xl text-[#101828] font-semibold">Featured Jobs | ALA JobLIST</p> </div> <div class="font-urw text-base lg:pl-[1.188rem]"> <div class="pt-3 pb-3 border-b border-solid border-[rgba(20,54,136,0.1)]"> <a class="text-[#101828] underline hover:no-underline" href=https://joblist.ala.org/job/head-of-digital-scholarship-services/75851595/ target="_blank" rel="noreferrer noopener" > Head of Digital Scholarship Services - Binghamton University - Binghamton, NY </a> <span class="no-underline ml-2">1 week ago</span> </div> <div class="pt-3 pb-3 border-b border-solid border-[rgba(20,54,136,0.1)]"> <a class="text-[#101828] underline hover:no-underline" href=https://joblist.ala.org/job/access-services-manager/75823938/ target="_blank" rel="noreferrer noopener" > Access Services Manager - Las Vegas-Clark County Library District - Las Vegas, NV </a> <span class="no-underline ml-2">1 week ago</span> </div> <div class="pt-3 pb-3 border-b border-solid border-[rgba(20,54,136,0.1)]"> <a class="text-[#101828] underline hover:no-underline" href=https://joblist.ala.org/job/digital-strategies-and-systems-librarian/75823535/ target="_blank" rel="noreferrer noopener" > Digital Strategies and Systems Librarian - Winthrop University, Dacus Library - Rock Hill, SC </a> <span class="no-underline ml-2">2 weeks ago</span> </div> <div class="pt-3 pb-3 border-b border-solid border-[rgba(20,54,136,0.1)]"> <a class="text-[#101828] underline hover:no-underline" href=https://joblist.ala.org/job/metadata-and-discovery-librarian/75823346/ target="_blank" rel="noreferrer noopener" > Metadata and Discovery Librarian - Winthrop University, Dacus Library - Rock Hill, SC </a> <span class="no-underline ml-2">2 weeks ago</span> </div> <div class="pt-3 pb-3 border-b border-solid border-[rgba(20,54,136,0.1)]"> <a class="text-[#101828] underline hover:no-underline" href=https://joblist.ala.org/job/safety-security-coordinator/75822454/ target="_blank" rel="noreferrer noopener" > Safety & Security Coordinator - City of Tacoma - Tacoma, WA </a> <span class="no-underline ml-2">2 weeks ago</span> </div> <div class="pt-3 pb-3 border-b border-solid border-[rgba(20,54,136,0.1)]"> <a class="text-[#101828] underline hover:no-underline" href=https://joblist.ala.org/job/library-director/75810202/ target="_blank" rel="noreferrer noopener" > Library Director - Mobile Public Library (AL) - Mobile, AL </a> <span class="no-underline ml-2">2 weeks ago</span> </div> <div class="pt-3 pb-3 border-b border-solid border-[rgba(20,54,136,0.1)]"> <a class="text-[#101828] underline hover:no-underline" href=https://joblist.ala.org/job/assistantassociate-professor-of-library-science-and-founding-director/75714841/ target="_blank" rel="noreferrer noopener" > Assistant/Associate Professor of Library Science and Founding Director - Marshall University - Huntington, WV </a> <span class="no-underline ml-2">3 weeks ago</span> </div> <div class="pt-3 pb-3 border-b border-solid border-[rgba(20,54,136,0.1)]"> <a class="text-[#101828] underline hover:no-underline" href=https://joblist.ala.org/job/deputy-director-county-library/75297341/ target="_blank" rel="noreferrer noopener" > Deputy Director, County Library - County of San Diego - San Diego, CA </a> <span class="no-underline ml-2">4 weeks ago</span> </div> <div class="pt-3 pb-3 border-b border-solid border-[rgba(20,54,136,0.1)]"> <a class="text-[#101828] underline hover:no-underline" href=https://joblist.ala.org/job/learning-development-design-librarian/75657974/ target="_blank" rel="noreferrer noopener" > Learning Development & Design Librarian - University of Colorado Boulder Libraries - Boulder, CO </a> <span class="no-underline ml-2">4 weeks ago</span> </div> <div class="pt-3 pb-3 border-b border-solid border-[rgba(20,54,136,0.1)]"> <a class="text-[#101828] underline hover:no-underline" href=https://joblist.ala.org/job/social-sciences-librarian-assistant-or-associate-professor/75641642/ target="_blank" rel="noreferrer noopener" > Social Sciences Librarian (Assistant or Associate Professor) - UNIVERSITY OF NEW HAMPSHIRE - Durham, NH </a> <span class="no-underline ml-2">4 weeks ago</span> </div> <div class="pt-3 pb-3 border-b border-solid border-[rgba(20,54,136,0.1)]"> <a class="text-[#101828] underline hover:no-underline" href=https://joblist.ala.org/job/head-of-area-studies/75621758/ target="_blank" rel="noreferrer noopener" > Head of Area Studies - Ohio State University Libraries - Columbus, OH </a> <span class="no-underline ml-2">1 month ago</span> </div> <div class="pt-3 action-link"> <a href="https://joblist.ala.org/" class="inline-block text-[13px] font-urw font-bold" target="_blank" rel="noreferrer noopener">Go to JobLIST</a> </div> </div> </div> </div> <div class="paragraph paragraph--type--text paragraph--view-mode--default"> <div class="xl:max-w-[940px] mx-auto my-[3.75rem] xl:my-[3.125rem] px-5 xl:px-0 text-formatted"> <h2 class="mb-[1.875rem]"></h2> <!DOCTYPE html> <html><body><p><strong>Job Opportunities at ALA!</strong></p> <p><a href="https://recruiting.ultipro.com/AME1043ALA/JobBoard/dfe6e811-9bc3-4dec-9055-a545370be9fa/OpportunityDetail?opportunityId=e1f06a2c-b74b-46e2-830e-b201f0078dc9">Program Coordinator, Community Engagement, </a>Office for Diversity, Literacy, and Outreach Services (ODLOS)</p> <p><a href="https://recruiting.ultipro.com/AME1043ALA/JobBoard/dfe6e811-9bc3-4dec-9055-a545370be9fa/OpportunityDetail?opportunityId=5ab1a195-cbc8-44b5-be61-20022f8f10d2">Editorial Assistant,</a> Booklist Publications</p> <p><a href="https://recruiting.ultipro.com/AME1043ALA/JobBoard/dfe6e811-9bc3-4dec-9055-a545370be9fa/OpportunityDetail?opportunityId=00720a60-9128-4000-99f8-051dd3c3488d">Executive Director,</a> Association of College and Research Libraries (ACRL)</p> <p> </p> <p><a class="read-more" href="https://recruiting.ultipro.com/AME1043ALA/JobBoard/dfe6e811-9bc3-4dec-9055-a545370be9fa/?q=&o=postedDateDesc">see all ALA Jobs</a></p> </body></html> </div> </div> </div> </div> </div> <div class="paragraph paragraph--type--section paragraph--view-mode--default"> <div class="layout layout--onecol"> <div class="layout__region layout__region--content"> <div class="paragraph paragraph--type--tab-container paragraph--view-mode--default"> <div class="tab-container breakout"> <div class="w-full lg:container pt-[90px] pb-[52px] lg:px-0"> <h2 id="" class="text-center">Awards, Grants, and Scholarships</h2> <div class="tab-container__tabs-wrapper sm:flex sm:flex-wrap sm:justify-center"> <div class="tab-container__tabs sm:border-b-4 flex flex-col sm:flex-row gap-[11px] sm:gap-[0]" role="tablist"> <button type="button" id="tab-container-trigger-72129-72126" class="tab-container__tab !mb-0 py-3.5 px-6 w-full md:w-auto" role="tab" aria-controls="tab-group-72129-72126">Awards</button> <button type="button" id="tab-container-trigger-72129-72127" class="tab-container__tab !mb-0 py-3.5 px-6 w-full md:w-auto" role="tab" aria-controls="tab-group-72129-72127">Grants</button> <button type="button" id="tab-container-trigger-72129-72128" class="tab-container__tab !mb-0 py-3.5 px-6 w-full md:w-auto" role="tab" aria-controls="tab-group-72129-72128">Scholarships</button> </div> </div> <div class="tab-container__items-wrapper breakout pt-11 lg:pt-0"> <div class="w-full lg:container px-5 lg:px-0"> <div class="tab-container__items"> <div class="paragraph paragraph--type--tab-group paragraph--view-mode--default"> <div id="tab-group-72129-72126" class="tab-group lg:flex lg:gap-[40px] w-full lg:py-[100px] lg:justify-center" role="tabpanel" aria-labelledby="tab-container-trigger-72129-72126" tabindex="0"> <div class="tab-group__sidebar-section-wrap lg:w-[58%] lg:flex lg:gap-[40px]"> <div class="tab-group__image lg:w-[580px]"> <picture> <source srcset="/sites/default/files/styles/tab_group_main_image_lg/public/2024-04/Tab%20container%20youth%20media%20awards.jpg.webp?itok=72asQ_-- 1x" media="all and (min-width: 992px)" type="image/webp" width="580" height="420"/> <img loading="lazy" src="/sites/default/files/styles/tab_group_main_image_sm_300x170_fp/public/2024-04/Tab%20container%20youth%20media%20awards.jpg.webp?itok=ijxLQF7z" width="300" height="170" alt="Winners display their books at the 2023 Youth Media Awards" /> </picture> </div> <div class="tab-group__body pt-5 lg:pt-0 lg:flex lg:flex-col lg:w-[420px]"> <!DOCTYPE html> <html><body><p class="section-header">ALA Awards</p> <p>From captivating storytelling to groundbreaking research, the ALA Awards program showcases the best in literature and media.</p> <p><a href="/awards/books-media"><strong>Visit the Book and Media Awards home page</strong></a></p> <p>ALA Professional Recognition Awards honor individuals and institutions that have made significant contributions to the advancement of library science and services.</p> <p><a href="/awards/professional-recognition"><strong>Visit the Professional Recognition Awards home page</strong></a></p> </body></html> </div> </div> <div class="tab-group__side-column pt-6 pb-4 lg:pb-0 lg:pt-0 lg:pl-7 lg:flex lg:flex-col lg:w-[341px]"> <!DOCTYPE html> <html><body><p><strong>Quick Links</strong></p> <ul> <li><a href="https://shorturl.at/izHQS">2024 Youth Media Awards</a></li> <li><a href="/awards/professional-recognition/view-all-professional-recognition">Search Professional Recognition Categories</a></li> <li><a href="https://alastore.ala.org/search/store/product-type/award-seals">Purchase Award seals </a></li> <li><a href="https://live-alaorg.pantheonsite.io/awards/recommended-books-and-media">"Best of" Recommended Book and Media Lists</a></li> </ul> </body></html> </div> </div> </div> <div class="paragraph paragraph--type--tab-group paragraph--view-mode--default"> <div id="tab-group-72129-72127" class="tab-group lg:flex lg:gap-[40px] w-full lg:py-[100px] lg:justify-center" role="tabpanel" aria-labelledby="tab-container-trigger-72129-72127" tabindex="0"> <div class="tab-group__sidebar-section-wrap lg:w-[58%] lg:flex lg:gap-[40px]"> <div class="tab-group__image lg:w-[580px]"> <picture> <source srcset="/sites/default/files/styles/tab_group_main_image_lg/public/2024-04/Tab%20research%20grant.jpg.webp?itok=f6wVIME4 1x" media="all and (min-width: 992px)" type="image/webp" width="580" height="420"/> <img loading="lazy" src="/sites/default/files/styles/tab_group_main_image_sm_300x170_fp/public/2024-04/Tab%20research%20grant.jpg.webp?itok=I4PicA_h" width="300" height="170" alt="A photo of a woman working in a library" /> </picture> </div> <div class="tab-group__body pt-5 lg:pt-0 lg:flex lg:flex-col lg:w-[420px]"> <!DOCTYPE html> <html><body><p class="section-header">ALA Grants</p> <p>ALA Grants invest in the future of libraries and librarianship through the funding of programming, research, and professional development. Grants may be offered to support the planning and implementation of programs, to promote research in library and information sciences, to assist with conference and travel fees, and more.</p> <p><a href="/grants"><strong>Visit the ALA Grants home page</strong></a></p> </body></html> </div> </div> <div class="tab-group__side-column pt-6 pb-4 lg:pb-0 lg:pt-0 lg:pl-7 lg:flex lg:flex-col lg:w-[341px]"> <!DOCTYPE html> <html><body><p><strong>Quick Links</strong></p> <ul> <li><a href="/grants/view-all-grants">Search All ALA Grants</a></li> <li><a href="https://alastore.ala.org/search/store?search_api_fulltext=grant">Grant-writing resources</a></li> </ul> </body></html> </div> </div> </div> <div class="paragraph paragraph--type--tab-group paragraph--view-mode--default"> <div id="tab-group-72129-72128" class="tab-group lg:flex lg:gap-[40px] w-full lg:py-[100px] lg:justify-center" role="tabpanel" aria-labelledby="tab-container-trigger-72129-72128" tabindex="0"> <div class="tab-group__sidebar-section-wrap lg:w-[58%] lg:flex lg:gap-[40px]"> <div class="tab-group__image lg:w-[580px]"> <picture> <source srcset="/sites/default/files/styles/tab_group_main_image_lg/public/2024-04/Tab%20Scholarships.jpg.webp?itok=w2JgLNlu 1x" media="all and (min-width: 992px)" type="image/webp" width="580" height="420"/> <img loading="lazy" src="/sites/default/files/styles/tab_group_main_image_sm_300x170_fp/public/2024-04/Tab%20Scholarships.jpg.webp?itok=3BTdhmgM" width="300" height="170" alt="ALA Scholarship Program logo with university building" /> </picture> </div> <div class="tab-group__body pt-5 lg:pt-0 lg:flex lg:flex-col lg:w-[420px]"> <!DOCTYPE html> <html><body><p class="section-header">ALA Scholarships</p> <p>The American Library Association and its units provide more than $300,000 annually for study in a master's degree in library and information studies from an ALA-accredited program, or for a master's degree with a specialty in school librarianship that meets the ALA curriculum guidelines for a CAEP-accredited unit.</p> <p>The scholarship process is open annually from September 1st - March 1st. </p> <p><a href="/educationcareers/scholarships"><strong>Go to ALA Scholarships Home</strong></a></p> </body></html> </div> </div> <div class="tab-group__side-column pt-6 pb-4 lg:pb-0 lg:pt-0 lg:pl-7 lg:flex lg:flex-col lg:w-[341px]"> <!DOCTYPE html> <html><body><p><strong>ALA Scholarships Links</strong></p> <ul type="circle"> <li><a href="/educationcareers/scholarships">ALA Scholarships home</a></li> <li><a href="/scholarships/view-all-scholarships">See all scholarships</a></li> <li><a href="/cfapps/scholarships">Online application</a></li> </ul> </body></html> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="paragraph paragraph--type--section paragraph--view-mode--default"> <div class="layout layout--onecol"> <div class="layout__region layout__region--content"> <div class="paragraph paragraph--type--info-card paragraph--view-mode--default"> <div class="breakout px-5 py-[50px] bg-secondaryGrey overflow-hidden"> <div class="info_card mx-auto max-w-[1420px]"> <div class="info_card__header text-inherit flex justify-between sm:items-end flex-row gap-2 border-b-4 py-4"$> <h4 class="info_card__header_title section-header !border-b-0 !py-0 !mb-0"> Shop ALA </h4> <div class="info_card__header_link font-bold action-link"> <a class="inline-flex whitespace-nowrap justify-center" href="https://alastore.ala.org"> Browse the ALA Store <span class="ml-2 bg-secondaryColor rounded-full"> <img class="fill-secondaryColor w-[28px] h-[28px]" src="/themes/custom/ala/assets/images/svg/arrow-right-neutral.svg" alt="arrow" aria-hidden="true"/> </span> </a> </div> </div> <div class="info_card__cards m-auto relative"> <div class="info_card__slider wrapper relative swipper"> <div class="swiper-wrapper grid items-stretch info_card--slider-init lg:grid-cols-4 md:grid-cols-3 sm:grid-cols-2 sm:gap-x-4"> <div class="card flex flex-col gap-4 font-bitter my-8 bg-white relative lg:min-h-[435px] swiper-slide"> <div class="card__image min-h-[290px] flex items-center mx-auto px-10 pt-[30px] mb-6"> <a href="https://alastore.ala.org/underserved" aria-label="view more"> <img loading="lazy" src="/sites/default/files/styles/card_vertical_image/public/2024-11/Bomhold%20with%20afterword%201200.jpg.webp?itok=Iq3wLwPS" width="182" height="260" alt="Book cover" class="image-style-card-vertical-image" /> </a> </div> <div class="card__content flex flex-col gap-2 px-10 pb-3 lg:pb-[14px]"> <div class="card__content_title flex-1 text-mainBlack font-medium text-lg"> <a class="text-mainBlack" href="https://alastore.ala.org/underserved">Serving the Underserved: Strategies for Inclusive Community Engagement</a> </div> <div class="card__content_body font-urw md:min-h-[6rem]"> <div class="clearfix text-formatted field field--name-field-body field--type-text-long field--label-hidden field__item"><!DOCTYPE html> <html><body><p>Underserved populations frequently do not have access to a library—or they may even be unaware that they have an information need. How can we as a profession effectively reach them? </p> </body></html> </div> </div> </div> <div class="card__footer flex items-center justify-between mt-auto w-full"> <div class="card__footer_price text-mainColor px-4"> <div class="field field--name-field-price field--type-string field--label-visually_hidden"> <div class="field__label visually-hidden">Price</div> <div class="field__item">$64.99</div> </div> </div> <div class="card__footer_link bg-secondaryColor flex justify-center items-center ml-auto"> <a class="flex h-[60px] w-[60px] justify-center items-center" href="https://alastore.ala.org/underserved" aria-label="read more"> <img class="w-[10px] h-[14px] max-w-[10px]" src="/themes/custom/ala/assets/images/icons/button-arrow-right.png" alt="arrow right" aria-hidden="true"/> </a> </div> </div> </div> <div class="card flex flex-col gap-4 font-bitter my-8 bg-white relative lg:min-h-[435px] swiper-slide"> <div class="card__image min-h-[290px] flex items-center mx-auto px-10 pt-[30px] mb-6"> <a href="https://alagraphics-gift-shop.myspreadshop.com/vintage+ala+pencil-A66fdc8379d21493a145b7b9e?productType=2346&sellable=bNdndZRweVh3xwR7eqwy-2346-33&appearance=1171&size=29" aria-label="view more"> <img loading="lazy" src="/sites/default/files/styles/card_vertical_image/public/2024-11/1982s-national-library-week-theme-tote%20bag.jpg.webp?itok=Cdk-h_dw" width="151" height="260" alt="tote bag with vintage pencil design from 1982" class="image-style-card-vertical-image" /> </a> </div> <div class="card__content flex flex-col gap-2 px-10 pb-3 lg:pb-[14px]"> <div class="card__content_title flex-1 text-mainBlack font-medium text-lg"> <a class="text-mainBlack" href="https://alagraphics-gift-shop.myspreadshop.com/vintage+ala+pencil-A66fdc8379d21493a145b7b9e?productType=2346&sellable=bNdndZRweVh3xwR7eqwy-2346-33&appearance=1171&size=29">Vintage ALA: Pencil Recycled Tote Bag</a> </div> <div class="card__content_body font-urw md:min-h-[6rem]"> <div class="clearfix text-formatted field field--name-field-body field--type-text-long field--label-hidden field__item"><!DOCTYPE html> <html><body><p>Visit the Graphics Gift Shop for all-new Vintage ALA items--t-shirts, hoodies, tote bags, pencil pouches, stickers, and more!</p> </body></html> </div> </div> </div> <div class="card__footer flex items-center justify-between mt-auto w-full"> <div class="card__footer_price text-mainColor px-4"> <div class="field field--name-field-price field--type-string field--label-visually_hidden"> <div class="field__label visually-hidden">Price</div> <div class="field__item">$20.49</div> </div> </div> <div class="card__footer_link bg-secondaryColor flex justify-center items-center ml-auto"> <a class="flex h-[60px] w-[60px] justify-center items-center" href="https://alagraphics-gift-shop.myspreadshop.com/vintage+ala+pencil-A66fdc8379d21493a145b7b9e?productType=2346&sellable=bNdndZRweVh3xwR7eqwy-2346-33&appearance=1171&size=29" aria-label="read more"> <img class="w-[10px] h-[14px] max-w-[10px]" src="/themes/custom/ala/assets/images/icons/button-arrow-right.png" alt="arrow right" aria-hidden="true"/> </a> </div> </div> </div> <div class="card flex flex-col gap-4 font-bitter my-8 bg-white relative lg:min-h-[435px] swiper-slide"> <div class="card__image min-h-[290px] flex items-center mx-auto px-10 pt-[30px] mb-6"> <a href="https://alastore.ala.org/LOCcrm" aria-label="view more"> <img loading="lazy" src="/sites/default/files/styles/card_vertical_image/public/2024-11/LOC_Civil%20Rights%20Movement_1200.jpg.webp?itok=WKV5KJPR" width="195" height="252" alt="book cover" class="image-style-card-vertical-image" /> </a> </div> <div class="card__content flex flex-col gap-2 px-10 pb-3 lg:pb-[14px]"> <div class="card__content_title flex-1 text-mainBlack font-medium text-lg"> <a class="text-mainBlack" href="https://alastore.ala.org/LOCcrm">The Civil Rights Movement (Discover and Learn with the Library of Congress series)</a> </div> <div class="card__content_body font-urw md:min-h-[6rem]"> <div class="clearfix text-formatted field field--name-field-body field--type-text-long field--label-hidden field__item"><!DOCTYPE html> <html><body><p>Designed to support state curricula and teaching standards, this full-color book combines facsimiles of primary sources from the Library of Congress's unparalleled collections with teaching strategies and mroe resources.</p> </body></html> </div> </div> </div> <div class="card__footer flex items-center justify-between mt-auto w-full"> <div class="card__footer_price text-mainColor px-4"> <div class="field field--name-field-price field--type-string field--label-visually_hidden"> <div class="field__label visually-hidden">Price</div> <div class="field__item">$19.99</div> </div> </div> <div class="card__footer_link bg-secondaryColor flex justify-center items-center ml-auto"> <a class="flex h-[60px] w-[60px] justify-center items-center" href="https://alastore.ala.org/LOCcrm" aria-label="read more"> <img class="w-[10px] h-[14px] max-w-[10px]" src="/themes/custom/ala/assets/images/icons/button-arrow-right.png" alt="arrow right" aria-hidden="true"/> </a> </div> </div> </div> <div class="card flex flex-col gap-4 font-bitter my-8 bg-white relative lg:min-h-[435px] swiper-slide"> <div class="card__image min-h-[290px] flex items-center mx-auto px-10 pt-[30px] mb-6"> <a href="https://alastore.ala.org/content/read-your-way-poster" aria-label="view more"> <img loading="lazy" src="/sites/default/files/styles/card_vertical_image/public/2024-11/read-your-way-poster-STORE.jpg.webp?itok=L8GCng8b" width="173" height="260" alt="Poster spelling "READ" with red letters on various reading materials." class="image-style-card-vertical-image" /> </a> </div> <div class="card__content flex flex-col gap-2 px-10 pb-3 lg:pb-[14px]"> <div class="card__content_title flex-1 text-mainBlack font-medium text-lg"> <a class="text-mainBlack" href="https://alastore.ala.org/content/read-your-way-poster">READ Your Way Poster</a> </div> <div class="card__content_body font-urw md:min-h-[6rem]"> <div class="clearfix text-formatted field field--name-field-body field--type-text-long field--label-hidden field__item"><!DOCTYPE html> <html><body><p>Whether it's a hardcover or paperback, an audiobook, or eBook, it's all reading! Display this poster to celebrate and promote reading in a variety of formats.</p> </body></html> </div> </div> </div> <div class="card__footer flex items-center justify-between mt-auto w-full"> <div class="card__footer_price text-mainColor px-4"> <div class="field field--name-field-price field--type-string field--label-visually_hidden"> <div class="field__label visually-hidden">Price</div> <div class="field__item">$18.00</div> </div> </div> <div class="card__footer_link bg-secondaryColor flex justify-center items-center ml-auto"> <a class="flex h-[60px] w-[60px] justify-center items-center" href="https://alastore.ala.org/content/read-your-way-poster" aria-label="read more"> <img class="w-[10px] h-[14px] max-w-[10px]" src="/themes/custom/ala/assets/images/icons/button-arrow-right.png" alt="arrow right" aria-hidden="true"/> </a> </div> </div> </div> </div> <div class="swiper__footer flex flex-wrap gap-2.5 justify-end w-full sm:hidden"> <div class="swiper-pagination w-full mt-10"></div> <button type="button" class="swiper-button-prev"> <span class="sr-only">Previous element</span> </button> <button type="button" class="swiper-button-next"> <span class="sr-only">Next element</span> </button> </div> </div> </div> </div> </div> </div> </div> </div> </div>  </div> </div> </div> </article> </div> </div> </div> </div> </main> <footer role="contentinfo"> <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=eJxdjUEOgCAMBD-k8iSzUmwwlZrSg_5eQrjobXazmQWRK8oTMGDZTYtPEAQW3SAdIVcuaT7qxKosaXVwYD-_EfzPCw7c3RBhVOcqmZL1wrGtsV2hiW1MJBWCjdUL3vI6iQ"></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_jolpK3YCNP_4geiV0cF3gpQAvaOH7oS5N9SsLVMSvG4.js?scope=footer&delta=4&language=en&theme=ala&include=eJxdjUEOgCAMBD-k8iSzUmwwlZrSg_5eQrjobXazmQWRK8oTMGDZTYtPEAQW3SAdIVcuaT7qxKosaXVwYD-_EfzPCw7c3RBhVOcqmZL1wrGtsV2hiW1MJBWCjdUL3vI6iQ"></script> </body> </html>

CINXE.COM

American Library Association