diff options
| -rw-r--r-- | js/leibovitz/index.html | 14 | ||||
| -rw-r--r-- | js/leibovitz/manifest.json | 42 | ||||
| -rw-r--r-- | js/leibovitz/service-worker.js | 3 |
3 files changed, 33 insertions, 26 deletions
diff --git a/js/leibovitz/index.html b/js/leibovitz/index.html index 44c4d49..6207f07 100644 --- a/js/leibovitz/index.html +++ b/js/leibovitz/index.html @@ -46,6 +46,7 @@ position: relative; margin: 0; min-height: 0; + padding-top: 28px; } #canvas { width: 100%; @@ -224,13 +225,20 @@ display: flex; } #offline-status { - position: absolute; - top: 10px; - right: 10px; + position: fixed; + top: 0; + left: 0; + right: 0; + width: 100%; font-size: 12px; color: #666; display: none; font-family: 'ChicagoFLF', sans-serif; + background-color: rgba(255, 255, 255, 0.8); + text-align: center; + padding: 4px; + z-index: 1000; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } #offline-status.visible { display: block; diff --git a/js/leibovitz/manifest.json b/js/leibovitz/manifest.json index 2232716..03dc94f 100644 --- a/js/leibovitz/manifest.json +++ b/js/leibovitz/manifest.json @@ -2,59 +2,59 @@ "name": "Leibovitz", "short_name": "Leibovitz", "description": "A web-based camera that lets you make fun photos", - "start_url": "/", + "start_url": ".", "display": "standalone", "background_color": "#f5f5dc", "theme_color": "#f5f5dc", "orientation": "portrait", "icons": [ { - "src": "\/android-icon-36x36.png", + "src": "android-icon-36x36.png", "sizes": "36x36", - "type": "image\/png", + "type": "image/png", "density": "0.75" }, { - "src": "\/android-icon-48x48.png", + "src": "android-icon-48x48.png", "sizes": "48x48", - "type": "image\/png", + "type": "image/png", "density": "1.0" }, { - "src": "\/android-icon-72x72.png", + "src": "android-icon-72x72.png", "sizes": "72x72", - "type": "image\/png", + "type": "image/png", "density": "1.5" }, { - "src": "\/android-icon-96x96.png", + "src": "android-icon-96x96.png", "sizes": "96x96", - "type": "image\/png", + "type": "image/png", "density": "2.0" }, { - "src": "\/android-icon-144x144.png", + "src": "android-icon-144x144.png", "sizes": "144x144", - "type": "image\/png", + "type": "image/png", "density": "3.0" }, { - "src": "\/android-icon-192x192.png", + "src": "android-icon-192x192.png", "sizes": "192x192", - "type": "image\/png", + "type": "image/png", "density": "4.0" }, { - "src": "\/apple-icon-180x180.png", + "src": "apple-icon-180x180.png", "sizes": "180x180", - "type": "image\/png" + "type": "image/png" } ], "screenshots": [ { - "src": "\/screenshot1.png", + "src": "screenshot1.png", "sizes": "1080x1920", - "type": "image\/png", + "type": "image/png", "platform": "narrow", "label": "Leibovitz Camera App" } @@ -66,15 +66,15 @@ "name": "Take Photo", "short_name": "Camera", "description": "Open camera to take a photo", - "url": "\/?action=camera", - "icons": [{ "src": "\/android-icon-96x96.png", "sizes": "96x96" }] + "url": "?action=camera", + "icons": [{ "src": "android-icon-96x96.png", "sizes": "96x96" }] }, { "name": "Edit Photo", "short_name": "Edit", "description": "Open photo editor", - "url": "\/?action=edit", - "icons": [{ "src": "\/android-icon-96x96.png", "sizes": "96x96" }] + "url": "?action=edit", + "icons": [{ "src": "android-icon-96x96.png", "sizes": "96x96" }] } ] } \ No newline at end of file diff --git a/js/leibovitz/service-worker.js b/js/leibovitz/service-worker.js index 5f8ab69..9ac287e 100644 --- a/js/leibovitz/service-worker.js +++ b/js/leibovitz/service-worker.js @@ -1,7 +1,6 @@ const CACHE_NAME = 'leibovitz-cache-v1'; const urlsToCache = [ - '/', - './', + '.', 'index.html', 'leibovitz.js', 'blur.js', |