Add header bar with application title and dots

NovaDev404 · web-flow · commit 7fc8e9e71ad7 · 2025-12-14T17:14:53.000+10:30
diff --git a/web/index.html b/web/index.html
@@ -6,6 +6,19 @@
     <script src="installer.js"></script>
   </head>
   <body>
+    <main>
+      <div class="header-bar">
+        <div class="header-left">
+          <div class="dot-container">
+            <div class="dot" style="background-color: #ff5f57;"></div>
+            <div class="dot" style="background-color: #febc2e;"></div>
+            <div class="dot" style="background-color: #28c840;"></div>
+          </div>
+
+          <p class="app-title">ProStore Web</p>
+        </div>
+      </div>
+
       <div class="content-area">
         <div class="sidebar">
           <div onclick="window.location.href = 'index.html';" class="sidebar-item">ProStore Installer</div>
@@ -26,6 +39,7 @@ <h1 class="title">ProStore Installer</h1><br>
           <a class="advanced-href" href="advanced_installer.html">Advanced Installer</a>
         </div>
       </div>
+    </main>
     <script>
       pulse('reset');
       loadingImg(0);
