87 lines
2.8 KiB
Markdown
87 lines
2.8 KiB
Markdown
# 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/
|
||
```
|