{ "name": "chat.tur.ar", "short_name": "chat.tur.ar", "description": "Chat de viajes con inteligencia artificial: tu itinerario día por día.", "start_url": "/", "scope": "/", "display": "standalone", "orientation": "portrait", "lang": "es-AR", "dir": "ltr", "theme_color": "#e4e9e5", "background_color": "#e4e9e5", "_nota_descripcion": "Este texto NO es el de la tarjeta que se ve al compartir el link: ese vive en las etiquetas og: de index.html y es mas largo. Este se lee una sola vez, cuando alguien agrega la app a la pantalla de inicio, y los sistemas lo cortan enseguida. Son dos datos distintos con dos textos distintos, no una copia. El anterior decia 'pasajes en micro con horarios reales', que era del comienzo del proyecto. Lo cuida pruebas/sim_tarjeta.php.", "_nota_extension": "Se llama .webmanifest y no .json a proposito: el .htaccess bloquea TODOS los .json por web (para que nadie pueda leer los caches de token y de paradas). Un manifest.json daria 403 y el navegador lo descartaria en silencio. .webmanifest es ademas la extension que recomienda el estandar.", "_nota_theme_color": "Los dos colores son el MISMO verde grisaceo, y tiene que coincidir con el meta theme-color de index.html y con la variable --fondo del CSS. Toda la pantalla es de ese color: encabezado, chat y barra de escribir. Si alguno queda distinto, al abrir la app se ve un flash de otro color antes de cargar, o un escalon arriba de todo. Van TRES lugares: aca (dos veces), el meta del head y la variable del CSS.", "icons": [ { "src": "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Crect width='512' height='512' rx='112' fill='rgb(228,233,229)'/%3E%3Ctext x='256' y='352' font-size='304' text-anchor='middle' fill='rgb(44,56,48)'%3E%E2%9C%A8%3C/text%3E%3C/svg%3E", "sizes": "any", "type": "image/svg+xml", "purpose": "any" } ], "_nota_iconos": "El icono es la MISMA chispa del encabezado y del favicon, como SVG en un data URI. Va asi y no como PNG porque no hay que subir ningun archivo suelto y escala solo a cualquier tamaño: Android lo usa igual para 'Agregar a pantalla de inicio'. Si algun dia se quiere un logo dibujado de verdad, se exporta a PNG 192 y 512, se suben a esta carpeta y se reemplaza este bloque por el de abajo. OJO: en el data URI el color va en rgb() y no en hexadecimal, porque el numeral corta la direccion.", "_icons": [ { "src": "/icono-192.png", "sizes": "192x192", "type": "image/png", "purpose": "any" }, { "src": "/icono-512.png", "sizes": "512x512", "type": "image/png", "purpose": "any" }, { "src": "/icono-512-recortable.png", "sizes": "512x512", "type": "image/png", "purpose": "maskable" } ] }