<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Card access manager</title> <link rel="stylesheet" type="text/css" href="static/style.css"> <link href="https://fonts.googleapis.com/css?family=Roboto:300,400" rel="stylesheet"> <script src="http://code.jquery.com/jquery-3.1.1.js" integrity="sha256-16cdPddA6VdVInumRGo6IbivbERE8p7CQR3HzTBuELA=" crossorigin="anonymous"></script> <script type="text/javascript" src="static/script.js"></script> </head> <body> <div class="recent"> <div class="history-header">History</div><br> <input type="text" name="search-bar" class="search-bar" placeholder="Search"> </div> <div class="everything-else"> <h1>Card access manager</h1> <br> <a href="/open/fridge"><div class="big-button">Open fridge</div></a> <br> <a href="/open/tools"><div class="big-button">Open tools</div></a> </div> <div class="shadow" onclick="overlay_out()"></div> <div class="overlay"> <h2 class="card-id"></h2> <input type="text" name="name" placeholder="Name" id="name"><br><br> <div class="checkbox-wrapper">  <input type="checkbox" name="fridge" value="Fridge" id="fridge"> Fridge <br>  <input type="checkbox" name="tools" value="Tools" id="tools"> Secret tools </div> <input type="button" class="button" value="Cancel" id="cancel" onclick="overlay_out()"> <input type="button" class="button" value="Save" id="save" onclick="save()"> </div> </body> </html>