An open API service indexing awesome lists of open source software.

https://github.com/erf/kanbanero-landing

Landing page for my Kanbanero kanban app
https://github.com/erf/kanbanero-landing

Last synced: 17 days ago
JSON representation

Landing page for my Kanbanero kanban app

Awesome Lists containing this project

README

          

# Kanbanero landing page

Minimal static landing page for [Kanbanero](https://apps.apple.com/app/kanbanero/id1645553955). No build step — just plain HTML + CSS.

## Local preview

Open `index.html` directly in a browser, or serve it:

```
python3 -m http.server 8000
# then visit http://localhost:8000
```

## Assets

Place these files in `images/`:

- `icon.png` — 512×512 app icon (or larger, square)
- `screenshot-1.png` … `screenshot-4.png` — the 4 App Store screenshots
- `preview.mp4` — the App Store preview video
- `og.png` — 1200×630 social share image (generated — see below)

Filenames are referenced in `index.html`.

## Regenerating the OG image

The social-share image at `images/og.png` is composed from the app icon,
a zoomed crop of `screenshot-1.png`, and the wordmark/tagline. It's built
with a tiny offline script (the only dependency in the repo):

```
npm install
npm run og
```

This renders `scripts/og-template.html` to `images/og.png` via headless
Chromium. Edit the template to tweak copy or layout, then rerun and
commit the updated PNG.

## Hosting (GitHub Pages)

1. Push this repo to GitHub as a public repo.
2. Settings → Pages → Source: `Deploy from a branch` → Branch: `main`, folder: `/ (root)`.
3. Site goes live at `https://.github.io/kanbanero-landing/`.

## Custom domain

1. Add a `CNAME` file at the repo root containing just your domain:

```
kanbanero.app
```

2. At your registrar, add DNS records:

- Apex (`kanbanero.app`): 4 `A` records pointing to GitHub Pages IPs
`185.199.108.153`, `185.199.109.153`, `185.199.110.153`, `185.199.111.153`
- `www`: `CNAME` to `.github.io`

3. In Pages settings, set the custom domain and enable "Enforce HTTPS".