diff --git a/app/package.json b/app/package.json
index 9aef27e..d2154a3 100644
--- a/app/package.json
+++ b/app/package.json
@@ -5,7 +5,8 @@
"scripts": {
"serve": "vue-cli-service serve",
"build": "vue-cli-service build",
- "lint": "vue-cli-service lint"
+ "lint": "vue-cli-service lint",
+ "pwa-asset": "pwa-asset-generator src/assets/logo.svg --favicon --scrape false --portrait-only true --path-override '<%= BASE_URL %>pwa' public/pwa"
},
"dependencies": {
"core-js": "^3.6.4",
@@ -33,7 +34,8 @@
"vue-template-compiler": "^2.6.11",
"vuetify-loader": "^1.3.0",
"vuex": "^3.5.1",
- "webpack-version-file": "^0.1.6"
+ "webpack-version-file": "^0.1.6",
+ "pwa-asset-generator": "^4.0.2"
},
"eslintConfig": {
"root": true,
diff --git a/app/public/favicon.ico b/app/public/favicon.ico
deleted file mode 100644
index b27700f..0000000
Binary files a/app/public/favicon.ico and /dev/null differ
diff --git a/app/public/index.html b/app/public/index.html
index 504afca..2a2ef3f 100644
--- a/app/public/index.html
+++ b/app/public/index.html
@@ -1,28 +1,35 @@
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
-
-
<%= htmlWebpackPlugin.options.title %>
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/app/public/manifest.json b/app/public/manifest.json
index dfc4310..cdc2167 100644
--- a/app/public/manifest.json
+++ b/app/public/manifest.json
@@ -1,5 +1,23 @@
{
- "lang": "de-DE",
+ "theme_color": "#f47d05",
+ "background_color": "#000000",
+ "display": "standalone",
+ "scope": "/",
"start_url": "/",
- "display": "fullscreen"
+ "name": "paperdash epd",
+ "short_name": "epd",
+ "icons": [
+ {
+ "src": "pwa/manifest-icon-192.png",
+ "sizes": "192x192",
+ "type": "image/png",
+ "purpose": "maskable any"
+ },
+ {
+ "src": "pwa/manifest-icon-512.png",
+ "sizes": "512x512",
+ "type": "image/png",
+ "purpose": "maskable any"
+ }
+ ]
}
\ No newline at end of file
diff --git a/app/public/pwa/apple-icon-180.png b/app/public/pwa/apple-icon-180.png
new file mode 100644
index 0000000..acef893
Binary files /dev/null and b/app/public/pwa/apple-icon-180.png differ
diff --git a/app/public/pwa/favicon-196.png b/app/public/pwa/favicon-196.png
new file mode 100644
index 0000000..5112439
Binary files /dev/null and b/app/public/pwa/favicon-196.png differ
diff --git a/app/public/pwa/manifest-icon-192.png b/app/public/pwa/manifest-icon-192.png
new file mode 100644
index 0000000..71bc43e
Binary files /dev/null and b/app/public/pwa/manifest-icon-192.png differ
diff --git a/app/public/pwa/manifest-icon-512.png b/app/public/pwa/manifest-icon-512.png
new file mode 100644
index 0000000..4df8acb
Binary files /dev/null and b/app/public/pwa/manifest-icon-512.png differ
diff --git a/app/src/assets/app.css b/app/src/assets/app.css
index 38fe4a3..98d6882 100644
--- a/app/src/assets/app.css
+++ b/app/src/assets/app.css
@@ -1,3 +1,6 @@
+body {
+ background-color: #f47d05;
+}
.v-icon {
fill: currentColor;
}
diff --git a/app/src/layouts/default.vue b/app/src/layouts/default.vue
index e8b0ffb..bac6396 100644
--- a/app/src/layouts/default.vue
+++ b/app/src/layouts/default.vue
@@ -33,6 +33,16 @@
+
+
+ paperdash.io
+
+
-
-
-
-
-
- paperdash
+
+ {{ settings.device.name }}
-
- {{ settings.device.name }}
+
- $slideshow
-
-
-
- $storage
+
+ $storage
+
@@ -135,6 +124,7 @@
{{ stats.wifi.rssi | wifiIcon(0) }}
@@ -184,11 +174,12 @@