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:
parent
dddd7fb01f
commit
eac72f48f6
BIN
static/img/apple-touch-icon.png
Normal file
BIN
static/img/apple-touch-icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
BIN
static/img/favicon-16.png
Normal file
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
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
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
BIN
static/img/favicon-512.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 47 KiB |
27
static/site.webmanifest
Normal file
27
static/site.webmanifest
Normal 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"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
@ -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">
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user