Created
December 31, 2017 02:00
-
-
Save matt-daniel-brown/f03c3028a815f2eba6890f5dc677f3b7 to your computer and use it in GitHub Desktop.
Manifest, Metadata, and Favicons for P.W.A. version of _mattdanielbrown.com_ (UNDER DEVELOPMENT)
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
| #!/usr/bin/env bash | |
| // @TODO : write this... | |
| // ... (something like...): | |
| // | |
| // git clone {favicons.url} | |
| // rm -R .git/ | |
| // cd ../ | |
| // mv {favicons.dirname}/{~all_dir_contents~} -> `./` | |
| // rm -R {favicons.dirnam} | |
| // |
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
| { | |
| "name": "mattdanielbrown.com", | |
| "short_name": "Matt Brown", | |
| "description": "Matt Daniel Brown's online gateway, portfolio, info, and contact assistance tool.", | |
| "lang": "en-US", | |
| "start_url": "https://webapp.mattdanielbrown.com/start.html", | |
| "scope": "https://webapp.mattdanielbrown.com/start.html", | |
| "display": "fullscreen", | |
| "theme_color": "#6E72FB", | |
| "icons": [ | |
| { | |
| "src": "\/favicon-36.png", | |
| "sizes": "36x36", | |
| "type": "image\/png", | |
| "density": 0.75 | |
| }, | |
| { | |
| "src": "\/favicon-48.png", | |
| "sizes": "48x48", | |
| "type": "image\/png", | |
| "density": 1 | |
| }, | |
| { | |
| "src": "\/favicon-72.png", | |
| "sizes": "72x72", | |
| "type": "image\/png", | |
| "density": 1.5 | |
| }, | |
| { | |
| "src": "\/favicon-96.png", | |
| "sizes": "96x96", | |
| "type": "image\/png", | |
| "density": 2 | |
| }, | |
| { | |
| "src": "\/favicon-144.png", | |
| "sizes": "144x144", | |
| "type": "image\/png", | |
| "density": 3 | |
| }, | |
| { | |
| "src": "\/favicon-192.png", | |
| "sizes": "192x192", | |
| "type": "image\/png", | |
| "density": 4 | |
| } | |
| ] | |
| "background_color": "#fafafc" | |
| } |
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
| <head> | |
| <meta charset="utf-8" /> | |
| <!-- ----------------------------- --> | |
| <!-- WebApp Manifest --> | |
| <!-- ----------------------------- --> | |
| <link rel="manifest" href="manifest.json"> | |
| <!-- ----------------------------- --> | |
| <!-- Metadata --> | |
| <!-- ----------------------------- --> | |
| <meta name="mobile-web-app-capable" content="yes"> | |
| <meta name="apple-mobile-web-app-capable" content="yes"> | |
| <meta name="application-name" content="Matt Brown"> | |
| <meta name="apple-mobile-web-app-title" content="Matt Brown"> | |
| <meta name="theme-color" content="#6E72FB"> | |
| <meta name="msapplication-navbutton-color" content="#6E72FB"> | |
| <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> | |
| <meta name="msapplication-starturl" content="https://webapp.mattdanielbrown.com/start.html"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> | |
| <!-- ----------------------------- --> | |
| <!-- Favicon, Icon Source References --> | |
| <!-- ----------------------------- --> | |
| <!-- For old IEs --> | |
| <link rel="shortcut icon" href="favicon.ico" /> | |
| <!-- For new browsers multisize ico --> | |
| <link rel="icon" type="image/x-icon" sizes="16x16 32x32" href="favicon.ico"> | |
| <!-- Chrome for Android --> | |
| <link rel="icon" sizes="192x192" href="favicon-192.png"> | |
| <!-- For iPhone 6+ downscaled for other devices --> | |
| <link rel="apple-touch-icon" sizes="180x180" href="favicon-180-precomposed.png"> | |
| <!-- For IE10 Metro --> | |
| <meta name="msapplication-TileColor" content="#FFFFFF"> | |
| <meta name="msapplication-TileImage" content="favicon-144.png"> | |
| <!-- ----------------------------- --> | |
| <!-- ... (Anything else, like --> | |
| <!-- stylesheets, ect.) ... --> | |
| <!-- ----------------------------- --> | |
| </head> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment