Make JS Paint installable
- Use new vector icon - Use https://www.favicon-generator.org to create a template for what icons are needed etc. - Tweak paths and add and update metadatamain
|
@ -0,0 +1,2 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<browserconfig><msapplication><tile><square70x70logo src="/ms-icon-70x70.png"/><square150x150logo src="/ms-icon-150x150.png"/><square310x310logo src="/ms-icon-310x310.png"/><TileColor>#ffffff</TileColor></tile></msapplication></browserconfig>
|
After Width: | Height: | Size: 99 KiB |
After Width: | Height: | Size: 12 KiB |
After Width: | Height: | Size: 14 KiB |
After Width: | Height: | Size: 2.7 KiB |
After Width: | Height: | Size: 3.8 KiB |
After Width: | Height: | Size: 5.4 KiB |
After Width: | Height: | Size: 7.3 KiB |
After Width: | Height: | Size: 9.1 KiB |
After Width: | Height: | Size: 9.5 KiB |
After Width: | Height: | Size: 12 KiB |
After Width: | Height: | Size: 13 KiB |
After Width: | Height: | Size: 16 KiB |
After Width: | Height: | Size: 4.2 KiB |
After Width: | Height: | Size: 4.6 KiB |
After Width: | Height: | Size: 5.4 KiB |
After Width: | Height: | Size: 5.8 KiB |
After Width: | Height: | Size: 15 KiB |
After Width: | Height: | Size: 15 KiB |
After Width: | Height: | Size: 362 B |
After Width: | Height: | Size: 818 B |
After Width: | Height: | Size: 7.3 KiB |
After Width: | Height: | Size: 12 KiB |
After Width: | Height: | Size: 13 KiB |
After Width: | Height: | Size: 35 KiB |
After Width: | Height: | Size: 5.3 KiB |
26
index.html
|
@ -3,15 +3,31 @@
|
|||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>JS Paint</title>
|
||||
|
||||
<link href="styles/normalize.css" rel="stylesheet" type="text/css">
|
||||
<link href="styles/layout.css" rel="stylesheet" type="text/css">
|
||||
<link href="styles/print.css" rel="stylesheet" type="text/css" media="print">
|
||||
<link rel="icon" href="images/icons/16.png" sizes="16x16" type="image/png">
|
||||
<link rel="icon" href="images/icons/32.png" sizes="32x32" type="image/png">
|
||||
<link rel="icon" href="images/icons/48.png" sizes="48x48" type="image/png">
|
||||
<link rel="icon" href="images/icons/128.png" sizes="128x128" type="image/png">
|
||||
<link rel="icon" href="images/icons/windows.ico" sizes="16x16 32x32 48x48" type="image/icon">
|
||||
|
||||
<link rel="apple-touch-icon" sizes="57x57" href="images/icons/apple-icon-57x57.png">
|
||||
<link rel="apple-touch-icon" sizes="60x60" href="images/icons/apple-icon-60x60.png">
|
||||
<link rel="apple-touch-icon" sizes="72x72" href="images/icons/apple-icon-72x72.png">
|
||||
<link rel="apple-touch-icon" sizes="76x76" href="images/icons/apple-icon-76x76.png">
|
||||
<link rel="apple-touch-icon" sizes="114x114" href="images/icons/apple-icon-114x114.png">
|
||||
<link rel="apple-touch-icon" sizes="120x120" href="images/icons/apple-icon-120x120.png">
|
||||
<link rel="apple-touch-icon" sizes="144x144" href="images/icons/apple-icon-144x144.png">
|
||||
<link rel="apple-touch-icon" sizes="152x152" href="images/icons/apple-icon-152x152.png">
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="images/icons/apple-icon-180x180.png">
|
||||
<link rel="icon" type="image/png" sizes="192x192" href="images/icons/android-icon-192x192.png">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="images/icons/favicon-32x32.png">
|
||||
<link rel="icon" type="image/png" sizes="96x96" href="images/icons/favicon-96x96.png">
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="images/icons/favicon-16x16.png">
|
||||
<link rel="manifest" href="manifest.webapp">
|
||||
<meta name="msapplication-TileColor" content="#ffffff">
|
||||
<meta name="msapplication-TileImage" content="images/icons/ms-icon-144x144.png">
|
||||
<meta name="theme-color" content="#008080">
|
||||
|
||||
<meta name="viewport" content="width=device-width, user-scalable=no">
|
||||
|
||||
<meta name="description" content="MS Paint recreated in JavaScript, with extra features" />
|
||||
<meta property="og:title" content="JS Paint" />
|
||||
<meta property="og:description" content="MS Paint recreated in JavaScript, with extra features" />
|
||||
|
|
|
@ -1,27 +1,57 @@
|
|||
{
|
||||
"name": "Paint",
|
||||
"name": "JS Paint",
|
||||
"short_name": "Paint",
|
||||
"version": "1.0.0",
|
||||
"description": "An MS Paint remake.",
|
||||
"icons": {
|
||||
"16": "/jspaint/images/icons/16.png",
|
||||
"48": "/jspaint/images/icons/48.png",
|
||||
"128": "/jspaint/images/icons/128.png"
|
||||
},
|
||||
"activities": {
|
||||
"edit": {
|
||||
"filters": {
|
||||
"type": [ "image/*", "image/png" ]
|
||||
},
|
||||
"href": "/jspaint/",
|
||||
"disposition": "window",
|
||||
"returnValue": true
|
||||
"categories": ["photo", "utilities", "image", "art"],
|
||||
"display": "standalone",
|
||||
"start_url": ".",
|
||||
"lang": "en-US",
|
||||
"theme_color": "#008080",
|
||||
"background_color": "#7b7b7b",
|
||||
"screenshots": [
|
||||
{
|
||||
"src": "images/meta/main-screenshot.png",
|
||||
"sizes": "888x555",
|
||||
"type": "image/png"
|
||||
}
|
||||
},
|
||||
"permissions": {},
|
||||
"developer": {
|
||||
"name": "Isaiah Odhner",
|
||||
"url": "https://isaiahodhner.ml/"
|
||||
},
|
||||
"launch_path": "/jspaint/",
|
||||
"default_locale": "en"
|
||||
],
|
||||
"icons": [
|
||||
{
|
||||
"src": "images/icons/android-icon-36x36.png",
|
||||
"sizes": "36x36",
|
||||
"type": "image/png",
|
||||
"density": "0.75"
|
||||
},
|
||||
{
|
||||
"src": "images/icons/android-icon-48x48.png",
|
||||
"sizes": "48x48",
|
||||
"type": "image/png",
|
||||
"density": "1.0"
|
||||
},
|
||||
{
|
||||
"src": "images/icons/android-icon-72x72.png",
|
||||
"sizes": "72x72",
|
||||
"type": "image/png",
|
||||
"density": "1.5"
|
||||
},
|
||||
{
|
||||
"src": "images/icons/android-icon-96x96.png",
|
||||
"sizes": "96x96",
|
||||
"type": "image/png",
|
||||
"density": "2.0"
|
||||
},
|
||||
{
|
||||
"src": "images/icons/android-icon-144x144.png",
|
||||
"sizes": "144x144",
|
||||
"type": "image/png",
|
||||
"density": "3.0"
|
||||
},
|
||||
{
|
||||
"src": "images/icons/android-icon-192x192.png",
|
||||
"sizes": "192x192",
|
||||
"type": "image/png",
|
||||
"density": "4.0"
|
||||
}
|
||||
]
|
||||
}
|