diff options
| author | Yuval Adam <_@yuv.al> | 2025-05-16 12:23:30 +0200 |
|---|---|---|
| committer | Yuval Adam <_@yuv.al> | 2025-05-16 12:23:30 +0200 |
| commit | b120b9ce4aa1e67df8330875e554087eb4b25061 (patch) | |
| tree | 62efc2d27c2214a4a18ce04cb0401aadb9024ddd | |
| parent | 0210b17a6d28a8c32fba498a7820e504f7c85a90 (diff) | |
New favicons
| -rw-r--r-- | public/favicon.ico | bin | 5238 -> 0 bytes | |||
| -rw-r--r-- | public/ico/README.txt | 18 | ||||
| -rw-r--r-- | public/ico/apple-touch-icon.png | bin | 0 -> 3090 bytes | |||
| -rw-r--r-- | public/ico/favicon.ico | bin | 0 -> 5238 bytes | |||
| -rw-r--r-- | public/ico/icon-192-maskable.png | bin | 0 -> 3326 bytes | |||
| -rw-r--r-- | public/ico/icon-192.png | bin | 0 -> 7002 bytes | |||
| -rw-r--r-- | public/ico/icon-512-maskable.png | bin | 0 -> 10341 bytes | |||
| -rw-r--r-- | public/ico/icon-512.png | bin | 0 -> 21319 bytes | |||
| -rw-r--r-- | public/manifest.json | 44 | ||||
| -rw-r--r-- | src/pages/index.astro | 7 |
10 files changed, 68 insertions, 1 deletions
diff --git a/public/favicon.ico b/public/favicon.ico Binary files differdeleted file mode 100644 index 22b08b5..0000000 --- a/public/favicon.ico +++ /dev/null diff --git a/public/ico/README.txt b/public/ico/README.txt new file mode 100644 index 0000000..3bdd02f --- /dev/null +++ b/public/ico/README.txt @@ -0,0 +1,18 @@ +Add this to your HTML <head>: + + <link rel="icon" href="/favicon.ico" sizes="any"> + <link rel="apple-touch-icon" href="/apple-touch-icon.png"> + +Add this to your app's manifest.json: + + ... + { + "icons": [ + { "src": "/favicon.ico", "type": "image/x-icon", "sizes": "16x16 32x32" }, + { "src": "/icon-192.png", "type": "image/png", "sizes": "192x192" }, + { "src": "/icon-512.png", "type": "image/png", "sizes": "512x512" }, + { "src": "/icon-192-maskable.png", "type": "image/png", "sizes": "192x192", "purpose": "maskable" }, + { "src": "/icon-512-maskable.png", "type": "image/png", "sizes": "512x512", "purpose": "maskable" } + ] + } + ... diff --git a/public/ico/apple-touch-icon.png b/public/ico/apple-touch-icon.png Binary files differnew file mode 100644 index 0000000..1335ca3 --- /dev/null +++ b/public/ico/apple-touch-icon.png diff --git a/public/ico/favicon.ico b/public/ico/favicon.ico Binary files differnew file mode 100644 index 0000000..eeceeb5 --- /dev/null +++ b/public/ico/favicon.ico diff --git a/public/ico/icon-192-maskable.png b/public/ico/icon-192-maskable.png Binary files differnew file mode 100644 index 0000000..7a74fd4 --- /dev/null +++ b/public/ico/icon-192-maskable.png diff --git a/public/ico/icon-192.png b/public/ico/icon-192.png Binary files differnew file mode 100644 index 0000000..552f250 --- /dev/null +++ b/public/ico/icon-192.png diff --git a/public/ico/icon-512-maskable.png b/public/ico/icon-512-maskable.png Binary files differnew file mode 100644 index 0000000..0fa6d90 --- /dev/null +++ b/public/ico/icon-512-maskable.png diff --git a/public/ico/icon-512.png b/public/ico/icon-512.png Binary files differnew file mode 100644 index 0000000..718ea6f --- /dev/null +++ b/public/ico/icon-512.png diff --git a/public/manifest.json b/public/manifest.json new file mode 100644 index 0000000..015b025 --- /dev/null +++ b/public/manifest.json @@ -0,0 +1,44 @@ +{ + "name": "CIDR Calculator", + "short_name": "CIDR.xyz", + "description": "Interactive visual CIDR and IP range calculator", + "start_url": "/", + "display": "standalone", + "background_color": "#ffffff", + "theme_color": "#0066cc", + "icons": [ + { + "src": "/ico/favicon.ico", + "sizes": "48x48", + "type": "image/x-icon" + }, + { + "src": "/ico/icon-192.png", + "sizes": "192x192", + "type": "image/png" + }, + { + "src": "/ico/icon-192-maskable.png", + "sizes": "192x192", + "type": "image/png", + "purpose": "maskable" + }, + { + "src": "/ico/icon-512.png", + "sizes": "512x512", + "type": "image/png" + }, + { + "src": "/ico/icon-512-maskable.png", + "sizes": "512x512", + "type": "image/png", + "purpose": "maskable" + }, + { + "src": "/ico/apple-touch-icon.png", + "sizes": "180x180", + "type": "image/png", + "purpose": "apple-touch-icon" + } + ] +} diff --git a/src/pages/index.astro b/src/pages/index.astro index 619c5f4..3679adc 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -25,7 +25,12 @@ const faqJsonLd = { <html lang="en"> <head> <meta charset="utf-8" /> - <link rel="icon" type="image/ico" href="/favicon.ico" /> + <link rel="icon" type="image/x-icon" href="/ico/favicon.ico" /> + <link rel="apple-touch-icon" sizes="180x180" href="/ico/apple-touch-icon.png" /> + <link rel="icon" type="image/png" sizes="192x192" href="/ico/icon-192.png" /> + <link rel="icon" type="image/png" sizes="512x512" href="/ico/icon-512.png" /> + <link rel="manifest" href="/manifest.json" /> + <meta name="theme-color" content="#0066cc" /> <meta name="viewport" content="width=device-width" /> <title>{metadata.title}</title> <meta name="description" content={metadata.description} /> |
