School Library Journal

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head>  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script> <script src="//cdn.blueconic.net/mediasource.js"></script> <title>School Library Journal</title> <meta name="keywords" content="Library Journal Junior Library Guild, jlg, library, librarian, books, collection development, reading categories, reading levels." /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">  <link rel="stylesheet" type="text/css" href="/webfiles/1732255584581/css/bootstrap3.3.7.min.css"/>   <script src="/webfiles/1732255584581/js/jquery.simplePagination.js" type="text/javascript"></script>   <script src="/webfiles/1732255584581/js/bootstrap3.3.7.min.js" type="text/javascript"></script>   <script src='https://www.google.com/recaptcha/api.js'></script>   <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700' rel='stylesheet' type='text/css'> <link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'> <link href="/webfiles/1732255584581/images/SLJ_16px.png" rel="Shortcut Icon" type="image/x-icon" />  <link rel="stylesheet" type="text/css" href="/webfiles/1732255584581/css/font-awesome.css"/> <link rel="stylesheet" type="text/css" href="/webfiles/1732255584581/css/style.css"/> <link rel="stylesheet" type="text/css" href="/webfiles/1732255584581/css/subscription.css"/> <link rel="canonical" href="https://www.slj.com/page/account-dashboard"/> <script> function myFunction() { var x = document.getElementById("myTopnav"); if (x.className === "topnav") { x.className += " responsive"; } else { x.className = "topnav"; } } </script> <script type="text/javascript"> var analyticsFileTypes = ['']; var analyticsSnippet = 'enabled'; var analyticsEventTracking = 'enabled'; </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-TP3ZCWW');</script>  <script type="text/javascript"> function divSwap(div1,div2) { d1 = document.getElementById(div1); d2 = document.getElementById(div2); if( d2.style.display == "none" ) { d1.style.display = "none"; d2.style.display = "block"; } else { d1.style.display = "block"; d2.style.display = "none"; } } </script> <script async="async" src="https://www.googletagservices.com/tag/js/gpt.js"> </script> <script type='text/javascript'> var googletag = googletag || {}; googletag.cmd = googletag.cmd || []; </script> <script type='text/javascript'> var networkCode = 3245306; var adUnit = 'slj'; var slotName = "/" + networkCode + "/" + adUnit; var theme = 'page'; var pid = 'account-dashboard'; var pgtype = 'special-project'; function breakpointval(){ var width = window.innerWidth; if(width<768){ return "mobile"; }else if(width<993){ return "tablet"; }else if(width>992){ return "desktop"; } } function customerName(){ if ($.cookie('customerToken') != undefined) { var customerDetails = JSON.parse($.cookie('customerData')); return customerDetails.firstname; } } var breakpoint = breakpointval(); var loggedin =(customerName())?"yes":"no"; var newsletter = ''; var test = ''; googletag.cmd.push(function() { var topMapping = googletag.sizeMapping(). addSize([768, 0], [728, 90]). addSize([0, 0], [300, 50]). build(); var hpmid1Mapping = googletag.sizeMapping(). addSize([768, 0], [728, 90]). addSize([0, 0], [300, 250]). build(); googletag.defineSlot(slotName, [[728, 90], [300, 50]], 'header_tag_desktop') .defineSizeMapping(topMapping) .addService(googletag.pubads()) .setTargeting("pos", "top"); googletag.defineSlot(slotName, [[728, 90], [300, 250]], 'themelanding1') .defineSizeMapping(hpmid1Mapping) .addService(googletag.pubads()) .setTargeting("pos", "mid1"); googletag.defineSlot(slotName, [1, 1], 'SLJ_Spotible1_1x1') .addService(googletag.pubads()) .setTargeting("pos", "spotible"); googletag.defineSlot(slotName, [1, 1], 'SLJ_Video_1x1') .addService(googletag.pubads()) .setTargeting("pos", "video"); googletag.pubads().setTargeting("theme",theme); googletag.pubads().setTargeting("pid",pid); googletag.pubads().setTargeting("pgtype",pgtype); googletag.pubads().setTargeting("breakpoint",breakpoint); googletag.pubads().setTargeting("loggedin",loggedin); googletag.pubads().setTargeting("newsletter",newsletter); googletag.pubads().setTargeting("test",test); googletag.pubads().enableSingleRequest(); googletag.pubads().collapseEmptyDivs(); googletag.enableServices(); }); </script> <script> function userName() { if ($.cookie('customerToken') != undefined) { var customerDetails = JSON.parse($.cookie('customerData')); if(customerDetails.firstname == "SLJ") return "Free User"; else return "loggedin" } } var usertyp =(userName())?userName():"NotLogged"; window.dataLayer = window.dataLayer || []; window.dataLayer.push({ 'dimensions':{ 'category': theme, 'user type': usertyp } }); </script> <script>/*<![CDATA[*/(function(w,a,b,d,s){w[a]=w[a]||{};w[a][b]=w[a][b]||{q:[],track:function(r,e,t){this.q.push({r:r,e:e,t:t||+new Date});}};var e=d.createElement(s);var f=d.getElementsByTagName(s)[0];e.async=1;e.src='//mediasource.actonservice.com/cdnr/63/acton/bn/tracker/10574';f.parentNode.insertBefore(e,f);})(window,'ActOn','Beacon',document,'script');ActOn.Beacon.track();/*]]>*/</script> <meta name="google-site-verification" content="tqW_a-Uf62lt7hVHkzQDyETpyAJnmQKrT4m5u7cddrU" /> <meta name="facebook-domain-verification" content="eeune7mml57to1645rwmo1rxha7zl0" /> </head> <body>  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TP3ZCWW" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <div class="col-md-12 pl_0 pr_0"> <a name="top"></a> <div id="advertisement" class="advertisement adv-top bg-gray col-md-12 col-sm-12 col-xs-12 float-left hidden-print"> <div id="header_tag_desktop"> <script type='text/javascript'> googletag.cmd.push(function() { googletag.display('header_tag_desktop'); }); </script> </div> </div>  <script type="text/javascript" id="hs-script-loader" async defer src="//js.hs-scripts.com/20468848.js?businessUnitId=341631"></script> <script defer="" src="https://cdnjs.cloudflare.com/ajax/libs/imask/3.4.0/imask.min.js"></script> <script src="/webfiles/1732255584581/js/header.js" type="text/javascript"></script>  <div class="modal fade" id="myModal" data-keyboard="false" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="ip-met-pop-cont modal-content"> <div class="modal-body"> <button onclick="closeClick()" type="button" class="close" data-dismiss="modal" aria-label="Close"> <span style="font-size:25px;" aria-hidden="true">×</span> </button> <h3 class="ip-met-pop-h3"></h3> <div class="ip-met-pop-anc-link-cont"> <button onclick="loginClick()" type="button" class="ip-met-pop-anc-link">Login</button> <button onclick="closeClick()" type="button" class="ip-met-pop-anc-link" data-dismiss="modal">No thanks, take me to the website.</button> </div> </div> </div> </div> </div>   <div class="modal fade" id="loginConfirmModal" tabindex="-1" role="dialog" data-keyboard="false" aria-labelledby="exampleModalCenterTitle" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="login-met-pop-cont modal-content"> <div class="modal-body"> <button onclick="procedToLoginClose()" type="button" class="close" data-dismiss="modal" aria-label="Close"> <span style="font-size:25px;" aria-hidden="true">×</span> </button> <h3 class="login-met-pop-h3-header">You have exceeded your limit for simultaneous device logins.</h3> <h3 class="login-met-pop-h3">Your current subscription allows you to be actively logged in on up to three (3) devices simultaneously. Click on continue below to log out of other sessions and log in on this device.</h3> <div class="ip-met-pop-anc-link-cont"> <button id="proced-to-login" type="button" class="ip-met-pop-anc-link" onclick="procedToLoginClick()" data-dismiss="modal">Continue</button> <button type="button" class="ip-met-pop-anc-link" data-dismiss="modal" onclick="procedToLoginClose()">Cancel</button> </div> </div> </div> </div> </div>   <div class="modal fade" id="myGiftModal" tabindex="-1" role="dialog" data-keyboard="false" aria-labelledby="exampleModalCenterTitle" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="gift-met-pop-cont modal-content"> <div class="modal-body"> <button onclick="giftPopupCloseClick()" type="button" class="close" data-dismiss="modal" aria-label="Close"> <span style="font-size:25px;" aria-hidden="true">×</span> </button> <h3 id="gift-met-pop-h3" class="gift-met-pop-h3"></h3> <div class="gift-met-pop-anc-link-cont"> <button onclick="giftPopupOKClick()" type="button" class="gift-met-pop-anc-link">OK</button> </div> <div class="display-none" id="gift-loader-space"><i class="fa fa-spinner fa-spin red" style="font-size:38px;margin-left: 45%;"></i></div> </div> </div> </div> </div>  <div id="header" class="header container-fluid col-md-12 col-sm-12 col-xs-12 float-left pl_0 pr_0 hidden-xs"> <div id="header-banner-multi-sub" class="header-banner-multi-sub"></div> <nav class="navbar navbar-default container mb_0"> <div class="col-md-12 col-sm-12 col-xs-12 p_0"> <div class="navbar-header col-md-3 col-sm-3 col-xs-12 mb_15 p_0"> <a href="/page/subscribe"><button id="subscribe-btn" class="btn btn-subscribe btn-blue navbar-btn subscribe-btn-size" style="width:140px;">SUBSCRIBE</button><a> <div id="open-url-btn" class="topic-type mb_10" style="display:none; margin-top:40px"> <a id="digitized" class="theme-link fs_13" style="cursor: pointer">ACCESS DIGITIZED EDITION</a> </div> <div id="emags_link" class="topic-type mb_10" style="display:none; margin-top:40px"> <a id="emags_link_click" class="theme-link fs_13" style="cursor: pointer">ACCESS DIGITIZED EDITION</a> </div> </div> <div class="col-md-6 col-sm-6 col-xs-12 text-align-center"> <a id="homeId" onclick="readUrlCategory('home','homeId','home')";> <img class="LJ-image pointer" src="/webfiles/1732255584581/images/SLJ-Logo.jpg" alt="L J image"/> </a> </div> <ul class="nav navbar-nav navbar-right col-md-3 col-sm-3 col-xs-12 mt_20">  <li class="pull-right mt_20 ml_30 search-bar"> <a href="" class="search-icon p_0 tab-ml-10" data-toggle="collapse"> <img id="btn" class="tab-w20" src="/webfiles/1732255584581/images/search.png"/> <div id="idd" class="display-none"></div> </a> </li> <li id="usertempDetail" class="pull-right mt_20 ellipsis-user-name dropdown-hover display-none"> <div class="usertempDetail pointer ml_20 tab-no-margin fs_16 tab-fs-14 customer-id">Free Access Account</div>  <ul id="account-popup" class="dropdown-menu account-nav border-none"> <li><a class="mb_10 mt_10 pointer" onclick="deleteAllCookies('/page/home')">Logout</a></li> </ul> </li> <li id="userDetail" class="pull-right mt_20 ellipsis-user-name dropdown"> <div id="mydiv" class="userDetail pointer ml_20 tab-no-margin fs_16 tab-fs-14"> </div>  <ul id="account-popup" class="dropdown-menu account-nav border-none"> <li><a class="mb_10 mt_10" href="/page/account-dashboard?id=ms" id="ms">My Subscriptions</a></li>  <li><a class="mb_10 mt_10" href="/page/account-dashboard?id=mz" id="mz">My Library</a></li>  <li><a class="mb_10 mt_10" href="/page/account-dashboard?id=mp" id="mp">My Profile</a></li> <li><a class="mb_10 mt_10" href="/page/account-dashboard?id=mi" id="mi_header" style="display: none !important">Manage Institution</a></li> <li><a class="mb_10 mt_10 pointer" onclick="deleteAllCookies('/page/home')">Logout</a></li> </ul>   <ul id="reg-popup" class="dropdown-menu dropdown-menu-login pb_20" role="menu"> <li> <div class="registration"> <div class="col-md-12 col-xs-12 p_0"> <form class="registration-form" id="login-form1" method="post" data-toggle="validator"> <div class="col-md-12 text-align-center pl_0 pr_0 pt_0"> <div class="highlight error-color display-none" id="login-error1">Invalid email or password. Try again.</div> </div> <div class="col-md-12 form-group required mb_0 pl_20 pr_20"> <label class="control-label">Email</label> <input class="" type="email" id="loginEmail1" name="loginEmail" placeholder="Email" required> </div> <div class="col-md-12 form-group required mb_0 pl_20 pr_20"> <label class="control-label">Password</label> <input type="password" id="loginPassword1" name="loginPassword" placeholder="Password" required> </div> <div class="col-md-12 form-group required mb_0 pl_20 pr_20 text-align-center" id="headerDropdownLoginLoader"> </div> <div class="col-md-12 text-align-center pl_20 pr_20"> Forgot <a class="border-bottom-red text-decoration-none" href="/page/forgot-pass">password</a>? </div> <div class="col-md-12 align-center pl_20 pr_20"> <button type="submit" class="btn btn-default-red bold akzidenz-grotesk-regular" id="headerDropdownLoginButton">LOG IN</button> </div> <div class="col-md-12 text-align-center align-center pl_20 pr_20 pb_0 fs_13"> Don't have a School Library Journal Account? </div> <div class="col-md-12 text-align-center align-center pl_20 pr_20 pt_0"> <a class="border-bottom-red text-decoration-none" href="/page/register">Register Now</a> </div> </form> </div> </div> </li> </ul>  </li> </ul> </div> </nav> <div class="hr_division_grey_light mb_0"></div> <div class="topic-navigation"> <nav class="navbar-default mb_0 container"> <ul class="nav navbar-nav full-width pull-left header-section"> <li class="pl_0"> <a id="newsId" class="pl_0" onclick="readUrlCategory('newsfeatures','newsId','News & Features')";>News & Features</a> </li> <li> <a id="reviewsId" onclick="readUrlCategory('reviews','reviewsId','Reviews')";>Reviews+</a> </li> <li> <a id="schoolLibrariesId" onclick="readUrlCategory('schoollibraries','schoolLibrariesId','School Libraries')";>School Libraries</a> </li> <li> <a id="censorshipId" onclick="readUrlCategory('censorship','censorshipId','Censorship')";>Censorship</a> </li> <li> <a id="publicLibrariesId" onclick="readUrlCategory('publiclibraries','publicLibrariesId','Public Libraries')";>Public Libraries</a> </li> <li> <a id="ClassroomId" onclick="readUrlCategory('classroom','ClassroomId','Classroom')";>Classroom</a> </li> <li> <a id="ReasonstoLoveLibraries" onclick="readUrlCategory('reasonstolovelibraries','ReasonstoLoveLibraries','Reasons to Love Libraries')";>Reasons to Love Libraries</a> </li> <li> <a id="blogId" onclick="readUrlCategory('blogs','blogId','blogs')";>Blogs</a>  <ul class="dropdownlist blog-dropdownlist"> <li><a href="http://100scopenotes.com/" target="_blank">100 Scope Notes</a></li> <li><a href="http://blogs.slj.com/afuse8production/" target="_blank">A Fuse #8 Production</a></li> <li><a href="http://blogs.slj.com/goodcomicsforkids/" target="_blank">Good Comics for Kids</a></li> <li><a href="http://blogs.slj.com/heavymedal/" target="_blank">Heavy Medal: A Mock Newbery Blog</a></li> <li><a href="http://blogs.slj.com/neverendingsearch/" target="_blank">Neverending Search</a></li> <li><a href="http://pearlsandrubys.slj.com/" target="_blank">Pearl's & Ruby's</a></li> <li><a href="https://politicsinpractice.slj.com/" target="_blank">Politics in Practice</a></li> <li><a href="http://www.teenlibrariantoolbox.com/" target="_blank">Teen Librarian Toolbox</a></li> <li><a href="http://www.theclassroombookshelf.com/" target="_blank">The Classroom Bookshelf</a></li> <li><a href="http://blogs.slj.com/theyarn/" target="_blank">The Yarn</a></li> </ul> </li> <li class="pr_0"> <a id="moreId" class="pr_0">Events & More+</a> <ul class="dropdownlist"> <li><a id="eventId" onclick="readUrlCategory('events','eventId','Events')" ;>Events</a></li> <li><a id="onlineCourseId" onclick="readUrlCategory('events?eventtype=eventHome','onlineCourseId','OnlineCourse')" ;>Online Courses</a></li> <li><a id="opinionID" onclick="readUrlCategory('opinion','opinionID','Opinion')";>Opinion</a></li> <li><a id="graphicNovelsId" onclick="readUrlCategory('graphicnovels','graphicNovelsId','Graphic Novels')";>Graphic Novels</a></li> <li><a id="technologyId" onclick="readUrlCategory('technology','technologyId','Technology')";>Technology</a></li> <li><a id="PeopleId" onclick="readUrlCategory('people','PeopleId','People')";>People</a></li> <li><a id="researchId" onclick="readUrlCategory('research','researchId','Research')";>Research</a></li> <li><a id="covid19Id" onclick="readUrlCategory('covid-19','covid19Id','covid-19')";>COVID-19</a></li> <li><a href="http://jobs.libraryjournal.com/" target="_blank">Job Zone</a></li> <li><a id="DiversityId" onclick="readUrlCategory('diversity','DiversityId','Diversity')";>Diversity</a></li> </ul> </li> </ul> </nav> </div> <div class="hr_division mt_0 mb_0"></div> <form method="get" action="https://www.slj.com/search" class="collapse search-form full-width"> <div class="container-fluid p_0"> <div class="p_0 search-bar-container col-md-12 col-sm-12"> <div id="imaginary_container" class="col-md-offset-2 col-md-8 col-sm-12 mt_30"> <div class="input-group stylish-input-group input-append"> <input type="text" name="query" class="form-control search-box" placeholder="Search" > <span class="input-group-addon"> <button type="submit"> <span class="glyphicon glyphicon-search"></span> </button> </span> </div> </div> </div> </div> </form> </div>  <div id="header-mobile" class="header container-fluid col-md-12 col-sm-12 col-xs-12 float-left visible-xs"> <nav class="navbar navbar-default container mb_0">  <div class="container"> <div class="navbar-header"> <a id="sub-btn-mobi" href="/page/subscribe"><button class="btn btn-subscribe btn-blue navbar-btn float-left">SUBSCRIBE</button></a> <button id="ChangeToggle" type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbarCollapse"> <img id="navbar-hamburger" class="lines pt_0" src="/webfiles/1732255584581/images/menu.png"/> <img id="navbar-close" class="cross pt_0 hidden" src="/webfiles/1732255584581/images/cross.png"/> </button> <a id="mobileHomeId" onclick="readUrlCategory('home','mobileHomeId','home')";> <img class="LJ-image pointer" src="/webfiles/1732255584581/images/mob_SLJ.png" alt="L J image"/> </a> <a href="#" class="p_0 pull-right" data-toggle="collapse" data-target=".login-user"> <img class="userLines" src="/webfiles/1732255584581/images/user.png"/> </a> <div class="collapse login-user"> <div id="userDetail" class="mt_20 mb_20 dropdown"> <div class="userDetail pointer ml_15 mb_10"> <a href="/page/login" class="p_0 fs_16 dropdown-toggle" role="button" aria-expanded="false">Log In</a> </div>  <div class="display-none" id="mobileViewAccountList"> <ul class="display-none nav navbar-nav full-width pull-left no-margin"> <li><a href="/page/account-dashboard?id=ms" id="ms">My Subscriptions</a></li> <li><a href="/page/account-dashboard?id=ml" id="ml">My Library</a></li>  <li><a href="/page/account-dashboard?id=mp" id="mp">My Profile</a></li> <li><a href="/page/account-dashboard?id=mi" id="mi" class="display-none">Manage Institutions</a></li> <li><a class="pointer" onclick="deleteAllCookies('/page/home')">Logout</a></li> </ul> </div>  </div> </div> </div>  <div class="collapse navbar-collapse" id="navbarCollapse"> <form method="get" action="https://www.slj.com/search" class="search-input" id="demo-2"> <div id="imaginary_container"> <div class="input-group stylish-input-group input-append"> <input type="text" name="query" class="form-control search-box" placeholder="Search" > <span class="input-group-addon"> <button type="submit"> <span class="glyphicon glyphicon-search"></span> </button> </span> </div> </div> </form> <ul class="nav navbar-nav mt_70"> <li> <a id="mobNewsId" class="bold" onclick="readUrlCategory('newsfeatures','mobNewsId','News & Features')";>News & Features</a> <div class="col-xs-12 mb_10"> <div class="col-xs-6 p_0"> <p><a href="/section/newsfeatures/advocacy">Advocacy</a></p> <p><a href="/section/newsfeatures/awards">Awards</a></p> <p><a href="/section/newsfeatures/backtoschool">Back to School</a></p> <p><a href="/section/newsfeatures/booklists">Booklists</a></p> <p id="newsMoreToggle">More</p> <ul id="newsMoreToggleUl" class="display-none list-unstyled"> <li class="mb_10"><a href="https://www.slj.com/section/newsfeatures/03">0--3</a></li> <li class="mb_10"><a href="https://www.slj.com/section/newsfeatures/35">3--5</a></li> <li class="mb_10"><a href="https://www.slj.com/section/newsfeatures/career">Career</a></li> <li class="mb_10"><a href="https://www.slj.com/section/newsfeatures/censorship">Censorship</a></li> <li class="mb_10"><a href="https://www.slj.com/section/newsfeatures/classroomcurricula">Classroom & Curricula</a></li> <li class="mb_10"><a href="https://www.slj.com/section/newsfeatures/coverstory">Cover Story</a></li> <li class="mb_10"><a href="https://www.slj.com/section/newsfeatures/diversebooks">Diverse Books</a></li> <li class="mb_10"><a href="https://www.slj.com/section/newsfeatures/edtech">Ed Tech</a></li> <li class="mb_10"><a href="https://www.slj.com/section/newsfeatures/elementary">Elementary</a></li> </ul> </div> <div class="col-xs-6 pr_0 pl_10"> <p><a href="/section/newsfeatures/booksmedia">Books & Media</a></p> <p><a href="/section/newsfeatures/budgetsfunding">Budgets & Funding</a></p> <p><a href="/section/newsfeatures/computerscience">Computer Science</a></p> <p><a href="/section/newsfeatures/designarchitecture">Design/Architecture</a></p> </div> <div class="hr_division_grey_light"></div> </div> </li> <li> <a id="mobReviewsId" class="bold" onclick="readUrlCategory('reviews','mobReviewsId','Reviews+')";>Reviews+</a> <div class="col-xs-12 mb_10"> <div class="col-xs-6 p_0"> <p><a href="/section/reviews/authorsillustrators">Authors Illustrators</a></p> <p><a href="/section/reviews/bestof">Best Of</a></p> <p><a href="/section/reviews/booklists">Booklists</a></p> <p><a href="/section/reviews/books">Books</a></p> <p id="reviewMoreToggle">More</p> <ul id="reviewMoreToggleUl" class="display-none list-unstyled"> <li class="mb_10"><a href="https://www.slj.com/section/reviews/tech">Tech</a></li> </ul> </div> <div class="col-xs-6 pr_0 pl_10"> <p><a href="/section/reviews/collections">Collections</a></p> <p><a href="/section/reviews/media">Media</a></p> <p><a href="/section/reviews/reference">Reference</a></p> <p><a href="/section/reviews/seriesmadesimple">Series Made Simple</a></p> </div> <div class="hr_division_grey_light"></div> </div> </li> <li> <a id="mobTechnologyId" class="bold" onclick="readUrlCategory('technology','mobTechnologyId','Technology')";>Technology</a> <div class="col-xs-12 mb_10"> <div class="col-xs-6 p_0"> <p><a href="/section/technology/advocacy">Advocacy</a></p> <p><a href="/section/technology/bestof">Best Of</a></p> <p><a href="/section/technology/budgetsfunding">Budgets & Funding</a></p> <p><a href="/section/technology/computerscience">Computer Science</a></p> <p id="technologyMoreToggle">More</p> <ul id="technologyMoreToggleUl" class="display-none list-unstyled"> <li class="mb_10"><a href="https://www.slj.com/section/technology/edtech">Ed Tech</a></li> <li class="mb_10"><a href="https://www.slj.com/section/technology/elementary">Elementary</a></li> <li class="mb_10"><a href="https://www.slj.com/section/technology/industrynews">Industry News</a></li> <li class="mb_10"><a href="https://www.slj.com/section/technology/literacy">Literacy</a></li> <li class="mb_10"><a href="https://www.slj.com/section/technology/maker">Maker</a></li> <li class="mb_10"><a href="https://www.slj.com/section/technology/03">0--3</a></li> <li class="mb_10"><a href="https://www.slj.com/section/technology/35">3--5</a></li> </ul> </div> <div class="col-xs-6 pr_0 pl_10"> <p><a href="/section/technology/classroomcurricula">Classroom Curricula</a></p> <p><a href="/section/technology/designarchitecture">Design/Architecture</a></p> <p><a href="/section/technology/coverstory">Cover Story</a></p> <p><a href="/section/technology/career">Career</a></p> </div> <div class="hr_division_grey_light"></div> </div> </li> <li> <a id="mobProgramsId" class="bold" onclick="readUrlCategory('schoollibraries','mobProgramsId','School Libraries')";>School Libraries</a> <div class="col-xs-12 mb_10"> <div class="col-xs-6 p_0"> <p><a href="/section/schoollibraries/advocacy">Advocacy</a></p> <p><a href="/section/schoollibraries/awards">Awards</a></p> <p><a href="/section/schoollibraries/backtoschool">Back to School</a></p> <p><a href="/section/schoollibraries/Booklists">Booklists</a></p> <p id="schoolLibrariesMoreToggle">More</p> <ul id="schoolLibrariesMoreToggleUl" class="display-none list-unstyled"> <li class="mb_10"><a href="https://www.slj.com/section/schoollibraries/computerscience">Computer Science</a></li> </ul> </div> <div class="col-xs-6 pr_0 pl_10"> <p><a href="/section/schoollibraries/booksmedia">Books & Media</a></p> <p><a href="/section/schoollibraries/budgetsfunding">Budgets & Funding</a></p> <p><a href="/section/schoollibraries/career">Career</a></p> <p><a href="/section/schoollibraries/classroomcurricula">Classroom & Curricula</a></p> </div> <div class="hr_division_grey_light"></div> </div> </li> <li> <a id="mobDesignId" class="bold" onclick="readUrlCategory('publiclibraries','mobDesignId','Public Libraries')";>Public Libraries</a> <div class="col-xs-12 mb_10"> <div class="col-xs-6 p_0"> <p><a href="/section/publiclibraries/advocacy">Advocacy</a></p> <p><a href="/section/publiclibraries/awards">Awards</a></p> <p><a href="/section/publiclibraries/booksmedia">Books & Media</a></p> <p><a href="/section/publiclibraries/budgetsfunding">Budgets & Funding</a></p> <p id="publicLibrariesMoreToggle">More</p> <ul id="publicLibrariesMoreToggleUl" class="display-none list-unstyled"> <li class="mb_10"><a href="https://www.slj.com/section/publiclibraries/diversebooks">Diverse Books</a></li> <li class="mb_10"><a href="https://www.slj.com/section/publiclibraries/elementary">Elementary</a></li> <li class="mb_10"><a href="https://www.slj.com/section/publiclibraries/industrynews">Industry News</a></li> <li class="mb_10"><a href="https://www.slj.com/section/publiclibraries/literacy">Literacy</a></li> <li class="mb_10"><a href="https://www.slj.com/section/publiclibraries/maker">Maker</a></li> <li class="mb_10"><a href="https://www.slj.com/section/publiclibraries/opinion">Opinion</a></li> <li class="mb_10"><a href="https://www.slj.com/section/publiclibraries/opportunities">Opportunities</a></li> <li class="mb_10"><a href="https://www.slj.com/section/publiclibraries/outreach">Outreach</a></li> <li class="mb_10"><a href="https://www.slj.com/section/publiclibraries/privacy">Privacy</a></li> <li class="mb_10"><a href="https://www.slj.com/section/publiclibraries/programsprogramming">Programs & Programming</a></li> <li class="mb_10"><a href="https://www.slj.com/section/publiclibraries/STEM">STEM</a></li> <li class="mb_10"><a href="https://www.slj.com/section/publiclibraries/teens">Teens</a></li> <li class="mb_10"><a href="https://www.slj.com/section/publiclibraries/tweens">Tweens</a></li> <li class="mb_10"><a href="https://www.slj.com/section/publiclibraries/03">0--3</a></li> <li class="mb_10"><a href="https://www.slj.com/section/publiclibraries/35">3--5</a></li> </ul> </div> <div class="col-xs-6 pr_0 pl_10"> <p><a href="/section/publiclibraries/buildings">Buildings</a></p> <p><a href="/section/publiclibraries/censorship">Censorship</a></p> <p><a href="/section/publiclibraries/collections">Collections</a></p> <p><a href="/section/publiclibraries/coverstory">Cover Story</a></p> </div> <div class="hr_division_grey_light"></div> </div> </li> <li> <a id="mobLeadershipId" class="bold" onclick="readUrlCategory('agelevel','mobLeadershipId','Age Level')";>Age Level</a> <div class="col-xs-12 mb_10"> <div class="col-xs-6 p_0"> <p><a href="/section/agelevel/03">0--3</a></p> <p><a href="/section/agelevel/35">3--5</a></p> <p><a href="/section/agelevel/elementary">Elementary</a></p> </div> <div class="col-xs-6 pr_0 pl_10"> <p><a href="/section/agelevel/teens">Teens</a></p> <p><a href="/section/agelevel/tweens">Tweens</a></p> </div> <div class="hr_division_grey_light"></div> </div> </li> <li> <a id="mobDiversityId" class="bold" onclick="readUrlCategory('diversity','mobDiversityId','Diversity')";>Diversity</a> <div class="col-xs-12 mb_10"> <div class="col-xs-6 p_0"> <p><a href="/section/diversity/booksmedia">Books & Media</a></p> <p><a href="/section/diversity/programsprogramming">Programs & Programming</a></p> </div> <div class="col-xs-6 pr_0 pl_10"> <p><a href="/section/diversity/diversebooks">Diverse Books</a></p> <p><a href="/section/diversity/tech">Tech</a></p> </div> <div class="hr_division_grey_light"></div> </div> </li> <li> <a href="/section/blogs" class="bold">Blogs</a> <div class="col-xs-12 mb_10"> <div class="col-xs-12 p_0"> <p><a href="https://100scopenotes.com/" target="_blank">100 Scope Notes</a></p> <p><a href="https://blogs.slj.com/afuse8production/" target="_blank">A Fuse #8 Production</a></p> <p><a href="https://blogs.slj.com/goodcomicsforkids/" target="_blank">Good Comics for Kids</a></p> <p><a href="https://blogs.slj.com/heavymedal/" target="_blank">Heavy Medal: A Mock Newbery Blog</a></p> <p><a href="https://blogs.slj.com/neverendingsearch/" target="_blank">Neverending Search</a></p> <p><a href="https://politicsinpractice.slj.com/" target="_blank">Politics in Practice</a></p> <p><a href="https://www.teenlibrariantoolbox.com/" target="_blank">Teen Librarian Toolbox</a></p> <p><a href="https://www.theclassroombookshelf.com/" target="_blank">The Classroom Bookshelf</a></p> <p><a href="https://blogs.slj.com/theyarn/" target="_blank">The Yarn</a></p> </div> <div class="hr_division_grey_light"></div> </div> </li> <li class="pr_0"> <a id="mobMoreId" class="bold">More+</a> <div class="col-xs-12 mb_10"> <div class="col-xs-6 p_0"> <p><a id="mobCovid19Id" onclick="readUrlCategory('covid-19','mobCovid19Id','covid-19')";>COVID-19</a></p> <p><a id="mobOpinionId" onclick="readUrlCategory('opinion','mobOpinionId','Opinion')";>Opinion</a></p> <p><a id="mobClassroomId" onclick="readUrlCategory('classroom','mobClassroomId','Classroom')";>Classroom</a></p> <p><a id="mobGraphicNovelId" onclick="readUrlCategory('graphicnovels','mobGraphicNovelId','Graphic Novels')";>Graphic Novels</a></p> <p><a id="mobideasId" onclick="readUrlCategory('ideas','mobideasId','Ideas')";>Ideas</a></p> <p><a id="mobPeopleId" onclick="readUrlCategory('people','mobPeopleId','People')";>People</a></p> </div> <div class="col-xs-6 pr_0 pl_10"> <p><a id="mobresearchId" onclick="readUrlCategory('research','mobresearchId','Research')";>Research</a></p> <p><a id="mobeventPDId" onclick="readUrlCategory('events','mobeventPDId','Events')";>Events & PD</a></p> <p><a href="http://jobs.libraryjournal.com/" target="_blank">Job Zone</a></p> </div> <div class="hr_division_grey_light"></div> </div> </li> <li> <a id="mobLearningId" class="bold" onclick="">Learning</a> <div class="col-xs-12 mb_10"> <div class="col-xs-6 p_0"> <p><a href="/section/events">Live Events</a></p> <p><a href="/section/events">Online Courses</a></p> </div> <div class="col-xs-6 pr_0 pl_10"> <p><a href="/section/events">Master Classes</a></p> <p><a href="/section/events">Webcasts</a></p> </div> <div class="hr_division_grey_light"></div> </div> </li>  <li> <a id="mobAboutId" class="bold" href="/page/About-Us">About SLJ</a> <div class="col-xs-12 mb_10"> <div class="col-xs-6 p_0"> <p><a href="/section/SLJProjects/SLJIndex">SLJ Projects</a></p> </div> <div class="col-xs-6 pr_0 pl_10"> <p><a href="/page/Privacy-Policy">Privacy Policy</a></p> </div> <div class="hr_division_grey_light"></div> </div> </li> <li> <a id="mobGetTouchId" class="bold" onclick="">Get in Touch</a> <div class="col-xs-12 mb_10"> <div class="col-xs-6 p_0"> <p><a href="/page/subscribe">Subscriber Services</a></p> </div> <div class="col-xs-6 pr_0 pl_10"> <p><a href="/page/Contact-Us">Contact Us</a></p> </div> <div class="hr_division_grey_light"></div> </div> </li> <li> <div class="col-xs-12 mb_10 text-align-center bold fs_18"> 888-282-5852 </div> </li> </ul> </div> </div> </nav> <a id="digitized-mobi open-url-btn-mobi" class="theme-link fs_13" style="cursor: pointer; text-align: center; display: none;">ACCESS DIGITIZED EDITION</a> </div> <script type="text/javascript"> var btn = $('#btn'); var idd = $('#idd'); if($.cookie('customerData') != undefined){ var cdata = JSON.parse($.cookie('customerData')); var group_id = cdata.group_id; if(group_id == 4){ // $(".btn-subscribe").css("display","none"); //$('.topic-navigation').css("display","none"); $("#userDetail").css("display","none"); $("#usertempDetail").removeClass('display-none'); } } btn.click(function() { idd.toggle(100, function() { // change the button text according to the state of the "#idd" if (idd.hasClass('display-none')) { btn.attr('src', "/webfiles/1732255584581/images/cross.png"); $('.search-box').focus(); idd.removeClass('display-none'); } else { btn.attr('src', "/webfiles/1732255584581/images/search.png"); idd.addClass('display-none'); } }); }); $("#newsMoreToggle").click(function(){ if($("#newsMoreToggleUl").hasClass('display-none')){ $("#newsMoreToggleUl").removeClass('display-none'); } else { $("#newsMoreToggleUl").addClass('display-none'); } }); $("#reviewMoreToggle").click(function(){ if($("#reviewMoreToggleUl").hasClass('display-none')){ $("#reviewMoreToggleUl").removeClass('display-none'); } else { $("#reviewMoreToggleUl").addClass('display-none'); } }); $("#technologyMoreToggle").click(function(){ if($("#technologyMoreToggleUl").hasClass('display-none')){ $("#technologyMoreToggleUl").removeClass('display-none'); } else { $("#technologyMoreToggleUl").addClass('display-none'); } }); $("#schoolLibrariesMoreToggle").click(function(){ if($("#schoolLibrariesMoreToggleUl").hasClass('display-none')){ $("#schoolLibrariesMoreToggleUl").removeClass('display-none'); } else { $("#schoolLibrariesMoreToggleUl").addClass('display-none'); } }); $("#publicLibrariesMoreToggle").click(function(){ if($("#publicLibrariesMoreToggleUl").hasClass('display-none')){ $("#publicLibrariesMoreToggleUl").removeClass('display-none'); } else { $("#publicLibrariesMoreToggleUl").addClass('display-none'); } }); $("#ideasLibrariesMoreToggle").click(function(){ if($("#ideasLibrariesMoreToggleUl").hasClass('display-none')){ $("#ideasLibrariesMoreToggleUl").removeClass('display-none'); } else { $("#ideasLibrariesMoreToggleUl").addClass('display-none'); } }); </script> <div class="container"> <link href="/webfiles/1732255584581/css/duDialog.min.css" rel="stylesheet"> <script src="/webfiles/1732255584581/js/duDialog.min.js"></script> <script src="/webfiles/1732255584581/js/account-dashboard.js" type="text/javascript"></script> <div class="row mb_30 resp-margin-auto"> <div class="my-profile col-md-12 col-xs-12 resp-no-margin"> <div class="tab col-md-3 col-xs-12 p_0 pb_20 hidden-print resp-mb-20"> <div class="user-account-image mb_30">  <div class="picture-container">     <i id="profile_img_loader" class="fa fa-spinner fa-3x fa-spin red display-none"></i> <img src="" class="picture-src" id="wizardPicturePreview" title="">  <div id="default-img"></div> <div id="profile-loader"></div> <input type="file" id="wizard-picture" class="display-none" accept="image/*"> <div class="profile-image col-md-12 col-xs-12 p_0"> <div class = "col-md-12 col-xs-12 myclasss" > <p class="text-align-left fs_20 no-margin bold no_visible" ></p> <p class="text-align-left fs_20 no-margin bold no_visible" ></p> </div> <div class = "col-md-9 col-xs-9 position_absolute" > <p class="text-align-left fs_20 no-margin bold" id="account_dashboard_username"></p> <p class="text-align-left no-margin bold" id="account_dashboard_schoolname"></p> </div>  <div class="col-md-3 col-xs-3 p_0 mt_30 position_absolute uploadnDelete" > <img class="upload pointer" title="Upload Image" src="/webfiles/1732255584581/images/upload.png" onclick="delDefaultImg()"> <i class="fa fa-trash-o ml_10 fs_18 pointer" onclick="removeImage()"></i> </div> </div> </div> </div> <button class="tablinks" onclick="location.href='/page/account-dashboard?id=ms'" id="defaultOpen">My Subscriptions</button> <hr class="border-bottom ml_20 mr_20"> <button class="tablinks" onclick="location.href='/page/account-dashboard?id=mz'" id="articleTab">My Library</button> <ul class="collapse list-unstyled savedArticle" id="savedArticles"> <li class="active mt_5"> <a href="#portlet_tabActiveSaved1" data-toggle="tab"> Saved Articles</a> </li> <li class="mt_5"> <a href="#portlet_tabActiveSaved2" data-toggle="tab"> Viewed Articles</a> </li> </ul> <hr class="border-bottom ml_20 mr_20"> <button class="tablinks dropdown-toggle" onclick="location.href='/page/account-dashboard?id=mp'" data-toggle="collapse" aria-expanded="false" id="profileTab">My Profile</button> <ul class="collapse list-unstyled myprofile" id="profileTabs"> <li class="active mt_5"> <a href="#portlet_tab1" data-toggle="tab"> Edit Profile</a> </li> <li class="mt_5">  <a href="#portlet_tab2" data-toggle="tab" onclick="getNewsLetters()"> Newsletters</a> </li> <li class="mt_5"> <a href="#portlet_tab3" data-toggle="tab"> Change Password</a> </li> </ul> <hr class="border-bottom ml_20 mr_20"> <button class="tablinks display-none" onclick="location.href='/page/account-dashboard?id=mi'" id="institutionTab">Manage Institution<hr class="border-bottom"></button> <button class="tablinks logout-btn pb_20" onclick="deleteAllCookies('/page/home')">LOGOUT</button> </div> <div class="col-md-9 col-xs-12">  <div id="Subscriptions" class="tabcontentSection full-width" style="display:none;"> <h1 class="account-heading portrait-medium mt_0">My Subscriptions</h1> <div id="selectAllDiv">  </div> <hr class="border-bottom"> <div id="hrId">  </div> <div id="noSubButton" class="col-md-offset-4 col-md-4 col-xs-12"></div> <div class="hr_division"></div> <div class="row mt_40 mb_40" id="upgradeDiv"> </div> </div>   <div id="Library" class="tabcontentSection full-width" style="display:none;"> <h1 class="account-heading portrait-medium mt_0 mb_40">My Library</h1> <div class="hr_division"></div> <div id="myLibraryContent">  </div></div> <div id="Invoice" class="tabcontentSection full-width" style="display:none;"> <p class="tablinks pointer hidden-print" onclick="profileName(event, 'Library')"><i class="fa fa-arrow-left mr_5 red"></i>Back to my Library</p> <div id="invoideDetailsId"> </div> </div>   <div id="Articles" class="tabcontentSection full-width" style="display:none;">  <div class="portlet"> <div class="portlet-body"> <div class="tab-content">  <div class="tab-pane active" id="portlet_tabActiveSaved1"> <h1 class="account-heading portrait-medium mt_0">Saved Articles</h1> <div class="row mt_40"> <div class="col-md-9 col-xs-12"> <div class="icon-addon addon-md"> <input type="text" placeholder="Search Saved Articles" id="search-saved">  </div> </div> <div class="col-md-12 mt_20"> <input class="small-checkbox" style="width:auto;" type="checkbox" id="reviewOnlyForSaved" name="agreeTerms"> <label class="small-checkbox" for="reviewOnlyForSaved">Reviews Only</label> </div> </div> <hr class="border-bottom"> <div class="" id="savedList"></div> </div>   <div class="tab-pane" id="portlet_tabActiveSaved2"> <h1 class="account-heading portrait-medium mt_0">Viewed Articles</h1> <div class="row mt_40"> <div class="col-md-9 col-xs-12"> <div class="icon-addon addon-md"> <input type="text" placeholder="Search History" id="search">  </div> </div> <div class="col-md-3 col-xs-12 mt_10"> <a class="pointer" onclick="clearHistoryArticles()">CLEAR ALL HISTORY</a> </div> <div class="col-md-12 mt_20"> <input class="small-checkbox" style="width:auto;" type="checkbox" id="reviewOnlyForHistory" name="agreeTerms"> <label class="small-checkbox" for="reviewOnlyForHistory">Reviews Only</label> </div> </div> <hr class="border-bottom"> <div class="" id="historyList"></div> </div>  </div> </div> </div>  </div>   <div id="Profile" class="tabcontentSection full-width" style="display:none;">  <div class="portlet"> <div class="portlet-body"> <div class="tab-content">  <div class="tab-pane active" id="portlet_tab1"> <h1 class="account-heading portrait-medium mt_0">Edit Profile</h1> <form class="view-edit-form" id="view-edit-form" method="post" data-toggle="validator"> <div class="row mt_40 mb_20 resp-mt-20"> <div class="col-md-12 col-xs-12 required resp-mb-20"> <label class="full-width mb_11" id = "errorMessage"></label>  </div> </div> <div class="row mb_20"> <div class="col-md-6 col-xs-12 required resp-mb-20"> <label class="full-width mb_11">First Name</label> <input type="text" name="first_name" id="fname" value="" maxlength="20" required /> </div> <div class="col-md-6 col-xs-12 required"> <label class="full-width mb_11">Last Name</label> <input type="text" name="last_title" id="lname" value="" required/> </div> </div> <div class="row mb_20"> <div class="col-md-6 col-xs-12 resp-mb-20"> <label class="full-width mb_11">Address Line 1</label> <input type="text" name="address_1" id="add1" value="" /> </div> <div class="col-md-6 col-xs-12"> <label class="full-width mb_11">Address Line 2</label> <input type="text" name="address_2" id="add2" value="" /> </div> </div> <div class="row mb_20"> <div class="col-md-6 col-xs-12 resp-mb-20"> <label class="full-width mb_11">Country</label>  <select id="select-country" class="full-width" placeholder="Pick a country" onchange="loadStateList()" > <option value="US">UNITED STATES</option> <option value="CA">CANADA</option> <option value="AF">AFGHANISTAN</option> <option value="AL">ALBANIA</option> <option value="DZ">ALGERIA</option> <option value="AD">ANDORRA</option> <option value="AO">ANGOLA</option> <option value="AI">ANGUILLA</option> <option value="AG">ANTIGUA</option> <option value="AR">ARGENTINA</option> <option value="AM">ARMENIA</option> <option value="AW">ARUBA</option>  <option value="AU">AUSTRALIA</option> <option value="AT">AUSTRIA</option> <option value="AZ">AZERBAIJAN</option>  <option value="BS">BAHAMAS</option> <option value="BH">BAHRAIN</option> <option value="BD">BANGLADESH</option> <option value="BB">BARBADOS</option> <option value="BY">BELARUS</option> <option value="BE">BELGIUM</option> <option value="BZ">BELIZE</option> <option value="BJ">BENIN</option> <option value="BM">BERMUDA</option> <option value="BT">BHUTAN</option> <option value="BO">BOLIVIA</option> <option value="BA">BOSNIA</option> <option value="BW">BOTSWANA</option> <option value="BR">BRAZIL</option> <option value="VG">BRIT VIRGIN ISLDS</option>  <option value="BN">BRUNEI</option> <option value="BG">BULGARIA</option> <option value="BF">BURKINA FASO</option> <option value="BI">BURUNDI</option> <option value="KH">CAMBODIA</option> <option value="CM">CAMEROON</option>  <option value="CV">CAPE VERDE</option> <option value="KY">CAYMAN ISLAND</option> <option value="CF">CENTRL AFR REP</option> <option value="TD">CHAD</option> <option value="CL">CHILE</option> <option value="CN">CHINA</option> <option value="CO">COLOMBIA</option> <option value="KM">COMOROS</option>  <option value="CK">COOK ISLANDS</option>  <option value="CR">COSTA RICA</option> <option value="CI">COTE D IVOIRE</option> <option value="HR">CROATIA</option> <option value="CU">CUBA</option>  <option value="CY">CYPRUS</option> <option value="CZ">CZECH REPUBLIC</option>  <option value="DK">DENMARK</option> <option value="DJ">DJIBOUTI</option> <option value="DM">DOMINICAN REP</option>  <option value="EC">ECUADOR</option> <option value="EG">EGYPT</option> <option value="SV">EL SALVADOR</option> <option value="GQ">EQUATRL GUINEA</option> <option value="ER">ERITREA</option> <option value="EE">ESTONIA</option> <option value="ET">ETHIOPIA</option> <option value="FK">FALKLAND ISLDS</option> <option value="FO">FAROE ISLANDS</option> <option value="FJ">FIJI</option> <option value="FI">FINLAND</option> <option value="PF">FR POLYNESIA</option> <option value="FR">FRANCE</option> <option value="GF">FRENCH GUIANA</option> <option value="GA">GABON</option> <option value="GM">GAMBIA</option> <option value="GE">GEORGIA</option> <option value="DE">GERMANY</option> <option value="GH">GHANA</option> <option value="GI">GIBRALTAR</option> <option value="GR">GREECE</option> <option value="GL">GREENLAND</option> <option value="GD">GRENADA</option> <option value="GP">GUADELOUPE</option> <option value="GT">GUATEMALA</option> <option value="GG">GUERNSEY</option> <option value="GN">GUINEA</option> <option value="GW">GUINEA BISSAU</option> <option value="GY">GUYANA</option> <option value="HT">HAITI</option> <option value="HN">HONDURAS</option> <option value="HK">HONG KONG</option> <option value="HU">HUNGARY</option> <option value="IS">ICELAND</option> <option value="IN">INDIA</option> <option value="ID">INDONESIA</option> <option value="IR">IRAN</option> <option value="IQ">IRAQ</option> <option value="IE">IRELAND</option> <option value="IL">ISRAEL</option> <option value="IT">ITALY</option> <option value="JM">JAMAICA</option> <option value="JP">JAPAN</option> <option value="JE">JERSEY</option> <option value="JO">JORDAN</option> <option value="KZ">KAZAKHSTAN</option> <option value="KE">KENYA</option> <option value="KI">KIRIBATI</option>  <option value="KW">KUWAIT</option> <option value="KG">KYRGYZSTAN</option> <option value="LA">LAOS</option> <option value="LV">LATVIA</option> <option value="LB">LEBANON</option> <option value="LS">LESOTHO</option> <option value="LR">LIBERIA</option> <option value="LY">LIBYA</option> <option value="LI">LICHTENSTEIN</option> <option value="LT">LITHUANIA</option> <option value="LU">LUXEMBOURG</option>  <option value="MK">MACEDONIA</option> <option value="MG">MADAGASCAR</option>  <option value="MW">MALAWI</option> <option value="MY">MALAYSIA</option> <option value="MV">MALDIVES</option> <option value="ML">MALI</option> <option value="MT">MALTA</option> <option value="MQ">MARTINIQUE</option> <option value="MR">MAURITANIA</option> <option value="MU">MAURITIUS</option> <option value="MX">MEXICO</option> <option value="MD">MOLDAVIA</option> <option value="MC">MONACO</option> <option value="MN">MONGOLIA</option> <option value="ME">MONTENEGRO</option> <option value="MS">MONTSERRAT</option> <option value="MA">MOROCCO</option> <option value="MZ">MOZAMBIQUE</option> <option value="MM">MYANMAR</option> <option value="NA">NAMIBIA</option> <option value="NR">NAURU</option> <option value="NP">NEPAL</option> <option value="AN">NETH ANTILLES</option> <option value="NL">NETHERLANDS</option> <option value="NC">NEW CALEDONIA</option>  <option value="NZ">NEW ZEALAND</option> <option value="NI">NICARAGUA</option> <option value="NE">NIGER</option> <option value="NG">NIGERIA</option> <option value="NO">NORWAY</option> <option value="OM">OMAN</option> <option value="PK">PAKISTAN</option> <option value="PW">PALAU</option> <option value="PA">PANAMA</option> <option value="PG">PAPUA NEW GUINEA</option> <option value="PY">PARAGUAY</option> <option value="PE">PERU</option> <option value="PH">PHILIPPINES</option> <option value="PL">POLAND</option> <option value="PT">PORTUGAL</option> <option value="QA">QATAR</option>  <option value="RE">REUNION</option> <option value="RO">ROMANIA</option> <option value="RU">RUSSIA</option> <option value="RW">RWANDA</option> <option value="SH">SAINT HELENA</option> <option value="LC">SAINT LUCIA</option> <option value="MF">SAINT MARTIN</option> <option value="SM">SAN MARINO</option> <option value="SA">SAUDI ARABIA</option> <option value="SN">SENEGAL</option> <option value="RS">SERBIA</option> <option value="SC">SEYCHELLES</option> <option value="SL">SIERRA LEONE</option> <option value="SG">SINGAPORE</option> <option value="SK">SLOVAKIA</option> <option value="SI">SLOVENIA</option> <option value="SB">SOLOMON ISLANDS</option> <option value="SO">SOMALIA</option> <option value="ZA">SOUTH AFRICA</option> <option value="KR">SOUTH KOREA</option> <option value="ES">SPAIN</option> <option value="LK">SRI LANKA</option> <option value="SD">SUDAN</option> <option value="SR">SURINAME</option> <option value="SZ">SWAZILAND</option> <option value="SE">SWEDEN</option> <option value="CH">SWITZERLAND</option> <option value="SY">SYRIA</option>  <option value="TW">TAIWAN</option> <option value="TJ">TAJIKISTAN</option> <option value="TZ">TANZANIA</option> <option value="TH">THAILAND</option> <option value="TG">TOGO</option> <option value="TO">TONGA</option> <option value="TT">TRINIDAD TOBAGO</option> <option value="TN">TUNISIA</option> <option value="TR">TURKEY</option> <option value="TM">TURKMENISTAN</option> <option value="TV">TUVALU</option>   <option value="UG">UGANDA</option> <option value="UA">UKRAINE</option> <option value="GB">UNITED KINGDOM</option> <option value="AE">UNTD ARAB EMIR</option> <option value="UY">URUGUAY</option> <option value="UZ">UZBEKISTAN</option> <option value="VU">VANUATU</option> <option value="VA">VATICAN CITY</option> <option value="VE">VENEZUELA</option> <option value="VN">VIETNAM</option>  <option value="WS">WESTERN SAMOA</option> <option value="YE">YEMEN</option>   <option value="ZM">ZAMBIA</option> <option value="ZW">ZIMBABWE</option> </select> </div> <div class="col-md-6 col-xs-12 resp-mb-20"> <label class="full-width mb_11">State/Province </label> <select id="select-state" class="full-width select-state" placeholder="Pick a state" required> <option value="" style="display:none" hidden selected>Select a state</option> <option value="Alabama">Alabama</option> <option value="AAlaskaK">Alaska</option> <option value="American Samoa">American Samoa</option> <option value="Arizona">Arizona</option> <option value="Arkansas">Arkansas</option> <option value="California">California</option> <option value="Colorado">Colorado</option> <option value="Connecticut">Connecticut</option> <option value="Delaware">Delaware</option> <option value="District Of Columbia">District Of Columbia</option> <option value="Federated States Of Micronesia">Federated States Of Micronesia</option> <option value="Florida">Florida</option> <option value="Georgia">Georgia</option> <option value="Guam">Guam</option> <option value="Hawaii">Hawaii</option> <option value="Idaho">Idaho</option> <option value="Illinois">Illinois</option> <option value="Indiana">Indiana</option> <option value="Iowa">Iowa</option> <option value="Kansas">Kansas</option> <option value="Kentucky">Kentucky</option> <option value="Louisiana">Louisiana</option> <option value="Maine">Maine</option> <option value="Marshall Islands">Marshall Islands</option> <option value="Maryland">Maryland</option> <option value="Massachusetts">Massachusetts</option> <option value="Michigan">Michigan</option> <option value="Minnesota">Minnesota</option> <option value="Mississippi">Mississippi</option> <option value="Missouri">Missouri</option> <option value="Montana">Montana</option> <option value="Nebraska">Nebraska</option> <option value="Nevada">Nevada</option> <option value="New Hampshire">New Hampshire</option> <option value="New Jersey">New Jersey</option> <option value="New Mexico">New Mexico</option> <option value="New York">New York</option> <option value="North Carolina">North Carolina</option> <option value="North Dakota">North Dakota</option> <option value="Northern Mariana Islands">Northern Mariana Islands</option> <option value="Ohio">Ohio</option> <option value="Oklahoma">Oklahoma</option> <option value="Oregon">Oregon</option> <option value="Palau">Palau</option> <option value="Pennsylvania">Pennsylvania</option> <option value="Puerto Rico">Puerto Rico</option> <option value="Rhode Island">Rhode Island</option> <option value="South Carolina">South Carolina</option> <option value="South Dakota">South Dakota</option> <option value="Tennessee">Tennessee</option> <option value="Texas">Texas</option> <option value="Utah">Utah</option> <option value="Vermont">Vermont</option> <option value="Virgin Islands">Virgin Islands</option> <option value="Virginia">Virginia</option> <option value="Washington">Washington</option> <option value="West Virginia">West Virginia</option> <option value="Wisconsin">Wisconsin</option> <option value="Wyoming">Wyoming</option> </select> </div> </div> <div class="row mb_20"> <div class="col-md-6 col-xs-12 resp-mb-20"> <label class="full-width mb_11">City</label> <input type="text" name="city" id="cityId" value="" /> </div> <div class="col-md-6 col-xs-12 resp-mb-20"> <label class="full-width mb_11">Zip Code</label> <input type="text" name="zip_code" id="zipCode" value="" placeholder="Please Specify..."/> </div> </div> <div class="row mb_20"> <div class="col-md-6 col-xs-12 resp-mb-20"> <label class="full-width mb_11">Institution Name  <div class="tooltip"><i class="fa fa-info-circle pull-right fs_18"></i> <span class="tooltiptext">Not seeing your institution name? Select Other.</span> </div> </label> <input class="uniqueInstitutionClass" fun1="manualProfileInstitutionEntry" fun2="selectMyProfilePinCodeVal" type="text" autocomplete="off" id="myProfileInstitution" name="libraryInstitution" placeholder="Search Institution"> <i id="institution-loader" class="fa fa-spinner fa-spin red intitution-loader myprofile-intitution-loader display-none"></i> <input type="hidden" id="manualProfileInstitution" pattern="[a-zA-Z0-9 ]+" oninvalid="this.setCustomValidity('Use only aphabets for institutional field')" oninput="this.setCustomValidity('')" name="manualLibraryInstitution" placeholder="Please enter institution name " required> <input type="hidden" id="myProfileInstitutionCode" name="libraryInstitution"> <ul id ="myProfileDropdown" class="uniqueDropdownClass dropdown-menu scrollable-menu" role="menu"></ul> </div> <div class="col-md-6 col-xs-12" style="height: 75px;"> <label class="full-width mb_11">Job Function</label> <select id="myProfile-job-title" class="full-width" placeholder="Pick a Job Title" required> <option value="">Select Job Title</option> <option value="Adult/Public Library Services Librarian">Adult/Public Library Services Librarian</option> <option value="Assistant Library Director">Assistant Library Director</option> <option value="Cataloging Librarian">Cataloging Librarian</option> <option value="Children's Services Librarian">Children's Services Librarian</option> <option value="Circulation/Access Services Librarian">Circulation/Access Services Librarian</option> <option value="Collection Development/Acquisition Librarian">Collection Development/Acquisition Librarian</option> <option value="Librarian: Electronic Resources">Librarian: Electronic Resources</option> <option value="Librarian: Emerging Technologies">Librarian: Emerging Technologies</option> <option value="Head Librarian/Department Head">Head Librarian/Department Head</option> <option value="Library Director">Library Director</option> <option value="Library/Branch Manager">Library/Branch Manager</option> <option value="LIS Student">LIS Student</option> <option value="Outreach Librarian">Outreach Librarian</option> <option value="Paralibrarian/Paraprofessional">Paralibrarian/Paraprofessional</option> <option value="Librarian: Readers Advisory">Librarian: Readers Advisory</option> <option value="Reference/Information Services Librarian">Reference/Information Services Librarian</option> <option value="Reviewer">Reviewer</option> <option value="School Library Media Specialist">School Library Media Specialist</option> <option value="Teacher Librarian">Teacher Librarian</option> <option value="Technical Services/Systems Librarian">Technical Services/Systems Librarian</option> <option value="YA/Teen Librarian">YA/Teen Librarian</option> <option value="Educator">Educator</option> <option value="User Experience">User Experience</option> <option class="otherSelectedOption display-none"></option> <option class ="editableMyProfile" value="">Others</option> </select> <input class="editOptionMyprofile" style="display:none;" id="myProfileJobInput"></input> </div> <div class="col-md-12 col-xs-12"> <label class="full-width">Business Category *</label> <select class="scrollable-menu full-width" role="menu" id="downloadBusinessCategory" name="BusinessCategory"> <option value="">Select Option</option> <option value="Academic Library: 2 year/Community College">Academic Library: 2 year/Community College</option> <option value="Academic Library: 4 year/University/College">Academic Library: 4 year/University/College</option> <option value="Academic Library: Post Graduate Level">Academic Library: Post Graduate Level</option> <option value="Book Manufacturer/Bookseller">Book Manufacturer/Bookseller</option> <option value="Consumer">Consumer</option> <option value="Educator/Board of Educators">Educator/Board of Educators</option> <option value="Government Library">Government Library</option> <option value="Library Science Studies/Faculty">Library Science Studies/Faculty</option> <option value="Literary/Rights Agent">Literary/Rights Agent</option> <option value="Other Library">Other Library</option> <option value="Print/Film/BCST Media">Print/Film/BCST Media</option> <option value="Public Library/System">Public Library/System</option> <option value="Publisher/Publishing">Publisher/Publishing</option> <option value="School District">School District</option> <option value="School Library: Elementary">School Library: Elementary</option> <option value="School Library: High School">School Library: High School</option> <option value="School Library: Middle School/Junior High">School Library: Middle School/Junior High</option> <option value="School Library: Other (K-8, K-12, etc.)">School Library: Other (K-8, K-12, etc.)</option> <option value="Service Provider">Service Provider</option> <option value="Special Library: Business/Association/etc.">Special Library: Business/Association/etc.</option> <option value="Wholesaler/Distributor/Supplier">Wholesaler/Distributor/Supplier</option> <option value="Writing, Editing, or Illustration">Writing, Editing, or Illustration</option> </select> <input class="editOptiondownload edit-dropdown-input" style="display:none;"></input> </div> </div> <div class="row mb_20"> <div class="col-md-6 col-xs-12 resp-mb-20"> <label class="full-width mb_11">Email</label> <input type="email" name="email" id="emailId" value="" required/> </div> <div class="col-md-6 col-xs-12"> <label class="full-width mb_11">Phone</label> <input type="text" name="phone" id="phoneId" value="" /> </div> </div> <div class="row mb_20 mt_30"> <div class="col-md-2 col-xs-12" id="saveProfileId">  </div> </div> </form> </div>   <div class="tab-pane" id="portlet_tab2"> <h1 class="account-heading portrait-medium mt_0">Newsletters</h1> <div class="row mb_20 mt_20"> <div class="col-md-12 col-xs-12">  </div> </div> <div class="row mb_20" id="newsLetterSection">  </div> <div class="col-md-12 col-xs-12 mt_20" id="checkUnsubscribe"> </div> <div class="row mb_20 mt_30" id= "newsLetterSave"> </div> </div>   <div class="tab-pane" id="portlet_tab3"> <h1 class="account-heading portrait-medium mt_0">Change Password</h1> <div class="form-group mt_40 mb_20"> <form action="" id="form" method="PUT"> <div class="form-group"> <label class="full-width mb_11" for="desc">Current Password <a href="#" class="text-underline pull-right show_password1">Show</a> </label> <input type="password" class="form-control" name="current_psw" id="password1" required> </div> <div class="form-group"> <span class="error-msg" style="color:red"></span> </div> <div class="form-group"> <label for="desc" class="full-width mb_11">New Password <a href="#" class="text-underline pull-right show_password2">Show</a> </label> <input type="password" class="form-control" name="new_psw" id="password2" required> </div> <div class="col-md-12 p_0"> <p class="red hide" id="minPassLengthReq1">Passwords must include at least 8 characters. Please try your entry again.</p> <p class="red hide" id="minPassSecurityReq1">Your password must include at least three of these elements: lower case letters, upper case letters, numbers or special characters. Please try your entry again.</p> </div> <div class="form-group"> <label for="desc" class="full-width mb_11">Confirm Password <a href="#" class="text-underline pull-right show_password3">Show</a> </label> <input type="password" class="form-control" name="confirm_psw" id="password3" required> </div> <div class="form-group"> <span class="error red"></span> </div> <div class="row mb_20 mt_30"> <div class="col-md-4 col-xs-12"> <button type="submit" name="submit" class="btn btn-default-red full-width bold akzidenz-grotesk-regular" >UPDATE PASSWORD</button> </div> </div> </form> </div> </div> <div class="tab-pane" id="portlet_tab4"> <div id="login"> <form method="POST" id="order_number_form"> <div class="row mb_20 mt_30"> <div class="col-md-12 col-xs-12"> <label class="full-width mb_11" for="order">Enter the Order Number</label> <input type="text" name="order" id="order"/> <label class="full-width mb_11" id="orderError"></label> </div> </div> <div class="row mb_20 mt_30"> <div class="col-md-3 col-xs-12"> <div type="submit" name="submit" class="btn btn-default-red full-width bold akzidenz-grotesk-regular" value="Sign In" onclick="updateInstitutionSubscription()">SUBMIT</div> </div> </div> </form> </div> </div> </div> </div> </div>  </div>  <div id="Institution" class="tabcontentSection full-width" style="display:none;"> <h1 class="portrait-medium mt_0">Manage Institution</h1> <div id="institutionList"> </div> </div> </div>  </div> </div> </div>  <div id="invite-popup" class="modal fade"> <div class="modal-dialog invite-dialog"> <div class="modal-content"> <div class="modal-header pb_0"> <button type="button" class="close pull-right" data-dismiss="modal" aria-hidden="true"> <i class="fa fa-times red fs_20"></i><span class=""></span> </button> </div> <div class="modal-body pb_30 pt_0 mt_15"> <h3 class="explore-desc bold text-align-center">Send Invite</h3> <div id="inviteResponse" class="text-align-center"> </div> <form class="embargoed-form registration-form" id="inviteForm" method="post" data-toggle="validator"> <div class="col-md-6 form-group mb_0"> <label class="control-label font-weight-100">First Name</label> <input type="text" id="inviteFirstName" name=fName required> </div> <div class="col-md-6 form-group mb_0"> <label class="control-label font-weight-100">Last Name</label> <input type="text" id="inviteLastName" name=fName required> </div> <div class="col-md-12 form-group mb_0"> <label class="control-label font-weight-100">Email</label> <input type="email" id="inviteEmail" name=email required> </div> <div class="col-md-12 form-group mb_0"> <label class="control-label font-weight-100">Subscription</label>  <div id="inviteSubscriptionDisplay" class="subscription-filed"></div> <input id="inviteSubscription" type="text" name="" value="" hidden> </div> <div class="col-md-12 form-group mb_0"> <label class="control-label font-weight-100">Message</label>   <div class=""> <p> We recently purchased a subscription to <i>School Library Journal</i> and I am so excited to be able to share it with you! After you accept the invitation below, you will be able to get immediate access to premium content on <a class="underline" href="https://www.slj.com/">SLJ.com</a> including: </p> <ul> <li>News, opinion, features, and breaking stories</li> <li>Exclusive video library and multimedia content</li> <li>Full, searchable archives of more than 300K reviews of books, ebooks, audiobooks, videos/DVDs, databases, systems and websites</li> <li>Research reports, data analysis, white papers, and expert opinion</li> </ul> <span>Happy reading!</span> </div> </div> <div class="text-align-center"> <button type="submit" id="sendInvite" class="btn btn-default-red bold akzidenz-grotesk-regular mt_20">SEND INVITE</button> </div> </form> </div> </div> </div> </div>  <script src="/webfiles/1732255584581/js/institution-field.js"></script> </div> <div id="meternote"> <div class = "gtm_half_ID"></div> <div class="col-md-12 col-xs-12 mt_20 mb_20 fs_20"> <div class="col-md-12 col-sm-12 col-xs-12 mt_20 mb_10 fs_15 resp-no-margin"> <div class="col-md-6 col-sm-8 col-xs-12 white meter-text"> </div> <div class="col-md-3 col-sm-3 col-xs-12 fs_20 p_0 meternote_half"> <div class = "text-align-center float-left-resp"> <a class="meter-href" href="/page/subscribe"> <button type="submit" class="btn btn-subscribe-meter btn-white navbar-btn subscribe-btn-size resp-full-width" id="notiRedirect">SUBSCRIBE</button></a> <h6 class="white fs_13 mb_20">ALREADY A SUBSCRIBER? <a class="white meter-login-utm meter-login underline" href="/page/login">LOG IN</a></h6> </div> </div> </div> </div> <span class="meterNoteclose" style="cursor:pointer;"> <i class="fa fa-chevron-down white fa-2x mt_5 meter-login"></i> </span> </div> <div id="smallmeternote"> <div class = "gtm_small_ID"></div> <div class="container fs_20"> <div class="col-md-8 col-sm-8 col-xs-12 fs_20 resp-no-margin text-align-center white"> <p class="mt_20 mb_10 meter-small-num float-right-resp"> </p> </div> <div class="col-md-3 col-sm-3 col-xs-12 fs_20 p_0 text-align-center"> <a class="meter-href" href="/page/subscribe"> <button type="submit" class="btn btn-subscribe-meter btn-white navbar-btn subscribe-btn-size resp-full-width" id="notiRedirect">SUBSCRIBE</button></a> </div> </div> <span class="meterNoteopen display-none" style="cursor:pointer;"> <i class="fa fa-chevron-up white fa-2x mt_5 meter-login"></i> </span> </div> <div id="freemeternote"> <div class = "gtm_freehalf_ID"></div> <div class="col-md-12 col-xs-12 mt_20 mb_20 fs_20"> <div class="col-md-12 col-sm-12 col-xs-12 mt_20 mb_10 fs_15 resp-no-margin"> <div class="col-md-6 col-sm-8 col-xs-12 white meter-text mr_20"> <p>We are currently offering this content for free. Sign up now to activate your personal profile, where you can save articles for future viewing</p> </div> <div class="col-md-3 col-sm-3 col-xs-12 fs_20 p_0"> <div class = "text-align-center float-left-resp"> <a class="meter-reg-href" href="/page/register"> <button type="submit" class="btn btn-subscribe-meter btn-white navbar-btn subscribe-btn-size resp-full-width" id="notiRedirect">CREATE AN ACCOUNT</button></a> <h6 class="white fs_13 mb_20">ALREADY A SUBSCRIBER? <a class="white meter-login-utm meter-login underline" href="/page/login">LOG IN</a></h6> </div> </div> </div> </div> <span class="meterNoteclose" style="cursor:pointer;"> <i class="fa fa-chevron-down white fa-2x mt_5 meter-login"></i> </span> </div> <div id="privateMode" class="modal fade" data-backdrop="static" data-keyboard="false" style="overflow : auto;"> <div class = "gtm_private_ID"></div> <div class="modal-dialog" style="top:8%;"> <div class="modal-content"> <div class="modal-body"> <div class="text-align-center" style="border: 1px solid black;"> <div class="text-align-left"> <a class="meter-backHome" href="/page/home"> <button class="back-home-close bold"> BACK TO HOMEPAGE </button> </a> </div> <h2 class="text-align-center bold">Thank you for visiting.</h2> <div class="paywall-text"> <p>We鈥檝e noticed you are using a private browser. To continue, please log in or create an account.</p> </div> <p><img style="width: 80%; height: auto!important; margin-top:20px;" src="/webfiles/1732255584581/images/SljHardPaywall.jpg" alt="Hard paywall image"/></p> <p><a class="meter-login-utm" href="/page/login"><button class="btn btn-subscribe btn-blue navbar-btn subscribe-btn-size mt_5" style="width:195px;">LOG IN</button></a></p> <p><a href="/page/register"><button class="btn btn-subscribe btn-blue navbar-btn subscribe-btn-size mt_5" style="width:195px;">CREATE AN ACCOUNT</button></a></p> <h6 class="mb_20 text-decoration-underline"><span class="bold"><a class="underline full-meter-href" href="/page/subscribe">SUBSCRIPTION OPTIONS</a></span></h6> </div> </div> </div> </div> </div> <div id="hardPaywallMode" class="modal fade" data-backdrop="static" data-keyboard="false" style="overflow : auto;"> <div class = "gtm_hard_ID"></div> <div class="modal-dialog" style="top:8%;"> <div class="modal-content"> <div class="modal-body"> <div class="text-align-center" style="border: 1px solid black;"> <div class="text-align-left"> <a class="meter-backHome" href="/page/home"> <button class="back-home-close bold"> BACK TO HOMEPAGE </button> </a> </div> <div class="paywall-text"> </div> <p><a class="full-meter-href" href="/page/subscribe"><button class="btn btn-subscribe btn-blue mt_10 navbar-btn subscribe-btn-size" style="width:140px;">SUBSCRIBE</button></a></p> <h6 class="fs_13 mb_20">Already a subscriber? <span class="bold"><a class="meter-login-utm underline" href="/page/login">Log In</a></span></h6> </div> </div> </div> </div> </div> <div id="hardPaywallReviewMode" class="modal fade" data-backdrop="static" data-keyboard="false" style="overflow : auto;"> <div class = "gtm_reviewHard_ID" style="display:none;"></div> <div class="modal-dialog" style="top:8%;"> <div class="modal-content"> <div class="modal-body"> <div class="text-align-center" style="border: 1px solid black;"> <div class="text-align-left"> <a class="meter-backHome" href="/page/home"> <button class="back-home-close bold"> BACK TO HOMEPAGE </button> </a> </div> <div class="text-align-center bold"><h2 class="bold">Thank you for visiting.</h2></div> <div class="paywall-text"> <p>Most <i>SLJ</i> reviews are exclusive to subscribers.</p> <p>As a subscriber, you'll receive unlimited access to all reviews dating back to 2010.</p> <p><img style="width: 80%; height: auto!important; margin-top:20px;" src="/webfiles/1732255584581/images/SljHardPaywall.jpg" alt="Hard paywall image"/></p> <p>To access other site content, visit our <a class="meter-backHome" href="/page/home" style="text-decoration:underline;">homepage</a>.</p> </div> <p><a class="full-meter-href" href="/page/subscribe"><button class="btn btn-subscribe btn-blue mt_10 navbar-btn subscribe-btn-size" style="width:140px;">SUBSCRIBE</button></a></p> <h6 class="fs_13 mb_20">Already a subscriber? <span class="bold"><a class="meter-login-utm underline" href="/page/login">Log In</a></span></h6> </div> </div> </div> </div> </div> <div id="meterExhaustMode" class="modal fade" data-backdrop="static" data-keyboard="false" style="overflow : auto;"> <div class = "gtm_exhaust_ID"></div> <div class="modal-dialog" style="top:8%;"> <div class="modal-content"> <div class="modal-body"> <div class="text-align-center" style="border: 1px solid black;"> <div class="text-align-left"> <a class="meter-backHome" href="/page/home"> <button class="back-home-close bold"> BACK TO HOMEPAGE </button> </a> </div> <div class="paywall-text"> </div> <p><a class="full-meter-href" href="/page/subscribe"><button class="btn btn-subscribe btn-blue mt_10 navbar-btn subscribe-btn-size" style="width:140px;">SUBSCRIBE</button></a></p> <h6 class="fs_13 mb_20">Already a subscriber? <span class="bold"><a class="meter-login-utm underline" href="/page/login">Log In</a></span></h6> </div> </div> </div> </div> </div> </div> <div id="SLJ_Spotible1_1x1"> <script type='text/javascript'> googletag.cmd.push(function() { googletag.display('SLJ_Spotible1_1x1'); }); </script> </div> <div id="SLJ_Video_1x1"> <script type='text/javascript'> googletag.cmd.push(function() { googletag.display('SLJ_Video_1x1'); }); </script> </div> <footer class="lj-footer display-block pull-left full-width hidden-print">  <div class="footer" id="footer"> <div class="container">  <div class="laptop mt_30"> <div class="col-md-2 col-sm-2 col-xs-12 footer-block pl_0"> <ul class="footer links footer-text"> <li class="nav item"><a href="https://www.slj.com/section/newsfeatures" target="">News & Features</a></li> <li class="nav item"><a href="https://www.slj.com/section/reviews" target="">Reviews+</a></li> <li class="nav item"><a href="https://www.slj.com/section/technology" target="">Technology</a></li> <li class="nav item"><a href="https://www.slj.com/section/schoollibraries" target="">School Libraries</a></li> <li class="nav item"><a href="https://www.slj.com/section/publiclibraries" target="">Public Libraries</a></li> <li class="nav item"><a href="https://www.slj.com/section/blogs" target="">Blogs</a></li> <li class="nav item"><a href="https://www.slj.com/section/classroom" target="">Classroom</a></li> <li class="nav item"><a href="https://www.slj.com/section/diversity" target="">Diversity</a></li> <li class="nav item"><a href="https://www.slj.com/section/people" target="">People</a></li> <li class="nav item"><a href="http://jobs.libraryjournal.com/" target="_blank">Job Zone</a></li> </ul> </div> <div class="col-md-2 col-sm-2 footer-block pl_0"> <h4 class="mt_0">Reviews+</h4> <ul class="footer links footer-text"> <li class="nav item"><a href="https://www.slj.com/section/reviews/booklists" target="">Book Lists</a></li> <li class="nav item"><a href="/page/best-books-2024" target="">Best Books 2024</a></li> <li class="nav item"><a href="/page/2024-stars-so-far" target="">2024 Stars So Far</a></li> <li class="nav item"><a href="https://www.slj.com/section/reviews/media" target="">Media</a></li> <li class="nav item"><a href="https://www.slj.com/section/reviews/reference" target="">Reference</a></li> <li class="nav item"><a href="https://www.slj.com/section/reviews/seriesmadesimple" target="">Series Made Simple</a></li> <li class="nav item"><a href="https://www.slj.com/section/reviews/tech" target="">Tech</a></li> <li class="nav item"><a href="/page/Review-for-SLJ" target="">Review for SLJ</a></li> <li class="nav item"><a href="/page/review-submissions" target="">Review Submissions</a></li> </ul> </div> <div class="col-md-2 col-sm-2 footer-block pl_0"> <h4 class="mt_0">SLJ Blog Network</h4> <ul class="footer links footer-text"> <li class="nav item"><a href="https://100scopenotes.com/" target="_blank">100 Scope Notes</a></li> <li class="nav item"><a href="https://afuse8production.slj.com/" target="_blank">A Fuse #8 Production</a></li> <li class="nav item"><a href="https://goodcomicsforkids.slj.com/" target="_blank">Good Comics for Kids</a></li> <li class="nav item"><a href="https://heavymedal.slj.com/" target="">Heavy Medal</a></li> <li class="nav item"><a href="https://pearlsandrubys.slj.com/" target="https://pearlsandrubys.slj.com/">Pearls & Rubys</a></li> <li class="nav item"><a href="https://politicsinpractice.slj.com/" target="https://politicsinpractice.slj.com/">Politics in Practice</a></li> <li class="nav item"><a href="https://www.teenlibrariantoolbox.com/" target="_blank">Teen Librarian Toolbox</a></li> <li class="nav item"><a href="https://theyarn.slj.com/" target="_blank">The Yarn</a></li>  </ul> </div> <div class="col-md-2 col-sm-2 footer-block pl_0"> <h4 class="mt_0">Resources</h4> <ul class="footer links footer-text"> <li class="nav item"><a href="/page/reasons-to-love-libraries" target="_blank">Reasons to Love Libraries</a></li> <li class="nav item"><a href="/story/defending-the-canon-slj-ncte-review-15-banned-classics" target="_blank">Defending the Canon: SLJ & NCTE Review 15 Banned Classics</a></li> <li class="nav item"><a href="/page/refreshing-canon-booklist-2023" target="_blank">Refreshing the Canon Booklist</a></li> <li class="nav item"><a href="/page/SchoolLibrarianOfTheYear" target="">School Librarian of the Year</a></li> <li class="nav item"><a href="/page/2024YouthMediaAwards" target="">2024 Youth Media Awards</a></li> <li class="nav item"><a href="/page/readfree" target="">Read Free Poster</a></li> <li class="nav item"><a href="https://www.slj.com/page/mathical-book-prize-awards" target="_blank">Mathical Book Prize Collection Development Awards</a></li> <li class="nav item"><a href="https://www.slj.com/story/research" target="">Research</a></li> <li class="nav item"><a href="https://www.slj.com/story/white-papers-case-studies" target="">White Papers / Case Studies</a></li> </ul> </div> <div class="col-md-2 col-sm-2 footer-block pl_15"> <h4 class="mt_0">Events & PD</h4> <ul class="footer links footer-text"> <li class="nav item"><a href="https://www.slj.com/section/events?eventtype=inPersonEvents" target="">In-Person Events</a></li> <li class="nav item"><a href="https://www.slj.com/section/events?eventtype=onlineCourses" target="">Online Courses</a></li> <li class="nav item"><a href="https://www.slj.com/section/events?eventtype=virtualEvents" target="">Virtual Events</a></li> <li class="nav item"><a href="https://www.slj.com/section/events?eventtype=webcasts" target="">Webcasts</a></li> </ul> </div> <div class="col-md-2 col-sm-2 footer-block pl_0 pr_0"> <ul class="footer links footer-text"> <li class="nav item"><a href="/page/About-Us" target="">About Us</a></li> <li class="nav item"><a href="/page/Contact-Us" target="">Contact Us</a></li> <li class="nav item"><a href="https://media.libraryjournal.com/" target="_blank">Advertise</a></li> <li class="nav item"><a href="https://www.slj.com/page/subscribe" target="_blank">Subscribe</a></li> <li class="nav item"><a href="/page/Media-Inquiries" target="">Media Inquiries</a></li> <li class="nav item"><a href="https://www.slj.com/page/slj-newsletters" target="_blank">Newsletter Sign Up</a></li> <li class="nav item"><a href="/page/Submissions" target="">Content Submissions</a></li> <li class="nav item"><a href="/page/Data-Privacy" target="">Data Privacy</a></li> <li class="nav item"><a href="/page/Terms-of-Use" target="">Terms of Use</a></li> <li class="nav item"><a href="/page/terms-of-sale" target="">Terms of Sale</a></li> <li class="nav item"><a href="/page/faqs" target="">FAQs</a></li> <li class="nav item"><a href="/page/Diversity-Policy" target="">Diversity Policy</a></li> <li class="nav item"><a href="/page/careers" target="">Careers at MSI</a></li> <li class="nav item mt_20 icon-inline-flex"> <a href="https://www.facebook.com/SchoolLibraryJournal/" target="_blank"><img class="mr_1 tab-w-30" src="/webfiles/1732255584581/images/fb.png"></a> <a href="https://twitter.com/sljournal" target="_blank"><img style="width:35px; height:35px;" class="mr_1 tab-w-30" src="/webfiles/1732255584581/images/tw.png"></a> <a href="https://www.instagram.com/sljournal/?hl=en" target="_blank"><img class="mr_1 tab-w-30" src="/webfiles/1732255584581/images/insta.png"></a> <a href="https://www.pinterest.com/sljournal/" target="_blank"><img class="mr_1 tab-w-30" src="/webfiles/1732255584581/images/pin.png"></a> <a href="https://www.youtube.com/user/sljlive/feed"><img class="tab-w-30 tab-w-35" src="/webfiles/1732255584581/images/youtube.png"></a> </li> </ul> </div>  </div> </div> <hr class="footer-border-line mt_20 mb_20 hidden-xs"> <div class="container footer-img hidden-xs"> <div class="col-md-2 col-sm-2 col-xs-6 pl_0 text-align-left" style="border-right: 2px solid white"> <a title="Media Source Incorporated" href="http://www.mediasourceinc.com/" target="_blank"> <img src="/webfiles/1732255584581/images/MSI-Logo-bw_rev55k.png"/> </a> </div> <div class="col-md-2 col-sm-2 col-xs-6 text-align-center"> <a title="AKJ" href="https://www.akjeducation.com/" target="_blank"> <img style="width:50px" src="/webfiles/1732255584581/images/akj1.png"/> </a> </div> <div class="col-md-2 col-sm-2 col-xs-6 text-align-right"> <a title="The Horn Book" href="http://www.hbook.com/" target="_blank"> <img src="/webfiles/1732255584581/images/The_Horn_Booknew.png"/> </a> </div> <div class="col-md-2 col-sm-2 col-xs-4 text-align-right p_0"> <a title="Junior Library Guild" href="https://www.juniorlibraryguild.com/" target="_blank"> <img src="/webfiles/1732255584581/images/JLGnew.png"/> </a> </div> <div class="col-md-2 col-sm-2 col-xs-4 text-align-right"> <a id="homeFromFooter" href="https://www.libraryjournal.com/" class="pointer" target="_blank"> <img src="/webfiles/1732255584581/images/LJ_Blacknew.png"/> </a> </div> <div class="col-md-2 col-sm-2 col-xs-4 text-align-right"> <a title="School Library Journal" href="?" target="_blank"> <img src="/webfiles/1732255584581/images/SLJ-footer.png"/> </a> </div> </div> <hr class="footer-border-line mt_20 mb_20 hidden-xs">  <div class="container hidden-xs mb_10"> <div class="col-md-12 col-sm-12 pl_0 pr_0"> <div class="col-md-6 col-sm-4 pl_0 gray"> COPYRIGHT © 2024 </div> <div class="col-md-6 col-sm-8 footer-policy float-right pr_0"> <ul class="pull-right">   </ul> </div> </div> </div>   <div class="col-md-12 col-sm-12 col-xs-12 mb_20 tablet"> <div class="col-xs-12 footer-block mt_30 mb_20"> <ul class="footer links footer-text text-align-center"> <li class="nav item"> <a href="https://www.facebook.com/SchoolLibraryJournal/"><img class="mr_20" src="/webfiles/1732255584581/images/fb.png"></a> <a href="https://twitter.com/sljournal"><img class="mr_20" src="/webfiles/1732255584581/images/tw.png"></a> <a href="https://www.instagram.com/sljournal/?hl=en"><img class="mr_20" src="/webfiles/1732255584581/images/insta.png"></a> <a href="https://www.pinterest.com/sljournal/"><img class="mr_20" src="/webfiles/1732255584581/images/pin.png"></a> <a href="https://www.youtube.com/user/sljlive/feed"><img class="" style="width: 36px;" src="/webfiles/1732255584581/images/youtube.png"></a> </li> </ul> </div> <hr class="footer-border-line mb_30"> <div class="footer-img display-block full-width pull-left mb_30"> <div class="col-xs-12 p_0"> <div class="col-xs-6 text-align-center"> <a title="Media Source Incorporated" href="http://www.mediasourceinc.com/" target="_blank"> <img src="/webfiles/1732255584581/images/MSI-Logo-bw_rev55k.png"/> </a> </div> <div class="col-xs-6 text-align-center"> <a title="The Horn Book" href="http://www.hbook.com/" target="_blank"> <img class="full-width" src="/webfiles/1732255584581/images/The_Horn_Booknew.png"/> </a> </div> </div> <div class="col-xs-12 p_0"> <div class="col-xs-6 text-align-center mt_30"> <a href="https://lj.libraryjournal.com/" class="pointer"> <img class="full-width" src="/webfiles/1732255584581/images/LJ_Blacknew.png"/> </a> </div> <div class="col-xs-6 text-align-center mt_30"> <a title="School Library Journal" href="?" target="_blank"> <img class="full-width" src="/webfiles/1732255584581/images/SLJ-footer.png"/> </a> </div> </div> <div class="col-xs-12 p_0"> <div class="col-xs-6 text-align-center mt_30"> <a title="AKJ" href="https://www.akjeducation.com//" target="_blank"> <img style="width:50px" src="/webfiles/1732255584581/images/akj1.png"/> </a> </div> <div class="col-xs-6 text-align-center mt_30"> <a title="Junior Library Guild" href="https://www.juniorlibraryguild.com/" target="_blank"> <img class="full-width" src="/webfiles/1732255584581/images/JLGnew.png"/> </a> </div> </div> </div> <hr class="footer-border-line mb_30"> <div class="col-md-12 col-xs-12 pl_0 pr_0"> <div class="footer-policy pl_0 pr_0 fs_15">    </div> <div class="col-md-6 col-xs-12 p_0 text-align-center mb_20 fs_15 gray"> COPYRIGHT © 2024 </div> </div>     </div>  </div> </footer> <script type='text/javascript'> function readUrlCategory(subpageVal, elementId, page) { var link = document.getElementById(elementId); if ("home" == page) { link.setAttribute("href", "?"); } else { link.setAttribute("href", "/site/home?subpage=" + subpageVal); } // document.forms[0].submit(); } </script> <script src="/webfiles/1732255584581/js/variable.js" type="text/javascript"></script> <script src="/webfiles/1732255584581/js/session.js" type="text/javascript"></script> <script src="/webfiles/1732255584581/js/main.js" type="text/javascript"></script> <script src="/webfiles/1732255584581/js/smarten-text.js" type="text/javascript"></script> <script src="/webfiles/1732255584581/js/private-mode.js" type="text/javascript"></script> <script src="/webfiles/1732255584581/js/metering.js" type="text/javascript"></script> <script src="/webfiles/1732255584581/js/validation.js" type="text/javascript"></script> <script src="/webfiles/1732255584581/js/ecommerce.js" type="text/javascript"></script> <script src="/webfiles/1732255584581/js/login.js" type="text/javascript"></script> <script src="/webfiles/1732255584581/js/reset.js" type="text/javascript"></script> <script src="/webfiles/1732255584581/js/topic-image.js" type="text/javascript"></script> <script src="/webfiles/1732255584581/js/institutions.js" type="text/javascript"></script> <script src="/webfiles/1732255584581/js/analytics.js" type="text/javascript"></script>   <script type="text/javascript" id="hs-script-loader" async defer src="//https://us01.l.antigena.com/l/sMmsucjkVjbHBZpY4a_zfeTmny0AEi3ymm19LSkSDmGg-qpqH52GTlPHgWXiwPZllSy3b2n7cBVCA7OIWo1Z7uvZa~7jk56EZ5jXqHE8Xtpu24JDh7gXGy1"></script>  </body> </html>

CINXE.COM

School Library Journal