sandrodachandClaude Opus 5.5
b2ecda9896
MindSift CI & Docker Release / Build, Test in Container & Push (push) Successful in 1m48s
safeHref lets only http, https and mailto become links (Markdown viewer, outliner, legal links); javascript: and friends show as text. A middleware sets a Content-Security-Policy (scripts only from MindSift, no framing, connections only to this server), X-Frame-Options, nosniff, Referrer-Policy and a Permissions-Policy. The two inline scripts of index.html moved to files so script-src stays 'self'. The second inline script also deleted every cache on each page load, which undermined the offline start; it is gone. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
56 lines
3.1 KiB
HTML
56 lines
3.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="de" class="dark">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
|
|
<!-- Blue while loading (matches the splash screen); the app switches it to the theme background -->
|
|
<meta name="theme-color" content="#2563eb" />
|
|
<meta name="mobile-web-app-capable" content="yes" />
|
|
<meta name="apple-mobile-web-app-capable" content="yes" />
|
|
<meta name="apple-mobile-web-app-title" content="MindSift" />
|
|
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
|
|
<meta name="description" content="MindSift — Der Kopf frei in drei Sekunden. Instant Capture, Tinder-Style Triage, Workspace & Echtzeit-Listen." />
|
|
|
|
<!-- Favicon & Touch Icons -->
|
|
<link rel="icon" type="image/svg+xml" href="/icon.svg" />
|
|
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
|
|
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
|
|
<link rel="shortcut icon" href="/favicon.ico" />
|
|
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
|
|
|
|
<!-- Open Graph / WhatsApp / Discord / Facebook -->
|
|
<meta property="og:type" content="website" />
|
|
<meta property="og:site_name" content="MindSift" />
|
|
<meta property="og:url" content="/" />
|
|
<meta property="og:title" content="MindSift — Der Kopf frei in drei Sekunden" />
|
|
<meta property="og:description" content="Instant Brain-Dump, Tinder-Style Triage, Workspace & Echtzeit-Listen." />
|
|
<meta property="og:image" content="/og-image.png" />
|
|
<meta property="og:image:secure_url" content="/og-image.png" />
|
|
<meta property="og:image:type" content="image/png" />
|
|
<meta property="og:image:width" content="1200" />
|
|
<meta property="og:image:height" content="630" />
|
|
<meta property="og:image:alt" content="MindSift App Logo & Vorschau" />
|
|
|
|
<!-- Twitter / X -->
|
|
<meta name="twitter:card" content="summary_large_image" />
|
|
<meta name="twitter:title" content="MindSift — Der Kopf frei in drei Sekunden" />
|
|
<meta name="twitter:description" content="Instant Brain-Dump, Tinder-Style Triage, Workspace & Echtzeit-Listen." />
|
|
<meta name="twitter:image" content="/og-image.png" />
|
|
<meta name="twitter:image:alt" content="MindSift App Logo & Vorschau" />
|
|
|
|
<link rel="manifest" href="/manifest.json" />
|
|
<title>MindSift</title>
|
|
<script src="/pwa-install.js"></script>
|
|
</head>
|
|
<body class="bg-[#0b0f19] text-[#e3e3e3] antialiased selection:bg-[#8ab4f8]/30 selection:text-[#8ab4f8]">
|
|
<!-- Shown until React mounts and replaces it: full blue with the logo, no text, no white flash -->
|
|
<div id="root">
|
|
<div style="position:fixed;inset:0;background:#2563eb;display:flex;align-items:center;justify-content:center">
|
|
<!-- the icon's own blue square disappears on blue, so the visible brain is ~55% of this size -->
|
|
<img src="/icon.svg" width="128" height="128" alt="" style="display:block" />
|
|
</div>
|
|
</div>
|
|
<script type="module" src="/src/main.tsx"></script>
|
|
</body>
|
|
</html>
|