<!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>