feat(frontend): use reference icons for PWA manifest and favicons
- Copy all icon PNGs from docs/reference (android, apple, ms, favicon sizes) - Copy favicon.ico and browserconfig.xml - Manifest: full icon set (36–310px), background/theme #312F45 - app.html: favicon links, full apple-touch-icon set, MS tile metas Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
@ -8,7 +8,23 @@
|
||||
<meta name="apple-mobile-web-app-capable" content="yes" />
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
|
||||
<meta name="apple-mobile-web-app-title" content="Tanabata" />
|
||||
<meta name="msapplication-TileColor" content="#312F45" />
|
||||
<meta name="msapplication-TileImage" content="/images/ms-icon-144x144.png" />
|
||||
<meta name="msapplication-config" content="/browserconfig.xml" />
|
||||
<link rel="manifest" href="/manifest.webmanifest" />
|
||||
<link rel="icon" type="image/x-icon" href="/favicon.ico" />
|
||||
<link rel="icon" type="image/png" sizes="96x96" href="/images/favicon-96x96.png" />
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="/images/favicon-32x32.png" />
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="/images/favicon-16x16.png" />
|
||||
<link rel="apple-touch-icon" sizes="57x57" href="/images/apple-icon-57x57.png" />
|
||||
<link rel="apple-touch-icon" sizes="60x60" href="/images/apple-icon-60x60.png" />
|
||||
<link rel="apple-touch-icon" sizes="72x72" href="/images/apple-icon-72x72.png" />
|
||||
<link rel="apple-touch-icon" sizes="76x76" href="/images/apple-icon-76x76.png" />
|
||||
<link rel="apple-touch-icon" sizes="114x114" href="/images/apple-icon-114x114.png" />
|
||||
<link rel="apple-touch-icon" sizes="120x120" href="/images/apple-icon-120x120.png" />
|
||||
<link rel="apple-touch-icon" sizes="144x144" href="/images/apple-icon-144x144.png" />
|
||||
<link rel="apple-touch-icon" sizes="152x152" href="/images/apple-icon-152x152.png" />
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="/images/apple-icon-180x180.png" />
|
||||
<link rel="preload" href="/fonts/Epilogue-VariableFont_wght.ttf" as="font" type="font/ttf" crossorigin="anonymous" />
|
||||
%sveltekit.head%
|
||||
</head>
|
||||
|
||||
11
frontend/static/browserconfig.xml
vendored
Normal file
@ -0,0 +1,11 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<browserconfig>
|
||||
<msapplication>
|
||||
<tile>
|
||||
<square70x70logo src="/images/ms-icon-70x70.png" />
|
||||
<square150x150logo src="/images/ms-icon-150x150.png" />
|
||||
<square310x310logo src="/images/ms-icon-310x310.png" />
|
||||
<TileColor>#615880</TileColor>
|
||||
</tile>
|
||||
</msapplication>
|
||||
</browserconfig>
|
||||
BIN
frontend/static/favicon.ico
vendored
Normal file
|
After Width: | Height: | Size: 20 KiB |
BIN
frontend/static/images/android-icon-144x144.png
vendored
Normal file
|
After Width: | Height: | Size: 10 KiB |
BIN
frontend/static/images/android-icon-192x192.png
vendored
Normal file
|
After Width: | Height: | Size: 15 KiB |
BIN
frontend/static/images/android-icon-36x36.png
vendored
Normal file
|
After Width: | Height: | Size: 2.6 KiB |
BIN
frontend/static/images/android-icon-48x48.png
vendored
Normal file
|
After Width: | Height: | Size: 3.4 KiB |
BIN
frontend/static/images/android-icon-72x72.png
vendored
Normal file
|
After Width: | Height: | Size: 5.0 KiB |
BIN
frontend/static/images/android-icon-96x96.png
vendored
Normal file
|
After Width: | Height: | Size: 6.6 KiB |
BIN
frontend/static/images/apple-icon-114x114.png
vendored
Normal file
|
After Width: | Height: | Size: 7.8 KiB |
BIN
frontend/static/images/apple-icon-120x120.png
vendored
Normal file
|
After Width: | Height: | Size: 8.3 KiB |
BIN
frontend/static/images/apple-icon-144x144.png
vendored
Normal file
|
After Width: | Height: | Size: 10 KiB |
BIN
frontend/static/images/apple-icon-152x152.png
vendored
Normal file
|
After Width: | Height: | Size: 11 KiB |
BIN
frontend/static/images/apple-icon-180x180.png
vendored
Normal file
|
After Width: | Height: | Size: 15 KiB |
BIN
frontend/static/images/apple-icon-57x57.png
vendored
Normal file
|
After Width: | Height: | Size: 3.9 KiB |
BIN
frontend/static/images/apple-icon-60x60.png
vendored
Normal file
|
After Width: | Height: | Size: 4.2 KiB |
BIN
frontend/static/images/apple-icon-72x72.png
vendored
Normal file
|
After Width: | Height: | Size: 5.0 KiB |
BIN
frontend/static/images/apple-icon-76x76.png
vendored
Normal file
|
After Width: | Height: | Size: 5.2 KiB |
BIN
frontend/static/images/apple-icon-precomposed.png
vendored
Normal file
|
After Width: | Height: | Size: 16 KiB |
BIN
frontend/static/images/apple-icon.png
vendored
Normal file
|
After Width: | Height: | Size: 16 KiB |
BIN
frontend/static/images/favicon-16x16.png
vendored
Normal file
|
After Width: | Height: | Size: 1.6 KiB |
BIN
frontend/static/images/favicon-32x32.png
vendored
Normal file
|
After Width: | Height: | Size: 2.4 KiB |
BIN
frontend/static/images/favicon-96x96.png
vendored
Normal file
|
After Width: | Height: | Size: 7.0 KiB |
BIN
frontend/static/images/favicon-bg.png
vendored
Normal file
|
After Width: | Height: | Size: 127 KiB |
BIN
frontend/static/images/favicon.png
vendored
Normal file
|
After Width: | Height: | Size: 158 KiB |
BIN
frontend/static/images/ms-icon-144x144.png
vendored
Normal file
|
After Width: | Height: | Size: 11 KiB |
BIN
frontend/static/images/ms-icon-150x150.png
vendored
Normal file
|
After Width: | Height: | Size: 11 KiB |
BIN
frontend/static/images/ms-icon-310x310.png
vendored
Normal file
|
After Width: | Height: | Size: 30 KiB |
BIN
frontend/static/images/ms-icon-70x70.png
vendored
Normal file
|
After Width: | Height: | Size: 5.0 KiB |
44
frontend/static/manifest.webmanifest
vendored
@ -1,31 +1,55 @@
|
||||
{
|
||||
"name": "Tanabata",
|
||||
"name": "Tanabata File Manager",
|
||||
"short_name": "Tanabata",
|
||||
"lang": "en-US",
|
||||
"description": "Multi-user tag-based file manager",
|
||||
"start_url": "/files",
|
||||
"scope": "/",
|
||||
"display": "standalone",
|
||||
"orientation": "portrait-primary",
|
||||
"background_color": "#312F45",
|
||||
"theme_color": "#312F45",
|
||||
"icons": [
|
||||
{
|
||||
"src": "/images/icon-192.png",
|
||||
"src": "/images/android-icon-36x36.png",
|
||||
"sizes": "36x36",
|
||||
"type": "image/png"
|
||||
},
|
||||
{
|
||||
"src": "/images/android-icon-48x48.png",
|
||||
"sizes": "48x48",
|
||||
"type": "image/png"
|
||||
},
|
||||
{
|
||||
"src": "/images/android-icon-72x72.png",
|
||||
"sizes": "72x72",
|
||||
"type": "image/png"
|
||||
},
|
||||
{
|
||||
"src": "/images/android-icon-96x96.png",
|
||||
"sizes": "96x96",
|
||||
"type": "image/png"
|
||||
},
|
||||
{
|
||||
"src": "/images/android-icon-144x144.png",
|
||||
"sizes": "144x144",
|
||||
"type": "image/png"
|
||||
},
|
||||
{
|
||||
"src": "/images/android-icon-192x192.png",
|
||||
"sizes": "192x192",
|
||||
"type": "image/png",
|
||||
"purpose": "any"
|
||||
},
|
||||
{
|
||||
"src": "/images/icon-512.png",
|
||||
"sizes": "512x512",
|
||||
"type": "image/png",
|
||||
"purpose": "any"
|
||||
"src": "/images/apple-icon-180x180.png",
|
||||
"sizes": "180x180",
|
||||
"type": "image/png"
|
||||
},
|
||||
{
|
||||
"src": "/images/icon-maskable-512.png",
|
||||
"sizes": "512x512",
|
||||
"src": "/images/ms-icon-310x310.png",
|
||||
"sizes": "310x310",
|
||||
"type": "image/png",
|
||||
"purpose": "maskable"
|
||||
"purpose": "any maskable"
|
||||
}
|
||||
]
|
||||
}
|
||||