Add PWA support with web app manifest

- Add apple-touch-icon.png (1024x1024) for iOS/Android home screen
- Add manifest.json for Progressive Web App support
- Update index.html with PWA meta tags and links
- Enable standalone display mode with VibeTunnel theme colors

This allows users to add VibeTunnel to their home screen on mobile devices
and have it function as a standalone app with proper icon and theming.
This commit is contained in:
Peter Steinberger 2025-06-18 19:53:03 +02:00
parent 4307899c2e
commit 48d028e466
3 changed files with 23 additions and 1 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 258 KiB

View file

@ -13,7 +13,13 @@
<meta name="theme-color" content="#1e1e1e">
<!-- Favicon -->
<link rel="shortcut icon" href="/favicon.ico">
<link rel="icon" href="/favicon.ico">
<!-- Single high-res Apple/Android/Web App icon -->
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<!-- Web App Manifest (important for iOS/Android home screen apps) -->
<link rel="manifest" href="/manifest.json">
<!-- Styles -->
<link href="bundle/output.css" rel="stylesheet">

View file

@ -0,0 +1,16 @@
{
"name": "VibeTunnel",
"short_name": "VibeTunnel",
"description": "Interactive terminal sessions in your browser with real-time streaming and mobile support",
"start_url": "/",
"display": "standalone",
"theme_color": "#1e1e1e",
"background_color": "#1e1e1e",
"icons": [
{
"src": "/apple-touch-icon.png",
"sizes": "1024x1024",
"type": "image/png"
}
]
}