diff --git a/Gruntfile.js b/Gruntfile.js index 5b03657165..954215132f 100644 --- a/Gruntfile.js +++ b/Gruntfile.js @@ -66,6 +66,7 @@ module.exports = function(grunt) { build: { files: [ {expand: true, cwd: 'website/public/', src: 'favicon.ico', dest: 'website/build/'}, + {expand: true, cwd: 'website/public/', src: 'favicon_192x192.png', dest: 'website/build/'}, {expand: true, cwd: '', src: 'common/dist/sprites/spritesmith*.png', dest: 'website/build/'}, {expand: true, cwd: '', src: 'common/img/sprites/backer-only/*.gif', dest: 'website/build/'}, {expand: true, cwd: '', src: 'common/img/sprites/npc_ian.gif', dest: 'website/build/'}, @@ -85,6 +86,7 @@ module.exports = function(grunt) { 'website/build/*.js', 'website/build/*.css', 'website/build/favicon.ico', + 'website/build/favicon_192x192.png', 'website/build/common/dist/sprites/*.png', 'website/build/common/img/sprites/backer-only/*.gif', 'website/build/common/img/sprites/npc_ian.gif', diff --git a/website/public/favicon_192x192.png b/website/public/favicon_192x192.png new file mode 100644 index 0000000000..1f187faa15 Binary files /dev/null and b/website/public/favicon_192x192.png differ diff --git a/website/views/index.jade b/website/views/index.jade index a314059877..39060c1d4c 100644 --- a/website/views/index.jade +++ b/website/views/index.jade @@ -4,11 +4,13 @@ html(ng-app="habitrpg", ng-controller="RootCtrl", ng-class='{"applying-action":a head title=env.t('titleIndex') // ?v=1 needed to force refresh - link(rel='shortcut icon', href='#{env.getBuildUrl("favicon.ico")}?v=4') + link(rel='shortcut icon', sizes="32x32", href='#{env.getBuildUrl("favicon.ico")}?v=4') + link(rel='shortcut icon', sizes="144x144", href='#{env.getBuildUrl("favicon_192x192.png")}?v=4') meta(charset='utf-8') meta(name='viewport', content='width=device-width, initial-scale=1.0') meta(name='apple-mobile-web-app-capable', content='yes') + meta(name='mobile-web-app-capable', content='yes') //- Disable NewRelic until we add it again on the server if(env.NODE_ENV == 'production' && false) diff --git a/website/views/static/front.jade b/website/views/static/front.jade index a05d16f0e8..e7aa7a7242 100644 --- a/website/views/static/front.jade +++ b/website/views/static/front.jade @@ -24,7 +24,8 @@ html(ng-app='habitrpg', ng-controller='RootCtrl') meta(name='twitter:image' content='https://s3.amazonaws.com/habitica-assets/assets/gryphon_logo.png') meta(name='apple-itunes-app' content='app-id=994882113') link(rel='canonical', href='', type='text/html') - link(rel='shortcut icon', href='/favicon.ico') + link(rel='shortcut icon', sizes="32x32", href='/favicon.ico') + link(rel='shortcut icon', sizes="144x144", href='/favicon_192x192.png') link(rel='stylesheet', type='text/css', href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.4/css/bootstrap.min.css') @@ -648,4 +649,3 @@ html(ng-app='habitrpg', ng-controller='RootCtrl') }]).directive('carousel', [function () { return {} }]); - diff --git a/website/views/static/layout.jade b/website/views/static/layout.jade index 0c5057900a..29e105b874 100644 --- a/website/views/static/layout.jade +++ b/website/views/static/layout.jade @@ -19,7 +19,8 @@ html(ng-app='habitrpg') script(type='text/javascript'). window.env = !{JSON.stringify(env._.pick(env, env.clientVars))}; - link(rel='shortcut icon', href='#{env.getBuildUrl("favicon.ico")}?v=4') + link(rel='shortcut icon', sizes="32x32", href='#{env.getBuildUrl("favicon.ico")}?v=4') + link(rel='shortcut icon', sizes="144x144", href='#{env.getBuildUrl("favicon_192x192.png")}?v=4') meta(charset='utf-8') meta(name='viewport', content='width=device-width, initial-scale=1.0') diff --git a/website/views/static/new-stuff.jade b/website/views/static/new-stuff.jade index b2a6befbb1..54285e22bb 100644 --- a/website/views/static/new-stuff.jade +++ b/website/views/static/new-stuff.jade @@ -9,7 +9,8 @@ html(ng-app='habitrpg') script(type='text/javascript'). window.env = !{JSON.stringify(env._.pick(env, env.clientVars))}; - link(rel='shortcut icon', href='#{env.getBuildUrl("favicon.ico")}?v=4') + link(rel='shortcut icon', sizes="32x32", href='#{env.getBuildUrl("favicon.ico")}?v=4') + link(rel='shortcut icon', sizes="144x144", href='#{env.getBuildUrl("favicon_192x192.png")}?v=4') meta(charset='utf-8') meta(name='viewport', content='width=device-width, initial-scale=1.0')