client: add basic web app support
19
client/app/manifest.json
Normal file
|
@ -0,0 +1,19 @@
|
||||||
|
{
|
||||||
|
"name": "szurubooru",
|
||||||
|
"icons": [
|
||||||
|
{
|
||||||
|
"src": "/img/android-chrome-192x192.png",
|
||||||
|
"type": "image/png",
|
||||||
|
"sizes": "192x192"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"src": "/img/android-chrome-512x512.png",
|
||||||
|
"type": "image/png",
|
||||||
|
"sizes": "512x512"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"start_url": "/",
|
||||||
|
"theme_color": "#24aadd",
|
||||||
|
"background_color": "#ffffff",
|
||||||
|
"display": "standalone"
|
||||||
|
}
|
|
@ -185,9 +185,14 @@ function bundleBinaryAssets() {
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function bundleWebAppFiles() {
|
||||||
|
copyFile('./app/manifest.json', './public/manifest.json');
|
||||||
|
}
|
||||||
|
|
||||||
const config = getConfig();
|
const config = getConfig();
|
||||||
bundleConfig(config);
|
bundleConfig(config);
|
||||||
bundleBinaryAssets();
|
bundleBinaryAssets();
|
||||||
|
bundleWebAppFiles();
|
||||||
if (!process.argv.includes('--no-html')) {
|
if (!process.argv.includes('--no-html')) {
|
||||||
bundleHtml();
|
bundleHtml();
|
||||||
}
|
}
|
||||||
|
|
|
@ -2,11 +2,25 @@
|
||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
<meta charset='utf-8'/>
|
<meta charset='utf-8'/>
|
||||||
<meta name='viewport' content='width=device-width, initial-scale=1, maximum-scale=1'>
|
<meta name='viewport' content='width=device-width, initial-scale=1, maximum-scale=1'/>
|
||||||
|
<meta name='theme-color' content='#24aadd'/>
|
||||||
|
<meta name='apple-mobile-web-app-capable' content='yes'/>
|
||||||
|
<meta name='apple-mobile-web-app-status-bar-style' content='black'/>
|
||||||
|
<meta name='msapplication-TileColor' content='#ffffff'/>
|
||||||
|
<meta name="msapplication-TileImage" content="/img/mstile-150x150.png">
|
||||||
<title>Loading...</title>
|
<title>Loading...</title>
|
||||||
<link href='/css/app.min.css' rel='stylesheet' type='text/css'/>
|
<link href='/css/app.min.css' rel='stylesheet' type='text/css'/>
|
||||||
<link href='/css/vendor.min.css' rel='stylesheet' type='text/css'/>
|
<link href='/css/vendor.min.css' rel='stylesheet' type='text/css'/>
|
||||||
<link rel='shortcut icon' type='image/png' href='/img/favicon.png'/>
|
<link rel='shortcut icon' type='image/png' href='/img/favicon.png'/>
|
||||||
|
<link rel='apple-touch-icon' sizes='180x180' href='/img/apple-touch-icon.png'/>
|
||||||
|
<link rel='apple-touch-startup-image' href='/img/apple-touch-startup-image-640x1136.png' media='(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)'/>
|
||||||
|
<link rel='apple-touch-startup-image' href='/img/apple-touch-startup-image-750x1294.png' media='(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)'/>
|
||||||
|
<link rel='apple-touch-startup-image' href='/img/apple-touch-startup-image-1242x2148.png' media='(device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)'/>
|
||||||
|
<link rel='apple-touch-startup-image' href='/img/apple-touch-startup-image-1125x2436.png' media='(device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)'/>
|
||||||
|
<link rel='apple-touch-startup-image' href='/img/apple-touch-startup-image-1536x2048.png' media='(min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait)'/>
|
||||||
|
<link rel='apple-touch-startup-image' href='/img/apple-touch-startup-image-1668x2224.png' media='(min-device-width: 834px) and (max-device-width: 834px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait)'/>
|
||||||
|
<link rel='apple-touch-startup-image' href='/img/apple-touch-startup-image-2048x2732.png' media='(min-device-width: 1024px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait)'/>
|
||||||
|
<link rel='manifest' href='/manifest.json'/>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id='top-navigation-holder'></div>
|
<div id='top-navigation-holder'></div>
|
||||||
|
|
BIN
client/img/android-chrome-192x192.png
Normal file
After Width: | Height: | Size: 47 KiB |
BIN
client/img/android-chrome-512x512.png
Normal file
After Width: | Height: | Size: 185 KiB |
BIN
client/img/apple-touch-icon.png
Normal file
After Width: | Height: | Size: 43 KiB |
BIN
client/img/apple-touch-startup-image-1125x2436.png
Normal file
After Width: | Height: | Size: 374 KiB |
BIN
client/img/apple-touch-startup-image-1242x2148.png
Normal file
After Width: | Height: | Size: 424 KiB |
BIN
client/img/apple-touch-startup-image-1536x2048.png
Normal file
After Width: | Height: | Size: 569 KiB |
BIN
client/img/apple-touch-startup-image-1668x2224.png
Normal file
After Width: | Height: | Size: 639 KiB |
BIN
client/img/apple-touch-startup-image-2048x2732.png
Normal file
After Width: | Height: | Size: 850 KiB |
BIN
client/img/apple-touch-startup-image-640x1136.png
Normal file
After Width: | Height: | Size: 143 KiB |
BIN
client/img/apple-touch-startup-image-750x1294.png
Normal file
After Width: | Height: | Size: 188 KiB |
BIN
client/img/mstile-150x150.png
Normal file
After Width: | Height: | Size: 32 KiB |
1
client/public/.gitignore
vendored
|
@ -1,2 +1,3 @@
|
||||||
data/
|
data/
|
||||||
|
manifest.json
|
||||||
index.htm
|
index.htm
|
||||||
|
|