From 994ec099ad1adcdc7a93e628ebed0903fc0da79d Mon Sep 17 00:00:00 2001 From: Thomas Ballmann Date: Sun, 27 Dec 2020 15:46:19 +0100 Subject: [PATCH] #56 basic pwa works --- app/package.json | 6 +- app/public/favicon.ico | Bin 1150 -> 0 bytes app/public/index.html | 45 ++-- app/public/manifest.json | 22 +- app/public/pwa/apple-icon-180.png | Bin 0 -> 1102 bytes app/public/pwa/favicon-196.png | Bin 0 -> 1127 bytes app/public/pwa/manifest-icon-192.png | Bin 0 -> 1136 bytes app/public/pwa/manifest-icon-512.png | Bin 0 -> 2849 bytes app/src/assets/app.css | 3 + app/src/layouts/default.vue | 52 ++--- app/yarn.lock | 333 +++++++++++++++++++++++++-- 11 files changed, 391 insertions(+), 70 deletions(-) delete mode 100644 app/public/favicon.ico create mode 100644 app/public/pwa/apple-icon-180.png create mode 100644 app/public/pwa/favicon-196.png create mode 100644 app/public/pwa/manifest-icon-192.png create mode 100644 app/public/pwa/manifest-icon-512.png 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 b27700fd838ecc84d68eda6f3045cf0fdf456473..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 1150 zcmcIjdq`7Z6hA|qWDg}oh(PBfQ;Bri)J-?%W79p-J=~plZm9iJltt!5)M}Dql9_0x z5Exqa_$$ds3kq67P)az9X@waP1y00GEX%dicNGN#D~QhJ_kH&}=lssO=iKiAu*ee- z0A%IBA#Z>n0Ei+WDxz7@lMR5_wr^g+^7%h4W$&eyr%XJ=kV-z zZ2RCwv5mwa$Z6BVdIPbeLlMoH@}RF2|p{zXTQ4xh9+P&Z`Z0`aPm#t(Oa^EUTH)3-$)D z@&z%W{^s(sk&%xx_{gz@I=csxNZ&KN2JlAz0FJxdc#-r{FiQT#$Ra8#EK}s3tno#$ zk=sfSAADxDPvV%qDqKUNxmvDUVT^d>@9- z2+6;^D}=moO}_fPy3lw>mn~Kr5_hwSjh!bID^*5QzecBNqr{2PCXOGgAd#8S^->VW z0ex(U7ahm(HAMtLVPp`{5rIInfSDypKb{Z)JQje(5P&)V^?2+BP)l - - - - - + + + + + + + + + + - - <%= 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 0000000000000000000000000000000000000000..acef893c4e3e2386a58874c69f529cafacba0546 GIT binary patch literal 1102 zcmV-U1hM;xP)d(*5v9YnGrKO*rpNNQv zgM))4BqaL!`rF&vlarHlbaY%?T&%3DqN1XXj*ekrVOLjIQ&Uq;PENYIx@>H0wY9Zz zadBp5W=l&;LqkJ5J3HRq-hUkKr~m*1SV=@dRCwC$-0M;zF%Sjd)9Zo*2#AY<;wm75 zDBf?Y@Bd)?Gaba5Ehb6j)b{rPI5o~BeapZYV~jDz7-Nhv#u#Jr)7h!0Kx)$usqABl zq?QuIF%p_dAQwocTbDp~yGZ3;g1JT_Jqf6XG=51yzmUXKf|??MPG5rRx3E!;OLWr3 z`cssboh`kH@`>0U#TjC2LvbDv*`YX%CbrgUh;xXj+9Po$s9++_sEwGe#5qAFC*oWo zqT*DXb5wFJ&S`;op2fLCMR(#nBbq%OpPiwivt4oa5X(W>NccjW14J?w=V*?~=11a; zu|bZ1qx3Fh`QI#k-g10zO5f}(SEyRq8k*x?P`X=Xx$Bn31v$ny?aQ(VEXPRlNyoY^ ze3fO)?q?MN?W>YfeIG$B^lx_&&O^*RRAa0(;FR@`ephE3 zAc*F&=6oW8o__o~Afao=uOQLY%iaPc^yc*r5=|W@Jb{D`$S&I;p+nzWkT}k%yb)H_*Cxj}91wPjZgfv>4hl`(26zF7ndrojLsu_%EFJx8!r6(Qo(W}{ zQi(7RG^;s1M4$^{qZp@%S_rPyU!MuhewOe{ahG6fbN$zIzZaVt7TG^_vEP{0`uk1M zgxj!^=09J*Vb3Bs$*>k3aJ2CKIE*F7@*-ZAu@pbIU>N|q2|igl|F)!*alV{jsLg+C z3YPJ~nyvwb9n`ELmcqL=EF-bE`XOW)KK3ifEMwkJ-onZUy%0<&elS zOjvfmZQH*3nYPK!mR5-mJ`E(O@)YGgqobpWii&7xXkcJqFfcGFDJdQv9u*Z85fKp$4Gs16_2J>+&(F`0kdSb2a9LSd zH#avVBqUT+RQ~hly1KfntE-)zoq~dbbaZsGva*?(nf8}CdwY9KOiV>ZMYguKudlC` zmX?Kuh5z{RPEJnok~R1D_xsD8`M7vZO-*r{P>TQn187M^K~#9!?cIx3+CUHn;D6d$ zk*gvqs30gWMN!D$#vtOO$>CX~cK=|L69M?m^5kQTUh=zs5IZr?DMkaT?S`xkG3-LCS=V zDEkQPHc-LVEi$Q2M41ID?YG(pX(UP)9_@*;hkzP=QEE{9#@!*p*%jpkUOk91Mlem$ zs_<)Hly!u%Dasl=I}@coz$3O#S^OP^yxtxBL3Fn+eey`=jb(En%MAXn)rev(eKcHB z7sOxHJQ<7ffTZZ_%T%>;|))lUXU^pkq2*$|`!<^2OZ3$BKWJ8csvQ-CC zV^Pk*Y3MWrIXMkMPHm?l$Z03p5G0keA^79HH(xw$f<71^qtEZW`Q)o1xIsFIrf3z; zK_nZ3XUOJTB!g%i>XMvv5a{Vakls!sQ97K1NG{q{&Oz+v`hmsI58mWh?3ye8sf+JD z23Mfu?!%zu?8Bf`hK5HeT2EzY0+ym3TZYE?tOTzpDrIMa_CuaWX06`V%&jPL>_8 z!IDXnHCY8oESdCrNp(z z5g&S+A(O^?{BY__Y6n4=?MUuY9FG2!0mzT3$E}Fa|6u?+#7o4px#SYb$rkO~oiz_0 t?nw6y7-Nhv#u#IaF~%5Uj4|fT`VEa=N?$urIF$eZ002ovPDHLkV1l2&6}bQa literal 0 HcmV?d00001 diff --git a/app/public/pwa/manifest-icon-192.png b/app/public/pwa/manifest-icon-192.png new file mode 100644 index 0000000000000000000000000000000000000000..71bc43e89966be0904aad9c22733d97a774f4368 GIT binary patch literal 1136 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 literal 0 HcmV?d00001 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 @@