index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover" />
    <meta name="mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
    <title>Segnapunti - Anto</title>
  </head>
  <body>
    <div id="app"></div>
    <script type="module" src="/src/main.js"></script>
  </body>
</html>
Inizio versione segnapunti con vue3 vite e PWA. per adesso permette solo di aggiungere e togliere punti. tiene conto delle formazioni ma non le fisualizza. il fullscreen e il landscape devono essere fatti manualmente sto guardando come poterlo fare con PWA o javascript. 2023-06-01 15:25:21 +02:00			`<!DOCTYPE html>`
			`<html lang="en">`
			`<head>`
			`<meta charset="UTF-8" />`
			`<link rel="icon" type="image/svg+xml" href="/vite.svg" />`
Ottimizza layout mobile e setup icone APK Android - Forza orientamento landscape e blocca scroll su mobile - Aggiunge media queries responsive per schermi <768px - Usa 100dvh e position:fixed per layout fullscreen - Crea setup-android-icons.sh per generazione automatica icone Android - Configura Capacitor per landscape, disabilita splash screen - Refactoring Dockerfile con ImageMagick per icone multi-densità 2026-01-24 11:23:45 +01:00			`<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover" />`
			`<meta name="mobile-web-app-capable" content="yes" />`
			`<meta name="apple-mobile-web-app-capable" content="yes" />`
			`<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />`
Modifiche per adattare il piu' possibile alla tipologia APP. Aggiunto un bordo trasparente alle 2 icone. In manifest forzata la modalità fullscreen landscape, aiutandosi anche con documentElement.requestFullscreen(). Le formazioni vengono visualizzate cambiando posto con il punteggio. inseriti opportuni cambiamenti su style.css. inserito in css-body overscroll-behavior-y: contain; per prevenire la ricarica della pagina con swipe-down. modificato il title direttamente in index.html. 2023-06-07 14:46:09 +02:00			`<title>Segnapunti - Anto</title>`
Inizio versione segnapunti con vue3 vite e PWA. per adesso permette solo di aggiungere e togliere punti. tiene conto delle formazioni ma non le fisualizza. il fullscreen e il landscape devono essere fatti manualmente sto guardando come poterlo fare con PWA o javascript. 2023-06-01 15:25:21 +02:00			`</head>`
			`<body>`
			`<div id="app"></div>`
			`<script type="module" src="/src/main.js"></script>`
			`</body>`
			`</html>`