Files
zelo-news/index.html
mroxso 07920b8742 feat: add PWA support with service worker and icons (#21)
* feat: add PWA support with service worker and icons

- Updated package.json to include vite-plugin-pwa.
- Added PWA icons: icon-192.png, icon-512.png, and icon.svg.
- Registered service worker in main.tsx for PWA functionality.
- Configured Vite to use PWA plugin with manifest and caching strategies.

* refactor: remove service worker registration code from main.tsx

* fix: update urlPattern regex for NetworkOnly caching handler in vite.config.ts

---------

Co-authored-by: highperfocused <highperfocused@pm.me>
2025-10-12 22:02:26 +02:00

30 lines
1.4 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>zelo.news - Your Source for Decentralized News</title>
<meta name="description" content="Your Source for Decentralized News" />
<!-- PWA Meta Tags -->
<meta name="theme-color" content="#000000" />
<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="zelo.news" />
<link rel="apple-touch-icon" href="/icon-192.png" />
<link rel="icon" type="image/svg+xml" href="/icon.svg" />
<link rel="manifest" href="/manifest.webmanifest" />
<!-- Open Graph -->
<meta property="og:type" content="website" />
<meta property="og:title" content="zelo.news - Your Source for Decentralized News" />
<meta property="og:description" content="Your Source for Decentralized News" />
<meta http-equiv="content-security-policy" content="default-src 'none'; script-src 'self'; style-src 'self' 'unsafe-inline'; frame-src 'self' https:; font-src 'self'; base-uri 'self'; manifest-src 'self'; connect-src 'self' blob: https: wss:; img-src 'self' data: blob: https:; media-src 'self' https:">
</head>
<body>
<div id="root"></div>
<script type="module" src="/src/main.tsx"></script>
</body>
</html>