diff --git a/client/index.html b/client/index.html
index 33397e6..5f2b225 100644
--- a/client/index.html
+++ b/client/index.html
@@ -31,6 +31,11 @@
+
+
+
+
+
diff --git a/client/public/manifest.json b/client/public/manifest.json
new file mode 100644
index 0000000..b44927b
--- /dev/null
+++ b/client/public/manifest.json
@@ -0,0 +1,23 @@
+{
+ "name": "go4.video - Professional Video Streaming Platform",
+ "short_name": "go4.video",
+ "description": "Professional video streaming platform featuring Geschichte des Liedes, FOLX STADL, and premium content",
+ "theme_color": "#6366f1",
+ "background_color": "#2D1B69",
+ "display": "standalone",
+ "start_url": "/",
+ "icons": [
+ {
+ "src": "/api/favicon?size=192",
+ "sizes": "192x192",
+ "type": "image/svg+xml",
+ "purpose": "any maskable"
+ },
+ {
+ "src": "/api/favicon?size=512",
+ "sizes": "512x512",
+ "type": "image/svg+xml",
+ "purpose": "any maskable"
+ }
+ ]
+}
\ No newline at end of file
diff --git a/server/routes.ts b/server/routes.ts
index d7aa8f2..28beb53 100644
--- a/server/routes.ts
+++ b/server/routes.ts
@@ -689,6 +689,39 @@ export async function registerRoutes(app: Express): Promise {
}
});
+ // Favicon generation endpoint
+ app.get('/api/favicon', (req, res) => {
+ try {
+ const size = req.query.size ? parseInt(req.query.size as string) : 32;
+ const padding = Math.max(2, size * 0.1);
+ const logoSize = size - (padding * 2);
+ const cornerRadius = Math.max(2, size * 0.15);
+
+ // Generate SVG favicon with just the logo
+ const svg = ``;
+
+ res.setHeader('Content-Type', 'image/svg+xml');
+ res.setHeader('Cache-Control', 'public, max-age=86400'); // Cache for 24 hours
+ res.send(svg);
+ } catch (error) {
+ console.error('Error generating favicon:', error);
+ res.status(500).send('Error generating favicon');
+ }
+ });
+
const httpServer = createServer(app);
return httpServer;
}