first commit

src/index.html

@@ -0,0 +1,52 @@
+<!doctype html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8" />
+  <link rel="stylesheet" href="styles_default.css" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>Tauri App</title>
+  <script src="/main.js" defer></script>
+</head>
+
+<body>
+  <div class="center-page-content">
+
+    <div class="grid-container-horizontal notes-sidebar" style="width: 40%; max-width: 25rem; min-width: 15rem;">
+      <div class="grid-container-vertical toolbar">
+        <div>
+          <div style="margin-left: 0.8rem;" class="button">
+            <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24px" width="24px">
+              <path d="M3,18V16H21v2H3Zm0-5V11H21v2H3ZM3,8V6H21V8H3Z" />
+            </svg>
+
+          </div>
+          <p style="font-weight: bold; ">Notes</p>
+          <div style="margin-right: 0.8rem" class="button" onclick="toggle_search();">
+            <svg id="search_icon" class="icon" style="display: none;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24px" width="24px">
+              <path
+                d="M19.6,21l-6.3-6.3q-0.75,0.6-1.72,0.95T9.5,16q-2.72,0-4.61-1.89Q3,12.23 3,9.5Q3,6.77 4.89,4.89T9.5,3t4.61,1.89T16,9.5q0,1.1-0.35,2.07T14.7,13.3L21,19.6L19.6,21ZM9.5,14q1.88,0 3.19-1.31T14,9.5T12.69,6.31T9.5,5T6.31,6.31T5,9.5t1.31,3.19T9.5,14Z" />
+            </svg>
+            <svg id="search_quit_icon" class="icon-accent" style="display: block;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"
+              height="24px" width="24px">
+              <path
+                d="M3.46,20.54Q2,19.08 2,17t1.46-3.54T7,12q2.08,0 3.54,1.46Q12,14.93 12,17t-1.46,3.54T7,22q-2.07,0-3.54-1.46ZM20.6,21l-6.4-6.4q-0.3-0.33-0.64-0.66T12.9,13.3q0.95-0.6 1.53-1.6T15,9.5q0-1.88-1.31-3.19T10.5,5T7.31,6.31T6,9.5Q6,9.65 6.01,9.79q0.01,0.14 0.04,0.29q-0.45,0.05-0.99,0.2Q4.53,10.43 4.1,10.63q-0.05-0.28-0.08-0.55T4,9.5Q4,6.77 5.89,4.89T10.5,3t4.61,1.89T17,9.5q0,1.07-0.34,2.04T15.73,13.3L22,19.6L20.6,21ZM5.23,19.48L7,17.7l1.75,1.78l0.72-0.7L7.7,17l1.77-1.78l-0.7-0.7L7,16.3L5.23,14.53l-0.7,0.7L6.3,17L4.53,18.77l0.7,0.7Z" />
+            </svg>
+          </div>
+        </div>
+        <div id="search_bar" style="margin-bottom: 1rem; display: flex;"> 
+          <input type="text" placeholder="Search..." style="width: 100%; margin: 0 0.8rem;" oninput="on_search_input()" id="search_input" />
+        </div>
+      </div>
+      <div class="divider"></div>
+      <div class="notes-list-parent">
+        <div class="notes-list">
+          
+        </div>
+      </div>
+    </div>
+    <div class="grid-container-horizontal" style="border-left: 0;"></div>
+  </div>
+</body>
+
+</html>