Add proper favicon

This commit is contained in:
Michael Bradley 2025-01-05 21:33:15 +13:00
parent dd71db4efb
commit df7a34f355
Signed by: MichaelBradley
SSH key fingerprint: SHA256:cj/YZ5VT+QOKncqSkx+ibKTIn0Obg7OIzwzl9BL8EO8
8 changed files with 12 additions and 4 deletions

View file

@ -18,12 +18,8 @@ const Styles = () => (
<meta name="theme-color" content="#eaeaea" media="(prefers-color-scheme: light)" />
</>
);
// TODO: Find better icon than GH avatar
// <link rel="icon" href="https://avatars.githubusercontent.com/u/68788583?s=48&v=4" />
const SEO = () => (
<>
<link rel="icon" href="data:," />
<meta name="keywords" content="Michael Bradley,personal website,programmer,coder,software developer" />
<meta name="description" content="Michael Bradley's personal website" />
<meta name="subject" content="Self-advertisement" />
@ -60,12 +56,22 @@ const OpenGraph = () => (
</>
);
const Favicon = () => (
<>
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
<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="manifest" href="/site.webmanifest" />
</>
);
const Head = () => (
<>
<Preamble />
<Styles />
<SEO />
<OpenGraph />
<Favicon />
</>
);