From 296991e451b262918e768425c95e47f25f698e63 Mon Sep 17 00:00:00 2001
From: Rainy21 <simonzheng950@gmail.com>
Date: Thu, 19 Feb 2026 10:19:13 -0500
Subject: [PATCH] the layout for html

---
 main.html | 66 ++++++++++++++++++++++++++++++++++++++++++++++++++++---
 1 file changed, 63 insertions(+), 3 deletions(-)

diff --git a/main.html b/main.html
index 9197551..c91a0f2 100644
--- a/main.html
+++ b/main.html
@@ -1,11 +1,71 @@
 <!DOCTYPE html>
 <html>
 <head>
-    <title>My First Page</title>
-    
-    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
+    <!-- Required meta tags -->
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+
+    <!-- Bootstrap CSS -->
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/d.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
+    <title>Show log</title>
 </head>
 <body>
+    <div id = "body">
+      <!--might make this entire thing a div-->
+      <div id = "side_bar">
+       <h1>
+         Book and Movie log
+       </h1>
+       <div id = "navagtor">
+        <!--dashboard-->
+       <!--let user add book/ show-->
+       <!--consider a toggle for book and show-->
+       <!--let user seach for book-->
+       </div>
+      </div>
+      <!--this is where they show the info for the book/ maybe make it into a data base-->
+      <div id ="libary">
+        <div>
+          <!--welcome message/ search bar / add button-->
+          <h1>
+            Good evening
+          </h1>
+          <div id = "seach_bar">
 
+            </div>
+          <div id = "addLog_button">
+            + log a book/show
+          </div>
+        </div>
+
+        <!--currently reading-->
+        <div id = "currently">
+        </div>
+        
+        <!--data-->
+        
+        <!--log-->
+        <div>
+         <div id = "log_nav">
+          <h2>
+              My log
+          </h2>
+            <!--more nav button-->
+          <div>
+
+          </div>
+
+         </div>
+          
+          <!--the log-->
+          <div>
+          </div>
+
+          <!--data about genera-->
+          <div>
+          </div>
+        </div>
+      </div>
+    </div>
 </body>
 </html>