Assets & Deployment
File Locations
| Type | Location |
|---|---|
| Local source | /home/chas-watkins/code/whatsapp-crm-site/ |
| Asset source | ~/Downloads/whatsapp-crm-assets/ |
| Feature doc | ~/Downloads/whatsapp-crm-assets/whatsapp-crm-features.md (46KB) |
| Project brief | ~/Downloads/whatsapp-crm-assets/PROJECT-BRIEF.md |
Visual Assets
SVG Icons (18 files)
Emerald green line-art icons at 64x64, stored in icons/:
messaging, ai-brain, contacts, media, reminders, sync, shield-lock, layout, tags, globe-map, library, settings, personality, import-export, realtime, docker, phone-check, quick-phrases
SVG Diagrams (6 files)
Dark-themed professional diagrams in diagrams/:
| Diagram | Shows |
|---|---|
system-architecture.svg |
Full stack: Frontend, Backend, DB, WhatsApp Web, AI providers |
three-column-layout.svg |
CRM layout mockup with fake contact data (JD, MS, AL) |
ai-reply-flow.svg |
Auto-reply pipeline: message → archive → AI → send → log |
media-pipeline.svg |
Media handling: detect → download → thumbnails → organize |
multi-slice-deployment.svg |
Nginx → 8 slices → shared PostgreSQL |
dom-only-approach.svg |
Allowed DOM reads vs blocked Store API calls |
Redacted Screenshots (4 files)
All screenshots in screenshots-redacted/. Original live screenshots contained real names and phone numbers — these were redacted using Python PIL with numpy pixel scanning to find exact text coordinates.
| File | Content | Redaction |
|---|---|---|
01-main-chat-view.png |
Loading state, IPNOELP CRM badge | Clean — no PII visible |
02-settings.png |
Settings page with tabs | Phone numbers covered in top bar and body |
03-ai-settings.png |
AI provider configuration | Clean — API key hint at background color |
04-personalities.png |
AI personalities table | 3 phone numbers covered in contact column |
Redaction technique: Solid rectangles with fill color matching the surrounding UI background (#16213e for card surfaces, #1a1a2e for dark backgrounds). Coordinates found via numpy pixel brightness scanning at full 1920x1080 resolution.
Hosting
| Item | Details |
|---|---|
| Domain | omelasai.com |
| Host | Hostinger (88.223.84.186) |
| SSH | ssh -p 65002 -i ~/.ssh/hostinger_hypnoelp u578339199@88.223.84.186 |
| Web root | ~/domains/omelasai.com/public_html/ |
| CRM portfolio path | ~/domains/omelasai.com/public_html/whatsapp-crm/ |
The same Hostinger account also hosts hypnoelp.com. Static HTML hosting, no build system required.
Deployment
Deploy Command
rsync -avz -e "ssh -p 65002 -i ~/.ssh/hostinger_hypnoelp" \
/home/chas-watkins/code/whatsapp-crm-site/ \
u578339199@88.223.84.186:~/domains/omelasai.com/public_html/whatsapp-crm/
Site Status
- Orphaned — no links to or from main omelasai.com site
- Intended as a portfolio piece to be linked when ready
- No build step — edit HTML/CSS locally, rsync to deploy
Tech Stack
| Component | Technology |
|---|---|
| HTML | Single-page, semantic sections |
| CSS | Custom properties, no framework |
| Fonts | Google Fonts (IBM Plex Sans + Mono) |
| Animations | Intersection Observer API |
| Icons | Inline SVG references |
| Diagrams | Standalone SVG files |