feat(pwa): Apple Touch Icon + Web Manifest + PNG fallbacks

Dodano pełne wsparcie dla ikon na wszystkich urządzeniach:
- apple-touch-icon.png (180x180) - iOS "Dodaj do ekranu głównego"
- favicon-192.png, favicon-512.png - Android PWA
- favicon-16.png, favicon-32.png - PNG fallback dla starszych przeglądarek
- site.webmanifest - PWA manifest z theme_color #233e6d
- meta theme-color - kolor paska adresu na mobile

Gwiazda Nordy z żółtym wskaźnikiem północy (różni się od Izby
dla łatwego rozróżnienia zakładek).

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Maciej Pienczyn 2026-01-28 23:44:11 +01:00
parent dddd7fb01f
commit eac72f48f6
7 changed files with 34 additions and 0 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 16 KiB

BIN
static/img/favicon-16.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 809 B

BIN
static/img/favicon-192.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 17 KiB

BIN
static/img/favicon-32.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.9 KiB

BIN
static/img/favicon-512.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 47 KiB

27
static/site.webmanifest Normal file
View File

@ -0,0 +1,27 @@
{
"name": "Norda Biznes Partner",
"short_name": "Norda Partner",
"description": "Strefa Partnera Stowarzyszenia Norda Biznes - networking i współpraca biznesowa",
"start_url": "/",
"display": "standalone",
"background_color": "#ffffff",
"theme_color": "#233e6d",
"icons": [
{
"src": "/static/img/favicon-192.png",
"sizes": "192x192",
"type": "image/png"
},
{
"src": "/static/img/favicon-512.png",
"sizes": "512x512",
"type": "image/png"
},
{
"src": "/static/img/favicon-512.png",
"sizes": "512x512",
"type": "image/png",
"purpose": "maskable"
}
]
}

View File

@ -13,7 +13,14 @@
<!-- Favicon - Gwiazda Nordy (kompas) --> <!-- Favicon - Gwiazda Nordy (kompas) -->
<link rel="icon" type="image/svg+xml" href="{{ url_for('static', filename='img/favicon.svg') }}"> <link rel="icon" type="image/svg+xml" href="{{ url_for('static', filename='img/favicon.svg') }}">
<link rel="icon" type="image/png" sizes="32x32" href="{{ url_for('static', filename='img/favicon-32.png') }}">
<link rel="icon" type="image/png" sizes="16x16" href="{{ url_for('static', filename='img/favicon-16.png') }}">
<link rel="alternate icon" type="image/x-icon" href="{{ url_for('static', filename='img/favicon.ico') }}"> <link rel="alternate icon" type="image/x-icon" href="{{ url_for('static', filename='img/favicon.ico') }}">
<!-- Apple Touch Icon (iOS) -->
<link rel="apple-touch-icon" sizes="180x180" href="{{ url_for('static', filename='img/apple-touch-icon.png') }}">
<!-- Web Manifest (PWA) -->
<link rel="manifest" href="{{ url_for('static', filename='site.webmanifest') }}">
<meta name="theme-color" content="#233e6d">
<!-- Fonts --> <!-- Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com">