CINXE.COM

<!DOCTYPE html> <html lang="en">  <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=EDGE"> <title> Teens - 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=""> <meta name="apiserver" content="https://api-us.communico.co"> <meta name="region" content="us"> <meta name="location-id" content=""> <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/ data:; script-src https://maxcdn.bootstrapcdn.com/ https://cdnjs.cloudflare.com/ https://ajax.googleapis.com/ https://code.jquery.com/ https://cdn.jsdelivr.net/ https://cdn.lightwidget.com/ https://*.slcpl.org/ 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/ 'unsafe-inline' 'unsafe-eval' https: https://cse.google.com/; 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; frame-src 'self' https://*.slcpl.org/ 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://cdn.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">  <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>   <script async src="https://www.googletagmanager.com/gtag/js?id=UA-21620059-6"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-21620059-6'); </script>  <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>   <script> var getOutboundLink = function(url) { gtag('event', 'click', { 'event_category': 'outbound', 'event_label': url, 'transport_type': 'beacon', 'event_callback': function(){document.location = url;} }); } </script> <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.21.0/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">   <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> </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="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=30">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">  </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 teens-14951"> <div data-portal="slcpl" data-pageid="14951"> <div class="amh-row row" id="idAEKAc"><div class="amh-block amh-container col-md-12 hidden-xs hidden-sm" data-block-type="container" id="idmHs0p"><div class="amh-content" style="border-width: 0px; border-style: solid;"> <div class="amh-row row" id="id2LyUo"><div class="amh-block amh-text col-md-12 hidden-xs hidden-sm" data-block-type="text" id="id2EAUi"><div class="amh-content mce-content-body" style="margin: 5px 5px 0px; padding: 5px 5px 0px; position: relative; border-width: 0px; border-style: solid;" id="mce_26" spellcheck="false"><center><span style="overflow: hidden;" data-mce-object="iframe" class="mce-preview-object mce-object-iframe" data-mce-p-frameborder="0" data-mce-p-onload="resizeIframe(this)" data-mce-p-class="widgetframepreview" data-mce-p-marginheight="0" data-mce-p-scrolling="no" data-mce-p-data-client="slcpl" data-mce-p-data-widgetid="6840" data-mce-p-src="https://services.slcpl.org/widget?id=6840&style=382&bodyonly=1"><iframe src="https://services.slcpl.org/widget?id=6840&style=382&bodyonly=1" style="overflow: hidden;" class="widgetframepreview" width="100%" height="500" frameborder="0"></iframe><span class="mce-shim"></span></span></center></div></div></div> <div class="amh-row row" id="idNlEy0"><div class="amh-block amh-text col-md-12 hidden-xs hidden-sm" data-block-type="text" style="" id="idNEEUU"><div class="amh-content" style="margin: 5px; padding: 5px; position: relative; border-width: 0px; border-style: solid;"><span><hr></span></div></div></div> </div></div></div> <div class="amh-row row" id="idsRHyg"><div class="amh-block amh-widget col-md-12 hidden-xs" data-block-type="widget" id="id3B8yB"><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="21759" data-location=""> <div data-widgetid="21759" id="21759"><div class="iframe-wrapper" style="display: flex; min-width: 300px; justify-content: center;"><iframe style="border: 1px solid #698f00; display: block; height: 450px; width: 100%;" id="iframeId" title="BEST OF 2024" srcdoc='<style> body { margin: 0px !important; } .clamp-text__one { background-color: #698f00 !important; color: #ffffff !important; font-weight: bold !important; display: flex; align-items: center; height: 100%; } .showcase-widget__title { height: 45px !important; margin-top: 0px !important; display: flex; align-items: center; justify-content: center; text-align: center; } .showcase-widget__title__link { text-decoration: none !important; color: #ffffff !important; pointer-events: none !important; cursor: default !important; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; } a.showcase-widget__title__link:hover { text-decoration: none !important; } </style> <vega-showcase-widget showcase-id="42996a14-ca75-4bf5-b532-851d308c52cc" vega-host="slcpl.na2.iiivega.com" display-amount="5" max-amount="20" description=""> </vega-showcase-widget> <script type="text/javascript" defer src="https://vega-widgets.s3.us-east-2.amazonaws.com/vega-showcase-widget/prod/pendo-showcase-widget.js"></script>'> </iframe></div></div> </div></div></div></div> <div class="amh-row row" id="idGwmJT"><div class="amh-block amh-container col-md-12" data-block-type="container" id="idGQJC5" style=""><div class="amh-content"> <div class="amh-row row" id="idKojnm"> <div class="amh-block amh-container col-md-4" data-block-type="container" style="" id="idxLL3M"><div class="amh-content"> <div class="amh-row row" id="idnDWb4"><div class="amh-block amh-text col-md-12" data-block-type="text" id="id1BpGJ" style=""><div class="amh-content mce-content-body" style="margin: 5px 5px 0px; padding: 5px 5px 0px; position: relative; border-width: 0px; border-style: solid;" id="mce_0" spellcheck="false"><p><a href="https://services.slcpl.org/kids-cafe" data-mce-href="https://services.slcpl.org/kids-cafe" data-mce-selected="inline-boundary" style=""><img src="https://events.slcpl.org/images/tile/slcpl/Teens/KidsCafe1.png" width="100%" height="100%" alt="" data-mce-src="https://events.slcpl.org/images/tile/slcpl/Teens/KidsCafe1.png"></a></p></div></div></div> <div class="amh-row row" id="idqsJ8X"><div class="amh-block amh-text col-md-12" data-block-type="text" id="id0WnWU" style=""><div class="amh-content" style="margin: 5px; padding: 5px; position: relative; border-width: 0px; border-style: solid;" id="mce_25" spellcheck="false"><h4><strong>Kids Café</strong></h4></div></div></div> <div class="amh-row row" id="id8DA9h"><div class="amh-block amh-text col-md-12" data-block-type="text" id="id6kZlo" style=""><div class="amh-content" style="margin: 5px; padding: 5px; position: relative;" id="mce_26" spellcheck="false"><p>Kids Café offers free snacks for kids up to age 18. Kids Café is available at four of our locations. <em>This service is provided in partnership with the <a href="https://www.utahfoodbank.org/">Utah Food Bank</a>.</em><br><br></p></div></div></div> <div class="amh-row row" id="idSFaQQ"><div class="amh-block amh-widget col-md-12" data-block-type="widget" id="idqT7TO" style=""><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="14016" data-location=""> <div data-widgetid="14016" id="14016"> <div class="resintro"></div> <table class="buttontable"> <tbody> <tr> <td style="vertical-align: middle;"><button onclick='window.open("https://services.slcpl.org/kids-cafe")' class="wbutton button">Learn More</button></td> <td class="buttondesc toprule" style="vertical-align: middle;"><a target="_blank" href="https://services.slcpl.org/kids-cafe"></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="idyqhwP"><div class="amh-block amh-text col-md-12 hidden-xs hidden-sm hidden-md hidden-lg" data-block-type="text" id="id58wtf"><div class="amh-content" style="margin: 5px 5px 0px; padding: 5px 5px 0px; position: relative; border-width: 0px; border-style: solid;" id="mce_0" spellcheck="false"><p><a href="https://events.slcpl.org/events?term=Tween+LGBT%2B+Book+Club&r=thismonth" style=""><img src="https://events.slcpl.org/images/tile/slcpl/Teens/TweenLGBTQBookClubBanner.png" width="100%" height="100%" alt=""></a></p></div></div></div> <div class="amh-row row" id="id1Iu7d"><div class="amh-block amh-text col-md-12 hidden-xs hidden-sm hidden-md hidden-lg" data-block-type="text" id="idjtLM6"><div class="amh-content" style="margin: 5px; padding: 5px; position: relative; border-width: 0px; border-style: solid;" id="mce_25" spellcheck="false"><h4><strong>TWEEN LGBTQ+ BOOK CLUB</strong></h4></div></div></div> <div class="amh-row row" id="idNF6np"><div class="amh-block amh-text col-md-12 hidden-xs hidden-sm hidden-md hidden-lg" data-block-type="text" id="idkXpLL"><div class="amh-content" style="margin: 5px; padding: 5px; position: relative; border-width: 0px; border-style: solid;" id="mce_26" spellcheck="false"><p>This book club is a virtual, inclusive, safe, monthly hangout for LGBTQ+ tweens and tween allies. Discuss books about characters who identify as LGBTQ+, play games, write, and have conversations.</p></div></div></div> <div class="amh-row row" id="id8wokb"><div class="amh-block amh-widget col-md-12 hidden-xs hidden-sm hidden-md hidden-lg" data-block-type="widget" id="idau5dN"><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="10957" data-location=""> <div data-widgetid="10957" id="10957"> <div class="resintro"></div> <table class="buttontable"> <tbody> <tr> <td style="vertical-align: middle;"><button onclick='window.open("https://events.slcpl.org/events?term=Tween+LGBT%2B+Book+Club&r=days&n=35")' class="wbutton button">Get Book Club Details</button></td> <td class="buttondesc toprule" style="vertical-align: middle;"><a target="_blank" href="https://events.slcpl.org/events?term=Tween+LGBT%2B+Book+Club&r=days&n=35"></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="idBfmMF"><div class="amh-block amh-text col-md-12 hidden-sm hidden-md hidden-lg" data-block-type="text" id="idpydk6"><div class="amh-content" style="margin: 0px 5px 5px; padding: 0px 5px 5px; position: relative; border-width: 0px; border-style: solid;" id="mce_27" spellcheck="false"><hr></div></div></div> </div></div> <div class="amh-block amh-container col-md-4" data-block-type="container" style="" id="idHexDp"><div class="amh-content"> <div class="amh-row row" id="idSnTLK"><div class="amh-block amh-text col-md-12" data-block-type="text" id="id6K7JO" style=""><div class="amh-content mce-content-body" style="margin: 5px 5px 0px; padding: 5px 5px 0px; position: relative; border-width: 0px; border-style: solid;" id="mce_29" spellcheck="false"><p><a href="https://events.slcpl.org/events?term=ACT+Study+Sessions&r=days&n=35" title="ACT Study Sessions" data-mce-href="https://events.slcpl.org/events?term=ACT+Study+Sessions&r=days&n=35" data-mce-selected="inline-boundary"><img src="https://static.libnet.info/frontend-images/tile/slcpl/Teens/ACTStudySessionsBanner2022.png" width="100%" height="100%" alt="ACT Study Sessions" title="ACT Study Sessions" data-mce-src="https://static.libnet.info/frontend-images/tile/slcpl/Teens/ACTStudySessionsBanner2022.png"></a></p></div></div></div> <div class="amh-row row" id="idV27kP"><div class="amh-block amh-text col-md-12" data-block-type="text" id="idNpY1J" style=""><div class="amh-content" style="margin: 5px; padding: 5px; position: relative; border-width: 0px; border-style: solid;" id="mce_30" spellcheck="false"><h4><strong>ACT® TEST PREP HELP</strong></h4></div></div></div> <div class="amh-row row" id="iduhqUK"><div class="amh-block amh-text col-md-12" data-block-type="text" id="idYkNu9" style=""><div class="amh-content" style="margin: 5px; padding: 5px; position: relative; border-width: 0px; border-style: solid;" id="mce_31" spellcheck="false"><p>We've partnered with student volunteers from the University of Utah's Bennion Center that will help you prepare for taking the ACT®. Attend at least two virtual sessions and get a free ACT® study book!</p></div></div></div> <div class="amh-row row" id="idLtU3J"><div class="amh-block amh-widget col-md-12" data-block-type="widget" id="idKfl4m" style=""><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="10958" data-location=""> <div data-widgetid="10958" id="10958"> <div class="resintro"></div> <table class="buttontable"> <tbody> <tr> <td style="vertical-align: middle;"><button onclick='window.open("https://events.slcpl.org/events?term=ACT+Study+Sessions&r=days&n=35")' class="wbutton button">Find Study Session Dates</button></td> <td class="buttondesc toprule" style="vertical-align: middle;"><a target="_blank" href="https://events.slcpl.org/events?term=ACT+Study+Sessions&r=days&n=35"></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="idC36od"><div class="amh-block amh-text col-md-12 hidden-xs hidden-sm hidden-md hidden-lg" data-block-type="text" id="idP8aRX" style=""><div class="amh-content" style="margin: 5px 5px 0px; padding: 5px 5px 0px; position: relative; border-width: 0px; border-style: solid;" id="mce_0" spellcheck="false"><p><a href="https://slcpl.na2.iiivega.com/search?pageSize=10&pageNum=0&sorting=relevance&sortOrder=asc&searchType=everything&query=Manga&universalLimiterIds=&materialTypeIds=&collectionIds=&intendedAudienceIds=&agentIds=&conceptIds=&languageIds=&locationIds=&publisherIds=" style=""><img src="https://static.libnet.info/frontend-images/tile/slcpl/Teens/MangaHeader.png" width="100%" height="100%" alt=""></a></p></div></div></div> <div class="amh-row row" id="idWlyQr"><div class="amh-block amh-text col-md-12 hidden-xs hidden-sm hidden-md hidden-lg" data-block-type="text" id="id282mj" style=""><div class="amh-content" style="margin: 5px; padding: 5px; position: relative; border-width: 0px; border-style: solid;" id="mce_24" spellcheck="false"><h4><strong>MANGA & GRAPHIC NOVELS</strong></h4></div></div></div> <div class="amh-row row" id="id0nUJI"><div class="amh-block amh-text col-md-12 hidden-xs hidden-sm hidden-md hidden-lg" data-block-type="text" id="idkX9HT" style=""><div class="amh-content mce-content-body" style="margin: 5px; padding: 5px; position: relative; border-width: 0px; border-style: solid;" id="mce_25" spellcheck="false"><p>Explore our huge collection of <a href="https://slcpl.na2.iiivega.com/search?pageSize=10&pageNum=0&sorting=relevance&sortOrder=asc&searchType=everything&query=Manga&universalLimiterIds=&materialTypeIds=&collectionIds=&intendedAudienceIds=&agentIds=&conceptIds=&languageIds=&locationIds=&publisherIds=" data-mce-href="https://slcpl.na2.iiivega.com/search?pageSize=10&pageNum=0&sorting=relevance&sortOrder=asc&searchType=everything&query=Manga&universalLimiterIds=&materialTypeIds=&collectionIds=&intendedAudienceIds=&agentIds=&conceptIds=&languageIds=&locationIds=&publisherIds=" style="">Manga and Graphic Novels</a>. You'll learn something about Japanese culture along the way!<br><br><br></p></div></div></div> <div class="amh-row row" id="id7j6Jf"><div class="amh-block amh-widget col-md-12 hidden-xs hidden-sm hidden-md hidden-lg" data-block-type="widget" id="idE5Pdu" style=""><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="22003" data-location=""> <div data-widgetid="22003" id="22003"> <div class="resintro"></div> <table class="buttontable"> <tbody> <tr> <td style="vertical-align: middle;"><button onclick='window.open("https://slcpl.na2.iiivega.com/search?pageSize=10&pageNum=0&sorting=relevance&sortOrder=asc&searchType=everything&query=Manga&universalLimiterIds=&materialTypeIds=&collectionIds=&intendedAudienceIds=&agentIds=&conceptIds=&languageIds=&locationIds=&publisherIds=")' class="wbutton button">Get Started</button></td> <td class="buttondesc toprule" style="vertical-align: middle;"><a target="_blank" href="https://slcpl.na2.iiivega.com/search?pageSize=10&pageNum=0&sorting=relevance&sortOrder=asc&searchType=everything&query=Manga&universalLimiterIds=&materialTypeIds=&collectionIds=&intendedAudienceIds=&agentIds=&conceptIds=&languageIds=&locationIds=&publisherIds="></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="idp9X5O"><div class="amh-block amh-text col-md-12 hidden-xs hidden-sm hidden-md hidden-lg" data-block-type="text" id="iddRNfL" style=""><div class="amh-content mce-content-body" style="margin: 5px 5px 0px; padding: 5px 5px 0px; position: relative; border-width: 0px; border-style: solid;" id="mce_34" spellcheck="false"><p><a href="https://events.slcpl.org/events?term=Tween+Book+Club&r=days&n=65" data-mce-href="https://events.slcpl.org/events?term=Tween+Book+Club&r=days&n=65" data-mce-selected="inline-boundary" style=""><img src="https://events.slcpl.org/images/tile/slcpl/Teens/TweenBookClubBanner.png" width="100%" height="100%" alt="" data-mce-src="https://events.slcpl.org/images/tile/slcpl/Teens/TweenBookClubBanner.png"></a></p></div></div></div> <div class="amh-row row" id="idV0lrt"><div class="amh-block amh-text col-md-12 hidden-xs hidden-sm hidden-md hidden-lg" data-block-type="text" id="id1Owmz"><div class="amh-content" style="margin: 5px; padding: 5px; position: relative; border-width: 0px; border-style: solid;" id="mce_35" spellcheck="false"><h4><strong>TWEEN BOOK CLUB</strong></h4></div></div></div> <div class="amh-row row" id="idI1VPR"><div class="amh-block amh-text col-md-12 hidden-xs hidden-sm hidden-md hidden-lg" data-block-type="text" id="idKJEm8"><div class="amh-content" style="margin: 5px; padding: 5px; position: relative; border-width: 0px; border-style: solid;" id="mce_36" spellcheck="false"><p>Read and discuss a book for tweens ages 10–12! Hang out, have fun, and share a love of reading. Meetings are held on the 4th Wednesday of each month from 4:30–5:30pm at the Anderson-Foothill Branch.</p></div></div></div> <div class="amh-row row" id="id8pTZC"><div class="amh-block amh-widget col-md-12 hidden-xs hidden-sm hidden-md hidden-lg" data-block-type="widget" id="id8ak4J"><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="10959" data-location=""> <div data-widgetid="10959" id="10959"> <div class="resintro"></div> <table class="buttontable"> <tbody> <tr> <td style="vertical-align: middle;"><button onclick='window.open("https://events.slcpl.org/events?term=Tween+Book+Club&r=days&n=65")' class="wbutton button">See Upcoming Dates</button></td> <td class="buttondesc toprule" style="vertical-align: middle;"><a target="_blank" href="https://events.slcpl.org/events?term=Tween+Book+Club&r=days&n=65"></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="idRMRyp"><div class="amh-block amh-text col-md-12 hidden-sm hidden-md hidden-lg" data-block-type="text" id="ids0Wy7"><div class="amh-content" id="mce_33" style="margin: 0px 5px 5px; padding: 0px 5px 5px; position: relative; border-width: 0px; border-style: solid;" spellcheck="false"><hr></div></div></div> </div></div> <div class="amh-block amh-container col-md-4" data-block-type="container" style="" id="idHexDp"><div class="amh-content"> <div class="amh-row row" id="idy63I2"><div class="amh-block amh-widget hidden-xs col-md-12" data-block-type="widget" id="idm7Jmt"><div class="amh-content" style="margin: 5px; padding: 5px; border-width: 0px; border-style: solid;"><div class="dynamic-widget" data-frame="true" data-fill-with="4456" data-location=""> <div class="widget" data-widgetid="4456" id="4456"> <div class="widgetheader"> Teen Events </div> <div class="widgetbody"> <div class="amev-event-list"> <div class="amev-event"> <div class="amev-event-data "> <div class="amev-event-title"><a href="https://events.slcpl.org/event/9725564">Dungeons & Dragons for Beginners</a></div> <div class="amev-event-time headingtext">Tue, Dec 03, 6:00pm - 8:00pm</div> <div class="amev-event-location headingtext"> <i class="am-locations"></i>Sweet Branch - <i>Meeting Room</i> </div> <div class="amev-event-description"></div> </div> <hr> </div> <div class="amev-event"> <div class="amev-event-data "> <div class="amev-event-title"><a href="https://events.slcpl.org/event/12122415">Dog Day Afternoons</a></div> <div class="amev-event-time headingtext">Wed, Dec 04, 3:30pm - 4:30pm</div> <div class="amev-event-location headingtext"> <i class="am-locations"></i>Day-Riverside Branch - <i>Children's Room</i> </div> <div class="amev-event-description"></div> </div> <hr> </div> <div class="amev-event"> <div class="amev-event-data "> <div class="amev-event-title"><a href="https://events.slcpl.org/event/11642400">Alphabet Soup<span class="amev-event-subtitle"> - An LGBTQ+ Meetup for Teens </span></a></div> <div class="amev-event-time headingtext">Wed, Dec 04, 4:00pm - 5:00pm</div> <div class="amev-event-location headingtext"> <i class="am-locations"></i>Sprague Branch - <i>Meeting Room</i> </div> <div class="amev-event-description"></div> </div> <hr> </div> <div class="amev-event"> <div class="amev-event-data "> <div class="amev-event-title"><a href="https://events.slcpl.org/event/11622262">Teen Zine Team<span class="amev-event-subtitle"> - WITH GRID ZINE FEST</span></a></div> <div class="amev-event-time headingtext">Thu, Dec 05, 4:00pm - 5:00pm</div> <div class="amev-event-location headingtext"> <i class="am-locations"></i>Main Library</div> <div class="amev-event-description"></div> </div> <hr> </div> <div class="amev-event"> <div class="amev-event-data "> <div class="amev-event-title"><a href="https://events.slcpl.org/event/11321896">Yarn Y'all<span class="amev-event-subtitle"> - Knit, Crochet, & Embroider</span></a></div> <div class="amev-event-time headingtext">Thu, Dec 05, 6:30pm - 7:30pm</div> <div class="amev-event-location headingtext"> <i class="am-locations"></i>Main Library</div> <div class="amev-event-description"></div> </div> <hr> </div> <div class="amev-event"> <div class="amev-event-data "> <div class="amev-event-title"><a href="https://events.slcpl.org/event/11988508">Family Art Hour</a></div> <div class="amev-event-time headingtext">Fri, Dec 06, 3:00pm - 5:00pm</div> <div class="amev-event-location headingtext"> <i class="am-locations"></i>Day-Riverside Branch - <i>Meeting Room</i> </div> <div class="amev-event-description"></div> </div> <hr> </div> <div class="amev-event"> <div class="amev-event-data "> <div class="amev-event-title"><a href="https://events.slcpl.org/event/11780782">Tween Video Gaming</a></div> <div class="amev-event-time headingtext">Fri, Dec 06, 4:00pm - 5:00pm</div> <div class="amev-event-location headingtext"> <i class="am-locations"></i>Chapman Branch - <i>Meeting Room</i> </div> <div class="amev-event-description"></div> </div> <hr> </div> <div class="amev-event"> <div class="amev-event-data "> <div class="amev-event-title"><a href="https://events.slcpl.org/event/11988577">Twitterpated Teens<span class="amev-event-subtitle"> - 10 Blind Dates by Ashley Elston</span></a></div> <div class="amev-event-time headingtext">Mon, Dec 09, 4:00pm - 5:00pm</div> <div class="amev-event-location headingtext"> <i class="am-locations"></i>Sprague Branch - <i>Meeting Room</i> </div> <div class="amev-event-description"></div> </div> <hr> </div> <div class="amev-event"> <div class="amev-event-data amev-event-canceled"> <div class="eelist-changed-message">Cancelled</div> <div class="amev-event-title"><a href="https://events.slcpl.org/event/11730164">Afterschool Dungeons & Dragons</a></div> <div class="amev-event-time headingtext">Tue, Dec 10, 3:45pm - 6:00pm</div> <div class="amev-event-location headingtext"> <i class="am-locations"></i>Marmalade Branch</div> <div class="amev-event-description"></div> </div> <hr> </div> <div class="amev-event"> <div class="amev-event-data "> <div class="amev-event-title"><a href="https://events.slcpl.org/event/12088326">Pokémon Club</a></div> <div class="amev-event-time headingtext">Tue, Dec 10, 4:00pm - 4:45pm</div> <div class="amev-event-location headingtext"> <i class="am-locations"></i>Anderson-Foothill Branch - <i>Meeting Room</i> </div> <div class="amev-event-description"></div> </div> <hr> </div> </div> <div class="amev-all-events-link eeeventall"><a href="https://events.slcpl.org/events">See all events</a></div> </div> </div> </div></div></div></div> <div class="amh-row row" id="iddgHih"><div class="amh-block amh-widget col-md-12 hidden-md hidden-lg hidden-sm" data-block-type="widget" id="idE7gJj"><div class="amh-content" style="margin: 5px; padding: 5px; border-width: 0px; border-style: solid;"><div class="dynamic-widget" data-frame="true" data-fill-with="6821" data-location=""> <div class="widget" data-widgetid="6821" id="6821"> <div class="widgetheader"> Teen Events </div> <div class="widgetbody"> <div class="amev-event-list"> <div class="amev-event"> <div class="amev-event-data "> <div class="amev-event-title"><a href="https://events.slcpl.org/event/9725564">Dungeons & Dragons for Beginners</a></div> <div class="amev-event-time headingtext">Tue, Dec 03, 6:00pm - 8:00pm</div> <div class="amev-event-location headingtext"> <i class="am-locations"></i>Sweet Branch - <i>Meeting Room</i> </div> <div class="amev-event-description"></div> </div> <hr> </div> <div class="amev-event"> <div class="amev-event-data "> <div class="amev-event-title"><a href="https://events.slcpl.org/event/12122415">Dog Day Afternoons</a></div> <div class="amev-event-time headingtext">Wed, Dec 04, 3:30pm - 4:30pm</div> <div class="amev-event-location headingtext"> <i class="am-locations"></i>Day-Riverside Branch - <i>Children's Room</i> </div> <div class="amev-event-description"></div> </div> <hr> </div> <div class="amev-event"> <div class="amev-event-data "> <div class="amev-event-title"><a href="https://events.slcpl.org/event/11642400">Alphabet Soup<span class="amev-event-subtitle"> - An LGBTQ+ Meetup for Teens </span></a></div> <div class="amev-event-time headingtext">Wed, Dec 04, 4:00pm - 5:00pm</div> <div class="amev-event-location headingtext"> <i class="am-locations"></i>Sprague Branch - <i>Meeting Room</i> </div> <div class="amev-event-description"></div> </div> <hr> </div> <div class="amev-event"> <div class="amev-event-data "> <div class="amev-event-title"><a href="https://events.slcpl.org/event/11622262">Teen Zine Team<span class="amev-event-subtitle"> - WITH GRID ZINE FEST</span></a></div> <div class="amev-event-time headingtext">Thu, Dec 05, 4:00pm - 5:00pm</div> <div class="amev-event-location headingtext"> <i class="am-locations"></i>Main Library</div> <div class="amev-event-description"></div> </div> <hr> </div> <div class="amev-event"> <div class="amev-event-data "> <div class="amev-event-title"><a href="https://events.slcpl.org/event/11321896">Yarn Y'all<span class="amev-event-subtitle"> - Knit, Crochet, & Embroider</span></a></div> <div class="amev-event-time headingtext">Thu, Dec 05, 6:30pm - 7:30pm</div> <div class="amev-event-location headingtext"> <i class="am-locations"></i>Main Library</div> <div class="amev-event-description"></div> </div> <hr> </div> <div class="amev-event"> <div class="amev-event-data "> <div class="amev-event-title"><a href="https://events.slcpl.org/event/11988508">Family Art Hour</a></div> <div class="amev-event-time headingtext">Fri, Dec 06, 3:00pm - 5:00pm</div> <div class="amev-event-location headingtext"> <i class="am-locations"></i>Day-Riverside Branch - <i>Meeting Room</i> </div> <div class="amev-event-description"></div> </div> <hr> </div> <div class="amev-event"> <div class="amev-event-data "> <div class="amev-event-title"><a href="https://events.slcpl.org/event/11780782">Tween Video Gaming</a></div> <div class="amev-event-time headingtext">Fri, Dec 06, 4:00pm - 5:00pm</div> <div class="amev-event-location headingtext"> <i class="am-locations"></i>Chapman Branch - <i>Meeting Room</i> </div> <div class="amev-event-description"></div> </div> <hr> </div> <div class="amev-event"> <div class="amev-event-data "> <div class="amev-event-title"><a href="https://events.slcpl.org/event/11988577">Twitterpated Teens<span class="amev-event-subtitle"> - 10 Blind Dates by Ashley Elston</span></a></div> <div class="amev-event-time headingtext">Mon, Dec 09, 4:00pm - 5:00pm</div> <div class="amev-event-location headingtext"> <i class="am-locations"></i>Sprague Branch - <i>Meeting Room</i> </div> <div class="amev-event-description"></div> </div> <hr> </div> <div class="amev-event"> <div class="amev-event-data amev-event-canceled"> <div class="eelist-changed-message">Cancelled</div> <div class="amev-event-title"><a href="https://events.slcpl.org/event/11730164">Afterschool Dungeons & Dragons</a></div> <div class="amev-event-time headingtext">Tue, Dec 10, 3:45pm - 6:00pm</div> <div class="amev-event-location headingtext"> <i class="am-locations"></i>Marmalade Branch</div> <div class="amev-event-description"></div> </div> <hr> </div> <div class="amev-event"> <div class="amev-event-data "> <div class="amev-event-title"><a href="https://events.slcpl.org/event/12088326">Pokémon Club</a></div> <div class="amev-event-time headingtext">Tue, Dec 10, 4:00pm - 4:45pm</div> <div class="amev-event-location headingtext"> <i class="am-locations"></i>Anderson-Foothill Branch - <i>Meeting Room</i> </div> <div class="amev-event-description"></div> </div> <hr> </div> </div> <div class="amev-all-events-link eeeventall"><a href="https://events.slcpl.org/events">See all events</a></div> </div> </div> </div></div></div></div> <div class="amh-row row" id="idTKOgJ"><div class="amh-block amh-text col-md-12 hidden-md hidden-lg hidden-sm" data-block-type="text" id="id4QWRQ" style=""><div class="amh-content" style="position: relative; border-width: 0px; border-style: solid; padding: 0px 5px 5px; margin: 0px 5px 5px;"><span><hr></span></div></div></div> </div></div> </div> <div class="amh-row row" id="idopfq9"><div class="amh-block amh-text col-md-12 hidden-xs hidden-sm" data-block-type="text" id="idtWaJe"><div class="amh-content" id="mce_37" style="margin: 0px 5px 5px; padding: 0px 5px 5px; position: relative; border-width: 0px; border-style: solid;" spellcheck="false"><hr></div></div></div> <div class="amh-row row" id="idMygwe"><div class="amh-block amh-container col-md-12" data-block-type="container" id="idha8Pe" style=""><div class="amh-content"><div class="amh-row row" id="idKojnm"> <div class="amh-block amh-container col-md-4" data-block-type="container" style="" id="idSNBTP"><div class="amh-content"> <div class="amh-row row" id="iddcGFd"><div class="amh-block amh-text col-md-12" data-block-type="text" style="" id="idYMcZv"><div class="amh-content" style="margin: 5px 5px 0px; padding: 5px 5px 0px; position: relative; border-width: 0px; border-style: solid;" id="mce_0" spellcheck="false"><p><a href="https://events.slcpl.org/events?term=Alphabet+Soup&r=days&n=35" style=""><img src="https://static.libnet.info/frontend-images/tile/slcpl/Teens/AlphabetSoupBanner1.png" width="100%" height="100%" alt=""></a></p></div></div></div> <div class="amh-row row" id="idpyIyN"><div class="amh-block amh-text col-md-12" data-block-type="text" id="idbkBtp" style=""><div class="amh-content" style="margin: 5px; padding: 5px; position: relative;" id="mce_24" spellcheck="false"><h4><strong>ALPHABET SOUP</strong></h4></div></div></div> <div class="amh-row row" id="idFE8gZ"><div class="amh-block amh-text col-md-12" data-block-type="text" id="idtAHIj" style=""><div class="amh-content" style="margin: 5px; padding: 5px; position: relative;" id="mce_25" spellcheck="false"><p>Alphabet Soup is an inclusive, safe, weekly hangout for LGBTQ+ teens and teen allies. Build new friendships through conversations, gaming, casual activities, and more! <i>For teens age 12–17 only.</i></p></div></div></div> <div class="amh-row row" id="idjHqC1"><div class="amh-block amh-widget col-md-12" data-block-type="widget" id="idwvg9h" style=""><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="11001" data-location=""> <div data-widgetid="11001" id="11001"> <div class="resintro"></div> <table class="buttontable"> <tbody> <tr> <td style="vertical-align: middle;"><button onclick='window.open("https://events.slcpl.org/events?term=Alphabet+Soup&r=days&n=35")' class="wbutton button">See Upcoming Dates</button></td> <td class="buttondesc toprule" style="vertical-align: middle;"><a target="_blank" href="https://events.slcpl.org/events?term=Alphabet+Soup&r=days&n=35"></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="id9Sbzm"><div class="amh-block amh-text col-md-12 hidden-sm hidden-md hidden-lg" data-block-type="text" id="idLaDeT"><div class="amh-content" id="mce_32" style="margin: 0px 5px 5px; padding: 0px 5px 5px; position: relative; border-width: 0px; border-style: solid;" spellcheck="false"><hr></div></div></div> </div></div> <div class="amh-block amh-container col-md-4" data-block-type="container" style="" id="idHexDp"><div class="amh-content"> <div class="amh-row row" id="iddlw3I"><div class="amh-block amh-text col-md-12" data-block-type="text" id="idwvPHf" style=""><div class="amh-content mce-content-body" style="margin: 5px 5px 0px; padding: 5px 5px 0px; position: relative; border-width: 0px; border-style: solid;" id="mce_34" spellcheck="false"><p><a href="https://services.slcpl.org/teensquad" data-mce-href="https://services.slcpl.org/teensquad" data-mce-selected="inline-boundary"><img src="https://static.libnet.info/frontend-images/tile/slcpl/Teens/TeenSquadSchoolEdition2023Banner.png" width="100%" height="100%" alt="" data-mce-src="https://static.libnet.info/frontend-images/tile/slcpl/Teens/TeenSquadSchoolEdition2023Banner.png"></a></p></div></div></div> <div class="amh-row row" id="idxRV1X"><div class="amh-block amh-text col-md-12" data-block-type="text" id="id6RdLr" style=""><div class="amh-content" style="margin: 5px; padding: 5px; position: relative; border-width: 0px; border-style: solid;" id="mce_35" spellcheck="false"><h4><strong>VOLUNTEER PROGRAM</strong></h4></div></div></div> <div class="amh-row row" id="idTqCwr"><div class="amh-block amh-text col-md-12" data-block-type="text" id="idz4FOm" style=""><div class="amh-content" style="margin: 5px; padding: 5px; position: relative; border-width: 0px; border-style: solid;" id="mce_36" spellcheck="false">  <p>Students in grades 7–12 can get volunteer hours and learn job skills! Teen Squad is a six-week program where students work with a Librarian to set goals and develop a project. <strong>Apply through February 17, 2025.</strong></p> </div></div></div> <div class="amh-row row" id="idRA68S"><div class="amh-block amh-widget col-md-12" data-block-type="widget" id="idL6MBJ" style=""><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="10962" data-location=""> <div data-widgetid="10962" id="10962"> <div class="resintro"></div> <table class="buttontable"> <tbody> <tr> <td style="vertical-align: middle;"><button onclick='window.open("https://services.slcpl.org/teensquad")' class="wbutton button">Apply Now</button></td> <td class="buttondesc toprule" style="vertical-align: middle;"><a target="_blank" href="https://services.slcpl.org/teensquad"></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="idR0BCS"><div class="amh-block amh-text col-md-12 hidden-xs hidden-sm hidden-md hidden-lg" data-block-type="text" id="idBjqDP" style=""><div class="amh-content" id="mce_23" style="margin: 5px 5px 0px; padding: 5px 5px 0px; position: relative; border-width: 0px; border-style: solid;" spellcheck="false"><p><a href="https://events.slcpl.org/events?term=Tinker+Club&r=days&n=30" style=""><img src="https://static.libnet.info/frontend-images/tile/slcpl/Kids/TinkerClub.png" alt="" width="100%" height="100%"></a></p></div></div></div> <div class="amh-row row" id="idKC4pj"><div class="amh-block amh-text col-md-12 hidden-xs hidden-sm hidden-md hidden-lg" data-block-type="text" id="idlxepA" style=""><div class="amh-content" style="margin: 5px; padding: 5px; position: relative; border-width: 0px; border-style: solid;" id="mce_24" spellcheck="false"><h4><strong>TINKER CLUB</strong></h4></div></div></div> <div class="amh-row row" id="idzZXef"><div class="amh-block amh-text col-md-12 hidden-xs hidden-sm hidden-md hidden-lg" data-block-type="text" id="idulyG8" style=""><div class="amh-content" id="mce_25" style="margin: 5px; padding: 5px; position: relative; border-width: 0px; border-style: solid;" spellcheck="false"><p>Kids ages 8–12 can create, get messy, get techy, experiment, and just hang out together! Each week we'll have new drop-in activities, including things like robotics, button making, and more.</p></div></div></div> <div class="amh-row row" id="idFmkpi"><div class="amh-block amh-widget col-md-12 hidden-xs hidden-sm hidden-md hidden-lg" data-block-type="widget" id="id9YreZ" style=""><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="12187" data-location=""> <div data-widgetid="12187" id="12187"> <div class="resintro"></div> <table class="buttontable"> <tbody> <tr> <td style="vertical-align: middle;"><button onclick='window.open("https://events.slcpl.org/events?term=Tinker+Club&r=days&n=30")' class="wbutton button">Learn More</button></td> <td class="buttondesc toprule" style="vertical-align: middle;"><a target="_blank" href="https://events.slcpl.org/events?term=Tinker+Club&r=days&n=30"></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="idPdw9H"><div class="amh-block amh-text col-md-12 hidden-sm hidden-md hidden-lg" data-block-type="text" id="id9PMFR"><div class="amh-content" id="mce_33" style="margin: 0px 5px 5px; padding: 0px 5px 5px; position: relative; border-width: 0px; border-style: solid;" spellcheck="false"><hr></div></div></div> </div></div> <div class="amh-block amh-container col-md-4" data-block-type="container" style="" id="idxLL3M"><div class="amh-content"> <div class="amh-row row" id="idlqShm"><div class="amh-block amh-text col-md-12" data-block-type="text" id="idEr2rx" style=""><div class="amh-content" style="margin: 5px 5px 0px; padding: 5px 5px 0px; position: relative; border-width: 0px; border-style: solid;" id="mce_0" spellcheck="false"><p><a href="https://app.fierocode.com/sign-in?system=10093"><img src="https://static.libnet.info/frontend-images/tile/slcpl/Teens/FieroCode1.png" width="100%" height="100%" alt=""></a></p></div></div></div> <div class="amh-row row" id="idCmYOK"><div class="amh-block amh-text col-md-12" data-block-type="text" id="idfJ5AN" style=""><div class="amh-content mce-content-body" style="margin: 5px; padding: 5px; position: relative; border-width: 0px; border-style: solid;" id="mce_25" spellcheck="false"><h4><strong>FIERO CODE</strong></h4></div></div></div> <div class="amh-row row" id="id0MWM0"><div class="amh-block amh-text col-md-12" data-block-type="text" id="id3iWSy" style=""><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>Fiero Code is a self-guided, gamified coding platform that offers hundreds of tutorials and real-world projects to teach skills in web design, game creation, app development, animations, and more.</p></div></div></div> <div class="amh-row row" id="idxqfi6"><div class="amh-block amh-widget col-md-12" data-block-type="widget" id="idhEgBR" style=""><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="22654" data-location=""> <div data-widgetid="22654" id="22654"> <div class="resintro"></div> <table class="buttontable"> <tbody> <tr> <td style="vertical-align: middle;"><button onclick='window.open("https://app.fierocode.com/sign-in?system=10093")' class="wbutton button">Get Started</button></td> <td class="buttondesc toprule" style="vertical-align: middle;"><a target="_blank" href="https://app.fierocode.com/sign-in?system=10093"></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="id13RUU"><div class="amh-block amh-text col-md-12 hidden-xs hidden-sm hidden-md hidden-lg" data-block-type="text" id="id1rqT2" style=""><div class="amh-content" style="margin: 5px 5px 0px; padding: 5px 5px 0px; position: relative; border-width: 0px; border-style: solid;" id="mce_0" spellcheck="false"><p><a href="https://events.slcpl.org/events?term=Teen+Zine+Team&r=days&n=35" style=""><img src="https://events.slcpl.org/images/tile/slcpl/Teens/TeenZineTeam.png" width="100%" height="100%" alt=""></a></p></div></div></div> <div class="amh-row row" id="idWHVV7"><div class="amh-block amh-text col-md-12 hidden-xs hidden-sm hidden-md hidden-lg" data-block-type="text" id="idJazkc" style=""><div class="amh-content" style="margin: 5px; padding: 5px; position: relative; border-width: 0px; border-style: solid;" id="mce_25" spellcheck="false"><h4><strong>TEEN Zine Team</strong></h4></div></div></div> <div class="amh-row row" id="idIJ5Ft"><div class="amh-block amh-text col-md-12 hidden-xs hidden-sm hidden-md hidden-lg" data-block-type="text" id="idQ6LKR" style=""><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>Teen Zine Team is a fun hangout session where you can meet new people, and spark your own creativity and self-expression! Teens with any level of artistic experience are welcome in this inclusive, casual group.</p></div></div></div> <div class="amh-row row" id="idmhSRA"><div class="amh-block amh-widget col-md-12 hidden-xs hidden-sm hidden-md hidden-lg" data-block-type="widget" id="idYnjie"><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="12461" data-location=""> <div data-widgetid="12461" id="12461"> <div class="resintro"></div> <table class="buttontable"> <tbody> <tr> <td style="vertical-align: middle;"><button onclick='window.open("https://events.slcpl.org/events?term=Teen+Zine+Team&r=days&n=35")' class="wbutton button">Learn More</button></td> <td class="buttondesc toprule" style="vertical-align: middle;"><a target="_blank" href="https://events.slcpl.org/events?term=Teen+Zine+Team&r=days&n=35"></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="idyqhwP"><div class="amh-block amh-text col-md-12 hidden-xs hidden-sm hidden-md hidden-lg" data-block-type="text" id="idEr2rx"><div class="amh-content" style="margin: 5px 5px 0px; padding: 5px 5px 0px; position: relative; border-width: 0px; border-style: solid;" id="mce_0" spellcheck="false"><p><a href="https://slcplteens.weebly.com/?utm_source=website&utm_medium=slcpl&utm_campaign=teen_blog" style=""><img src="https://events.slcpl.org/images/tile/slcpl/Teens/CityLIbraryTeensBanner.png" width="100%" height="100%" alt=""></a></p></div></div></div> <div class="amh-row row" id="id1Iu7d"><div class="amh-block amh-text col-md-12 hidden-xs hidden-sm hidden-md hidden-lg" data-block-type="text" id="idfJ5AN"><div class="amh-content" style="margin: 5px; padding: 5px; position: relative; border-width: 0px; border-style: solid;" id="mce_25" spellcheck="false"><h4><strong>CITY LIBRARY TEENS</strong></h4></div></div></div> <div class="amh-row row" id="idNF6np"><div class="amh-block amh-text col-md-12 hidden-xs hidden-sm hidden-md hidden-lg" data-block-type="text" id="id3iWSy"><div class="amh-content" style="margin: 5px; padding: 5px; position: relative; border-width: 0px; border-style: solid;" id="mce_26" spellcheck="false"><p>The City Library's Teen Blog is a digital space designed just for teens. Our Teen Librarians regularly update the blog with DIY projects you can do from home, virtual events, and reading recommendations.</p></div></div></div> <div class="amh-row row" id="id8wokb"><div class="amh-block amh-widget col-md-12 hidden-xs hidden-sm hidden-md hidden-lg" data-block-type="widget" id="idEevlP"><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="10956" data-location=""> <div data-widgetid="10956" id="10956"> <div class="resintro"></div> <table class="buttontable"> <tbody> <tr> <td style="vertical-align: middle;"><button onclick='window.open("https://slcplteens.weebly.com/?utm_source=website&utm_medium=slcpl&utm_campaign=teen_blog")' class="wbutton button">Access The Blog</button></td> <td class="buttondesc toprule" style="vertical-align: middle;"><a target="_blank" href="https://slcplteens.weebly.com/?utm_source=website&utm_medium=slcpl&utm_campaign=teen_blog"></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="idBfmMF"><div class="amh-block amh-text col-md-12 hidden-sm hidden-md hidden-lg" data-block-type="text" id="idpydk6"><div class="amh-content" style="margin: 0px 5px 5px; padding: 0px 5px 5px; position: relative; border-width: 0px; border-style: solid;" id="mce_27" spellcheck="false"><hr></div></div></div> <div class="amh-row row" id="idGrtDt"><div class="amh-block amh-text hidden-sm col-md-12 hidden-md hidden-lg hidden-xs" data-block-type="text" id="id4QWRQ" style=""><div class="amh-content" style="position: relative; border-width: 0px; border-style: solid; padding: 0px 5px 5px; margin: 0px 5px 5px;"><span><hr></span></div></div></div> </div></div> </div></div></div></div> </div></div></div> <div class="amh-row row" id="idEzyGi"><div class="amh-block amh-text col-md-12 hidden-xs hidden-sm hidden-md hidden-lg" data-block-type="text" style="" id="idHvcwI"><div class="amh-content" id="mce_38" style="margin: 0px 5px 5px; padding: 0px 5px 5px; position: relative; border-width: 0px; border-style: solid;" spellcheck="false"><hr></div></div></div> <div class="amh-row row" id="idbm0Qp"><div class="amh-block amh-container col-md-12 hidden-xs hidden-sm hidden-md hidden-lg" data-block-type="container" id="idoYDif"><div class="amh-content" style="border-width: 0px; border-style: solid;"><div class="amh-row row" id="idKojnm"><div class="amh-block amh-container col-md-12 hidden-xs hidden-sm hidden-md hidden-lg" data-block-type="container" style="" id="id93JcM"><div class="amh-content" style="border-width: 0px; border-style: solid;"> <div class="amh-row row" id="idtYzML"><div class="amh-block amh-text col-md-12 hidden-xs hidden-sm hidden-md hidden-lg" data-block-type="text" id="idEqr6k"><div class="amh-content" style="margin: 5px 5px 0px; padding: 5px 5px 0px; position: relative; border-width: 0px; border-style: solid;" id="mce_29" spellcheck="false"><p><a href="https://services.slcpl.org/let" style=""><img src="https://events.slcpl.org/frontend-images/tile/slcpl/Teens/LeagueOfExtraordinaryTeensBanner2023-1.png" width="100%" height="100%" alt=""></a></p></div></div></div> <div class="amh-row row" id="idJJZ1p"><div class="amh-block amh-text col-md-12 hidden-xs hidden-sm hidden-md hidden-lg" data-block-type="text" id="idNpY1J"><div class="amh-content" style="margin: 5px; padding: 5px; position: relative; border-width: 0px; border-style: solid;" id="mce_30" spellcheck="false"><h4><strong>LEAGUE OF EXTRAORDINARY TEENS (LET)</strong></h4></div></div></div> <div class="amh-row row" id="idIVYGJ"><div class="amh-block amh-text col-md-12 hidden-xs hidden-sm hidden-md hidden-lg" data-block-type="text" id="idYkNu9"><div class="amh-content" style="margin: 5px; padding: 5px; position: relative; border-width: 0px; border-style: solid;" id="mce_31" spellcheck="false"><p>Get hands-on job experience and make new friends with the League of Extraordinary Teens. LET is a monthly club. You’ll work with librarians to help shape the ways The City Library serves teen customers.</p></div></div></div> <div class="amh-row row" id="idqLS53"><div class="amh-block amh-widget col-md-12 hidden-xs hidden-sm hidden-md hidden-lg" data-block-type="widget" id="idKfl4m"><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="10961" data-location=""> <div data-widgetid="10961" id="10961"> <div class="resintro"></div> <table class="buttontable"> <tbody> <tr> <td style="vertical-align: middle;"><button onclick='window.open("https://services.slcpl.org/let")' class="wbutton button">Learn More</button></td> <td class="buttondesc toprule" style="vertical-align: middle;"><a target="_blank" href="https://services.slcpl.org/let"></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="id9Sbzm"><div class="amh-block amh-text col-md-12 hidden-sm hidden-md hidden-lg hidden-xs" data-block-type="text" id="idLaDeT"><div class="amh-content" id="mce_32" style="margin: 0px 5px 5px; padding: 0px 5px 5px; position: relative; border-width: 0px; border-style: solid;" spellcheck="false"><hr></div></div></div> <div class="amh-row row" id="idVvuvC"><div class="amh-block amh-text col-md-12 hidden-xs hidden-sm hidden-md hidden-lg" data-block-type="text" style="" id="idlFfsw"><div class="amh-content" style="margin: 5px; padding: 5px; position: relative; border-width: 0px; border-style: solid;"><span><div><a href="https://www.creativebug.com/lib/slcpl" title="Creativebug" style=""><span><img src="https://events.slcpl.org/images/tile/slcpl/Digital_Library/Creativebug.png" width="100%" height="100%" alt=""></span></a></div></span></div></div></div> <div class="amh-row row" id="idTf8kL"><div class="amh-block amh-text col-md-12 hidden-xs hidden-sm hidden-md hidden-lg" data-block-type="text" id="idEfrDa"><div class="amh-content" style="margin: 5px; padding: 5px; position: relative; border-width: 0px; border-style: solid;" id="mce_24" spellcheck="false"><h4><strong>CREATIVEBUG</strong></h4></div></div></div> <div class="amh-row row" id="idK6IAH"><div class="amh-block amh-text col-md-12 hidden-xs hidden-sm hidden-md hidden-lg" data-block-type="text" id="idfvDEr"><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>Creativebug brings you the latest in art and craft education, and works with renowned artists to do so. Enjoy unlimited free access to thousands of online art and craft classes taught by expert instructors.<br><br></p></div></div></div> <div class="amh-row row" id="idaR5Lv"><div class="amh-block amh-widget col-md-12 hidden-xs hidden-sm hidden-md hidden-lg" data-block-type="widget" id="idhwpU6"><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="7585" data-location=""> <div data-widgetid="7585" id="7585"> <div class="resintro"></div> <table class="buttontable"> <tbody> <tr> <td style="vertical-align: middle;"><button onclick='window.open("https://www.creativebug.com/lib/slcpl")' class="wbutton button">Access Creativebug</button></td> <td class="buttondesc toprule" style="vertical-align: middle;"><a target="_blank" href="https://www.creativebug.com/lib/slcpl"></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="idiV6VF"><div class="amh-block amh-text hidden-sm col-md-12 hidden-md hidden-lg hidden-xs" data-block-type="text" id="id4QWRQ" style=""><div class="amh-content" style="position: relative; border-width: 0px; border-style: solid; padding: 0px 5px 5px; margin: 0px 5px 5px;"><span><hr></span></div></div></div> </div></div></div></div></div></div> <div class="amh-row row" id="idSD8X4"><div class="amh-block amh-text hidden-sm hidden-xs col-md-12" data-block-type="text" id="id995jd" style=""><div class="amh-content" style="position: relative; border-width: 0px; border-style: solid; padding: 0px 5px 5px; margin: 0px 5px 5px;"><span><hr></span></div></div></div> <div class="amh-row row" id="id7myjE"> <div class="amh-block amh-container col-md-4" data-block-type="container" style="" id="id93JcM"><div class="amh-content"> <div class="amh-row row" id="iddcGFd"><div class="amh-block amh-text col-md-12" data-block-type="text" style="" id="idYMcZv"><div class="amh-content mce-content-body" style="margin: 5px 5px 0px; padding: 5px 5px 0px; position: relative; border-width: 0px; border-style: solid;" id="mce_0" spellcheck="false"><p><img src="https://events.slcpl.org/images/tile/slcpl/Teens/TeenBooklists1.jpg" width="100%" height="100%" alt="Teen Reading" title="Teen Reading" data-mce-src="https://events.slcpl.org/images/tile/slcpl/Teens/TeenBooklists1.jpg"></p></div></div></div> <div class="amh-row row" id="idpyIyN"><div class="amh-block amh-text col-md-12" data-block-type="text" id="idbkBtp" style=""><div class="amh-content" style="margin: 5px; padding: 5px; position: relative;" id="mce_24" spellcheck="false"><h4><strong>BOOKLISTS</strong></h4></div></div></div> <div class="amh-row row" id="idaWMbG"><div class="amh-block amh-widget col-md-12 hidden-xs" data-block-type="widget" id="id3BNWC"><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="6751" data-location=""> <div data-widgetid="6751" id="6751"> <div class="resintro"></div> <ul viewstyle="0" class="bookmark_list"><li class="bookmark_section">Booklists<ul class="bookmark_section"> <li><a target="_blank" href="https://catalog.slcpl.org/view.aspx?brs=122882">For Developing Readers</a></li> <li><a target="_blank" href="https://catalog.slcpl.org/view.aspx?brs=124460">Graphic Novels</a></li> <li><a target="_blank" href="https://catalog.slcpl.org/view.aspx?brs=126249">Harry Potter Read-Alikes</a></li> <li><a target="_blank" href="https://catalog.slcpl.org/view.aspx?brs=122936">Historical Novels</a></li> <li><a target="_blank" href="https://catalog.slcpl.org/view.aspx?brs=120980">LGBTQ+ Reads</a></li> <li><a target="_blank" href="https://catalog.slcpl.org/view.aspx?brs=118810">Manga</a></li> <li><a target="_blank" href="https://catalog.slcpl.org/view.aspx?brs=118937">Mental Health</a></li> <li><a target="_blank" href="https://catalog.slcpl.org/view.aspx?brs=120151">Realistic Adventure</a></li> <li><a target="_blank" href="https://catalog.slcpl.org/view.aspx?brs=121434">Tween Reads</a></li> </ul> </li></ul> </div> </div></div></div></div> <div class="amh-row row" id="idFE8gZ"><div class="amh-block amh-text col-md-12 hidden-md hidden-lg hidden-sm" data-block-type="text" id="idtAHIj" style=""><div class="amh-content" style="margin: 5px; padding: 5px; position: relative; border-width: 0px; border-style: solid;" id="mce_25" spellcheck="false"><div class="teens"> <table style="width: 100%;"> <tbody> <tr style="height: 36px;"> <td style="height: 36px; width: 100%;"> <header><button data-toggle="collapse" data-target="#Booklists" class="collapsed">+</button> <b>BOOKLISTS<br></b></header> <div id="Booklists" class="collapse" style="height: 484px;"> <br><br><b>•</b> <a href="https://catalog.slcpl.org/view.aspx?brs=122882" target="_blank" rel="noopener">For Developing Readers</a><br><br><b>•</b> <a href="https://catalog.slcpl.org/view.aspx?brs=124460" target="_blank" rel="noopener">Graphic Novels</a><br><br><b>•</b> <a href="https://catalog.slcpl.org/view.aspx?brs=126249" target="_blank" rel="noopener">Harry Potter Read-Alikes</a><br><br><b>•</b> <a href="https://catalog.slcpl.org/view.aspx?brs=122936" target="_blank" rel="noopener">Historical Novels</a><br><br><b>•</b> <a href="https://catalog.slcpl.org/view.aspx?brs=120980" target="_blank" rel="noopener">LGBTQ+ Books</a><br><br><b>•</b> <a href="https://catalog.slcpl.org/view.aspx?brs=118810" target="_blank" rel="noopener">Manga</a><br><br><b>•</b> <a href="https://catalog.slcpl.org/view.aspx?brs=118937" target="_blank" rel="noopener">Mental Health</a><br><br><b>•</b> <a href="https://catalog.slcpl.org/view.aspx?brs=120151" target="_blank" rel="noopener">Realistic Adventure</a><br><br><b>•</b> <a href="https://catalog.slcpl.org/view.aspx?brs=121434" target="_blank" rel="noopener">Tween Reads</a><br><br> </div> </td> </tr> </tbody> </table> </div></div></div></div> <div class="amh-row row" id="id9Sbzm"><div class="amh-block amh-text col-md-12 hidden-sm hidden-md hidden-lg" data-block-type="text" id="idLaDeT"><div class="amh-content" id="mce_32" style="margin: 0px 5px 5px; padding: 0px 5px 5px; position: relative; border-width: 0px; border-style: solid;" spellcheck="false"><hr></div></div></div> </div></div> <div class="amh-block amh-container col-md-4" data-block-type="container" style="" id="idAYofg"><div class="amh-content"> <div class="amh-row row" id="idXmRnR"><div class="amh-block amh-text col-md-12" data-block-type="text" id="idJyZEg" style=""><div class="amh-content" id="mce_23" style="margin: 5px 5px 0px; padding: 5px 5px 0px; position: relative; border-width: 0px; border-style: solid;" spellcheck="false"><p><a href="https://slcplibraryuttl.librarypass.com/" title="Comics Plus"><img src="https://static.libnet.info/frontend-images/tile/slcpl/Kids/ComicsPlusKids.png" alt="Comics Plus" width="100%" height="100%" title="Comics Plus"></a></p></div></div></div> <div class="amh-row row" id="idnHNdQ"><div class="amh-block amh-text col-md-12" data-block-type="text" id="idS6sIV" style=""><div class="amh-content" style="margin: 5px; padding: 5px; position: relative;" id="mce_24" spellcheck="false"><h4><strong>COMICS Plus</strong></h4></div></div></div> <div class="amh-row row" id="idspgqM"><div class="amh-block amh-text col-md-12" data-block-type="text" id="idd3aUx" style=""><div class="amh-content" id="mce_25" style="margin: 5px; padding: 5px; position: relative; border-width: 0px; border-style: solid;" spellcheck="false"><p>Thousands of digital comics, manga, and graphic novels. Find new and back issues from some of the most exciting indie publishers, including Boom!, Dark Horse, Fantagraphics, Image, Oni, and more!</p></div></div></div> <div class="amh-row row" id="idxkepV"><div class="amh-block amh-widget col-md-12" data-block-type="widget" id="idEevlP" style=""><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="22326" data-location=""> <div data-widgetid="22326" id="22326"> <div class="resintro"></div> <table class="buttontable"> <tbody> <tr> <td style="vertical-align: middle;"><button onclick='window.open("https://slcplibraryuttl.librarypass.com/")' class="wbutton button">Get Started</button></td> <td class="buttondesc toprule" style="vertical-align: middle;"><a target="_blank" href="https://slcplibraryuttl.librarypass.com/"></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="iddcGFd"><div class="amh-block amh-text col-md-12 hidden-xs hidden-sm hidden-md hidden-lg" data-block-type="text" style="" id="idYMcZv"><div class="amh-content" style="margin: 5px 5px 0px; padding: 5px 5px 0px; position: relative; border-width: 0px; border-style: solid;" id="mce_0" spellcheck="false"><p><a href="https://about.slcpl.org/locations"><img src="https://static.libnet.info/frontend-images/tile/slcpl/Teens/Teen_Room.jpg" width="100%" height="100%" alt=""></a></p></div></div></div> <div class="amh-row row" id="idpyIyN"><div class="amh-block amh-text col-md-12 hidden-xs hidden-sm hidden-md hidden-lg" data-block-type="text" id="idbkBtp" style=""><div class="amh-content" style="margin: 5px; padding: 5px; position: relative; border-width: 0px; border-style: solid;" id="mce_24" spellcheck="false"><h4><strong>TEEN AREAS / STUDY ROOMS</strong></h4></div></div></div> <div class="amh-row row" id="idFE8gZ"><div class="amh-block amh-text col-md-12 hidden-xs hidden-sm hidden-md hidden-lg" data-block-type="text" id="idtAHIj" style=""><div class="amh-content" style="margin: 5px; padding: 5px; position: relative; border-width: 0px; border-style: solid;" id="mce_25" spellcheck="false"><p>Get lost in a good book! There are comfy places to sit within the dedicated Teen spaces at all eight <a href="https://about.slcpl.org/locations" style="cursor: default;">City Library locations</a>. Once school starts, buckle down in one of our quiet <a href="https://rooms.slcpl.org/reserve" style="">study rooms</a>!</p></div></div></div> <div class="amh-row row" id="idjHqC1"><div class="amh-block amh-widget col-md-12 hidden-xs hidden-sm hidden-md hidden-lg" data-block-type="widget" id="idwvg9h" style=""><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="22004" data-location=""> <div data-widgetid="22004" id="22004"> <div class="resintro"></div> <table class="buttontable"> <tbody> <tr> <td style="vertical-align: middle;"><button onclick='window.open("https://about.slcpl.org/locations")' class="wbutton button">See Locations</button></td> <td class="buttondesc toprule" style="vertical-align: middle;"><a target="_blank" href="https://about.slcpl.org/locations"></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="id9Sbzm"><div class="amh-block amh-text col-md-12 hidden-sm hidden-md hidden-lg" data-block-type="text" id="idLaDeT"><div class="amh-content" id="mce_32" style="margin: 0px 5px 5px; padding: 0px 5px 5px; position: relative; border-width: 0px; border-style: solid;" spellcheck="false"><hr></div></div></div> </div></div> <div class="amh-block amh-container col-md-4" data-block-type="container" id="idcCRuC" style=""><div class="amh-content"> <div class="amh-row row" id="idQrLth"><div class="amh-block amh-text col-md-12" data-block-type="text" style="" id="idl55CM"><div class="amh-content" style="margin: 5px; padding: 5px; position: relative; border-width: 0px; border-style: solid;" id="mce_30" spellcheck="false"><div><a href="https://libbyapp.com/library/slcpl" title="Libby" style=""><span><img src="https://static.libnet.info/frontend-images/tile/slcpl/Digital_Library/Libby.png" width="100%" height="100%" alt=""></span></a></div></div></div></div> <div class="amh-row row" id="idaxPAF"><div class="amh-block amh-text col-md-12" data-block-type="text" id="idcryQw" style=""><div class="amh-content" style="margin: 5px; padding: 5px; position: relative; border-width: 0px; border-style: solid;" id="mce_27" spellcheck="false"><h4><strong>eBooks & Magazines</strong></h4></div></div></div> <div class="amh-row row" id="id8MENH"><div class="amh-block amh-text col-md-12" data-block-type="text" id="idm05Aq" style=""><div class="amh-content" style="margin: 5px; padding: 5px; position: relative; border-width: 0px; border-style: solid;" id="mce_29" spellcheck="false"><p><a href="https://resources.slcpl.org/libby" style="">Libby</a> allows you to access and borrow thousands of eBooks, Audiobooks, and Magazines from The City Library.<br><br><br></p></div></div></div> <div class="amh-row row" id="idrMye4"><div class="amh-block amh-widget col-md-12" data-block-type="widget" id="idIcFGd"><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="10671" data-location=""> <div data-widgetid="10671" id="10671"> <div class="resintro"></div> <table class="buttontable"> <tbody> <tr> <td style="vertical-align: middle;"><button onclick='window.open("https://libbyapp.com/library/slcpl")' class="wbutton button">Access Libby</button></td> <td class="buttondesc toprule" style="vertical-align: middle;"><a target="_blank" href="https://libbyapp.com/library/slcpl"></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="idR3xqF"><div class="amh-block amh-text col-md-12 hidden-sm hidden-md hidden-lg" data-block-type="text" id="id8mRaw"><div class="amh-content" id="mce_24" style="margin: 5px; padding: 5px; position: relative; border-width: 0px; border-style: solid;" spellcheck="false"><hr></div></div></div> <div class="amh-row row" id="idc6j2K"><div class="amh-block amh-text hidden-sm hidden-md hidden-lg col-md-12 hidden-xs" data-block-type="text" id="idqmkdV" style=""><div class="amh-content" style="margin: 5px; padding: 5px; position: relative; border-width: 0px; border-style: solid;"><span><h3><strong>LEARN A LANGUAGE</strong></h3></span></div></div></div> <div class="amh-row row" id="idj2E7X"><div class="amh-block amh-text col-md-12 hidden-xs hidden-sm hidden-md hidden-lg" data-block-type="text" id="idSwdXp"><div class="amh-content" style="margin: 5px; padding: 5px; position: relative; border-width: 0px; border-style: solid;"><span><p><img src="https://services.slcpl.org/images/tile/slcpl/language.jpg" width="100%" height="100%" alt=""></p></span></div></div></div> <div class="amh-row row" id="idzg2hA"><div class="amh-block amh-text col-md-12 hidden-xs hidden-sm hidden-md hidden-lg" data-block-type="text" id="idRdIRO" style=""><div class="amh-content" style="position: relative; border-width: 0px; border-style: solid; padding: 5px; margin: 5px;"><span><h4><strong>Learn a language</strong></h4></span></div></div></div> <div class="amh-row row" id="idS8ZYY"><div class="amh-block amh-text col-md-12 hidden-xs hidden-sm hidden-md hidden-lg" data-block-type="text" id="idWUIhc" style=""><div class="amh-content mce-content-body" style="margin: 5px; padding: 5px; position: relative; border-width: 0px; border-style: solid;" id="mce_24" spellcheck="false"><p><img src="https://static.libnet.info/frontend-images/tile/slcpl/Teens/MangoLanguages.png" width="176" height="60" alt="" style="display: block; margin-left: auto; margin-right: auto;" data-mce-src="https://static.libnet.info/frontend-images/tile/slcpl/Teens/MangoLanguages.png" data-mce-style="display: block; margin-left: auto; margin-right: auto;"></p></div></div></div> <div class="amh-row row" id="idcq0BP"><div class="amh-block amh-text col-md-12 hidden-xs hidden-sm hidden-md hidden-lg" data-block-type="text" id="idLNaCV"><div class="amh-content" style="margin: 5px; padding: 5px; position: relative; border-width: 0px; border-style: solid;" id="mce_0" spellcheck="false"><p>See the world. Meet fun people. Speak their language. Mango Languages will get your linguistic chops up to speed in time for your vacation or study abroad program.</p></div></div></div> <div class="amh-row row" id="idtM6XB"> <div class="amh-block amh-widget col-md-8 hidden-xs hidden-sm hidden-md hidden-lg" data-block-type="widget" id="id7DQgZ"><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="6805" data-location=""> <div data-widgetid="6805" id="6805"> <div class="resintro"></div> <table class="buttontable"> <tbody> <tr> <td style="vertical-align: middle;"><button onclick='window.open("http://ezproxy.slcpl.org:2048/login?url=http://connect.mangolanguages.com/slcpl/start/")' class="wbutton button">Get Started</button></td> <td class="buttondesc toprule" style="vertical-align: middle;"><a target="_blank" href="http://ezproxy.slcpl.org:2048/login?url=http://connect.mangolanguages.com/slcpl/start/"></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-4 hidden-xs hidden-sm hidden-md hidden-lg" data-block-type="text" id="idFjNT7"><div class="amh-content" style="margin: 5px; padding: 5px; position: relative; border-width: 0px; border-style: solid;"><span><p><span style="color: #ffffff;">.</span></p></span></div></div> </div> <div class="amh-row row" id="ida2O1S"><div class="amh-block amh-text hidden-sm hidden-md hidden-lg col-md-12 hidden-xs" data-block-type="text" id="idhq4Do" style=""><div class="amh-content" style="position: relative; border-width: 0px; border-style: solid; padding: 0px 5px 5px; margin: 0px 5px 5px;"><span><hr></span></div></div></div> </div></div> </div> <div class="amh-row row" id="idWI8hU"> <div class="amh-block amh-container hidden-xs hidden-sm hidden-md hidden-lg col-md-4" data-block-type="container" id="idfWk40" style=""><div class="amh-content" style="border-width: 0px; border-style: solid;"> <div class="amh-row row" id="idpgfRN"><div class="amh-block amh-widget col-md-12 hidden-xs hidden-sm hidden-md hidden-lg" data-block-type="widget" id="idqlIzi"><div class="amh-content" style="margin: 5px; padding: 5px; border-width: 0px; border-style: solid;"><div class="dynamic-widget" data-frame="true" data-fill-with="4456" data-location=""> <div class="widget" data-widgetid="4456" id="4456"> <div class="widgetheader"> Teen Events </div> <div class="widgetbody"> <div class="amev-event-list"> <div class="amev-event"> <div class="amev-event-data "> <div class="amev-event-title"><a href="https://events.slcpl.org/event/9725564">Dungeons & Dragons for Beginners</a></div> <div class="amev-event-time headingtext">Tue, Dec 03, 6:00pm - 8:00pm</div> <div class="amev-event-location headingtext"> <i class="am-locations"></i>Sweet Branch - <i>Meeting Room</i> </div> <div class="amev-event-description"></div> </div> <hr> </div> <div class="amev-event"> <div class="amev-event-data "> <div class="amev-event-title"><a href="https://events.slcpl.org/event/12122415">Dog Day Afternoons</a></div> <div class="amev-event-time headingtext">Wed, Dec 04, 3:30pm - 4:30pm</div> <div class="amev-event-location headingtext"> <i class="am-locations"></i>Day-Riverside Branch - <i>Children's Room</i> </div> <div class="amev-event-description"></div> </div> <hr> </div> <div class="amev-event"> <div class="amev-event-data "> <div class="amev-event-title"><a href="https://events.slcpl.org/event/11642400">Alphabet Soup<span class="amev-event-subtitle"> - An LGBTQ+ Meetup for Teens </span></a></div> <div class="amev-event-time headingtext">Wed, Dec 04, 4:00pm - 5:00pm</div> <div class="amev-event-location headingtext"> <i class="am-locations"></i>Sprague Branch - <i>Meeting Room</i> </div> <div class="amev-event-description"></div> </div> <hr> </div> <div class="amev-event"> <div class="amev-event-data "> <div class="amev-event-title"><a href="https://events.slcpl.org/event/11622262">Teen Zine Team<span class="amev-event-subtitle"> - WITH GRID ZINE FEST</span></a></div> <div class="amev-event-time headingtext">Thu, Dec 05, 4:00pm - 5:00pm</div> <div class="amev-event-location headingtext"> <i class="am-locations"></i>Main Library</div> <div class="amev-event-description"></div> </div> <hr> </div> <div class="amev-event"> <div class="amev-event-data "> <div class="amev-event-title"><a href="https://events.slcpl.org/event/11321896">Yarn Y'all<span class="amev-event-subtitle"> - Knit, Crochet, & Embroider</span></a></div> <div class="amev-event-time headingtext">Thu, Dec 05, 6:30pm - 7:30pm</div> <div class="amev-event-location headingtext"> <i class="am-locations"></i>Main Library</div> <div class="amev-event-description"></div> </div> <hr> </div> <div class="amev-event"> <div class="amev-event-data "> <div class="amev-event-title"><a href="https://events.slcpl.org/event/11988508">Family Art Hour</a></div> <div class="amev-event-time headingtext">Fri, Dec 06, 3:00pm - 5:00pm</div> <div class="amev-event-location headingtext"> <i class="am-locations"></i>Day-Riverside Branch - <i>Meeting Room</i> </div> <div class="amev-event-description"></div> </div> <hr> </div> <div class="amev-event"> <div class="amev-event-data "> <div class="amev-event-title"><a href="https://events.slcpl.org/event/11780782">Tween Video Gaming</a></div> <div class="amev-event-time headingtext">Fri, Dec 06, 4:00pm - 5:00pm</div> <div class="amev-event-location headingtext"> <i class="am-locations"></i>Chapman Branch - <i>Meeting Room</i> </div> <div class="amev-event-description"></div> </div> <hr> </div> <div class="amev-event"> <div class="amev-event-data "> <div class="amev-event-title"><a href="https://events.slcpl.org/event/11988577">Twitterpated Teens<span class="amev-event-subtitle"> - 10 Blind Dates by Ashley Elston</span></a></div> <div class="amev-event-time headingtext">Mon, Dec 09, 4:00pm - 5:00pm</div> <div class="amev-event-location headingtext"> <i class="am-locations"></i>Sprague Branch - <i>Meeting Room</i> </div> <div class="amev-event-description"></div> </div> <hr> </div> <div class="amev-event"> <div class="amev-event-data amev-event-canceled"> <div class="eelist-changed-message">Cancelled</div> <div class="amev-event-title"><a href="https://events.slcpl.org/event/11730164">Afterschool Dungeons & Dragons</a></div> <div class="amev-event-time headingtext">Tue, Dec 10, 3:45pm - 6:00pm</div> <div class="amev-event-location headingtext"> <i class="am-locations"></i>Marmalade Branch</div> <div class="amev-event-description"></div> </div> <hr> </div> <div class="amev-event"> <div class="amev-event-data "> <div class="amev-event-title"><a href="https://events.slcpl.org/event/12088326">Pokémon Club</a></div> <div class="amev-event-time headingtext">Tue, Dec 10, 4:00pm - 4:45pm</div> <div class="amev-event-location headingtext"> <i class="am-locations"></i>Anderson-Foothill Branch - <i>Meeting Room</i> </div> <div class="amev-event-description"></div> </div> <hr> </div> </div> <div class="amev-all-events-link eeeventall"><a href="https://events.slcpl.org/events">See all events</a></div> </div> </div> </div></div></div></div> <div class="amh-row row" id="idIeK7L"><div class="amh-block amh-widget col-md-12 hidden-sm hidden-md hidden-lg hidden-xs" data-block-type="widget" id="id9bET9"><div class="amh-content" style="margin: 5px; padding: 5px; border-width: 0px; border-style: solid;"><div class="dynamic-widget" data-frame="true" data-fill-with="6821" data-location=""> <div class="widget" data-widgetid="6821" id="6821"> <div class="widgetheader"> Teen Events </div> <div class="widgetbody"> <div class="amev-event-list"> <div class="amev-event"> <div class="amev-event-data "> <div class="amev-event-title"><a href="https://events.slcpl.org/event/9725564">Dungeons & Dragons for Beginners</a></div> <div class="amev-event-time headingtext">Tue, Dec 03, 6:00pm - 8:00pm</div> <div class="amev-event-location headingtext"> <i class="am-locations"></i>Sweet Branch - <i>Meeting Room</i> </div> <div class="amev-event-description"></div> </div> <hr> </div> <div class="amev-event"> <div class="amev-event-data "> <div class="amev-event-title"><a href="https://events.slcpl.org/event/12122415">Dog Day Afternoons</a></div> <div class="amev-event-time headingtext">Wed, Dec 04, 3:30pm - 4:30pm</div> <div class="amev-event-location headingtext"> <i class="am-locations"></i>Day-Riverside Branch - <i>Children's Room</i> </div> <div class="amev-event-description"></div> </div> <hr> </div> <div class="amev-event"> <div class="amev-event-data "> <div class="amev-event-title"><a href="https://events.slcpl.org/event/11642400">Alphabet Soup<span class="amev-event-subtitle"> - An LGBTQ+ Meetup for Teens </span></a></div> <div class="amev-event-time headingtext">Wed, Dec 04, 4:00pm - 5:00pm</div> <div class="amev-event-location headingtext"> <i class="am-locations"></i>Sprague Branch - <i>Meeting Room</i> </div> <div class="amev-event-description"></div> </div> <hr> </div> <div class="amev-event"> <div class="amev-event-data "> <div class="amev-event-title"><a href="https://events.slcpl.org/event/11622262">Teen Zine Team<span class="amev-event-subtitle"> - WITH GRID ZINE FEST</span></a></div> <div class="amev-event-time headingtext">Thu, Dec 05, 4:00pm - 5:00pm</div> <div class="amev-event-location headingtext"> <i class="am-locations"></i>Main Library</div> <div class="amev-event-description"></div> </div> <hr> </div> <div class="amev-event"> <div class="amev-event-data "> <div class="amev-event-title"><a href="https://events.slcpl.org/event/11321896">Yarn Y'all<span class="amev-event-subtitle"> - Knit, Crochet, & Embroider</span></a></div> <div class="amev-event-time headingtext">Thu, Dec 05, 6:30pm - 7:30pm</div> <div class="amev-event-location headingtext"> <i class="am-locations"></i>Main Library</div> <div class="amev-event-description"></div> </div> <hr> </div> <div class="amev-event"> <div class="amev-event-data "> <div class="amev-event-title"><a href="https://events.slcpl.org/event/11988508">Family Art Hour</a></div> <div class="amev-event-time headingtext">Fri, Dec 06, 3:00pm - 5:00pm</div> <div class="amev-event-location headingtext"> <i class="am-locations"></i>Day-Riverside Branch - <i>Meeting Room</i> </div> <div class="amev-event-description"></div> </div> <hr> </div> <div class="amev-event"> <div class="amev-event-data "> <div class="amev-event-title"><a href="https://events.slcpl.org/event/11780782">Tween Video Gaming</a></div> <div class="amev-event-time headingtext">Fri, Dec 06, 4:00pm - 5:00pm</div> <div class="amev-event-location headingtext"> <i class="am-locations"></i>Chapman Branch - <i>Meeting Room</i> </div> <div class="amev-event-description"></div> </div> <hr> </div> <div class="amev-event"> <div class="amev-event-data "> <div class="amev-event-title"><a href="https://events.slcpl.org/event/11988577">Twitterpated Teens<span class="amev-event-subtitle"> - 10 Blind Dates by Ashley Elston</span></a></div> <div class="amev-event-time headingtext">Mon, Dec 09, 4:00pm - 5:00pm</div> <div class="amev-event-location headingtext"> <i class="am-locations"></i>Sprague Branch - <i>Meeting Room</i> </div> <div class="amev-event-description"></div> </div> <hr> </div> <div class="amev-event"> <div class="amev-event-data amev-event-canceled"> <div class="eelist-changed-message">Cancelled</div> <div class="amev-event-title"><a href="https://events.slcpl.org/event/11730164">Afterschool Dungeons & Dragons</a></div> <div class="amev-event-time headingtext">Tue, Dec 10, 3:45pm - 6:00pm</div> <div class="amev-event-location headingtext"> <i class="am-locations"></i>Marmalade Branch</div> <div class="amev-event-description"></div> </div> <hr> </div> <div class="amev-event"> <div class="amev-event-data "> <div class="amev-event-title"><a href="https://events.slcpl.org/event/12088326">Pokémon Club</a></div> <div class="amev-event-time headingtext">Tue, Dec 10, 4:00pm - 4:45pm</div> <div class="amev-event-location headingtext"> <i class="am-locations"></i>Anderson-Foothill Branch - <i>Meeting Room</i> </div> <div class="amev-event-description"></div> </div> <hr> </div> </div> <div class="amev-all-events-link eeeventall"><a href="https://events.slcpl.org/events">See all events</a></div> </div> </div> </div></div></div></div> <div class="amh-row row" id="idYCUk3"><div class="amh-block amh-text col-md-12 hidden-sm hidden-md hidden-lg" data-block-type="text" id="idtLWj3" style=""><div class="amh-content" style="position: relative; border-width: 0px; border-style: solid; padding: 5px; margin: 5px;"><span><hr></span></div></div></div> </div></div> <div class="amh-block amh-container hidden-xs hidden-sm hidden-md hidden-lg col-md-4" data-block-type="container" id="id0XEs8" style=""><div class="amh-content" style="border-width: 0px; border-style: solid;"> <div class="amh-row row" id="idWOIVi"><div class="amh-block amh-text col-md-12" data-block-type="text" id="idB0Aj2"><div class="amh-content" style="margin: 5px; padding: 5px; position: relative;"><span><p><a href="https://events.slcpl.org/teens-talk" style=""><img src="https://services.slcpl.org/images/tile/slcpl/TeensTalkBanner.png" width="100%" height="100%" alt=""></a></p></span></div></div></div> <div class="amh-row row" id="id5Puuf"><div class="amh-block amh-text col-md-12" data-block-type="text" style="" id="idAnZ94"><div class="amh-content" style="margin: 5px; padding: 5px; position: relative; border-width: 0px; border-style: solid;"><span><p><a href="https://about.slcpl.org/teen-art-exhibits" style=""><img src="https://services.slcpl.org/images/tile/slcpl/TeenArtExhibitOneColumn.jpg" width="100%" height="100%" alt=""></a></p></span></div></div></div> <div class="amh-row row" id="idONLpM"><div class="amh-block amh-text col-md-12 hidden-sm hidden-md hidden-lg" data-block-type="text" id="idIzlpI" style=""><div class="amh-content" style="position: relative; border-width: 0px; border-style: solid; padding: 5px; margin: 5px;"><span><hr></span></div></div></div> </div></div> <div class="amh-block amh-container hidden-xs hidden-sm hidden-md hidden-lg col-md-4" data-block-type="container" id="idjrP28" style=""><div class="amh-content" style="border-width: 0px; border-style: solid;"> <div class="amh-row row" id="idrnNVh"><div class="amh-block amh-text col-md-12 hidden-xs hidden-sm hidden-md hidden-lg" data-block-type="text" id="id3mvnJ"><div class="amh-content mce-content-body" style="margin: 5px; padding: 5px; position: relative; border-width: 0px; border-style: solid;" id="mce_31" spellcheck="false"><p><img src="https://services.slcpl.org/images/tile/slcpl/homework.jpg" width="100%" height="100%" alt="" data-mce-src="https://services.slcpl.org/images/tile/slcpl/homework.jpg"></p></div></div></div> <div class="amh-row row" id="idzg2hA"><div class="amh-block amh-text col-md-12 hidden-xs hidden-sm hidden-md hidden-lg" data-block-type="text" id="idRdIRO" style=""><div class="amh-content" style="position: relative; border-width: 0px; border-style: solid; padding: 5px; margin: 5px;"><span><h4><strong>Student Research & Homework Help</strong></h4></span></div></div></div> <div class="amh-row row" id="idB0GlW"><div class="amh-block amh-text col-md-12 hidden-xs hidden-sm hidden-md hidden-lg" data-block-type="text" id="idpnApH"><div class="amh-content" style="margin: 5px 5px 0px; padding: 5px 5px 0px; position: relative; border-width: 0px; border-style: solid;" id="mce_0" spellcheck="false"><p>EBSCOhost's student research portal, featuring easy-to-use searches, browsing categories sorted by popular topics, and reliable search results.</p></div></div></div> </div></div> </div> </div> </div> <div id="footer">  <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.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 2024 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="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 2024 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. © 2024.</span> </div> <script type="text/javascript" src="/js/lib/jquery.shapeshift.min.js?v=1269"></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=1269"></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=1269"></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=1269"></script> <script type="text/javascript" src="/js/jquery.tweet.min.js?v=1269"></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=1269"></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=1269"></script> <script type="text/javascript" src="/js/lib/json3.min.js?v=1269"></script> <script type="text/javascript" src="/js/am-events-listings.js?v=1269"></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=1269"></script> <script type="text/javascript" src="/js/am-reserve-room.v3.js?v=1269"></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=1269"></script> <script type="text/javascript" src="/js/am-room-picker.js?v=1269"></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=1269"></script> <script type="text/javascript" src="/js/am-subscriptions.js?v=1269"></script> <script type="text/javascript" src="/js/am-subscriptions.js?v=1269"></script> <script type="text/javascript" src="/js/am-channel.js?v=1269"></script> <script type="text/javascript" src="/js/card-signup.js?v=1269"></script> <script type="text/javascript" src="/js/custom.js?v=1269"></script> <script type="text/javascript" src="/js/es6/dist/coUtilsComp.js?v=1269"></script> <script type="text/javascript" src="/js/es6/dist/coEventBillingComp.js?v=1269"></script> <script type="text/javascript" src="/js/es6/coRooms/coRooms-comp.js?v=1269"></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>