adeifemiogunseye89/clearPORT

is an Ai power port intelligent, built for nigerian shippers and agents. to help them verify details of their document before it hit the single window of the nigeria custom services platform, thereby preventing the cost of demurrage and unplanned experience of shipping goods in the international markets into Nigeria. # ClearAI Pro — file architecture (rebuilt) This replaces the original 3-file codebase (`clearAi.html` 1,367 lines, `clearAi.css` 1,806 lines, `clearAi.js` 1,010 lines) with one file per concern, per page. Read this before editing anything — it explains why the pieces are shaped the way they are. ## How to run it Open `index.html` directly in a browser (`file://...`) and the landing page works fine — it's static. **`app.html` will not work over `file://`** because it loads each tool page's HTML/CSS/JS with `fetch()`, and browsers block `fetch()` against local files for security reasons. Serve the folder over a local web server instead. From this folder: ``` python3 -m http.server 8000 ``` then open `localhost` in a browser. Any static server works (VS Code's "Live Server" extension, `npx serve`, etc.) — it doesn't need to be Python specifically. ## Folder layout ``` index.html — landing / marketing page (standalone) app.html — app shell: nav, sidebar, API key bar, shared footer, and an empty that the router fills in css/ tokens.css — colors, fonts, spacing, shadows (:root vars) landing.css — landing-page-only styles shell.css — nav, mobile tabs, sidebar, API bar, toast components.css — shared building blocks used by 2+ tool pages: page-header, checker-card, buttons, form inputs, loading spinner, cross-links js/ landing.js — scroll effects for index.html only shell.js — the router, API key state, callClaude() (the shared Anthropic API call), sidebar, toast, print-to-PDF pages/ / .html — that page's content only (page-header + body) — no nav/sidebar/footer duplicated .css — styles unique to that page .js — that page's logic + an init () function the router calls after loading it legacy/ ops-report-UNUSED.css/.js — dead code, see "What I removed" below images/ …