From 8d5adc04645e3e71423f16869f39b8d79969bccd Mon Sep 17 00:00:00 2001 From: Lauri Ojansivu Date: Thu, 30 Apr 2020 06:54:48 +0300 Subject: Install Wekan to mobile homescreen icon and use fullscreen PWA. Docs at https://github.com/wekan/wekan/wiki/PWA Thanks to xet7 ! Closes #2879 --- client/00-startup.js | 6 ++ client/components/main/layouts.jade | 14 ++- public/android-chrome-192x192.png | Bin 0 -> 6645 bytes public/android-chrome-512x512.png | Bin 0 -> 17772 bytes public/apple-touch-icon.png | Bin 0 -> 5962 bytes public/browserconfig.xml | 9 ++ public/favicon-16x16.png | Bin 0 -> 1052 bytes public/favicon-32x32.png | Bin 0 -> 1351 bytes public/favicon.ico | Bin 0 -> 15086 bytes public/html_code.html | 9 ++ public/mstile-144x144.png | Bin 0 -> 3095 bytes public/mstile-150x150.png | Bin 0 -> 3046 bytes public/mstile-310x150.png | Bin 0 -> 3298 bytes public/mstile-310x310.png | Bin 0 -> 6863 bytes public/mstile-70x70.png | Bin 0 -> 2141 bytes public/pwa-service-worker.js | 4 + public/safari-pinned-tab.svg | 51 +++++++++ public/site.webmanifest | 20 ++++ public/svg-etc/manifest.json | 41 ++++++++ public/svg-etc/wekan-favicon.png | Bin 0 -> 756 bytes public/svg-etc/wekan-logo-150.png | Bin 0 -> 3634 bytes public/svg-etc/wekan-logo-150.svg | 68 ++++++++++++ public/svg-etc/wekan-logo-256.png | Bin 0 -> 8098 bytes public/svg-etc/wekan-logo-256.svg | 203 ++++++++++++++++++++++++++++++++++++ public/svg-etc/wekan-logo-32.png | Bin 0 -> 4023 bytes public/svg-etc/wekan-logo-512.png | Bin 0 -> 16623 bytes public/svg-etc/wekan-logo-512.svg | 200 +++++++++++++++++++++++++++++++++++ public/wekan-favicon.png | Bin 756 -> 0 bytes public/wekan-logo-150.png | Bin 3634 -> 0 bytes public/wekan-logo-150.svg | 68 ------------ public/wekan-manifest.json | 22 ---- 31 files changed, 621 insertions(+), 94 deletions(-) create mode 100644 client/00-startup.js create mode 100644 public/android-chrome-192x192.png create mode 100644 public/android-chrome-512x512.png create mode 100644 public/apple-touch-icon.png create mode 100644 public/browserconfig.xml create mode 100644 public/favicon-16x16.png create mode 100644 public/favicon-32x32.png create mode 100644 public/favicon.ico create mode 100644 public/html_code.html create mode 100644 public/mstile-144x144.png create mode 100644 public/mstile-150x150.png create mode 100644 public/mstile-310x150.png create mode 100644 public/mstile-310x310.png create mode 100644 public/mstile-70x70.png create mode 100644 public/pwa-service-worker.js create mode 100644 public/safari-pinned-tab.svg create mode 100644 public/site.webmanifest create mode 100644 public/svg-etc/manifest.json create mode 100644 public/svg-etc/wekan-favicon.png create mode 100644 public/svg-etc/wekan-logo-150.png create mode 100644 public/svg-etc/wekan-logo-150.svg create mode 100644 public/svg-etc/wekan-logo-256.png create mode 100644 public/svg-etc/wekan-logo-256.svg create mode 100644 public/svg-etc/wekan-logo-32.png create mode 100644 public/svg-etc/wekan-logo-512.png create mode 100644 public/svg-etc/wekan-logo-512.svg delete mode 100644 public/wekan-favicon.png delete mode 100644 public/wekan-logo-150.png delete mode 100644 public/wekan-logo-150.svg delete mode 100644 public/wekan-manifest.json diff --git a/client/00-startup.js b/client/00-startup.js new file mode 100644 index 00000000..4a717b67 --- /dev/null +++ b/client/00-startup.js @@ -0,0 +1,6 @@ +// PWA +if ('serviceWorker' in navigator) { + window.addEventListener('load', function() { + navigator.serviceWorker.register('/pwa-service-worker.js'); + }); +} diff --git a/client/components/main/layouts.jade b/client/components/main/layouts.jade index 9543c5c5..08dfc58c 100644 --- a/client/components/main/layouts.jade +++ b/client/components/main/layouts.jade @@ -6,10 +6,16 @@ head where the application is deployed with a path prefix, but it seems to be difficult to do that cleanly with Blaze -- at least without adding extra packages. - link(rel="shortcut icon" href="/wekan-favicon.png") - link(rel="apple-touch-icon" href="/wekan-favicon.png") - link(rel="mask-icon" href="/wekan-logo-150.svg") - link(rel="manifest" href="/wekan-manifest.json") + link(rel="shortcut icon" type="image/x-icon" href="/favicon.ico") + link(rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png") + link(rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png") + link(rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png") + link(rel="manifest" href="/site.webmanifest") + link(rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5") + meta(name="apple-mobile-web-app-title" content="Wekan") + meta(name="application-name" content="Wekan") + meta(name="msapplication-TileColor" content="#00aba9") + meta(name="theme-color" content="#ffffff") template(name="userFormsLayout") section.auth-layout diff --git a/public/android-chrome-192x192.png b/public/android-chrome-192x192.png new file mode 100644 index 00000000..7d29824e Binary files /dev/null and b/public/android-chrome-192x192.png differ diff --git a/public/android-chrome-512x512.png b/public/android-chrome-512x512.png new file mode 100644 index 00000000..7ecf363a Binary files /dev/null and b/public/android-chrome-512x512.png differ diff --git a/public/apple-touch-icon.png b/public/apple-touch-icon.png new file mode 100644 index 00000000..bcd46115 Binary files /dev/null and b/public/apple-touch-icon.png differ diff --git a/public/browserconfig.xml b/public/browserconfig.xml new file mode 100644 index 00000000..a47e5a5b --- /dev/null +++ b/public/browserconfig.xml @@ -0,0 +1,9 @@ + + + + + + #2d89ef + + + diff --git a/public/favicon-16x16.png b/public/favicon-16x16.png new file mode 100644 index 00000000..57eee764 Binary files /dev/null and b/public/favicon-16x16.png differ diff --git a/public/favicon-32x32.png b/public/favicon-32x32.png new file mode 100644 index 00000000..8fb6ae02 Binary files /dev/null and b/public/favicon-32x32.png differ diff --git a/public/favicon.ico b/public/favicon.ico new file mode 100644 index 00000000..df376031 Binary files /dev/null and b/public/favicon.ico differ diff --git a/public/html_code.html b/public/html_code.html new file mode 100644 index 00000000..0735c4e9 --- /dev/null +++ b/public/html_code.html @@ -0,0 +1,9 @@ + + + + + + + + + \ No newline at end of file diff --git a/public/mstile-144x144.png b/public/mstile-144x144.png new file mode 100644 index 00000000..dbc184f4 Binary files /dev/null and b/public/mstile-144x144.png differ diff --git a/public/mstile-150x150.png b/public/mstile-150x150.png new file mode 100644 index 00000000..943e0972 Binary files /dev/null and b/public/mstile-150x150.png differ diff --git a/public/mstile-310x150.png b/public/mstile-310x150.png new file mode 100644 index 00000000..f80bea7a Binary files /dev/null and b/public/mstile-310x150.png differ diff --git a/public/mstile-310x310.png b/public/mstile-310x310.png new file mode 100644 index 00000000..4d7ac651 Binary files /dev/null and b/public/mstile-310x310.png differ diff --git a/public/mstile-70x70.png b/public/mstile-70x70.png new file mode 100644 index 00000000..8b306ba5 Binary files /dev/null and b/public/mstile-70x70.png differ diff --git a/public/pwa-service-worker.js b/public/pwa-service-worker.js new file mode 100644 index 00000000..3cc74ec9 --- /dev/null +++ b/public/pwa-service-worker.js @@ -0,0 +1,4 @@ +self.addEventListener('install', function(event) { + // Dummy service worker that does nothing, + // for mobile browsers "Add to home screen". +}); diff --git a/public/safari-pinned-tab.svg b/public/safari-pinned-tab.svg new file mode 100644 index 00000000..4320882c --- /dev/null +++ b/public/safari-pinned-tab.svg @@ -0,0 +1,51 @@ + + + + +Created by potrace 1.11, written by Peter Selinger 2001-2013 + + + + + diff --git a/public/site.webmanifest b/public/site.webmanifest new file mode 100644 index 00000000..997a52ec --- /dev/null +++ b/public/site.webmanifest @@ -0,0 +1,20 @@ +{ + "name": "Wekan", + "short_name": "Wekan", + "icons": [ + { + "src": "/android-chrome-192x192.png", + "sizes": "192x192", + "type": "image/png" + }, + { + "src": "/android-chrome-512x512.png", + "sizes": "512x512", + "type": "image/png" + } + ], + "theme_color": "#ffffff", + "background_color": "#ffffff", + "start_url": "/sign-in", + "display": "standalone" +} diff --git a/public/svg-etc/manifest.json b/public/svg-etc/manifest.json new file mode 100644 index 00000000..ef9dbfd2 --- /dev/null +++ b/public/svg-etc/manifest.json @@ -0,0 +1,41 @@ +{ + "name": "Wekan", + "short_name": "Wekan", + "description": "Open-Source kanban", + "icons": [ + { + "src": "wekan-logo-150.png", + "sizes": "150x150", + "type": "image/png" + }, + { + "src": "wekan-logo-150.svg", + "sizes": "150x150", + "type": "image/svg+xml" + }, + { + "src": "wekan-logo-256.png", + "sizes": "256x256", + "type": "image/png" + }, + { + "src": "wekan-logo-256.svg", + "sizes": "256x256", + "type": "image/svg+xml" + }, + { + "src": "wekan-logo-512.png", + "sizes": "512x512", + "type": "image/png" + }, + { + "src": "wekan-logo-512.svg", + "sizes": "512x512", + "type": "image/svg+xml" + } + ], + "display": "fullscreen", + "background_color": "#dedede", + "theme_color": "#dedede", + "start_url": "/" +} diff --git a/public/svg-etc/wekan-favicon.png b/public/svg-etc/wekan-favicon.png new file mode 100644 index 00000000..8beb85f4 Binary files /dev/null and b/public/svg-etc/wekan-favicon.png differ diff --git a/public/svg-etc/wekan-logo-150.png b/public/svg-etc/wekan-logo-150.png new file mode 100644 index 00000000..e8e89c62 Binary files /dev/null and b/public/svg-etc/wekan-logo-150.png differ diff --git a/public/svg-etc/wekan-logo-150.svg b/public/svg-etc/wekan-logo-150.svg new file mode 100644 index 00000000..51d4eede --- /dev/null +++ b/public/svg-etc/wekan-logo-150.svg @@ -0,0 +1,68 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/svg-etc/wekan-logo-256.png b/public/svg-etc/wekan-logo-256.png new file mode 100644 index 00000000..3f29a897 Binary files /dev/null and b/public/svg-etc/wekan-logo-256.png differ diff --git a/public/svg-etc/wekan-logo-256.svg b/public/svg-etc/wekan-logo-256.svg new file mode 100644 index 00000000..2a9c5e88 --- /dev/null +++ b/public/svg-etc/wekan-logo-256.svg @@ -0,0 +1,203 @@ + + + +image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/public/svg-etc/wekan-logo-32.png b/public/svg-etc/wekan-logo-32.png new file mode 100644 index 00000000..c5bdffda Binary files /dev/null and b/public/svg-etc/wekan-logo-32.png differ diff --git a/public/svg-etc/wekan-logo-512.png b/public/svg-etc/wekan-logo-512.png new file mode 100644 index 00000000..0bb90497 Binary files /dev/null and b/public/svg-etc/wekan-logo-512.png differ diff --git a/public/svg-etc/wekan-logo-512.svg b/public/svg-etc/wekan-logo-512.svg new file mode 100644 index 00000000..e945a40d --- /dev/null +++ b/public/svg-etc/wekan-logo-512.svg @@ -0,0 +1,200 @@ + + + +image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/public/wekan-favicon.png b/public/wekan-favicon.png deleted file mode 100644 index 8beb85f4..00000000 Binary files a/public/wekan-favicon.png and /dev/null differ diff --git a/public/wekan-logo-150.png b/public/wekan-logo-150.png deleted file mode 100644 index e8e89c62..00000000 Binary files a/public/wekan-logo-150.png and /dev/null differ diff --git a/public/wekan-logo-150.svg b/public/wekan-logo-150.svg deleted file mode 100644 index 51d4eede..00000000 --- a/public/wekan-logo-150.svg +++ /dev/null @@ -1,68 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/public/wekan-manifest.json b/public/wekan-manifest.json deleted file mode 100644 index ee223e8c..00000000 --- a/public/wekan-manifest.json +++ /dev/null @@ -1,22 +0,0 @@ -{ - "name": "Wekan", - "short_name": "Wekan", - "description": "The open-source kanban", - "lang": "en-US", - "icons": [ - { - "src": "/wekan-logo-150.png", - "type": "image/png", - "sizes": "150x150" - }, - { - "src": "/wekan-logo-150.svg", - "type": "image/svg+xml", - "sizes": "150x150" - } - ], - "display": "standalone", - "background_color": "#dedede", - "theme_color": "#dedede", - "start_url": "/" -} -- cgit v1.2.3-1-g7c22