Permette di invertire l'ordine del segnapunti

Lo scambio puo' essere effettuato cliccando sul primo pulsante in basso quello che apre il modal dove è possibiile modificare i nomi
porta homepage in un componente a parte dividendo il file
2025-04-03 09:58:00 +02:00 · 2025-03-26 15:08:42 +01:00 · 2025-02-11 14:12:14 +01:00 · 2025-02-11 14:00:01 +01:00 · 2025-02-11 13:31:19 +01:00 · 2025-02-11 13:29:30 +01:00
26 changed files with 4320 additions and 219 deletions
--- a/.gitignore
+++ b/.gitignore
@@ -7,6 +7,9 @@ yarn-error.log*
 pnpm-debug.log*
 lerna-debug.log*

+# DEscrizione ultimo commit (memoria corta...)
+currentCommit.txt
+
 node_modules
 dist
 dist-ssr
--- a/README.md
+++ b/README.md
@@ -1,4 +1,5 @@
 # Vue 3 + Vite
+# nvm use v20.2.0

 This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.

--- a/dev-dist/registerSW.js
+++ b/dev-dist/registerSW.js
@@ -0,0 +1 @@
+if('serviceWorker' in navigator) navigator.serviceWorker.register('/dev-sw.js?dev-sw', { scope: '/', type: 'classic' })
--- a/dev-dist/sw.js
+++ b/dev-dist/sw.js
@@ -0,0 +1,92 @@
+/**
+ * Copyright 2018 Google Inc. All Rights Reserved.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+// If the loader is already loaded, just stop.
+if (!self.define) {
+  let registry = {};
+
+  // Used for `eval` and `importScripts` where we can't get script URL by other means.
+  // In both cases, it's safe to use a global var because those functions are synchronous.
+  let nextDefineUri;
+
+  const singleRequire = (uri, parentUri) => {
+    uri = new URL(uri + ".js", parentUri).href;
+    return registry[uri] || (
+      
+        new Promise(resolve => {
+          if ("document" in self) {
+            const script = document.createElement("script");
+            script.src = uri;
+            script.onload = resolve;
+            document.head.appendChild(script);
+          } else {
+            nextDefineUri = uri;
+            importScripts(uri);
+            resolve();
+          }
+        })
+      
+      .then(() => {
+        let promise = registry[uri];
+        if (!promise) {
+          throw new Error(`Module ${uri} didn’t register its module`);
+        }
+        return promise;
+      })
+    );
+  };
+
+  self.define = (depsNames, factory) => {
+    const uri = nextDefineUri || ("document" in self ? document.currentScript.src : "") || location.href;
+    if (registry[uri]) {
+      // Module is already loading or loaded.
+      return;
+    }
+    let exports = {};
+    const require = depUri => singleRequire(depUri, uri);
+    const specialDeps = {
+      module: { uri },
+      exports,
+      require
+    };
+    registry[uri] = Promise.all(depsNames.map(
+      depName => specialDeps[depName] || require(depName)
+    )).then(deps => {
+      factory(...deps);
+      return exports;
+    });
+  };
+}
+define(['./workbox-5357ef54'], (function (workbox) { 'use strict';
+
+  self.skipWaiting();
+  workbox.clientsClaim();
+
+  /**
+   * The precacheAndRoute() method efficiently caches and responds to
+   * requests for URLs in the manifest.
+   * See https://goo.gl/S9QRab
+   */
+  workbox.precacheAndRoute([{
+    "url": "registerSW.js",
+    "revision": "3ca0b8505b4bec776b69afdba2768812"
+  }, {
+    "revision": null,
+    "url": "index.html"
+  }], {});
+  workbox.cleanupOutdatedCaches();
+  workbox.registerRoute(new workbox.NavigationRoute(workbox.createHandlerBoundToURL("index.html"), {
+    allowlist: [/^\/$/]
+  }));
+
+}));
--- a/dev-dist/workbox-5357ef54.js
+++ b/dev-dist/workbox-5357ef54.js
--- a/index.html
+++ b/index.html
@@ -4,7 +4,7 @@
    <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" />
-    <title>Vite + Vue</title>
+    <title>Segnapunti - Anto</title>
  </head>
  <body>
    <div id="app"></div>
--- a/package-lock.json
+++ b/package-lock.json
@@ -9,7 +9,8 @@
      "version": "0.0.0",
      "dependencies": {
        "nosleep.js": "^0.12.0",
-        "vue": "^3.2.47"
+        "vue": "^3.2.47",
+        "wave-ui": "^3.3.0"
      },
      "devDependencies": {
        "@vitejs/plugin-vue": "^4.1.0",
@@ -496,9 +497,9 @@
      }
    },
    "node_modules/@babel/plugin-proposal-private-property-in-object": {
-      "version": "7.21.0",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-private-property-in-object/-/plugin-proposal-private-property-in-object-7.21.0.tgz",
-      "integrity": "sha512-ha4zfehbJjc5MmXBlHec1igel5TJXXLDDRbuJ4+XT2TJcyD9/V1919BA8gMvsdHcNMBy4WBUBiRb3nw/EQUtBw==",
+      "version": "7.21.11",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-private-property-in-object/-/plugin-proposal-private-property-in-object-7.21.11.tgz",
+      "integrity": "sha512-0QZ8qP/3RLDVBwBFoWAwCtgcDZJVwA5LUJRZU8x2YFfKNuFq161wK3cuGrALu5yiPu+vzwTAg/sMWVNeWeNyaw==",
      "dev": true,
      "dependencies": {
        "@babel/helper-annotate-as-pure": "^7.18.6",
@@ -2163,6 +2164,94 @@
        "node": ">= 8"
      }
    },
