Last active
October 14, 2017 19:27
-
-
Save colinrubbert/6f05a0d45427a9aa4f5c98f800f1cf5d to your computer and use it in GitHub Desktop.
VSCode PWA HTML Boilerplate User Snippet
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "PWA Boilerplate Layout": { | |
| "prefix": "!-pwa", | |
| "body": [ | |
| "<!DOCTYPE html>", | |
| "<html lang=\"en\">", | |
| "\t<head>", | |
| "\t\t<meta charset=\"utf-8\">", | |
| "\t\t<meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">", | |
| "\t\t<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">", | |
| "\t\t<!-- Title, Description, and Author -->", | |
| "\t\t<title>pwa-example-code</title>", | |
| "\t\t<meta name=\"description\" content=\"A general description for the site to appear in search engine results\">", | |
| "\t\t<meta name=\"author\" content=\"Your Name\">", | |
| "\t\t<!-- Favicons -->", | |
| "\t\t<link rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"./assets/img/icons/favicon-32x32.png\">", | |
| "\t\t<link rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"./assets/img/icons/favicon-16x16.png\">", | |
| "\t\t<!--[if IE]><link rel=\"shortcut icon\" href=\"./assets/img/icons/favicon.ico\"><![endif]-->", | |
| "\t\t<!-- Add to home screen for Android and modern mobile browsers -->", | |
| "\t\t<link rel=\"manifest\" href=\"./assets/manifest.json\">", | |
| "\t\t<meta name=\"theme-color\" content=\"#4DBA87\">", | |
| "\t\t<!-- Add to home screen for Safari on iOS -->", | |
| "\t\t<meta name=\"apple-mobile-web-app-capable\" content=\"yes\">", | |
| "\t\t<meta name=\"apple-mobile-web-app-status-bar-style\" content=\"black\">", | |
| "\t\t<meta name=\"apple-mobile-web-app-title\" content=\"pwa-example-code\">", | |
| "\t\t<link rel=\"apple-touch-icon\" href=\"./assets/img/icons/apple-touch-icon-152x152.png\">", | |
| "\t\t<!-- Add to home screen for Windows -->", | |
| "\t\t<meta name=\"msapplication-TileImage\" content=\"./assets/img/icons/msapplication-icon-144x144.png\">", | |
| "\t\t<meta name=\"msapplication-TileColor\" content=\"#000000\">", | |
| "\t\t<link rel=\"stylesheet\" href=\"./assets/main.css\">", | |
| "\t\t<!-- Open Graph Meta -->", | |
| "\t\t<meta property=\"og:locale\" content=\"en_US\">", | |
| "\t\t<meta property=\"og:title\" content=\"title goes here\">", | |
| "\t\t<meta property=\"og:image\" content=\"link_to_image\">", | |
| "\t\t<meta property=\"og:description\" content=\"description goes here\">", | |
| "\t\t<meta property=\"og:sitename\" content=\"Sitename\">", | |
| "\t\t<!-- Twitter Card Meta -->", | |
| "\t\t<meta name=\"twitter:card\" content=\"summary\">", | |
| "\t\t<meta name=\"twitter:title\" content=\"title goes here\">", | |
| "\t\t<meta name=\"twitter:description\" content=\"description goes here\">", | |
| "\t\t<meta name=\"twitter:url\" content=\"site url goes here\">", | |
| "\t\t<meta name=\"twitter:image\" content=\"site image goes here\">", | |
| "\t</head>", | |
| "\t<body>", | |
| "\t\t<noscript>", | |
| "\t\t\t<!-- This is your fallback content in case JavaScript fails to load. -->", | |
| "\t\t</noscript>", | |
| "\t\t<h1>HTML5 PWA Boiler Plate</h1>", | |
| "\t</body>", | |
| "</html>" | |
| ], | |
| "description": "HTML5 boiler plate for PWA code." | |
| } | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment