# FlowerCMS — Marketing Screenshots

White-label CMS demo sites for broadcasters. Two stations, one platform.

---

## Sites

| # | Station | Brand Name | URL | Local Port |
|---|---|---|---|---|
| 1 | **KMTN** | KMountain Flower Radio | http://kmtn.westerntechnologies.duckdns.org | http://localhost:4200 |
| 2 | **KRY2** | Fire FM | http://staylit.westerntechnologies.duckdns.org | http://localhost:4201 |

Both sites run via Docker Compose behind Nginx Proxy Manager.

## Admin Access

**Login page:** append `/admin` to any site URL (e.g. `http://kmtn.westerntechnologies.duckdns.org/admin`)

| Field | Value |
|---|---|
| Username | `admin` |
| Password | `123` |

Admin dashboard tabs: **Shows · Events · History · Team · Community · Station · Theme · Underwriters · Mobile Builds · Stats**

## Docker Services

| Container | Image | Ports |
|---|---|---|
| `kmtnflower-frontend-1` | kmtnflower-frontend | 0.0.0.0:4200 → 80 |
| `kmtnflower-api-1` | kmtnflower-api | 8000 (internal) |
| `kmtnflower-db-1` | postgres:16-alpine | 5432 (internal) |
| `kmtnflower-build-1` | kmtnflower-build | 22 (internal) |
| `kryz-frontend-1` | kryz-frontend | 0.0.0.0:4201 → 80 |
| `kryz-api-1` | kryz-api | 8000 (internal) |
| `kryz-db-1` | postgres:16-alpine | 5432 (internal) |
| `kryz-build-1` | kryz-build | 22 (internal) |

## Screenshot Files

All images are 500px wide, JPEG, captured at 1.5× zoom.

| File | Source | Used In |
|---|---|---|
| `homepage.jpg` | KMTN public homepage | marketing.html (hero + player) |
| `schedule.jpg` | KMTN schedule page | marketing.html |
| `about.jpg` | KMTN about page | marketing.html |
| `events.jpg` | KMTN events page | marketing.html |
| `contact.jpg` | KMTN contact page | marketing.html |
| `admin_dashboard.jpg` | KMTN admin — Shows tab | marketing.html |
| `admin_theme.jpg` | KMTN admin — Theme tab | marketing.html |
| `admin_mobile_builds.jpg` | KMTN admin — Mobile Builds tab | marketing.html |
| `kmtn_homepage.jpg` | KMTN homepage (white-label showcase) | marketing.html |
| `staylit_homepage.jpg` | Fire FM homepage (white-label showcase) | marketing.html |

## How to Recapture Screenshots

1. Open site in browser at the URL above.
2. Sign in at `/admin` with `admin` / `123`.
3. In DevTools Console, set zoom:
   ```js
   document.body.style.zoom = '1.5';
   document.documentElement.style.zoom = '1.5';
   ```
4. Click the desired admin tab.
5. Capture screenshot (browser_vision or OS screencapture).
6. Resize to 500px wide, convert to JPEG:
   ```bash
   sips --resampleWidth 500 input.png --out tmp.png
   sips -s format jpeg tmp.png --out output.jpg
   ```

## Serving Locally

```bash
cd "/Users/kyle/Desktop/kmtnflower shots"
python3 -m http.server 8899
# Open http://localhost:8899
```

## Project Root

```
/Users/kyle/Documents/kmtnflower/
```