MuseumKey

<!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' lang='en'> <head> <meta charset='utf-8'> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel='shortcut icon' href='/favicon.ico' type='image/x-icon'/ > <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:bold,bolditalic,lighter,wght@100..900"> <title>MuseumKey</title>  <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css" rel="stylesheet"> <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">  <link rel='stylesheet' href='/ui/assets/layout_bs5.css' media='all'>  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>  <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/bs5/dt-1.11.4/datatables.min.css"/> <script type="text/javascript" src="https://cdn.datatables.net/v/bs5/dt-1.11.4/datatables.min.js"></script>  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.4/css/bootstrap-select.min.css"> <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.4/js/bootstrap-select.min.js"></script>  <script src="//cdn.tinymce.com/4/tinymce.min.js"></script> <script type='text/javascript'> tinymce.init({ selector: 'textarea', menubar:false, statusbar: false }); </script>  <script> document.addEventListener("DOMContentLoaded", function(){ var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]')); var tooltipList = tooltipTriggerList.map(function(element){ return new bootstrap.Tooltip(element); }); }); </script> </head> <body>  <div id="modalAccount" class="modal fade in" role="dialog"> <div class="modal-dialog">  <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title"><strong><i class="fa fa-user"></i> My Account</strong></h4> <button type="button" class="btn-close" data-bs-dismiss="modal"></button> </div> <div class="modal-body"> <div class="row"> <div class="col-sm-8 offset-sm-2"> <form method="POST" action="/ui/account/?code="> <div class="form-group"> <input type="text" name="user" id="user" placeholder="Card Number" class="form-control" required="required" pattern=".+|.+" title="Please Enter a Valid Card Number" value=""> </div> <input type='hidden' name='logged_in' value='1' /> <div class="form-group"> <button type="submit" class="btn btn-lg btn-block btn-museum">Log In</button> </div> </form> </div> </div> </div> </div> </div> </div>  <nav class="navbar navbar-expand-lg navbar-light bg-default" style="padding-top:.7em;padding-bottom:.7em;"> <div class="container"> <a class='navbar-brand' href='/ui/?code=' aria-label="Back Home"><img src="https://museumkey.s3.us-east-1.amazonaws.com/img/layout/admin_logo.png" height="40" alt="MuseumKey Logo"></a> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler navbar-toggler-icon"></span> </button> </div> </nav>  <div class="container"> <div class='row mt-3' > <div class='col-md-12 offset-md-0'> <div class='card panel-default round-panel'> <div class='card-body'><h1 class="text-center page_header">Hello.</br>Which library would you like</br>to reserve a museum pass from?</h1> <div class="row"> <div class="col-md-6 offset-md-3"> <form method="GET" action="./"> <div class="form-group mb-3"> <select name="code" id="code" class="form-control"> <option value="albeny10990">Albert Wisner Public Library</option> <option value="bernnj07920">Bernards Township Library</option> <option value="chernj08034">Cherry Hill Public Library</option> <option value="chespa19341">Chester County Library System</option> <option value="connny11716">Connetquot Public Library</option> <option value="deerny11729">Deer Park Public Library</option> <option value="capiny11763">Demo Public Library</option> <option value="eastny11554">East Meadow Public Library</option> <option value="livinj07039">Livingston Public Library</option> <option value="mahwnj07430">Mahwah Public Library</option> <option value="mastny11967">Mastics-Moriches-Shirley Community Library</option> <option value="mounnj08054">Mount Laurel Library</option> <option value="newcny10956">New City Library</option> <option value="oclcsales">OCLC Sales - Multiple Location Library</option> <option value="pewawi53072">Pewaukee Public Library</option> <option value="riveny11901">Riverhead Free Library</option> <option value="rochmi48307">Rochester Hills Public Library</option> <option value="sacrca95814">Sacramento Public Library</option> <option value="scotnj07076">Scotch Plains Public Library</option> <option value="somenj08807">Somerset County Library System of New Jersey</option> <option value="soutpa18966">Southampton Free Library</option> <option value="syosny11791">Syosset Public Library</option> <option value="wallct06492">Wallingford Public Library</option> <option value="woodil60098">Woodstock Public Library</option> </select> </div> <button type="submit" class="btn btn-lg btn-block btn-museum">Next</button> </form> </div> </div> </div></div></div></div> <script> $('.passinfo .details').on('click', function(e) { e.preventDefault(); var $this = $(this); var $collapse = $this.closest('.collapse-group').find('.collapse'); $collapse.collapse('toggle'); }); </script> </body></html>

CINXE.COM

MuseumKey