+    "node_modules/@rollup/plugin-babel": {
+      "version": "5.3.1",
+      "resolved": "https://registry.npmjs.org/@rollup/plugin-babel/-/plugin-babel-5.3.1.tgz",
+      "integrity": "sha512-WFfdLWU/xVWKeRQnKmIAQULUI7Il0gZnBIH/ZFO069wYIfPu+8zrfp/KMW0atmELoRDq8FbiP3VCss9MhCut7Q==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-module-imports": "^7.10.4",
+        "@rollup/pluginutils": "^3.1.0"
+      },
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0",
+        "@types/babel__core": "^7.1.9",
+        "rollup": "^1.20.0||^2.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/babel__core": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@rollup/plugin-node-resolve": {
+      "version": "11.2.1",
+      "resolved": "https://registry.npmjs.org/@rollup/plugin-node-resolve/-/plugin-node-resolve-11.2.1.tgz",
+      "integrity": "sha512-yc2n43jcqVyGE2sqV5/YCmocy9ArjVAP/BeXyTtADTBBX6V0e5UMqwO8CdQ0kzjb6zu5P1qMzsScCMRvE9OlVg==",
+      "dev": true,
+      "dependencies": {
+        "@rollup/pluginutils": "^3.1.0",
+        "@types/resolve": "1.17.1",
+        "builtin-modules": "^3.1.0",
+        "deepmerge": "^4.2.2",
+        "is-module": "^1.0.0",
+        "resolve": "^1.19.0"
+      },
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "peerDependencies": {
+        "rollup": "^1.20.0||^2.0.0"
+      }
+    },
+    "node_modules/@rollup/plugin-replace": {
+      "version": "2.4.2",
+      "resolved": "https://registry.npmjs.org/@rollup/plugin-replace/-/plugin-replace-2.4.2.tgz",
+      "integrity": "sha512-IGcu+cydlUMZ5En85jxHH4qj2hta/11BHq95iHEyb2sbgiN0eCdzvUcHw5gt9pBL5lTi4JDYJ1acCoMGpTvEZg==",
+      "dev": true,
+      "dependencies": {
+        "@rollup/pluginutils": "^3.1.0",
+        "magic-string": "^0.25.7"
+      },
+      "peerDependencies": {
+        "rollup": "^1.20.0 || ^2.0.0"
+      }
+    },
+    "node_modules/@rollup/plugin-replace/node_modules/magic-string": {
+      "version": "0.25.9",
+      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.25.9.tgz",
+      "integrity": "sha512-RmF0AsMzgt25qzqqLc1+MbHmhdx0ojF2Fvs4XnOqz2ZOBXzzkEwc/dJQZCYHAn7v1jbVOjAZfK8msRn4BxO4VQ==",
+      "dev": true,
+      "dependencies": {
+        "sourcemap-codec": "^1.4.8"
+      }
+    },
+    "node_modules/@rollup/pluginutils": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-3.1.0.tgz",
+      "integrity": "sha512-GksZ6pr6TpIjHm8h9lSQ8pi8BE9VeubNT0OMJ3B5uZJ8pz73NPiqOtCog/x2/QzM1ENChPKxMDhiQuRHsqc+lg==",
+      "dev": true,
+      "dependencies": {
+        "@types/estree": "0.0.39",
+        "estree-walker": "^1.0.1",
+        "picomatch": "^2.2.2"
+      },
+      "engines": {
+        "node": ">= 8.0.0"
+      },
+      "peerDependencies": {
+        "rollup": "^1.20.0||^2.0.0"
+      }
+    },
+    "node_modules/@rollup/pluginutils/node_modules/estree-walker": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-1.0.1.tgz",
+      "integrity": "sha512-1fMXF3YP4pZZVozF8j/ZLfvnR8NSIljt56UhbZ5PeeDmmGHpgpdwQt7ITlGvYaQukCvuBRMLEiKiYC+oeIg4cg==",
+      "dev": true
+    },
    "node_modules/@surma/rollup-plugin-off-main-thread": {
      "version": "2.2.3",
      "resolved": "https://registry.npmjs.org/@surma/rollup-plugin-off-main-thread/-/rollup-plugin-off-main-thread-2.2.3.tgz",
@@ -2452,13 +2541,12 @@
      "dev": true
    },
    "node_modules/brace-expansion": {
-      "version": "1.1.11",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
-      "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
+      "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
      "dev": true,
      "dependencies": {
-        "balanced-match": "^1.0.0",
-        "concat-map": "0.0.1"
+        "balanced-match": "^1.0.0"
      }
    },
    "node_modules/braces": {
@@ -2537,9 +2625,9 @@
      }
    },
    "node_modules/caniuse-lite": {
-      "version": "1.0.30001492",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001492.tgz",
-      "integrity": "sha512-2efF8SAZwgAX1FJr87KWhvuJxnGJKOnctQa8xLOskAXNXq8oiuqgl6u1kk3fFpsp3GgvzlRjiK1sl63hNtFADw==",
+      "version": "1.0.30001495",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001495.tgz",
+      "integrity": "sha512-F6x5IEuigtUfU5ZMQK2jsy5JqUUlEFRVZq8bO2a+ysq5K7jD6PPc9YXZj78xDNS3uNchesp1Jw47YXEqr+Viyg==",
      "dev": true,
      "funding": [
        {
@@ -2697,9 +2785,9 @@
      }
    },
    "node_modules/electron-to-chromium": {
-      "version": "1.4.416",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.416.tgz",
-      "integrity": "sha512-AUYh0XDTb2vrj0rj82jb3P9hHSyzQNdTPYWZIhPdCOui7/vpme7+HTE07BE5jwuqg/34TZ8ktlRz6GImJ4IXjA==",
+      "version": "1.4.423",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.423.tgz",
+      "integrity": "sha512-y4A7YfQcDGPAeSWM1IuoWzXpg9RY1nwHzHSwRtCSQFp9FgAVDgdWlFf0RbdWfLWQ2WUI+bddUgk5RgTjqRE6FQ==",
      "dev": true
    },
    "node_modules/es-abstract": {
@@ -2896,15 +2984,6 @@
        "minimatch": "^5.0.1"
      }
    },
-    "node_modules/filelist/node_modules/brace-expansion": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
-      "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
-      "dev": true,
-      "dependencies": {
-        "balanced-match": "^1.0.0"
-      }
-    },
    "node_modules/filelist/node_modules/minimatch": {
      "version": "5.1.6",
      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-5.1.6.tgz",
@@ -3779,6 +3858,16 @@
        "node": "*"
      }
    },
+    "node_modules/minimatch/node_modules/brace-expansion": {
+      "version": "1.1.11",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
+      "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
+      "dev": true,
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
    "node_modules/ms": {
      "version": "2.1.2",
      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
@@ -3810,7 +3899,6 @@
    },
    "node_modules/nosleep.js": {
      "version": "0.12.0",
-      "resolved": "https://registry.npmjs.org/nosleep.js/-/nosleep.js-0.12.0.tgz",
      "integrity": "sha512-9d1HbpKLh3sdWlhXMhU6MMH+wQzKkrgfRkYV0EBdvt99YJfj0ilCJrWRDYG2130Tm4GXbEoTCx5b34JSaP+HhA=="
    },
    "node_modules/object-inspect": {
@@ -4092,21 +4180,36 @@
      }
    },
    "node_modules/rollup": {
-      "version": "3.23.0",
-      "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.23.0.tgz",
-      "integrity": "sha512-h31UlwEi7FHihLe1zbk+3Q7z1k/84rb9BSwmBSr/XjOCEaBJ2YyedQDuM0t/kfOS0IxM+vk1/zI9XxYj9V+NJQ==",
+      "version": "2.79.1",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-2.79.1.tgz",
+      "integrity": "sha512-uKxbd0IhMZOhjAiD5oAFp7BqvkA4Dv47qpOCtaNvng4HBwdbWtdOh8f5nZNuk2rp51PMGk3bzfWu5oayNEuYnw==",
      "dev": true,
      "bin": {
        "rollup": "dist/bin/rollup"
      },
      "engines": {
-        "node": ">=14.18.0",
-        "npm": ">=8.0.0"
+        "node": ">=10.0.0"
      },
      "optionalDependencies": {
        "fsevents": "~2.3.2"
      }
    },
