{"action":"closed","issue":{"url":"https://api.github.com/repos/papriika/papriika.github.io/issues/2","repository_url":"https://api.github.com/repos/papriika/papriika.github.io","labels_url":"https://api.github.com/repos/papriika/papriika.github.io/issues/2/labels{/name}","comments_url":"https://api.github.com/repos/papriika/papriika.github.io/issues/2/comments","events_url":"https://api.github.com/repos/papriika/papriika.github.io/issues/2/events","html_url":"https://github.com/papriika/papriika.github.io/issues/2","id":389843140,"node_id":"MDU6SXNzdWUzODk4NDMxNDA=","number":2,"title":"Update favicon, apple touch and website support images","user":{"login":"guylepage3","id":1711854,"node_id":"MDQ6VXNlcjE3MTE4NTQ=","avatar_url":"https://avatars3.githubusercontent.com/u/1711854?v=4","gravatar_id":"","url":"https://api.github.com/users/guylepage3","html_url":"https://github.com/guylepage3","followers_url":"https://api.github.com/users/guylepage3/followers","following_url":"https://api.github.com/users/guylepage3/following{/other_user}","gists_url":"https://api.github.com/users/guylepage3/gists{/gist_id}","starred_url":"https://api.github.com/users/guylepage3/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/guylepage3/subscriptions","organizations_url":"https://api.github.com/users/guylepage3/orgs","repos_url":"https://api.github.com/users/guylepage3/repos","events_url":"https://api.github.com/users/guylepage3/events{/privacy}","received_events_url":"https://api.github.com/users/guylepage3/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":{"login":"guylepage3","id":1711854,"node_id":"MDQ6VXNlcjE3MTE4NTQ=","avatar_url":"https://avatars3.githubusercontent.com/u/1711854?v=4","gravatar_id":"","url":"https://api.github.com/users/guylepage3","html_url":"https://github.com/guylepage3","followers_url":"https://api.github.com/users/guylepage3/followers","following_url":"https://api.github.com/users/guylepage3/following{/other_user}","gists_url":"https://api.github.com/users/guylepage3/gists{/gist_id}","starred_url":"https://api.github.com/users/guylepage3/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/guylepage3/subscriptions","organizations_url":"https://api.github.com/users/guylepage3/orgs","repos_url":"https://api.github.com/users/guylepage3/repos","events_url":"https://api.github.com/users/guylepage3/events{/privacy}","received_events_url":"https://api.github.com/users/guylepage3/received_events","type":"User","site_admin":false},"assignees":[{"login":"guylepage3","id":1711854,"node_id":"MDQ6VXNlcjE3MTE4NTQ=","avatar_url":"https://avatars3.githubusercontent.com/u/1711854?v=4","gravatar_id":"","url":"https://api.github.com/users/guylepage3","html_url":"https://github.com/guylepage3","followers_url":"https://api.github.com/users/guylepage3/followers","following_url":"https://api.github.com/users/guylepage3/following{/other_user}","gists_url":"https://api.github.com/users/guylepage3/gists{/gist_id}","starred_url":"https://api.github.com/users/guylepage3/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/guylepage3/subscriptions","organizations_url":"https://api.github.com/users/guylepage3/orgs","repos_url":"https://api.github.com/users/guylepage3/repos","events_url":"https://api.github.com/users/guylepage3/events{/privacy}","received_events_url":"https://api.github.com/users/guylepage3/received_events","type":"User","site_admin":false}],"milestone":null,"comments":0,"created_at":"2018-12-11T16:19:50Z","updated_at":"2018-12-12T17:34:36Z","closed_at":"2018-12-12T17:34:36Z","author_association":"MEMBER","body":"**Description**\r\nSafari is displaying alpha channels in the browser's address bar but not on the tabs.\r\n\r\nFavicon\r\n```\r\n<link rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"%PUBLIC_URL%/favicon-32x32.png?v=askdfh26ja\">\r\n<link rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"%PUBLIC_URL%/favicon-16x16.png?v=askdfh26ja\">\r\n<link rel=\"shortcut icon\" type=\"image/x-icon\" href=\"%PUBLIC_URL%/favicon.ico?v=askdfh26ja\">\r\n\r\n```\r\n\r\n### Apple \r\n\r\n#### Apple touch icons\r\n| Device or context  | Icon size                              |\r\n| ------------------ | -------------------------------------- |\r\n| iPhone             | 180px × 180px (60pt × 60pt @3x)        |\r\n|                    | 120px × 120px (60pt × 60pt @2x)        |\r\n| iPad Pro           | 167px × 167px (83.5pt × 83.5pt @2x)    |\r\n| iPad, iPad mini    | 152px × 152px (76pt × 76pt @2x)        |\r\n| App Store          | 1024px × 1024px (1024pt × 1024pt @1x)  |\r\n\r\n```\r\n<link rel=\"apple-touch-icon\" href=\"%PUBLIC_URL%/apple-touch-icon.png?v=askdfh26ja\"><!-- 180x180 -->\r\n<link rel=\"apple-touch-icon\" href=\"%PUBLIC_URL%/touch-icon-iphone.png?v=askdfh26ja\"><!-- 120x120 -->\r\n<link rel=\"apple-touch-icon\" sizes=\"152x152\" href=\"%PUBLIC_URL%/touch-icon-ipad.png?v=askdfh26ja\">\r\n<link rel=\"apple-touch-icon\" sizes=\"180x180\" href=\"%PUBLIC_URL%/touch-icon-iphone-retina.png?v=askdfh26ja\">\r\n<link rel=\"apple-touch-icon\" sizes=\"167x167\" href=\"%PUBLIC_URL%/touch-icon-ipad-retina.png?v=askdfh26ja\">\r\n```\r\n\r\n- [Apple Developer Human Interface Design - App Icon](https://developer.apple.com/design/human-interface-guidelines/ios/icons-and-images/app-icon/).\r\n- [Apple Developer Configuring Web Applications](https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html).\r\n\r\n\r\n### Google\r\n\r\nGoogle uses the `manifest.json` web app method.\r\n```\r\n<link rel=\"manifest\" href=\"%PUBLIC_URL%/manifest.json\" />\r\n```\r\n\r\n```\r\n{\r\n  \"short_name\": \"Papriika\",\r\n  \"name\": \"Papriika\",\r\n  \"icons\": [\r\n  {\r\n    \"src\": \"android-chrome-192x192.png\",\r\n    \"type\": \"image/png\",\r\n    \"sizes\": \"192x192\"\r\n  },\r\n  {\r\n    \"src\": \"android-chrome-512x512.png\",\r\n    \"type\": \"image/png\",\r\n    \"sizes\": \"512x512\"\r\n  }\r\n  ],\r\n  \"start_url\": \"/\",\r\n  \"display\": \"standalone\",\r\n  \"theme_color\": \"#000000\",\r\n  \"background_color\": \"#000000\"\r\n}\r\n```\r\n\r\n- [Google The Web App Manifest](https://developers.google.com/web/fundamentals/web-app-manifest/).\r\n\r\n\r\n### Facebook og:imagery\r\n```\r\n<meta property=\"og:title\" content=\"Papriika\">\r\n<meta property=\"og:description\" content=\"Papriika\">\r\n<meta property=\"og:url\" content=\"http://papriika.com\">\r\n<meta property=\"og:locale\" content=\"en_US\">\r\n<meta property=\"og:image\" content=\"\">\r\n<meta property=\"og:type\" content=\"website\">\r\n<meta property=\"og:site_name\" content=\"Papriika\">\r\n```\r\n- [Facebook og:image](http://ogp.me/#)\r\n\r\n\r\n### Final React App Placement\r\n```\r\n<meta charset=\"utf-8\" />\r\n<meta name=\"description\" content=\"Papriika\" />\r\n<meta name=\"keywords\" content=\"Papriika\" />\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1, shrink-to-fit=no\" />\r\n<meta name=\"theme-color\" content=\"#000000\" />\r\n<meta name=\"apple-mobile-web-app-title\" content=\"Papriika\">\r\n<meta name=\"application-name\" content=\"Papriika\">\r\n<meta property=\"og:title\" content=\"Papriika\">\r\n<meta property=\"og:description\" content=\"Papriika\">\r\n<meta property=\"og:url\" content=\"http://papriika.com\">\r\n<meta property=\"og:locale\" content=\"en_US\">\r\n<meta property=\"og:image\" content=\"\">\r\n<meta property=\"og:type\" content=\"website\">\r\n<meta property=\"og:site_name\" content=\"Papriika\">\r\n<!--\r\n  manifest.json provides metadata used when your web app is added to the\r\n  homescreen on Android. See https://developers.google.com/web/fundamentals/engage-and-retain/web-app-manifest/\r\n-->\r\n<link rel=\"manifest\" href=\"%PUBLIC_URL%/manifest.json\" />\r\n<link rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"%PUBLIC_URL%/favicon-32x32.png?v=askdfh26ja\">\r\n<link rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"%PUBLIC_URL%/favicon-16x16.png?v=askdfh26ja\">\r\n<link rel=\"shortcut icon\" type=\"image/x-icon\" href=\"%PUBLIC_URL%/favicon.ico?v=askdfh26ja\">\r\n<link rel=\"apple-touch-icon\" href=\"%PUBLIC_URL%/apple-touch-icon.png?v=askdfh26ja\"><!-- 180x180 -->\r\n<link rel=\"apple-touch-icon\" href=\"%PUBLIC_URL%/touch-icon-iphone.png?v=askdfh26ja\"><!-- 120x120 -->\r\n<link rel=\"apple-touch-icon\" sizes=\"152x152\" href=\"%PUBLIC_URL%/touch-icon-ipad.png?v=askdfh26ja\">\r\n<link rel=\"apple-touch-icon\" sizes=\"180x180\" href=\"%PUBLIC_URL%/touch-icon-iphone-retina.png?v=askdfh26ja\">\r\n<link rel=\"apple-touch-icon\" sizes=\"167x167\" href=\"%PUBLIC_URL%/touch-icon-ipad-retina.png?v=askdfh26ja\">\r\n```\r\n"}}
{"actor":{"display_login":"guylepage3"}}