Skip to content

Commit d116515

Browse files
feat(pwa): add GitHub octocat favicon and PWA manifest
- Add icon.svg with GitHub octocat logo (dark bg, white icon) - Add apple-icon.tsx for iOS home screen (180x180 dynamic) - Add manifest.ts for PWA support with app metadata
1 parent 72a6718 commit d116515

File tree

3 files changed

+80
-0
lines changed

3 files changed

+80
-0
lines changed

app/apple-icon.tsx

Lines changed: 44 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,44 @@
1+
/**
2+
* Apple Touch Icon
3+
*
4+
* Dynamic generation of Apple touch icon using the GitHub octocat logo.
5+
* This icon appears when users add the app to their iOS home screen.
6+
*/
7+
8+
import { ImageResponse } from 'next/og'
9+
10+
export const runtime = 'edge'
11+
12+
export const size = {
13+
width: 180,
14+
height: 180,
15+
}
16+
17+
export const contentType = 'image/png'
18+
19+
export default function AppleIcon() {
20+
return new ImageResponse(
21+
<div
22+
style={{
23+
width: '100%',
24+
height: '100%',
25+
display: 'flex',
26+
alignItems: 'center',
27+
justifyContent: 'center',
28+
background: '#1f2328',
29+
borderRadius: 32,
30+
}}
31+
>
32+
<svg width="140" height="140" viewBox="0 0 24 24" fill="white">
33+
<path
34+
fillRule="evenodd"
35+
clipRule="evenodd"
36+
d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
37+
/>
38+
</svg>
39+
</div>,
40+
{
41+
...size,
42+
},
43+
)
44+
}

app/icon.svg

Lines changed: 9 additions & 0 deletions
Loading

app/manifest.ts

Lines changed: 27 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,27 @@
1+
/**
2+
* Web App Manifest
3+
*
4+
* PWA configuration for GitBox.
5+
* Enables "Add to Home Screen" functionality and PWA features.
6+
*/
7+
8+
import type { MetadataRoute } from 'next'
9+
10+
export default function manifest(): MetadataRoute.Manifest {
11+
return {
12+
name: 'GitBox',
13+
short_name: 'GitBox',
14+
description: 'Manage GitHub repositories in Kanban format',
15+
start_url: '/',
16+
display: 'standalone',
17+
background_color: '#ffffff',
18+
theme_color: '#1f2328',
19+
icons: [
20+
{
21+
src: '/icon.svg',
22+
sizes: 'any',
23+
type: 'image/svg+xml',
24+
},
25+
],
26+
}
27+
}

0 commit comments

Comments
 (0)