diff --git a/README.md b/README.md index 93f992b..88688fe 100644 --- a/README.md +++ b/README.md @@ -73,7 +73,7 @@ protocol-droid/ ``` 4. The database schema auto-initializes on first API request (creates `data/protocol_droid.db`) 5. Visit the site and register — the **first user to register becomes admin** -5. Optionally load seed protocols: Go to your **profile page** (click your @username) and click **"Load Seed Protocols"** (visible to admins only). This loads 100 example protocols into your library. Can be repeated to re-import seeds. +6. Optionally load seed protocols: Go to the **About** page and click **"Load seed protocols"** (visible to admins only). This loads 6 example protocols into your library in one click. No curl needed. **No default admin credentials exist.** A fresh deployment has an empty database. The first registration creates the admin account. Seed protocols are optional and must be explicitly loaded. @@ -122,7 +122,7 @@ cd protocol-droid php -S localhost:8000 ``` -The SQLite database is created automatically at `data/protocol_droid.db`. The first registration creates the admin account. To load the 100 sample protocols, go to your **profile page** (click your @username) and click **"Load Seed Protocols"** (admins only). +The SQLite database is created automatically at `data/protocol_droid.db`. The first registration creates the admin account. To load the 6 sample protocols (Round Robin Check-In, Consent Decision-Making, etc.): ```bash # After registering as admin: @@ -171,6 +171,17 @@ curl -b cookies.txt -X DELETE http://localhost:8000/api/protocols/round-robin-ch Protocol Droid is designed to be fully whitelabel-able. Here's how to customize it for your deployment: +### Logo + +The logo is an SVG file at `frontend/logo.svg`. It appears in the header next to the site name and as the browser/PWA icon. + +To replace it: +1. Create your own SVG logo (or PNG) +2. Replace `frontend/logo.svg` (and `frontend/favicon.ico`, `frontend/icon-192.png`, `frontend/icon-512.png` for PWA icons) +3. If using a different filename, update the `` tags in `frontend/index.html` + +For PWA icons, generate 192x192 and 512x512 PNG versions of your logo and save them as `frontend/icon-192.png` and `frontend/icon-512.png`. The web manifest is at `manifest.json` in the project root. + ### Site name and tagline Edit `config.yaml` in the project root: diff --git a/frontend/favicon.ico b/frontend/favicon.ico new file mode 100644 index 0000000..a1c9afe Binary files /dev/null and b/frontend/favicon.ico differ diff --git a/frontend/icon-192.png b/frontend/icon-192.png new file mode 100644 index 0000000..843aeda Binary files /dev/null and b/frontend/icon-192.png differ diff --git a/frontend/icon-512.png b/frontend/icon-512.png new file mode 100644 index 0000000..91c86f2 Binary files /dev/null and b/frontend/icon-512.png differ diff --git a/frontend/index.html b/frontend/index.html index 1cc1b08..64a2164 100644 --- a/frontend/index.html +++ b/frontend/index.html @@ -4,13 +4,18 @@ Protocol Droid - + + + + +
+ $ protocol-droid
@@ -230,31 +235,6 @@ - - - diff --git a/frontend/logo.svg b/frontend/logo.svg new file mode 100644 index 0000000..7a21a2f --- /dev/null +++ b/frontend/logo.svg @@ -0,0 +1,13 @@ + + + + + + + + + + + + + diff --git a/frontend/style.css b/frontend/style.css index ec612ad..57a5b6b 100644 --- a/frontend/style.css +++ b/frontend/style.css @@ -71,6 +71,7 @@ header .breadcrumb { } header .breadcrumb .prompt { color: var(--green-bright); font-weight: normal; } header .breadcrumb:hover { text-decoration: none; } +.header-logo { width: 22px; height: 26px; flex-shrink: 0; margin-right: 2px; } header .crumb-path { font-size: 11px; color: var(--ink-dim); @@ -246,8 +247,8 @@ header nav a.active { color: var(--accent-bright); border-color: rgba(0,170,255, font-size: 13px; color: var(--ink-soft); font-family: var(--sans); word-break: break-word; line-height: 1.4; } -.protocol-pill .meta { font-family: var(--mono); font-size: 11px; color: var(--ink-dim); text-align: right; flex: 0 0 auto; max-width: 140px; } -.protocol-pill .meta .steps { color: var(--accent); font-weight: bold; white-space: nowrap; } +.protocol-pill .meta { font-family: var(--mono); font-size: 11px; color: var(--ink-dim); text-align: right; flex-shrink: 0; white-space: nowrap; } +.protocol-pill .meta .steps { color: var(--accent); font-weight: bold; } .protocol-pill.collection { background: var(--ink); color: #fff; border-color: var(--accent-deep); } diff --git a/manifest.json b/manifest.json new file mode 100644 index 0000000..ebdfb19 --- /dev/null +++ b/manifest.json @@ -0,0 +1,26 @@ +{ + "name": "Protocol Droid", + "short_name": "Protocol Droid", + "description": "A tool for authoring, sharing, and curating social protocols", + "start_url": "./", + "display": "standalone", + "background_color": "#0a1929", + "theme_color": "#0a1929", + "icons": [ + { + "src": "frontend/logo.svg", + "sizes": "any", + "type": "image/svg+xml" + }, + { + "src": "frontend/icon-192.png", + "sizes": "192x192", + "type": "image/png" + }, + { + "src": "frontend/icon-512.png", + "sizes": "512x512", + "type": "image/png" + } + ] +}