feat: favicon, webmanifest

src/epub2go_web/static/favicon/favicon.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.dev/svgjs" width="480" height="480" viewBox="0 0 480 480"><image width="480" height="480" xlink:href="data:image/png;base64,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 truncated
+@media (prefers-color-scheme: dark) { :root { filter: none; } }
+</style></svg>

src/epub2go_web/static/site.webmanifest

@@ -0,0 +1,21 @@
+{
+  "name": "epub2go Converter",
+  "short_name": "epub2go",
+  "icons": [
+    {
+      "src": "/static/favicon/web-app-manifest-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "maskable"
+    },
+    {
+      "src": "/static/favicon/web-app-manifest-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "maskable"
+    }
+  ],
+  "theme_color": "#ffffff",
+  "background_color": "#ffffff",
+  "display": "standalone"
+}

src/epub2go_web/templates/index.html

@@ -6,6 +6,14 @@
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width,initial-scale=1.0" > 
 <link rel="stylesheet" type="text/css" href="{% static 'styles.css' %}">
+
+<link rel="icon" type="image/png" href="{% static '/favicon/favicon-96x96.png' %}" sizes="96x96" />
+<link rel="icon" type="image/svg+xml" href="{% static '/favicon/favicon.svg' %}" />
+<link rel="shortcut icon" href="{% static '/favicon/favicon.ico' %}" />
+<link rel="apple-touch-icon" sizes="180x180" href="{% static '/favicon/apple-touch-icon.png' %}" />
+<meta name="apple-mobile-web-app-title" content="epub2go" />
+<link rel="manifest" href="{% static 'site.webmanifest' %}" />
+
 </head>
 <body>
     <header>