CINXE.COM
Smart Alec - SmartAlec Control
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Smart Alec - SmartAlec Control</title> <link href="/Content/css?v=6ggoWldc5HrsD8xmra-uys05Goj3XZXZw1_dfUbDDmo1" rel="stylesheet"/> <script src="/bundles/modernizr?v=wBEWDufH_8Md-Pbioxomt90vm6tJN2Pyy9u9zHtWsPo1"></script> <link href="/Content/bootstrap.css" rel="stylesheet" /> <link href="/Content/RichlandLibrary/site.css" rel="stylesheet"> <link href="/Content/Language.css" rel="stylesheet"> <script src="/Scripts/jquery-1.10.2.min.js"></script> <script src="/Scripts/modernizr-2.6.2.js"></script> <script src="/Scripts/jquery.validate.min.js"></script> <script src="/Scripts/jquery.unobtrusive-ajax.min.js"></script> <script src="/Scripts/bootstrap.js"></script> <script src="/Scripts/respond.js"></script> <style type="text/css"> .popover { width: 350px; } @media screen and (min-width: 767px) { .title_tagline_h1 { max-width: 470px; min-height: 50px; font-family: 'Montserrat', sans-serif; line-height: 1em; font-weight: 600; color: white; margin-top: -10px; font-size: 21pt; display: inline; padding: 2px 3px; } } @media screen and (max-width: 767px) { .title_tagline_h1 { max-width: 450px; min-height: 40px; font-family: 'Montserrat', sans-serif; line-height: 1em; font-weight: 600; color: white; margin-top: -10px; font-size: 15pt; display: inline; padding: 2px 3px; } } .navbar-brand > img { display: inline !important; } </style> </head> <body> <div class="container body-content"> <link href="/Content/RichlandLibrary/signin.css" rel="stylesheet"> <link href="/Content/Language.css" rel="stylesheet"> <style> .validation-summary-errors ul { list-style-type: none; margin-left: -50px; } .validation-summary-errors ul li { max-width:300px; text-align:left; } </style> <div class="row" style="margin-top:15px"> <div class="col-lg-3 col-md-3 col-sm-1 col-xs-0"></div> <div class="col-lg-6 col-md-6 col-sm-10 col-xs-12"> <div class="panel panel-success"> <center> <div class="page-header" style="width:80%; height:auto"> <img src="/Content/RichlandLibrary/logo.png" class="center-block" style="max-width: 100%;height: auto;width: auto;" /> </div> </center> <div class="panel-body" style="padding-top:0px;"> <!-- Greetings --> <Center>Print files from your personal device using your library card. Don't have a library card? Sign up online, <a href="https://www.richlandlibrary.com/librarycard">here.</a> <br></center> <br> •<strong>Step 1</strong>: Sign in with your library card number and PIN.<br> •<strong>Step 2</strong>: Upload your file.<br> •<strong>Step 3</strong>: Pick-up your print job(s) at any Richland Library location, using our Smart Kiosk system or at our convenient pick-up windows (at select locations). Wait times may vary.</a> <br> <center><p style="font-size:14px;"><b>Your first 10 pages are always FREE! </p></center></b> <center> <section> <form action="/" class="form-horizontal" id="mainForm" method="post" role="form"><input name="__RequestVerificationToken" type="hidden" value="9_29aGTnqhqYJk7l4GqxIudLBMd8rr2grGUUebF9Eqrmg4wikqnhaGVZRrYnUjGv3yMRAJbTfxINdb6CzbhGo4FedgiWec9fC8jCJhnozE41" /> <br /> <br /> <div style="color:red; display:none;" id="ErrorMessage"> </div> <div class="form-group"> <div class="col-md-offset-1 col-md-10"> <input class="form-control" data-val="true" data-val-regex="Enter valid Library Card Number" data-val-regex-pattern="^(?!.*').*" id="LibraryCardNumber" name="LibraryID" placeholder="Library Card Number" type="text" value="" /> </div> </div> <div class="form-group"> <div class="col-md-offset-1 col-md-10"> <input class="form-control" id="PasswordR" name="Password" placeholder="PIN" type="password" /> </div> </div> <div class="form-group"> <div class="col-md-offset-4 col-md-6" style="padding-left:100px"> <a href="/Home/ForgotPassword" target="_blank">Forgot Password?</a> </div> </div> <div class="form-group"> <div class="col-md-12"> </div> </div> <div class="form-group"> <div class="col-md-offset-1 col-md-10"> <input type="submit" value="Log in" class="btn btn-lg btn-primary btn-block" id="LoginButton"/> </div> </div> <div class="form-group"> <div class="col-md-offset-4 col-md-6" style="padding-left:90px"> <a href="/Home/ForgotCardNumber" target="_blank">Forgot Card Number?</a> </div> </div> <br /> </form> </section> </center> <br /> <footer style="background-color:white;"> <div class="row"><div class="col-xs-12 col-sm-12 col-lg-12"><p class="data text-center">© 2017 - 2025 Comprise Technologies Inc.</p></div></div> <div class="row"><div class="col-xs-12 col-sm-12 col-lg-12"><p class="data text-center">Powered by <img src="/img/SmartALEC.png" /></p></div></div> </footer> </div> </div> </div> <div class="col-lg-3 col-md-3 col-sm-1 col-xs-0"></div> </div> <script type="text/javascript"> var isAdmin = 0; function toggle_visibility(id) { var e = document.getElementById(id); if (e.style.display == 'block') { e.style.display = 'none'; isAdmin = 0; } else { e.style.display = 'block'; isAdmin = 1; } } window.setTimeout(function () { $(".alert").fadeTo(200, 0).slideUp(200, function () { $(this).remove(); }); }, 8000); var needPIN = "1"; var adminPIN = "Yes"; var emptyCardNumber = "The library card number field is required."; var emptyPIN = "The PIN field is required."; $('#mainForm').submit(function () { //alert('Handler for .submit() called.'); var m_find = 0; var words = ""; var m_name = $('#LibraryCardNumber').val(); if (m_name == "") { words = '*'+emptyCardNumber+'<br />'; m_find = 1; } m_name = $('#PasswordR').val(); m_name1 = $('#PasswordA').val(); if ((m_name == "" && needPIN == "1") || (m_name1 == "" && adminPIN == "Yes" && isAdmin==1)) { words += '*'+emptyPIN+'<br />'; m_find = 1; } if (words != "") { $('#ErrorMessage').show(); $('#ErrorMessage').html(words); } if (m_find == 1) return false; else return true; }); </script> </div> </body> </html>