feat: add Apple Home Screen Shortcut Metadata (#106)

While signing up for the event, I noticed that the app didn't have an icon/preset name when adding it to my home screen for visiting it again later. I looked through the source to see if I could find the original SVG of the icon, but it doesn't seem to be in the repo. This could be a placeholder until it's possible to do a proper export of that at 180x180, since I simply just re-scaled down the 512x512 favicon bilinearly.  ## PR Checklist - [x] Addresses an existing open issue: fixes #105 - [x] That issue was marked as [`status: accepting prs`](https://github.com/JoshuaKGoldberg/SquiggleConf/issues?q=is%3Aopen+is%3Aissue+label%3A%22status%3A+accepting+prs%22) - [x] Steps in [CONTRIBUTING.md](https://github.com/JoshuaKGoldberg/SquiggleConf/blob/main/.github/CONTRIBUTING.md) were taken ## Overview  This commit adds the missing icon and site name metadata, improving the user experience of bookmarking the site to your Home Screen 😊 Co-authored-by: Josh Goldberg ✨ <[email protected]>
SquiggleTools · Aug 23, 2024 · 228a0f7 · 228a0f7
1 parent 144febe
commit 228a0f7
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 0 deletions.
diff --git a/public/apple-touch-icon.png b/public/apple-touch-icon.png
diff --git a/src/components/Head.astro b/src/components/Head.astro
@@ -82,10 +82,12 @@ const metaPairs = [
 <head>
 	<meta charset="utf-8" />
 	<link href="/favicon.png" rel="icon" type="image/svg+xml" />
+	<link href="/apple-touch-icon.png" rel="apple-touch-icon" sizes="180x180" />
 	{metaPairs.map((meta) => <meta {...meta} />)}
 	<meta content={description} name="description" />
 	<meta content={keywords.join()} name="keywords" />
 	<meta content={Astro.generator} name="generator" />
 	<meta content="width=device-width" name="viewport" />
+	<meta content="SquiggleConf" name="apple-mobile-web-app-title" />
 	<title>{title}</title>
 </head>