CINXE.COM

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> <!-- jQuery library --> <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"> <!-- Latest compiled and minified CSS --> <link rel="stylesheet" type="text/css" href="/webfiles/1732255584581/css/bootstrap3.3.7.min.css"/> <!-- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> --> <!-- Jquery pluging for Pagination --> <script src="/webfiles/1732255584581/js/jquery.simplePagination.js" type="text/javascript"></script> <!-- <script type="text/javascript" src="path_to/jquery.simplePagination.js"></script> --> <!-- Latest compiled JavaScript --> <script src="/webfiles/1732255584581/js/bootstrap3.3.7.min.js" type="text/javascript"></script> <!-- <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> --> <!-- ReCAPTCHA plugin --> <script src='https://www.google.com/recaptcha/api.js'></script> <!-- fa fa Icons --> <!-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> --> <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/header.css"/> --> <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/?"/> <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> <!-- Global site tag (gtag.js) - Google Analytics UAT Site --> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-TP3ZCWW');</script> <!-- End Google Tag Manager --> <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; var pid = ''; var test = ''; var theme = 'schoollibrariesbacktoschool'; var pid = 'schoollibrariesbacktoschool'; var test = ''; var pgtype = 'theme-landing'; 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 = ''; googletag.cmd.push(function() { var topMapping = googletag.sizeMapping(). addSize([768, 0], [728, 90]). addSize([0, 0], [300, 50]). build(); var hpmid1Mapping = googletag.sizeMapping(). addSize([993, 0], [300, 250]). addSize([768, 0], [728, 90]). addSize([0, 0], [300, 250]). build(); var hpmid2Mapping = googletag.sizeMapping(). addSize([993, 0], [300, 250]). addSize([0, 0], [300, 50]). 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, [[300, 250], [300, 50]], 'themelanding2') .defineSizeMapping(hpmid2Mapping) .addService(googletag.pubads()) .setTargeting("pos", "mid2"); 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> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TP3ZCWW" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (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> <!-- new header design in desktop view --> <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> <!-- IP Popup Start --> <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">&times;</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> <!-- IP Popup End --> <!-- Login Access Popup Start --> <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">&times;</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> <!-- Login Access Popup End --> <!-- Gift Subscription Popup Start --> <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">&times;</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> <!-- Gift Subscription Popup End --> <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_5 tab-mt-20"> <a class="tab-no-padding" href="/page/shopping-cart-page"> <div id="cart"> <img class="tab-w20" src="/webfiles/1732255584581/images/shopping-cart.png"/> </div> <span id="itemCount">0</span> </a> </li> --> <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> <!-- After logged in user account nav popup--> <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> <!-- After logged in user account nav popup--> <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=ml" id="ml">My Library</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="#">My Saved Articles</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> <!-- End After logged in user account nav popup --> <!-- Before log in user account nav popup --> <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> <!-- End Before log in user account nav popup --> </li> </ul> </div><!-- end col-md-12 col-sm-12 col-xs-12 --> </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="https://pearlsandrubys.slj.com/" target="_blank">Pearls & Rubys</a></li> </ul> --> <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> <!-- new header design in mobile view --> <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"> <!-- Brand and toggle get grouped for better mobile display --> <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> <!-- After logged in user account nav popup--> <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="#">My Saved Articles</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> <!-- End After logged in user account nav popup --> </div> </div> </div> <!-- Collect the nav links, forms, and other content for toggling --> <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 &amp; 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 &amp; 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="mobCommunityId" class="bold" onclick="">Community</a> <div class="col-xs-12 mb_10"> <div class="col-xs-6 p_0"> <p><a href="">Forums</a></p> <p><a href="">Resources</a></p> </div> <div class="col-xs-6 pr_0"> <p><a href="">Member Benefits</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"> <!-- TOPIC --> <!-- code for new URL structure --> <script src="/webfiles/1732255584581/js/redirection.js" type="text/javascript"></script> <div class="TOPIC pull-left full-width resp-pr-15 resp-pl-15"> <div class="topic_head pull-left full-width display-block mb_40"> <div class="col-md-12 col-xs-12 pl_10 pr_10"> <h1 class="page-headline mb_20">School Libraries</h1> </div> <div class="article_topic_type col-md-12 col-sm-12 col-xs-12 pull-left text-align-center"> </div> <!-- <div class="hr_division mt_0 mb_0"></div> --> <div class="tabcontentSection full-width p_0"> <!-- BEGIN Portlet PORTLET--> <div class="portlet"> <div class="portlet-title"> <ul class="nav nav-tabs taxonomy"> <!-- <script type="text/javascript"> var url = "School Libraries,Back to School"; console.log("", url); </script> --> <li class="mr_18 resp-mr-15"> <a href="/section/schoollibraries"> All </a> </li> <!-- A = (lt 8) --> <!-- B else (==) --> <!-- C else--> <li class="mr_28 resp-mr-15"> <a href="/section/schoollibraries/advocacy"> Advocacy </a> </li> <!-- C end--> <!-- B end !(==) --> <!-- A end = (lt 8) --> <!-- A = (lt 8) --> <!-- B else (==) --> <!-- C else--> <li class="mr_28 resp-mr-15"> <a href="/section/schoollibraries/awards"> Awards </a> </li> <!-- C end--> <!-- B end !(==) --> <!-- A end = (lt 8) --> <!-- A = (lt 8) --> <!-- B (==)--> <li class="active mr_18 resp-mr-15"> <a href="/section/schoollibraries/backtoschool"> Back to School </a> </li> <!-- B end !(==) --> <!-- A end = (lt 8) --> <!-- A = (lt 8) --> <!-- B else (==) --> <!-- C else--> <li class="mr_28 resp-mr-15"> <a href="/section/schoollibraries/booklists"> Booklists </a> </li> <!-- C end--> <!-- B end !(==) --> <!-- A end = (lt 8) --> <!-- A = (lt 8) --> <!-- B else (==) --> <!-- C else--> <li class="mr_28 resp-mr-15"> <a href="/section/schoollibraries/booksmedia"> Books & Media </a> </li> <!-- C end--> <!-- B end !(==) --> <!-- A end = (lt 8) --> <!-- A = (lt 8) --> <!-- B else (==) --> <!-- C else--> <li class="mr_28 resp-mr-15"> <a href="/section/schoollibraries/budgetsfunding"> Budgets & Funding </a> </li> <!-- C end--> <!-- B end !(==) --> <!-- A end = (lt 8) --> <!-- A = (lt 8) --> <!-- B else (==) --> <!-- C else--> <li class="mr_28 resp-mr-15"> <a href="/section/schoollibraries/career"> Career </a> </li> <!-- C end--> <!-- B end !(==) --> <!-- A end = (lt 8) --> <!-- A = (lt 8) --> <!-- B else (==) --> <!-- C else--> <li class="mr_28 resp-mr-15"> <a href="/section/schoollibraries/classroomcurricula"> Classroom & Curricula </a> </li> <!-- C end--> <!-- B end !(==) --> <!-- A end = (lt 8) --> <!-- A end = (lt 8) --> <li class="pointer"> <a onclick="myTaxonomy2()"> More <ul id="myDIV2" class="dropdownlist secondLevelTaxonomy-dropdown pl_10"style="left: -67px;top: 50px;"> <li><a href="/section/schoollibraries/computerscience">Computer Science</a></li> </ul> <!-- </div> --> </a> </li> </ul> </div> </div> <!-- END Portlet PORTLET--> </div><!-- END Taxonomy Block--> <script> // mobile view taxonomy second DropDown function myTaxonomy1() { var x = document.getElementById("myDIV1"); if (x.style.display === "none") { x.style.display = "block"; } else { x.style.display = "none"; } } function myTaxonomy2() { var x = document.getElementById("myDIV2"); if (x.style.display === "none") { x.style.display = "block"; } else { x.style.display = "none"; } } </script> <div class="FILTERS pull-left full-width display-block"> <div class="col-md-12 col-sm-12 col-xs-12"> <h3 class="filter-section-heading"></h3> </div> <!-- Filter & Filter results for Larger scree (above 768px) --> <div class="pull-left full-width display-block mb_40"> <form class="" action="https://www.slj.com/section/schoollibraries/backtoschool" method="get" id="topicForm"> <div class="filters col-md-2 col-sm-3 col-xs-12 pl_0"> <!-- <button class="btn btn-default-black navbar-btn fs_14 fb hidden-md-up mb_30" id="mobileFilterBy">FILTER BY CATEGORY</button> --> <button class="btn lj-btn-black navbar-btn hidden-md-up mb_30" id="mobileFilterBy">FILTER BY CATEGORY</button> <div class="col-md-12 col-sm-12 col-xs-12 pl_0 pr_0" id="filter"> <div class="panel-group" id="accordion"> <!-- Button for smaller screes to toggle the filters --> <div class="full-width pull-left hidden-md-up" id="mobileFilterByClose" style="display: none;"> <img class="cross pt_0 float-right" src="/webfiles/1732255584581/images/cross.png" style="width: 50px;"/> </div> <div class="panel panel-default"> <div class="panel-heading pt_0"> <h4 class="panel-title filter-heading"> <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#dateRange"> Date Range <i class="fa fa-minus hidden-md-down"></i> <i class="fa fa-caret-up hidden-md-up"></i> </a> </h4> </div> <div id="dateRange" class="panel-collapse collapse in"> <div class="panel-body no-top-border" onclick="changeDateLinkClicked('last','all')"> <label for="allDates" ><span class="border-hover-red">All</span></label><input class="checked-radio" type="radio" name="" id="allDates" value=""> </div> <div class="panel-body no-top-border" onclick="changeDateLinkClicked('last','1')"><span class="border-hover-red">Last 30 days</span></div> <div class="panel-body no-top-border" onclick="changeDateLinkClicked('last','6')"><span class="border-hover-red">Last 6 months</span></div> <div class="panel-body no-top-border" onclick="changeDateLinkClicked('last','12')"><span class="border-hover-red">Last 12 months</span></div> <div class="panel-body no-top-border" onclick="changeDateLinkClicked('last','24')"><span class="border-hover-red">Last 24 months</span></div> <!-- <div class="panel-body no-top-border"> <label for="allDates" >All</label><input class="checked-radio" type="radio" name="" id="allDates" value=""> </div> --> <!-- <div class="panel-body no-top-border">This Month</div> <div class="panel-body no-top-border">Last 6 months</div> <div class="panel-body no-top-border">Last 12 months</div> <div class="panel-body no-top-border">Last 24 months</div> <div class="panel-body no-top-border">Older than 24</div> --> <div class="panel-body no-top-border"><span id="specific-date">Specific Dates</span></div> <div class="panel-body no-top-border date-range"> <span>From:</span><br> <input autocomplete ="off" type="text" name="frompublishdate" value="" placeholder="Date" id="fromDatepicker" onkeydown="return false"> <!-- <input type="text" name="" value="" placeholder="MM" class="fromDatepicker" id="fromDatepicker"> / <input type="text" name="" value="" placeholder="DD" class="fromDatepicker" id="from_DDpicker"> / <input type="text" name="" value="" placeholder="YYYY" class="fromDatepicker yyyy" id="from_YYpicker"> --> <br> <span>To:</span><br> <input autocomplete ="off" type="text" name="topublishdate" value="" placeholder="Date" id="toDatepicker" onkeydown="return false"> <!-- <input type="text" name="" value="" placeholder="MM" class="toDatepicker" id="to_MMpicker"> / <input type="text" name="" value="" placeholder="DD" class="toDatepicker" id="to_DDpicker"> / <input type="text" name="" value="" placeholder="YYYY" class="toDatepicker yyyy" id="to_YYpicker"> --> <!-- <button class="btn btn-grey-filled full-width navbar-btn" id="dateRefineSearch">REFINE SEARCH</button> --> <button class="tablinks btn btn-default-red full-width mt_10 mb_10" id="dateRefineSearch">REFINE SEARCH</button> </div> <!-- <div class="panel-body no-top-border"> --> <!-- <button class="btn btn-grey-filled full-width display-block navbar-btn">REFINE SEARCH</button> --> <!-- </div> --> </div> </div> <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title filter-heading"> <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#categoryId"> Category <i class="fa fa-plus hidden-md-down"></i> <i class="fa fa-caret-down hidden-md-up"></i> </a> </h4> </div> <div id ="categoryId" class="panel-collapse collapse"> <div class="panel-body no-top-border"> <!-- name="contentmedium" value="All" --> <a href="https://www.slj.com/section/schoollibraries/backtoschool?" id="linkCaegoryAll"> <div class="panel-body no-top-border" style="padding-bottom:0px !important"><span id="categoryAll" class="checked-radio">All</span> </div> </a> </div> <!-- added article only for category options in filter --> <div class="panel-body no-top-border"> <a href=https://www.slj.com/section/schoollibraries/backtoschool?&category=article id="linkArticleCategory"> <span id = "categoryArticle">Articles Only</span> <input id="article_category" type="hidden" name="category" value=""/> </a> </div> <div class="panel-body no-top-border"> <a href=https://www.slj.com/section/schoollibraries/backtoschool?&category=review id="linkReviewCategory"> <span id = "categoryReview">Reviews Only</span> <input id="review_category" type="hidden" name="category" value=""/> </a> </div> </div> </div> <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title filter-heading"> <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#authors"> Author/Illustrator <i class="fa fa-plus hidden-md-down"></i> <i class="fa fa-caret-down hidden-md-up"></i> </a> </h4> </div> <div id="authors" class="panel-collapse collapse"> <div class="panel-body no-top-border"> <label for="allAuthor">All</label><input class="checked-radio" type="radio" name="" id="allAuthor" value="" checked> </div> <div class="panel-body no-top-border"><span id="specific-author">Specific Author</span></div> <div class="panel-body no-top-border specific-author"> <input type="text" name="author" value="" placeholder="Search Author" id="authorName" class="has-author"> <!-- <button class="btn btn-grey-filled full-width navbar-btn" id="authorRefineSearch">REFINE SEARCH</button> --> <button class="tablinks btn btn-default-red full-width mt_10 mb_10" id="authorRefineSearch">REFINE SEARCH</button> </div> <!-- <div class="panel-body no-top-border"> --> <!-- <button class="btn btn-grey-filled full-width display-block navbar-btn">REFINE SEARCH</button> --> <!-- </div> --> </div> </div> <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title filter-heading"> <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#publisher"> Publisher <i class="fa fa-plus hidden-md-down"></i> <i class="fa fa-caret-down hidden-md-up"></i> </a> </h4> </div> <div id="publisher" class="panel-collapse collapse"> <div class="panel-body no-top-border"> <label for="allPublishers">All</label><input class="checked-radio" type="radio" name="" id="allPublishers" value="" checked> </div> <div class="panel-body no-top-border"><span id="specific-publisher">Specific Publisher</span></div> <div class="panel-body no-top-border specific-author"> <input type="text" name="publisher" value="" placeholder="Search publisher" id="publisherName" class="has-author"> <!-- <button class="btn btn-grey-filled full-width navbar-btn" id="authorRefineSearch">REFINE SEARCH</button> --> <button class="tablinks btn btn-default-red full-width mt_10 mb_10" id="publisherRefineSearch">REFINE SEARCH</button> </div> <!-- <div class="panel-body no-top-border"> --> <!-- <button class="btn btn-grey-filled full-width display-block navbar-btn">REFINE SEARCH</button> --> <!-- </div> --> </div> </div> <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title filter-heading"> <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#tag"> Tag <i class="fa fa-plus hidden-md-down"></i> <i class="fa fa-caret-down hidden-md-up"></i> </a> </h4> </div> <div id="tag" class="panel-collapse collapse"> <div class="panel-body no-top-border specific-author"> <input type="text" name="tag" value="" placeholder="Search Tag" id="tagName" class="has-author"> <!-- <button class="btn btn-grey-filled full-width navbar-btn" id="authorRefineSearch">REFINE SEARCH</button> --> <button class="tablinks btn btn-default-red full-width mt_10 mb_10" id="tagRefineSearch">REFINE SEARCH</button> </div> <!-- <div class="panel-body no-top-border"> --> <!-- <button class="btn btn-grey-filled full-width display-block navbar-btn">REFINE SEARCH</button> --> <!-- </div> --> </div> </div> <!-- Source filter --> </div> <!-- <div class="filter join-now-box text-align-center hidden-md-down"> <div class="join-now col-md-12 pl_0 pr_0"> Join our <h5 class="mt_15">#BACKTOSCHOOL</h5> forum </div> <div class="col-md-12 text-align-center pl_0 pr_0 mb_20"> <button class="btn btn-default-red navbar-btn">JOIN NOW</button> </div> </div> --> </div> </div> <input type="hidden" name="page_number" value="1"> </form> <div class="filter-result col-md-6 col-sm-9 col-xs-12 resp-no-padding"> <!-- --> <div class="filter-story-section col-md-offset-1 col-md-10 col-sm-12 col-xs-12 pl_0 pr_0"> <div class="col-md-3 col-sm-2 col-xs-4 pl_0 mb_10" style="/*border: 1px solid green; height:50%;*/"> <a href=/story/schoollibraries/disivited-amid-censorship-schools-libraries-abruptly-cancel-author-visits> <img class="image-full" src="/binaries/content/gallery/Jlibrary/2024/09/2409-disinvited-censorship-f.jpg" onerror="this.src='https://s3.amazonaws.com/ArchiveImages/LegacyReviews/SLJ/defaultcover.jpg'" alt="Disinvited: Amid Censorship, Schools Abruptly Cancel Author Visits"> </a> </div> <div class="col-md-9 col-sm-9 col-xs-8 article-headline pl_0 pr_0 mt_0" style=> <a href=/story/schoollibraries/disivited-amid-censorship-schools-libraries-abruptly-cancel-author-visits> <h3 class="smart-headline filtered-document-headline mt_0 testing2">Disinvited: Amid Censorship, Schools Abruptly Cancel Author Visits</h3> </a> </div> <div class="byline-detail col-sm-offset-0 col-md-9 col-xs-12 pl_0 pr_0 mb_20"> <a class="author" href = "/author?query=Andrew Bauld"><span>Andrew Bauld</span></a></span>,&nbsp; Aug 30, 2024 </div> <div id="count0"></div> <!-- Old Sponsored Code Start --> <!-- New Sponsored Code Start --> <!-- New Sponsored Code End --> <div class="recommended-description mb_10"> <p>While book bans and other efforts to curtail free expression in schools have made headlines, canceled visits have gone relatively unmarked. SLJ spoke with authors about their experiences.&nbsp;</p> </div> <div class="hr_division_grey_light mt_0 mb_0"></div> </div> <!-- --> <div class="filter-story-section col-md-offset-1 col-md-10 col-sm-12 col-xs-12 pl_0 pr_0"> <div class="col-md-3 col-sm-2 col-xs-4 pl_0 mb_10" style="/*border: 1px solid green; height:50%;*/"> <a href=/story/schoollibraries/eight-librarians-back-to-school-booktalks-libraries> <img class="image-full" src="/binaries/content/gallery/Jlibrary/2024/08/back-to-school-booktalk-f.jpg" onerror="this.src='https://s3.amazonaws.com/ArchiveImages/LegacyReviews/SLJ/defaultcover.jpg'" alt="Eight Librarians' Back-to-School Booktalks"> </a> </div> <div class="col-md-9 col-sm-9 col-xs-8 article-headline pl_0 pr_0 mt_0" style=> <a href=/story/schoollibraries/eight-librarians-back-to-school-booktalks-libraries> <h3 class="smart-headline filtered-document-headline mt_0 testing2">Eight Librarians' Back-to-School Booktalks</h3> </a> </div> <div class="byline-detail col-sm-offset-0 col-md-9 col-xs-12 pl_0 pr_0 mb_20"> <a class="author" href = "/author?query=Daryl Grabarek"><span>Daryl Grabarek</span></a></span>,&nbsp; Aug 22, 2024 </div> <div id="count1"></div> <!-- Old Sponsored Code Start --> <!-- New Sponsored Code Start --> <!-- New Sponsored Code End --> <div class="recommended-description mb_10"> <p>Librarians pitch current favorites, from breathtaking&nbsp;escape stories to&nbsp;heartwarming yarns.&nbsp;</p> </div> <div class="hr_division_grey_light mt_0 mb_0"></div> </div> <!-- --> <div class="filter-story-section col-md-offset-1 col-md-10 col-sm-12 col-xs-12 pl_0 pr_0"> <div class="col-md-3 col-sm-2 col-xs-4 pl_0 mb_10" style="/*border: 1px solid green; height:50%;*/"> <a href=/story/schoollibraries/15-Visual-Books-to-Help-Students-Grapple-with-Big-Feelings> <img class="image-full" src="/binaries/content/gallery/Jlibrary/2023/09/15visualbooks-f.jpg" onerror="this.src='https://s3.amazonaws.com/ArchiveImages/LegacyReviews/SLJ/defaultcover.jpg'" alt="15 Visual Books to Help Students Grapple with Big Feelings"> </a> </div> <div class="col-md-9 col-sm-9 col-xs-8 article-headline pl_0 pr_0 mt_0" style=> <a href=/story/schoollibraries/15-Visual-Books-to-Help-Students-Grapple-with-Big-Feelings> <h3 class="smart-headline filtered-document-headline mt_0 testing2">15 Visual Books to Help Students Grapple with Big Feelings</h3> </a> </div> <div class="byline-detail col-sm-offset-0 col-md-9 col-xs-12 pl_0 pr_0 mb_20"> <a class="author" href = "/author?query=Jess DeCourcy Hinds"><span>Jess DeCourcy Hinds</span></a></span>,&nbsp; Sep 12, 2023 </div> <div id="count2"></div> <!-- Old Sponsored Code Start --> <!-- New Sponsored Code Start --> <!-- New Sponsored Code End --> <div class="recommended-description mb_10"> <p>These picture books and graphic novels for elementary students through high schoolers show the power of illustration&nbsp;to convey complex&nbsp;emotions.</p> </div> <div class="hr_division_grey_light mt_0 mb_0"></div> </div> <!-- --> <div class="filter-story-section col-md-offset-1 col-md-10 col-sm-12 col-xs-12 pl_0 pr_0"> <div class="col-md-3 col-sm-2 col-xs-4 pl_0 mb_10" style="/*border: 1px solid green; height:50%;*/"> <a href=/story/schoollibraries/Teaching-Students-AI-Literacy-The-Road-Ahead> <img class="image-full" src="/binaries/content/gallery/Jlibrary/2023/09/ai-callout-featimg-800x625px.jpg" onerror="this.src='https://s3.amazonaws.com/ArchiveImages/LegacyReviews/SLJ/defaultcover.jpg'" alt="Teaching Students AI Literacy: The Road Ahead"> </a> </div> <div class="col-md-9 col-sm-9 col-xs-8 article-headline pl_0 pr_0 mt_0" style=> <a href=/story/schoollibraries/Teaching-Students-AI-Literacy-The-Road-Ahead> <h3 class="smart-headline filtered-document-headline mt_0 testing2">Teaching Students AI Literacy: The Road Ahead</h3> </a> </div> <div class="byline-detail col-sm-offset-0 col-md-9 col-xs-12 pl_0 pr_0 mb_20"> <a class="author" href = "/author?query=Lee De Groft"><span>Lee De Groft</span></a></span>,&nbsp; Aug 31, 2023 </div> <div id="count3"></div> <!-- Old Sponsored Code Start --> <!-- New Sponsored Code Start --> <!-- New Sponsored Code End --> <div class="recommended-description mb_10"> <p>Is ChatGPT the new Wikipedia, riddled with inaccuracies, used by students seeking a shortcut? It could be. But it doesn’t have to be. That points to our next venture as librarians:&nbsp;AI literacy instruction.</p> </div> <div class="hr_division_grey_light mt_0 mb_0"></div> </div> <!-- --> <div class="filter-story-section col-md-offset-1 col-md-10 col-sm-12 col-xs-12 pl_0 pr_0"> <div class="col-md-3 col-sm-2 col-xs-4 pl_0 mb_10" style="/*border: 1px solid green; height:50%;*/"> <a href=/story/schoollibraries/Building-better-Book-Fairs-Librarians-Create-New-Models> <img class="image-full" src="/binaries/content/gallery/Jlibrary/2023/08/2308-buildingbookfair-f.jpg" onerror="this.src='https://s3.amazonaws.com/ArchiveImages/LegacyReviews/SLJ/defaultcover.jpg'" alt="Building Better Book Fairs: Librarians Create New Models"> </a> </div> <div class="col-md-9 col-sm-9 col-xs-8 article-headline pl_0 pr_0 mt_0" style=> <a href=/story/schoollibraries/Building-better-Book-Fairs-Librarians-Create-New-Models> <h3 class="smart-headline filtered-document-headline mt_0 testing2">Building Better Book Fairs: Librarians Create New Models</h3> </a> </div> <div class="byline-detail col-sm-offset-0 col-md-9 col-xs-12 pl_0 pr_0 mb_20"> <a class="author" href = "/author?query=Maura Madigan"><span>Maura Madigan</span></a></span>,&nbsp; Aug 29, 2023 </div> <div id="count4"></div> <!-- Old Sponsored Code Start --> <!-- New Sponsored Code Start --> <!-- New Sponsored Code End --> <div class="recommended-description mb_10"> <p>With a focus on student equity and revenue scenarios, these librarians put their own stamp on book fairs.&nbsp;</p> </div> <div class="hr_division_grey_light mt_0 mb_0"></div> </div> <!-- --> <div class="filter-story-section col-md-offset-1 col-md-10 col-sm-12 col-xs-12 pl_0 pr_0"> <div class="col-md-3 col-sm-2 col-xs-4 pl_0 mb_10" style="/*border: 1px solid green; height:50%;*/"> <a href=/story/schoollibraries/three-early-Chapter-Book-series-Center-Friendship-in-the-Frog-and-Toad-tradition-Read-Alikes> <img class="image-full" src="/binaries/content/gallery/Jlibrary/2023/07/read-alikes-frog-and-toad-f.jpg" onerror="this.src='https://s3.amazonaws.com/ArchiveImages/LegacyReviews/SLJ/defaultcover.jpg'" alt="Three Early Chapter Book Series Center Friendship in the 'Frog and Toad' Tradition | Read-Alikes"> </a> </div> <div class="col-md-9 col-sm-9 col-xs-8 article-headline pl_0 pr_0 mt_0" style=> <a href=/story/schoollibraries/three-early-Chapter-Book-series-Center-Friendship-in-the-Frog-and-Toad-tradition-Read-Alikes> <h3 class="smart-headline filtered-document-headline mt_0 testing2">Three Early Chapter Book Series Center Friendship in the 'Frog and Toad' Tradition | Read-Alikes</h3> </a> </div> <div class="byline-detail col-sm-offset-0 col-md-9 col-xs-12 pl_0 pr_0 mb_20"> <a class="author" href = "/author?query=Abby Johnson"><span>Abby Johnson</span></a></span>,&nbsp; Aug 24, 2023 </div> <div id="count5"></div> <!-- Old Sponsored Code Start --> <!-- New Sponsored Code Start --> <!-- New Sponsored Code End --> <div class="recommended-description mb_10"> <p>These series about friend&nbsp;duos will appeal to young children&nbsp;just starting to read independently<span style="font-size:10.5pt"><span style="line-height:115%"><span style="font-family:">—</span></span></span>and watching&nbsp;the streaming show on Apple TV. &nbsp;</p> </div> <div class="hr_division_grey_light mt_0 mb_0"></div> </div> <!-- --> <div class="filter-story-section col-md-offset-1 col-md-10 col-sm-12 col-xs-12 pl_0 pr_0"> <div class="col-md-3 col-sm-2 col-xs-4 pl_0 mb_10" style="/*border: 1px solid green; height:50%;*/"> <a href=/story/schoollibraries/10-Ways-to-Nurture-and-Nourish-Nonfiction-Readers> <img class="image-full" src="/binaries/content/gallery/stewart_opener.jpg" onerror="this.src='https://s3.amazonaws.com/ArchiveImages/LegacyReviews/SLJ/defaultcover.jpg'" alt="10 Ways to Nurture and Nourish Nonfiction Readers"> </a> </div> <div class="col-md-9 col-sm-9 col-xs-8 article-headline pl_0 pr_0 mt_0" style=> <a href=/story/schoollibraries/10-Ways-to-Nurture-and-Nourish-Nonfiction-Readers> <h3 class="smart-headline filtered-document-headline mt_0 testing2">10 Ways to Nurture and Nourish Nonfiction Readers</h3> </a> </div> <div class="byline-detail col-sm-offset-0 col-md-9 col-xs-12 pl_0 pr_0 mb_20"> <a class="author" href = "/author?query=Melissa Stewart"><span>Melissa Stewart</span></a></span>,&nbsp; Jul 26, 2023 </div> <div id="count6"></div> <!-- Old Sponsored Code Start --> <!-- New Sponsored Code Start --> <!-- New Sponsored Code End --> <div class="recommended-description mb_10"> <p>How&nbsp;teachers and librarians have brought nonfiction front and center at their schools.</p> </div> <div class="hr_division_grey_light mt_0 mb_0"></div> </div> <!-- --> <div class="filter-story-section col-md-offset-1 col-md-10 col-sm-12 col-xs-12 pl_0 pr_0"> <div class="col-md-3 col-sm-2 col-xs-4 pl_0 mb_10" style="/*border: 1px solid green; height:50%;*/"> <a href=/story/schoollibraries/Whats-in-a-name-pronouncing-kids-names-correctly-matters-heres-how-to-get-it-right> <img class="image-full" src="/binaries/content/gallery/Jlibrary/2022/09/2209-whats-in-a-name-f.jpg" onerror="this.src='https://s3.amazonaws.com/ArchiveImages/LegacyReviews/SLJ/defaultcover.jpg'" alt="Pronouncing Kids’ Names Correctly Matters. Here’s How to Get it Right."> </a> </div> <div class="col-md-9 col-sm-9 col-xs-8 article-headline pl_0 pr_0 mt_0" style=> <a href=/story/schoollibraries/Whats-in-a-name-pronouncing-kids-names-correctly-matters-heres-how-to-get-it-right> <h3 class="smart-headline filtered-document-headline mt_0 testing2">Pronouncing Kids’ Names Correctly Matters. Here’s How to Get it Right.</h3> </a> </div> <div class="byline-detail col-sm-offset-0 col-md-9 col-xs-12 pl_0 pr_0 mb_20"> <a class="author" href = "/author?query=Gail Cornwall"><span>Gail Cornwall</span></a></span>,&nbsp; Sep 09, 2022 </div> <div id="count7"></div> <!-- Old Sponsored Code Start --> <!-- New Sponsored Code Start --> <!-- New Sponsored Code End --> <div class="recommended-description mb_10"> <p>Mispronouncing&nbsp;a student’s name can have a significant negative impact. Getting it right&nbsp;sends a better, affirming message.&nbsp;</p> </div> <div class="hr_division_grey_light mt_0 mb_0"></div> </div> <!-- --> <div class="filter-story-section col-md-offset-1 col-md-10 col-sm-12 col-xs-12 pl_0 pr_0"> <div class="col-md-3 col-sm-2 col-xs-4 pl_0 mb_10" style="/*border: 1px solid green; height:50%;*/"> <a href=/story/schoollibraries/10-virtual-maker-and-STEM-resources-for-Students-librarians-teachers-makerspaces> <img class="image-full" src="/binaries/content/gallery/Jlibrary/2020/08/maker-featimg.jpg" onerror="this.src='https://s3.amazonaws.com/ArchiveImages/LegacyReviews/SLJ/defaultcover.jpg'" alt="10 Virtual Maker and STEM Resources for Students"> </a> </div> <div class="col-md-9 col-sm-9 col-xs-8 article-headline pl_0 pr_0 mt_0" style=> <a href=/story/schoollibraries/10-virtual-maker-and-STEM-resources-for-Students-librarians-teachers-makerspaces> <h3 class="smart-headline filtered-document-headline mt_0 testing2">10 Virtual Maker and STEM Resources for Students</h3> </a> </div> <div class="byline-detail col-sm-offset-0 col-md-9 col-xs-12 pl_0 pr_0 mb_20"> <a class="author" href = "/author?query=IdaMae Craddock"><span>IdaMae Craddock</span></a></span>,&nbsp; Aug 25, 2020 </div> <div id="count8"></div> <!-- Old Sponsored Code Start --> <!-- New Sponsored Code Start --> <!-- New Sponsored Code End --> <div class="recommended-description mb_10"> <p>Help smooth the path from in-person to online making.</p> </div> </div> <!-- <div id="advertisement" class="advertisement-topic col-md-offset-1 col-md-10 col-sm-10 col-xs-12 pl_0 pt_0 pr_0"> <div class="hr_division_grey_light mt_0 mb_20"></div> <div class="highlight col-md-offset-2 col-md-8 col-sm-offset-1 col-sm-10 col-xs-12" style="height: 90px; text-align: center;"> <h1>Advertisement</h1> </div> <div class="hr_division_grey_light mt_20 mb_0"></div> </div> --> <div id="advertisement" class="advertisement adv-top col-md-12 col-sm-12 col-xs-12 float-left hidden-print"> <div id="themelanding2"> <!-- /* ============================================================================================= condition for theme Page ============================================================================================= */ --> <script type='text/javascript'> googletag.cmd.push(function() { googletag.display('themelanding2'); }); </script> </div> </div> <div class="col-md-offset-1 col-md-10 col-sm-10 col-xs-12 text-align-center fs_18 akzidenz-grotesk-roman mb_30"> 16 articles </div> <!-- pagination Start--> <!-- Jquery Pagination Start--> <div class="full-width pull-left text-align-center"> <div class="pagination-holder black clearfix"> <ul id="paginationId" class="pagination"> </ul> </div> </div> <!-- Jquery Pagination End--> <script type="text/javascript"> $(document).ready(function () { // jquery Pagination // Discription about pagination is available on : // http://flaviusmatis.github.io/simplePagination.js/#page-20 $('#paginationId').pagination({ items: 16, // Total number of items that will be used to calculate the pages. itemsOnPage: 9, //Number of items displayed on each page. displayedPages: 4, //How many page numbers should be visible while navigating. edges: 1, //How many page numbers are visible at the beginning/ending of the pagination. currentPage: 1, //Which page will be selected immediately after init. hrefTextPrefix: "https://www.slj.com/section/schoollibraries/backtoschool?"+"&page_number=", //A string used to build the href attribute, added before the page number. ellipsePageSet: false, prevText: "<div class='pagination-arrow'><i class='fa fa-caret-left pl_0'></i></div>", nextText: "<div class='pagination-arrow'><i class='fa fa-caret-right'></i></div>" }); }); </script> <!-- pagination End--> </div> <!-- ALL BUILDING & DESIGN COVERAGE ==> Right column --> <div class="col-md-4 col-xs-12 topic-article_column tab-pl_0"> <!-- Theme Landing 1 --> <div id="advertisement" class="advertisement adv-top col-md-12 col-sm-12 col-xs-12 float-left hidden-print"> <div id="themelanding1"> <!-- /* ============================================================================================= condition for theme Page ============================================================================================= */ --> <script type='text/javascript'> googletag.cmd.push(function() { googletag.display('themelanding1'); }); </script> </div> </div> <!-- Community Section Start --> <!-- <div class="full-width pull-left display-block"> <div class="hr_division_light mb_0"></div> <div class="full-width pull-left text-align-center mt_30 mb_20"> <h3 class="article_type display-inline">COMMUNITY</h3> </div> <div class="full-width pull-left"> <div class="col-md-12 pr_0"> <h4 class="article-headline">"What is this?" Design thinking from an LIS student</h4> </div> </div> <div class="hr_division_grey_light mt_20 mb_20"></div> <div class="full-width pull-left mb_20"> <div class="col-md-12 pr_0"> <h4 class="article-headline">"What is this?" Design thinking from an LIS student</h4> </div> </div> </div> --> <!-- Community Section End --> <!-- Sponsorship Section on Right rail start --> <!-- Sponsorship Section on Right rail end --> </div> </div> </div> </div> <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> <script src="/webfiles/1732255584581/js/filter_main.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function() { var ids = '1f6db476-3634-4ba1-82b7-431e0dd01690,f48c31b2-bbf2-4668-80f1-59ab816a7f58,d5bfa208-d00d-4bbd-a6c9-595694839668,1635c106-1fe1-48a8-bf69-29185e122eb5,477329f7-4d7a-43e6-996c-cb08298548dd,30fd85b3-34f6-477a-937a-e4b09288ec1c,9337253c-f4a3-466b-bd8b-da25754b2423,d1fe174c-fad7-4156-9b7d-93605e91e378,0552dfdb-6d44-4318-93d8-0255595cfc23,'.split(','); for(var i=0;i<ids.length;i++) { if(ids[i]!='') { let index = i; var countId = '#count'+index; var hCountId = '#hcount'+index; var numberOld = $(hCountId).val(); if(numberOld > 0){ $(countId).removeClass("display-none"); } $.ajax({ url: 'https://comments.mediasourceinc.com/api/get-comments-slj', type: 'POST', contentType: 'application/x-www-form-urlencoded', data: 'where=WHERE commentArticleURL="'+ids[i]+'" AND state IN ("approved","placeholder")', success: function(data, textStatus) { if(data.result && (data.data.length!=0 || numberOld)){ var count =(data.data.length || 0)+ numberOld; $(countId).text(count); } } }); } } }); </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’ve 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="hr_division"></div> --> <div class="footer" id="footer"> <div class="container"> <!-- Footer for Larger screen view Start--> <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> <!-- <li class="nav item"><a class="pointer" id="footerLibraryAwareCommunityId" onclick="readUrlCategory('LibraryAware%20Community','footerLibraryAwareCommunityId','Library Aware Community')";>Library Aware Community</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 class="col-md-2 col-sm-4 col-xs-12 footer-block pl_0"> <h4>LJ Topics</h4> <ul class="footer links footer-text"> <li class="nav item"><a href="#">Advocacy</a></li> <li class="nav item"><a href="#">Building & Design</a></li> <li class="nav item"><a href="#">Collection Development</a></li> <li class="nav item"><a href="#">Innovation</a></li> <li class="nav item"><a href="#">Leadership</a></li> <li class="nav item"><a href="#">Library Education</a></li> <li class="nav item"><a href="#">Marketing</a></li> <li class="nav item"><a href="#">Technology</a></li> </ul> </div> <div class="col-md-2 col-sm-4 footer-block pl_0"> <h4>News</h4> <ul class="footer links footer-text"> <li class="nav item"><a href="#">Latest</a></li> <li class="nav item"><a href="#">Infodocket</a></li> <li class="nav item"><a href="#">Q&A</a></li> <li class="nav item"><a href="#">Industry News</a></li> <li class="nav item"><a href="#">People</a></li> <li class="nav item"><a href="#">Events</a></li> </ul> </div> <div class="col-md-2 col-sm-4 footer-block pl_0"> <h4>Features</h4> <ul class="footer links footer-text"> <li class="nav item"><a href="#">2017 Movers & Shakers</a></li> <li class="nav item"><a href="#">Star Libraries</a></li> <li class="nav item"><a href="#">Placement & Salary Survey</a></li> <li class="nav item"><a href="#">Library of the Year</a></li> <li class="nav item"><a href="#">Best small library in America</a></li> <li class="nav item"><a href="#">Librarian of the Year</a></li> <li class="nav item"><a href="#">Paralibrarian of the Year</a></li> <li class="nav item"><a href="#">2016 Yaer in Architecture</a></li> </ul> </div> <div class="col-md-2 col-sm-4 footer-block pl_0"> <h4>Reviews</h4> <ul class="footer links footer-text"> <li class="nav item"><a href="#">Prepub Alerts</a></li> <li class="nav item"><a href="#">Audio Book Previews</a></li> <li class="nav item"><a href="#">Collection Development</a></li> <li class="nav item"><a href="#">Reader's Advisory</a></li> <li class="nav item"><a href="#">Editor's Picks</a></li> <li class="nav item"><a href="#">Review Lists</a></li> <li class="nav item"><a href="#">All Review</a></li> </ul> </div> <div class="col-md-2 col-sm-4 footer-block pl_0"> <h4>Opinion</h4> <ul class="footer links footer-text"> <li class="nav item"><a href="#">Annoyed librarian</a></li> <li class="nav item"><a href="#">Author 1</a></li> <li class="nav item"><a href="#">Author 2</a></li> <li class="nav item"><a href="#">Author 3</a></li> <li class="nav item"><a href="#">Topic 1</a></li> <li class="nav item"><a href="#">Topic 2</a></li> <li class="nav item"><a href="#">Topic 3</a></li> </ul> </div> <div class="col-md-2 col-sm-4 footer-block pl_0"> <h4>Learning</h4> <ul class="footer links footer-text"> <li class="nav item"><a href="#">Live Workshop</a></li> <li class="nav item"><a href="#">Online Courses</a></li> <li class="nav item"><a href="#">Webinars</a></li> <li class="nav item"><a href="#">Conference & Events</a></li> </ul> </div> <div class="col-md-4 col-sm-8 float-right pl_0"> <div class="col-md-6 col-sm-6 footer-block pl_0"> <h4>About LJ</h4> <ul class="footer links footer-text"> <li class="nav item"><a href="#">LJ Awards</a></li> <li class="nav item"><a href="#">Self Publish</a></li> <li class="nav item"><a href="#">Careers at LJ</a></li> <li class="nav item"><a href="#">Library Jobs</a></li> <li class="nav item"><a href="#">Privacy Policy</a></li> </ul> </div> <div class="col-md-6 col-sm-6 footer-block pl_0"> <h4>Get in Touch</h4> <ul class="footer links footer-text"> <li class="nav item"><a href="#">Subscriber Services</a></li> <li class="nav item"><a href="#">Contact Us</a></li> <li class="nav item"><a href="#">555-555-5555</a></li><span> </ul> </div> <div class="col-md-6 col-sm-6 footer-block pl_0 pr_0"> <ul class="footer links footer-text"> <li class="nav item"> <a href="#"><i class="fa fa-facebook social-icon" aria-hidden="true"/></i></a> <a href="#"><i class="fa fa-twitter social-icon" aria-hidden="true"/></i></a> <a href="#"><i class="fa fa-instagram social-icon" aria-hidden="true"/></i></a> <a href="#"><i class="fa fa-pinterest social-icon" aria-hidden="true"/></i></a> </li> </ul> </div> --> </div><!-- end laptop 1st section --> </div><!-- end 1st container --> <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><!-- end 2nd container --> <hr class="footer-border-line mt_20 mb_20 hidden-xs"> <!-- <div class="col-md-12 col-sm-12 col-xs-12 mb_20 pl_0 pr_0 pt_5 pb_5 footer-img"> <div class="col-md-3 col-sm-3 col-xs-6 pl_0"> <a title="Media Source Incorporated" href="http://www.mediasourceinc.com/" target="_blank"> <img src="/webfiles/1732255584581/images/media_source.png"/> </a> </div> <div class="col-md-2 col-sm-2 col-xs-6"> <a title="The Horn Book" href="http://www.hbook.com/" target="_blank"> <img src="/webfiles/1732255584581/images/The_Horn_Book.png"/> </a> </div> <div class="col-md-3 col-sm-3 col-xs-4 text-align-center"> <a title="Junior Library Guild" href="https://www.juniorlibraryguild.com/" target="_blank"> <img src="/webfiles/1732255584581/images/JLG.png"/> </a> </div> <div class="col-md-2 col-sm-2 col-xs-4"> <a title="School Library Journal" href="http://www.schoollibraryjournal.com/" target="_blank"> <img src="/webfiles/1732255584581/images/SLJ.png"/> </a> </div> <div class="col-md-2 pr_0 col-sm-2 col-xs-4"> <a id="homeFromFooter" onclick="readUrlCategory('home','homeFromFooter','home')"; class="pointer"> <img class="float-right" src="/webfiles/1732255584581/images/LJ_Black.png"/> </a> </div> </div> --> <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 &copy; 2024 </div> <div class="col-md-6 col-sm-8 footer-policy float-right pr_0"> <ul class="pull-right"> <!--<li class="nav"><a href="/page/Privacy-Policy">Privacy Policy</a></li> <li class="nav"><a href="#">Copyright Notice</a></li> --> <!-- <li class="nav"><a href="#">Shipping Policy</a></li> <li class="nav"><a href="#">Refund Policy</a></li> --> </ul> </div> </div> </div> <!-- Footer for Larger screen view End--> <!-- Footer for Smaller screen view Start--> <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 class="text-align-center col-sm-4 col-xs-12 mb_15"> <a class="gray" href="/page/Privacy-Policy">Privacy Policy</a> </div> <div class="text-align-center col-sm-4 col-xs-12 mb_20"> <a class="mr_15" href="#">Shipping Policy</a> <a href="#">Refund Policy</a> </div> <div class="text-align-center col-sm-4 col-xs-12 mb_20"> <a class="mr_15" href="#">About LJ</a> <a href="#">555-555-5555</a> </div> --> <!-- <div class="text-align-center col-xs-6"> <ul> <li><a href="#">Privacy Policy</a></li> <li><a href="#">Copyright Notice</a></li> </ul> </div> <div class="text-align-center col-xs-6"> <ul> <li><a href="#">Shipping Policy</a></li> <li><a href="#">Refund Policy</a></li> </ul> </div> --> <!-- <div class="text-align-center col-xs-6"></div> <div class="text-align-center col-xs-6"></div> <div class="text-align-center col-xs-6"></div> --> </div> <div class="col-md-6 col-xs-12 p_0 text-align-center mb_20 fs_15 gray"> COPYRIGHT &copy; 2024 </div> </div> <!-- Back To Top Button for Smaller Screen --> <!-- <div class="col-md-12 col-xs-12 text-align-center mt_10"> <a href="#top"><button class="btn btn-default-black navbar-btn fs_14 fb">BACK TO TOP<i class="fa fa-arrow-up ml_5"></i></button></a> </div> --> <!-- About LJ & Get in Touch --> <!-- <div class="col-xs-12 mt_20"> <span class="col-xs-6 footer-block text-align-center"> <h4>About LJ</h4> </span> <span class="col-xs-6 col-sm-6 footer-block text-align-center"> <h4>Get in Touch</h4> </span> <span class="col-xs-12 text-align-center fs_16 mt_10">555-555-5555</span> <div class="col-xs-12 footer-block text-align-center mt_30 mb_30"> <div class="width_25"><a href="#"><i class="fa fa-facebook social-icon" aria-hidden="true"/></i></a></div> <div class="width_25"><a href="#"><i class="fa fa-twitter social-icon" aria-hidden="true"/></i></a></div> <div class="width_25"><a href="#"><i class="fa fa-instagram social-icon" aria-hidden="true"/></i></a></div> <div class="width_25"><a href="#"><i class="fa fa-pinterest social-icon" aria-hidden="true"/></i></a></div> </div> </div> --> </div> <!-- Footer for Smaller screen view End--> </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 src="/webfiles/1732255584581/js/account-dashboard.js" type="text/javascript"></script> --> <!-- Start of HubSpot Embed Code --> <script type="text/javascript" id="hs-script-loader" async defer src="//https://us01.l.antigena.com/l/sMmsucjkVjbHBZpY4a_zfeTmny0AEi3ymm19LSkSDmGg-qpqH52GTlPHgWXiwPZllSy3b2n7cBVCA7OIWo1Z7uvZa~7jk56EZ5jXqHE8Xtpu24JDh7gXGy1"></script> <!-- End of HubSpot Embed Code --> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10