Skip to content

Commit 9a208ea

Browse files
authored
Web App Manifest - Save as desktop or mobile app (LAION-AI#3632)
From issue LAION-AI#3548 This commit adds a manifest file that allows users to save the website on desktop or mobile, see [this documentation](https://developer.mozilla.org/en-US/docs/Web/Manifest). It makes an icon that can be added to dock, mobile homescreen, etc. Changes in this PR: - Add a smaller logo file for certain mobile platforms - Add manifest.json that contains logos, titles, descriptions, etc. - Add a link to manifest.json in _document.tsx <img width="700" alt="Screenshot 2023-08-03 at 8 23 43 PM" src="https://github.com/LAION-AI/Open-Assistant/assets/80140457/f86946cb-62d7-42a6-a9ed-4a493b91d1da"> <img width = "300" alt ="mobile icon" src = "https://github.com/LAION-AI/Open-Assistant/assets/80140457/8f81a8ba-3c57-4fb1-98a0-b20a37a188bd"/>
1 parent 3b30c04 commit 9a208ea

File tree

3 files changed

+22
-0
lines changed

3 files changed

+22
-0
lines changed
7.48 KB
Loading

website/public/manifest.json

+21
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
{
2+
"name": "Open Assistant",
3+
"short_name": "Open Assistant",
4+
"description": "Open Assistant is a project meant to give everyone access to a great chat based large language model.",
5+
"start_url": "/",
6+
"display": "standalone",
7+
"background_color": "#ffffff",
8+
"theme_color": "#3182CE",
9+
"icons": [
10+
{
11+
"src": "/images/logos/logo.png",
12+
"sizes": "512x512",
13+
"type": "image/png"
14+
},
15+
{
16+
"src": "/images/logos/logo_192x192.png",
17+
"sizes": "192x192",
18+
"type": "image/png"
19+
}
20+
]
21+
}

website/src/pages/_document.tsx

+1
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,7 @@ export default function Document() {
44
return (
55
<Html className="h-full antialiased" lang="en">
66
<Head>
7+
<link rel="manifest" href="/manifest.json" />
78
<link rel="shortcut icon" type="image/png" href="/images/logos/favicon.png" />
89
</Head>
910
<body className="flex h-full flex-col">

0 commit comments

Comments
 (0)