From d270bfdbb2294ef1f976288620a0cb0c2a981740 Mon Sep 17 00:00:00 2001 From: Anthony Lavado Date: Mon, 7 Jan 2019 00:38:26 -0500 Subject: [PATCH] Apply branding to index, improve icons, fix theme colour - For index.html, set the Chrome title bar on mobile to the background #101010 instead of the blue. It also adds a better "one size fits all" Apple Touch icon declaration. The Open Graph description is updated to our tagline instead of the original. - For manifest.json, restructures the file, sets the background #101010 to the theme colour, and fixes the capitalization on the description. - For touchicon.png, this is just an enhanced version with the background applied, and a margin so it doesn't get cut off on home screens. --- dashboard-ui/index.html | 13 ++++----- dashboard-ui/manifest.json | 58 ++++++++++++++++++------------------- dashboard-ui/touchicon.png | Bin 3063 -> 8515 bytes 3 files changed, 34 insertions(+), 37 deletions(-) diff --git a/dashboard-ui/index.html b/dashboard-ui/index.html index fa099e731..889021a39 100644 --- a/dashboard-ui/index.html +++ b/dashboard-ui/index.html @@ -1,4 +1,4 @@ - + @@ -15,17 +15,16 @@ - + - - - - + + + - + Jellyfin diff --git a/dashboard-ui/manifest.json b/dashboard-ui/manifest.json index e7c41a2a3..ce66fa0f4 100644 --- a/dashboard-ui/manifest.json +++ b/dashboard-ui/manifest.json @@ -1,32 +1,30 @@ { - "_comment": "This should be Jellyfin, but that breaks apps...", - "description": "Jellyfin: the Free Software media system.", - "display": "minimal-ui", - "icons": [ - { - "sizes": "72x72", - "src": "touchicon72.png", - "type": "image/png" - }, - { - "sizes": "114x114", - "src": "touchicon114.png", - "type": "image/png" - }, - { - "sizes": "144x144", - "src": "touchicon144.png", - "type": "image/png" - } - ], - "lang": "en-US", - "name": "Emby", - "related_applications": [ - { - "platform": "web" - } - ], - "short_name": "Emby", - "start_url": "/web/index.html", - "theme_color": "#00a4dc" + + "name": "Emby", + "_comment": "This should be Jellyfin, but that breaks apps...", + "description": "Jellyfin: the Free Software Media System.", + "lang": "en-US", + "display": "minimal-ui", + "short_name": "Emby", + "start_url": "/web/index.html", + "theme_color": "#101010", + "icons": [{ + "sizes": "72x72", + "src": "touchicon72.png", + "type": "image/png" + }, + { + "sizes": "114x114", + "src": "touchicon114.png", + "type": "image/png" + }, + { + "sizes": "144x144", + "src": "touchicon144.png", + "type": "image/png" + } + ], + "related_applications": [{ + "platform": "web" + }] } diff --git a/dashboard-ui/touchicon.png b/dashboard-ui/touchicon.png index 3803bcd0a3f97b49206a7d9a5e9401d8013b096e..8ad4ee0af177c43cdd6abc46c965e18c990c0f9c 100644 GIT binary patch literal 8515 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

vTNi%v zqh>=I!F);7Nc|xrIj9AmE?Y71cv#iSXjp#%V*(so}G}xa@~@jDshe1X($1>yMSVGa}1}5(g#kQ!9#v;;H)iV5yGKoz*DF%95(S0uB#VF0nuT zJO?>zqlCInY_5>G7puLdV3YAS7Y=7e$!zDwUQ_B9zN()`p3s#1f;kaWz|Pr;Z$wEW2%9jw&UvT5 zxh-l82wqZB{Z1?+&k|DxEZ?0I33=vZyWa@e)t8lfVWIC&edWf_A{78{3o4!k>kB90 zW@q92GHQgaGq2k##NV?j5*gU;C#3CNk&sH{g1%QhBOg0T!SyI(k$s0pU8VLcX+2+*ddItyEM3nr)65r6kp8Ti<^$qe> zZth={JmU{19$gJ?{o(R`y|W;N`hX<2aG@oC;N7U;pZ>s(j1Sn*C(USm>F724q`!OJqwbvPzL{z~c1OWW4zJUQ?!E?o101TZv_2Ukb z;|>*|w*ox{+Ffa4N?e+hr%IespiaO;0zD`+|EaU*K721;eCA@~003w3<5q#Z0?dO^vA%m5^Ff+M)HhY}Nka zqrmorxe~vQsDh_pPfuTV!+%>->BhECCSQF(i8KCX6@XP44ge+|S0lh(=`9;VV0V@RgQ@$~#YP}^#1`K~GEc6tc55AxG@KS&Gorf3$xnCI+4S-pLyu{hR3MT}&#= zU>7C2C@?5pnIoW3|9b=gLZFbu8A{@J6OavfcQF}1k$x5$9|P4ubTVEy+*sI9y$cFWL<$6jQezzV}JP4bfiR={3 z7t2|XuAbj5%|??e7v?CrA#5hHl#7C8Hmv_^N5g6)Z1zUpcU3I_>rc1R7c<@#*F4FT zH+%7c4}a!5d`5_2sRf=1ClOc1(hk7ypuEq#eS*#*RG#ly$hZ++G;_U_NO*oT$1Uw$ zm010OwzzCZ9~;APF}%wHMV4?{8rG*=J+MiS-4NJ13w~s&f3h)o=X~ka2fR#Kklt4D z*q*{OwY3AS(PA|$vSc4i^s$C*v)y`lm}v#rlh$CL!0fZo8i~n{6Kqq1u~$aM=z1Ze z+N2pZ-Kg5T&fsz}+Eom@xIi~0I=D1#g}l^K+lgU2OSDNUYlLX;nTb=D)FkXVAN*ocGL#~k{7aV8*;j+G=CusGx{{ywTKCg|K_4)t+002ovPDHLk FV1mDA)pGy<