Created
October 10, 2017 23:30
-
-
Save colinrubbert/3383218dce3e849aa9994579aa8dbe0d to your computer and use it in GitHub Desktop.
PWA HTML Boilerplate
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
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1"> | |
| <!-- Title, Description, and Author --> | |
| <title>pwa-example-code</title> | |
| <meta name="description" content="A general description for the site to appear in search engine results"> | |
| <meta name="author" content="Your Name"> | |
| <!-- Favicons --> | |
| <link rel="icon" type="image/png" sizes="32x32" href="./assets/img/icons/favicon-32x32.png"> | |
| <link rel="icon" type="image/png" sizes="16x16" href="./assets/img/icons/favicon-16x16.png"> | |
| <!--[if IE]><link rel="shortcut icon" href="./assets/img/icons/favicon.ico"><![endif]--> | |
| <!-- Add to home screen for Android and modern mobile browsers --> | |
| <link rel="manifest" href="./assets/manifest.json"> | |
| <meta name="theme-color" content="#4DBA87"> | |
| <!-- Add to home screen for Safari on iOS --> | |
| <meta name="apple-mobile-web-app-capable" content="yes"> | |
| <meta name="apple-mobile-web-app-status-bar-style" content="black"> | |
| <meta name="apple-mobile-web-app-title" content="pwa-example-code"> | |
| <link rel="apple-touch-icon" href="./assets/img/icons/apple-touch-icon-152x152.png"> | |
| <!-- Add to home screen for Windows --> | |
| <meta name="msapplication-TileImage" content="./assets/img/icons/msapplication-icon-144x144.png"> | |
| <meta name="msapplication-TileColor" content="#000000"> | |
| <link rel="stylesheet" href="./assets/main.css"> | |
| <!-- Open Graph Meta --> | |
| <meta property="og:locale" content="en_US"> | |
| <meta property="og:title" content="title goes here"> | |
| <meta property="og:image" content="link_to_image"> | |
| <meta property="og:description" content="description goes here"> | |
| <meta property="og:sitename" content="Sitename"> | |
| <!-- Twitter Card Meta --> | |
| <meta name="twitter:card" content="summary"> | |
| <meta name="twitter:title" content="title goes here"> | |
| <meta name="twitter:description" content="description goes here"> | |
| <meta name="twitter:url" content="site url goes here"> | |
| <meta name="twitter:image" content="site image goes here"> | |
| </head> | |
| <body> | |
| <noscript> | |
| <!-- This is your fallback content in case JavaScript fails to load. --> | |
| </noscript> | |
| <h1>HTML5 PWA Boiler Plate</h1> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment