<!DOCTYPE html> <html> <head> <title>Library</title> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" /> <link rel="stylesheet" href="style.css" /> <link rel="icon" href="favicon.ico" type="image/x-icon" /> <link href="https://fonts.googleapis.com/css?family=Libre+Baskerville:400,700&display=swap" as="style" rel="stylesheet preload prefetch" /> <script type="text/javascript" src="app.js"></script> <script type="text/javascript"> window.addEventListener("DOMContentLoaded", init); </script> </head> <body> <div class="wrapper"> <div id="header"> <h1>Library</h1> <a href="/records">records</a> <a target="_blank" rel="noreferrer" href="https://git.yetaga.in/alazyreader/library" >git</a > <div id="searchBox"> <input id="search" type="text" name="search" placeholder="Search..." /> </div> </div> <div id="current">No Book Selected</div> <div id="books"></div> <!-- Table goes here --> </div> </body> </html>