Teens : Toronto Public Library

<!DOCTYPE HTML> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" xmlns:fb="http://ogp.me/ns/fb#" xmlns:og="http://ogp.me/ns#" class="no-js"> <head> <meta charset="UTF-8">   <link rel="stylesheet" href="/asset/40a23dd3c0ccdbb922841403db543ff6/css/app.css">  <link rel="apple-touch-icon-precomposed" sizes="57x57" href="/apple-touch-icon-57x57.png" /> <link rel="apple-touch-icon-precomposed" sizes="114x114" href="/apple-touch-icon-114x114.png" /> <link rel="apple-touch-icon-precomposed" sizes="72x72" href="/apple-touch-icon-72x72.png" /> <link rel="apple-touch-icon-precomposed" sizes="144x144" href="/apple-touch-icon-144x144.png" /> <link rel="apple-touch-icon-precomposed" sizes="60x60" href="/apple-touch-icon-60x60.png" /> <link rel="apple-touch-icon-precomposed" sizes="120x120" href="/apple-touch-icon-120x120.png" /> <link rel="apple-touch-icon-precomposed" sizes="76x76" href="/apple-touch-icon-76x76.png" /> <link rel="apple-touch-icon-precomposed" sizes="152x152" href="/apple-touch-icon-152x152.png" /> <link rel="icon" type="image/png" sizes="192x192" href="/android-icon-192x192.png"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> <link rel="manifest" href="/manifest.json"> <meta name="application-name" content=" " /> <meta name="msapplication-TileColor" content="#FFFFFF" /> <meta name="msapplication-TileImage" content="mstile-144x144.png" /> <meta name="msapplication-square70x70logo" content="mstile-70x70.png" /> <meta name="msapplication-square150x150logo" content="mstile-150x150.png" /> <meta name="msapplication-wide310x150logo" content="mstile-310x150.png" /> <meta name="msapplication-square310x310logo" content="mstile-310x310.png" /> <link rel="apple-touch-icon-precomposed" sizes="57x57" href="/apple-touch-icon-57x57.png" /> <link rel="apple-touch-icon-precomposed" sizes="114x114" href="/apple-touch-icon-114x114.png" /> <link rel="apple-touch-icon-precomposed" sizes="72x72" href="/apple-touch-icon-72x72.png" /> <link rel="apple-touch-icon-precomposed" sizes="144x144" href="/apple-touch-icon-144x144.png" /> <link rel="apple-touch-icon-precomposed" sizes="60x60" href="/apple-touch-icon-60x60.png" /> <link rel="apple-touch-icon-precomposed" sizes="120x120" href="/apple-touch-icon-120x120.png" /> <link rel="apple-touch-icon-precomposed" sizes="76x76" href="/apple-touch-icon-76x76.png" /> <link rel="apple-touch-icon-precomposed" sizes="152x152" href="/apple-touch-icon-152x152.png" /> <link rel="icon" type="image/png" sizes="192x192" href="/android-icon-192x192.png"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> <link rel="manifest" href="/manifest.json"> <meta name="application-name" content=" " /> <meta name="msapplication-TileColor" content="#FFFFFF" /> <meta name="msapplication-TileImage" content="mstile-144x144.png" /> <meta name="msapplication-square70x70logo" content="mstile-70x70.png" /> <meta name="msapplication-square150x150logo" content="mstile-150x150.png" /> <meta name="msapplication-wide310x150logo" content="mstile-310x150.png" /> <meta name="msapplication-square310x310logo" content="mstile-310x310.png" /> <title> Teens : Toronto Public Library </title> <meta http-equiv="X-UA-Compatible" content="IE=11" /> <meta name="description" content="Toronto Public Library for teens, including book suggestions, programs and homework help." /> <meta name="keywords" content="" /> <meta name="thumbnail" content="" /> <meta name="format-detection" content="telephone=no"> <meta name="identifier" content="http://www.torontopubliclibrary.ca/teens/" /> <meta http-equiv="Content-Type" content="text/html" /> <link rel="schema.DCTERMS" href="http://purl.org/dc/terms/" /> <meta name="DC.creator" content="" /> <meta name="DC.date.created" content="" /> <meta name="DC.date.modified" content="" /> <meta name="DC.language" content="en" /> <meta name="DC.type" content="" /> <meta name="DC.audience" content="" /> <meta name="twitter:card" content="summary" /> <meta name="twitter:site" content="@torontolibrary" /> <meta property="og:title" content="Teens" /> <meta property="og:type" content="article" /> <meta property="og:image" content="https://www.torontopubliclibrary.ca/tpl-logos/Logo400X400.jpg" /> <meta property="og:description" content="Toronto Public Library for teens, including book suggestions, programs and homework help." /> <meta property="og:site_name" content="Toronto Public Library" /> <meta name="p:domain_verify" content="7d9e14c156f8c4d39d2990ce64d144c7" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700|Open+Sans:400,300,600,700,800&subset=latin,latin-ext,cyrillic,greek-ext,greek,vietnamese,cyrillic-ext" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="/css/compiled/pages/environment-banner.css" type="text/css"> <link rel="stylesheet" href="/asset/93ae2784674622cac2cb04571cb82aa2/css/compiled/pages/navigation.css" type="text/css" /> <![if !(IE 8)]> <link rel="stylesheet" href="/css/foundation.css" type="text/css" /> <![endif]> <link rel="stylesheet" href="/asset/0de562d08eb70a6e698a3b6edf066646/css/compiled/styles.css" type="text/css" /> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/motion-ui/1.1.1/motion-ui.min.css" /> <link rel="stylesheet" href="/asset/a969fd62ec882d145cd39061ca8811d9/css/print.css" type="text/css" /> <style> body { font-size: inherit; box-sizing: border-box; font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", Arial; overflow-x: hidden; min-width: 100%; } </style> <style type="text/css"> :-ms-input-placeholder { text-align: left; line-height: 0em; } </style> <script src="/scripts/vue.global.prod.js" type="text/javascript"></script> <script src="/scripts/jquery.min.js" type="text/javascript"></script> <script src="/scripts/modernizr.js" type="text/javascript"></script> <script src="/asset/21f6c15933069ea1713c2bd38b0a4314/scripts/tpl-js.jsp" type="text/javascript"></script> <script src="https://use.fontawesome.com/a3555f480f.js"></script>  <script type="text/javascript"> SERVER_NAME = 'www.torontopubliclibrary.ca'; SITE_ROOT = ''; SITE_PAGES = ''; IS_SSL = 'false'; </script> <link rel="stylesheet" href="/css/teens.css" type="text/css" /> <link rel="stylesheet" href="/css/compiled/pages/teens.css" type="text/css" /> <meta name="google-translate-customization" content="ac5a9931b4aeb2a1-842f979b42e52049-gcf9b2081eedececc-1b" />  <script type="text/javascript">(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-MQBMT6');</script>  </head> <body class="tpl-teens" id="landing">  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MQBMT6" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <div id="message-area" class="full-width"></div> <a class="skip-navigation" href="#Content" tabindex=0>Skip Navigation</a> <header id="header-container" data-endeca="false"> <div class="masthead-container"> <div class="navigation-menu-container"> <div id="logo-item"> <a href="/"> <img class="_alwaysShow" alt="Toronto Public Library Homepage" src="/images/TPLlogo_rev_white.svg" /> <div class="homeIcon"> Home </div> </a> </div> <ul class="header-top-menu"> <li id="signin-item"> <a id="sign-in-link" class="linkCell" onclick="Common.deleteCookie('sessionExpirationWarning')" href="/signin?returnTo=%2Fteens%2F"> <div class="linkInnerContent">Sign In</div> </a> </li> <li id="account-menu"> <a href="https://account.torontopubliclibrary.ca" class="accountMenuHeader"> <div class="accountMenuHeaderContent"> <img alt="Account menu" class="accountMenuHeaderElement" src="/content/images/userCircleWhite.png"> <div class="accountMenuHeaderElement">Your Account</div> </div> </a> </li> <li> <a href="/contact" class="linkCell"> <div class="linkInnerContent"> Contact Us </div> </a> </li> <li id="navbar-search"> <div id="menu-search" class="fullLength" role="search"> <form onsubmit="return Search.validateNotBlank('searchTermsMenu');" name="searchForm" id="searchForm" method="get" action="/search.jsp"> <div class="accessible-element"><label for="searchTermsMenu">Search books, movies, branches, programs & more</label></div> <input name="Ntt" id="searchTermsMenu" type="text" onfocus="" value="" role="search" placeholder="Search books, movies, branches, programs & more" /><button id="submit-button" class="button search" type="submit">Search</button> </form> </div> </li> </ul> </div> </div> <div id="header-bottom-container"> <nav class="navigation-outer" role="navigation"> <ul class="navigation-lower" id="header-bottom" role="menubar" > <li role="presentation" id="books-link" class="navigation-dropdown"> <a aria-haspopup="true" class="top-nav " href="/books-video-music/"> <span id="bookLabel">Books, DVDs & Music</span> </a> <div class="megamenu"> <div class="megamenu-column first booksMegaMenuColumn"> <ul role="menu"> <li class="megamenu-level-0" role="menuitem"> <a href="/books-video-music/books" data-analytics-category="Books, Video & Research">Books</a> <ul role="menu"> <li> <span>FICTION</span> </li> <li class="megamenu-level-1" role="menuitem"> <a href="/books-video-music/new-items.jsp?category=Adult Fiction" data-analytics-category="Books, Video & Research">General Fiction</a> </li> <li class="megamenu-level-1" role="menuitem"> <a href="/books-video-music/new-items.jsp?category=Adult%20Mysteries" data-analytics-category="Books, Video & Research">Mystery</a> </li> <li class="megamenu-level-1" role="menuitem"> <a href="/books-video-music/new-items.jsp?category=Adult%20Romance" data-analytics-category="Books, Video & Research">Romance</a> </li> <li class="megamenu-level-1" role="menuitem"> <a href="/books-video-music/new-items.jsp?category=Adult%20Science%20Fiction" data-analytics-category="Books, Video & Research">Science Fiction</a> </li> <li class="megamenu-level-1" role="menuitem"> <a href="/books-video-music/new-items.jsp?category=Adult%20Graphic%20Books" data-analytics-category="Books, Video & Research">Graphic Books</a> </li> </ul> </li> <li class="megamenu-level-0" role="menuitem"> <ul role="menu"> <li> <span>BOOKS BY TYPE</span> </li> <li class="megamenu-level-1" role="menuitem"> <a href="/books-video-music/books/childrens-books/" data-analytics-category="Books, Video & Research">Children's Books</a> </li> <li class="megamenu-level-1" role="menuitem"> <a href="/teens/books-and-reading.jsp" data-analytics-category="Books, Video & Research">Teen Books</a> </li> <li class="megamenu-level-1" role="menuitem"> <a href="/books-video-music/books/audio-books/" data-analytics-category="Books, Video & Research">Audiobooks</a> </li> <li class="megamenu-level-1" role="menuitem"> <a href="/books-video-music/new-items.jsp?category=Adult%20Large%20Print" data-analytics-category="Books, Video & Research">Large Print Books</a> </li> </ul> </li> </ul> </div> <div class="megamenu-column"> <ul role="menu"> <li class="megamenu-level-0" role="menuitem"> <ul role="menu"> <li class="nonFictionColumn"> <span>NONFICTION</span> </li> <li class="megamenu-level-1" role="menuitem"> <a href="/books-video-music/new-items.jsp?category=Adult%20NonFiction%20All" data-analytics-category="Books, Video & Research">All Nonfiction</a> </li> <li class="megamenu-level-1" role="menuitem"> <a href="/books-video-music/new-items.jsp?category=Adult%20Nonfiction%20Biography" data-analytics-category="Books, Video & Research">Biography</a> </li> <li class="megamenu-level-1" role="menuitem"> <a href="/books-video-music/new-items.jsp?category=Adult%20Nonfiction%20Food" data-analytics-category="Books, Video & Research">Food and Drink</a> </li> <li class="megamenu-level-1" role="menuitem"> <a href="/books-video-music/new-items.jsp?category=Adult%20Nonfiction%20Health" data-analytics-category="Books, Video & Research">Health and Wellness</a> </li> <li class="megamenu-level-1" role="menuitem"> <a href="/books-video-music/new-items.jsp?category=Adult%20Nonfiction%20History" data-analytics-category="Books, Video & Research">History</a> </li> </ul> </li> </ul> </div> <div class="megamenu-column last"> <ul role="menu" class="longTextList"> <li class="megamenu-level-0" role="menuitem"> <a href="/books-video-music/video/" data-analytics-category="Books, Video & Research">Movies & Video</a> <ul role="menu"> <li class="megamenu-level-1" role="menuitem"> <a href="/books-video-music/new-items.jsp?category=Adult%20DVDs" data-analytics-category="Books, Video & Research">New DVDs</a> </li> <li class="megamenu-level-1" role="menuitem"> <a href="/books-video-music/new-items.jsp?category=Children%20DVDs" data-analytics-category="Books, Video & Research">New Children's DVDs</a> </li> </ul> </li> <li class="megamenu-level-0" role="menuitem"> <a href="/books-video-music/music" data-analytics-category="Books, Video & Research">Music</a> <ul role="menu"> <li class="megamenu-level-1" role="menuitem"> <a href="/books-video-music/new-items.jsp?category=Adult%20Music" data-analytics-category="Books, Video & Research">New Music</a> </li> </ul> </li> <li class="megamenu-level-0" role="menuitem"> <a href="/books-video-music/your-language" data-analytics-category="Books, Video & Research">Material in Your Language</a> <ul role="menu"> <li class="megamenu-level-1" role="menuitem"> <a href="/french/" hreflang="fr-CA" lang="fr-CA">Français</a> </li> <li class="megamenu-level-1" role="menuitem"> <a href="/search.jsp?Nso=1&Ns=p_date_acquired_sort&N=37953+20164&view=grid&Erp=25" hreflang="zh" lang="zh">简化字 | 繁體字</a> </li> </ul> </li> </ul> </div> </div> </li> <li role="presentation" class="navigation-dropdown"> <a aria-haspopup="true" class="top-nav " href="/books-video-music/downloads-ebooks"> <span id="ebooks">eResources & Research</span> </a> <div class="megamenu"> <div class="megamenu-column"> <ul class="clear-left"> <li class="megamenu-level-0" role="menuitem"> <ul> <li class="megamenu-level-1" role="menuitem"> <a href="/books-video-music/downloads-ebooks/ebooks.jsp" data-analytics-category="eBooks & Online Content">eBooks & Audiobooks</a> </li> <li class="megamenu-level-1" role="menuitem"> <a href="/books-video-music/downloads-ebooks/digital-video-music.jsp" data-analytics-category="eBooks & Online Content">Digital Video & Music</a> </li> <li class="megamenu-level-1" role="menuitem"> <a href="/books-video-music/downloads-ebooks/digital-magazines.jsp" data-analytics-category="eBooks & Online Content">Digital Magazines</a> </li> <li class="megamenu-level-1" role="menuitem"> <a href="/books-video-music/downloads-ebooks/digital-newspapers.jsp" data-analytics-category="eBooks & Online Content">Digital Newspapers</a> </li> <li class="megamenu-level-1" role="menuitem"> <a href="/books-video-music/downloads-ebooks/comics.jsp" data-analytics-category="eBooks & Online Content">Digital Comics</a> </li> </ul> </li>   </ul> </div> <div class="megamenu-column last"> <ul class="longTextList"> <li class="megamenu-level-0" role="menuitem"> <a href="/books-video-music/articles-online-research/" data-analytics-category="eBooks & Online Content">Articles & Online Research</a> <ul role="menu"> <li class="megamenu-level-1" role="menuitem"> <a href="/databases" data-analytics-category="eBooks & Online Content">A-Z List of Databases</a> </li> </ul> </li> <li class="megamenu-level-0" role="menuitem"> <a href="/elearning/" data-analytics-category="eBooks & Online Content">eLearning</a> </li>   <li class="megamenu-level-0" role="menuitem"> <a href="/books-video-music/specialized-collections/" data-analytics-category="Books, Video & Research">Special Collections & Rare Books</a> </li> <li class="megamenu-level-0" role="menuitem"> <a href="/history-genealogy/" data-analytics-category="Books, Video & Research">Local History & Genealogy</a> </li> <li class="megamenu-level-0" role="menuitem"> <a href="https://digitalarchive.tpl.ca/" data-analytics-category="Books, Video & Research">Digital Archive</a> </li>  </ul> </div> </div> </li> <li role="presentation" id="programs-link" class="navigation-dropdown"> <a aria-haspopup="true" class="top-nav " href="/programs-and-classes/"> <span id="programLabel">Programs</span> </a> <div class="megamenu"> <div class="megamenu-column first"> <ul role="menu"> <li class="megamenu-level-0" role="menuitem"> <ul role="menu"> <li class="megamenu-level-1" role="menuitem"> <a href="/programs-and-classes/kids-and-families/" data-analytics-category="Programs">Kids & Families</a> </li> <li class="megamenu-level-1" role="menuitem"> <a href="/teens/programs-and-classes.jsp" data-analytics-category="Programs">Teens</a> </li> <li class="megamenu-level-1" role="menuitem"> <a href="/programs-and-classes/categories/authors.jsp" data-analytics-category="Programs">Author Talks & Lectures</a> </li> <li class="megamenu-level-1" role="menuitem"> <a href="/programs-and-classes/categories/book-clubs-writers-groups.jsp" data-analytics-category="Programs">Book Clubs & Writers' Groups</a> </li> <li class="megamenu-level-1" role="menuitem"> <a href="/programs-and-classes/categories/career-job-search.jsp" data-analytics-category="Programs">Career & Job Search</a> </li> <li class="megamenu-level-1" role="menuitem"> <a href="/programs-and-classes/categories/computers-library-training.jsp" data-analytics-category="Programs">Computer & Library Training</a> </li> </ul> </li> </ul> </div> <div class="megamenu-column"> <ul role="menu"> <li class="megamenu-level-0" role="menuitem"> <ul role="menu"> <li class="megamenu-level-1" role="menuitem"> <a href="/programs-and-classes/categories/health-wellness.jsp" data-analytics-category="Programs">Health & Wellness</a> </li> <li class="megamenu-level-1" role="menuitem"> <a href="/programs-and-classes/categories/hobbies-crafts-games.jsp" data-analytics-category="Programs">Hobbies, Crafts & Games</a> </li> <li class="megamenu-level-1" role="menuitem"> <a href="/programs-and-classes/categories/newcomer-esl-programs.jsp" data-analytics-category="Programs">Newcomer & ESL</a> </li> <li class="megamenu-level-1" role="menuitem"> <a href="/personalfinance/" data-analytics-category="Programs">Personal Finance</a> </li> <li class="megamenu-level-1" role="menuitem"> <a href="/smallbusiness/programs-seminars.jsp" data-analytics-category="Programs">Small Business</a> </li> </ul> </li> </ul> </div> <div class="megamenu-column last"> <ul role="menu"> <li class="megamenu-level-0" role="menuitem"> <a href="/programs-and-classes/featured/" data-analytics-category="Programs">Program Series</a> <ul role="menu"> <li class="megamenu-level-1" role="menuitem"> <a href="/programs-and-classes/featured/salon-series/" data-analytics-category="Programs">Salon Series</a> </li> <li class="megamenu-level-1" role="menuitem"> <a href="/programs-and-classes/featured/on-civil-society.jsp" data-analytics-category="Programs">On Civil Society</a> </li> <li class="megamenu-level-1" role="menuitem"> <a href="/programs-and-classes/featured/fragile-planet.jsp" data-analytics-category="Programs">Our Fragile Planet</a> </li>  </ul> </li> <li class="megamenu-level-0" role="menuitem"> <a href="/programs-and-classes/exhibits/" data-analytics-category="Programs">Exhibits & Displays</a> <ul role="menu"> <li class="megamenu-level-1" role="menuitem"> <a href="/programs-and-classes/exhibits/trl-exhibits.jsp">TD Gallery</a> </li> </ul> </li> </ul> </div> </div> </li> <li role="presentation" id="branches-link" class="navigation-dropdown"> <a aria-haspopup="true" class="top-nav " href="/hours-locations/"> <span id="branchLabel">Locations</span> </a> <div class="megamenu"> <div class="megamenu-column"> <ul class="clear-left"> <li class="megamenu-level-0" role="menuitem"> <ul> <li class="megamenu-level-1" role="menuitem"> <a href="/branches/">A-Z List of Branches</a> </li> <li class="megamenu-level-1" role="menuitem"> <a href="/sundayhours/">Sunday Hours</a> </li> <li class="megamenu-level-1" role="menuitem"> <a href="/holiday-hours/">Holiday Hours</a> </li> <li class="megamenu-level-1" role="menuitem"> <a href="/renovations/">Branch Renovations</a> </li> <li class="megamenu-level-1" role="menuitem"> <a href="/bookmobiles/">Bookmobiles</a> </li> </ul> </li> </ul> </div> </div> </li> <li role="presentation" id="using-link" class="navigation-dropdown"> <a aria-haspopup="true" class="top-nav " href="/using-the-library/"> <span id="usingLabel">Using the Library</span> </a> <div class="megamenu"> <div class="megamenu-column first"> <ul role="menu"> <li class="megamenu-level-0" role="menuitem"> <a href="/using-the-library/computer-services/" data-analytics-category="Using the Library">Computers, Printing & Wi-Fi</a> <ul role="menu"> <li class="megamenu-level-1" role="menuitem"> <a href="/using-the-library/computer-services/rac/" data-analytics-category="Using the Library">Reserve a Computer</a> </li> <li class="megamenu-level-1" role="menuitem"> <a href="/services/photocopying-printing.jsp" data-analytics-category="Using the Library">Printing & Photocopying</a> </li> <li class="megamenu-level-1" role="menuitem"> <a href="/using-the-library/computer-services/innovation-spaces/" data-analytics-category="Using the Library">Digital Innovation Services</a> </li> <li class="megamenu-level-1" role="menuitem"> <a href="/using-the-library/computer-services/learning-centres/" data-analytics-category="Using the Library">Computer Learning Centres</a> </li> </ul> </li> </ul> </div> <div class="megamenu-column"> <ul role="menu"> <li class="megamenu-level-0" role="menuitem"> <a href="/services/" data-analytics-category="Using the Library">A-Z List of Services</a> <ul role="menu"> <li class="megamenu-level-1" role="menuitem"> <a href="/map/" data-analytics-category="Using the Library">tpl:map Passes</a> <a href="/new-to-canada/" data-analytics-category="Using the Library">New to Canada</a> <a href="/services/teachers-and-parents.jsp" data-analytics-category="Using the Library">Teachers & Parents</a> <a href="/using-the-library/study-space.jsp" data-analytics-category="Using the Library">Study Space</a> <a href="/job-help/" data-analytics-category="Using the Library">Job & Career Help</a> <a href="/services/borrow-a-musical-instrument.jsp" data-analytics-category="Using the Library">Musical Instruments</a> <a href="/adult-literacy/" data-analytics-category="Using the Library">Adult Literacy</a> <a href="/using-the-library/room-theatre-rentals/" data-analytics-category="Using the Library">Rent Space at the Library</a> </li> </ul> </li> </ul> </div> <div class="megamenu-column last"> <ul role="menu"> <li class="megamenu-level-0" role="menuitem"> <ul role="menu"> <li class="megamenu-level-1" role="menuitem"> <a href="/using-the-library/your-library-card/" data-analytics-category="Using the Library">Your Library Card</a> <a href="/using-the-library/borrowing-materials/" data-analytics-category="Using the Library">Borrowing Materials</a> <a href="/using-the-library/help/renewing-materials.jsp" data-analytics-category="Using the Library">Renewing Materials</a> <a href="/using-the-library/placing-holds/" data-analytics-category="Using the Library">Placing Holds</a> <a href="/using-the-library/help/manage-your-holds.jsp" data-analytics-category="Using the Library">Managing Your Holds</a> <a href="/using-the-library/fines-fees.jsp" data-analytics-category="Using the Library">Fines & Fees</a> </li> </ul> </li> </ul> </div> </div> </li> </ul> <ul class="navigation-lower right-section" role="menubar"> <li role="presentation" id="for-teens-link" class="navigation-dropdown right-dropdown"> <a aria-haspopup="true" class="top-nav" href="/teens"> Teens </a> </li> <li role="presentation" id="for-kids-link" class="navigation-dropdown right-dropdown lastCell"> <a aria-haspopup="true" class="top-nav" href="javascript:void(0);"> Kids </a> <div class="megamenu"> <div class="megamenu-column"> <ul class="clear-left" role="menu"> <li class="megamenu-level-0" role="menuitem"> <ul role="menu"> <li class="megamenu-level-1" role="menuitem"> <a href="https://kids.tpl.ca/ready-for-reading" data-analytics-category="For Kids">Kids Birth to 5</a> </li> <li class="megamenu-level-1" role="menuitem"> <a href="https://kids.tpl.ca/" data-analytics-category="For Kids">TPL Kids</a> </li> </ul> </li> </ul> </div> </div> </li> </ul> </nav> </div> <div class="navigationMobile"> <div class="navigationMobileHeader"> <a class="menuHamburger hamburgerSqueeze"> <span class="hamburgerBox"> <span class="hamburgerInner">Menu</span> </span> </a> <a class="navLogo" href="/"> <img alt="Toronto Public Library Homepage" src="/images/TPLlogo_rev_white.svg" /> </a> <div class="navigationMobileHeaderInnerRight"> <a class="navigationMobileHeaderElement accountSignedOut"> <img alt="Your Account" src="/content/images/userCircleWhite.png"> </a> <div class="navigationMobileHeaderElement searchMobile"> <img alt="Search" src="/images/searchWhite.png"> </div> </div> </div> <div class="navigationMobileContents"> <div class="navigationMobileDropdown"> <div class="mobileSideMenu rootMobileMenu active"> <a onclick="toggleSideMenu('rootMobileMenu', 'booksSideMenu', 1)" class="toggleMobileSideMenu"> <div class="toggleElement"> Books, DVDs & Music </div> <div class="toggleElement menuToggleArrow"> <img alt="" src="/images/toggleArrowRight.svg"> </div> </a> <a onclick="toggleSideMenu('rootMobileMenu', 'eBooksSideMenu', 1)" class="toggleMobileSideMenu"> <div class="toggleElement"> eResources & Research </div> <div class="toggleElement menuToggleArrow"> <img alt="" src="/images/toggleArrowRight.svg"> </div> </a> <a onclick="toggleSideMenu('rootMobileMenu', 'programsSideMenu', 1)" class="toggleMobileSideMenu"> <div class="toggleElement"> Programs </div> <div class="toggleElement menuToggleArrow"> <img alt="" src="/images/toggleArrowRight.svg"> </div> </a> <a onclick="toggleSideMenu('rootMobileMenu', 'locationsSideMenu', 1)" class="toggleMobileSideMenu"> <div class="toggleElement"> Locations </div> <div class="toggleElement menuToggleArrow"> <img alt="Next" src="/images/toggleArrowRight.svg"> </div> </a> <a onclick="toggleSideMenu('rootMobileMenu', 'usingTheLibrarySideMenu', 1)" class="toggleMobileSideMenu"> <div class="toggleElement"> Using the Library </div> <div class="toggleElement menuToggleArrow"> <img alt="" src="/images/toggleArrowRight.svg"> </div> </a> <a onclick="toggleSideMenu('rootMobileMenu', 'teensSideMenu', 1)" class="toggleMobileSideMenu"> <div class="toggleElement"> Teens </div> <div class="toggleElement menuToggleArrow"> <img alt="" src="/images/toggleArrowRight.svg"> </div> </a> <a onclick="toggleSideMenu('rootMobileMenu', 'kidsSideMenu', 1)" class="toggleMobileSideMenu"> <div class="toggleElement"> Kids </div> <div class="toggleElement menuToggleArrow"> <img alt="" src="/images/toggleArrowRight.svg"> </div> </a>   </div> <div class="mobileSideMenu booksSideMenu"> <a onclick="goBackToPreviousMenu('booksSideMenu', 'rootMobileMenu', 1)" aria-haspopup="true" class="sideMenuBack"> <div class="arrowContainer"> <img alt="" src="/images/toggleArrowLeft.svg"> </div> <div> Back </div> </a> <a href="/books-video-music/" class="indentFirstLevel" aria-haspopup="true"> <div> Books, DVDs & Music </div> </a> <a href="/books-video-music/books" class="indentFirstLevel" aria-haspopup="true"> <div> Books </div> </a> <a onclick="toggleSideMenu('booksSideMenu', 'booksFictionSideMenu', 2)" class="indentSecondLevel" aria-haspopup="true"> <div> Fiction </div> <div class="arrowContainer"> <img alt="" src="/images/toggleArrowRight.svg"> </div> </a> <a onclick="toggleSideMenu('booksSideMenu', 'booksNonFictionSideMenu', 2)" class="indentSecondLevel" aria-haspopup="true"> <div> Nonfiction </div> <div class="arrowContainer"> <img alt="" src="/images/toggleArrowRight.svg"> </div> </a> <a onclick="toggleSideMenu('booksSideMenu', 'booksByTypeSideMenu', 2)" class="indentSecondLevel" aria-haspopup="true"> <div> Books by Type </div> <div class="arrowContainer"> <img alt="" src="/images/toggleArrowRight.svg"> </div> </a> <a href="/books-video-music/video/" class="indentFirstLevel" aria-haspopup="true"> <div> Movies & Video </div> </a> <a href="/books-video-music/new-items.jsp?category=Adult%20DVDs" class="indentSecondLevel" aria-haspopup="false"> <div> New DVDs </div> </a> <a href="/books-video-music/music/" class="indentFirstLevel" aria-haspopup="true"> <div> Music </div> </a> <a href="/books-video-music/new-items.jsp?category=Adult%20Music" class="indentSecondLevel" aria-haspopup="false"> <div> New Music </div> </a> <a href="/books-video-music/your-language" class="indentFirstLevel" aria-haspopup="true"> <div> Material in Your Language </div> </a> <a href="/french/" class="indentSecondLevel" aria-haspopup="false" lang="fr"> <div> Français </div> </a> <a href="/search.jsp?Nso=1&Ns=p_date_acquired_sort&N=37953+20164&view=grid&Erp=25" class="indentSecondLevel" aria-haspopup="false" lang="zh"> <div> 简化字 | 繁體字 </div> </a> </div> <div class="mobileSideMenu booksFictionSideMenu"> <a onclick="goBackToPreviousMenu('booksFictionSideMenu', 'booksSideMenu', 2)" class="sideMenuBack"> <div class="arrowContainer"> <img alt="" src="/images/toggleArrowLeft.svg"> </div> <div> Back </div> </a> <a href="/books-video-music/new-items.jsp?category=Adult%20Fiction" class="indentFirstLevel" aria-haspopup="true"> <div> General Fiction </div> </a> <a href="/books-video-music/new-items.jsp?category=Adult%20Mysteries" class="indentFirstLevel" aria-haspopup="true"> <div> Mystery </div> </a> <a href="/books-video-music/new-items.jsp?category=Adult%20Romance" class="indentFirstLevel" aria-haspopup="true"> <div> Romance </div> </a> <a href="/books-video-music/new-items.jsp?category=Adult%20Science%20Fiction" class="indentFirstLevel" aria-haspopup="true"> <div> Science Fiction </div> </a> <a href="/books-video-music/new-items.jsp?category=Adult%20Graphic%20Books" class="indentFirstLevel" aria-haspopup="true"> <div> Graphic Books </div> </a> </div> <div class="mobileSideMenu booksNonFictionSideMenu"> <a onclick="goBackToPreviousMenu('booksNonFictionSideMenu', 'booksSideMenu', 2)" class="sideMenuBack" aria-haspopup="true"> <div class="arrowContainer"> <img alt="" src="/images/toggleArrowLeft.svg"> </div> <div> Back </div> </a> <a href="/books-video-music/new-items.jsp?category=Adult%20NonFiction%20All" class="indentFirstLevel" aria-haspopup="true"> <div> All NonFiction </div> </a> <a href="/books-video-music/new-items.jsp?category=Adult%20Nonfiction%20Biography" class="indentFirstLevel" aria-haspopup="true"> <div> Biography </div> </a> <a href="/books-video-music/new-items.jsp?category=Adult%20Nonfiction%20Food" class="indentFirstLevel" aria-haspopup="true"> <div> Food and Drink </div> </a> <a href="/books-video-music/new-items.jsp?category=Adult%20Nonfiction%20Health" class="indentFirstLevel" aria-haspopup="true"> <div> Health and Wellness </div> </a> <a href="/books-video-music/new-items.jsp?category=Adult%20Nonfiction%20History" class="indentFirstLevel" aria-haspopup="true"> <div> History </div> </a> </div> <div class="mobileSideMenu booksByTypeSideMenu"> <a onclick="goBackToPreviousMenu('booksByTypeSideMenu', 'booksSideMenu', 2)" class="sideMenuBack" aria-haspopup="true"> <div class="arrowContainer"> <img alt="" src="/images/toggleArrowLeft.svg"> </div> <div> Back </div> </a> <a href="/books-video-music/books/childrens-books/" class="indentFirstLevel" aria-haspopup="true"> <div> Children's Books </div> </a> <a href="/teens/books-and-reading.jsp" class="indentFirstLevel" aria-haspopup="true"> <div> Teen Books </div> </a> <a href="/books-video-music/books/audio-books/" class="indentFirstLevel" aria-haspopup="true"> <div> Audiobooks </div> </a> <a href="/books-video-music/new-items.jsp?category=Adult%20Large%20Print" class="indentFirstLevel" aria-haspopup="true"> <div> Large Print Books </div> </a> </div> <div class="mobileSideMenu forResearchersSideMenu"> <a onclick="goBackToPreviousMenu('forResearchersSideMenu', 'booksSideMenu', 2)" class="sideMenuBack" aria-haspopup="true"> <div class="arrowContainer"> <img alt="" src="/images/toggleArrowLeft.svg"> </div> <div> Back </div> </a> </div> <div class="mobileSideMenu eBooksSideMenu"> <a onclick="goBackToPreviousMenu('eBooksSideMenu', 'rootMobileMenu', 1)" aria-haspopup="true" class="sideMenuBack"> <div class="arrowContainer"> <img alt="" src="/images/toggleArrowLeft.svg"> </div> <div> Back </div> </a> <a href="/books-video-music/downloads-ebooks/" class="indentFirstLevel" aria-haspopup="true"> <div> eResources & Research </div> </a> <a href="/books-video-music/downloads-ebooks/ebooks.jsp" class="indentFirstLevel" aria-haspopup="true"> <div> eBooks & Audiobooks </div> </a> <a href="/books-video-music/downloads-ebooks/digital-video-music.jsp" class="indentFirstLevel" aria-haspopup="true"> <div> Digital Video & Music </div> </a> <a href="/books-video-music/downloads-ebooks/digital-magazines.jsp" class="indentFirstLevel" aria-haspopup="true"> <div> Digital Magazines </div> </a> <a href="/books-video-music/downloads-ebooks/digital-newspapers.jsp" class="indentFirstLevel" aria-haspopup="true"> <div> Digital Newspapers </div> </a> <a href="/books-video-music/downloads-ebooks/comics.jsp" class="indentFirstLevel" aria-haspopup="true"> <div> Digital Comics </div> </a> <a href="/books-video-music/articles-online-research" class="indentFirstLevel" aria-haspopup="false"> <div> Articles & Online Research </div> </a> <a href="/databases" class="indentSecondLevel" aria-haspopup="false"> <div> A-Z List of Databases </div> </a> <a href="/elearning/" class="indentFirstLevel" aria-haspopup="false"> <div> eLearning </div> </a> <a href="/books-video-music/specialized-collections/" class="indentFirstLevel" aria-haspopup="true"> <div> Special Collections & Rare Books </div> </a> <a href="/books-video-music/specialized-collections/" class="indentFirstLevel" aria-haspopup="true"> <div> Local History & Genealogy </div> </a> <a href="https://digitalarchive.tpl.ca/" class="indentFirstLevel" aria-haspopup="true"> <div> Digital Archive </div> </a> </div> <div class="mobileSideMenu programsSideMenu"> <a onclick="goBackToPreviousMenu('programsSideMenu', 'rootMobileMenu', 1)" aria-haspopup="true" class="sideMenuBack"> <div class="arrowContainer"> <img alt="" src="/images/toggleArrowLeft.svg"> </div> <div> Back </div> </a> <a href="/programs-and-classes/" class="indentFirstLevel" aria-haspopup="true"> <div> Programs </div> </a> <a href="/programs-and-classes/kids-and-families/" class="indentFirstLevel" aria-haspopup="true"> <div> Kids & Families </div> </a> <a href="/teens/programs-and-classes.jsp" class="indentFirstLevel" aria-haspopup="true"> <div> Teens </div> </a> <a href="/programs-and-classes/categories/authors.jsp" class="indentFirstLevel" aria-haspopup="true"> <div> Author Talks & Lectures </div> </a> <a href="/programs-and-classes/categories/book-clubs-writers-groups.jsp" class="indentFirstLevel" aria-haspopup="true"> <div> Book Clubs & Writers' Groups </div> </a> <a href="/programs-and-classes/categories/career-job-search.jsp" class="indentFirstLevel" aria-haspopup="true"> <div> Career & Job Search </div> </a> <a href="/programs-and-classes/categories/computers-library-training.jsp" class="indentFirstLevel" aria-haspopup="true"> <div> Computer & Library Training </div> </a> <a href="/programs-and-classes/categories/health-wellness.jsp" class="indentFirstLevel" aria-haspopup="true"> <div> Health & Wellness </div> </a> <a href="/programs-and-classes/categories/hobbies-crafts-games.jsp" class="indentFirstLevel" aria-haspopup="false"> <div> Hobbies, Crafts & Games </div> </a> <a href="/programs-and-classes/categories/newcomer-esl-programs.jsp" class="indentFirstLevel" aria-haspopup="false"> <div> Newcomer & ESL </div> </a> <a href="/personalfinance/" class="indentFirstLevel" aria-haspopup="false"> <div> Personal Finance </div> </a> <a href="/smallbusiness/programs-seminars.jsp" class="indentFirstLevel" aria-haspopup="true"> <div> Small Business </div> </a> <a href="/programs-and-classes/featured/" class="indentFirstLevel" aria-haspopup="true"> <div> Program Series </div> </a> <a href="/programs-and-classes/featured/salon-series/" class="indentSecondLevel" aria-haspopup="true"> <div> Salon Series </div> </a> <a href="/programs-and-classes/featured/on-civil-society.jsp" class="indentSecondLevel" aria-haspopup="true"> <div> On Civil Society </div> </a> <a href="/programs-and-classes/featured/at-stake.jsp" class="indentSecondLevel" aria-haspopup="true"> <div> What's at Stake </div> </a>    <a href="/programs-and-classes/exhibits/" class="indentFirstLevel" aria-haspopup="true"> <div> Exhibits & Displays </div> </a> <a href="/programs-and-classes/exhibits/trl-exhibits.jsp" class="indentSecondLevel" aria-haspopup="true"> <div> TD Gallery </div> </a> </div> <div class="mobileSideMenu locationsSideMenu"> <a onclick="goBackToPreviousMenu('locationsSideMenu', 'rootMobileMenu', 1)" aria-haspopup="true" class="sideMenuBack"> <div class="arrowContainer"> <img alt="" src="/images/toggleArrowLeft.svg"> </div> <div> Back </div> </a> <a href="/hours-locations/" class="indentFirstLevel" aria-haspopup="true"> <div> Locations </div> </a> <a href="/branches/" class="indentFirstLevel" aria-haspopup="true"> <div> A-Z List of Branches </div> </a> <a href="/bookmobiles/" class="indentFirstLevel" aria-haspopup="true"> <div> Bookmobiles </div> </a> <a href="/sunday-hours/" class="indentFirstLevel" aria-haspopup="true"> <div> Sunday Hours </div> </a> <a href="/holiday-hours/" class="indentFirstLevel" aria-haspopup="true"> <div> Holiday Hours </div> </a> <a href="/renovations/" class="indentFirstLevel" aria-haspopup="true"> <div> Branch Renovations </div> </a> </div> <div class="mobileSideMenu usingTheLibrarySideMenu"> <a onclick="goBackToPreviousMenu('usingTheLibrarySideMenu', 'rootMobileMenu', 1)" aria-haspopup="true" class="sideMenuBack"> <div class="arrowContainer"> <img alt="" src="/images/toggleArrowLeft.svg"> </div> <div> Back </div> </a> <a href="/using-the-library/" class="indentFirstLevel" aria-haspopup="true"> <div> Using the Library </div> </a>  <a href="/using-the-library/your-library-card/" class="indentSecondLevel" aria-haspopup="true"> <div> Your Library Card </div> </a> <a href="/using-the-library/borrowing-materials/" class="indentSecondLevel" aria-haspopup="true"> <div> Borrowing Materials </div> </a> <a href="/using-the-library/help/renewing-materials.jsp" class="indentSecondLevel" aria-haspopup="true"> <div> Renewing Materials </div> </a> <a href="/using-the-library/placing-holds/" class="indentSecondLevel" aria-haspopup="true"> <div> Placing Holds </div> </a> <a href="/using-the-library/help/manage-your-holds.jsp" class="indentSecondLevel" aria-haspopup="true"> <div> Managing Your Holds </div> </a> <a href="/using-the-library/fines-fees.jsp" class="indentSecondLevel" aria-haspopup="false"> <div> Fines & Fees </div> </a> <a href="/using-the-library/computer-services/" class="indentFirstLevel" aria-haspopup="false"> <div> Computers, Printing & Wi-Fi </div> </a> <a href="/using-the-library/computer-services/rac/" class="indentSecondLevel" aria-haspopup="false"> <div> Reserve a Computer </div> </a> <a href="/services/photocopying-printing.jsp" class="indentSecondLevel" aria-haspopup="true"> <div> Printing & Photocopying </div> </a> <a href="/using-the-library/computer-services/innovation-spaces/" class="indentSecondLevel" aria-haspopup="true"> <div> Digital Innovation Hubs </div> </a> <a href="/using-the-library/computer-services/learning-centres/" class="indentFirstLevel" aria-haspopup="true"> <div> Computer Learning Centres </div> </a> <a href="/services/" class="indentFirstLevel" aria-haspopup="true"> <div> A-Z List of Services </div> </a> <a href="/map/" class="indentSecondLevel" aria-haspopup="true"> <div> tpl:map Passes </div> </a> <a href="/new-to-canada/" class="indentSecondLevel" aria-haspopup="false"> <div> New to Canada </div> </a> <a href="/services/teachers-and-parents.jsp" class="indentSecondLevel" aria-haspopup="true"> <div> Teachers & Parents </div> </a> <a href="/using-the-library/study-space.jsp" class="indentSecondLevel" aria-haspopup="true"> <div> Study Space </div> </a> <a href="/job-help/" class="indentSecondLevel" aria-haspopup="true"> <div> Job & Career Help </div> </a> <a href="/services/borrow-a-musical-instrument.jsp" class="indentSecondLevel" aria-haspopup="true"> <div> Musical Instruments </div> </a> <a href="/adult-literacy/" class="indentSecondLevel" aria-haspopup="true"> <div> Adult Literacy </div> </a> <a href="/using-the-library/room-theatre-rentals/" class="indentSecondLevel" aria-haspopup="true"> <div> Rent Space at the Library </div> </a> </div> <div class="mobileSideMenu teensSideMenu"> <a onclick="goBackToPreviousMenu('teensSideMenu', 'rootMobileMenu', 1)" aria-haspopup="true" class="sideMenuBack"> <div class="arrowContainer"> <img alt="" src="/images/toggleArrowLeft.svg"> </div> <div> Back </div> </a> <a href="/teens/" class="indentFirstLevel" aria-haspopup="true"> <div> Teens </div> </a> <a href="/teens/books-and-reading.jsp" class="indentFirstLevel" aria-haspopup="true"> <div> Books </div> </a> <a href="/teens/learning.jsp" class="indentFirstLevel" aria-haspopup="true"> <div> Homework Help </div> </a> <a href="/teens/programs-and-classes.jsp" class="indentFirstLevel" aria-haspopup="true"> <div> Programs </div> </a> <a href="/support-us/volunteering/" class="indentFirstLevel" aria-haspopup="true"> <div> Volunteering </div> </a> <a href="/teens/young-voices.jsp" class="indentFirstLevel" aria-haspopup="true"> <div> Young Voices </div> </a> <a href="/services/youth-hubs.jsp" class="indentFirstLevel" aria-haspopup="true"> <div> Youth Hubs </div> </a> </div> <div class="mobileSideMenu kidsSideMenu"> <a onclick="goBackToPreviousMenu('kidsSideMenu', 'rootMobileMenu', 1)" aria-haspopup="true" class="sideMenuBack"> <div class="arrowContainer"> <img alt="" src="/images/toggleArrowLeft.svg"> </div> <div> Back </div> </a> <a href="https://kids.tpl.ca/ready-for-reading" class="indentFirstLevel" aria-haspopup="true"> <div> Kids Birth to 5 </div> </a> <a href="https://kids.tpl.ca/" class="indentFirstLevel" aria-haspopup="true"> <div> TPL Kids </div> </a> </div> </div> </div> <div class="accountMenuMobile signedIn"> <a href="https://account.torontopubliclibrary.ca/signin" class="mainAccountLink"> <span>Account</span> </a> <a href="https://account.torontopubliclibrary.ca/summary"> Summary </a> <a href="https://account.torontopubliclibrary.ca/checkouts"> Checkouts </a> <a href="https://account.torontopubliclibrary.ca/holds"> Holds </a> <a href="https://account.torontopubliclibrary.ca/borrowingHistory"> Borrowing History </a> <a href="https://account.torontopubliclibrary.ca/saved"> Saved </a> <a href="https://account.torontopubliclibrary.ca/charges"> Charges </a> <a href="https://account.torontopubliclibrary.ca/settings"> Settings </a> <a href="https://account.torontopubliclibrary.ca/signout"> Sign Out </a> </div> <div class="accountMenuMobile signedOut"> <a href="https://account.torontopubliclibrary.ca/signin"> <span>Account</span> </a> <a onclick="Common.deleteCookie('sessionExpirationWarning')" href="/signin?returnTo=%2Fteens%2F"> Sign In </a> </div> <div class="searchBarMobile" id="nav-search"> <form onsubmit="return Search.validateNotBlank('searchTerms');" name="navSearchForm" id="navSearchForm" method="get" action="/search.jsp"> <label class="accessible-element" for="nav-search-terms"> Search books, movies, branches, programs & more </label> <input name="Ntt" id="nav-search-terms" type="search" onfocus="" value="" placeholder="Search" /> <input id="nav-submit-button" class="right hidden-label" value="" type="submit" /> </form> </div> </div> </header> <script type="text/javascript"> function tracking(category, action) { TPLEvents.trackEvent(category, action, document.title); } $(".navigationMobileHeaderElement.account").click(function (evt) { $(".accountMenuMobile.signedIn").slideToggle("fast"); if ($(evt.target).closest(".navigationMobileHeaderElement.account").hasClass("active")) { $(evt.target).closest(".navigationMobileHeaderElement.account").removeClass("active"); } else { $(evt.target).closest(".navigationMobileHeaderElement.account").addClass("active"); } if ($(".navigationMobileDropdown").is(':visible')) { $(".navigationMobileDropdown").slideToggle("fast"); } $(".menuHamburger").removeClass("active"); $(".searchBarMobile").css("display", "none"); $(".navigationMobileHeaderElement.searchMobile").removeClass("active"); }); $(".navigationMobileHeaderElement.accountSignedOut").click(function (evt) { $(".accountMenuMobile.signedOut").slideToggle("fast"); if ($(evt.target).closest(".navigationMobileHeaderElement.accountSignedOut").hasClass("active")) { $(evt.target).closest(".navigationMobileHeaderElement.accountSignedOut").removeClass("active"); } else { $(evt.target).closest(".navigationMobileHeaderElement.accountSignedOut").addClass("active"); } if ($(".navigationMobileDropdown").is(':visible')) { $(".navigationMobileDropdown").slideToggle("fast"); } $(".menuHamburger").removeClass("active"); $(".searchBarMobile").css("display", "none"); $(".navigationMobileHeaderElement.searchMobile").removeClass("active"); }); $(".toggleNavigationMobileDropdownAdditional").click(function (evt) { $(".navigationMobileDropdownAdditional").slideToggle("fast"); if ($(evt.target).closest(".toggleNavigationMobileDropdownAdditional").hasClass("active")) { $(evt.target).closest(".toggleNavigationMobileDropdownAdditional").removeClass("active"); } else { $(evt.target).closest(".toggleNavigationMobileDropdownAdditional").addClass("active"); } }); $(".navigationMobileHeaderElement.searchMobile").click(function (evt) { if ($(".navigationMobileDropdown").is(':visible')) { $(".navigationMobileDropdown").slideToggle("fast"); } $(".menuHamburger").removeClass("active"); $(".searchBarMobile").slideToggle("fast"); if ($(evt.target).closest(".navigationMobileHeaderElement.searchMobile").hasClass("active")) { $(evt.target).closest(".navigationMobileHeaderElement.searchMobile").removeClass("active"); } else { $("#nav-search-terms").focus(); $(evt.target).closest(".navigationMobileHeaderElement.searchMobile").addClass("active"); } $(".accountMenuMobile").css("display", "none"); $(".navigationMobileHeaderElement.account").removeClass("active"); $(".navigationMobileHeaderElement.accountSignedOut").removeClass("active"); }); $(".menuHamburger").click(function (evt) { $(".navigationMobileDropdown").slideToggle("fast"); if ($(evt.target).closest(".menuHamburger").hasClass("active")) { $(evt.target).closest(".menuHamburger").removeClass("active"); } else { $(evt.target).closest(".menuHamburger").addClass("active"); } $(".accountMenuMobile").css("display", "none"); $(".navigationMobileHeaderElement.account").removeClass("active"); $(".navigationMobileHeaderElement.accountSignedOut").removeClass("active"); $(".searchBarMobile").css("display", "none"); $(".navigationMobileHeaderElement.searchMobile").removeClass("active"); }); $(".navigation-dropdown").mouseover(function (evt) { var ariaExpanded = $(evt.target).closest(".navigation-dropdown").attr("aria-expanded"); if (ariaExpanded) { $(evt.target).closest(".navigation-dropdown").attr("aria-expanded", true); } }); $(".navigation-dropdown").mouseout(function (evt) { var ariaExpanded = $(evt.target).closest(".navigation-dropdown").attr("aria-expanded"); if (ariaExpanded) { $(evt.target).closest(".navigation-dropdown").attr("aria-expanded", false); } }); function toggleSideMenu(currentSideMenu, nextSideMenu, level) { $("." + currentSideMenu + "").toggleClass("active"); $("." + currentSideMenu + "").toggleClass("previousSideMenu"); $("." + nextSideMenu + "").toggleClass("active"); } function goBackToPreviousMenu(currentSideMenu, previousSideMenu, level) { $("." + currentSideMenu + "").removeClass("active"); $("." + previousSideMenu + "").addClass("active"); $("." + previousSideMenu + "").removeClass("previousSideMenu"); } </script> <script type="text/javascript"> $(".top-nav").focus(function (evt) { $(".navigation-dropdown").removeClass("active"); $(this).closest(".navigation-dropdown").addClass("active"); }); $("html").click(function (evt) { if ($(evt.target).closest("navigation-dropdown").length === 0) { $(".navigation-dropdown").removeClass("active"); $("#account-menu").removeClass("active"); } }); $(".accountMenuHeader").focus(function (evt) { $(this).closest("#account-menu").addClass("active"); }); $(".linkCell").focus(function (evt) { $("#account-menu").removeClass("active"); }); var environment = "dev"; if (window.location.hostname === 'preview.torontopubliclibrary.ca' || window.location.hostname === 'tplweb-d4-1.torontopubliclibrary.ca') { environment = "dev"; } else if (window.location.hostname === 'staging.torontopubliclibrary.ca' || window.location.hostname === 'tplweb-d2-1.torontopubliclibrary.ca') { environment = "stg"; } else if (window.location.hostname === 'beta.torontopubliclibrary.ca') { environment = "beta"; } else if (window.location.hostname === 'www.torontopubliclibrary.ca') { environment = "prod"; } window.environment = environment </script> <script type="text/javascript" id="embedded-script"> if (!environment) { let environment = 'env' } if (window.location.hostname === 'preview.torontopubliclibrary.ca' || window.location.hostname === 'tplweb-d4-1.torontopubliclibrary.ca') { environment = "dev"; } else if ( window.location.hostname === 'staging.torontopubliclibrary.ca' || window.location.hostname === 'tplweb-d2-1.torontopubliclibrary.ca' || window.location.hostname.includes('frankprod') || window.location.hostname === 'staging.tpl.ca' || window.location.hostname.includes('frankha') || window.location.hostname.includes('torontopoetry') ) { environment = "stg"; } else if (window.location.hostname === 'beta.torontopubliclibrary.ca') { environment = "beta"; } else if (window.location.hostname === 'www.torontopubliclibrary.ca' || window.location.hostname === 'www.tpl.ca') { environment = "prod"; } window.environment = environment // adding account javascript dynamically so it changes depending on the environment script = document.createElement("script"); script.type = "text/javascript"; if (environment === "prod") { script.src = "https://account.torontopubliclibrary.ca/static/embeddable.js?v=1.2"; } else { script.src = "https://" + environment + "account.torontopubliclibrary.ca/static/embeddable.js?v=1.2"; } if (window.location.hostname === 'localhost') { script.src = "http://localhost:9292/static/embeddable.js?v=1.2"; } // script.defer = true; const pathName = window.location.pathname; if ((pathName !== "/hours-locations/") && (pathName !== "/bookmobiles/") && (pathName !== "/bookmobiles/index.jsp") && (pathName !== "/hours-locations/index.jsp")) { document.getElementsByTagName("head")[0].appendChild(script); } document.getElementById('embedded-script').remove(); </script> <div id="top"></div> <main role="main" class="standard-responsive-layout wide " id="Content" > <h1 class="show-for-large" style="font-weight: 700;">Teens</h1> <nav> <ul class="button-nav"> <li> <a data-icon="books" href="/teens/books-and-reading.jsp">Books</a> </li> <li> <a data-icon="book-stack" href="/teens/learning.jsp">Homework Help</a> </li> <li> <a data-icon="check-circled" href="/teens/programs-and-classes.jsp">Programs</a> </li> <li> <a data-icon="office" href="/support-us/volunteering/">Volunteering</a> </li> <li> <a data-icon="pencil" href="/teens/young-voices.jsp">Young Voices</a> </li> <li> <a data-icon="monitor" href="/services/youth-hubs.jsp">Youth Hubs</a> </li> </ul> </nav> <section class="feature-section"> <ul class="feature-list" data-clickable-blocks> <li id="8" class="feature-card"> <img class="feature-card__image" src="https://cms.tpllabs.ca/uploads/A_group_of_teens_gaming_28_AB_29_0f5fb7e217.png" alt="A group of teens gaming" data-object-fit="cover" /> <div class="feature-card__content m-content"> <span class="m-content__label">Visit</span> <a href="https://www.torontopubliclibrary.ca/services/youth-hubs.jsp"> <h2 class="m-content__title"> Find a youth hub location </h2> </a> <div class="m-content__body"> <p>Our youth hubs are open after school. Drop in for daily activities, tech to use and a nutritious snack.</p> </div> </div> </li> <li id="7" class="feature-card"> <img class="feature-card__image" src="https://cms.tpllabs.ca/uploads/mentalhealthsupports_127840c6d0.png" alt="" data-object-fit="cover" /> <div class="feature-card__content m-content"> <span class="m-content__label">Books</span> <a href="https://account.torontopubliclibrary.ca/shared/mental-health-supports/kXmKICXqz8Jf2UK3OrHmp712bnDd7UXuAGELiAIS51Ao2xe1y7"> <h2 class="m-content__title"> Mental health supports </h2> </a> <div class="m-content__body"> <p>Guides and workbooks by practicing psychologists to help support you and your mental health.</p> </div> </div> </li> <li id="9" class="feature-card"> <img class="feature-card__image" src="https://cms.tpllabs.ca/uploads/health_sexuality_4ccb147c56.png" alt="" data-object-fit="cover" /> <div class="feature-card__content m-content"> <span class="m-content__label">Books</span> <a href="https://account.torontopubliclibrary.ca/shared/health-and-sexuality/ecr8wCqlhEiHRihfKpAYlxyYuHuch4KRzn5j9M9InVOxrVEVb8"> <h2 class="m-content__title"> Health and sexuality </h2> </a> <div class="m-content__body"> <p>Covering a range of topics about your body, sexual health, and relationships.</p> </div> </div> </li> <li id="10" class="feature-card"> <img class="feature-card__image" src="https://cms.tpllabs.ca/uploads/This_Summer_Twitter_1200x675_be963b20c4.jpeg" alt="photo collage of teens in and around branches" data-object-fit="cover" /> <div class="feature-card__content m-content"> <span class="m-content__label">Books</span> <a href="http://lists.tpl.ca/shared/student-success/naDFi3zgHKX4lJHa0vpSiRkkpXaUf8uWakn4xAMxrHse4Deaot"> <h2 class="m-content__title"> Student Success </h2> </a> <div class="m-content__body"> <p>Mastering school life, including subjects and research, mental health support and general guide books.</p> </div> </div> </li> </ul> </section> <section class="the-list"> <ul class="list"> <li id="the-list-great-reads-for-youth-2024" class="spotlight"> <img class="spotlight-image" src="https://cms.tpllabs.ca/uploads/Teen_Landing_Page4_ce28fe3983.png" alt="The List brochure, a phone screen showing a teen holding a book, NEW!" /> <div class="content"> <h2> <a href="https://www.torontopubliclibrary.ca/teens/the-list.jsp"> The List </a> </h2> <h3> great reads for youth </h3> <p>If you have run out of books to read we have 100 new suggestions for you! We鈥檝e selected these fantastic books to make you laugh, cry, reflect,... </div> <div class="book-list"> <a href="https://www.torontopubliclibrary.ca/search.jsp?view=grid&Erp=25&Ntt=In+Limbo+Lee+2023"> <img src="https://cms.tpllabs.ca/uploads/In_Limbo_6cf1c768c9.jpeg" alt="" /> </a> <a href="https://www.torontopubliclibrary.ca/search.jsp?Ntt=Becky+Albertalli%2C+imogen+obviously&view=grid&Erp=25"> <img src="https://cms.tpllabs.ca/uploads/Becky_7d58788e48.jpeg" alt="" /> </a> <a href="https://www.torontopubliclibrary.ca/search.jsp?Ntt=queen+bee%2C+Amalie+Howard&view=grid&Erp=25"> <img src="https://cms.tpllabs.ca/uploads/Queen_B_88f8000fdd.jpeg" alt="" /> </a> </div> <a class="button" href="https://www.torontopubliclibrary.ca/teens/the-list.jsp"> See More </a> </li> </ul> </section> <section class="spotlights-bottom"> <ul class="list" data-clickable-blocks> <li id="" class="spotlight"> <img class="feature-card__image" src="https://cms.tpllabs.ca/uploads/Y_Vcover_2_217ce6b685.jpeg" alt="" /> <div class="content"> <span class="m-content__label">Young Voices</span> <a href="https://www.tpl.ca/youngvoices"> <h2 class="m-content__title"> Create & Share </h2> </a> <p>Send us your art and writing to be considered for publication in Young Voices Magazine.</p> </div> </li> </ul> </section> <section class="teen-blog-feature-section"> <div class="blog-spotlight"> <div class="list" data-clickable-blocks> <img class="feature-card__image" src="https://cms.tpllabs.ca/uploads/1_f3baefd14c.jpeg" alt="TRL Teen Podcast volume 1, headphones and book" /> <div class="content"> <span class="m-content__label">podcast</span> <a href="https://youtu.be/1tXxLsb8k_M?si=7hmc7lYUFUol5UMv"> <h2 class="m-content__title"> TRL Teen Podcast </h2> </a> <p>Toronto Reference Library teen council volunteers Lilly and Alisha talk about volunteering, teen resources at their local library, and give some amazing book recommendations.</p> </div> </div> </div> <div class="teen-connect-newsletter"> <div class="teen-newsletter"> <h3 class="teen-newsletter__title">Teen Newsletter</h3> <h4 class="teen-newsletter__subtitle">Keep up with the latest news, programs and titles, 4 times a year.</h4> <div id='form_d96409bf894217686ba124d7356686c9'></div> <script> window.__ugv = ( typeof window.__ugv != 'undefined' && window.__ugv instanceof Array ) ? window.__ugv : []; var def = { i: 'd96409bf894217686ba124d7356686c9', s: 'https://subscriptions.torontopubliclibrary.ca/', f: 'assets/forms/api/', c: 101375, l: 879288, t: 'p', a: 0, d: ['form_d96409bf894217686ba124d7356686c9'] }; window.__ugv.push(def); </script> <script> (function () { var w = window; var d = document; function l() { var s = d.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = def['s']+def['f']+'upakneeForm.js'; var x = d.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x); } if (w.attachEvent) { w.attachEvent('onload', l); } else { w.addEventListener('load', l, false); } })() </script> <button onClick="showPpOnClick()" class="teen-newsletter__pp">Read our privacy policy <svg width="21" height="21" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><g transform="translate(1 1)" fill="none" fill-rule="evenodd"><g fill="#005FC0" fill-rule="nonzero"><path d="M20.519 34.404c-1.871 0-3.368-1.104-3.368-3.036s1.497-3.036 3.368-3.036c1.871 0 3.368 1.058 3.368 3.036s-1.497 3.036-3.368 3.036ZM29.36 17.292a9.77 9.77 0 0 1-1.076 1.932c-.467.552-.935 1.058-1.497 1.518-.514.46-1.075.874-1.543 1.288a7.235 7.235 0 0 0-1.544 1.61 3.23 3.23 0 0 0-.608 1.61c-.047.368-.328.644-.702.644h-3.883c-.42 0-.748-.368-.701-.736.047-.598.14-1.104.28-1.564a5.534 5.534 0 0 1 .842-1.748 6.58 6.58 0 0 1 1.17-1.38 9.751 9.751 0 0 1 1.31-1.104 14.537 14.537 0 0 0 1.965-1.748c.56-.598.842-1.288.842-2.162 0-.782-.281-1.472-.842-2.024-.562-.552-1.357-.828-2.386-.828a4.2 4.2 0 0 0-2.433.736c-.608.414-.982 1.012-1.17 1.886a.743.743 0 0 1-.701.552H12.66c-.421 0-.702-.46-.655-.874.14-1.196.515-2.3.936-2.99a7.251 7.251 0 0 1 2.011-2.116A9.856 9.856 0 0 1 17.76 8.46c1.076-.322 2.199-.46 3.462-.46 1.31 0 2.479.184 3.555.506s1.965.782 2.713 1.38c.749.598 1.31 1.334 1.731 2.162.421.828.608 1.794.608 2.852-.047.874-.187 1.656-.468 2.392Z"/></g><circle stroke="#005FC0" stroke-width="1.5" cx="21" cy="21" r="21"/></g></svg> </button> </div> <div class="teen-newsletter__notice"> <header> <h3>Collection of Personal Information Notice</h3> <button onClick="showPpOnClick()" class="teen-newsletter__close"> <span></span> <span></span> </button> </header> <p class="disclaimer">Personal information on this form is collected under the authority of s.20 (a) and (d) of the Public Libraries Act and will be used to administer the Library's email communication service. Questions about the collection or management of personal information should be directed to the Manager, Stakeholder Relations, 789 Yonge Street, Toronto, ON, M4W 2G8, (416) 393-7212.</p> </div> <div class="connect-section"> <h2 class="connect-section__title">Connect and Follow</h2> <h3 class="connect-section__subtitle"><a style="display: inline-block;margin-right: 8px;" href="https://www.instagram.com/tpl.teens/">@tpl.teens</a>on Instagram</h3> <ul id="instafeed" class="feed no-bullet"> <li><a href="https://www.instagram.com/p/DC4YDnFRNSv/" target="_blank"><img class="margin-bottom-sm" src="https://scontent.cdninstagram.com/v/t51.75761-15/468510585_18379526551106532_9080065751985988100_n.jpg?_nc_cat=104&ccb=1-7&_nc_sid=18de74&_nc_ohc=M8JQBuxyW4gQ7kNvgGf4_ro&_nc_zt=23&_nc_ht=scontent.cdninstagram.com&edm=ANo9K5cEAAAA&_nc_gid=AKQHbmaeEAeOCMDEYUS9WG7&oh=00_AYD1gDuQloNdumTKQO6B8WLeKmJTbF93XVy0CMqhvDE6FA&oe=674E6D88" alt="Taylor might have left the city, but we鈥檒l always remember all those friendship bracelets we made, and the rest of the Tay-inspired crafting we did the last couple of weeks. Thank you for joining us and definitely come visit the youth hubs for more crafty fun! tpl.ca/youthhubs" /></a></li> <li><a href="https://www.instagram.com/p/DC17gQSv_xU/" target="_blank"><img class="margin-bottom-sm" src="https://scontent.cdninstagram.com/v/t51.75761-15/468528900_18379392541106532_1993356886912563220_n.jpg?_nc_cat=109&ccb=1-7&_nc_sid=18de74&_nc_ohc=PQfnsr0vZmoQ7kNvgFNY4Gg&_nc_zt=23&_nc_ht=scontent.cdninstagram.com&edm=ANo9K5cEAAAA&_nc_gid=AKQHbmaeEAeOCMDEYUS9WG7&oh=00_AYAjR3XYJpezK1HDeAJM_LQWcJWoJcONQD8Vhvbpt82qFA&oe=674E891D" alt="Albert Campbell Library, along with their Teen Council held a successful book sale this past Saturday. If you weren鈥檛 able to make it out, keep your eyes peeled for our next one 鈾ワ笍." /></a></li> <li><a href="https://www.instagram.com/p/DCmz3agy3wT/" target="_blank"><img class="margin-bottom-sm" src="https://scontent.cdninstagram.com/v/t51.75761-15/467895300_18378529096106532_7892109271056331519_n.jpg?_nc_cat=102&ccb=1-7&_nc_sid=18de74&_nc_ohc=9qPrZyVTi7AQ7kNvgGnfnPM&_nc_zt=23&_nc_ht=scontent.cdninstagram.com&edm=ANo9K5cEAAAA&_nc_gid=AKQHbmaeEAeOCMDEYUS9WG7&oh=00_AYDijeZS0NsHGdOkz1wZebQhqJccUz1YNeu5NwozFxPBjg&oe=674E7DC8" alt="The teens in the Thorncliffe branch youth hub are in their crafting era! Drop by after school from 3:30 - 7 pm at youth hub branches across the city to create fun things to take home. tpl.ca/youthhubs" /></a></li> </ul> <footer> <a class="teen-blog-link" href="https://torontopubliclibrary.typepad.com/teens/">TPL Teens Blog</a> <ul class="social no-bullet"> <li> <a class="social__link facebook" href="https://www.facebook.com/tplteens/"> <span class="accessible-element">facebook</span> <svg viewBox="0 0 35 35" xmlns="http://www.w3.org/2000/svg"> <path d="M17.5 0C7.85 0 0 7.85 0 17.5S7.85 35 17.5 35 35 27.2 35 17.5C35 7.85 27.15 0 17.5 0Zm4.63 11.07h-1.85c-1.46 0-1.7.68-1.7 1.7v2.24h3.45l-.44 3.51h-3.02v8.97h-3.6v-8.97h-3.03v-3.5h3.03v-2.59c0-2.97 1.8-4.63 4.48-4.63 1.27 0 2.39.1 2.68.15v3.12Z" style="fill: currentColor" fill-rule="nonzero"/> </svg> </a> </li> <li> <a class="social__link instagram" href="https://www.instagram.com/tpl.teens/"> <span class="accessible-element">instagram</span> <svg viewBox="0 0 35 35" xmlns="http://www.w3.org/2000/svg"> <g style="fill: currentColor" fill-rule="nonzero"> <path d="M17.5 0C7.85 0 0 7.85 0 17.5S7.85 35 17.5 35 35 27.15 35 17.5 27.15 0 17.5 0Zm8.34 21.06c-.05.92-.2 1.51-.4 2.05a4 4 0 0 1-.97 1.5c-.49.5-.93.79-1.51.98-.54.2-1.17.34-2.05.4-.92.04-1.22.04-3.5.04-2.3 0-2.6 0-3.52-.05a6.62 6.62 0 0 1-2.04-.39 4 4 0 0 1-1.52-.97 3.66 3.66 0 0 1-.97-1.51 6.93 6.93 0 0 1-.4-2.05c-.04-.93-.04-1.22-.04-3.51 0-2.3 0-2.58.05-3.51.05-.93.2-1.51.39-2.05a4 4 0 0 1 .97-1.5c.5-.5.93-.79 1.52-.98.53-.2 1.17-.35 2.04-.4.93-.04 1.22-.04 3.51-.04 2.3 0 2.59 0 3.51.05.93.04 1.51.2 2.05.39a4 4 0 0 1 1.51.97c.49.49.78.93.98 1.51.2.54.34 1.17.39 2.05.04.93.04 1.22.04 3.5 0 2.3 0 2.6-.04 3.52Z"/> <path d="M24.03 12.53a2.6 2.6 0 0 0-.63-.98 2.6 2.6 0 0 0-.98-.63c-.29-.1-.73-.24-1.56-.3-.87-.04-1.17-.04-3.46-.04s-2.53 0-3.46.05c-.83.05-1.27.2-1.56.29a2.6 2.6 0 0 0-.97.63c-.3.3-.5.59-.64.98-.1.29-.24.73-.29 1.56-.05.88-.05 1.17-.05 3.46s0 2.53.05 3.46c.05.83.2 1.27.3 1.56.14.39.33.68.63.97.29.3.58.5.97.64.3.1.73.24 1.56.3.88.04 1.17.04 3.46.04 2.3 0 2.54 0 3.46-.05.83-.05 1.27-.2 1.56-.3.4-.14.69-.33.98-.63.3-.29.49-.58.63-.97.1-.3.25-.73.3-1.56.04-.88.04-1.17.04-3.46 0-2.3 0-2.54-.05-3.46a5.41 5.41 0 0 0-.29-1.56Zm-6.63 9.36a4.4 4.4 0 0 1-4.38-4.39 4.4 4.4 0 0 1 4.38-4.39 4.4 4.4 0 0 1 4.39 4.39c0 2.44-2 4.39-4.39 4.39Zm4.54-7.85a1 1 0 0 1-1.03-1.02 1 1 0 0 1 1.03-1.03 1 1 0 0 1 1.02 1.03 1 1 0 0 1-1.02 1.02Z"/> <circle cx="17.4" cy="17.55" r="2.83"/> </g> </svg> </a> </li> <li> <a class="social__link twitter" href="https://twitter.com/tplteens"> <span class="accessible-element">twitter</span> <svg viewBox="0 0 35 35" xmlns="http://www.w3.org/2000/svg"> <path d="M17.5 0C7.85 0 0 7.85 0 17.5S7.85 35 17.5 35 35 27.15 35 17.5 27.15 0 17.5 0Zm7.56 14.09v.49c0 5.06-3.86 10.91-10.92 10.91-2.15 0-4.2-.63-5.9-1.7a7.77 7.77 0 0 0 5.7-1.6 3.93 3.93 0 0 1-3.6-2.7 3.71 3.71 0 0 0 1.75-.1 3.82 3.82 0 0 1-3.07-3.74v-.05c.53.3 1.12.44 1.75.49a3.82 3.82 0 0 1-1.17-5.12 10.8 10.8 0 0 0 7.9 4c-.05-.3-.1-.59-.1-.88 0-2.1 1.7-3.85 3.85-3.85 1.12 0 2.1.48 2.78 1.22.88-.2 1.7-.5 2.44-.93a3.9 3.9 0 0 1-1.7 2.14c.77-.1 1.5-.29 2.19-.58a7.42 7.42 0 0 1-1.9 2Z" style="fill: currentColor" fill-rule="nonzero"/> </svg> </a> </li> <li> <a class="social__link youtube" href="https://www.youtube.com/channel/UC4v4H5J0hx2j_ljkuaXcMTg"> <span class="accessible-element">youtube</span> <svg viewBox="0 0 35 35" xmlns="http://www.w3.org/2000/svg"> <g style="fill: currentColor" fill-rule="nonzero"> <path d="m15.4 20.38 5.66-2.93-5.66-2.97z"/> <path d="M17.5 0C7.85 0 0 7.85 0 17.5S7.85 35 17.5 35 35 27.15 35 17.5 27.15 0 17.5 0Zm10.53 20.67c-.15 2-.54 4.1-3.12 4.24-4.78.3-9.9.3-14.67 0-2.59-.15-2.98-2.24-3.12-4.24-.15-2.1-.15-3.95 0-6 .14-2 .53-4.1 3.12-4.24 4.77-.3 9.9-.3 14.67 0 2.58.15 2.97 2.24 3.12 4.24.15 2.05.15 3.9 0 6Z"/> </g> </svg> </a> </li> </ul> </footer> </div> <script> let addSubmitInput = false; setInterval(() => { if (addSubmitInput) return; $('.upaknee_required.em_uem').attr("placeholder", "Your email address"); $('.em_inputField_submit').append(`<button class="submit-btn" type="submit"> <span>Submit</span> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 76 76" xml:space="preserve"> <path d="M38.1 2.1C18.3 2.1 2.2 18.2 2.2 38s16.1 35.9 35.9 35.9S74 57.9 74 38C74 18.2 57.9 2.1 38.1 2.1zM58.4 48c0 2.1-1.7 3.8-3.8 3.8H21.9a3.8 3.8 0 0 1-3.8-3.8V33.3l19.5 8.5c.2.1.4.1.6.1.2 0 .4 0 .6-.1l19.4-8.4V48h.2zm0-17.9-20.1 8.6L18.1 30v-1.9c0-2.1 1.7-3.8 3.8-3.8h32.7c2.1 0 3.8 1.7 3.8 3.8v2z" style="fill: currentColor"/> </svg> </button>`); $('.em_inputField_submit .submit').remove(); if ($('.submit-btn').length) addSubmitInput = true; }, 10) function showPpOnClick() { $('.teen-newsletter').toggle(); $('.teen-newsletter__notice').toggle(); } </script> </div> </section> <script src="/scripts/instafeed.min.js" type="text/javascript"></script> <script src="/scripts/tplteens.js" type="text/javascript"></script> <script type="text/javascript" src="/scripts/young-voices.js"></script> </main>  <div data-endeca="false"> <footer role="contentinfo" class="global-footer"> <div class="show-for-small-only back-to-top"> <a href="#top">Back to top</a> </div> <div class="row-wrap leading"> <div class="col-container"> <div class="col-footer"> <h3><a href="/about-the-library">About the Library</a></h3> <ul class="show-for-large"> <li><a href="/about-the-library/business-with-the-library">Doing Business with the Library</a></li> <li><a href="/about-the-library/mission-vision-values">Vision, Mission & Values</a></li> <li><a href="/about-the-library/customer-care/">Customer Feedback Standards & Practices</a></li> <li><a href="/about-the-library/library-history">History of the Library</a></li> <li><a href="/about-the-library/board">Library Board</a></li> <li><a href="/about-the-library/supporting-canadian-authors-publishing-industry.jsp">Supporting Canadian Authors & the Publishing Industry</a></li> <li><a href="/about-the-library/advisory-council/">Advisory Councils</a></li> <li><a href="/about-the-library/strat-annual.jsp">Strategic Plans, Annual Reports & Statistics</a></li> <li><a href="/about-the-library/service-plans-strategies-frameworks.jsp">Service Plans, Strategies, Frameworks & Reports</a></li> <li><a href="/about-the-library/library-finance/">Library Finance</a></li> </ul> </div> <div class="col-footer"> <h3> <a href="/about-the-library/library-jobs">Jobs at the Library</a> </h3> <h3> <a href="/blogs-publications/">Blogs, Podcasts & Publications</a> </h3> <ul class="show-for-large">  <li><a href="/teens/young-voices.jsp">Young Voices Magazine</a></li> </ul> <h3><a href="/opendata/">Open Data</a></h3> <h3><a href="/terms-of-use">Library Policies & Terms of Use</a></h3> <ul class="show-for-large"> <li> <a href="/terms-of-use/library-policies/online-privacy-access-to-Information.jsp">Online Privacy & Access to Information</a> </li> </ul> </div> <div class="col-footer"> <h3><a href="/media/">Media, News Releases & City Librarian Updates</a></h3> <ul class="show-for-large"> <li><a href="/media/media-contacts/">Media Contacts</a></li> <li><a href="/media/#city-librarian-updates">City Librarian Updates</a></li> </ul> <h3><a href="/accessibility">Accessibility</a></h3> <ul class="show-for-large"> <li><a href="/accessibility/branch-equipment/">Accessibility at Library Branches</a></li> <li><a href="/accessibility/accessibility-services/">Accessibility Services</a></li> <li><a href="/accessibility/collections/">Accessible Collections</a></li> <li><a href="/accessibility/web-accessibility/">Website Accessibility</a></li> <li><a href="/accessibility/aoda-compliance/">AODA Compliance</a></li> </ul> </div> <div class="col-footer"> <h3><a href="/support-us">Support Your Library</a></h3> <ul class="show-for-large"> <li><a href="https://tplfoundation.ca/?utm_source=TPL%20Website&utm_medium=web%20link&utm_content=site%20footer&utm_campaign=TPL%20Foundation">TPL Foundation</a></li> <li><a href="/support-us/friends">Friends of the Library</a></li> <li><a href="/support-us/volunteering">Volunteering</a></li> <li><a href="/books-video-music/book-sale/">Book Sales</a></li> <li><a href="/support-us/donate-books.jsp">Donate Books to the Library </a></li> <li><a href="https://tplfoundation.ca/?utm_source=TPL%20Website&utm_medium=web%20link&utm_campaign=Donate%20Now&utm_content=site%20footer">Donate Now</a></li> </ul> <h3 class="hide-for-large donate-now"><a href="https://tplfoundation.ca/?utm_source=TPL%20Website&utm_medium=web%20link&utm_content=site%20footer&utm_campaign=Donate%20Now">Donate Now</a></h3> <h3 class=""><a href="/scheduled-maintenance/">Scheduled Maintenance</a></h3> </div> </div> </div> <div class="row-wrap has-borders enewsletter"> <div class="col-container text-center"> <div class="col-footer full-width"> <img class="sub-icon-footer" src="/images/icons/email-white.svg" alt=""> <a href="/email-newsletter/" aria-label="Subscribe to our eNewsletter">Subscribe to our eNewsletter</a> </div> </div> </div> <div class="row-wrap terms"> <div class="col-container"> <div class="col-footer"> <ul class="footer-inline align-top">  <li class="footer-text"> <a href="/contact">Contact Us</a> </li> <li class="icon-footer social-icon i-blog show-for-large"> <a href="/blogs-publications/">Blog Feed</a> </li> <li class="icon-footer social-icon i-facebook show-for-large"> <a href="https://www.facebook.com/torontopubliclibrary">TPL on Facebook</a> </li> <li class="icon-footer social-icon i-instagram show-for-large"> <a href="https://www.instagram.com/torontolibrary/">TPL on Instagram</a> </li> <li class="icon-footer social-icon i-linkedin show-for-large"> <a href="https://www.linkedin.com/company/torontolibrary">TPL on LinkedIn</a> </li> <li class="icon-footer social-icon i-twitter show-for-large"> <a href="https://www.twitter.com/torontolibrary">TPL on Twitter</a> </li> <li class="icon-footer social-icon i-youtube show-for-large"> <a href="https://www.youtube.com/torontopubliclibrary">TPL on YouTube</a> </li> </ul> </div> </div> </div> <div class="row-wrap hide-for-large social-icons has-top-border"> <div class="col-container text-center"> <div class="col-footer"> <ul class="footer-inline align-top"> <li class="icon-footer social-icon i-blog"> <a href="/blogs-publications/">Blog Feed</a> </li> <li class="icon-footer social-icon i-facebook"> <a href="https://www.facebook.com/torontopubliclibrary">TPL on Facebook</a> </li> <li class="icon-footer social-icon i-instagram"> <a href="https://www.instagram.com/torontolibrary/">TPL on Instagram</a> </li> <li class="icon-footer social-icon i-linkedin"> <a href="https://www.linkedin.com/company/torontolibrary">TPL on LinkedIn</a> </li> <li class="icon-footer social-icon i-twitter"> <a href="https://www.twitter.com/torontolibrary">TPL on Twitter</a> </li> <li class="icon-footer social-icon i-youtube"> <a href="https://www.youtube.com/torontopubliclibrary">TPL on YouTube</a> </li> </ul> </div> </div> </div> <div class="row-wrap copyright"> <div class="col-container full-width"> <span class="col-footer">All content © 2024 Toronto Public Library. All rights reserved.</span> </div> </div> </footer> </div> <script src="/scripts/foundation.min.js" type="text/javascript"></script> <script src="/scripts/foundation-datepicker.js" type="text/javascript"></script> <script src="/scripts/jquery.tooltipster.js" type="text/javascript"></script> <script src="/scripts/moment.min.js" type="text/javascript"></script> <script type="text/javascript"> if (document.getElementById("map_canvas") != null) { try { google.load("maps","3", {"other_params":"sensor=false"}); } catch (e) { } } </script> <script type="text/javascript"> var pageTrackerId = "UA-2885100-29"; try { var subdirectoryGATrackerKey = TPLGA.getSubdirectoryGATrackerKey(pageTrackerId); if(typeof(subdirectoryGATrackerKey)!="undefined"){ pageTrackerId = subdirectoryGATrackerKey; } } catch(err) { if(err=="UndefinedSubdirectoryTrackerKeyError") { pageTrackerId = "UA-2885100-29"; } }; var trackerArray = TPLGA.getSubdirectoryGATrackerArray(); if (pageTrackerId == trackerArray['wifi']) { var dimensionValue = 'Unknown'; var bname = Common.getParameterByName('branch'); if (typeof bname != "undefined" && bname.length > 0) { dimensionValue = bname; } } try { (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', pageTrackerId, 'auto', {'allowLinker' : true}); ga('require', 'linker'); ga('linker:autoLink', ['tpllabs.ca','torontopoetry.ca'] ); if (typeof dimensionValue != "undefined") ga('send', 'pageview', {'dimension1': dimensionValue}); else ga('send', 'pageview'); } catch(err) {} </script> <script async defer src="https://maps.googleapis.com/maps/api/js?v=weekly&key=AIzaSyCm8G7hzl9YRh3LP4FP9zXImOeYXEvxQqA"> </script>  <script src="/asset/d7cb0b44dc1cdd2beac3f0c23c597149/scripts/app.js" type="text/javascript"></script> <script src="/scripts/what-input.js" type="text/javascript"></script> <script>window.LOCAL_REQUEST_NAME='tplapp-p-2a.staff.local'</script> <script type="text/javascript" async="async" src="/__zenedge/assets/f.js?v=1674207422"></script><script>(function () { var v = 1732811088 * 3.1415926535898; v = Math.floor(v); document.cookie = "__zjc7688="+v+"; expires=Thu, 28 Nov 2024 17:31:57 UTC; path=/"; })()</script></body> </html>

CINXE.COM

Teens : Toronto Public Library