CINXE.COM
Library Pass Login
<!DOCTYPE html> <html lang=""> <head> <meta charset="UTF-8"> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <meta name="description" content="0"> <link rel="apple-touch-icon" sizes="57x57" href="https://cdpmm-public.librarypass.com/web/site/7/apple-icon-57x57.png"> <link rel="apple-touch-icon" sizes="60x60" href="https://cdpmm-public.librarypass.com/web/site/7/apple-icon-60x60.png"> <link rel="apple-touch-icon" sizes="72x72" href="https://cdpmm-public.librarypass.com/web/site/7/apple-icon-72x72.png"> <link rel="apple-touch-icon" sizes="76x76" href="https://cdpmm-public.librarypass.com/web/site/7/apple-icon-76x76.png"> <link rel="apple-touch-icon" sizes="114x114" href="https://cdpmm-public.librarypass.com/web/site/7/apple-icon-114x114.png"> <link rel="apple-touch-icon" sizes="120x120" href="https://cdpmm-public.librarypass.com/web/site/7/apple-icon-120x120.png"> <link rel="apple-touch-icon" sizes="144x144" href="https://cdpmm-public.librarypass.com/web/site/7/apple-icon-144x144.png"> <link rel="apple-touch-icon" sizes="152x152" href="https://cdpmm-public.librarypass.com/web/site/7/apple-icon-152x152.png"> <link rel="apple-touch-icon" sizes="180x180" href="https://cdpmm-public.librarypass.com/web/site/7/apple-icon-180x180.png"> <link rel="icon" type="image/png" sizes="192x192" href="https://cdpmm-public.librarypass.com/web/site/7/android-icon-192x192.png"> <link rel="icon" type="image/png" sizes="32x32" href="https://cdpmm-public.librarypass.com/web/site/7/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="96x96" href="https://cdpmm-public.librarypass.com/web/site/7/favicon-96x96.png"> <link rel="icon" type="image/png" sizes="16x16" href="https://cdpmm-public.librarypass.com/web/site/7/favicon-16x16.png"> <link rel="manifest" href="https://cdpmm-public.librarypass.com/web/site/7/manifest.json"> <meta name="msapplication-TileColor" content="#ffffff"> <meta name="msapplication-TileImage" content="https://cdpmm-public.librarypass.com/web/site/7/ms-icon-144x144.png"> <meta name="theme-color" content="#ffffff"> <link rel="shortcut icon" href="https://cdpmm-public.librarypass.com/web/site/7/favicon.ico" type="image/x-icon"> <link rel="icon" href="https://cdpmm-public.librarypass.com/web/site/7/favicon.ico" type="image/x-icon"> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous"> <link rel="stylesheet" href="/css/flag-icon-css-master/css/flag-icon.min.css"> <link rel="stylesheet" type="text/css" href="/css/social-icons.css"> <link rel="stylesheet" type="text/css" href="/css/main.css"> <link rel="stylesheet" type="text/css" href="/css/main.responsive.css"> <link rel="stylesheet" type="text/css" href="/css/custom/loader.css"> <link rel="stylesheet" type="text/css" href="/css/custom/cple.css"> <link rel="stylesheet" type="text/css" href="/css/simple-main.css"> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <title>Library Pass Login</title> <!-- Matomo --> <script type="text/javascript"> var _paq = window._paq = window._paq || []; /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function() { var u="//analytics.librarypass.com/"; _paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setSiteId', '2']); var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.type='text/javascript'; g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s); })(); </script> <!-- End Matomo Code --> </head> <body> <div id="main" class="container-fluid"> <nav class="navbar"> <div class="container-fluid"> <div class="navbar-header"> <div class="col-md-offset-4"> <a class="navbar-brand logo-image" href="/"> <img src="https://cdpmm-public.s3.amazonaws.com/web/site/7/logo_comicsplus.jpg" title="" alt=""> </a> </div> </div> <div id="navbar" class="navbar-collapse" style="padding-right: 35px;"> <div class="row"> <div class="col-xs-12 text-right"> <span class="login-logout-text"> <div class="btn-group"> <a class="library-user-signup" href="/signup" style="display:none;">Sign up</a> <a href="/login">Log In</a> </div> </span> </div> </div> </div> </div> </nav> <div class="row"> <div class="col-sm-12"> <ul id="navbarMobile" class="nav navbar-nav navbar-collapse collapse"> <li class="mobile-only row" role="presentation"> <a role="menuitem" tabindex="-1" href="/login" id="mobileLoginButton" class="btn btn-login col-xs-8">Log In</a> </li> <li class="mobile-only" role="presentation"> <a role="menuitem" tabindex="-1" href="/signup">Sign Up</a> </li> <li role="separator" class="divider mobile-only"><hr></li> </ul> </div> </div> <div class="container"> <div class="row"> <div class="col-xs-8 col-xs-offset-2"> <h3>Login to your Library/School</h3> <hr> </div> </div> <div class="row library-login-form"> <form id="form-login-lending" method="post"> <input type="hidden" name="auth_type" value=""> <input type="hidden" name="referrer_url" value="//login.librarypass.com"> <input type="hidden" name="lending_platform" value="1"> <input type="hidden" name="pass_optional" value="0"> <input type="hidden" name="auth_method" value="0"> <input type="hidden" name="modal_login" value=""> <div class="row display-none" class="sip2-inputs" style="margin-bottom: 10px;"> <span style="padding: 8px; background-color: #a00; color: #ff0; border-radius: 4px;">You are only required to enter your library ID and PIN now.</span> </div> <div class="row"> <div class="form-group col-sm-5 col-sm-offset-3 col-xs-10 col-xs-offset-1" style="margin-bottom: 30px;"> <div><h4>Christchurch City Libraries- Full Library</h4></div> <div class="input-comment"><a href="/logout">Not your library?</a></div> <input type="hidden" name="library" id="loginLibrary" value="4076"> </div> </div> <div class="row load-spinner" style="display:none;"> <div class="col-sm-5 col-sm-offset-3 col-xs-10 col-xs-offset-1"> <div class="spinner" id="spinner-4"> <span></span> <span></span> <span></span> </div> </div> </div> <div class="row display-none" class="sip2-inputs"> </div> <div class="row auth-methods-selection-row" style="display:none;"> <div class="form-group col-sm-5 col-sm-offset-3 col-xs-10 col-xs-offset-1"> <label>Login with:</label> <select class="form-control auth-methods-selection"> </select> </div> </div> <div class="form-login-user display-none"> <div class="row"> <div class="form-group col-sm-5 col-sm-offset-3 col-xs-10 col-xs-offset-1"> <input id="username" name="username" type="text" value="" placeholder="Username or Library ID" required class="validate[required] form-control"> </div> <div class="form-group col-sm-5 col-sm-offset-3 col-xs-10 col-xs-offset-1 optional-password"> <input id="password" name="password" type="password" class="form-control" placeholder="Password or PIN"> </div> </div> <div class="row"> <div class="form-group col-sm-5 col-sm-offset-3 col-xs-10 col-xs-offset-1"> <button type="submit" class="btn btn-login">Log In</button> </div> <div class="form-group col-sm-5 col-sm-offset-3 col-xs-10 col-xs-offset-1 optional-password"> <b><a class="forgot_password" href="/forgot_password?modal_login=" data-no-header="">Forgot your password?</a></b> </div> <div class="form-group col-sm-5 col-sm-offset-3 col-xs-10 col-xs-offset-1 library-user-signup"> Don't have an account yet? <b><a href="/signup?modal_login=">Sign Up Now!</a></b> </div> </div> </div> </form> <br> <div class="form-group col-sm-5 col-sm-offset-3 col-xs-10 col-xs-offset-1 text-center auth-saml" style="display: none;"> <a class="btn btn-login saml-auth-login" href="#" title="Access through your Portal" style="padding: 3px;"> Access through Your Portal </a> </div> <div class="col-sm-5 col-sm-offset-3 col-xs-10 col-xs-offset-1 text-center auth-clever-oauth" style="display: none;"> <a class="btn btn-lg btn-clever btn-block btn-outline third-party-login-clever" href="#" title="Continue with Clever"> <img src="/images/clever.png" style="width:7%;"> Continue with Clever </a> </div> <div class="col-sm-5 col-sm-offset-3 col-xs-10 col-xs-offset-1 text-center auth-google-oauth" style="display: none;"> <a class="btn btn-lg btn-google btn-block btn-outline third-party-login-google" href="#" title="Sign In with Google"> <img src="/images/google-logo.svg" style="width:7%;"> Sign In with Google </a> </div> <div class="col-sm-5 col-sm-offset-3 col-xs-10 col-xs-offset-1 text-center auth-google-oauth-classroom" style="display: none;"> <a class="btn btn-lg btn-google btn-block btn-outline third-party-login-google-classroom" href="#" title="Sign In with Google Classroom"> <img src="/images/google_classroom.jpg" style="width:7%;"> Sign In with Google Classroom </a> </div> <div class="col-sm-5 col-sm-offset-3 col-xs-10 col-xs-offset-1 text-center auth-classlink-oauth" style="display: none;"> <a class="btn btn-lg btn-classlink btn-block btn-outline third-party-login-classlink" href="#" title="Sign In with ClassLink"> <img src="/images/classlink-logo.png" style="width:7%;"> Sign In with ClassLink </a> </div> <div class="col-sm-5 col-sm-offset-3 col-xs-10 col-xs-offset-1 text-center auth-microsoft365-oauth" style="display: none;"> <a class="btn btn-lg btn-microsoft365 btn-block btn-outline third-party-login-microsoft365" href="#" title="Sign In with Microsoft 365"> <img src="/images/microsoft_365.png" style="width:7%;"> Sign In with Microsoft 365 </a> </div> <div class="col-sm-5 col-sm-offset-3 col-xs-10 col-xs-offset-1 text-center auth-openathens-openid" style="display: none;"> <a class="btn btn-lg btn-openathens btn-block btn-outline third-party-login-openathens" href="#" title="Sign In with Open Athens"> <img src="/images/openathens_logo.png" style="width:7%;"> Sign In with Open Athens </a> </div> <div class="col-sm-5 col-sm-offset-3 col-xs-10 col-xs-offset-1 text-center auth-2api-oauth" style="display: none;"> <a class="btn btn-lg btn-2api-oauth btn-block btn-outline third-party-login-2api-oauth" href="#" title="Sign In with your school"> <img src="/images/oauth2.png" style="width:7%;"> Sign In with your School </a> </div> <div class="col-sm-5 col-sm-offset-3 col-xs-10 col-xs-offset-1 text-center auth-civic-plus-oauth" style="display: none;"> <a class="btn btn-lg btn-civic-plus-oauth btn-block btn-outline third-party-login-civic-plus-oauth" href="#" title="Sign In to Kansas State Library"> <img src="/images/civic-plus-logo.png" style="width:7%;"> Sign In to Kansas State Library </a> </div> <div class="col-sm-5 col-sm-offset-3 col-xs-10 col-xs-offset-1 text-center auth-mackinvia-lti" style="display: none;"> <a class="btn btn-login" href="https://www.mackinvia.com/" title="Access through your MackinVia" style="padding: 3px;"> Access through your MackinVia </a> </div> <div class="col-sm-5 col-sm-offset-3 col-xs-10 col-xs-offset-1 text-center auth-referrer-login" style="display: none;"> <p> Please visit your library to login. </p> </div> </div> </div> </div> <footer id="footer" style="position: fixed; left: 0; bottom: 0; width: 100%;"> <div class="footer container"> <div class="row"> <div class="col-sm-5 col-lg-4 col-md-4 col-xl-4 col-xs-12"> © Copyright LibraryPass 2020-2024 v-b2514c1e </div> <div class="col-sm-7 col-lg-8 col-md-8 col-xl-8 col-xs-12"> <div class="footer-links"> <a href="https://support.librarypass.com">Support</a> | <a href="https://librarypass.com/terms-conditions/">Terms & Conditions</a> | <a href="https://librarypass.com/privacy-policy/">Privacy Policy</a> </div> </div> </div> </div> </footer> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> <script src="/js/jquery.validationEngine-en.min.js"></script> <script src="/js/jquery.validationEngine.min.js"></script> <script src="/js/main.js"></script> <script src="/js/comicsreader.login-regiser.js"></script> <script src="/js/comicsreader.login.js"></script> </body> </html>