added PWA images
Daniel Shleifman
@@ -16,3 +16,6 @@
|
|||||||
|
|
||||||
- `yarn lint` - to find all linting problems
|
- `yarn lint` - to find all linting problems
|
||||||
- `yarn fix` - to fix code
|
- `yarn fix` - to fix code
|
||||||
|
|
||||||
|
### How images were generated
|
||||||
|
`npx pwa-asset-generator public/logo.png public -m public/site.webmanifest -p "calc(50vh - 25%) calc(50vw - 25%)" -b "linear-gradient(135deg, rgb(50,54,55), rgb(84,90,94))" -q 100 -i public/index.html -f`
|
||||||
|
Before Width: | Height: | Size: 40 KiB |
BIN
web/public/apple-icon-180.png
Normal file
|
After Width: | Height: | Size: 15 KiB |
BIN
web/public/apple-splash-1125-2436.jpg
Normal file
|
After Width: | Height: | Size: 400 KiB |
BIN
web/public/apple-splash-1136-640.jpg
Normal file
|
After Width: | Height: | Size: 204 KiB |
BIN
web/public/apple-splash-1170-2532.jpg
Normal file
|
After Width: | Height: | Size: 427 KiB |
BIN
web/public/apple-splash-1242-2208.jpg
Normal file
|
After Width: | Height: | Size: 420 KiB |
BIN
web/public/apple-splash-1242-2688.jpg
Normal file
|
After Width: | Height: | Size: 473 KiB |
BIN
web/public/apple-splash-1284-2778.jpg
Normal file
|
After Width: | Height: | Size: 498 KiB |
BIN
web/public/apple-splash-1334-750.jpg
Normal file
|
After Width: | Height: | Size: 263 KiB |
BIN
web/public/apple-splash-1536-2048.jpg
Normal file
|
After Width: | Height: | Size: 499 KiB |
BIN
web/public/apple-splash-1620-2160.jpg
Normal file
|
After Width: | Height: | Size: 542 KiB |
BIN
web/public/apple-splash-1668-2224.jpg
Normal file
|
After Width: | Height: | Size: 571 KiB |
BIN
web/public/apple-splash-1668-2388.jpg
Normal file
|
After Width: | Height: | Size: 597 KiB |
BIN
web/public/apple-splash-1792-828.jpg
Normal file
|
After Width: | Height: | Size: 388 KiB |
BIN
web/public/apple-splash-2048-1536.jpg
Normal file
|
After Width: | Height: | Size: 564 KiB |
BIN
web/public/apple-splash-2048-2732.jpg
Normal file
|
After Width: | Height: | Size: 778 KiB |
BIN
web/public/apple-splash-2160-1620.jpg
Normal file
|
After Width: | Height: | Size: 625 KiB |
BIN
web/public/apple-splash-2208-1242.jpg
Normal file
|
After Width: | Height: | Size: 564 KiB |
BIN
web/public/apple-splash-2224-1668.jpg
Normal file
|
After Width: | Height: | Size: 657 KiB |
BIN
web/public/apple-splash-2388-1668.jpg
Normal file
|
After Width: | Height: | Size: 711 KiB |
BIN
web/public/apple-splash-2436-1125.jpg
Normal file
|
After Width: | Height: | Size: 629 KiB |
BIN
web/public/apple-splash-2532-1170.jpg
Normal file
|
After Width: | Height: | Size: 672 KiB |
BIN
web/public/apple-splash-2688-1242.jpg
Normal file
|
After Width: | Height: | Size: 734 KiB |
BIN
web/public/apple-splash-2732-2048.jpg
Normal file
|
After Width: | Height: | Size: 902 KiB |
BIN
web/public/apple-splash-2778-1284.jpg
Normal file
|
After Width: | Height: | Size: 775 KiB |
BIN
web/public/apple-splash-640-1136.jpg
Normal file
|
After Width: | Height: | Size: 142 KiB |
BIN
web/public/apple-splash-750-1334.jpg
Normal file
|
After Width: | Height: | Size: 184 KiB |
BIN
web/public/apple-splash-828-1792.jpg
Normal file
|
After Width: | Height: | Size: 243 KiB |
|
Before Width: | Height: | Size: 38 KiB |
|
Before Width: | Height: | Size: 8.9 KiB |
|
Before Width: | Height: | Size: 20 KiB |
|
Before Width: | Height: | Size: 2.1 KiB |
|
Before Width: | Height: | Size: 4.3 KiB |
|
Before Width: | Height: | Size: 824 B |
BIN
web/public/favicon-196.png
Normal file
|
After Width: | Height: | Size: 17 KiB |
|
Before Width: | Height: | Size: 2.5 KiB |
|
Before Width: | Height: | Size: 15 KiB |
@@ -1,28 +1,50 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
|
|
||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8" />
|
<meta charset="utf-8">
|
||||||
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
|
|
||||||
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
|
|
||||||
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
|
|
||||||
<link rel="manifest" href="/site.webmanifest">
|
<link rel="manifest" href="/site.webmanifest">
|
||||||
<meta name="msapplication-TileColor" content="#00a572">
|
<meta name="msapplication-TileColor" content="#00a572">
|
||||||
<meta name="theme-color" content="#ffffff">
|
<meta name="theme-color" content="#ffffff">
|
||||||
|
|
||||||
<link rel="preconnect" href="https://fonts.gstatic.com">
|
<link rel="preconnect" href="https://fonts.gstatic.com">
|
||||||
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600&display=swap" rel="stylesheet">
|
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600&display=swap" rel="stylesheet">
|
||||||
<meta name="viewport" content="width=device-width, shrink-to-fit=no">
|
<meta name="viewport" content="width=device-width, shrink-to-fit=no">
|
||||||
<meta name="description" content="TorrServer - torrent to http stream" />
|
<meta name="description" content="TorrServer - torrent to http stream">
|
||||||
|
|
||||||
<title>TorrServer MatriX</title>
|
<title>TorrServer MatriX</title>
|
||||||
|
<link rel="icon" type="image/png" sizes="196x196" href="favicon-196.png">
|
||||||
|
<link rel="apple-touch-icon" href="apple-icon-180.png">
|
||||||
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||||
|
<link rel="apple-touch-startup-image" href="apple-splash-2048-2732.jpg" media="(device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)">
|
||||||
|
<link rel="apple-touch-startup-image" href="apple-splash-2732-2048.jpg" media="(device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)">
|
||||||
|
<link rel="apple-touch-startup-image" href="apple-splash-1668-2388.jpg" media="(device-width: 834px) and (device-height: 1194px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)">
|
||||||
|
<link rel="apple-touch-startup-image" href="apple-splash-2388-1668.jpg" media="(device-width: 834px) and (device-height: 1194px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)">
|
||||||
|
<link rel="apple-touch-startup-image" href="apple-splash-1536-2048.jpg" media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)">
|
||||||
|
<link rel="apple-touch-startup-image" href="apple-splash-2048-1536.jpg" media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)">
|
||||||
|
<link rel="apple-touch-startup-image" href="apple-splash-1668-2224.jpg" media="(device-width: 834px) and (device-height: 1112px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)">
|
||||||
|
<link rel="apple-touch-startup-image" href="apple-splash-2224-1668.jpg" media="(device-width: 834px) and (device-height: 1112px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)">
|
||||||
|
<link rel="apple-touch-startup-image" href="apple-splash-1620-2160.jpg" media="(device-width: 810px) and (device-height: 1080px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)">
|
||||||
|
<link rel="apple-touch-startup-image" href="apple-splash-2160-1620.jpg" media="(device-width: 810px) and (device-height: 1080px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)">
|
||||||
|
<link rel="apple-touch-startup-image" href="apple-splash-1284-2778.jpg" media="(device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)">
|
||||||
|
<link rel="apple-touch-startup-image" href="apple-splash-2778-1284.jpg" media="(device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)">
|
||||||
|
<link rel="apple-touch-startup-image" href="apple-splash-1170-2532.jpg" media="(device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)">
|
||||||
|
<link rel="apple-touch-startup-image" href="apple-splash-2532-1170.jpg" media="(device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)">
|
||||||
|
<link rel="apple-touch-startup-image" href="apple-splash-1125-2436.jpg" media="(device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)">
|
||||||
|
<link rel="apple-touch-startup-image" href="apple-splash-2436-1125.jpg" media="(device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)">
|
||||||
|
<link rel="apple-touch-startup-image" href="apple-splash-1242-2688.jpg" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)">
|
||||||
|
<link rel="apple-touch-startup-image" href="apple-splash-2688-1242.jpg" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)">
|
||||||
|
<link rel="apple-touch-startup-image" href="apple-splash-828-1792.jpg" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)">
|
||||||
|
<link rel="apple-touch-startup-image" href="apple-splash-1792-828.jpg" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)">
|
||||||
|
<link rel="apple-touch-startup-image" href="apple-splash-1242-2208.jpg" media="(device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)">
|
||||||
|
<link rel="apple-touch-startup-image" href="apple-splash-2208-1242.jpg" media="(device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)">
|
||||||
|
<link rel="apple-touch-startup-image" href="apple-splash-750-1334.jpg" media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)">
|
||||||
|
<link rel="apple-touch-startup-image" href="apple-splash-1334-750.jpg" media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)">
|
||||||
|
<link rel="apple-touch-startup-image" href="apple-splash-640-1136.jpg" media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)">
|
||||||
|
<link rel="apple-touch-startup-image" href="apple-splash-1136-640.jpg" media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<noscript>You need to enable JavaScript to run this app.</noscript>
|
<noscript>You need to enable JavaScript to run this app.</noscript>
|
||||||
<div id="root"></div>
|
<div id="root"></div>
|
||||||
|
<script src="https://cdn.lordicon.com/libs/frhvbuzj/lord-icon-2.0.2.js"></script>
|
||||||
<script src='https://cdn.lordicon.com/libs/frhvbuzj/lord-icon-2.0.2.js'></script>
|
|
||||||
<script src="https://www.gstatic.com/firebasejs/8.1.2/firebase-app.js"></script>
|
<script src="https://www.gstatic.com/firebasejs/8.1.2/firebase-app.js"></script>
|
||||||
<script src="https://www.gstatic.com/firebasejs/8.1.2/firebase-analytics.js"></script>
|
<script src="https://www.gstatic.com/firebasejs/8.1.2/firebase-analytics.js"></script>
|
||||||
<script>
|
<script>
|
||||||
@@ -40,5 +62,4 @@
|
|||||||
firebase.analytics();
|
firebase.analytics();
|
||||||
</script>
|
</script>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
|
Before Width: | Height: | Size: 213 KiB After Width: | Height: | Size: 213 KiB |
BIN
web/public/manifest-icon-192.maskable.png
Normal file
|
After Width: | Height: | Size: 17 KiB |
BIN
web/public/manifest-icon-512.maskable.png
Normal file
|
After Width: | Height: | Size: 108 KiB |
|
Before Width: | Height: | Size: 22 KiB |
@@ -1,16 +1,30 @@
|
|||||||
{
|
{
|
||||||
"name": "",
|
"name": "",
|
||||||
"short_name": "",
|
"short_name": "TorrServer",
|
||||||
"icons": [
|
"icons": [
|
||||||
{
|
{
|
||||||
"src": "/android-chrome-192x192.png",
|
"src": "manifest-icon-192.maskable.png",
|
||||||
"sizes": "192x192",
|
"sizes": "192x192",
|
||||||
"type": "image/png"
|
"type": "image/png",
|
||||||
|
"purpose": "any"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"src": "/android-chrome-512x512.png",
|
"src": "manifest-icon-192.maskable.png",
|
||||||
|
"sizes": "192x192",
|
||||||
|
"type": "image/png",
|
||||||
|
"purpose": "maskable"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"src": "manifest-icon-512.maskable.png",
|
||||||
"sizes": "512x512",
|
"sizes": "512x512",
|
||||||
"type": "image/png"
|
"type": "image/png",
|
||||||
|
"purpose": "any"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"src": "manifest-icon-512.maskable.png",
|
||||||
|
"sizes": "512x512",
|
||||||
|
"type": "image/png",
|
||||||
|
"purpose": "maskable"
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
"theme_color": "#ffffff",
|
"theme_color": "#ffffff",
|
||||||
|
|||||||