From 2301d8919c28eb888ea1eb968d03376b2219a27d Mon Sep 17 00:00:00 2001 From: Bastien Wirtz Date: Sat, 30 May 2020 17:17:39 -0700 Subject: Adding PWA icons for proper pwa support --- .github/workflows/main.yml | 38 ++++++++++ README.md | 2 +- public/assets/icons/android-chrome-192x192.png | Bin 0 -> 12693 bytes public/assets/icons/android-chrome-512x512.png | Bin 0 -> 16035 bytes .../icons/android-chrome-maskable-192x192.png | Bin 0 -> 12693 bytes .../icons/android-chrome-maskable-512x512.png | Bin 0 -> 16035 bytes public/assets/icons/apple-touch-icon-120x120.png | Bin 0 -> 6884 bytes public/assets/icons/apple-touch-icon-152x152.png | Bin 0 -> 9612 bytes public/assets/icons/apple-touch-icon-180x180.png | Bin 0 -> 11718 bytes public/assets/icons/apple-touch-icon-60x60.png | Bin 0 -> 3113 bytes public/assets/icons/apple-touch-icon-76x76.png | Bin 0 -> 4154 bytes public/assets/icons/apple-touch-icon.png | Bin 0 -> 11718 bytes public/assets/icons/favicon-16x16.png | Bin 0 -> 425 bytes public/assets/icons/favicon-32x32.png | Bin 0 -> 1069 bytes public/assets/icons/msapplication-icon-144x144.png | Bin 0 -> 9041 bytes public/assets/icons/mstile-150x150.png | Bin 0 -> 9378 bytes public/assets/icons/safari-pinned-tab.svg | 3 + public/assets/manifest.json | 79 +++++++++++++++++++++ src/App.vue | 2 - vue.config.js | 3 + 20 files changed, 124 insertions(+), 3 deletions(-) create mode 100644 .github/workflows/main.yml create mode 100644 public/assets/icons/android-chrome-192x192.png create mode 100644 public/assets/icons/android-chrome-512x512.png create mode 100644 public/assets/icons/android-chrome-maskable-192x192.png create mode 100644 public/assets/icons/android-chrome-maskable-512x512.png create mode 100644 public/assets/icons/apple-touch-icon-120x120.png create mode 100644 public/assets/icons/apple-touch-icon-152x152.png create mode 100644 public/assets/icons/apple-touch-icon-180x180.png create mode 100644 public/assets/icons/apple-touch-icon-60x60.png create mode 100644 public/assets/icons/apple-touch-icon-76x76.png create mode 100644 public/assets/icons/apple-touch-icon.png create mode 100644 public/assets/icons/favicon-16x16.png create mode 100644 public/assets/icons/favicon-32x32.png create mode 100644 public/assets/icons/msapplication-icon-144x144.png create mode 100644 public/assets/icons/mstile-150x150.png create mode 100644 public/assets/icons/safari-pinned-tab.svg create mode 100644 public/assets/manifest.json diff --git a/.github/workflows/main.yml b/.github/workflows/main.yml new file mode 100644 index 0000000..792fe59 --- /dev/null +++ b/.github/workflows/main.yml @@ -0,0 +1,38 @@ +# Publish pre-build release +name: Upload Release Asset + +on: + push: + branches: [master] + +jobs: + build: + name: Upload Release Asset + runs-on: ubuntu-latest + steps: + - uses: actions/checkout@v2 + - name: Build project + run: | + yarn install + yarn build + zip --junk-paths homer dist/* + - name: Create Release + id: create_release + uses: actions/create-release@v1 + env: + GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }} + with: + tag_name: ${{ github.run_id }} + release_name: Release ${{ github.run_id }} + draft: false + prerelease: false + - name: Upload Release Asset + id: upload-release-asset + uses: actions/upload-release-asset@v1 + env: + GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }} + with: + upload_url: ${{ steps.create_release.outputs.upload_url }} + asset_path: ./homer.zip + asset_name: homer.zip + asset_content_type: application/zip diff --git a/README.md b/README.md index 763e1e6..28a2046 100644 --- a/README.md +++ b/README.md @@ -28,7 +28,7 @@ If you need authentication support, you're on your own (it can be secured using ### Using docker ```sh -sudo docker run -p 8080:8080 -v /your/local/config.yml:/www/config.yml -v /your/local/assets/:/www/assets b4bz/homer:latest +docker run -p 8080:8080 -v /your/local/config.yml:/www/config.yml -v /your/local/assets/:/www/assets b4bz/homer:latest ``` ### Manually diff --git a/public/assets/icons/android-chrome-192x192.png b/public/assets/icons/android-chrome-192x192.png new file mode 100644 index 0000000..f3d4cf4 Binary files /dev/null and b/public/assets/icons/android-chrome-192x192.png differ diff --git a/public/assets/icons/android-chrome-512x512.png b/public/assets/icons/android-chrome-512x512.png new file mode 100644 index 0000000..1218c4f Binary files /dev/null and b/public/assets/icons/android-chrome-512x512.png differ diff --git a/public/assets/icons/android-chrome-maskable-192x192.png b/public/assets/icons/android-chrome-maskable-192x192.png new file mode 100644 index 0000000..f3d4cf4 Binary files /dev/null and b/public/assets/icons/android-chrome-maskable-192x192.png differ diff --git a/public/assets/icons/android-chrome-maskable-512x512.png b/public/assets/icons/android-chrome-maskable-512x512.png new file mode 100644 index 0000000..1218c4f Binary files /dev/null and b/public/assets/icons/android-chrome-maskable-512x512.png differ diff --git a/public/assets/icons/apple-touch-icon-120x120.png b/public/assets/icons/apple-touch-icon-120x120.png new file mode 100644 index 0000000..7cf6fc6 Binary files /dev/null and b/public/assets/icons/apple-touch-icon-120x120.png differ diff --git a/public/assets/icons/apple-touch-icon-152x152.png b/public/assets/icons/apple-touch-icon-152x152.png new file mode 100644 index 0000000..264a739 Binary files /dev/null and b/public/assets/icons/apple-touch-icon-152x152.png differ diff --git a/public/assets/icons/apple-touch-icon-180x180.png b/public/assets/icons/apple-touch-icon-180x180.png new file mode 100644 index 0000000..98b4b2a Binary files /dev/null and b/public/assets/icons/apple-touch-icon-180x180.png differ diff --git a/public/assets/icons/apple-touch-icon-60x60.png b/public/assets/icons/apple-touch-icon-60x60.png new file mode 100644 index 0000000..4564921 Binary files /dev/null and b/public/assets/icons/apple-touch-icon-60x60.png differ diff --git a/public/assets/icons/apple-touch-icon-76x76.png b/public/assets/icons/apple-touch-icon-76x76.png new file mode 100644 index 0000000..dd8c536 Binary files /dev/null and b/public/assets/icons/apple-touch-icon-76x76.png differ diff --git a/public/assets/icons/apple-touch-icon.png b/public/assets/icons/apple-touch-icon.png new file mode 100644 index 0000000..98b4b2a Binary files /dev/null and b/public/assets/icons/apple-touch-icon.png differ diff --git a/public/assets/icons/favicon-16x16.png b/public/assets/icons/favicon-16x16.png new file mode 100644 index 0000000..1b14058 Binary files /dev/null and b/public/assets/icons/favicon-16x16.png differ diff --git a/public/assets/icons/favicon-32x32.png b/public/assets/icons/favicon-32x32.png new file mode 100644 index 0000000..0c8efc9 Binary files /dev/null and b/public/assets/icons/favicon-32x32.png differ diff --git a/public/assets/icons/msapplication-icon-144x144.png b/public/assets/icons/msapplication-icon-144x144.png new file mode 100644 index 0000000..96889ff Binary files /dev/null and b/public/assets/icons/msapplication-icon-144x144.png differ diff --git a/public/assets/icons/mstile-150x150.png b/public/assets/icons/mstile-150x150.png new file mode 100644 index 0000000..337f1e6 Binary files /dev/null and b/public/assets/icons/mstile-150x150.png differ diff --git a/public/assets/icons/safari-pinned-tab.svg b/public/assets/icons/safari-pinned-tab.svg new file mode 100644 index 0000000..ccf5e55 --- /dev/null +++ b/public/assets/icons/safari-pinned-tab.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/public/assets/manifest.json b/public/assets/manifest.json new file mode 100644 index 0000000..c7a3329 --- /dev/null +++ b/public/assets/manifest.json @@ -0,0 +1,79 @@ +{ + "name": "Dashboard", + "short_name": "homer", + "theme_color": "#3367D6", + "icons": [ + { + "src": "./assets/icons/android-chrome-192x192.png", + "sizes": "192x192", + "type": "image/png" + }, + { + "src": "./assets/icons/android-chrome-512x512.png", + "sizes": "512x512", + "type": "image/png" + }, + { + "src": "./assets/icons/android-chrome-maskable-192x192.png", + "sizes": "192x192", + "type": "image/png", + "purpose": "maskable" + }, + { + "src": "./assets/icons/android-chrome-maskable-512x512.png", + "sizes": "512x512", + "type": "image/png", + "purpose": "maskable" + }, + { + "src": "./assets/icons/apple-touch-icon-60x60.png", + "sizes": "60x60", + "type": "image/png" + }, + { + "src": "./assets/icons/apple-touch-icon-76x76.png", + "sizes": "76x76", + "type": "image/png" + }, + { + "src": "./assets/icons/apple-touch-icon-120x120.png", + "sizes": "120x120", + "type": "image/png" + }, + { + "src": "./assets/icons/apple-touch-icon-152x152.png", + "sizes": "152x152", + "type": "image/png" + }, + { + "src": "./assets/icons/apple-touch-icon-180x180.png", + "sizes": "180x180", + "type": "image/png" + }, + { + "src": "./assets/icons/apple-touch-icon.png", + "sizes": "180x180", + "type": "image/png" + }, + { + "src": "./assets/icons/favicon-16x16.png", + "sizes": "16x16", + "type": "image/png" + }, + { + "src": "./assets/icons/favicon-32x32.png", + "sizes": "32x32", + "type": "image/png" + }, + { + "src": "./assets/icons/msapplication-icon-144x144.png", + "sizes": "144x144", + "type": "image/png" + }, + { + "src": "./assets/icons/mstile-150x150.png", + "sizes": "150x150", + "type": "image/png" + } + ] +} diff --git a/src/App.vue b/src/App.vue index be16234..8185da2 100644 --- a/src/App.vue +++ b/src/App.vue @@ -151,8 +151,6 @@ export default { let config = await this.getConfig(); this.config = merge(defaults, config); - - console.log(this.config); this.services = this.config.services; document.title = `${this.config.title} | ${this.config.subtitle}`; } catch (error) { diff --git a/vue.config.js b/vue.config.js index 06a1146..3b104f7 100644 --- a/vue.config.js +++ b/vue.config.js @@ -7,4 +7,7 @@ module.exports = { .loader("raw-loader") .end(); }, + pwa: { + manifestPath: "assets/manifest.json" + } }; -- cgit v1.2.3