feat: help

papierkorp · Oct 14, 2024 · 8814edd · 8814edd
1 parent bde11c8
commit 8814edd
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 3 deletions.
diff --git a/help.html b/help.html
@@ -0,0 +1,3 @@
+<div class="p-4 border rounded-lg shadow-sm bg-white">
+  <h3 class="text-lg font-semibold mb-4">Help</h3>
+</div>
diff --git a/index.html b/index.html
@@ -45,14 +45,19 @@ <h2 class="text-xl font-semibold mb-4">Card Preview</h2>
           </div>
           <div>
             <h2 class="text-xl font-semibold mb-4">HTML Output</h2>
-            <pre id="htmlOutput" class="bg-gray-100 p-4 rounded overflow-x-auto text-sm" style="max-height: 200px"></pre>
+            <pre
+              id="htmlOutput"
+              class="bg-gray-100 p-4 rounded overflow-x-auto text-sm"
+              style="max-height: 200px"
+            ></pre>
           </div>
           <div id="staticPreviewContainer"></div>
         </div>
 
-        <!-- Right Column (Border Settings) -->
+        <!-- Right Column (Border Settings and Help) -->
         <div class="space-y-8">
           <div id="borderSettings"></div>
+          <div id="helpSection"></div>
         </div>
       </div>
     </div>
@@ -74,9 +79,10 @@ <h2 class="text-xl font-semibold mb-4">HTML Output</h2>
       fetchComponent('content_settings.html', 'contentSettings');
       fetchComponent('text_settings.html', 'textSettings');
       fetchComponent('border_settings.html', 'borderSettings');
+      fetchComponent('help.html', 'helpSection');
     </script>
 
     <!-- JavaScript files -->
     <script type="module" src="js/main.js"></script>
   </body>
-</html>
+</html>