+    "node_modules/rollup-plugin-terser": {
+      "version": "7.0.2",
+      "resolved": "https://registry.npmjs.org/rollup-plugin-terser/-/rollup-plugin-terser-7.0.2.tgz",
+      "integrity": "sha512-w3iIaU4OxcF52UUXiZNsNeuXIMDvFrr+ZXK6bFZ0Q60qyVfq4uLptoS4bbq3paG3x216eQllFZX7zt6TIImguQ==",
+      "deprecated": "This package has been deprecated and is no longer maintained. Please use @rollup/plugin-terser",
+      "dev": true,
+      "dependencies": {
+        "@babel/code-frame": "^7.10.4",
+        "jest-worker": "^26.2.1",
+        "serialize-javascript": "^4.0.0",
+        "terser": "^5.0.0"
+      },
+      "peerDependencies": {
+        "rollup": "^2.0.0"
+      }
+    },
    "node_modules/run-parallel": {
      "version": "1.2.0",
      "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
@@ -4629,7 +4732,6 @@
    },
    "node_modules/vite-plugin-pwa": {
      "version": "0.16.0",
-      "resolved": "https://registry.npmjs.org/vite-plugin-pwa/-/vite-plugin-pwa-0.16.0.tgz",
      "integrity": "sha512-E+AQRzHxqNU4ZhEeR8X37/foZB+ezJEhXauE/mcf1UITY6k2Pa1dtlFl+BQu57fTdiVlWim5S0Qy44Yap93Dkg==",
      "dev": true,
      "dependencies": {
@@ -4651,6 +4753,22 @@
        "workbox-window": "^7.0.0"
      }
    },
+    "node_modules/vite/node_modules/rollup": {
+      "version": "3.26.3",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.26.3.tgz",
+      "integrity": "sha512-7Tin0C8l86TkpcMtXvQu6saWH93nhG3dGQ1/+l5V2TDMceTxO7kDiK6GzbfLWNNxqJXm591PcEZUozZm51ogwQ==",
+      "dev": true,
+      "bin": {
+        "rollup": "dist/bin/rollup"
+      },
+      "engines": {
+        "node": ">=14.18.0",
+        "npm": ">=8.0.0"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.2"
+      }
+    },
    "node_modules/vue": {
      "version": "3.3.4",
      "resolved": "https://registry.npmjs.org/vue/-/vue-3.3.4.tgz",
@@ -4663,6 +4781,17 @@
        "@vue/shared": "3.3.4"
      }
    },
+    "node_modules/wave-ui": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/wave-ui/-/wave-ui-3.3.0.tgz",
+      "integrity": "sha512-z4hBt/tOFMwG3S+pNE1+is+6diSSgll7zeYOwr84v4+mdE1o+u1M4zTRwqYx1NvLE9DqeXD3iplCjhrxEjsziA==",
+      "funding": {
+        "url": "https://github.com/sponsors/antoniandre"
+      },
+      "peerDependencies": {
+        "vue": "^2.6.14 || ^3.2.0"
+      }
+    },
    "node_modules/webidl-conversions": {
      "version": "4.0.2",
      "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-4.0.2.tgz",
@@ -4783,94 +4912,6 @@
        "node": ">=16.0.0"
      }
    },
-    "node_modules/workbox-build/node_modules/@rollup/plugin-babel": {
-      "version": "5.3.1",
-      "resolved": "https://registry.npmjs.org/@rollup/plugin-babel/-/plugin-babel-5.3.1.tgz",
-      "integrity": "sha512-WFfdLWU/xVWKeRQnKmIAQULUI7Il0gZnBIH/ZFO069wYIfPu+8zrfp/KMW0atmELoRDq8FbiP3VCss9MhCut7Q==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-module-imports": "^7.10.4",
-        "@rollup/pluginutils": "^3.1.0"
-      },
-      "engines": {
-        "node": ">= 10.0.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0",
-        "@types/babel__core": "^7.1.9",
-        "rollup": "^1.20.0||^2.0.0"
-      },
-      "peerDependenciesMeta": {
-        "@types/babel__core": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/workbox-build/node_modules/@rollup/plugin-node-resolve": {
-      "version": "11.2.1",
-      "resolved": "https://registry.npmjs.org/@rollup/plugin-node-resolve/-/plugin-node-resolve-11.2.1.tgz",
-      "integrity": "sha512-yc2n43jcqVyGE2sqV5/YCmocy9ArjVAP/BeXyTtADTBBX6V0e5UMqwO8CdQ0kzjb6zu5P1qMzsScCMRvE9OlVg==",
-      "dev": true,
-      "dependencies": {
-        "@rollup/pluginutils": "^3.1.0",
-        "@types/resolve": "1.17.1",
-        "builtin-modules": "^3.1.0",
-        "deepmerge": "^4.2.2",
-        "is-module": "^1.0.0",
-        "resolve": "^1.19.0"
-      },
-      "engines": {
-        "node": ">= 10.0.0"
-      },
-      "peerDependencies": {
-        "rollup": "^1.20.0||^2.0.0"
-      }
-    },
-    "node_modules/workbox-build/node_modules/@rollup/plugin-replace": {
-      "version": "2.4.2",
-      "resolved": "https://registry.npmjs.org/@rollup/plugin-replace/-/plugin-replace-2.4.2.tgz",
-      "integrity": "sha512-IGcu+cydlUMZ5En85jxHH4qj2hta/11BHq95iHEyb2sbgiN0eCdzvUcHw5gt9pBL5lTi4JDYJ1acCoMGpTvEZg==",
-      "dev": true,
-      "dependencies": {
-        "@rollup/pluginutils": "^3.1.0",
-        "magic-string": "^0.25.7"
-      },
-      "peerDependencies": {
-        "rollup": "^1.20.0 || ^2.0.0"
-      }
-    },
-    "node_modules/workbox-build/node_modules/@rollup/pluginutils": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-3.1.0.tgz",
-      "integrity": "sha512-GksZ6pr6TpIjHm8h9lSQ8pi8BE9VeubNT0OMJ3B5uZJ8pz73NPiqOtCog/x2/QzM1ENChPKxMDhiQuRHsqc+lg==",
-      "dev": true,
-      "dependencies": {
-        "@types/estree": "0.0.39",
-        "estree-walker": "^1.0.1",
-        "picomatch": "^2.2.2"
-      },
-      "engines": {
-        "node": ">= 8.0.0"
-      },
-      "peerDependencies": {
-        "rollup": "^1.20.0||^2.0.0"
-      }
-    },
-    "node_modules/workbox-build/node_modules/estree-walker": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-1.0.1.tgz",
-      "integrity": "sha512-1fMXF3YP4pZZVozF8j/ZLfvnR8NSIljt56UhbZ5PeeDmmGHpgpdwQt7ITlGvYaQukCvuBRMLEiKiYC+oeIg4cg==",
-      "dev": true
-    },
-    "node_modules/workbox-build/node_modules/magic-string": {
-      "version": "0.25.9",
-      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.25.9.tgz",
-      "integrity": "sha512-RmF0AsMzgt25qzqqLc1+MbHmhdx0ojF2Fvs4XnOqz2ZOBXzzkEwc/dJQZCYHAn7v1jbVOjAZfK8msRn4BxO4VQ==",
-      "dev": true,
-      "dependencies": {
-        "sourcemap-codec": "^1.4.8"
-      }
-    },
    "node_modules/workbox-build/node_modules/pretty-bytes": {
      "version": "5.6.0",
      "resolved": "https://registry.npmjs.org/pretty-bytes/-/pretty-bytes-5.6.0.tgz",
@@ -4883,37 +4924,6 @@
        "url": "https://github.com/sponsors/sindresorhus"
      }
    },
