change logo

apps/landing/public/icon-without-bg.svg

@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="512" height="512">
+  <g transform="translate(76 76) scale(3.6)">
+    <!-- Facette haut-gauche (lumière) -->
+    <polygon points="50,6 6,50 50,50" fill="#9F1239" fill-opacity="1"/>
+    <!-- Facette haut-droite -->
+    <polygon points="50,6 94,50 50,50" fill="#9F1239" fill-opacity="0.8"/>
+    <!-- Facette bas-gauche -->
+    <polygon points="6,50 50,50 50,94" fill="#9F1239" fill-opacity="0.65"/>
+    <!-- Facette bas-droite (ombre) -->
+    <polygon points="50,50 94,50 50,94" fill="#9F1239" fill-opacity="0.48"/>
+    <!-- Contour propre -->
+    <polygon points="50,6 94,50 50,94 6,50" fill="none" stroke="#9F1239" stroke-width="1.6" stroke-linejoin="round"/>
+  </g>
+</svg>

apps/landing/public/icon.svg

@@ -0,0 +1,22 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="512" height="512">
+  <!--
+    Icon PWA / apple-touch-icon — gem rubis sur fond crème.
+    Reprend exactement <Gem/> du SPA. Padding ~15% sur chaque bord pour
+    rester safe en maskable Android (le spec demande ≥80% de safe area
+    au centre) tout en remplissant assez le canvas pour iOS qui ne masque
+    pas.
+  -->
+  <rect width="512" height="512" fill="#FAF7F2"/>
+  <g transform="translate(76 76) scale(3.6)">
+    <!-- Facette haut-gauche (lumière) -->
+    <polygon points="50,6 6,50 50,50" fill="#9F1239" fill-opacity="1"/>
+    <!-- Facette haut-droite -->
+    <polygon points="50,6 94,50 50,50" fill="#9F1239" fill-opacity="0.8"/>
+    <!-- Facette bas-gauche -->
+    <polygon points="6,50 50,50 50,94" fill="#9F1239" fill-opacity="0.65"/>
+    <!-- Facette bas-droite (ombre) -->
+    <polygon points="50,50 94,50 50,94" fill="#9F1239" fill-opacity="0.48"/>
+    <!-- Contour propre -->
+    <polygon points="50,6 94,50 50,94 6,50" fill="none" stroke="#9F1239" stroke-width="1.6" stroke-linejoin="round"/>
+  </g>
+</svg>

apps/landing/public/site.webmanifest

@@ -1,21 +1,32 @@
 {
   "name": "Rubis.",
   "short_name": "Rubis",
-  "icons": [
+  "description": "Vos factures relancées toutes seules pendant que vous travaillez.",
-    {
+  "start_url": "/",
-      "src": "web-app-manifest-192x192.png",
+  "scope": "/",
-      "sizes": "192x192",
+  "display": "standalone",
-      "type": "image/png",
+  "orientation": "portrait",
-      "purpose": "maskable"
+  "lang": "fr-FR",
-    },
-    {
-      "src": "web-app-manifest-512x512.png",
-      "sizes": "512x512",
-      "type": "image/png",
-      "purpose": "maskable"
-    }
-  ],
   "theme_color": "#9F1239",
   "background_color": "#FAF7F2",
-  "display": "standalone"
+  "icons": [
+    {
+      "src": "/icon.svg",
+      "sizes": "any",
+      "type": "image/svg+xml",
+      "purpose": "any"
+    },
+    {
+      "src": "/icon-192.png",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "any maskable"
+    },
+    {
+      "src": "/icon-512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "any maskable"
+    }
+  ]
 }

apps/landing/src/layouts/Layout.astro

@@ -127,11 +127,15 @@ const jsonLdArray = jsonLd ? (Array.isArray(jsonLd) ? jsonLd : [jsonLd]) : [];
     <link rel="preload" as="font" type="font/woff2" crossorigin="anonymous" href={interLatinWoff2} />
     <link rel="preload" as="font" type="font/woff2" crossorigin="anonymous" href={bricolageLatinWoff2} />
 
-    {/* Favicons */}
+    {/* Favicons — set aligné sur apps/web (mêmes assets sur rubis.pro et
-    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+        app.rubis.pro, cohérence visuelle quand l'user passe de la landing
-    <link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png" />
+        à l'app). SVG hand-coded en priorité (1 KB), PNG en fallback iOS.
-    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
+        `favicon.ico` (legacy IE/Edge bookmark) gardé pour les bookmark bars. */}
+    <link rel="icon" type="image/svg+xml" href="/icon.svg" />
+    <link rel="icon" type="image/x-icon" href="/favicon.ico" />
+    <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
     <link rel="manifest" href="/site.webmanifest" />
+    <meta name="apple-mobile-web-app-title" content="Rubis" />
 
     {/* RSS auto-discovery — exposés sur toutes les pages pour que les
         lecteurs RSS détectent les deux flux quel que soit le point d'entrée. */}