Ivan The Geek
d134306482
The .ico file is a single 32×32 frame with white (255,255,255,255) pixels filling the rounded-corner regions instead of transparent ones, so declaring it as an `<link rel="icon">` made Chrome render the favicon with visible white corners on dark backgrounds. The svg+xml type fix and apple-touch-icon link remain — those don't involve the .ico. Legacy browsers that need the .ico will still find it via the root `/favicon.ico` auto-probe; regenerating the .ico from favicon.svg so its content matches the rest is a separate asset change.
22 lines
1.0 KiB
HTML
22 lines
1.0 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<title>Online FlowChart & Diagrams Editor - Mermaid Live Editor</title>
|
|
<meta name="og:image" content="%sveltekit.assets%/favicon.svg" />
|
|
<meta
|
|
name="description"
|
|
content="Simplify documentation and avoid heavy tools. Open source Visio Alternative. Commonly used for explaining your code! Mermaid is a simple markdown-like script language for generating charts from text via javascript." />
|
|
<link rel="icon" type="image/svg+xml" href="%sveltekit.assets%/favicon.svg" />
|
|
<link rel="apple-touch-icon" href="%sveltekit.assets%/favicon.png" />
|
|
<link rel="mask-icon" href="%sveltekit.assets%/favicon.svg" color="#000000" />
|
|
<meta name="theme-color" content="#ff3670" />
|
|
<link rel="manifest" href="%sveltekit.assets%/manifest.json" />
|
|
%sveltekit.head%
|
|
</head>
|
|
<body>
|
|
<div id="svelte">%sveltekit.body%</div>
|
|
</body>
|
|
</html>
|