services/mtg-online-drafter
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Add and integrate application favicon to the client.
All checks were successful
Build and Deploy / build (push) Successful in 1m30s
Details

Browse Source
This commit is contained in:
Daniele Viti
2025-12-18 01:03:00 +01:00
parent c8d2871126
commit 8995c3f7e8
4 changed files with 12 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
docs/development/CENTRAL.md
View File

@@ -93,3 +93,4 @@
- [PWA Install Prompt](./devlog/2025-12-18-004600_pwa_install_prompt.md): Completed. Implemented `PWAInstallPrompt` component in `App.tsx` and enabled PWA dev options. - [PWA Install Prompt](./devlog/2025-12-18-004600_pwa_install_prompt.md): Completed. Implemented `PWAInstallPrompt` component in `App.tsx` and enabled PWA dev options.
- [Fix PWA Install Prompt](./devlog/2025-12-18-005000_fix_pwa_prompt.md): Completed. Implemented global event capture, iOS detection, and explicit service worker registration to ensure install prompt appears. - [Fix PWA Install Prompt](./devlog/2025-12-18-005000_fix_pwa_prompt.md): Completed. Implemented global event capture, iOS detection, and explicit service worker registration to ensure install prompt appears.
- [Persist PWA Dismissal](./devlog/2025-12-18-005300_persist_pwa_dismissal.md): Completed. Implemented logic to remember user's choice to dismiss or install the PWA, preventing repeated prompts. - [Persist PWA Dismissal](./devlog/2025-12-18-005300_persist_pwa_dismissal.md): Completed. Implemented logic to remember user's choice to dismiss or install the PWA, preventing repeated prompts.
- [Create Favicon](./devlog/2025-12-18-005739_create_favicon.md): Completed. Generated and integrated a new application favicon.

10
docs/development/devlog/2025-12-18-005739_create_favicon.md Normal file
View File

@@ -0,0 +1,10 @@
# Plan: Create Favicon
## Objective
Create and integrate a high-quality favicon for the MTG Draft Maker application, adhering to the "Dark Gaming UI" aesthetic.
## Steps
1. **Generate Favicon**: Use image generation to create a sleek, modern icon representing a card draft or pack, using the app's color palette (Emerald/Purple on Dark).
2. **Save Asset**: Save the generated image to `src/client/public/favicon.png`.
3. **Update HTML**: Add the `<link rel="icon" ...>` tag to `src/client/index.html`.
4. **Verify**: Ensure the favicon is correctly referenced.

1
src/client/index.html
View File

@@ -4,6 +4,7 @@
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>MTG Draft Maker</title> <title>MTG Draft Maker</title>
<link rel="icon" type="image/png" href="/favicon.png" />
</head> </head>
<body class="bg-slate-950 text-slate-50"> <body class="bg-slate-950 text-slate-50">
<div id="root"></div> <div id="root"></div>

BIN
src/client/public/favicon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 414 KiB