start building frontend

2024-01-01 20:10:58 -05:00
parent e62006f4e1
commit c2ac67aa07
7 changed files with 562 additions and 29 deletions
--- a/frontend/admin/index.html
+++ b/frontend/admin/index.html
@@ -1,5 +1,47 @@
 <!DOCTYPE html>
-<body>
-    hello world
-</body>
-</html>
+<html lang="en">
+  <head>
+    <title>Library</title>
+    <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>
+    <meta name="description" content="A personal library record." />
+  </head>
+  <body>
+    <div class="wrapper">
+      <div id="header">
+        <h1>Library</h1>
+        <a
+          target="_blank"
+          rel="noreferrer"
+          href="https://git.yetaga.in/alazyreader/library"
+          >git</a
+        >
+        <a href="#">add book</a>
+        <div id="searchBox">
+          <label for="childrens" class="bookCount"
+            >Include Childrens Books?</label
+          >
+          <input id="childrens" type="checkbox" name="childrens" />
+          <span id="bookCount" class="bookCount">_ books</span>
+          <input
+            id="search"
+            type="text"
+            name="search"
+            placeholder="Search..."
+          />
+        </div>
+      </div>
+      <div id="current">No Book Selected</div>
+      <div id="books"></div>
+    </div>
+  </body>
+</html>