CINXE.COM
Sign Up - TrapTagger
<!-- Copyright 2023 Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0 Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License. --> <!-- Copyright 2023 Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0 Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License. --> <!DOCTYPE html> <html> <head> <title> Sign Up - TrapTagger </title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="../js/bootstrap.min.css" media="screen"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css"> <link rel="stylesheet" href="../js/results.css"> </head> <body> <style> .canvas { width: 100%; height: auto; } </style> <nav class="navbar navbar-expand-lg navbar-dark bg-dark"> <div class="container-fluid"> <div class="navbar-header"> <a class="navbar-brand" href="/login"> <img src="images/Logo.png" style="width:32px;height:32px;"> TrapTagger </a> </div> <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> <ul class="navbar-nav mr-auto"></ul> <ul class="navbar-nav navbar-right"> <li class="nav-item"><a class="nav-link" href="/login">Login</a></li> </ul> </div> </div> </nav> <div class="container-fluid"> <br> <br> <br> <br> <br> <br> <div class="row"> <div class="col-lg-5"></div> <div class="col-lg-3"> <form action="" method="post" id='formEnquire'> <input id="csrf_token" name="csrf_token" type="hidden" value="ImEyMjRiNmM5ODc5ODUxOTFhMWY4NjA0NmM3MTZkNDBkZTIyY2YyZjgi.Z0JK1A.D-0JwdtmugVJXhNfYFVNyU2clYM"> <h1>User Sign Up</h1> <div align="justify">Username</div> <input id="username" name="username" required size="30" type="text" value=""> <br> <br> <div align="justify">Email</div> <input id="email" name="email" required size="30" type="text" value=""> <br> <br> <div align="justify">Password</div> <input id="password" name="password" required size="30" type="password" value=""> <br> <br> <div align="justify">Repeat Password</div> <input id="password2" name="password2" required size="30" type="password" value=""> <br> <br> <div align="'justify">What is 3 + 4?</div> <input id="sum_check" name="sum_check" required size="30" type="number" value=""> <br> <br> <div class="row"> <div class='col-lg-3'> <button type='submit' class='btn btn-primary btn-block' id='btnSubmitEnquiry'>Register</button> </div> </div> </form> </div> <div class="col-lg-4"></div> </div> <!-- Wait Modal --> <div id="modalWait" class="modal fade" role="dialog" tabindex="-1"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-body"> <p></p> <h4 align="justify"> Please be patient... </h4> <p></p> </div> </div> </div> </div> <!-- Wait Modal2 --> <div id="modalWait2" class="modal fade" role="dialog" tabindex="-1"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-body"> <p></p> <h4 align="justify"> Please be patient... </h4> <br> <div id='modalWait2p' align="justify" style="font-size:90%"></div> <div id='PlsWaitCountDownDiv' align="center" style="font-size:90%"></div> <br> </div> </div> </div> </div> <!--Help Modal --> <div id="modalHelp" class="modal fade" role="dialog" tabindex="-1"> <div class="modal-dialog" style="max-width: 80%;"> <!-- Modal content--> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title">Help</h4> <button id="helpx" type="button" class="close" onclick=helpClose()>×</button> </div> <div class="modal-body" id="helpBody"></div> <div class='modal-footer'> <div class='col-lg-1'> <button id="helpclose" type='button' class='btn btn-info btn-block' onclick=helpClose()>Close</button> </div> </div> </div> </div> </div> <!-- Notification Modal --> <div id="modalNotification" class="modal fade" role="dialog" tabindex="-1"> <div class="modal-dialog" style="max-width: 70%;"> <!-- Modal content--> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title">Notification</h4> </div> <div class="modal-body"> <p id='modalNotificationBody' align="justify"></p> </div> <div class='modal-footer'> <div class='col-lg-2'> <button id="helpclose" type='button' class='btn btn-info btn-block' data-dismiss='modal'>Close</button> </div> </div> </div> </div> </div> </div> <script type="text/javascript">var bucketName=""; var cloudAccess=""</script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> <script src="../js/popper.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script> <script src="js/camtrap.global.v37.js"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css"> </body> </html>