From a84ce274731517f610fba35f3c58ce5b846e531d Mon Sep 17 00:00:00 2001 From: TristanEDU Date: Tue, 9 Sep 2025 11:38:18 +0000 Subject: [PATCH] Implement initial HTML structure, CSS styles, and JavaScript for file input and OCR functionality --- public/index.html | 34 ++++++++++++++++++++++++++++++++++ public/styles.css | 31 +++++++++++++++++++++++++++++++ src/app.js | 14 ++++++++++++++ 3 files changed, 79 insertions(+) diff --git a/public/index.html b/public/index.html index e69de29..2cf541c 100644 --- a/public/index.html +++ b/public/index.html @@ -0,0 +1,34 @@ + + + + + + Proto logbook analyzer UI + + + +
+

Proto logbook analyzer UI

+ + +
+ +
+
+ +
+
+ +
+
+ +
+ + +
+ + + diff --git a/public/styles.css b/public/styles.css index e69de29..8febcd7 100644 --- a/public/styles.css +++ b/public/styles.css @@ -0,0 +1,31 @@ +body { + width: 100vw; + display: flex; + flex-direction: column; +} + +.center { + display: flex; + width: 100vw; + padding: 1rem 0; +} + +.left, +.right { + flex: 1; + padding: 1rem; +} + +.left img { + max-width: 100%; + height: auto; + display: block; + margin: 0 auto; +} + +.right textarea { + width: 100%; + height: 60vh; + resize: vertical; + box-sizing: border-box; +} diff --git a/src/app.js b/src/app.js index e69de29..b2095e7 100644 --- a/src/app.js +++ b/src/app.js @@ -0,0 +1,14 @@ +const fileInput = document.getElementById("fileInput"); +const imagePreview = document.getElementById("imagePreview"); +const textEditor = document.getElementById("textEditor"); +const ocrButton = document.getElementById("btnRunOCR"); +const exportButton = document.getElementById("btnExport"); + +console.log( + "DOM wired:", + fileInput, + imagePreview, + textEditor, + ocrButton, + exportButton +);