CINXE.COM
Support the Library - The City Library
<!DOCTYPE html> <html lang="en"> <!--Page served by ip-172-31-35-57.us-east-2.compute.internal, 1313 () --> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=EDGE"> <title> Support the Library - The City Library </title> <link rel="shortcut icon" href="/images/favicon/slcpl/favicon.png" type="image/x-icon"> <link rel="icon" href="/images/favicon/slcpl/favicon.png" type="image/x-icon"> <meta name="client" content="slcpl"> <meta name="location" content="<!--location-->"> <meta name="apiserver" content="https://api-us.communico.co"> <meta name="region" content="us"> <meta name="location-id" content="<!--location_id-->"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5, user-scalable=yes"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta http-equiv="Content-Security-Policy" content="default-src 'self' https://*.slcpl.org https://api-us.communico.co; img-src 'self' https://*.libnet.info/ https://*.slcpl.org/ https://www.google-analytics.com/ https://www.google.com/ https://googleads.g.doubleclick.net/ https://ssl.gstatic.com https://stats.g.doubleclick.net https://*.cdninstagram.com/ https://storage.googleapis.com/ https://googleads.g.doubleclick.net/ https://www.googletagmanager.com/ https://www.facebook.com/ https://*.cloudfront.net/ https://clients1.google.com/ https://*.communico.co/ https://contentcafe2.btol.com/ https://secure.syndetics.com/ https://data.pendo.io/ https://fonts.gstatic.com https://www.gstatic.com https://translate.googleapis.com https://translate.google.com; script-src https://data.pendo.io/data/guide.js/ https://cdn.pendo.io/agent/static/ https://vega-widgets.s3.us-east-2.amazonaws.com/ https://www.youtube.com https://www.google.com/recaptcha/api.js https://www.gstatic.com/recaptcha/ https://maxcdn.bootstrapcdn.com/ https://cdn.jsdelivr.net/ https://ajax.googleapis.com/ https://code.jquery.com/ https://cdn.jsdelivr.net/ https://cdnjs.cloudflare.com/ https://cdn.lightwidget.com/ https://*.slcpl.org/ https://slcpl.libnet.info/js/ http://slcpl.libnet.info/js/am-channel.js https://slcpl.libnet.info/ajax/ https://slcpl.libnet.info/ch/ https://services.slcpl.org/ https://storage.googleapis.com/ https://www.googletagmanager.com/ https://www.google-analytics.com/ https://chat.uniqueic.com/ https://connect.facebook.net/ https://form.asana.com/ https://script.google.com/ https://translate.google.com/ https://translate.googleapis.com/ https://translate-pa.googleapis.com/ https://www.googleadservices.com/ https://cse.google.com/ https://s3.amazonaws.com/ https://api.nicheacademy.com/ https://www.google.com/cse/ 'unsafe-inline' 'unsafe-eval'; font-src 'self' https://cdnjs.cloudflare.com/ https://maxcdn.bootstrapcdn.com/ https://fonts.gstatic.com/ https://storage.googleapis.com/ data:; connect-src 'self' https://www.google-analytics.com/ https://www.google.com/ https://stats.g.doubleclick.net/ https://api-us.communico.co https://slcpl.na2.iiivega.com https://translate.googleapis.com https://translate-pa.googleapis.com; frame-src 'self' https://*.slcpl.org/ https://slcpl.libnet.info/ https://static.addtoany.com https://form.asana.com/ https://www.google.com/ https://calendar.google.com/ https://www.youtube.com/ https://docs.google.com/ https://subscriptions.librarycustomer.org https://td.doubleclick.net https://www.googletagmanager.com https://cdn.lightwidget.com/ https://script.google.com https://cdn.knightlab.com/ https://subscriptions.librarycustomer.org/ https://my.nicheacademy.com/ https://syndicatedsearch.goog/ https://www.canva.com https://*.flipsnack.com; object-src 'none'; base-uri 'none'; style-src https://cdnjs.cloudflare.com/ https://*.slcpl.org/ https://code.jquery.com/ https://maxcdn.bootstrapcdn.com/ 'unsafe-inline' https:;"> <meta property="og:url" content="https://services.slcpl.org"> <meta property="og:type" content="website"> <meta property="fb:profile_id" content="6633903347"> <meta property="og:title" content="Salt Lake City Public Library"> <meta property="og:site_name" content="Salt Lake City Public Library"> <meta property="og:image" content="https://about.slcpl.org/images/tile/slcpl/SLCPLLogo1.jpg"> <meta property="og:image" content="https://about.slcpl.org/images/tile/slcpl/SLCPLMain1.jpg"> <meta property="og:image" content="https://about.slcpl.org/images/tile/slcpl/SLCPLMain2.jpg"> <meta property="og:image:width" content="1200"> <meta property="og:image:height" content="630"> <meta property="og:description" content="The City Library is committed to advancing knowledge, fostering creativity, encouraging the exchange of ideas, building community, and enhancing the quality of life."> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="google-site-verification" content="OQgpfGEv82uQ4uR_n18D8e2nwXkdQ6vb_n1nU1dn-Sk"> <title>The City Library</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.css"> <!-- Meta Pixel Code --> <script> !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window, document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '130069940868083'); fbq('track', 'PageView'); </script> <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=130069940868083&ev=PageView&noscript=1"></noscript> <!-- End Meta Pixel Code --> <!-- Google Tag Manager --> <script> (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-PR8DG3D'); </script> <!-- End Google Tag Manager --> <link href="/css/animate.css" rel="stylesheet" type="text/css"> <link href="//cdnjs.cloudflare.com/ajax/libs/rome/2.1.14/rome.min.css" rel="stylesheet" type="text/css"> <link href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" type="text/css"> <link href="/css/amfont.css" rel="stylesheet" type="text/css"> <link href="//cdnjs.cloudflare.com/ajax/libs/qtip2/3.0.3/jquery.qtip.min.css" rel="stylesheet" type="text/css"> <link href="//code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" rel="stylesheet" type="text/css"> <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" type="text/css"> <link href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.7.1/css/bootstrap-datepicker.min.css" rel="stylesheet" type="text/css"> <link href="//cdnjs.cloudflare.com/ajax/libs/malihu-custom-scrollbar-plugin/3.1.5/jquery.mCustomScrollbar.min.css" rel="stylesheet" type="text/css"> <link href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/css/bootstrap-datetimepicker.min.css" rel="stylesheet" type="text/css"> <link href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.7.1/css/bootstrap-datepicker3.min.css" rel="stylesheet" type="text/css"> <link href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.13/css/bootstrap-multiselect.css" rel="stylesheet" type="text/css"> <link href="//cdnjs.cloudflare.com/ajax/libs/noUiSlider/14.0.2/nouislider.min.css" rel="stylesheet" type="text/css"> <link href="/css/shared.css" rel="stylesheet" type="text/css"> <link href="/css/anywhere.css?version=2.36.2" rel="stylesheet" type="text/css"> <link href="//cdnjs.cloudflare.com/ajax/libs/intl-tel-input/16.1.0/css/intlTelInput.css" rel="stylesheet" type="text/css"> <link href="" rel="stylesheet" type="text/css"> <link href="" rel="stylesheet" type="text/css"> <link id="contrastsheet" href="" rel="stylesheet" type="text/css"> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script> <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/babel-polyfill/7.2.5/polyfill.min.js"></script> <script type="text/javascript" src="//cdn.jsdelivr.net/bluebird/3.5.0/bluebird.min.js"></script> <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/fetch/2.0.3/fetch.js"></script> <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.30.1/moment.min.js"></script> <style> .videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .event table { width: 100%; border-collapse: collapse; } /* Zebra striping */ .event tr:nth-of-type(odd) { background: #eee; } .event th { background: #333; color: white; font-weight: bold; } .event td, th { padding: 6px; text-align: left; vertical-align: top; } .activities table { width: 100%; border-collapse: collapse; } .activities td, th { padding: 6px; text-align: left; vertical-align: top; } .bookclubs table { width: 100%; border-collapse: collapse; } .bookclubs td, th { padding: 6px; text-align: left; vertical-align: top; } .booklists table { width: 100%; border-collapse: collapse; } .booklists td, th { padding: 6px; text-align: left; vertical-align: top; } .grantseeking table { width: 100%; border-collapse: collapse; } .grantseeking td, th { padding: 6px; text-align: left; vertical-align: top; } .smallbusiness table { width: 100%; border-collapse: collapse; } .smallbusiness td, th { padding: 6px; text-align: left; vertical-align: top; } .virtualmeeting table { width: 100%; border-collapse: collapse; } .virtualmeeting td, th { padding: 6px; text-align: left; vertical-align: top; } .techleague table { width: 100%; border-collapse: collapse; } .techleague td, th { padding: 6px; text-align: left; vertical-align: top; } .creativelab table { width: 100%; border-collapse: collapse; } .creativelab td, th { padding: 6px; text-align: left; vertical-align: top; } .voadirectory table { width: 100%; border-collapse: collapse; } .voadirectory td, th { padding: 6px; text-align: left; vertical-align: top; } .faq table { width: 100%; border-collapse: collapse; } .faq td, th { padding: 2px; text-align: left; vertical-align: top; } .theplot table { width: 100%; border-collapse: collapse; } .theplot td, th { padding: 6px; text-align: left; vertical-align: top; } .adults table { width: 100%; border-collapse: collapse; } .adults td, th { padding: 6px; text-align: left; vertical-align: top; } .teens table { width: 100%; border-collapse: collapse; } .teens td, th { padding: 6px; text-align: left; vertical-align: top; } .kids table { width: 100%; border-collapse: collapse; } .kids td, th { padding: 6px; text-align: left; vertical-align: top; } .databases table { width: 100%; border-collapse: collapse; } .databases td, th { padding: 6px; text-align: left; vertical-align: top; } .forms table { width: 100%; border-collapse: collapse; } .forms td, th { padding: 6px; text-align: left; vertical-align: top; } .passport table { width: 100%; border-collapse: collapse; } .passport th { text-align: center; vertical-align: middle; border-bottom: 1px solid #000; } .passport td { height: 35px; text-align: left; vertical-align: middle; } .passport tr:nth-child(odd) {background: #eeeeee} .passport tr:nth-child(even) {background: #ffffff} /* Tooltip container */ .faqtooltip { position: relative; display: inline; color: #698f00; cursor: pointer; } /* Tooltip text */ .faqtooltip .faqtooltiptext { visibility: hidden; width: 200px; background-color: #707070; color: #fff; text-align: center; padding: 10px 0; border-radius: 6px; position: absolute; z-index: 8; top: 100%; left: 50%; margin-left: -50px; } .faqtooltip:hover .faqtooltiptext { visibility: visible; } /* Tooltip container */ .boardtooltip { position: relative; display: inline; color: #698f00; border-bottom: 1px dotted black; /* If you want dots under the hoverable text */ cursor: pointer; } /* Tooltip text */ .boardtooltip .boardtooltiptext { visibility: hidden; width: 400px; background-color: #707070; color: #fff; text-align: center; padding: 10px 0; border-radius: 6px; position: absolute; z-index: 8; top: 100%; left: 50%; margin-left: -125px; } .boardtooltip:hover .boardtooltiptext { visibility: visible; } /* Tooltip container */ .contactustooltip { position: relative; display: inline; color: #698f00; border-bottom: 1px dotted black; /* If you want dots under the hoverable text */ cursor: pointer; } /* Tooltip text */ .contactustooltip .contactustooltiptext { visibility: hidden; width: 230px; background-color: #707070; color: #fff; text-align: center; padding: 10px 0; border-radius: 6px; position: absolute; z-index: 8; top: 100%; left: 50%; margin-left: -125px; } .contactustooltip:hover .contactustooltiptext { visibility: visible; } /* Tooltip container */ .contactustooltipbutton { position: relative; display: inline; color: #698f00; border-bottom: 1px dotted black; /* If you want dots under the hoverable text */ cursor: pointer; } /* Tooltip text */ .contactustooltipbutton .contactustooltipbuttontext { visibility: hidden; width: 200px; background-color: #707070; color: #fff; text-align: center; border-radius: 6px; padding: 5px 0; position: absolute; z-index: 1; top: -5px; left: 110%; } .contactustooltipbutton:hover .contactustooltipbuttontext { visibility: visible; } .location-iframe-container { position: relative; overflow: hidden; padding-top: 74.9%; } .location-iframe-container iframe { position: absolute; top: -47px; left: 0; width: 100%; height: 100%; border: none; } .branch-iframe-container { position: relative; overflow: hidden; padding-top: 80%; } .branch-iframe-container iframe { position: absolute; top: -1px; left: 0; width: 100%; height: 100%; border: none; } .sidebar-wrapper { max-width: 317px; margin-bottom: 50px } .sidebar-wrapper>ul li { font-size: 1.8rem; font-weight: 500 } .sidebar-wrapper>ul>li { border-top: 1px solid #e9e7e7; font-weight: 500 } .sidebar-wrapper nav>ul { font-family: Roboto, sans-serif; margin-bottom: 0 } .sidebar-wrapper nav>ul li { font-size: 1.8rem; font-weight: 500 } .sidebar-wrapper nav>ul>li { border-top: 1px solid #e9e7e7; font-weight: 500 } .sidebar-wrapper nav>ul>li:first-child { border: 0 } .sidebar-wrapper nav>ul>li>a { color: #1f1a17; display: block; padding: 20px 20px } .sidebar-wrapper nav>ul>li>a:hover { color: #ababab; background: #fff; } select#sub-menu { width: 100%; height: 55px; color: #000; margin: 15px 0; padding: 13px; border: 1px solid #333; -webkit-appearance: none; appearance: none; -moz-appearance: none; text-overflow: ''; background: URL(https://events.slcpl.org/images/tile/slcpl/drop-arrow.png) right no-repeat; } select#sub-menu, select#sub-menu>option { font-family: Helvetica,Helvetica,Arial,sans-serif; font-size: 1.8rem; line-height: 28px; } </style> <script> $(document).ready(function(){ try{ jQuery(document).ready(function($){ $('#sub-menu').on('change', function () { var url = $(this).val(); // get selected value if (url) { // require a URL window.location = url; // redirect } return false; }); }); $(document).ready(function() { var $rows = $('table tr'); $("#filter").change(function() { var val = '^(?=.*\\b' + $.trim($(this).val()).split(/\s+/).join('\\b)(?=.*\\b') + ').*$', reg = RegExp(val, 'i'), text; if ($(this).val() !== 'all') { $rows.show().filter(function() { text = $(this).text().replace(/\s+/g, ' '); return !reg.test(text); }).hide(); } else { $rows.show(); } }); }); $('.collapse').on('show.bs.collapse', function () { $('.collapse.in').collapse('hide'); }) } catch (e) { if (console) console.log('custom js error', e); } }); </script><script> window.addEventListener('WebComponentsReady', function() { var components = [ 'coAddress', 'coBirthdate' ]; for(var c=0;c<components.length;c++) { var link = document.createElement('link'); link.setAttribute('rel', 'import'); link.setAttribute('href', '/js/es6/components/' + components[c] + '/' + components[c] + '.html'); document.getElementsByTagName('head')[0].appendChild(link); } }); </script><link id="customstyle" href="/css/style/382" rel="stylesheet" type="text/css"> <!--[if lt IE 9]> <script src="/js/lib/html5.js"></script> <script src="/js/lib/respond.min.js"></script> <![endif]--> <!--[if lte IE 9]> <script type='text/javascript' src='//cdnjs.cloudflare.com/ajax/libs/jquery-ajaxtransport-xdomainrequest/1.0.3/jquery.xdomainrequest.min.js'></script> <![endif]--> <script type="text/javascript" src="//cdn.lightwidget.com/widgets/lightwidget.js"></script> <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/lazysizes/5.1.2/lazysizes.min.js"></script> <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/iframe-resizer/4.4.4/iframeResizer.min.js"></script> <script type="text/javascript" src="//cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script> </head> <body> <a class="skip-main" href="#body">Skip to main content</a> <div id="header"> <div class="amh-row row" id="idNmd9j"><div class="amh-block amh-container col-md-12" data-block-type="container" id="idRRhsF" style=""><div class="amh-content"> <div class="amh-row row" id="idBLXHf"> <div class="amh-block amh-text col-md-9 hidden-xs hidden-sm" data-block-type="text" id="idr6nRj"><div class="amh-content mce-content-body" id="mce_24" style="margin: 5px 5px 0px; padding: 5px 5px 0px; position: relative; border-width: 0px; border-style: solid;" spellcheck="false"><p><span style="color: #ffffff;" data-mce-style="color: #ffffff;">.</span></p></div></div> <div class="amh-block amh-widget col-md-3" data-block-type="widget" id="id9lP4N"><div class="amh-content" style="margin: 5px 5px 0px; padding: 5px 5px 0px; border-width: 0px; border-style: solid;"><div class="dynamic-widget" data-frame="false" data-fill-with="23407" data-location=""> <div data-widgetid="23407" id="23407"> <div id="google_translate_element"></div> <p> <script type="text/javascript"> function googleTranslateElementInit() { new google.translate.TranslateElement({pageLanguage: 'en'}, 'google_translate_element'); } </script> <script type="text/javascript" src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script> </p> </div> </div></div></div> </div> <div class="amh-row row" id="id5TwvL"> <div class="amh-block amh-text col-md-6" data-block-type="text" style="" id="id5rbo4"><div class="amh-content mce-content-body" style="margin: 5px; padding: 5px; position: relative; border-width: 0px; border-style: solid;" id="mce_0" spellcheck="false"><p><a href="https://services.slcpl.org/" data-mce-href="https://services.slcpl.org/" data-mce-selected="inline-boundary" style=""><img src="https://events.slcpl.org/frontend-images/editor/slcpl/logomain.svg" alt="Salt Lake City Public Library" width="415" height="88" style="float: left;" data-mce-src="https://events.slcpl.org/frontend-images/editor/slcpl/logomain.svg" data-mce-style="float: left;"></a></p></div></div> <div class="amh-block amh-widget hidden-xs hidden-sm col-md-6" data-block-type="widget" id="idDd6ej" style=""><div class="amh-content" style="margin: 5px 5px 5px 25px; padding: 0px 5px 5px; border-width: 0px; border-style: solid;"><div class="dynamic-widget" data-frame="false" data-fill-with="20830" data-location=""> <div data-widgetid="20830" id="20830"><div style="max-width: 988px; padding-bottom: 10px; padding-top: 5px; float: right;"> <ul class="nav nav-tabs" style="border: 0;"> <li class="active"><a data-toggle="tab" href="#home" id="search-Collection-tab">Catalog</a></li> <li><a data-toggle="tab" href="#menu1" id="search-Events-tab">Events</a></li> <li><a data-toggle="tab" href="#menu2" id="search-website-tab">Website</a></li> </ul> <div class="tab-content"> <div id="home" class="tab-pane fade in active" style="padding: 0px; background: #fff; border-radius: 0 5px 5px 5px;"><form action="https://slcpl.na2.iiivega.com/search" method="get"> <div class="input-group"> <label for="usr" class="sr-only">Search Catalog</label> <input type="text" class="form-control input-lg" id="usr" name="query" placeholder="Search Catalog..."> <input type="hidden" name="pageSize" value="10"><span class="input-group-btn"><input class="btn btn-default btn-lg" type="submit" value="Find"></span> </div> </form></div> <div id="menu1" class="tab-pane fade" style="padding: 0px; background: #fff; border-radius: 0 5px 5px 5px;"><form action="https://events.slcpl.org/events" method="get"> <div class="input-group"> <label for="usr2" class="sr-only">Search Events</label> <input type="text" id="usr2" name="term" class="form-control input-lg" placeholder="Search Events..."><span class="input-group-btn"><input class="btn btn-default btn-lg" type="submit" value="Find"><input type="hidden" value="days" name="r"><input type="hidden" value="60" name="n"></span> </div> </form></div> <div id="menu2" class="tab-pane fade" style="padding: 0px; background: #fff; border-radius: 0 5px 5px 5px;"><form action="/sitesearch" method="get"> <div class="input-group"> <label for="usr3" class="sr-only">Search Website</label> <input type="text" id="usr3" name="term" class="form-control input-lg" placeholder="Search Website..."><span class="input-group-btn"><input class="btn btn-default btn-lg" type="submit" value="Find"></span> </div> </form></div> </div> </div></div> </div></div></div> </div> <div class="amh-row row" id="idlfB38"><div class="amh-block amh-widget col-md-12 hidden-md hidden-lg" data-block-type="widget" id="idKdGWK" style=""><div class="amh-content" style="margin: 0px 5px; padding: 0px 5px; border-width: 0px; border-style: solid;"><div class="dynamic-widget" data-frame="false" data-fill-with="20831" data-location=""> <div data-widgetid="20831" id="20831"><div style="max-width: 988px; padding-bottom: 10px;"> <ul class="nav nav-tabs" style="border: 0;"> <li class="active"><a data-toggle="tab" href="#homemobile" id="search-Collection-tab">Catalog</a></li> <li><a data-toggle="tab" href="#menu1mobile" id="search-Events-tab">Events</a></li> <li><a data-toggle="tab" href="#menu2mobile" id="search-website-tab">Website</a></li> </ul> <div class="tab-content"> <div id="homemobile" class="tab-pane fade in active" style="padding: 0px; background: #fff; border-radius: 0 5px 5px 5px;"><form action="https://slcpl.na2.iiivega.com/search" method="get"> <div class="input-group"> <label for="usrmobile" class="sr-only">Search Catalog</label> <input type="text" class="form-control input-lg" id="usrmobile" name="query" placeholder="Search Catalog..."> <input type="hidden" name="pageSize" value="10"><span class="input-group-btn"><input class="btn btn-default btn-lg" type="submit" value="Find"></span> </div> </form></div> <div id="menu1mobile" class="tab-pane fade" style="padding: 0px; background: #fff; border-radius: 0 5px 5px 5px;"><form action="https://events.slcpl.org/events" method="get"> <div class="input-group"> <label for="usr2mobile" class="sr-only">Search Events</label> <input type="text" id="usr2mobile" name="term" class="form-control input-lg" placeholder="Search Events..."><span class="input-group-btn"><input class="btn btn-default btn-lg" type="submit" value="Find"><input type="hidden" value="days" name="r"><input type="hidden" value="60" name="n"></span> </div> </form></div> <div id="menu2mobile" class="tab-pane fade" style="padding: 0px; background: #fff; border-radius: 0 5px 5px 5px;"><form action="/sitesearch" method="get"> <div class="input-group"> <label for="usr3mobile" class="sr-only">Search Website</label> <input type="text" id="usr3mobile" name="term" class="form-control input-lg" placeholder="Search Website..."><span class="input-group-btn"><input class="btn btn-default btn-lg" type="submit" value="Find"></span> </div> </form></div> </div> </div></div> </div></div></div></div> <div class="amh-row row" id="idZww6P"><div class="amh-block amh-text col-md-12" data-block-type="text" id="id2A1mI"><div class="amh-content mce-content-body" style="margin: 0px; padding: 0px; position: relative; border-width: 0px; border-style: solid;" id="mce_0" spellcheck="false"><div><span class="mceNonEditable"><div id='navbar' class='content'><div class="navbar yamm navbar-top"><div class="navbar-header visible-xs nav-mobile"><span tabindex="0" class="burger-button" data-toggle="collapse" data-target="#navbar-collapse-grid" class="navbar-toggle" aria-label="Toggle menu" role="button"><i class="fa fa-bars"></i></span><script type='text/javascript'> $(function(){ $('.burger-button').on('keyup', function(event) { event.preventDefault(); var isSpace = event.type === 'keyup' && (event.which === 32 || event.keyCode === 32 || event.key === ' '); var isEnter = event.type === 'keyup' && (event.which === 13 || event.keyCode === 13 || event.key === 'Enter'); if (isSpace || isEnter) { var nav = $('.navbar-collapse'); nav.toggleClass('in'); var isExpanded = nav.hasClass('in'); $(this).attr('aria-expanded', isExpanded); nav.css('height', (isExpanded ? '' : '1px')); } }) }); </script><div class="navbar-brand">Menu</div></div><div id="navbar-collapse-grid" class="navbar-collapse collapse"><ul class="nav navbar-nav"><li class="dropdown"><li><a href="/home-6127">Home</a></li><li class="menuspace"></li><li class="dropdown"><a href="#" data-toggle="dropdown" data-hover="dropdown" data-toggle="dropdown" class="dropdown-toggle js-activated noselect">My SLCPL <i class="fa fa-sort-desc"></i></a><ul role="menu" class="dropdown-menu"><li><a href="https://slcpl.na2.iiivega.com">Quick Search</a></li><li><a href="https://slcpl.na2.iiivega.com/?openAccount=profile">My Library Card</a></li><li><a href="https://slcpl.na2.iiivega.com/?openAccount=checkouts">Items checked out</a></li><li><a href="https://slcpl.na2.iiivega.com/?openAccount=holds">Hold Requests</a></li><li><a href="https://catalog.slcpl.org/default.aspx">Classic Catalog / ILL</a></li></ul></li><li class="menuspace"></li><li class="dropdown"><a href="#" data-toggle="dropdown" data-hover="dropdown" data-toggle="dropdown" class="dropdown-toggle js-activated noselect">Explore <i class="fa fa-sort-desc"></i></a><ul role="menu" class="dropdown-menu"><li role="menuitem" class="dropdown-submenu"><a href="https://services.slcpl.org/creativelab">Creative Lab</a><ul role="menu" class="dropdown-menu"><li><a href="https://services.slcpl.org/myappointments ">My Appointments</a></li></ul></li><li><a href="https://resources.slcpl.org/digitallibrary">Digital Library</a></li><li><a href="https://resources.slcpl.org/download">Downloadables</a></li><li><a href="https://resources.slcpl.org/ebooks">eBooks</a></li><li><a href="https://services.slcpl.org/theplot">The Plot: Library Garden</a></li></ul></li><li class="menuspace"></li><li class="dropdown"><a href="#" data-toggle="dropdown" data-hover="dropdown" data-toggle="dropdown" class="dropdown-toggle js-activated noselect">Events <i class="fa fa-sort-desc"></i></a><ul role="menu" class="dropdown-menu"><li role="menuitem" class="dropdown-submenu"><a href="https://events.slcpl.org/events?r=days&n=60">Events</a><ul role="menu" class="dropdown-menu"><li><a href="https://events.slcpl.org/myevents">My Events</a></li></ul></li><li><a href="">Discover what's happening with our searchable events calendar.</a></li><li><a href="https://events.slcpl.org/artexhibits">Art Exhibits</a></li><li><a href="">Find out about art exhibits at City Library branches.</a></li><li><a href="https://rooms.slcpl.org/request-a-meeting-room">Request a Room: Main</a></li><li><a href="">Learn how to reserve a public meeting room at the Main Library.</a></li><li role="menuitem" class="dropdown-submenu"><a href="https://rooms.slcpl.org/reserve">Request a Room: Branches</a><ul role="menu" class="dropdown-menu"><li><a href="https://rooms.slcpl.org/myreservations">My Reservations</a></li></ul></li><li><a href="">Reserve a public meeting room at one of the City Library branches.</a></li><li><a href="https://rooms.slcpl.org/request-a-virtual-meeting-room">Request a Room: Virtual</a></li><li><a href="">Request a Zoom meeting room.</a></li></ul></li><li class="menuspace"></li><li class="dropdown"><a href="#" data-toggle="dropdown" data-hover="dropdown" data-toggle="dropdown" class="dropdown-toggle js-activated noselect">For You <i class="fa fa-sort-desc"></i></a><ul role="menu" class="dropdown-menu"><li><a href="https://services.slcpl.org/adults">Adults</a></li><li><a href="">Find books, music, movies and more in The City Library's collection that would be of interest to adults.</a></li><li><a href="https://services.slcpl.org/teens">Teens</a></li><li><a href="">Find items and events for Salt Lake City teens.</a></li><li><a href="https://services.slcpl.org/kids">Kids</a></li><li><a href="">Browse items or events of interest to our youngest patrons.</a></li></ul></li><li class="menuspace"></li><li class="dropdown"><a href="#" data-toggle="dropdown" data-hover="dropdown" data-toggle="dropdown" class="dropdown-toggle js-activated noselect">Community <i class="fa fa-sort-desc"></i></a><ul role="menu" class="dropdown-menu"><li><a href="https://about.slcpl.org/donate">Donations / Payments</a></li><li><a href="">Community support enriches tax-based funding and allows us to expand cultural programs and services.</a></li><li><a href="https://slclibraryfriends.org/">Friends of The Library</a></li><li><a href="">The Library's sister organization, responsible for spearheading fundraising efforts, volunteering, and advocacy.</a></li></ul></li><li class="menuspace"></li><li class="dropdown"><a href="#" data-toggle="dropdown" data-hover="dropdown" data-toggle="dropdown" class="dropdown-toggle js-activated noselect">About <i class="fa fa-sort-desc"></i></a><ul role="menu" class="dropdown-menu"><li><a href="https://about.slcpl.org/faq">FAQS</a></li><li><a href="">Answers to common questions about the Library.</a></li><li><a href="https://about.slcpl.org/locations">Locations & Hours</a></li><li><a href="">Information about City Library locations & hours.</a></li><li><a href="https://about.slcpl.org/contact-us">Contact Us</a></li><li><a href="">General inquiries, comments, or feedback</a></li><li><a href="https://about.slcpl.org/employment">Careers</a></li><li><a href="">Work for The City Library!</a></li><li><a href="https://about.slcpl.org/board">Board of Directors</a></li><li><a href="">Library Board information, minutes, and recordings.</a></li></ul></li><li class="menuspace"></li></div></ul></div></div></span></div></div></div></div> </div></div></div> <div id="htmlheader"> <!--html_header--> </div> </div> <div class="content"></div> <div id="accessibility" class="content"> <div class="accessibility-topbar"> <a class="button" href="#" onclick="openAccessibility()">close</a> </div> <div class="fluid-container"> <div class="row"> <div class="col-md-6"> <div class="row"> <div class="col-sm-6"> <div class="accessibility-icons"> <a href="#" onclick="document.body.style.fontSize='100%';return false;"><img border="0" src="/images/accessibility/accessibility-a-small-icon.png" alt="font 1"></a> <a href="#" onclick="document.body.style.fontSize='140%';return false;"><img border="0" src="/images/accessibility/accessibility-a-medium-icon.png" alt="font 2"></a> <a href="#" onclick="document.body.style.fontSize='160%';return false;"><img border="0" src="/images/accessibility/accessibility-a-large-icon.png" alt="font 3"></a> <br> <a href="#" onclick="document.body.style.fontSize='100%';return false;">Reset to standard size</a> </div> </div> <div class="col-sm-6"> <div class="accessibility-text"> <span class="accessibility-heading">Font size options</span> <div>Increase or decrease the font size for this website by clicking on the 'A's.</div> </div> </div> </div> </div> <div class="col-md-6"> <div class="row"> <div class="col-sm-6"> <div class="accessibility-icons"> <a href="#" onclick="setStyleSheet('/accessibility.pcss?style=yellow%20on%20black')"><img border="0" src="/images/accessibility/accessibility-contrast-y-b.png" alt="Yellow on Black"></a> <a href="#" onclick="setStyleSheet('/accessibility.pcss?style=white%20on%20black')"><img border="0" src="/images/accessibility/accessibility-contrast-w-b.png" alt="White on Black"></a> <a href="#" onclick="setStyleSheet('/accessibility.pcss?style=soft%20greys')"><img border="0" src="/images/accessibility/accessibility-contrast-softgreys.png" alt="Soft Greys"></a> <a href="#" onclick="setStyleSheet('/accessibility.pcss?style=black%20on%20linen')"><img border="0" src="/images/accessibility/accessibility-contrast-b-l.png" alt="Black on Linen"></a> <a href="#" onclick="setStyleSheet('/accessibility.pcss?style=black%20on%20white')"><img border="0" src="/images/accessibility/accessibility-contrast-b-w.png" alt="Black on White"></a> <br> <a href="#" onclick="setStyleSheet('')">Reset to default contrast</a> </div> </div> <div class="col-sm-6"> <div class="accessibility-text"> <span class="accessibility-heading">Contrast options</span> <div id="accessibilityText">Choose a color combination to give the most comfortable contrast.</div> </div> </div> </div> </div> </div> </div> </div> <div id="body" class="content default donate-4531"> <div data-portal="slcpl" data-pageid="4531"> <div class="amh-row row" id="id4LWqw"><div class="amh-block amh-widget col-md-12 hidden-lg hidden-md" data-block-type="widget" id="idtBdAI"><div class="amh-content" style="margin: 5px; padding: 5px; border-width: 0px; border-style: solid;"><div class="dynamic-widget" data-frame="false" data-fill-with="6584" data-location=""> <div data-widgetid="6584" id="6584"> <div class="container"> <div class="row"> <div class="col-sm-12 hidden-lg hidden-md visible-sm visible-xs"><select id="sub-menu" name="sub-menu"> <option selected disabled style="display: none;" hidden="">ABOUT US</option> <option value="https://about.slcpl.org/contact-us">Contact Us</option> <option value="https://about.slcpl.org/locations">Locations & Hours</option> <option value="https://about.slcpl.org/faq">Frequently Asked Questions</option> <option value="https://services.slcpl.org/donate">Donate & Support Your Library</option> <option value="https://about.slcpl.org/employment">Employment</option> <option value="https://about.slcpl.org/partner">Event Partnerships</option> <option value="https://slclibraryfriends.org/">Friends of The City Library</option> <option value="https://about.slcpl.org/administration">Library Administration</option> <option value="https://about.slcpl.org/board">Library Board of Directors</option> <option value="https://about.slcpl.org/images/pdfs/slcpl/Policies/SLCPLFinalLFP3.pdf">Library Facilities Plan</option> <option value="https://about.slcpl.org/policies">Policies & Budget</option> <option value="https://about.slcpl.org/rfp">Requests for Proposal</option> <option value="https://about.slcpl.org/roof">Rooftop Renovation</option> <option value="https://about.slcpl.org/mission">Strategic Plan, Mission, History</option> </select></div> </div> </div> <div class="dynamicDiv" id="dd.0.4.0"> <div class="sidebar-wrapper"><nav> <ul style="list-style: none;" class="nolist hidden-sm hidden-xs"> <li><a href="https://about.slcpl.org/contact-us">Contact Us</a></li> <li><a href="https://about.slcpl.org/locations">Locations & Hours</a></li> <li><a href="https://about.slcpl.org/faq">Frequently Asked Questions</a></li> <li><a href="https://services.slcpl.org/donate">Donate & Support Your Library</a></li> <li><a href="https://about.slcpl.org/employment">Employment</a></li> <li><a href="https://about.slcpl.org/partner">Event Partnerships</a></li> <li><a href="https://slclibraryfriends.org/">Friends of The City Library</a></li> <li><a href="https://about.slcpl.org/administration">Library Administration</a></li> <li><a href="https://about.slcpl.org/board">Library Board of Directors</a></li> <li><a href="https://about.slcpl.org/images/pdfs/slcpl/Policies/SLCPLFinalLFP3.pdf">Library Facilities Plan</a></li> <li><a href="https://about.slcpl.org/policies">Policies & Budget</a></li> <li><a href="https://about.slcpl.org/rfp">Requests for Proposal</a></li> <li><a href="https://about.slcpl.org/roof">Rooftop Renovation</a></li> <li><a href="https://about.slcpl.org/mission">Strategic Plan, Mission, History</a></li> </ul> </nav></div> </div> </div> </div></div></div></div> <div class="amh-row row" id="idHC0oR"> <div class="amh-block amh-container col-md-8" data-block-type="container" id="idCYFwE"><div class="amh-content"> <div class="amh-row row" id="id1hOes"><div class="amh-block amh-text col-md-12" data-block-type="text" style="" id="idCczqe"><div class="amh-content" style="position: relative; border-width: 0px; border-style: solid; padding: 5px 5px 0px; margin: 5px 5px 0px;" id="mce_0" spellcheck="false"> <h3>Support Your Library</h3> <p class="paragraph01">The Salt Lake City Public Library is one of the premier libraries in the nation. Public funding provides for day-to-day operation, and community support allows us to flourish and grow. Here are ways you can help.<br><br></p> <h4><strong>DONATE TO THE FRIENDS OF THE CITY LIBRARY</strong></h4> <p class="paragraph01">Your tax-deductible cash donation is always welcome and may be given directly to the Friends of The City Library, a 501(c)(3) organization. Your donation will enrich, not replace, traditional tax-based funding and allow us to expand cultural programs and services. There are several ways to donate money to The City Library.</p> </div></div></div> <div class="amh-row row" id="idOOdyE"> <div class="amh-block amh-widget col-md-6" data-block-type="widget" id="iddtHOd"><div class="amh-content" style="margin: 0px 5px 5px; padding: 0px 5px 5px; border-width: 0px; border-style: solid;"><div class="dynamic-widget" data-frame="false" data-fill-with="10964" data-location=""> <div data-widgetid="10964" id="10964"> <div class="resintro"></div> <table class="buttontable"> <tbody> <tr> <td style="vertical-align: middle;"><button onclick='window.open("https://slclibraryfriends.z2systems.com/np/clients/slclibraryfriends/donation.jsp")' class="wbutton button">Donate Now</button></td> <td class="buttondesc toprule" style="vertical-align: middle;"><a target="_blank" href="https://slclibraryfriends.z2systems.com/np/clients/slclibraryfriends/donation.jsp"></a></td> </tr> <tr> <td></td> <td><div style="height:1px" class="toprule"></div></td> </tr> </tbody> </table> </div> </div></div></div> <div class="amh-block amh-container col-md-6" data-block-type="container" id="iduQDwA"><div class="amh-content"> <div class="amh-row row" id="idUbLSP"><div class="amh-block amh-widget col-md-12 hidden-xs hidden-sm hidden-md hidden-lg" data-block-type="widget" style="" id="idKDfbd"><div class="amh-content" style="margin: 0px 5px 5px; padding: 0px 5px 5px; border-width: 0px; border-style: solid;"><div class="dynamic-widget" data-frame="false" data-fill-with="6700" data-location=""> <div data-widgetid="6700" id="6700"> <div class="resintro"></div> <table class="buttontable"> <tbody> <tr> <td style="vertical-align: middle;"><button onclick='window.open("https://www.slcpl.org/files/donateMailIn.pdf")' class="wbutton button">Printable Form [PDF]</button></td> <td class="buttondesc toprule" style="vertical-align: middle;"><a target="_blank" href="https://www.slcpl.org/files/donateMailIn.pdf"></a></td> </tr> <tr> <td></td> <td><div style="height:1px" class="toprule"></div></td> </tr> </tbody> </table> </div> </div></div></div></div> <div class="amh-row row" id="idrVK6Y"><div class="amh-block amh-text col-md-12" data-block-type="text" id="idl5YdW" style=""><div class="amh-content" style="margin: 5px; padding: 5px; position: relative;"><span><p><span style="color: #ffffff;">.</span></p></span></div></div></div> </div></div> </div> <div class="amh-row row" id="idYxcIg"><div class="amh-block amh-text col-md-12" data-block-type="text" id="idm0m73" style=""><div class="amh-content" style="margin: 5px; padding: 5px; position: relative;" id="mce_22" spellcheck="false"> <h4><strong>Join the Friends of the Library</strong></h4> <p>For nearly 50 years, the <a href="https://services.slcpl.org/friends">Friends of The City Library</a> have dedicated themselves to supporting and enriching The City Library. We invite you to <a href="https://slclibraryfriends.org/membership/">join</a> this dynamic group of individuals who share a love of books and libraries. Proceeds earned through membership dues, Used Book Sales, and The Library Store are donated directly to the Library.</p> </div></div></div> <div class="amh-row row" id="idiczpY"> <div class="amh-block amh-widget col-md-6" data-block-type="widget" id="id0KEOi" style=""><div class="amh-content" style="margin: 0px 5px 5px; padding: 0px 5px 5px; border-width: 0px; border-style: solid;"><div class="dynamic-widget" data-frame="false" data-fill-with="6693" data-location=""> <div data-widgetid="6693" id="6693"> <div class="resintro"></div> <table class="buttontable"> <tbody> <tr> <td style="vertical-align: middle;"><button onclick='window.open("https://slclibraryfriends.org/membership/")' class="wbutton button">Join the Friends of The City Library</button></td> <td class="buttondesc toprule" style="vertical-align: middle;"><a target="_blank" href="https://slclibraryfriends.org/membership/"></a></td> </tr> <tr> <td></td> <td><div style="height:1px" class="toprule"></div></td> </tr> </tbody> </table> </div> </div></div></div> <div class="amh-block amh-text col-md-6" data-block-type="text" id="idZYdPy" style=""><div class="amh-content" style="margin: 5px; padding: 5px; position: relative;"><span><p><span style="color: #ffffff;">.</span></p></span></div></div> </div> <div class="amh-row row" id="idvKjpy"><div class="amh-block amh-text col-md-12" data-block-type="text" id="idcY5SI"><div class="amh-content mce-content-body" style="margin: 5px; padding: 5px; position: relative;" id="mce_24" spellcheck="false"> <!--<h4><strong>Matching Employer Gifts</strong></h4> <p>Many employers will match their employees' contributions to charitable nonprofit groups, thus increasing the size of your gift to The City Library. Ask your employer if they offer this program.<br /><br /></p> <h4><strong>Memorial and Tribute Donations</strong></h4> <p>Honor the memory of a loved one, pay tribute to family or friends, or celebrate a special occasion by donating to The City Library. give $25 or more and the library will purchase a suitable book and include a personalized bookplate to recognize an individual or commemorate an important event.<a href="/files/donateMailIn.pdf"></a></p>--><h4><strong>Donate or Make a Payment to The City Library</strong></h4> <p>Tax-deductible cash donations may be given directly to The City Library. Your donation will enrich, not replace, traditional tax-based funding and allow the Library to expand cultural programs and services. The online form can also be used to make payments for meeting room reservations.</p> </div></div></div> <div class="amh-row row" id="idt5l08"> <div class="amh-block amh-widget col-md-6" data-block-type="widget" id="idnwwNB"><div class="amh-content" style="margin: 0px 5px 5px; padding: 0px 5px 5px; border-width: 0px; border-style: solid;"><div class="dynamic-widget" data-frame="false" data-fill-with="6699" data-location=""> <div data-widgetid="6699" id="6699"> <div class="resintro"></div> <table class="buttontable"> <tbody> <tr> <td style="vertical-align: middle;"><button onclick='window.open("https://catalog.slcpl.org/payments/donation.aspx")' class="wbutton button">Online Form</button></td> <td class="buttondesc toprule" style="vertical-align: middle;"><a target="_blank" href="https://catalog.slcpl.org/payments/donation.aspx"></a></td> </tr> <tr> <td></td> <td><div style="height:1px" class="toprule"></div></td> </tr> </tbody> </table> </div> </div></div></div> <div class="amh-block amh-container col-md-6" data-block-type="container" id="idcCujx"><div class="amh-content"> <div class="amh-row row" id="idykz8n"><div class="amh-block amh-widget col-md-12 hidden-xs hidden-sm hidden-md hidden-lg" data-block-type="widget" id="idk3R7U" style=""><div class="amh-content" style="margin: 0px 5px 5px; padding: 0px 5px 5px; border-width: 0px; border-style: solid;"><div class="dynamic-widget" data-frame="false" data-fill-with="6700" data-location=""> <div data-widgetid="6700" id="6700"> <div class="resintro"></div> <table class="buttontable"> <tbody> <tr> <td style="vertical-align: middle;"><button onclick='window.open("https://www.slcpl.org/files/donateMailIn.pdf")' class="wbutton button">Printable Form [PDF]</button></td> <td class="buttondesc toprule" style="vertical-align: middle;"><a target="_blank" href="https://www.slcpl.org/files/donateMailIn.pdf"></a></td> </tr> <tr> <td></td> <td><div style="height:1px" class="toprule"></div></td> </tr> </tbody> </table> </div> </div></div></div></div> <div class="amh-row row" id="id64h1y"><div class="amh-block amh-text col-md-12" data-block-type="text" id="idqsGOm" style=""><div class="amh-content" style="margin: 5px; padding: 5px; position: relative;"><span><p><span style="color: #ffffff;">.</span></p></span></div></div></div> </div></div> </div> <div class="amh-row row" id="idVssHW"><div class="amh-block amh-text col-md-12 hidden-xs hidden-sm hidden-md hidden-lg" data-block-type="text" id="idvT7Ca" style=""><div class="amh-content" style="margin: 5px; padding: 5px; position: relative; border-width: 0px; border-style: solid;" id="mce_26" spellcheck="false"> <h4><strong>Donate Materials</strong></h4> <p>The Friends of The City Library have temporarily suspended the acceptance of donated materials. We apologize for any inconvenience.</p> </div></div></div> <div class="amh-row row" id="idaQNaN"><div class="amh-block amh-text col-md-12" data-block-type="text" id="idpfeWE"><div class="amh-content mce-content-body" style="margin: 5px; padding: 5px; position: relative; border-width: 0px; border-style: solid;" id="mce_26" spellcheck="false"> <p><a name="materials" class="mce-item-anchor"></a></p> <!--<h4><strong>Donate Materials</strong></h4> <p>The <a href="https://about.slcpl.org/friends">Friends of The City Library</a> accepts donations of gently-used books, CDs, DVDs, vinyl records, and comic books. These items are sold at <a href="https://events.slcpl.org/events?term=Used+Book+Sale&r=thismonth">Book Sales</a> at the Main Library throughout the year. Proceeds from these sales fund a variety of Library projects including programs and exhibits, materials, outreach events, computer equipment, furnishings, and more.</p> <hr /> <p><span style="color: #ff0000;"><strong>NOTICE DURING COVID-19 CLOSURE</strong></span></p> <p>You can drop off donations at the Main Library from Noon to 6pm, Monday through Saturday. Park in the short-term Delivery Loading Zone on 200 East just south of 400 South and call <a href="tel:8015948618">801-594-8618</a>.</p> <p>Staff will verify your location, vehicle description, and quantity of items you're donating. Please open the trunk (remotely if possible) or car door where the materials are located, then remain in your car. Staff will arrive with bins to pick up the donations and will leave a receipt in the trunk or on the seat of the vehicle.</p> <hr /> <p>Donations are tax-deductible. We will provide a proof-of-donation receipt upon request. Please consult with an accountant or tax preparer to determine the value of your donation.</p> <p><strong>NOTE:</strong> We cannot accept books with time-sensitive topics, such as business, tax, investment, computers/software, textbooks, etc. For questions and more information, please call <a href="tel:8015248238">801-524-8238</a>.</p>--><h4><strong>Donate Materials</strong></h4> <p>The <a href="https://about.slcpl.org/friends" data-mce-href="https://about.slcpl.org/friends">Friends of The City Library</a> accepts donations of gently-used books, CDs, DVDs, vinyl records, and comic books. These items are then sold, and the proceeds fund a variety of Library projects including programs and exhibits, materials, outreach events, computer equipment, furnishings, and more.</p> <p>You can drop off donations at any City Library location. Large donations (multiple boxes) should be taken to the Main Library. If you need help unloading, please call <a href="tel:8015248200" data-mce-href="tel:8015248200">801-524-8200</a> to make advanced arrangements.</p> <p>Donations are tax-deductible. We will provide a proof-of-donation receipt upon request. Please consult with an accountant or tax preparer to determine the value of your donation.</p> <p><strong>NOTE:</strong> We cannot accept books with time-sensitive topics, such as business, tax, investment, computers/software, textbooks, etc. For questions and more information, please call <a href="tel:8015248238" data-mce-href="tel:8015248238">801-524-8238</a>.</p> </div></div></div> </div></div> <div class="amh-block amh-container col-md-4" data-block-type="container" id="idFbJgT"><div class="amh-content"><div class="amh-row row" id="idCOUAo"><div class="amh-block amh-widget col-md-12 hidden-xs hidden-sm" data-block-type="widget" id="idPWyCT"><div class="amh-content" style="margin: 5px; padding: 5px; border-width: 0px; border-style: solid;"><div class="dynamic-widget" data-frame="false" data-fill-with="6584" data-location=""> <div data-widgetid="6584" id="6584"> <div class="container"> <div class="row"> <div class="col-sm-12 hidden-lg hidden-md visible-sm visible-xs"><select id="sub-menu" name="sub-menu"> <option selected disabled style="display: none;" hidden="">ABOUT US</option> <option value="https://about.slcpl.org/contact-us">Contact Us</option> <option value="https://about.slcpl.org/locations">Locations & Hours</option> <option value="https://about.slcpl.org/faq">Frequently Asked Questions</option> <option value="https://services.slcpl.org/donate">Donate & Support Your Library</option> <option value="https://about.slcpl.org/employment">Employment</option> <option value="https://about.slcpl.org/partner">Event Partnerships</option> <option value="https://slclibraryfriends.org/">Friends of The City Library</option> <option value="https://about.slcpl.org/administration">Library Administration</option> <option value="https://about.slcpl.org/board">Library Board of Directors</option> <option value="https://about.slcpl.org/images/pdfs/slcpl/Policies/SLCPLFinalLFP3.pdf">Library Facilities Plan</option> <option value="https://about.slcpl.org/policies">Policies & Budget</option> <option value="https://about.slcpl.org/rfp">Requests for Proposal</option> <option value="https://about.slcpl.org/roof">Rooftop Renovation</option> <option value="https://about.slcpl.org/mission">Strategic Plan, Mission, History</option> </select></div> </div> </div> <div class="dynamicDiv" id="dd.0.4.0"> <div class="sidebar-wrapper"><nav> <ul style="list-style: none;" class="nolist hidden-sm hidden-xs"> <li><a href="https://about.slcpl.org/contact-us">Contact Us</a></li> <li><a href="https://about.slcpl.org/locations">Locations & Hours</a></li> <li><a href="https://about.slcpl.org/faq">Frequently Asked Questions</a></li> <li><a href="https://services.slcpl.org/donate">Donate & Support Your Library</a></li> <li><a href="https://about.slcpl.org/employment">Employment</a></li> <li><a href="https://about.slcpl.org/partner">Event Partnerships</a></li> <li><a href="https://slclibraryfriends.org/">Friends of The City Library</a></li> <li><a href="https://about.slcpl.org/administration">Library Administration</a></li> <li><a href="https://about.slcpl.org/board">Library Board of Directors</a></li> <li><a href="https://about.slcpl.org/images/pdfs/slcpl/Policies/SLCPLFinalLFP3.pdf">Library Facilities Plan</a></li> <li><a href="https://about.slcpl.org/policies">Policies & Budget</a></li> <li><a href="https://about.slcpl.org/rfp">Requests for Proposal</a></li> <li><a href="https://about.slcpl.org/roof">Rooftop Renovation</a></li> <li><a href="https://about.slcpl.org/mission">Strategic Plan, Mission, History</a></li> </ul> </nav></div> </div> </div> </div></div></div></div></div></div> </div> </div> </div> <div id="footer"> <!--social_media--> <div id="footer"> <div class="amh-row row" id="idJPK1Q"> <div class="amh-block amh-container col-md-12 hidden-xs" data-block-type="container" id="idRqwDN"> <div class="amh-content" style="border-width: 0px; border-style: solid;"> <div class="amh-row row" id="idj1tGH"> <div class="amh-block amh-text col-md-12 hidden-xs" data-block-type="text" id="idHKAaw"> <div class="amh-content mce-content-body" style="margin: 25px 4px 4px; padding: 5px; position: relative; border-width: 1px 0px; border-style: solid; border-color: rgb(204, 204, 204);" id="mce_0" spellcheck="false"> <p><br></p> <nav><ul class="social-networks"> <li><a href="https://www.facebook.com/slcpl" target="_blank" title="facebook" onclick="getOutboundLink('https://www.facebook.com/slcpl'); return false;" rel="noopener" data-mce-href="https://www.facebook.com/slcpl"><img src="https://slcpl.libnet.info/images/tile/slcpl/btn-facebook1.jpg" alt="facebook" width="17" height="17" data-mce-src="https://slcpl.libnet.info/images/tile/slcpl/btn-facebook1.jpg"></a></li> <!-- <li><a href="https://www.twitter.com/slcpl" target="_blank" title="twitter" onclick="getOutboundLink('https://www.twitter.com/slcpl'); return false;" rel="noopener"><img src="https://slcpl.libnet.info/images/tile/slcpl/btn-twitter1.jpg" alt="twitter" width="17" height="17" /></a></li> --><li><a href="https://www.instagram.com/slcpl" target="_blank" title="instagram" onclick="getOutboundLink('https://www.instagram.com/slcpl'); return false;" rel="noopener" data-mce-href="https://www.instagram.com/slcpl"><img src="https://slcpl.libnet.info/images/tile/slcpl/btn-instagram.png" alt="instagram" width="17" height="17" data-mce-src="https://slcpl.libnet.info/images/tile/slcpl/btn-instagram.png"></a></li> <li><a href="https://www.youtube.com/@SaltLakeCityPublicLibrary" target="_blank" title="youtube" onclick="getOutboundLink('https://www.youtube.com/@saltlakecitypubliclibrary'); return false;" rel="noopener" data-mce-href="https://www.youtube.com/@SaltLakeCityPublicLibrary"><img src="https://slcpl.libnet.info/images/tile/slcpl/btn-youtube3.png" alt="youtube" width="17" height="17" data-mce-src="https://slcpl.libnet.info/images/tile/slcpl/btn-youtube3.png"></a></li> <li><a href="https://slcpl.medium.com" target="_blank" title="medium" onclick="getOutboundLink('https://slcpl.medium.com'); return false;" rel="noopener" data-mce-href="https://slcpl.medium.com"><img src="https://slcpl.libnet.info/images/tile/slcpl/btn-medium2.png" alt="medium" width="17" height="17" data-mce-src="https://slcpl.libnet.info/images/tile/slcpl/btn-medium2.png"></a></li> <li><a href="https://www.tiktok.com/@slcpl" target="_blank" title="tiktok" onclick="getOutboundLink('https://www.tiktok.com/@slcpl'); return false;" rel="noopener" data-mce-href="https://www.tiktok.com/@slcpl"><img src="https://slcpl.libnet.info/images/tile/slcpl/btn-tiktok.png" alt="tiktok" width="17" height="17" data-mce-src="https://slcpl.libnet.info/images/tile/slcpl/btn-tiktok.png"></a></li> </ul> <ul class="footer-links"> <li><a target="_blank" href="https://slcpl.na2.iiivega.com" rel="noopener" style="font-weight: normal;" data-mce-href="https://slcpl.na2.iiivega.com" data-mce-style="font-weight: normal;">Catalog</a></li> <li><a target="_blank" href="https://catalog.slcpl.org" rel="noopener" style="font-weight: normal;" data-mce-href="https://catalog.slcpl.org" data-mce-style="font-weight: normal;">Classic Catalog / ILL</a></li> <li><a href="https://about.slcpl.org/locations" style="font-weight: normal;" data-mce-href="https://about.slcpl.org/locations" data-mce-style="font-weight: normal;">Locations and Hours</a></li> <li><a href="https://about.slcpl.org/faq" style="font-weight: normal;" data-mce-href="https://about.slcpl.org/faq" data-mce-style="font-weight: normal;">FAQ</a></li> <li><a href="https://rooms.slcpl.org/request-a-meeting-room" style="font-weight: normal;" data-mce-href="https://rooms.slcpl.org/request-a-meeting-room" data-mce-style="font-weight: normal;">Request A Room</a></li> <li><a href="https://about.slcpl.org/contact-us" style="font-weight: normal;" data-mce-href="https://about.slcpl.org/contact-us" data-mce-style="font-weight: normal;">Contact Us</a></li> <li><a href="https://services.slcpl.org/newsletter-signup" style="font-weight: normal;" data-mce-href="https://services.slcpl.org/newsletter-signup" data-mce-style="font-weight: normal;">Newsletter</a></li> <li><a href="https://about.slcpl.org/privacy-policy" style="font-weight: normal;" data-mce-href="https://about.slcpl.org/privacy-policy" data-mce-style="font-weight: normal;">Privacy</a></li> <li><a href="https://resources.slcpl.org/app" style="font-weight: normal;" data-mce-href="https://resources.slcpl.org/app" data-mce-style="font-weight: normal;">Library App:</a></li> </ul> <ul class="social-networks"> <li> </li> <li><a href="https://apps.apple.com/us/app/slc-public-library/id1364574052" target="_blank" title="Apple App Store" onclick="getOutboundLink('https://apps.apple.com/us/app/slc-public-library/id1364574052'); return false;" rel="noopener" data-mce-href="https://apps.apple.com/us/app/slc-public-library/id1364574052"><img src="https://slcpl.libnet.info/images/tile/slcpl/appstore1.png" alt="App Store" width="17" height="17" data-mce-src="https://slcpl.libnet.info/images/tile/slcpl/appstore1.png"></a></li> <li><a href="https://play.google.com/store/apps/details?id=co.communico.slcpl&hl=en" target="_blank" title="Google Play" onclick="getOutboundLink('https://play.google.com/store/apps/details?id=co.communico.slcpl&hl=en'); return false;" rel="noopener" data-mce-href="https://play.google.com/store/apps/details?id=co.communico.slcpl&hl=en"><img src="https://slcpl.libnet.info/images/tile/slcpl/googleplay.png" alt="Google Play" width="17" height="17" data-mce-src="https://slcpl.libnet.info/images/tile/slcpl/googleplay.png"></a></li> </ul></nav><p><br></p> </div> </div> </div> <div class="amh-row row" id="idBukyZ"> <div class="amh-block amh-text hidden-xs col-md-12" data-block-type="text" id="idCKqaD"> <div class="amh-content" style="margin: 5px; padding: 5px; position: relative; border-width: 0px; border-style: solid;" id="mce_0" spellcheck="false"><p>© Copyright 2025 Salt Lake City Public Library. All rights reserved.</p></div> </div> </div> </div> </div> </div> <div class="amh-row row" id="idzeMFO"> <div class="amh-block amh-container col-md-12 hidden-sm hidden-md hidden-lg" data-block-type="container" id="idcx79y"> <div class="amh-content" style="border-width: 0px; border-style: solid;"> <div class="amh-row row" id="idNobXB"> <div class="amh-block amh-text col-md-12" data-block-type="text" id="idHZSZS"> <div class="amh-content" style="margin: 5px 5px 0px; padding: 5px 5px 0px; position: relative; border-width: 0px; border-style: solid;" id="mce_23" spellcheck="false"> <p></p> <hr> <h4 style="text-align: center; color: #dbdbdb; border-bottom: none;"><span style="color: #6e6e6e;">STAY IN TOUCH</span></h4> <p></p> </div> </div> </div> <div class="amh-row row" id="idwmSqR"> <div class="amh-block amh-widget col-md-12" data-block-type="widget" id="idRY0aJ"> <div class="amh-content" style="margin: 0px 5px 5px; padding: 0px 5px 5px; border-width: 0px; border-style: solid;"> <div class="dynamic-widget" data-frame="false" data-fill-with="4600" data-location=""> <div data-widgetid="4600" id="4600"><div style="display: flex; justify-content: center;"> <p style="font-size: 0.9em; text-align: center; color: #bcbcbc;"><span title="facebook" class="fa-stack fa-2x"> <a href="https://www.facebook.com/slcpl" style="color: #bcbcbc;" target="_blank" onclick="getOutboundLink('https://www.facebook.com/slcpl'); return false;" rel="noopener noreferrer" aria-label="Facebook"><i class="fa fa-circle fa-stack-2x"></i><i class="fa fa-facebook fa-stack-1x" style="color: #173029;"></i></a> </span> <!--<span title="twitter" class="fa-stack fa-2x"> <a href="https://www.twitter.com/slcpl" style="color: #bcbcbc;" target="_blank" onclick="getOutboundLink('https://www.twitter.com/slcpl'); return false;" rel="noopener noreferrer" aria-label="Twitter"><i class="fa fa-circle fa-stack-2x"></i><i class="fa fa-twitter fa-stack-1x" style="color: #173029;"></i></a> </span>--> <span title="instagram" class="fa-stack fa-2x"> <a href="https://www.instagram.com/slcpl" style="color: #bcbcbc;" onclick="getOutboundLink('https://www.instagram.com/slcpl'); return false;" aria-label="Instagram"><i class="fa fa-circle fa-stack-2x"></i><i class="fa fa-instagram fa-stack-1x" style="color: #173029;"></i></a></span> <span title="youtube" class="fa-stack fa-2x"> <a href="https://www.youtube.com/@SaltLakeCityPublicLibrary" style="color: #bcbcbc;" onclick="getOutboundLink('https://www.youtube.com/@SaltLakeCityPublicLibrary'); return false;" aria-label="YouTube"><i class="fa fa-circle fa-stack-2x"></i><i class="fa fa-youtube-play fa-stack-1x" style="color: #173029;"></i></a> </span> <span title="medium" class="fa-stack fa-2x"> <a href="https://slcpl.medium.com" style="color: #bcbcbc;" onclick="getOutboundLink('https://slcpl.medium.com'); return false;" aria-label="Medium"><i class="fa fa-circle fa-stack-2x"></i><i class="fab fa-medium fa-stack-1x" style="color: #173029;"></i></a> </span> <span title="tiktok" class="fa-stack fa-2x"> <a href="https://www.tiktok.com/@slcpl" style="color: #bcbcbc;" onclick="getOutboundLink('https://www.tiktok.com/@slcpl'); return false;" aria-label="TikTok"><i class="fa fa-circle fa-stack-2x"></i><i class="fab fa-tiktok fa-stack-1x fa-inverse" style="color: #173029;"></i></a> </span></p> </div></div> </div> </div> </div> </div> <div class="amh-row row" id="idWjiSV"> <div class="amh-block amh-text col-md-12" data-block-type="text" style="" id="idGuCdS"> <div class="amh-content" style="margin: 5px; padding: 5px; position: relative;" id="mce_24" spellcheck="false"> <div> <h4 style="text-align: center; text-transform: none; color: #1ecad3; border-bottom: none; font-weight: 500;"><span style="color: #6e6e6e;">GET THE LIBRARY APP<br><br></span></h4> </div> <div style="display: flex; justify-content: center;"> <a href="https://apps.apple.com/us/app/slc-public-library/id1364574052" target="_blank" onclick="getOutboundLink('https://apps.apple.com/us/app/slc-public-library/id1364574052'); return false;" rel="noopener" style=""><img data-src="https://events.slcpl.org/images/tile/slcpl/Super_Summer_Challenge/AppStore.png" class="lazyload" alt="Apple App Store" width="125" height="42"></a> <a href="https://play.google.com/store/apps/details?id=co.communico.slcpl&hl=en" target="_blank" onclick="getOutboundLink('https://play.google.com/store/apps/details?id=co.communico.slcpl&hl=en'); return false;" rel="noopener"><img data-src="https://events.slcpl.org/images/tile/slcpl/Super_Summer_Challenge/GooglePlay1.png" class="lazyload" alt="Google Play" width="141" height="42"></a> </div> </div> </div> </div> <div class="amh-row row" id="idEB7Ji"> <div class="amh-block amh-text col-md-12" data-block-type="text" id="idWLVRz"> <div class="amh-content" style="margin: 5px 5px 0px; padding: 5px 5px 0px; position: relative; border-width: 0px; border-style: solid;" id="mce_23" spellcheck="false"> <p></p> <hr> <nav> <ul class="footer-links"> <li><span style="color: #6e6e6e;"><a target="_blank" href="https://slcpl.na2.iiivega.com" rel="noopener" style="color: #6e6e6e; font-weight: normal;">Catalog</a></span></li> <li><span style="color: #6e6e6e;"><a href="https://events.slcpl.org/events" style="color: #6e6e6e; font-weight: normal;">Events</a></span></li> <li><span style="color: #6e6e6e;"><a href="https://about.slcpl.org/locations" style="color: #6e6e6e; font-weight: normal;">Locations and Hours</a></span></li> <li><span style="color: #6e6e6e;"><a href="https://about.slcpl.org/contact-us" style="color: #6e6e6e; font-weight: normal;">Contact Us</a></span></li> <li><span style="color: #6e6e6e;"><a href="https://services.slcpl.org/newsletter-signup" style="color: #6e6e6e; font-weight: normal;">Newsletter</a></span></li> </ul> </nav> <p></p> </div> </div> </div> <div class="amh-row row" id="idXf8R7"> <div class="amh-block amh-text col-md-12 hidden-sm hidden-md hidden-lg" data-block-type="text" id="idhtmw8" style=""> <div class="amh-content mce-content-body" style="margin: 0px 5px 5px; padding: 0px 5px 5px; position: relative; border-width: 0px; border-style: solid;" id="mce_23" spellcheck="false"> <p><br></p> <p>© Copyright 2025 Salt Lake City Public Library. All rights reserved.</p> <p><br></p> </div> </div> </div> <div class="amh-row row" id="idPdB0d"><div class="amh-block amh-widget col-md-12" data-block-type="widget" id="idAFrdI"><div class="amh-content" style="margin: 5px; padding: 5px; border-width: 0px; border-style: solid;"><div class="dynamic-widget" data-frame="false" data-fill-with="9016" data-location=""> <div data-widgetid="9016" id="9016"><p> <script type="text/javascript"> (function() { var se = document.createElement('script'); se.type = 'text/javascript'; se.async = true; se.src = '//storage.googleapis.com/uniqueicchat/js/308377fe-a092-431f-a9af-9fd0b84db215.js'; var done = false; se.onload = se.onreadystatechange = function() { if (!done&&(!this.readyState||this.readyState==='loaded'||this.readyState==='complete')) { done = true; UniqueChat.setCallback('Close', function (chat, online) { UniqueChat.hideButton(); }); var partUrlToHideButton = [ "/widget?id=", "/v/assets/", "/v/assets/book/", ]; var exactUrlToHideButton = [ "https://about.slcpl.org/contact-us", ]; var url = window.location.href; console.log(url); function hideChatButtonOnThisPage() { UniqueChat.hideButton(); UniqueChat.setCallback('Close', function (type, status) { UniqueChat.hideButton(); }); }; partUrlToHideButton.forEach(function(partUrl) { if(url.indexOf(partUrl) !== -1){ hideChatButtonOnThisPage(); } }); exactUrlToHideButton.forEach(function(exactUrl) { if(url === exactUrl){ hideChatButtonOnThisPage(); } }); } }; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(se, s); })(); </script> </p></div> </div></div></div></div> <div class="amh-row row" id="idU8f5f"><div class="amh-block amh-widget col-md-12" data-block-type="widget" id="idSxAM3"><div class="amh-content" style="margin: 5px; padding: 5px; border-width: 0px; border-style: solid;"><div class="dynamic-widget" data-frame="false" data-fill-with="21400" data-location=""></div></div></div></div> </div> </div> </div> </div> </div> <div id="default_footer"> <a class="sideload" href="/privacy">Privacy and cookie policy</a> | <a href="#" onclick="openAccessibility()">Accessibility</a> | <a href="http://communico.co">Communico</a><br><br> <span style="font-size:80%">Connected content from Communico. © 2025.</span> </div> <script type="text/javascript" src="/js/lib/jquery.shapeshift.min.js?v=1313"></script> <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.13/js/bootstrap-multiselect.min.js"></script> <script type="text/javascript" src="/js/am-shared.js?v=1313"></script> <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script> <script type="text/javascript" src="/js/lib/bootstrap-timepicker.js?v=1313"></script> <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/malihu-custom-scrollbar-plugin/3.1.5/jquery.mCustomScrollbar.min.js"></script> <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.7.1/js/bootstrap-datepicker.min.js"></script> <script type="text/javascript" src="/js/lib/jquery.cycle2.min.js?v=1313"></script> <script type="text/javascript" src="/js/jquery.tweet.min.js?v=1313"></script> <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jQuery.dotdotdot/1.7.2/jquery.dotdotdot.min.js"></script> <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/rome/2.1.14/rome.min.js"></script> <script type="text/javascript" src="/js/jquery.zrssfeed.min.js?v=1313"></script> <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/qtip2/3.0.3/jquery.qtip.min.js"></script> <script type="text/javascript" src="/js/lib/jquery.cookie.min.js?v=1313"></script> <script type="text/javascript" src="/js/lib/json3.min.js?v=1313"></script> <script type="text/javascript" src="/js/am-events-listings.js?v=1313"></script> <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/sticky-kit/1.1.3/sticky-kit.min.js"></script> <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery.payment/3.0.0/jquery.payment.min.js"></script> <script type="text/javascript" src="/js/am-reserve-booker.v3.js?v=1313"></script> <script type="text/javascript" src="/js/am-reserve-room.v3.js?v=1313"></script> <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery.sticky/1.0.4/jquery.sticky.min.js"></script> <script type="text/javascript" src="/js/am-room-info.js?v=1313"></script> <script type="text/javascript" src="/js/am-room-picker.js?v=1313"></script> <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/js/bootstrap-datetimepicker.min.js"></script> <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/moment-timezone/0.4.1/moment-timezone-with-data.min.js"></script> <script type="text/javascript" src="/js/am-reserve-picker.v3.js?v=1313"></script> <script type="text/javascript" src="/js/am-subscriptions.js?v=1313"></script> <script type="text/javascript" src="/js/am-subscriptions.js?v=1313"></script> <script type="text/javascript" src="/js/am-channel.js?v=1313"></script> <script type="text/javascript" src="/js/card-signup.js?v=1313"></script> <script type="text/javascript" src="/js/custom.js?v=1313"></script> <script type="text/javascript" src="/js/es6/dist/coUtilsComp.js?v=1313"></script> <script type="text/javascript" src="/js/es6/dist/coEventBillingComp.js?v=1313"></script> <script type="text/javascript" src="/js/es6/coRooms/coRooms-comp.js?v=1313"></script> <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/noUiSlider/14.0.2/nouislider.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/1.3.3/custom-elements-es5-adapter.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/1.3.3/webcomponents-lite.js"></script> <script type="text/javascript"> $(function () { var accessibilityText = ''; switch (document.querySelector('meta[name=region]').content) { case 'us': accessibilityText = 'Choose a color combination to give the most comfortable contrast.'; break; default: accessibilityText = 'Choose a colour combination to give the most comfortable contrast.'; break; } document.getElementById('accessibilityText').innerText = accessibilityText; }); </script> </body> </html>