-    "node_modules/workbox-build/node_modules/rollup": {
-      "version": "2.79.1",
-      "resolved": "https://registry.npmjs.org/rollup/-/rollup-2.79.1.tgz",
-      "integrity": "sha512-uKxbd0IhMZOhjAiD5oAFp7BqvkA4Dv47qpOCtaNvng4HBwdbWtdOh8f5nZNuk2rp51PMGk3bzfWu5oayNEuYnw==",
-      "dev": true,
-      "bin": {
-        "rollup": "dist/bin/rollup"
-      },
-      "engines": {
-        "node": ">=10.0.0"
-      },
-      "optionalDependencies": {
-        "fsevents": "~2.3.2"
-      }
-    },
-    "node_modules/workbox-build/node_modules/rollup-plugin-terser": {
-      "version": "7.0.2",
-      "resolved": "https://registry.npmjs.org/rollup-plugin-terser/-/rollup-plugin-terser-7.0.2.tgz",
-      "integrity": "sha512-w3iIaU4OxcF52UUXiZNsNeuXIMDvFrr+ZXK6bFZ0Q60qyVfq4uLptoS4bbq3paG3x216eQllFZX7zt6TIImguQ==",
-      "deprecated": "This package has been deprecated and is no longer maintained. Please use @rollup/plugin-terser",
-      "dev": true,
-      "dependencies": {
-        "@babel/code-frame": "^7.10.4",
-        "jest-worker": "^26.2.1",
-        "serialize-javascript": "^4.0.0",
-        "terser": "^5.0.0"
-      },
-      "peerDependencies": {
-        "rollup": "^2.0.0"
-      }
-    },
    "node_modules/workbox-cacheable-response": {
      "version": "7.0.0",
      "resolved": "https://registry.npmjs.org/workbox-cacheable-response/-/workbox-cacheable-response-7.0.0.tgz",
--- a/package.json
+++ b/package.json
@@ -10,7 +10,8 @@
  },
  "dependencies": {
    "nosleep.js": "^0.12.0",
-    "vue": "^3.2.47"
+    "vue": "^3.2.47",
+    "wave-ui": "^3.3.0"
  },
  "devDependencies": {
    "@vitejs/plugin-vue": "^4.1.0",
--- a/public/antoniana.jpg
+++ b/public/antoniana.jpg
--- a/public/exit.png
+++ b/public/exit.png
--- a/public/gear.png
+++ b/public/gear.png
--- a/public/segnap-192x192.png
+++ b/public/segnap-192x192.png
--- a/public/segnap-512x512.png
+++ b/public/segnap-512x512.png
--- a/public/serv.png
+++ b/public/serv.png
--- a/public/speaker.png
+++ b/public/speaker.png
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,5 +1,5 @@
 <script setup>
-import HomePage from './components/HomePage.vue'
+import HomePage from './components/HomePage/index.vue'
 </script>

 <template>
--- a/src/assets/serve.png
+++ b/src/assets/serve.png
--- a/src/components/HelloWorld.vue
+++ b/src/components/HelloWorld.vue
@@ -1,40 +0,0 @@
-<script setup>
-import { ref } from 'vue'
-
-defineProps({
-  msg: String,
-})
-
-const count = ref(0)
-</script>
-
-<template>
-  <h1>{{ msg }}</h1>
-
-  <div class="card">
-    <button type="button" @click="count++">count is {{ count }}</button>
-    <p>
-      Edit
-      <code>components/HelloWorld.vue</code> to test HMR
-    </p>
-  </div>
-
-  <p>
-    Check out
-    <a href="https://vuejs.org/guide/quick-start.html#local" target="_blank"
-      >create-vue</a
-    >, the official Vue + Vite starter
-  </p>
-  <p>
-    Install
-    <a href="https://github.com/vuejs/language-tools" target="_blank">Volar</a>
-    in your IDE for a better DX
-  </p>
-  <p class="read-the-docs">Click on the Vite and Vue logos to learn more</p>
-</template>
-
-<style scoped>
-.read-the-docs {
-  color: #888;
-}
-</style>
--- a/src/components/HomePage.vue
+++ b/src/components/HomePage.vue
@@ -5,9 +5,19 @@ export default {
  components: {},
  data() {
    return {
+      voices: null,
+      diaNomi: {
+        show: false,
+        home: "",
+        guest: "",
+      },
+      visuForm: false,
+      visuButt: true,
      sp: {
+        servHome: true,
        punt: { home: 0, guest: 0 },
        set: { home: 0, guest: 0 },
+        nomi: { home: "Antoniana", guest: "Guest" },
        form: {
          home: ["1", "2", "3", "4", "5", "6"],
          guest: ["1", "2", "3", "4", "5", "6"],
@@ -15,13 +25,21 @@ export default {
      },
    }
  },
-  mounted () {
+  mounted() {
+    this.voices = window.speechSynthesis.getVoices();
    if (this.isMobile()) {
+      this.speak();
      var noSleep = new NoSleep();
      noSleep.enable();
+      document.documentElement.requestFullscreen();
    }
+    this.abilitaTastiSpeciali();
  },
  methods: {
+    closeApp() {
+      var win = window.open("", "_self");
+      win.close();
+    },
    fullScreen() {
      document.documentElement.requestFullscreen();
    },
@@ -37,40 +55,166 @@ export default {
      }
    },
    resetta() {
-      if (confirm("Confermi il reset del punteggio ?")) {
-        this.sp.punt.home = 0;
-        this.sp.punt.guest = 0;
-        this.sp.form = {
-          home: ["1", "2", "3", "4", "5", "6"],
-          guest: ["1", "2", "3", "4", "5", "6"],
-        }
+      this.$waveui.notify("Punteggio<br />RESETTATO", "success");
+      this.visuForm = false;
+      this.sp.punt.home = 0;
+      this.sp.punt.guest = 0;
+      this.sp.form = {
+        home: ["1", "2", "3", "4", "5", "6"],
+        guest: ["1", "2", "3", "4", "5", "6"],
+      }
+    },
+    incSet(team) {
+      if (this.sp.set[team] == 2) {
+        this.sp.set[team] = 0;
+      } else {
+        this.sp.set[team]++;
      }
    },
    incPunt(team) {
      this.sp.punt[team]++;
+      this.sp.servHome = (team == "home");
      this.sp.form[team].push(this.sp.form[team].shift());
    },
    decPunt(team) {
+      // decrementa il punteggio se è > 0.
      if (this.sp.punt[team] > 0) {
        this.sp.punt[team]--;
        this.sp.form[team].unshift(this.sp.form[team].pop());
      }
+    },
+    speak() {
+      const msg = new SpeechSynthesisUtterance();
+      if (this.sp.punt.home + this.sp.punt.guest == 0) {
+        msg.text = "zero a zero";
+      } else if (this.sp.punt.home == this.sp.punt.guest) {
+        msg.text = this.sp.punt.home + " pari";
+      } else {
+        if (this.sp.servHome) {
+          msg.text = this.sp.punt.home + " a " + this.sp.punt.guest;
+        } else {
+          msg.text = this.sp.punt.guest + " a " + this.sp.punt.home;
+        }
+      }
+      // msg.volume = 1.0; // speech volume (default: 1.0)
+      // msg.pitch = 1.0; // speech pitch (default: 1.0)
+      // msg.rate = 1.0; // speech rate (default: 1.0)
+      msg.lang = 'it_IT'; // speech language (default: 'en-US')
+      const voices = window.speechSynthesis.getVoices();
+      msg.voice = voices.find(voice => voice.name === 'Google italiano'); // voice URI (default: platform-dependent)
+      // msg.onboundary = function (event) {
+      //   console.log('Speech reached a boundary:', event.name);
+      // };
+      // msg.onpause = function (event) {
+      //   console.log('Speech paused:', event.utterance.text.substring(event.charIndex));
+      // };
+      window.speechSynthesis.speak(msg);
+    },
+    apriDialogConfig() {
+      this.disabilitaTastiSpeciali();
+      this.diaNomi.show = true;
+    },
+    disabilitaTastiSpeciali() {
+      window.removeEventListener("keydown", this.funzioneTastiSpeciali);
+    },
+    abilitaTastiSpeciali() {
+      window.addEventListener("keydown", this.funzioneTastiSpeciali);
+    },
+    funzioneTastiSpeciali(e) {
+      e.preventDefault();
+      if (e.ctrlKey && e.key == "m") {
+        this.diaNomi.show = true
+      } else if (e.ctrlKey && e.key == "b") {
+        this.visuButt = !this.visuButt
+      } else if (e.ctrlKey && e.key == "f") {
+        document.documentElement.requestFullscreen();
+      } else if (e.ctrlKey && e.key == "s") {
+        this.speak();
+      } else if (e.ctrlKey && e.key == "z") {
+        this.visuForm = !this.visuForm
+      } else if (e.ctrlKey && e.key == "ArrowUp") {
+        this.incPunt("home")
+      } else if (e.ctrlKey && e.key == "ArrowDown") {
+        this.decPunt("home")
+      } else if (e.ctrlKey && e.key == "ArrowRight") {
+        this.incSet("home")
+      } else if (e.shiftKey && e.key == "ArrowUp") {
+        this.incPunt("guest")
+      } else if (e.shiftKey && e.key == "ArrowDown") {
+        this.decPunt("guest")
+      } else if (e.shiftKey && e.key == "ArrowRight") {
+        this.incSet("guest")
+      } else if (e.ctrlKey && e.key == "ArrowLeft") {
+        this.sp.servHome = !this.sp.servHome
+      } else { return false }
    }
  }
 };
 </script>

 <template>
+  <w-dialog v-model="diaNomi.show" :width="500" @close="abilitaTastiSpeciali()">
+    <w-input v-model="sp.nomi.home" type="text" class="pa3">Home</w-input>
+    <w-input v-model="sp.nomi.guest" type="text" class="pa3">Guest</w-input>
+    <w-button bg-color="success" @click="diaNomi.show = false">
+      Ok
+    </w-button>
+  </w-dialog>
  <div class="campo">
-    <div class="hea home" @click="decPunt('home')">HOME</div>
-    <div class="hea guest" @click="decPunt('guest')">GUEST</div>
-    <div class="col home" @click="incPunt('home')">{{ sp.punt.home }}</div>
-    <div class="col guest" @click="incPunt('guest')">{{ sp.punt.guest }}</div>
-    <div class="bot tal">
-      <button @click="fullScreen">Fullscreen</button>
+    <div class="hea home">
+      <span @click="decPunt('home')" :style="{ 'float': 'left' }">
+        {{ sp.nomi.home }} <img v-if="sp.servHome" src="/serv.png" width="25" />
+        <span v-if="visuForm">{{ sp.punt.home }}</span>
+      </span>
+      <span @click="incSet('home')" class="mr3" :style="{ 'float': 'right' }">set {{ sp.set.home }}</span>
    </div>
-    <div class="bot tar">
-      <button @click="resetta">RESET</button>
+    <div class="hea guest">
+      <span @click="decPunt('guest')" :style="{ 'float': 'right' }">
+        <img v-if="!sp.servHome" src="/serv.png" width="25" /> {{ sp.nomi.guest }}
+        <span v-if="visuForm">{{ sp.punt.guest }}</span>
+      </span>
+      <span @click="incSet('guest')" class="ml3" :style="{ 'float': 'left' }">set {{ sp.set.guest }}</span>
+
+    </div>
+    <span v-if="visuForm">
+      <div class="col form home" @click="incPunt('home')">
+        <div class="formdiv" v-for="x in [3, 2, 1, 4, 5, 0]">
+          {{ sp.form.home[x] }}
+        </div>
+      </div>
+      <div class="col form guest" @click="incPunt('guest')">
+        <div class="formdiv" v-for="x in [3, 2, 1, 4, 5, 0]">
+          {{ sp.form.guest[x] }}
+        </div>
+      </div>
+    </span>
+    <span v-else>
+      <div class="col punt home" @click="incPunt('home')">{{ sp.punt.home }}</div>
+      <div class="col punt guest" @click="incPunt('guest')">{{ sp.punt.guest }}</div>
+    </span>
+
+    <div class="bot" v-if="visuButt">
+      <w-flex justify-space-between class="pa2">
+        <w-confirm right align-bottom v-if="isMobile()" question="CHIUDO ?" cancel="NO" confirm="SI" @confirm="closeApp">
+          <img src="/exit.png" width="25" />
+        </w-confirm>
+        <w-button @click="apriDialogConfig()">
+          <img src="/gear.png" width="25" />
+        </w-button>
+        <w-button @click="sp.servHome = !sp.servHome">
+          <img src="/serv.png" width="25" />
+        </w-button>
+        <w-confirm top left question="Azzero punteggio ?" cancel="NO" confirm="SI" @confirm="resetta">
+          RESET
+        </w-confirm>
+        <w-button @click="visuForm = !visuForm">
+          <span v-if="visuForm">PUNTEGGIO</span>
+          <span v-if="!visuForm">FORMAZIONI</span>
+        </w-button>
+        <w-button @click="speak">
+          <img src="/speaker.png" width="25" />
+        </w-button>
+      </w-flex>
    </div>
  </div>
 </template>
--- a/src/components/HomePage/HomePage.html
+++ b/src/components/HomePage/HomePage.html
@@ -0,0 +1,129 @@
+<section class="homepage">
+    <w-dialog v-model="diaNomi.show" :width="500" @close="abilitaTastiSpeciali()">
+      <w-input v-model="sp.nomi.home" type="text" class="pa3">Home</w-input>
+      <w-input v-model="sp.nomi.guest" type="text" class="pa3">Guest</w-input>
+      <w-button @click="order = !order">Inverti ordine</w-button>
+      <w-button bg-color="success" @click="diaNomi.show = false">
+        Ok
+      </w-button>
+    </w-dialog>
+    <div class="campo">
+
+      <span v-if="order">
+<!-- home guest -->
+      <div class="hea home">
+        <span @click="decPunt('home')" :style="{ 'float': 'left' }">
+          {{ sp.nomi.home }} <img v-if="sp.servHome" src="/serv.png" width="25" />
+          <span v-if="visuForm">{{ sp.punt.home }}</span>
+        </span>
+        <span @click="incSet('home')" class="mr3" :style="{ 'float': 'right' }">set {{ sp.set.home }}</span>
+      </div>
+
+      <div class="hea guest">
+        <span @click="decPunt('guest')" :style="{ 'float': 'right' }">
+          <img v-if="!sp.servHome" src="/serv.png" width="25" /> {{ sp.nomi.guest }}
+          <span v-if="visuForm">{{ sp.punt.guest }}</span>
+        </span>
+        <span @click="incSet('guest')" class="ml3" :style="{ 'float': 'left' }">set {{ sp.set.guest }}</span>
+      </div>
+
+      <span v-if="visuForm">
+        <div class="col form home" @click="incPunt('home')">
+          <div class="formdiv" v-for="x in [3, 2, 1, 4, 5, 0]">
+            {{ sp.form.home[x] }}
+          </div>
+        </div>
+        <div class="col form guest" @click="incPunt('guest')">
+          <div class="formdiv" v-for="x in [3, 2, 1, 4, 5, 0]">
+            {{ sp.form.guest[x] }}
+          </div>
+        </div>
+      </span>
+      <span v-else>
+        <div class="col punt home" @click="incPunt('home')">{{ sp.punt.home }}</div>
+        <div class="col punt guest" @click="incPunt('guest')">{{ sp.punt.guest }}</div>
+      </span>
+  
+      </span>
+      <span v-else>
+<!-- guest home -->        
+
+      <div class="hea guest">
+        <span @click="decPunt('guest')" :style="{ 'float': 'left' }">
+          {{ sp.nomi.guest }} <img v-if="!sp.servHome" src="/serv.png" width="25" />
+          <span v-if="visuForm">{{ sp.punt.guest }}</span>
+        </span>
+        <span @click="incSet('guest')" class="mr3" :style="{ 'float': 'right' }">set {{ sp.set.guest }}</span>
+      </div>
+
+      <div class="hea home">
+        <span @click="decPunt('home')" :style="{ 'float': 'right' }">
+          <img v-if="sp.servHome" src="/serv.png" width="25" /> {{ sp.nomi.home }}
+          <span v-if="visuForm">{{ sp.punt.home }}</span>
+        </span>
+        <span @click="incSet('home')" class="ml3" :style="{ 'float': 'left' }">set {{ sp.set.home }}</span>
+      </div>
+
+      <span v-if="visuForm">
+        <div class="col form guest" @click="incPunt('guest')">
+          <div class="formdiv" v-for="x in [3, 2, 1, 4, 5, 0]">
+            {{ sp.form.guest[x] }}
+          </div>
+        </div>
+        <div class="col form home" @click="incPunt('home')">
+          <div class="formdiv" v-for="x in [3, 2, 1, 4, 5, 0]">
+            {{ sp.form.home[x] }}
+          </div>
+        </div>
+      </span>
+      <span v-else>
+        <div class="col punt guest" @click="incPunt('guest')">{{ sp.punt.guest }}</div>
+        <div class="col punt home" @click="incPunt('home')">{{ sp.punt.home }}</div>        
+      </span>
+
+      </span>
+      
+      <div class="striscia" v-if="visuStriscia">
+      <div>
+        <span class="text-bold mr1">{{ sp.nomi.home }}</span>
+        <div v-for="h in sp.striscia.home" class="item">
+          {{String(h)}}
+        </div>
+      </div>
+      <div class="guest">
+        <span class="text-bold mr1">{{ sp.nomi.guest }}</span>
+        <div v-for="h in sp.striscia.guest" class="item">
+          {{String(h)}}
+        </div>
+      </div>
+      </div>
+
+      <div class="bot" v-if="visuButt">
+        <w-flex justify-space-between class="pa2">
+          <w-confirm right align-bottom v-if="isMobile()" question="CHIUDO ?" cancel="NO" confirm="SI" @confirm="closeApp">
+            <img src="/exit.png" width="25" />
+          </w-confirm>
+          <w-button @click="apriDialogConfig()">
+            <img src="/gear.png" width="25" />
+          </w-button>
+          <w-button @click="sp.servHome = !sp.servHome">
+            <img src="/serv.png" width="25" />
+          </w-button>
+          <w-confirm top left question="Azzero punteggio ?" cancel="NO" confirm="SI" @confirm="resetta">
+            RESET
+          </w-confirm>
+          <w-button @click="visuForm = !visuForm">
+            <span v-if="visuForm">PUNTEGGIO</span>
+            <span v-if="!visuForm">FORMAZIONI</span>
+          </w-button>
+          <w-button @click="visuStriscia = !visuStriscia">
+            STRISCIA
+          </w-button>
+          <w-button @click="speak">
+            <img src="/speaker.png" width="25" />
+          </w-button>
+        </w-flex>
+      </div>
+    </div>
+</section>
+  
--- a/src/components/HomePage/HomePage.js
+++ b/src/components/HomePage/HomePage.js
@@ -0,0 +1,178 @@
+import NoSleep from "nosleep.js";
+export default {
+  name: "HomePage",
+  components: {},
+  data() {
+    return {
+      order: true,
+      voices: null,
+      diaNomi: {
+        show: false,
+        home: "",
+        guest: "",
+      },
+      visuForm: false,
+      visuButt: true,
+      visuStriscia: true,
+      sp: {
+        striscia: { home: [0], guest: [0] },
+        servHome: true,
+        punt: { home: 0, guest: 0 },
+        set: { home: 0, guest: 0 },
+        nomi: { home: "Antoniana", guest: "Guest" },
+        form: {
+          home: ["1", "2", "3", "4", "5", "6"],
+          guest: ["1", "2", "3", "4", "5", "6"],
+        },
+      },
+    }
+  },
+  mounted() {
+    this.voices = window.speechSynthesis.getVoices();
+    if (this.isMobile()) {
+      this.speak();
+      var noSleep = new NoSleep();
+      noSleep.enable();
+      document.documentElement.requestFullscreen();
+    }
+    this.abilitaTastiSpeciali();
+  },
+  methods: {
+    closeApp() {
+      var win = window.open("", "_self");
+      win.close();
+    },
+    fullScreen() {
+      document.documentElement.requestFullscreen();
+    },
+    isMobile() {
+      if (
+        /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(
+          navigator.userAgent
+        )
+      ) {
+        return true;
+      } else {
+        return false;
+      }
+    },
+    resetta() {
+      this.$waveui.notify("Punteggio<br />RESETTATO", "success");
+      this.visuForm = false;
+      this.sp.punt.home = 0;
+      this.sp.punt.guest = 0;
+      this.sp.form = {
+        home: ["1", "2", "3", "4", "5", "6"],
+        guest: ["1", "2", "3", "4", "5", "6"],
+      }
+      this.sp.striscia = { home: [0], guest: [0] }
+    },
+    incSet(team) {
+      if (this.sp.set[team] == 2) {
+        this.sp.set[team] = 0;
+      } else {
+        this.sp.set[team]++;
+      }
+    },
+    incPunt(team) {
+      this.sp.punt[team]++;
+      if (team == 'home') {
+        this.sp.striscia.home.push(this.sp.punt.home)
+        this.sp.striscia.guest.push(' ')
+      } else {
+        this.sp.striscia.guest.push(this.sp.punt.guest)
+        this.sp.striscia.home.push(' ')
+      }      
+      this.sp.servHome = (team == "home");
+      this.sp.form[team].push(this.sp.form[team].shift());
+    },
+    decPunt() {
+      if (this.sp.striscia.home.length > 1) {
+        var tmpHome = this.sp.striscia.home.pop()
+        var tmpGuest = this.sp.striscia.guest.pop()
+        if (tmpHome == ' ') {
+          this.sp.punt.guest--
+          this.sp.form.guest.unshift(this.sp.form.guest.pop());
+        } else {
+          this.sp.punt.home--
+          this.sp.form.home.unshift(this.sp.form.home.pop());
+        }
+      }
+    },
+    // decPunt(team) {
+    //   // decrementa il punteggio se è > 0.
+    //   if (this.sp.punt[team] > 0) {
+    //     this.sp.punt[team]--;
+    //     this.sp.striscia.home.pop()
+    //     this.sp.striscia.guest.pop()
+    //     this.sp.form[team].unshift(this.sp.form[team].pop());
+    //   }
+    // },
+    speak() {
+      const msg = new SpeechSynthesisUtterance();
+      if (this.sp.punt.home + this.sp.punt.guest == 0) {
+        msg.text = "zero a zero";
+      } else if (this.sp.punt.home == this.sp.punt.guest) {
+        msg.text = this.sp.punt.home + " pari";
+      } else {
+        if (this.sp.servHome) {
+          msg.text = this.sp.punt.home + " a " + this.sp.punt.guest;
+        } else {
+          msg.text = this.sp.punt.guest + " a " + this.sp.punt.home;
+        }
+      }
+      // msg.volume = 1.0; // speech volume (default: 1.0)
+      // msg.pitch = 1.0; // speech pitch (default: 1.0)
+      // msg.rate = 1.0; // speech rate (default: 1.0)
+      // msg.lang = 'it_IT'; // speech language (default: 'en-US')
+      const voices = window.speechSynthesis.getVoices();
+      msg.voice = voices.find(voice => voice.name === 'Google italiano');
+      // voice URI (default: platform-dependent)
+      // msg.onboundary = function (event) {
+      //   console.log('Speech reached a boundary:', event.name);
+      // };
+      // msg.onpause = function (event) {
+      //   console.log('Speech paused:', event.utterance.text.substring(event.charIndex));
+      // };
+      window.speechSynthesis.speak(msg);
+    },
+    apriDialogConfig() {
+      this.disabilitaTastiSpeciali();
+      this.diaNomi.show = true;
+    },
+    disabilitaTastiSpeciali() {
+      window.removeEventListener("keydown", this.funzioneTastiSpeciali);
+    },
+    abilitaTastiSpeciali() {
+      window.addEventListener("keydown", this.funzioneTastiSpeciali);
+    },
+    funzioneTastiSpeciali(e) {
+      e.preventDefault();
+      if (e.ctrlKey && e.key == "m") {
+        this.diaNomi.show = true
+      } else if (e.ctrlKey && e.key == "b") {
+        this.visuButt = !this.visuButt
+      } else if (e.ctrlKey && e.key == "f") {
+        document.documentElement.requestFullscreen();
+      } else if (e.ctrlKey && e.key == "s") {
+        this.speak();
+      } else if (e.ctrlKey && e.key == "z") {
+        this.visuForm = !this.visuForm
+      } else if (e.ctrlKey && e.key == "ArrowUp") {
+        this.incPunt("home")
+      } else if (e.ctrlKey && e.key == "ArrowDown") {
+        this.decPunt("home")
+      } else if (e.ctrlKey && e.key == "ArrowRight") {
+        this.incSet("home")
+      } else if (e.shiftKey && e.key == "ArrowUp") {
+        this.incPunt("guest")
+      } else if (e.shiftKey && e.key == "ArrowDown") {
+        this.decPunt("guest")
+      } else if (e.shiftKey && e.key == "ArrowRight") {
+        this.incSet("guest")
+      } else if (e.ctrlKey && e.key == "ArrowLeft") {
+        this.sp.servHome = !this.sp.servHome
+      } else { return false }
+    }
+  }
+}
--- a/src/components/HomePage/HomePage.scss
+++ b/src/components/HomePage/HomePage.scss
@@ -0,0 +1,112 @@
+.homepage {
+    :root {
+        font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
+        touch-action: pan-x pan-y;
+        height: 100% 
+    }
+
+    body {
+        overscroll-behavior-y: contain;
+        margin: 0;
+        place-items: center;
+        min-width: 320px;
+        width: 100%;
+        min-height: 100vh;
+        background-color: #000;
+    }
+
+    button {
+        margin-left: 10px;
+        margin-right: 10px;
+        border-radius: 8px;
+        border: 1px solid #fff;
+        padding: 0.6em 1.2em;
+        font-size: 0.8em;
+        font-weight: 500;
+        font-family: inherit;
+        color: #fff;
+        background-color: #000;
+        cursor: pointer;
+        transition: border-color 0.25s;
+    }
+    button:hover {
+        border-color: #646cff;
+        background-color: #333;
+    }
+    button:focus, button:focus-visible {
+        outline: 4px auto -webkit-focus-ring-color;
+    }
+
+    #app {
+        margin: 0 auto;
+        text-align: center;
+    }
+    .campo {
+        user-select: none;
+        width: 100%;
+        display: table;
+        color: #fff;
+    }
+    .hea {
+        float: left;
+        width: 50%;
+        font-size: xx-large;
+    }
+    .hea span {
+        /* border: 1px solid #f3fb00; */
+        padding-left: 10px;
+        padding-right: 10px;
+        border-radius: 5px;
+    }
+    .tal {
+        text-align: left;
+    }
+    .tar {
+        text-align: right;
+    }
+    .bot {
+        position: fixed;
+        left: 0;
+        bottom: 0;
+        width: 100%;
+        margin-top: 10px;
+        margin-bottom: 1px;
+        background-color: #111;
+    }
+    .col {
+        margin-left: auto;
+        margin-right: auto;
+        text-align: center;
+        float: left;
+        width: 50%;
+    }
+    .punt {
+        font-size: 60vh;
+    }
+    .form {
+        font-size: 5vh;
+        border-top: #fff dashed 25px;
+        padding-top: 50px;
+    }
+    .formtit {
+        font-size: 5vh;
+        margin-top: 30px;
+        margin-bottom: 20px;
+    }
+    .formdiv {
+        font-size: 20vh;
+        float: left;
+        width: 32%;
+    }
+    .home {
+        background-color: black;
+        color: yellow;
+    }
+    .guest {
+        background-color: blue;
+        color: white
+    }
+    .item-stri {
+        background-color: #fff;
+    }
+}
--- a/src/components/HomePage/index.vue
+++ b/src/components/HomePage/index.vue
@@ -0,0 +1,3 @@
+<template src="./HomePage.html"></template>
+<script src="./HomePage.js"></script>
+
--- a/src/main.js
+++ b/src/main.js
@@ -1,5 +1,10 @@
 import { createApp } from 'vue'
 import './style.css'
 import App from './App.vue'
+import WaveUI from 'wave-ui'
+import 'wave-ui/dist/wave-ui.css'

-createApp(App).mount('#app')
+const app = createApp(App)
+
+app.use(WaveUI)
+app.mount('#app')
--- a/src/style.css
+++ b/src/style.css
@@ -5,6 +5,7 @@
 }

 body {
+  overscroll-behavior-y: contain;
  margin: 0;
  place-items: center;
  min-width: 320px;
@@ -19,7 +20,7 @@ button {
  border-radius: 8px;
  border: 1px solid #fff;
  padding: 0.6em 1.2em;
-  font-size: 1em;
+  font-size: 0.8em;
  font-weight: 500;
  font-family: inherit;
  color: #fff;
@@ -40,7 +41,6 @@ button:focus-visible {
  margin: 0 auto;
  text-align: center;
 }
-
 .campo {
  user-select: none;
  width: 100%;
@@ -52,6 +52,12 @@ button:focus-visible {
  width: 50%;
  font-size: xx-large;
 }
+.hea span {
+/* border: 1px solid #f3fb00; */
+  padding-left: 10px;
+  padding-right: 10px;
+  border-radius: 5px;
+}
 .tal {
  text-align: left;
 }
@@ -59,19 +65,60 @@ button:focus-visible {
  text-align: right;
 }
 .bot {
-  float: left;
-  width: 50%;
+  position: fixed;
+  left: 0;
+  bottom: 0;
+  width: 100%;
  margin-top: 10px;
-  background-color: #000;
+  margin-bottom: 1px;
+  background-color: #111;
 }
 .col {
+  margin-left: auto;
+  margin-right: auto;
+  text-align: center;
  float: left;
-  font-size: 60vh;
  width: 50%;
 }
+.punt {
+  font-size: 60vh;
+}
+.form {
+  font-size: 5vh;
+  border-top: #fff dashed 25px;
+  padding-top: 50px;
+}
+.formtit {
+  font-size: 5vh;
+  margin-top: 30px;
+  margin-bottom: 20px;
+}
+.formdiv {
+  font-size: 20vh;
+  float: left;
+  width: 32%;
+}
 .home {
-  background-color: #00f;
+  background-color: black;
+  color: yellow;
 }
 .guest {
-  background-color: #f00;
+  background-color: blue;
+  color: white
 }
+.striscia {
+  position:fixed;
+  text-align: right;
+  bottom: 50px;
+  right: 10px;
+  margin-left: -10000px;
+}
+.striscia .item {
+  width: 25px;
+  text-align: center;
+  font-weight: bold;
+  display: inline-block;
+  background-color: rgb(206, 247, 3);
+  color: blue;
+  border-radius: 5px;
+}
--- a/vite.config.js
+++ b/vite.config.js
@@ -8,7 +8,28 @@ export default defineConfig({
  plugins: [
    vue(),
    VitePWA({
-      registerType: 'autoUpdate'
+      registerType: 'autoUpdate',
+      manifest: {
+        name: "app_segnap",
+        short_name: "segnap",
+        description: "Segnapunti standalone.",
+        background_color: "#eee",
+        theme_color: '#ffffff',
+        display: "fullscreen",
+        orientation: "landscape",
+        icons: [
+          {
+            src: 'segnap-192x192.png',
+            sizes: '192x192',
+            type: 'image/png'
+          },
+          {
+            src: 'segnap-512x512.png',
+            sizes: '512x512',
+            type: 'image/png'
+          }
+        ]
+      }
    })
  ],
 })
Author	SHA1	Message	Date
Attilio Grilli	d57204f4c1	Permette di invertire l'ordine del segnapunti Lo scambio puo' essere effettuato cliccando sul primo pulsante in basso quello che apre il modal dove è possibiile modificare i nomi	2025-04-03 09:58:00 +02:00
Attilio Grilli	40b5751440	porta homepage in un componente a parte dividendo il file aggiunge la striscia del punteggio in basso. aggiorna il file style.css	2025-03-26 15:08:42 +01:00
Attilio Grilli	6824fb3539	Modifica il colore nel file style.css	2025-02-11 14:12:14 +01:00
Attilio Grilli	81e93c8108	Varie modifiche su HomePage.vue: - Variabile servHome true\|false per cui cambio servizio = !servHome e quando incrementa this.sp.servHome = (team == "home"); - Se cellulare speak() - I tasti speciali sono in una funzione - la funzione speak verifica il pari e il servHome - Dialog per cambiare nomi - ridisegnato il bot	2025-02-11 14:00:01 +01:00
Attilio Grilli	ef3886b9f3	aggiunge le icone png (ne toglie una) elimina text-align: right dalla classe .bot	2025-02-11 13:31:19 +01:00
Attilio Grilli	8c59b3b115	Aggiunge la versione nvm in README	2025-02-11 13:29:30 +01:00
Attilio Grilli	44c0825a0a	bordi controlli tastiera e punteggio vocale. Eliminati i bordi sui titoli e sui set. Eliminato HelloWorld.vue. Inseriti alcuni controlli via tastiera tra cui: ctrl+B = toggle visualizzazione bottoni. ctrl+H = passaggio a fullscreen (per PC). ctrl o shift + freccia su o giu per i punteggi. ctrl o shifth + freccia dx incrementa i set. inserito il servizio - serve per il punteggio vocale. Quindi inserito il punteggio vocale. Si deve usare una iconcina per indicare il servizio, adesso è visualizzata una x.	2023-07-18 15:18:03 +02:00
Attilio Grilli	01b9a0748f	Aggiunto vawe-ui per gli alert. piccoli aggiustamenti sulla visualizzazione. adesso il punteggio inc e dec anche con le formazioni.	2023-06-12 10:31:27 +02:00
Attilio Grilli	8a4dc19542	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
Attilio Grilli	6d58ed18c8	Aggiunta una configurazione per PWA in vite.config.js adesso l'app si installa e parte landscape. manca la partenza in fullscreen e qualcosa per gestire un modal. il reset usa l'alert che scombina un po' tutto.	2023-06-06 16:03:26 +02:00
				`@@ -0,0 +1 @@`
				`if('serviceWorker' in navigator) navigator.serviceWorker.register('/dev-sw.js?dev-sw', { scope: '/', type: 'classic' })`