Web App Manifest using the Readium Web Publication Manifest model

webapp-as-webpub.json

{
  "@context": "http://example.com/webapp.jsonld",
  "metadata": {
    "name": "Donate App",
    "description": "This app helps you donate to worthy causes.",
    "short_name": "Donate",
    "language": "en",
    "direction": "ltr",
    "display": "fullscreen",
    "orientation": "landscape",
    "theme_color": "aliceblue",
    "background_color": "red"
  },
  "icons": [
    {
      "href": "icon/lowres.webp",
      "type": "image/webp",
      "height": 64,
      "width": 64
    },{
      "href": "icon/lowres.png",
      "type": "image/png",
      "height": 64,
      "width": 64
    }, {
      "href": "icon/hd_hi",
      "type": "image/png",
      "height": 128,
      "width": 128
    }
  ],
  "screenshots": [
    {
      "href": "screenshots/in-game-1x.jpg",
      "height": 480,
      "width": 640,
      "type": "image/jpeg"
    },{
      "href": "screenshots/in-game-2x.jpg",
      "height": 920,
      "width": 1280,
      "type": "image/jpeg"
    }
  ],
  "links": [
    {
      "rel": "scope",
      "href": "/racer",
      "type": "text/html"
    },
    {
      "rel": "start",
      "href": "/racer/start.html",
      "type": "text/html"
    },
    {
      "rel": "serviceworker",
      "href": "sw.js",
      "type": "text/javascript",
      "properties": {"cache": false}
    }
  ]
}