I explain everything in these two blog posts
I made a logo with crappy transparency.
I also made a stupid gradient banner.
Choose your player:
- Static site hosted on GitLab Pages, built via GitLab CI
- Static site hosted on GitHub Pages, built via GitHub Actions
- Live server running on Heroku, serving the site
I made a Pull Request to add options to inject what is needed to transform the presentation into a Progressive Web App :
- custom web manifest (if you test locally, set the
start_url
tohttp://localhost:8000
or whatever port you're using) - custom service worker
And I will also add those later:
- meta description
- meta theme-color
With these changes, the app gets a decent LightHouse report in the PWA section.