feat: set icons
This commit is contained in:
parent
81e73b7f5e
commit
4c6265d9cf
7 changed files with 26 additions and 3 deletions
1
branding/logo-transparent.svg
Normal file
1
branding/logo-transparent.svg
Normal file
File diff suppressed because one or more lines are too long
After Width: | Height: | Size: 11 KiB |
BIN
public/apple-touch-icon.png
Normal file
BIN
public/apple-touch-icon.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 11 KiB |
13
public/manifest.json
Normal file
13
public/manifest.json
Normal file
|
@ -0,0 +1,13 @@
|
|||
{
|
||||
"name": "Cozy",
|
||||
"short_name": "Cozy",
|
||||
"icons": [
|
||||
{
|
||||
"src": "touch-icon-large.png",
|
||||
"sizes": "500x500"
|
||||
}
|
||||
],
|
||||
"background_color": "#ffffff",
|
||||
"theme_color": "#3054bf",
|
||||
"display": "fullscreen"
|
||||
}
|
1
public/mask-icon.svg
Normal file
1
public/mask-icon.svg
Normal file
File diff suppressed because one or more lines are too long
After Width: | Height: | Size: 11 KiB |
BIN
public/touch-icon-large.png
Normal file
BIN
public/touch-icon-large.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 22 KiB |
|
@ -26,7 +26,10 @@ description =
|
|||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1" />
|
||||
|
||||
<link rel="shortcut icon" type="image/svg+xml" href="/favicon.svg" />
|
||||
<!-- Icons -->
|
||||
<link rel="icon" href="favicon.svg" />
|
||||
<link rel="mask-icon" href="mask-icon.svg" color="#000000" />
|
||||
<link rel="apple-touch-icon" href="apple-touch-icon.png" />
|
||||
<meta name="generator" content={Astro.generator} />
|
||||
|
||||
<!-- Font preloads -->
|
||||
|
|
|
@ -58,7 +58,11 @@ const appTitle = article?.title ? `${article.title} | Cozy` : 'Cozy'
|
|||
</>
|
||||
)
|
||||
}
|
||||
<link rel="shortcut icon" type="image/svg+xml" href="/favicon.svg" />
|
||||
|
||||
<!-- Icons -->
|
||||
<link rel="icon" href="favicon.svg" />
|
||||
<link rel="mask-icon" href="mask-icon.svg" color="#000000" />
|
||||
<link rel="apple-touch-icon" href="apple-touch-icon.png" />
|
||||
</head>
|
||||
<body>
|
||||
<div id="app-wrapper">
|
||||
|
@ -103,7 +107,8 @@ const appTitle = article?.title ? `${article.title} | Cozy` : 'Cozy'
|
|||
</style>
|
||||
<style is:global>
|
||||
:root {
|
||||
--system-ui: system-ui, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif,
|
||||
--system-ui:
|
||||
system-ui, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif,
|
||||
'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in a new issue