chore(brand): swap header logo to a real svg + ship favicons for portal-admin
Two related brand-asset cleanups bundled per request: portal-shell — header logo: - Replace `apf-small.png` (a 7.6 KB raster wrapped through sharp from the original PNG-in-SVG file) with `apf-logo.svg`, an actual vector 1024×1024 export (2.1 KB). Sharper at any density, smaller payload, no rasterisation artefacts when the header zooms. - `header.html` swaps the `<img src=…>` accordingly. - The wide-format `apf-portal.svg` stays in place for future surfaces (login splash, etc.). portal-admin — favicons + PWA manifest: - Mirror portal-shell's PR #84 setup. Copy the six favicon image assets (favicon.ico, favicon.svg, favicon-96x96.png, apple-touch-icon.png, web-app-manifest-{192,512}.png) into `apps/portal-admin/public/favicons/`. Single visual identity across the two apps. - Customise `site.webmanifest`: `name: "APF Portal Admin"`, `short_name: "Admin"`. PWA install banners and home-screen icons read the right app name when admin is installed standalone. Icon entries + theme-color + display stay identical to portal-shell. - Wire `<link>` tags in `apps/portal-admin/src/index.html` mirroring portal-shell's, plus `<meta name="theme-color">`. - Remove the now-obsolete top-level `apps/portal-admin/public/favicon.ico` (replaced by the entry under `favicons/`, referenced via `<link rel="shortcut icon">`). Verified: `nx run-many -t lint test build --projects=portal-shell, portal-admin` green; both `dist/.../browser/{en,fr}/favicons/` ship the seven expected files; admin manifest contains "APF Portal Admin"; admin `index.html` has the right `<link>` block.
Julien Gautier
|
Before Width: | Height: | Size: 15 KiB |
|
After Width: | Height: | Size: 11 KiB |
|
After Width: | Height: | Size: 5.1 KiB |
|
After Width: | Height: | Size: 15 KiB |
|
After Width: | Height: | Size: 92 KiB |
@@ -0,0 +1,21 @@
|
||||
{
|
||||
"name": "APF Portal Admin",
|
||||
"short_name": "Admin",
|
||||
"icons": [
|
||||
{
|
||||
"src": "/favicons/web-app-manifest-192x192.png?v=20260511",
|
||||
"sizes": "192x192",
|
||||
"type": "image/png",
|
||||
"purpose": "maskable"
|
||||
},
|
||||
{
|
||||
"src": "/favicons/web-app-manifest-512x512.png?v=20260511",
|
||||
"sizes": "512x512",
|
||||
"type": "image/png",
|
||||
"purpose": "maskable"
|
||||
}
|
||||
],
|
||||
"theme_color": "#ffffff",
|
||||
"background_color": "#ffffff",
|
||||
"display": "standalone"
|
||||
}
|
||||
|
After Width: | Height: | Size: 12 KiB |
|
After Width: | Height: | Size: 57 KiB |
@@ -5,7 +5,17 @@
|
||||
<title>APF Portal Admin</title>
|
||||
<base href="/" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<link rel="icon" type="image/x-icon" href="favicon.ico" />
|
||||
|
||||
<!-- Favicons + PWA manifest. Same image assets as portal-shell —
|
||||
single visual identity across the apps — with an admin-
|
||||
specific webmanifest so the PWA install banner reads "APF
|
||||
Portal Admin" / "Admin" instead of the portal-shell name. -->
|
||||
<link rel="icon" type="image/svg+xml" href="favicons/favicon.svg" />
|
||||
<link rel="icon" type="image/png" sizes="96x96" href="favicons/favicon-96x96.png" />
|
||||
<link rel="shortcut icon" href="favicons/favicon.ico" />
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="favicons/apple-touch-icon.png" />
|
||||
<link rel="manifest" href="favicons/site.webmanifest" />
|
||||
<meta name="theme-color" content="#ffffff" />
|
||||
</head>
|
||||
<body>
|
||||
<app-root></app-root>
|
||||
|
||||