Altro

.env.development

@@ -0,0 +1,30 @@
+APP_VERSION="0.5.27"
+SERVICE_WORKER_FILE="service-worker.js"
+APP_ID="16"
+DIRECTORY_LOCAL="newfreeplanet"
+DIRECTORY_SERVER="freeplanet_serverside"
+SERVERDIR_WEBSITE=""
+SERVERPW_WEBSITE=""
+APP_URL="https://localhost"
+URL_FACEBOOK="https://www.facebook.com/freeplanetapp"
+PROVA_PAOLO="PROVA ENV FUNZIONA!"
+LANG_DEFAULT="it"
+PAO_APP_ID="KKPPAA5KJK435J3KSS9F9D8S9F8SD98F9SDF"
+MASTER_KEY="KKPPSS5KJK435J3KSS9F9D8S9F8SD3CR3T"
+MONGODB_HOST="https://localhost:3000"
+LOGO_REG='kolibrilab-logo-full.png'
+TEST_NAME="Surya"
+TEST_SURNAME="Paolo"
+TEST_EMAIL=""
+TEST_USERNAME=""
+TEST_PASSWORD=""
+TEST_APORTADOR=""
+PUBLICKEY_PUSH='BDncvMiUZmjaCG2Kr1V9N0_33hOG-AuNSbHSvL24y2dzBiUjAxKm02emx5SeJvz2IGmtRf6YqCgopeQwCwUmZw8'
+IN_CONSTRUCTION="0"
+DEBUG="1"
+TELEGRAM_SUPPORT=""
+PROJECT_ID_MAIN="5cc0a13fe5c9d156728f400a"
+TEST_CELL=""
+ISTEST=1
+INLOCALE=1
+BAK_MONGODB_HOST="http://192.168.0.200:3000"

.env.example.production

@@ -1,4 +1,4 @@
-APP_VERSION="0.5.26"
+APP_VERSION="0.5.27"
 SERVICE_WORKER_FILE="service-worker.js"
 APP_ID="13"
 DIRECTORY_LOCAL=newfreeplanet

.gitignore

@@ -36,3 +36,7 @@ yarn-error.log
 !/_ALL_SITES/riso.app/.env.production
 !/_ALL_SITES/riso.app/.env.development
 
+key.pem
+_ALL_SITES/kolibrilab.it/.env.development
+_ALL_SITES/kolibrilab.it/.env.test
+_ALL_SITES/arcadei.it/.env.development

.vscode/launch.json

@@ -0,0 +1,35 @@
+{
+  // Usare IntelliSense per informazioni sui possibili attributi.
+  // Al passaggio del mouse vengono visualizzate le descrizioni degli attributi esistenti.
+  // Per altre informazioni, visitare: https://go.microsoft.com/fwlink/?linkid=830387
+  "version": "0.2.0",
+  "configurations": [
+    {
+      "command": "npm run pwa",
+      "name": "PWA",
+      "request": "launch",
+      "type": "node-terminal",
+      "env": {
+        "NODE_ENV": "development"
+      }
+    },
+    {
+      "command": "npm run spa",
+      "name": "SPA",
+      "request": "launch",
+      "type": "node-terminal"
+    },
+    {
+      "type": "node",
+      "request": "launch",
+      "name": "Launch Program",
+      "skipFiles": [
+        "<node_internals>/**"
+      ],
+      "program": "${workspaceFolder}/src/App.ts",
+      "outFiles": [
+        "${workspaceFolder}/**/*.js"
+      ]
+    }
+  ]
+}

_ALL_SITES/arcadei.it/.env.development

@@ -1,4 +1,4 @@
-APP_VERSION="0.5.26"
+APP_VERSION="0.5.27"
 SERVICE_WORKER_FILE="service-worker.js"
 APP_ID="15"
 DIRECTORY_LOCAL="newfreeplanet"

_ALL_SITES/kolibrilab.it/db/db_data.js

@@ -0,0 +1,89 @@
+import { IEvents } from '../model';
+
+export const db_data = {
+  URL_FACEBOOK: 'https://www.facebook.com/associazioneshen',
+
+  userdata: {
+    calendar_editable: false,
+
+  },
+
+  events: [
+    {
+      title: 'Scambi Reiki',
+      details: 'Nelle serate esperienziali è possibile <span class="boldhigh">Dare e Ricevere</span> un trattamento completo.<br />'
+      + 'Possono partecipare le persone che hanno già preso parte al <span class="boldhigh">seminario di 1° livello</span>, ma anche <span class="boldhigh">tutti quelli che hanno il desiderio di conoscere il Reiki</span> e sperimentarlo per la prima volta: in questo caso invitiamo gli interessati a contattarci per un appuntamento prima dell’inizio della serata per ricevere le informazioni pratiche.',
+      date: '2019-07-11',
+      time: '21:00',
+      duration: 120,
+      side: 'left',
+      bgcolor: 'orange',
+      icon: 'fas fa-praying-hands',
+      img: 'images/reiki/reikisfondo.jpg',
+      where: 'Centro Shen',
+      // whereicon: 'shen.png',
+      teacher: 'Cristina Barattoni',
+      avatar: 'cristina.png',
+      infoextra: '',
+      linkpdf: 'files/eventi/Reiki_aMICHI.pdf',
+    },
+    {
+      title: 'Scambi Reiki',
+      details: 'Nelle serate esperienziali è possibile <span class="boldhigh">Dare e Ricevere</span> un trattamento completo.<br />'
+      + 'Possono partecipare le persone che hanno già preso parte al <span class="boldhigh">seminario di 1° livello</span>, ma anche <span class="boldhigh">tutti quelli che hanno il desiderio di conoscere il Reiki</span> e sperimentarlo per la prima volta: in questo caso invitiamo gli interessati a contattarci per un appuntamento prima dell’inizio della serata per ricevere le informazioni pratiche.',
+      date: '2019-07-20',
+      time: '21:00',
+      duration: 120,
+      side: 'left',
+      bgcolor: 'orange',
+      icon: 'fas fa-praying-hands',
+      img: 'images/reiki/reikisfondo.jpg',
+      where: 'Centro Shen',
+      // whereicon: 'shen.png',
+      teacher: 'Cristina Barattoni',
+      avatar: 'cristina.png',
+      infoextra: '',
+      linkpdf: '',
+    },
+    {
+      title: 'Seminario Reiki 1° Livello',
+      details: 'I seminari vengono organizzati volutamente in gruppi poco numerosi.\n'
+      + 'Si crea così un ambiente accogliente e tranquillo con un atmosfera conviviale.<br />'
+      + ''
+      + 'Per info vedi <a href="reiki/seminari">Seminari Reiki</a>',
+      date: '2019-07-22',
+      days: 2,
+      time: '9:00',
+      side: 'left',
+      bgcolor: 'red',
+      icon: 'fas fa-chalkboard-teacher',
+      img: 'images/reiki/reikisfondo.jpg',
+      where: 'Centro Shen',
+      // whereicon: 'shen.png',
+      teacher: 'Cristina Barattoni',
+      avatar: 'cristina.png',
+      teacher2: 'Elisa Ghizzardi',
+      avatar2: 'elisa.png',
+      infoextra: 'sabato e domenica dalle 10.00 alle 18.00',
+      linkpdf: '',
+    },
+    {
+      title: 'Presentazione Corsi per Operatori del Massaggio del Benessere',
+      details: 'Vieni alla presentazione dei Corsi!<br>10 settembre a Ravenna, 17 settembre a Lugo',
+      date: '2019-09-10',
+      time: '20:30',
+      duration: 120,
+      side: 'left',
+      bgcolor: 'blue',
+      icon: 'fas fa-praying-hands',
+      img: 'images/scuolaopbenessere/img1.jpg',
+      where: 'Centro Shen',
+      // whereicon: 'shen.png',
+      teacher: 'Operatori',
+      avatar: 'cristina.png',
+      avatar2: 'elisa.png',
+      infoextra: '',
+      linkpdf: '',
+    },
+  ],
+}

_ALL_SITES/kolibrilab.it/db/i18n_website.js

@@ -0,0 +1,392 @@
+const msg_website = {
+  it: {
+    pages: {
+      home: 'Principale',
+      SignUp: 'Registrazione',
+      SignUp2: 'Registrazione2',
+      SignIn: 'Login',
+      vreg: 'Verifica Reg',
+      Test: 'Test',
+      TestLocal: 'TestLocal',
+      Category: 'Categorie',
+      Todo: 'Todo',
+      personal: 'Personale',
+      bacheca: 'Bacheca',
+      shopping: 'Spesa',
+      Admin: 'Admin',
+      Test1: 'Test1',
+      Test2: 'Test2',
+      projects: 'Progetti',
+      favproj: 'Favoriti',
+    },
+    projall: 'Tutti',
+    projectsShared: 'Miei Condivisi',
+    myprojects: 'Miei Personali',
+    msg: {
+      hello: 'Buongiorno',
+      myAppName: 'FreePlanet',
+      myAppDescription: 'Il primo Vero Social Libero, Equo e Solidale, dove Vive Consapevolezza e Aiuto Comunitario. Gratuito e senza Pubblicità',
+      underconstruction: 'App in costruzione...',
+      myDescriz: '',
+      sottoTitoloApp: 'Il primo Vero Social',
+      sottoTitoloApp2: 'Libero, Equo e Solidale',
+      sottoTitoloApp3: 'dove Vive Consapevolezza e Aiuto Comunitario',
+      sottoTitoloApp4: 'Gratuito e senza Pubblicità',
+    },
+    homepage: {
+      descrapp_title1: 'Uniti per Evolvere e Sperimentare',
+      descrapp_pag1: 'Siamo la <strong>Rete Italiana di Scambio Orizzontale</strong>, abbiamo creato questa pittaforma per metterla al servizio di chi vuole riscoprire il valore della <strong>condivisione</strong> e della <strong>cooperazione</strong>. ' +
+        'Valori semplici e profondi che ci aiutano a ritrovare il <strong>senso della vita</strong>, perduto in questa società consumista, e riporti quei <strong>Sani Pricìpi Naturali</strong> ed Umani di <strong>Fratellanza</strong>'
+        + ' che intere popolazioni antiche conoscevano bene.',
+      descrapp_pag2: 'E\' giunta l\'ora di utilizzare i nuovi strumenti <strong>Tecnologici</strong> a nostro <strong>favore</strong>, per <strong>Liberarci</strong> '
+        + 'così piano piano dalla <strong>schiavitù</strong> del <strong>"Lavoro per generare Denaro"</strong> e trasformando le nostre <strong>Capacitá</strong> in '
+        + '<strong>Risorse Umane</strong> per poterci sostenere e vivere in <strong>Armonia</strong> con gli altri.',
+      freesocial: {
+        title: 'Free Social',
+        descr: 'Una Community organizzata per <strong>Categorie</strong>, dove potrai unirti a <strong>Gruppi Tematici</strong>, '
+          + 'Condividere <strong>Esperienze</strong> e unire Competenze per organizzare e sostenere <strong>Progetti Innovativi</strong> per il Popolo.<br><br>'
+          + 'Verranno evidenziati sviluppi <strong>Etici</strong> come l\'<strong>Auto-Produzione</strong>, la <strong>Sostenibilitá</strong>, '
+          + 'la Buona <strong>Salute Naturale</strong> e il <strong>Rispetto per l\'Ambiente</strong> e per tutti gli <strong>Esseri Viventi</strong> di questo '
+          + '<strong>Pianeta</strong>. Chiunque potrá esprimere il proprio <strong>Consenso o Dissenso</strong> partecipando a <strong>Sondaggi Interattivi</strong>'
+          + ' e realizzare insieme i <strong>Cambiamenti</strong> necessari alla nostra Società.',
+      },
+      freetalent: {
+        title: 'Free Talent',
+        descr: 'Condividi i tuoi <strong>Talenti</strong> e <strong>Abilità</strong>, '
+          + 'al posto del denaro guadagnagnerai <strong>Tempo</strong>.<br> '
+          + '<strong>"1 ora"</strong> diventa moneta di scambio, uguale per tutti.<br>'
+          + 'Potrai utilizzare questi tuoi <strong>"Crediti Tempo"</strong> per soddisfare le tue necessità, cercando nelle <strong>Competenze Disponibili</strong>.<br>'
+          + 'Nel Dare e Ricevere, si creeranno così legami di <strong>Amicizia, Solidarietà, Cooperazione e Divertimento</strong><br><br>'
+          + 'Questo progetto vuole diffondere, ora in maniera informatizzata, questa realtà che gia esiste da tanti anni, e viene chiamata <strong>"Banca del Tempo"</strong>. '
+          + 'Le <strong>segreterie</strong> sparse in tutto il mondo, serviranno a dare maggiore <strong>affidabilità</strong> e <strong>fiducia</strong> negli scambi di talenti tra persone sconosciute. '
+          + 'Creeremo così una <strong>rete di fiducia</strong> nel vicinato, come giá viene praticato in numerosi <strong>Ecovillaggi</strong> e Comunità del mondo.',
+      },
+      freegas: {
+        title: 'Free G.A.S.',
+        descr: 'Ti piacerebbe utilizzare una App che ti permetta facilmente di acquistare Prodotti Locali direttamente dal <strong>Produttore</strong>?<br>'
+          + 'Con i <strong>Gruppi di Acquisto Solidale</strong> si evitano intermediazioni inutili, ottenendo parecchi benefici tra cui:<br>'
+          + '<ul class="mylist" style="padding-left: 20px;"><li><strong>Qualitá Superiore</strong> del prodotto</li>'
+          + '<li>Le <strong>Recensioni</strong> dei consumatori favoriranno i Produttori con Sani Intenti</li>'
+          + '<li>Possiblità d\'interagire con il Produttore</li>'
+          + '<li>Apertura alle Relazioni tra persone, condividendo <strong>Ricette</strong> e <strong>Consigli</strong> preziosi</li>'
+          + '<li><strong>Risparmio</strong> di soldi (prezzi all\'Ingrosso)</li>'
+          + '<li>Valorizzare il <strong>Territorio</strong> e l\'Economia <strong>Locale</strong></li>'
+          + '<li>Condizioni <strong>Eque</strong> per i Lavoratori</li>'
+          + '<li>Ridotto <strong>Impatto Ambientale</strong></ul>',
+      },
+      freeliving: {
+        title: 'Free Co-Living',
+        descr: 'Unire più realtà, condividendo l\'esperienza di abitare insieme, per un periodo definito:<br>'
+          + '1) C\'è chi <strong>Vive solo</strong> ed ha una casa.<br>'
+          + '2) Chi ha bisogno di un <strong>alloggio</strong> temporaneo.<br><br>'
+          + 'Oggi sempre più persone <strong>abitano da sole</strong> e vorrebbero continuare a vivere nella propria abitazione.<br>'
+          + 'Altre persone invece hanno bisogno di una <strong>stanza</strong>, per scelta o per necessita, ed in cambio sono disponibili a '
+          + '<strong>contribuire alle spese</strong> per le utenze domestiche o magari <strong>aiutare</strong> la persona a <strong>fare la spesa</strong>, cucinare, <strong>pulire casa</strong> oppure offrendogli semplicemente <strong>compagnia</strong>.<br><br>'
+          + 'Tramite questo strumento, le persone potranno trovarsi, mettersi in contatto e decidere in che forma <strong>co-abitare</strong> e per quanto tempo. Le <strong>recensioni</strong> rilasciate ed il <strong>dettaglio</strong> dei profili utenti, '
+          + 'aiuterà nella scelta della persona più in <strong>sintonia</strong>.',
+
+      },
+      freecollabora: {
+        title: 'Chi può Collaborare?',
+        descr: 'Tutti coloro che sono in linea con <strong>Princìpi Etici</strong> e ricerca del <strong>Benessere Globale del Pianeta</strong><br>'
+          + 'Pertanto sono i benvenuti:'
+          + '<ul class="mylist" style="padding-left: 20px;">'
+          + '<li><strong>Associazioni no-profit, Ecovillaggi, Comunità</strong></li>'
+          + '<li>Gruppi che intendono promuovere <strong>Progetti Sociali Innovativi</strong> per una <strong>Decrescita Felice</strong></li>'
+          + '<li>Chi gestisce un <strong>Gruppo di Acquisto Solidale (G.A.S.)</strong></li>'
+          + '<li><strong>Produttori Locali Etici</strong></li>'
+          + '<li>Chi gestisce una <strong>Banca del Tempo</strong></li>'
+          + '<li><strong>Chiunque voglia partecipare</strong>, nella forma che ritiene più opportuna.</li>'
+          + '</ul>',
+      },
+      freesostieni: {
+        title: 'Come Sostenere il progetto?',
+        descr: '<ul class="mylist" style="padding-left: 20px;">'
+          + '<li><strong>Condividendolo</strong> a tutti coloro che vogliono far parte insieme della crescita e sviluppo di una Nuova Era</li>'
+          + '<li>Rispondendo ai <strong>Sondaggi Popolari</strong> e lasciando <strong>Feedback</strong></li>'
+          + '<li>Tramite una <strong>donazione</strong> (<strong>anche 1€</strong> ) per le spese.<br>'
+          + '</ul>'
+          + 'Vedo un <strong>futuro</strong> dove non si utilizzerà più denaro. Dove le persone si <strong>aiuteranno</strong> a vicenda e non avranno bisogno di "possedere" cose, ma le <strong>condivideranno</strong> con gli altri.<br>',
+      },
+      multiplatform: {
+        title: 'Multi-piattaforma',
+        descr: 'E\' compatibile con Google Chrome, Firefox, Safari, iOS, Android e PC. L\'Applicazione s\'installa facilmente, senza passare dallo store. '
+          + 'basta condividere il nome del sito <strong>www.freeplanet.app</strong>.<br>'
+          + 'Dopo la registrazione chiederà di aggiungerlo alla lista delle applicazioni e sullo sfondo',
+      },
+      free: {
+        title: 'Gratuita, Open Source e Niente Pubblicità',
+        descr: 'Questa App <strong>non è in vendita</strong>, non ha scopi commerciali, <strong>non ha prezzo</strong> ed appartiene al <strong>Popolo del Nuovo Mondo</strong>.<br>Chiunque potrá utilizzarla e beneficiarne.<br>A me il compito di gestirla e proteggerla. '
+          + 'Verranno accettate solo donazioni Libere di privati ed Associazioni no-profit, in linea con i Principi, che serviranno per coprire le spese.<br>' +
+          + '<strong>Grazie a Tutti per il sostegno</strong>. ',
+      },
+      contacts: 'Contatti',
+    },
+  },
+  es: {
+    pages: {
+      home: 'Principal',
+      SignUp: 'Nueva Cuenta',
+      SignIn: 'Entrar',
+      vreg: 'Verifica Reg',
+      Test: 'Test',
+      Category: 'Categorías',
+      Todo: 'Tareas',
+      personal: 'Personal',
+      work: 'Trabajo',
+      shopping: 'Compras',
+      Admin: 'Administración',
+      Test1: 'Test1',
+      Test2: 'Test2',
+      projects: 'Proyectos',
+    },
+    favproj: 'Favoritos',
+    projall: 'Todos',
+    projectsShared: 'Mis Compartidos',
+    myprojects: 'Mis Personales',
+    msg: {
+      hello: 'Buenos Días',
+      myAppName: 'FreePlanet',
+      myAppDescription: 'El primer Verdadero Social Libre, justo y Solidario Donde vive Conciencia y Ayuda comunitaria, Gratis y sin publicidad',
+      underconstruction: 'App en construcción...',
+      myDescriz: '',
+      sottoTitoloApp: 'El primer Verdadero Social',
+      sottoTitoloApp2: 'Libre, justo y Solidario',
+      sottoTitoloApp3: 'Donde vive Conciencia y Ayuda comunitaria',
+      sottoTitoloApp4: 'Gratis y sin publicidad',
+    },
+    homepage: {
+      descrapp_title1: 'Unidos para evolucionar y experimentar',
+      descrapp_pag1: 'Redescubra cómo el valor de <strong>Compartir</strong> y <strong>Cooperación</strong> puede ayudarnos a encontrar el profundo '
+        + 'sentido de la <strong>Vida</strong>, perdido en esta sociedad consumista, y mostrando esos <strong>Principios Naturales Saludables</strong> y la <strong>Hermandad Humana</strong>'
+        + 'que toda la población antigua conocía bien.',
+      descrapp_pag2: 'Ha llegado el momento de utilizar las nuevas herramientas <strong>tecnológicas</strong> en nuestro <strong>favor</strong>, para <strong>liberarnos</strong> '
+        + 'tan lentamente desde la <strong>esclavitud</strong> de <strong>"Trabaja para generar dinero"</strong> y transformando nuestra <strong>Capacidad</strong> en'
+        + '<strong>Recursos humanos</strong> para poder apoyar y vivir en <strong>Armonia</strong> con otros.',
+      freesocial: {
+        title: 'Free Social',
+        descr: 'Una comunidad organizada por <strong>Categorías</strong>, donde puedes unirte a <strong>Grupos temáticos</strong>, '
+          + 'Compartir <strong>experiencias</strong> y combinar habilidades para organizar y apoyar <strong>proyectos innovadores</strong> para la gente.<br><br>'
+          + 'Los desarrollos <strong>éticos</strong> como <strong>:<br>Auto-producción</strong>, <strong>Sostenibilidad</strong>, '
+          + 'la Buena <strong>Salud natural</strong> y <strong>Respeto por el Medio Ambiente</strong> y para todos los <strong>Seres vivos</strong> de este'
+          + '<strong>Planeta</strong>. Cualquiera puede expresar su <strong>consentimiento o disidencia</strong> participando en <strong>Encuestas Interactivas</strong> '
+          + 'y llevar a cabo juntos los <strong>Cambios</strong> necesarios para nuestra sociedad.',
+      },
+      freetalent: {
+        title: 'Free Talent',
+        descr: 'Comparte tus <strong>Talentos</strong> y <strong>Habilidades</strong>, '
+          + 'en lugar de dinero, ganarás <strong>Tiempo</strong>. <br>'
+          + '<strong>"1 hora"</strong> se convierte en una moneda de intercambio, igual para todos. <br>'
+          + 'Puedes usar estos <strong>"Créditos de tiempo"</strong> para satisfacer tus necesidades, buscando en <strong>Habilidades disponibles</strong>. <br> '
+          + 'En Dar y Recibir, crearemos así vínculos de <strong>Amistad, Solidaridad, Cooperación y Diversión</strong>. <br> <br>'
+          + 'Este proyecto apunta a difundir esta realidad, que ya existe desde hace muchos años y se llama <strong>"Banco de tiempo"</strong>. '
+          + 'Las <strong>secretarías</strong> dispersas por todo el mundo, servirán para dar mayor <strong>fiabilidad</strong> y <strong>confianza</strong> en el intercambio de talentos entre personas desconocidas. '
+          + 'Así crearemos una <strong>red de confianza</strong> en el vecindario, como ya se practica en numerosos <strong>Ecoaldeas</strong> y en la Comunidades del mundo.',
+      },
+      freegas: {
+        title: 'Free G.A.S. (G.C.S.)',
+        descr: '¿Le gustaría usar una aplicación que le permita comprar productos locales directamente desde el <strong>Productor</strong>? <br> '
+          + 'Con <strong>Grupos de Compra Solidarios</strong> evitamos intermediarios innecesarios, obteniendo muchos beneficios, incluyendo: <br>'
+          + '<ul class = "mylist" style = "padding-left: 20px;"> <li> <strong>Superior Quality</strong> del producto </li>'
+          + '<li> Opiniones <strong>de consumidores</strong> favorecerá a los productores con intenciones saludables </li>'
+          + '<li> Posibilidad de interactuar con el Productor </li>'
+          + '<li> Abierto a relaciones entre personas, compartiendo <strong>Recetas</strong> y <strong>Consejos</strong> preciosos </li>'
+          + '<li> <strong>Ahorros</strong> de dinero (precios al por mayor) </li>'
+          + '<li> Mejorando el <strong>Territorio</strong> y la Economía <strong>Local</strong> </li>'
+          + '<li> Condiciones <strong>Justa</strong> para Trabajadores </li>'
+          + '<li> Reducido <strong>Impacto Ambiental</strong> </ul>',
+      },
+      freeliving: {
+        title: 'Free Co-Living',
+        descr: 'Para unir más realidad, compartiendo la experiencia de vivir juntos, por un período definido: <br> '
+          + '1) Hay quien <strong>vive solo</strong> y tiene un hogar. <br>'
+          + '2) Quién necesita un alojamiento <strong>temporal</strong>. <br><br>'
+          + 'Hoy en día, más y más personas <strong>viven solas</strong> y les gustaría seguir viviendo en sus propios hogares. <br>'
+          + 'Otras personas necesitan una <strong>Habitación</strong>, por elección o por necesidad, y a cambio están disponibles en'
+          + '<strong>contribuir a los gastos</strong> para los billetes de casa o tal vez <strong>ayuda</strong> a la persona mayor para <strong>ir de compras</strong>, cocinar, <strong>limpiar casa</strong> o simplemente ofreciéndole <strong>compañía</strong>. <br><br> '
+          + 'A través de esta herramienta, las personas pueden ponerse en contacto y decidir en qué forma <strong>co-habitar</strong>. Los <strong>comentarios</strong> publicados y el <strong>detalle</strong> de los perfiles de usuario, '
+          + 'ayudará a elegir a la persona más en <strong>armonía</strong>.',
+
+      },
+      freecollabora: {
+        title: '¿Quién puede colaborar?',
+        descr: 'Todos aquellos que están en línea con <strong>Principios éticos</strong> y la investigación de <strong>Bienestar Global del Planeta</strong> <br> '
+          + 'Por eso son bienvenidos:'
+          + '<ul class = "mylist" style = "padding-left: 20px;">'
+          + '<li> <strong>Asociaciones sin ánimo de lucro, Ecoaldeas, Comunidades</strong> </li>'
+          + '<li> Grupos que desean promover <strong>Proyectos sociales innovadores</strong> para <strong>Feliz Decrecimiento</strong> </li>'
+          + '<li> Quién administra un <strong>Grupo de Compra Solidario (G.C.S.)</strong> </li>'
+          + '<li><strong>Productores locales Éticos</strong></li>'
+          + '<li> Quién administra un <strong>Banco de Tiempo</strong> </li>'
+          + '<li> <strong>Cualquier persona que quiera participar</strong>, en la forma que considere más apropiada. </li>'
+          + '</ul>',
+      },
+      freesostieni: {
+        title: '¿Cómo apoyar el proyecto?',
+        descr: '<ul class="mylist" style="padding-left: 20px;">'
+          + '<li> <strong>Compartiéndolo</strong> a todos aquellos que quieran unirse en el crecimiento y desarrollo de una Nueva Era </li> '
+          + '<li> Respondiendo a <strong>Encuestas populares</strong> y dejando <strong>Comentarios</strong> </li>'
+          + '<li> A través de una <strong>donación</strong> (<strong>incluso € 1</strong>) para los gastos. <br>'
+          + '</ul>'
+          + '<br>Veo un <strong>futuro</strong> en el que ya no usarás dinero. Donde las personas <strong>se ayudarán unos a otros</strong> y no necesiten "poseer" cosas, pero <strong>compartirán</strong> con otros. <br> ',
+      },
+      multiplatform: {
+        title: 'Multi-plataforma',
+        descr: 'Compatible con Google Chrome, Firefox, Safari, iOS, Android y PC. La aplicación se instala fácilmente, sin pasar por el store. '
+          + 'para compartirlo, necesita solo el nombre del sitio web: <strong>www.freeplanet.app</strong>.<br>'
+          + 'Después del registro, le pedirá que lo agregue a la lista de aplicaciones y en la pantalla.',
+      },
+      free: {
+        title: 'Libre, Código Abierto y Sin Publicidad',
+        descr: 'Esta aplicación <strong>no está a la venta</strong>, no tiene un propósito comercial, <strong>no tiene precio</strong> y pertenece a <strong>la Gente del Nuevo Mundo</strong>.<br>'
+          + 'Cualquiera puede usarla y beneficiarse.<br> A mí la tarea de gestionarlo y protegerlo. '
+          + 'Solo se aceptarán donaciones de particulares y asociaciones sin änimo de lucro, en línea con los Principios, que se utilizarán para cubrir los gastos. <br>'
+          + '<strong>Gracias a todos por el apoyo</strong>. ',
+      },
+      contacts: 'Contactos',
+    },
+  },
+  enUs: {
+    pages: {
+      home: 'Dashboard',
+      SignUp: 'SignUp',
+      SignIn: 'SignIn',
+      vreg: 'Verify Reg',
+      Test: 'Test',
+      Category: 'Category',
+      Todo: 'Todo',
+      personal: 'Personal',
+      work: 'Work',
+      shopping: 'Shopping',
+      Admin: 'Admin',
+      Test1: 'Test1',
+      Test2: 'Test2',
+      projects: 'Projects',
+    },
+    favproj: 'Favorite',
+    projall: 'All',
+    projectsShared: 'My Shared',
+    myprojects: 'My Personals',
+    msg: {
+      hello: 'Hello!',
+      myAppName: 'FreePlanet',
+      myAppDescription: 'The first Real Social Free, Fair and Equitable Where the conscience and community help live. Free and without advertising',
+      underconstruction: 'App in construction...',
+      myDescriz: '',
+      sottoTitoloApp: 'The first Real Social',
+      sottoTitoloApp2: 'Free, Fair and Equitable',
+      sottoTitoloApp3: 'Where the conscience and community help live',
+      sottoTitoloApp4: 'Free and without advertising',
+    },
+    homepage: {
+      descrapp_title1: 'Together to Evolve and Experiment',
+      descrapp_pag1: 'Rediscover how the value of <strong>Sharing</strong> and <strong>Cooperation</strong>, can help us find the deep meaning of'
+        + '<strong>Life</strong>, lost in this consumer society, and showing those <strong>Healthy Natural Principles</strong> and Human <strong>Brotherhood</strong>'
+        + 'that entire ancient populations knew well.',
+      descrapp_pag2: 'The time has come to use the new <strong>Technological</strong> tools in our <strong>favor</strong>, to <strong>Free ourselves</strong> '
+        + 'so slowly from the <strong>slavery</strong> of the <strong>"Work to generate Money"</strong> and transforming our <strong>Capacity</strong> into'
+        + '<strong>Human Resources</strong> to be able to support and live in <strong>Harmony</strong> with others.',
+      freesocial: {
+        title: 'Free Social',
+        descr: 'A Community organized by <strong>Categories</strong>, where you can join <strong>Thematic Groups</strong>, '
+          + 'Share <strong>Experiences</strong> and combine Skills to organize and support <strong>Innovative Projects</strong> for the People.<br><br>'
+          + '<strong>Ethical</strong> developments such as <strong>Auto-Production</strong>, <strong>Sustainability</strong>, '
+          + 'Good <strong>Natural Health</strong> and <strong>Respect for the Environment</strong> and for all <strong>Living Beings</strong> of this'
+          + '<strong>Planet</strong>. Anyone can express their <strong>Consent or Dissent</strong> by participating in <strong>Interactive Surveys</strong> '
+          + 'and carry out together the <strong>Changes</strong> needed for our society.',
+      },
+      freetalent: {
+        title: 'Free Talent',
+        descr: 'Share your <strong>Talents</strong> and <strong>Skills</strong>, '
+          + 'instead of money, you\'ll earn <strong>Time</strong>. <br>'
+          + '<strong>"1 hour"</strong> becomes a currency of exchange, equal for all. <br>'
+          + 'You can use these <strong>"Time Credits"</strong> to meet your needs, looking in <strong>Available Skills</strong>. <br>'
+          + 'In Giving and Receiving, we will thus create bonds of <strong>Friendship, Solidarity, Cooperation and Enjoyment</strong> <br> <br>'
+          + 'This project aims to spread this reality, which already exists for many years and is called <strong>"Time Bank"</strong>. '
+          + 'The <strong>secretariats</strong> in all over the world, will serve an extra to give greater <strong>reliability</strong> and <strong>trust</strong> in the exchange of talents between unknown people. '
+          + 'We will thus create a <strong>trust network</strong> in the neighborhood, as is already practiced in numerous <strong>Ecovillages</strong> and Community of the world. ',
+      },
+      freegas: {
+        title: 'Free G.A.S.',
+        descr: 'Would you like to use an App that allows you to easily Buy Local Products directly from <strong>Manufacturer</strong>? <br> '
+          + 'With <strong>Solidarity Purchase Groups</strong> (in Italian: "Gruppo di Aacquisto Solidale") we avoid unnecessary intermediaries, obtaining many benefits including: <br>'
+          + '<ul class="mylist" style="padding-left: 20px;"> <li> <strong>Superior Quality</strong> of the product </li>'
+          + '<li> Consumer <strong>Reviews</strong> will favor Producers with Healthy Intents </li>'
+          + '<li> Possibility to interact with the Producer </li>'
+          + '<li> Open to Relations between people, sharing <strong>Recipes</strong> and precious <strong>Tips</strong> </li>'
+          + '<li> <strong>Savings</strong> money (wholesale prices) </li>'
+          + '<li> Enhancing the <strong>Territory</strong> and the <strong>Local Economy</strong> </li>'
+          + '<li> <strong>Fair Conditions</strong> for Workers </li>'
+          + '<li> Reduced <strong>Environmental Impact</strong> </ul>',
+      },
+      freeliving: {
+        title: 'Free Co-Living',
+        descr: 'Join more reality, sharing the experience of living together, for a defined period: <br> '
+          + '1) Someone <strong>Lives alone</strong> and has a house. <br>'
+          + '2) Who needs a temporary <strong> accommodation </strong>. <br><br>'
+          + 'Today more and more people <strong> live alone </strong> and would like to continue living in their own house. <br>'
+          + 'Other people instead need a <strong>room</strong>, by choice or by necessity, and in return they are available to'
+          + '<strong>contribute to expenses</strong> for households or maybe <strong>help</strong> to <strong>go shopping</strong>, cooking, <strong>cleaning house</strong> or simply offering him <strong>companionship</strong>. <br> '
+          + 'Through this tool, people can get in touch and decide in which way <strong>co-living</strong>. The <strong>reviews</strong> released and the <strong>detail</strong> of user profiles, '
+          + 'will help in <strong>choosing</strong> the person more in <strong>tune</strong>.',
+
+      },
+      freecollabora: {
+        title: 'Who can collaborate?',
+        descr: 'All those who are in line with <strong>Ethical Principles</strong> and research of <strong>Global Wellness of the Planet</strong> <br> '
+          + 'Therefore they are welcome:'
+          + '<ul class = "mylist" style = "padding-left: 20px;">'
+          + '<li> <strong>Non-profit associations, Ecovillages, Communities</strong> </li>'
+          + '<li> Groups that want to promote <strong>Innovative Social Projects</strong> for <strong>Happy Degrowth</strong> </li>'
+          + '<li> Who manages a <strong>Solidarity Purchase Group</strong> </li>'
+          + '<li><strong>Local Ethical Producers</strong></li>'
+          + '<li> Who manages a <strong>Time Bank</strong> </li>'
+          + '<li> <strong>Anyone who wants to participate</strong>, in the form it considers most appropriate. </li>'
+          + '</ul>',
+      },
+      freesostieni: {
+        title: 'How to support the project?',
+        descr: '<ul class="mylist" style="padding-left: 20px;">'
+          + '<li> <strong>Sharing it</strong> to all those who want to join together in the growth and development of a New Era </li> '
+          + '<li> Answering to <strong>Popular Polls</strong> and leaving <strong>Feedback</strong> </li>'
+          + '<li> Through a <strong>donation</strong> (<strong>even $ 1</strong>) for expenses. <br>'
+          + '</ul><br>'
+          + 'I see a <strong>future</strong> where you will no longer use money. Where people <strong>will help each other</strong> and won\'t need to "own" things, but <strong>will share</strong> with others. <br> ',
+      },
+      multiplatform: {
+        title: 'Multi-platform',
+        descr: 'It is compatible with Google Chrome, Firefox, Safari, iOS, Android and PC. The Application is easily installed, without going through the store. '
+          + 'just share the nametranslate of this site <strong>www.freeplanet.app</strong>.<br>'
+          + 'After registration it will ask to be added to the application list and in the screen',
+      },
+      free: {
+        title: 'Free, Open Source and No Advertising',
+        descr: 'This App <strong>is not for sale</strong>, has no commercial purpose, <strong>is priceless</strong> and belongs to the <strong>New World People</strong>.'
+          + '<br>Anyone can use it and benefit from it.<br>To me the task of managing it and protecting it. '
+          + 'Only donations from private individuals and non-profit associations will be accepted, in line with the Principles, which will be used to cover the expenses. <br>'
+          + '<strong>Thanks all for the support</strong>. ',
+      },
+      contacts: 'Contacts',
+    },
+  },
+  fr: {
+    pages: {
+
+    },
+    msg: {
+
+    },
+
+  },
+  de: {
+    pages: {
+
+    },
+    msg: {
+
+    },
+
+  },
+}
+
+export default msg_website;

_ALL_SITES/kolibrilab.it/db/lang/ws_de.js

@@ -0,0 +1,87 @@
+const msg_website_de = {
+  ws: {
+    sitename: 'AYNI',
+    siteshortname: 'Ayni',
+    botname: 'AYNI BOT',
+  },
+  pages: {
+    home: 'Home',
+    profile: 'Profilo',
+    payment: 'Pagamenti',
+    regok: 'Registrazione Confermata',
+    presentazione: 'Presentazione',
+    presentazione2: 'Presentazione',
+    invita: 'Invita Persone',
+    SignUp: 'Nuova Registrazione',
+    SignUp_alreadylista: 'Registrazione per quelli che erano già nella lista di Notevole (del 2019) !',
+    SignUp2: 'Registrazione',
+    SignIn: 'Login',
+    status: 'Statistiche',
+    nextzoom: 'Conferenze',
+    requestresetpwd: 'Richiesta Reset Password',
+    vreg: 'Verifica Reg',
+    dashboard: 'Lavagna',
+    statoattuale: 'Stato Attuale',
+    posizione_in_programmazione: 'Lista d\'Imbarco',
+    posizione_in_nave: 'Lista Navi',
+    nave: 'Nave',
+    testimonial: 'Testimonianze',
+    Test: 'Test',
+    Category: 'Categorie',
+    Admin: 'Admin',
+    extralist: 'Lista Extra',
+    Test1: 'Test1',
+    Test2: 'Test2',
+    chisiamo: 'Chi Siamo',
+    linkamici: 'Link Amici',
+    dovesiamo: 'Dove Siamo',
+    evento: 'Evento',
+    eventodef: 'Evento:',
+    prova: 'prova',
+    dbop: 'Operazioni',
+    statusreg: {
+      reg: 'Partecipanti',
+      verifieds: 'Verificati',
+      autorizzati: 'Autorizzati',
+      passeggeri: 'Passeggeri Navi',
+      giainlista: 'Gia in Lista',
+      newreg: 'Ultime Registrazioni:',
+      nationality: 'Nazionalità',
+      verified: 'Verificata',
+      nonverified: 'Non Verificata',
+      req7: 'Con 5 passi entri nella lista d\'Imbarco',
+      req9: 'Con 7 passi aiuti {sitename} a Crescere!',
+      req: 'Passi',
+      people: 'Inv.',
+      peoplelegend: 'Numero d\'Invitati',
+    },
+  },
+  msg: {
+    myAppDescription: '',
+    keywords_base: '',
+    myDescriz: '',
+    sottoTitoloApp: '',
+    sottoTitoloApp2: '',
+    sottoTitoloApp3: '',
+    sottoTitoloApp4: '',
+  },
+  homepage: {
+    nostra_missione: 'Nostra Missione',
+    associazione: '',
+    tit_come_associarsi: 'Come Associarsi',
+    testo_come_associarsi: '',
+    titlecontatti: 'CONTATTI',
+  },
+  text: {
+    videotitle: 'VIDEO',
+    how: 'COME FUNZIONA',
+    what: 'COSA TI SERVE',
+    step: 'PASSI DA COMPIERE',
+    testimonial: 'TESTIMONIANZE',
+    faq: 'DOMANDE FREQUENTI (FAQ)',
+    advise: 'SUGGERIMENTI',
+    download: 'MATERIALE DISPONIBILE',
+  },
+};
+
+export default msg_website_de;

_ALL_SITES/kolibrilab.it/db/lang/ws_enUs.js

@@ -0,0 +1,159 @@
+const msg_website_enUs = {
+  ws: {
+    sitename: 'Riso',
+    siteshortname: 'RISO',
+    botname: 'Riso BOT',
+  },
+  products: {
+    quantity: 'Quantità',
+    quantityAvailable: 'Disponibili',
+    weight: 'Peso',
+    stars: 'Voto',
+    color: 'Colore',
+    theme: 'Tema',
+  },
+  hours: {
+    descr: 'Descrizione',
+    date: 'Data',
+    time_start: 'Ora Inizio',
+    time_end: 'Ora Fine',
+    hours: 'Ore',
+    note: 'Note Extra',
+  },
+  pages: {
+    home: 'Home',
+    profile: 'Profile',
+    profile2: 'ProfiloU',
+    mypage2: 'mypage2',
+    myservice2: 'myservice2',
+    test: 'Test',
+    projects: 'Progetti',
+    report: 'Report Ore',
+    producer: 'Produttore',
+    orderinfo: 'Ordini Effettuati',
+    products: 'Prodotti',
+    productslist: 'Lista Prodotti',
+    collabora: 'Collabora',
+    storehouses: 'Magazzino',
+    departments: 'Uffici',
+    orders: 'Ordini Ricevuti',
+    orders2: 'Ordini Ricevuti',
+    sharewithus: 'Condividi con Noi',
+    checkout: 'Carrello',
+    payment: 'Payments',
+    regok: 'Registration Confirmed',
+    presentazione: 'Presentation',
+    presentazione2: 'Presentation',
+    invita: 'Invite People',
+    SignUp: 'Registration',
+    SignUpIscrizione: 'Diventa Socio CNM',
+    SignUp_alreadylista: 'Registration for those who are already in the List!',
+    SignUp2: 'Registration',
+    SignIn: 'Login',
+    status: 'Current state',
+    nextzoom: 'Conferences',
+    requestresetpwd: 'Password Reset Request',
+    vreg: 'Check Registration',
+    dashboard: 'Dashboard',
+    statoattuale: 'Current Status',
+    posizione_in_programmazione: 'Boarding List',
+    posizione_in_nave: 'Ships List',
+    nave: 'Ship',
+    testimonial: 'Reviews',
+    Test: 'Test',
+    Category: 'Categorie',
+    Admin: 'Admin',
+    Sites: 'Siti Web',
+    extralist: 'Lista Extra',
+    Test1: 'Test1',
+    Test2: 'Test2',
+    chisiamo: 'Chi Siamo',
+    linkamici: 'Link Amici',
+    dovesiamo: 'Dove Siamo',
+    calendarioeventi: 'Calendario Eventi',
+    evento: 'Evento',
+    eventodef: 'Evento:',
+    prova: 'prova',
+    dbop: 'Operazioni',
+    projall: 'Comunitari',
+    groups: 'Lista Gruppi',
+    projectsShared: 'Condivisi da me',
+    myprojects: 'Privati',
+    favproj: 'Favoriti',
+    statusreg: {
+      reg: 'Participants',
+      verifieds: 'Verificati',
+      autorizzati: 'Autorizzati',
+      autorizzare: 'In attesa di Abilitazione',
+      passeggeri: 'Passengers Ships',
+      giainlista: 'Already in the List',
+      newreg: 'New registrations:',
+      nationality: 'Nationality',
+      nationality_born: 'Nazione di Nascita',
+      verified: 'Verified',
+      nonverified: 'Not Verified',
+      req7: 'With 5 steps you enter the boarding list.',
+      req9: 'With 7 steps help {sitename} to grow!',
+      req: 'Steps',
+      people: 'Gue.',
+      peoplelegend: 'Number of guests',
+    },
+    admin_ecommerce: 'ECommerce',
+    ecommerce: 'Prodotti',
+    ecommerce_menu: 'ECommerce1',
+    hours: 'Ore',
+    department: 'Uffici',
+    title: 'Titolo',
+    path: 'Percorso',
+    img1: 'Immagine 1',
+    contentfield: 'Testo 1',
+    video1: 'Video 1',
+    ratio1: 'Ratio 1',
+    img2: 'Immagine 2',
+    content2: 'Testo 2',
+    video2: 'Video 2',
+    ratio2: 'Ratio 2',
+    img3: 'Immagine 3',
+    content3: 'Testo 3',
+    video3: 'Video 3',
+    ratio3: 'Ratio 3',
+    content4: 'Testo 4',
+    active: 'Attiva',
+    inmenu: 'Sul Menu',
+    submenu: 'SottoMenu',
+    infooter: 'Sul Footer',
+    internalpage: 'Pagina Interna',
+    order: 'Posizione',
+    icon: 'Icona',
+    imgback: 'Immagine di Sfondo',
+    onlyif_logged: 'Solo se Loggati',
+    only_residenti: 'Solo Residenti',
+    only_consiglio: 'Solo Consiglieri',
+    color: 'Colore',
+  },
+  msg: {
+    myAppDescription: '',
+    underconstruction: 'App in costruzione...',
+    keywords_base: '',
+    myDescriz: '',
+    sottoTitoloApp: '..',
+    sottoTitoloApp2: '..',
+    sottoTitoloApp3: '..',
+    sottoTitoloApp4: '',
+  },
+  homepage: {
+    titlecontatti: 'CONTACTS',
+  },
+  text: {
+    how: 'HOW TO WORK',
+    what: 'WHAT YOU NEED',
+    step: 'STEPS TO DO',
+    videotitle: 'VIDEO',
+    testimonial: 'REVIEWS',
+    faq: 'FREQUENTLY ASKED QUESTIONS (FAQ)',
+    advise: 'ADVISE',
+    download: 'AVAILABLE DOCUMENTS',
+  },
+};
+
+export default msg_website_enUs;

_ALL_SITES/kolibrilab.it/db/lang/ws_es.js

@@ -0,0 +1,158 @@
+const msg_website_es = {
+  ws: {
+    sitename: 'Riso',
+    siteshortname: 'RISO',
+    botname: 'Riso BOT',
+  },
+  products: {
+    quantity: 'Quantità',
+    quantityAvailable: 'Disponibili',
+    weight: 'Peso',
+    stars: 'Voto',
+    color: 'Colore',
+    theme: 'Tema',
+  },
+  hours: {
+    descr: 'Descrizione',
+    date: 'Data',
+    time_start: 'Ora Inizio',
+    time_end: 'Ora Fine',
+    hours: 'Ore',
+    note: 'Note Extra',
+  },
+  pages: {
+    home: 'Home',
+    profile: 'Perfil',
+    profile2: 'ProfiloU',
+    mypage2: 'mypage2',
+    myservice2: 'myservice2',
+    mygood2: 'mygood2',
+    test: 'Test',
+    projects: 'Progetti',
+    report: 'Report Ore',
+    producer: 'Produttore',
+    orderinfo: 'Ordini Effettuati',
+    products: 'Prodotti',
+    productslist: 'Lista Prodotti',
+    collabora: 'Collabora',
+    storehouses: 'Magazzino',
+    departments: 'Uffici',
+    orders: 'Ordini Ricevuti',
+    orders2: 'Ordini Ricevuti',
+    sharewithus: 'Condividi con Noi',
+    checkout: 'Carrello',
+    payment: 'Paiements',
+    regok: 'Registro confirmado',
+    presentazione: 'Presentación',
+    presentazione2: 'Presentación',
+    invita: 'Invitar a la gente',
+    SignUp: 'Registro',
+    SignUpIscrizione: 'Diventa Socio CNM',
+    SignUp_alreadylista: 'Inscripción para los que ya están en la Lista!',
+    SignUp2: 'Registro',
+    SignIn: 'Login',
+    status: 'Estadísticas',
+    nextzoom: 'Conferencias',
+    requestresetpwd: 'Solicitud de restablecimiento de contraseña',
+    calendarioeventi: 'Calendario Eventos',
+    vreg: 'Verifica Reg',
+    dashboard: 'Tablero',
+    statoattuale: 'Estado Actual',
+    posizione_in_programmazione: 'Lista de embarque',
+    posizione_in_nave: 'Lista de Naves',
+    nave: 'Nave',
+    testimonial: 'Opiniones',
+    Test: 'Test',
+    Category: 'Categorie',
+    Admin: 'Admin',
+    Sites: 'Siti Web',
+    extralist: 'Lista Extra',
+    Test1: 'Test1',
+    Test2: 'Test2',
+    chisiamo: 'Chi Siamo',
+    linkamici: 'Link Amici',
+    dovesiamo: 'Dove Siamo',
+    evento: 'Evento',
+    eventodef: 'Evento:',
+    prova: 'prova',
+    dbop: 'Operazioni',
+    projall: 'Comunitari',
+    groups: 'Lista Gruppi',
+    projectsShared: 'Condivisi da me',
+    myprojects: 'Privati',
+    favproj: 'Favoriti',
+    statusreg: {
+      reg: 'Participantes',
+      verifieds: 'Verificati',
+      autorizzati: 'Autorizzati',
+      autorizzare: 'In attesa di Abilitazione',
+      passeggeri: 'Barcos de pasajeros',
+      giainlista: 'Gia in Lista',
+      newreg: 'Nuevas inscripciones :',
+      nationality: 'Nacionalidad',
+      verified: 'Verificada',
+      nonverified: 'No Verificada',
+      req7: 'Con 5 pasos usted entra en la lista de embarque',
+      req9: 'Con 7 pasos ayuda a {sitename} a crecer!',
+      req: 'Pasos',
+      people: 'Inv.',
+      peoplelegend: 'Número de invitados',
+    },
+    admin_ecommerce: 'ECommerce',
+    ecommerce: 'Prodotti',
+    ecommerce_menu: 'ECommerce1',
+    hours: 'Ore',
+    department: 'Uffici',
+    title: 'Titolo',
+    path: 'Percorso',
+    img1: 'Immagine 1',
+    contentfield: 'Testo 1',
+    video1: 'Video 1',
+    ratio1: 'Ratio 1',
+    img2: 'Immagine 2',
+    content2: 'Testo 2',
+    video2: 'Video 2',
+    ratio2: 'Ratio 2',
+    img3: 'Immagine 3',
+    content3: 'Testo 3',
+    video3: 'Video 3',
+    ratio3: 'Ratio 3',
+    content4: 'Testo 4',
+    active: 'Attiva',
+    inmenu: 'Sul Menu',
+    submenu: 'SottoMenu',
+    infooter: 'Sul Footer',
+    internalpage: 'Pagina Interna',
+    order: 'Posizione',
+    icon: 'Icona',
+    imgback: 'Immagine di Sfondo',
+    onlyif_logged: 'Solo se Loggati',
+    only_residenti: 'Solo Residenti',
+    only_consiglio: 'Solo Consiglieri',
+    color: 'Colore',
+  },
+  msg: {
+    myAppDescription: '',
+    keywords_base: '',
+    myDescriz: '',
+    sottoTitoloApp: '..',
+    sottoTitoloApp2: '..',
+    sottoTitoloApp3: '..',
+    sottoTitoloApp4: '',
+  },
+  homepage: {
+    titlecontatti: 'CONTACTOS',
+  },
+  text: {
+    how: 'COMO FUNCIONA',
+    what: 'QUE NECESITAS',
+    step: 'PASOS A REALIZAR',
+    videotitle: 'VIDEO',
+    testimonial: 'TESTIMONIOS',
+    faq: 'PREGUNTAS FRECUENTES (FAQ)',
+    advise: 'CONSEJOS',
+    download: 'MATERIAL DISPONIBLES',
+  },
+};
+
+export default msg_website_es;

_ALL_SITES/kolibrilab.it/db/lang/ws_fr.js

@@ -0,0 +1,63 @@
+const msg_website_fr = {
+  ws: {
+    sitename: 'Riso',
+    siteshortname: 'RISO',
+    botname: 'Riso BOT',
+  },
+  homepage: {
+    titlecontatti: 'CONTACTS',
+  },
+  pages: {
+    home: 'Home',
+    profile: 'profil',
+    payment: 'paiements',
+    regok: 'Inscription confirmée',
+    presentazione: 'Présentation',
+    presentazione2: 'Présentation',
+    invita: 'Inviter des personnes',
+    SignUp: 'Inscription',
+    SignUp_alreadylista: 'Inscription pour ceux qui sont déjà inscrits sur la liste!',
+    SignUp2: 'Inscription',
+    SignIn: 'Login',
+    status: 'État actuel',
+    nextzoom: 'Conférences',
+    requestresetpwd: 'Demande de réinitialisation du mot de passe',
+    vreg: 'Vérifier l\'inscription',
+    dashboard: 'Tableau de bord',
+    statoattuale: 'Situation Actuelle',
+    posizione_in_programmazione: 'Liste d\'embarquement',
+    posizione_in_nave: 'Liste des Navires',
+    nave: 'Navires',
+    testimonial: 'Commentaires',
+    Test: 'Test',
+    Category: 'Categorie',
+    Admin: 'Admin',
+    Test1: 'Test1',
+    Test2: 'Test2',
+    statusreg: {
+      reg: 'Participants',
+      passeggeri: 'Navires à passagers',
+      giainlista: 'Gia in Lista',
+      newreg: 'Nouvelles inscriptions:',
+      nationality: 'Nationalité',
+      verified: 'Vérifié',
+      nonverified: 'Non Vérifié',
+      req7: 'Avec 5 étapes, vous entrez dans la liste d\'embarquement.',
+      req9: 'Avec 7 étapes, aidez {sitename} à se développer !',
+      req: 'Étapes',
+      people: 'Inv.',
+      peoplelegend: 'Nombre d\'invités',
+    },
+  },
+  msg: {
+    myAppDescription: '',
+    keywords_base: '',
+    myDescriz: '',
+    sottoTitoloApp: '..',
+    sottoTitoloApp2: '..',
+    sottoTitoloApp3: '..',
+    sottoTitoloApp4: '',
+  },
+};
+
+export default msg_website_fr;

_ALL_SITES/kolibrilab.it/db/lang/ws_it.js

@@ -0,0 +1,257 @@
+const msg_website_it = {
+  ws: {
+    sitename: 'KolibriLab',
+    siteshortname: 'KolibriLab',
+    description: '',
+    keywords: '',
+  },
+  products: {
+    quantity: 'Quantità',
+    quantityAvailable: 'Disponibili',
+    weight: 'Peso',
+    stars: 'Voto',
+    color: 'Colore',
+    theme: 'Tema',
+  },
+  hours: {
+    descr: 'Descrizione',
+    date: 'Data',
+    time_start: 'Ora Inizio',
+    time_end: 'Ora Fine',
+    hours: 'Ore',
+    note: 'Note Extra',
+  },
+  pages: {
+    home: 'Home',
+    profile: 'Profilo',
+    profile2: 'ProfiloU',
+    mypage2: 'mypage2',
+    myservice2: 'myservice2',
+    myhosps2: 'myhosps2',
+    mygood2: 'mygood2',
+    fundraising: 'Sostieni il Progetto',
+    notifs: 'Configura le Notifiche',
+    test: 'Test',
+    projects: 'Progetti',
+    report: 'Report Ore',
+    producer: 'Produttore',
+    orderinfo: 'Ordini Effettuati',
+    products: 'Prodotti',
+    productslist: 'Lista Prodotti',
+    collabora: 'Collabora',
+    storehouses: 'Magazzino',
+    departments: 'Uffici',
+    orders: 'Ordini Ricevuti',
+    orders2: 'Ordini Ricevuti',
+    sharewithus: 'Condividi con Noi',
+    checkout: 'Carrello',
+    payment: 'Pagamenti',
+    regok: 'Registrazione Confermata',
+    presentazione: 'Presentazione',
+    presentazione2: 'Presentazione',
+    invita: 'Invita Persone',
+    SignUp: 'Modulo di Registrazione:',
+    need_Telegram: 'Per poter utilizzare la Piattaforma occorre avere <a href="https://play.google.com/store/apps/details?id=org.telegram.messenger" target="_blank">Telegram</a> installato<br>',
+    Registrazione_Con_Bot: '1) Copia questo username cliccandoci sopra:',
+    SignUpIscrizione: 'Diventa Socio CNM',
+    SignUpArcadei: 'Aderisci ad Arcadei',
+    SignUp_alreadylista: 'Registrazione per quelli che erano già nella lista di Notevole (del 2019) !',
+    SignUp2: 'Registrazione',
+    SignUp4: 'Reg',
+    SignUpBot: 'Registrati',
+    SignIn: 'Login',
+    status: 'Statistiche',
+    nextzoom: 'Conferenze',
+    requestresetpwd: 'Richiesta Reset Password',
+    vreg: 'Verifica Reg',
+    dashboard: 'Lavagna',
+    statoattuale: 'Stato Attuale',
+    posizione_in_programmazione: 'Lista d\'Imbarco',
+    posizione_in_nave: 'Lista Navi',
+    nave: 'Nave',
+    testimonial: 'Testimonianze',
+    Test: 'Test',
+    Category: 'Categorie',
+    Admin: 'Admin',
+    Sites: 'Siti Web',
+    extralist: 'Lista Extra',
+    Test1: 'Test1',
+    Test2: 'Test2',
+    chisiamo: 'Chi Siamo',
+    linkamici: 'Link Amici',
+    dovesiamo: 'Dove Siamo',
+    calendarioeventi: 'Calendario Eventi',
+    evento: 'Evento',
+    eventodef: 'Evento:',
+    prova: 'prova',
+    dbop: 'Operazioni',
+    projall: 'Comunitari',
+    groups: 'Lista Gruppi',
+    projectsShared: 'Condivisi da me',
+    myprojects: 'Privati',
+    favproj: 'Favoriti',
+    statusreg: {
+      reg: 'Partecipanti',
+      verifieds: 'Verificati',
+      online_today: 'On Line Oggi',
+      autorizzati: 'Autorizzati',
+      autorizzare: 'In attesa di Abilitazione',
+      passeggeri: 'Passeggeri Navi',
+      giainlista: 'Gia in Lista',
+      newreg: 'Ultime Registrazioni:',
+      nationality: 'Nazionalità',
+      nationality_born: 'Nazione di Nascita',
+      verified: 'Verificata',
+      nonverified: 'Non Verificata',
+      req7: 'Con 5 passi entri nella lista d\'Imbarco',
+      req9: 'Con 7 passi aiuti {sitename} a Crescere!',
+      req: 'Passi',
+      people: 'Inv.',
+      peoplelegend: 'Numero d\'Invitati',
+    },
+    admin_ecommerce: 'ECommerce',
+    ecommerce: 'Prodotti',
+    ecommerce_menu: 'ECommerce1',
+    hours: 'Ore',
+    department: 'Uffici',
+    title: 'Titolo',
+    subtitle: 'SottoTitolo',
+    path: 'Percorso',
+    img1: 'Immagine 1',
+    imgsize: 'ImgSize',
+    contentfield: 'Testo 1',
+    video1: 'Video 1',
+    ratio1: 'Ratio 1',
+    img2: 'Immagine 2',
+    content2: 'Testo 2',
+    video2: 'Video 2',
+    ratio2: 'Ratio 2',
+    img3: 'Immagine 3',
+    content3: 'Testo 3',
+    video3: 'Video 3',
+    ratio3: 'Ratio 3',
+    content4: 'Testo 4',
+    active: 'Attiva',
+    inmenu: 'Sul Menu',
+    submenu: 'SottoMenu',
+    infooter: 'Sul Footer',
+    internalpage: 'Pagina Interna',
+    order: 'Posizione',
+    icon: 'Icona',
+    imgback: 'Immagine di Sfondo',
+    onlyif_logged: 'Solo se Loggati',
+    only_residenti: 'Solo Residenti',
+    only_consiglio: 'Solo Consiglieri',
+    color: 'Colore',
+  },
+  msg: {
+    myAppName: 'Arcadei',
+    myAppDescription: 'Modello Comunitario',
+    underconstruction: 'App in costruzione...',
+    myDescriz: '',
+    sottoTitoloApp: 'Il primo Vero Social',
+    sottoTitoloApp2: 'Libero, Equo e Solidale',
+    sottoTitoloApp3: 'dove Vive Consapevolezza e Aiuto Comunitario',
+    sottoTitoloApp4: 'Gratuito e senza Pubblicità',
+  },
+  homepage: {
+    descrapp_title1: 'Uniti per Evolvere e Sperimentare',
+    descrapp_pag1: 'Siamo la <strong>Rete Italiana di Scambio Orizzontale</strong>, abbiamo creato questa piattaforma per metterla al servizio di chi vuole riscoprire il valore della <strong>condivisione</strong> e della <strong>cooperazione</strong>. ' +
+      'Valori semplici e profondi che ci aiutano a ritrovare il <strong>Senso della Vita</strong>, perduto in questa società consumista, e riporti quei <strong>Sani Pricìpi Naturali</strong> ed Umani di <strong>Fratellanza</strong>'
+      + ' che intere popolazioni antiche conoscevano bene.',
+    descrapp_pag2: 'E\' giunta l\'ora di utilizzare i nuovi strumenti <strong>Tecnologici</strong> a nostro <strong>favore</strong>, per <strong>Liberarci</strong> '
+      + 'così piano piano dalla <strong>schiavitù</strong> del <strong>"Lavoro per generare Denaro"</strong> e trasformando le nostre <strong>Capacitá</strong> in '
+      + '<strong>Risorse Umane</strong> per poterci sostenere e vivere in <strong>Armonia</strong> con gli altri.',
+    freesocial: {
+      title: 'Social',
+      descr: 'Una Community organizzata per <strong>Categorie</strong>, dove potrai unirti a <strong>Gruppi Tematici</strong>, '
+        + 'Condividere <strong>Esperienze</strong> e unire Competenze per organizzare e sostenere <strong>Progetti Innovativi</strong> per il Popolo.<br><br>'
+        + 'Verranno evidenziati sviluppi <strong>Etici</strong> come l\'<strong>Auto-Produzione</strong>, la <strong>Sostenibilitá</strong>, '
+        + 'la Buona <strong>Salute Naturale</strong> e il <strong>Rispetto per l\'Ambiente</strong> e per tutti gli <strong>Esseri Viventi</strong> di questo '
+        + '<strong>Pianeta</strong>. Chiunque potrá esprimere il proprio <strong>Consenso o Dissenso</strong> partecipando a <strong>Sondaggi Interattivi</strong>'
+        + ' e realizzare insieme i <strong>Cambiamenti</strong> necessari alla nostra Società.',
+    },
+    freetalent: {
+      title: 'Beni e Servizi',
+      descr: 'Condividi i tuoi <strong>Talenti</strong> e <strong>Abilità</strong>, '
+        + 'Nel Dare e Ricevere, si creeranno così legami di <strong>Amicizia, Solidarietà, Cooperazione e Divertimento</strong><br><br>' +
+        'Favoriamo lo scambio locale di <strong>Beni e Servizi</strong> grazie ad un sistema di baratto organizzato, in cui la comunità stessa si pone come garante.'
+    },
+    coin: {
+      title: 'RIS - Credito Alternativo',
+      descr: '<strong>Stiamo lavorando</strong> anche per creare una sorta di "moneta alternativa" per conteggiare gli scambi che avvengono tra di noi, quando il semplice baratto risulta non applicabile.<br>' +
+        'Partendo dalle basi del <strong>Si.Cre.Na.C.C - Sistema di Credito Naturale a Copertura Certa</strong>.<br>' +
+        '<em>Ciascun operatore potrà creare moneta all\'occorrenza, se il saldo del suo conto non sarà sufficiente a coprire la spesa. Potrà quindi mandare il suo conto in "scoperto", accollandosi il conseguente' +
+        ' Debito, accreditando l\'equivalente somma all\'operatore ricevente, il quale la annovera nel suo conto in qualità di Credito. ' +
+        'L\'equilibrio tra il credito dell\'uno ed il debito dell\'altro ha come conseguenza che il debitore dovrà lavorare per rifondere il debito, mentre il ricevente potrà usare il credito come moneta.</em><br>' +
+        'Per maggiori informazioni consultare il libro gratuito <a href="https://sicrenacc.info/" target="_blank">cliccando qui</a>.'
+
+
+    },
+    freeliving: {
+      title: 'Gruppi Territoriali',
+      descr: 'Questo progetto vuole diffondere la creazione di Gruppi Territoriali Provinciali,'
+        + 'per poter favorire progetti condivisi in ambito territoriale e creare così una <strong>Rete di Fiducia</strong> fino al vicinato, come giá viene praticato in piccolo, in numerosi <strong>Ecovillaggi</strong> e Comunità del mondo.',
+
+    },
+    freecollabora: {
+      title: 'Chi può Collaborare?',
+      descr: 'Tutti coloro che sono in linea con <strong>Princìpi Etici</strong> e ricerca del <strong>Benessere Globale del Pianeta</strong><br>'
+        + 'Pertanto sono i benvenuti:'
+        + '<ul class="mylist" style="padding-left: 20px;">'
+        + '<li><strong>Associazioni no-profit, Ecovillaggi, Comunità</strong></li>'
+        + '<li>Gruppi che intendono promuovere <strong>Progetti Sociali Innovativi</strong> per una <strong>Decrescita Felice</strong></li>'
+        + '<li>Chi gestisce un <strong>Gruppo di Acquisto Solidale (G.A.S.)</strong></li>'
+        + '<li><strong>Produttori Locali Etici</strong></li>'
+        + '<li><strong>Chiunque voglia partecipare</strong>, nella forma che ritiene più opportuna.</li>'
+        + '</ul>',
+    },
+    freesostieni: {
+      title: 'Come Sostenere il progetto <strong>Riso.app</strong>?',
+      descr: '<ul class="mylist" style="padding-left: 20px;">'
+        + '<li>📱<strong>Condividendo la APP</strong> a tutti coloro che vogliono far parte insieme della crescita e sviluppo di una Nuova Era</li>'
+        + '<li>👥 Aiutando a creare Gruppi Territoriali nella vostra città, impegnandosi a realizzare progetti per il Bene Comune, in onore ai principi Amorevoli e di condivisione.</li>'
+        + '<li>🌱 Sostenendo le persone attorno a voi, e rispettando la nostra vera Casa: Madre Natura e Tutti gli Esseri Viventi. ❤️</li>'
+        + '<li>👨🏻‍💻 Con una <strong>piccola donazione</strong> per le spese dei Server, manutenzione e per i continui sviluppi e miglioramenti</li></ul>' +
+        '1) Tramite <strong>Paypal</strong>:<br>' +
+        '<div style="font-size: 1.5rem; background-color: white; color: blue; border: solid 2px #f00; margin: 10px; padding: 10px; border-radius: 10px; " ' +
+        'class="row justify-around">' +
+        '<span><a href="https://paypal.me/paoloarena/1" target="_blank">1€</a></span>' +
+        '<span><a href="https://paypal.me/paoloarena/2" target="_blank">2€</a></span>' +
+        '<span><a href="https://paypal.me/paoloarena/5" target="_blank">5€</a></span>' +
+        '<span><a href="https://paypal.me/paoloarena/10" target="_blank">10€</a></span>' +
+        '<span><a href="https://paypal.me/paoloarena" target="_blank">scegli</a></span>' +
+        '</div><em>clicca sull\'importo per fare una <strong>donazione</strong> </em><br>' +
+        '<br>2) Tramite <strong>Satispay</strong>: <a href="https://www.satispay.com/app/match/link/money-box/S6Y-SVN--62712D42-35B0-4BB9-8511-410C2AB8CD45" target="_blank">Clicca qui</a><br>' +
+        '<div style="font-size: 1rem; background-color: white; color: blue; border: solid 2px #f00; margin: 5px; padding: 5px; border-radius: 10px; " ' +
+        'class="row justify-around">' +
+        'Se ancora non hai Satispay <a href="https://www.satispay.com/promo/PAOLOARENA4">Richiedila cliccando qui</a></br>' +
+        'E\' consigliata se hai un conto bancario come alternativa alla costosa carta di credito/debito</br>' +
+        '👉🏻 <strong>Registrandoti entrambi riceviamo un Bonus di 5 €</strong></br>' +
+        '</div>' +
+        '<br>3) Tramite <strong>Bonifico Bancario</strong>:<br>' +
+        '(Scrivi a Surya (<a href="mailto:surya@riso.app">surya@riso.app</a>) per ricevere le coordinate</br>' +
+        '' +
+        '4) In alternativa scegli tu una forma di scambio da donare a Paolo (per scrivergli su Telegram: <a href="https://t.me/surya1977" target="_blank">Surya Paolo</a>)<br />' +
+        '<span style="color: red; font-size: 2rem;">❤</span> Sono graditi messaggi sia di suggerimenti che di apprezzamenti.<br>' +
+        'Grazie Mille per l\'Aiuto ed il Supporto' +
+        '<br>',
+    },
+    multiplatform: {
+      title: 'Multi-piattaforma',
+      descr: 'E\' compatibile con Google Chrome, Firefox, Opera, Safari, iPhone, Android e PC. L\'Applicazione s\'installa facilmente, senza passare dallo store. '
+        + 'basta entrare sul sito <strong>www.riso.app</strong>.<br>'
+        + 'Dopo la registrazione chiederà di aggiungerlo allo schermo (o cliccare sul menu del browser "Installa APP")',
+    },
+    free: {
+      title: 'Gratuita, Open Source e Niente Pubblicità',
+      descr: 'Questa App <strong>non è in vendita</strong>, non ha scopi commerciali, quindi <strong>non ha prezzo</strong> e nessun dato contenuto in esso verrà mai venduto, in quanto appartiene a <strong>Tutti Noi</strong> ed a nessuno in particolare.<br>Chiunque potrá utilizzarla e beneficiarne da essa.<br>' +
+        '<em>Progetto Open Source su <a href="https://github.com/paoloar77/newfreeplanet" target="_blank">GitHub</a>.</em><br><br>'
+        + '<strong>Grazie a Tutti per il sostegno</strong>. ',
+    },
+    titlecontatti: 'Contatti',
+    contacts: '',
+  },
+};
+
+export default msg_website_it;

_ALL_SITES/kolibrilab.it/db/lang/ws_pt.js

@@ -0,0 +1,73 @@
+const msg_website_pt = {
+  ws: {
+    sitename: 'Riso',
+    siteshortname: 'RISO',
+    botname: 'Riso BOT',
+  },
+  pages: {
+    home: 'Home',
+    profile: 'Perfil',
+    payment: 'Pagamentos',
+    regok: 'Inscrição confirmada',
+    presentazione: 'Apresentação',
+    presentazione2: 'Apresentação',
+    invita: 'Convidar Pessoas',
+    SignUp: 'Inscrição',
+    SignUp_alreadylista: 'Inscrição para os que já estão na Lista!',
+    SignUp2: 'Inscrição',
+    SignIn: 'Login',
+    status: 'Estatísticas',
+    nextzoom: 'Conférences',
+    requestresetpwd: 'Pedido de redefinição de senha',
+    vreg: '',
+    dashboard: 'Tablero',
+    statoattuale: 'Status Atual',
+    posizione_in_programmazione: 'Lista de Embarque',
+    posizione_in_nave: 'Lista de Navios',
+    nave: 'Navios',
+    testimonial: 'Opiniones',
+    Test: 'Test',
+    Category: 'Categorie',
+    Admin: 'Admin',
+    Test1: 'Test1',
+    Test2: 'Test2',
+    statusreg: {
+      reg: 'Participantes',
+      passeggeri: 'Navios de Passageiros',
+      giainlista: 'Já na lista',
+      newreg: 'Últimas Inscrições:',
+      nationality: 'Nacionalidade',
+      verified: 'Verificado',
+      nonverified: 'Não verificado',
+      req7: 'Com 5 passos, o usuário entra na lista de embarque.',
+      req9: 'Com 7 passos ajudam a {sitename} a crescer!',
+      req: 'Passos',
+      people: 'Con.',
+      peoplelegend: 'Número de convidados',
+    },
+  },
+  msg: {
+    myAppDescription: '',
+    keywords_base: '',
+    myDescriz: '',
+    sottoTitoloApp: '..',
+    sottoTitoloApp2: '..',
+    sottoTitoloApp3: '..',
+    sottoTitoloApp4: '',
+  },
+  homepage: {
+    titlecontatti: 'CONTACTOS',
+  },
+  text: {
+    how: 'COMO FUNCIONA',
+    what: 'QUE NECESITAS',
+    step: 'PASOS A REALIZAR',
+    videotitle: 'VIDEO',
+    testimonial: 'TESTIMONIOS',
+    faq: 'PREGUNTAS FRECUENTES (FAQ)',
+    advise: 'CONSEJOS',
+    download: 'MATERIAL DISPONIBLES',
+  },
+};
+
+export default msg_website_pt;

_ALL_SITES/kolibrilab.it/db/lang/ws_si.js

@@ -0,0 +1,59 @@
+const msg_website_si = {
+  ws: {
+    sitename: 'Riso',
+    siteshortname: 'RISO',
+    botname: 'Riso BOT',
+  },
+  pages: {
+    home: 'Domača stran',
+    profile: 'Profil',
+    payment: 'Plačila',
+    regok: 'Registracija potrjena',
+    presentazione: 'Predstavitev',
+    presentazione2: 'Predstavitev',
+    invita: 'Povabi osebe',
+    SignUp: 'Nova Registracija',
+    SignUp2: 'Registracija',
+    SignIn: 'Vpis',
+    status: 'Statistika',
+    nextzoom: 'Conferenze',
+    requestresetpwd: 'Prošnja za ponastavitev Gesla',
+    vreg: 'Preveri Registracijo',
+    dashboard: 'Tabla',
+    statoattuale: 'TrenutniStatus',
+    posizione_in_programmazione: 'Seznam Plovbe',
+    posizione_in_nave: 'Seznam Ladiji',
+    nave: 'Ladje',
+    Admin: 'Administrator',
+    evento: 'Dogodek',
+    eventodef: 'Dogodek:',
+    statusreg: {
+      reg: 'Udeleženci',
+      passeggeri: 'Potniki Ladjic',
+      giainlista: 'Že na seznamu',
+      newreg: 'Zadnje Registracije:',
+      nationality: 'Nacionalnost',
+      verified: 'Preveri',
+      nonverified: 'Ni preverjeno',
+      req7: 'S 7 koraki vstopis na seznam za plovbo',
+      req9: 'Z 9-imi koraki pomagaš, da {sitename} Raste!',
+      req: 'Koraki',
+      people: 'Pov.',
+      peoplelegend: 'Število \'Povabljenih',
+    },
+  },
+  msg: {
+    myAppDescription: '',
+    keywords_base: '',
+    myDescriz: '',
+    sottoTitoloApp: '',
+    sottoTitoloApp2: '',
+    sottoTitoloApp3: '',
+    sottoTitoloApp4: '',
+  },
+  homepage: {
+    titlecontatti: 'Kontakt',
+  },
+};
+
+export default msg_website_si;

_ALL_SITES/kolibrilab.it/db/static_data.ts

@@ -0,0 +1,889 @@
+import {
+  IListRoutes,
+  ILang,
+  IFunctionality,
+  IPreloadImages,
+} from '@model'
+import { func } from '@store/Modules/fieldsTable'
+
+const functionality: IFunctionality = {
+  PWA: false,
+  SHOW_USER_MENU: true, // Cambiare con true
+  SHOW_PROFILE: true,
+  SHOW_REG_BUTTON: true,
+  ENABLE_REGISTRATION: true,
+  ENABLE_REG_BY_BOT: false,
+  ENABLE_REG_NEED_TELEGRAM: false,
+  SHOW_NEWSLETTER: false,
+  SHOW_ONLY_POLICY: true,
+  ENABLE_TODOS_LOADING: false,
+  ENABLE_PROJECTS_LOADING: false,
+  SHOW_IF_IS_SERVER_CONNECTION: false,
+  SHOW_MESSAGES: false,
+  SHOW_NOTIF: false,
+  SHOW_COINS: false,
+  BOOKING_EVENTS: false,
+  ENABLE_ECOMMERCE: false,
+  ENABLE_REG_ISP: true,
+  ENABLE_GROUPS: false,
+  ENABLE_CIRCUITS: false,
+  SHOW_COMPETENZE: false,
+  ENABLE_VIEW_GROUPS: false,
+  ENABLE_VIEW_USERS: false,
+  ENABLE_VIEW_PROFILE: true,
+}
+
+// const SHOW_PROJINTHEMENU = false
+//
+// let arrlistafavourite = []
+// let arrlistaprojtutti = []
+// let arrlistaprojmiei = []
+// if (SHOW_PROJINTHEMENU) {
+//   arrlistaprojtutti = Projects.getters.listaprojects(RouteNames.projectsall)
+//   arrlistaprojmiei = Projects.getters.listaprojects(RouteNames.myprojects)
+//   arrlistafavourite = Projects.getters.listaprojects(RouteNames.favouriteprojects)
+// }
+// PROGETTI -> FAVORITI :
+
+// if (arrlistafavourite.length > 0) {
+//   arrMenu.push({
+//     icon: 'favorite_border',
+//     nametranslate: 'pages.' + RouteNames.favouriteprojects,
+//     urlroute: RouteNames.favouriteprojects,
+//     level_parent: 0.0,
+//     level_child: 0.5,
+//     routes2: arrlistafavourite,
+//     idelem: ''
+//   })
+// }
+
+const routes_todo: IListRoutes[] = []
+const arrlista = [
+  { nametranslate: 'personal', description: 'personal' },
+  { nametranslate: 'work', description: 'work' },
+  { nametranslate: 'shopping', description: 'shopping' },
+]
+
+const routes_admin: IListRoutes[] = [
+  {
+    active: true,
+    order: 10,
+    path: '/admin/sites',
+    materialIcon: 'event_seat',
+    name: 'pages.Sites',
+    component: () => import('@/rootgen/admin/sites/sites.vue'),
+    level_parent: 0.0,
+    level_child: 0.5,
+    inmenu: true,
+    submenu: true,
+    onlyAdmin: true
+  },
+  {
+    active: true,
+    order: 1000,
+    path: '/admin/cfgserv',
+    materialIcon: 'event_seat',
+    name: 'pages.Admin',
+    component: () => import('@/views/admin/cfgServer/cfgServer.vue'),
+    level_parent: 0.0,
+    level_child: 0.5,
+    inmenu: true,
+    submenu: true,
+    onlyAdmin: true
+  },
+  {
+    active: true,
+    order: 1020,
+    path: '/admin/dbop',
+    materialIcon: 'event_seat',
+    name: 'pages.dbop',
+    component: () => import('@/views/admin/dbop/dbop.vue'),
+    level_parent: 0.0,
+    level_child: 0.5,
+    inmenu: true,
+    submenu: true,
+    onlyAdmin: true
+  },
+  {
+    active: true,
+    order: 1040,
+    path: '/admin/importfile',
+    materialIcon: 'event_seat',
+    name: 'otherpages.manage.importfile',
+    component: () => import('@/rootgen/admin/importdata/importdata.vue'),
+    level_parent: 0.0,
+    level_child: 0.5,
+    inmenu: true,
+    submenu: true,
+    onlyAdmin: true
+  }
+]
+
+
+const routes_newsletter: IListRoutes[] = [
+  {
+    active: true,
+    order: 10,
+    name: 'newsletter.template', path: '/admin/newsletter/templemail', materialIcon: 'fas fa-users',
+    component: () => import('@/rootgen/admin/newsletter/newsletter.vue'),
+    inmenu: true, submenu: true, level_parent: 0.5, level_child: 0.5, onlyManager: true, noroute: true
+  },
+  {
+    active: true,
+    order: 20,
+    name: 'newsletter.sendemail', path: '/admin/newsletter/newnewsletter', materialIcon: 'fas fa-users',
+    component: () => import('@/rootgen/admin/newsletter/newsletter.vue'),
+    inmenu: true, submenu: true, level_parent: 0.5, level_child: 0.5, onlyManager: true, noroute: true
+  },
+  {
+    active: true,
+    order: 30,
+    name: 'newsletter.check', path: '/admin/newsletter/check', materialIcon: 'fas fa-users',
+    component: () => import('@/rootgen/admin/newsletter/newsletter.vue'),
+    inmenu: true, submenu: true, level_parent: 0.5, level_child: 0.5, onlyManager: true, noroute: true
+  },
+  {
+    active: true,
+    order: 40,
+    name: 'newsletter.sent', path: '/admin/newsletter/newslist', materialIcon: 'fas fa-users',
+    component: () => import('@/rootgen/admin/newsletter/newsletter.vue'),
+    inmenu: true, submenu: true, level_parent: 0.5, level_child: 0.5, onlyManager: true, noroute: true
+  },
+  {
+    active: true,
+    order: 50,
+    name: 'newsletter.mailinglist', path: '/admin/newsletter/mailinglist', materialIcon: 'fas fa-users',
+    component: () => import('@/rootgen/admin/newsletter/newsletter.vue'),
+    inmenu: true, submenu: true, level_parent: 0.5, level_child: 0.5, onlyManager: true, noroute: true
+  },
+  {
+    active: true,
+    order: 60,
+    name: 'newsletter.settings', path: '/admin/newsletter/settings', materialIcon: 'fas fa-users',
+    component: () => import('@/rootgen/admin/newsletter/newsletter.vue'),
+    inmenu: true, submenu: true, level_parent: 0.5, level_child: 0.5, onlyManager: true, noroute: true
+  },
+  {
+    active: true,
+    order: 70,
+    name: 'newsletter.serversettings', path: '/admin/newsletter/main_settings', materialIcon: 'fas fa-users',
+    component: () => import('@/rootgen/admin/newsletter/newsletter.vue'),
+    inmenu: true, submenu: true, level_parent: 0.5, level_child: 0.5, onlyManager: true, noroute: true
+  },
+  {
+    active: true,
+    order: 80,
+    name: 'newsletter.others', path: '/admin/newsletter/events', materialIcon: 'fas fa-users',
+    component: () => import('@/rootgen/admin/newsletter/newsletter.vue'),
+    inmenu: true, submenu: true, level_parent: 0.5, level_child: 0.5, onlyManager: true, noroute: true
+  }
+]
+
+const routes_ris: IListRoutes[] = [
+  {
+    active: true,
+    order: 10,
+    path: '/admin/ris/circuitslist',
+    materialIcon: 'fas fa-users',
+    name: 'otherpages.admin.circuitslist',
+    component: () => import('@/rootgen/admin/circuitsList/circuitsList.vue'),
+    inmenu: true,
+    submenu: true,
+    level_parent: 0.5,
+    level_child: 0.5,
+    onlyManager: true,
+    onlyFacilitatore: true
+  },
+  {
+    active: true,
+    order: 20,
+    path: '/admin/ris/accountslist',
+    materialIcon: 'fas fa-users',
+    name: 'otherpages.admin.accountslist',
+    component: () => import('@/rootgen/admin/accountsList/accountsList.vue'),
+    inmenu: true,
+    submenu: true,
+    level_parent: 0.5,
+    level_child: 0.5,
+    onlyManager: true,
+    onlyFacilitatore: true
+  },
+  {
+    active: true,
+    order: 30,
+    path: '/admin/ris/movslist',
+    materialIcon: 'fas fa-users',
+    name: 'otherpages.admin.movslist',
+    component: () => import('@/rootgen/admin/movsList/movsList.vue'),
+    inmenu: true,
+    submenu: true,
+    level_parent: 0.5,
+    level_child: 0.5,
+    onlyManager: true,
+    onlyFacilitatore: true
+  },
+]
+
+
+const routes_manager: IListRoutes[] = [
+  {
+    active: functionality.BOOKING_EVENTS,
+    order: 70,
+    path: '/admin/usereventlist',
+    materialIcon: 'edit',
+    name: 'otherpages.admin.usereventlist',
+    component: () => import('@/rootgen/admin/eventlist/eventlist.vue'),
+    inmenu: functionality.BOOKING_EVENTS,
+    submenu: functionality.BOOKING_EVENTS,
+    level_parent: 0,
+    level_child: 0.5,
+    infooter: false,
+    onlyManager: true,
+    onlyConsiglio: true,
+    onlyAdmin: true
+  },
+  {
+    active: true,
+    order: 10,
+    path: '/admin/userlist',
+    materialIcon: 'fas fa-users',
+    name: 'otherpages.admin.userlist',
+    component: () => import('@/rootgen/admin/usersList/usersList.vue'),
+    inmenu: true,
+    submenu: true,
+    level_parent: 0,
+    level_child: 0.5,
+    onlyManager: true,
+    onlyFacilitatore: true
+  },
+  {
+    active: true,
+    order: 10,
+    path: '/admin/userpanel',
+    materialIcon: 'fas fa-users',
+    name: 'otherpages.admin.userpanel',
+    component: () => import('@/rootgen/admin/userPanel/userPanel.vue'),
+    inmenu: true,
+    submenu: true,
+    level_parent: 0,
+    level_child: 0.5,
+    onlyManager: true,
+    onlyFacilitatore: true
+  },
+  /*
+  {
+    active: true,
+    order: 10,
+    path: '/admin/iscritticonacreis',
+    materialIcon: 'fas fa-users',
+    name: 'otherpages.admin.iscritticonacreis',
+    component: () => import('@/rootgen/admin/iscritticonacreis/iscritticonacreis.vue'),
+    inmenu: true,
+    submenu: true,
+    level_parent: 0,
+    level_child: 0.5,
+    onlyManager: true,
+    onlyFacilitatore: true
+  },
+
+   */
+  {
+    active: true,
+    path: '/admin/ris',
+    order: 60,
+    faIcon: 'fa fa-list-alt',
+    materialIcon: 'fas fa-users',
+    name: 'otherpages.admin.monete',
+    routes2: routes_ris,
+    inmenu: false,
+    submenu: true,
+    level_parent: 0.5,
+    level_child: 0.5,
+    solotitle: true,
+    onlyAdmin: true,
+    onlyManager: true
+  },
+  {
+    active: false,
+    order: 10,
+    path: '/admin/zoomlist',
+    materialIcon: 'fas fa-users',
+    name: 'otherpages.admin.zoomlist',
+    component: () => import('@/rootgen/admin/zoomList/zoomList.vue'),
+    inmenu: true,
+    submenu: true,
+    level_parent: 0,
+    level_child: 0.5,
+    onlyManager: true,
+    onlyFacilitatore: false
+  },
+  {
+    active: true,
+    order: 27,
+    path: '/admin/tableslist',
+    materialIcon: 'fas fa-users',
+    name: 'otherpages.admin.tableslist',
+    component: () => import('@/rootgen/admin/tablesList/tablesList.vue'),
+    inmenu: true,
+    submenu: true,
+    level_parent: 0,
+    level_child: 0.5,
+    onlyAdmin: true,
+    onlyManager: true
+  },
+  {
+    active: true,
+    order: 30,
+    path: '/admin/pages',
+    materialIcon: 'fas fa-file-alt',
+    name: 'otherpages.admin.pages',
+    component: () => import('@/rootgen/admin/pages/pages.vue'),
+    inmenu: true,
+    submenu: true,
+    level_parent: 0,
+    level_child: 0.5,
+    onlyManager: true,
+    onlyEditor: true
+  },
+  {
+    active: true,
+    order: 32,
+    path: '/admin/home',
+    materialIcon: 'fas fa-file-alt',
+    name: 'otherpages.admin.elems',
+    component: () => import('@/rootgen/admin/editElems/editElems.vue'),
+    inmenu: true,
+    submenu: true,
+    level_parent: 0,
+    level_child: 0.5,
+    onlyManager: true,
+    onlyEditor: true
+  },
+  {
+    active: true,
+    order: 30,
+    path: '/admin/bot',
+    materialIcon: 'fas fa-file-alt',
+    name: 'otherpages.admin.bot',
+    component: () => import('@/rootgen/admin/bot/bot.vue'),
+    inmenu: true,
+    submenu: true,
+    level_parent: 0,
+    level_child: 0.5,
+    onlyManager: true,
+    onlyEditor: true
+  },
+  {
+    active: true,
+    order: 30,
+    path: '/admin/confsite',
+    materialIcon: 'fas fa-file-alt',
+    name: 'otherpages.admin.confsite',
+    component: () => import('@/rootgen/admin/confsite/confsite.vue'),
+    inmenu: true,
+    submenu: true,
+    level_parent: 0,
+    level_child: 0.5,
+    onlyManager: true,
+    onlyEditor: true
+  },
+  {
+    active: true,
+    path: '/admin/newsletter',
+    order: 60,
+    faIcon: 'fa fa-list-alt',
+    materialIcon: 'fas fa-users',
+    name: 'otherpages.admin.newsletter',
+    routes2: routes_newsletter,
+    inmenu: false,
+    submenu: true,
+    level_parent: 0.5,
+    level_child: 0.5,
+    solotitle: true,
+    onlyAdmin: true,
+    onlyManager: true
+  },
+  /*
+    {
+    active: functionality.ENABLE_ECOMMERCE,
+    path: '/admin/ecommerce',
+    order: 31,
+    faIcon: 'fa fa-list-alt',
+    materialIcon: 'next_week',
+    name: 'pages.admin_ecommerce',
+    routes2: routes_admin_ecommerce,
+    inmenu: false,
+    submenu: true,
+    level_parent: 0.5,
+    level_child: 0.5,
+    solotitle: true,
+    onlyAdmin: true,
+    onlyManager: true,
+    onlyDepartment: true
+  },
+
+   */
+  {
+    active: true,
+    order: 35,
+    path: '/admin/msg_template',
+    materialIcon: 'fas fa-file-alt',
+    name: 'msgs.messages',
+    component: () => import('@/rootgen/admin/msg_template/msg_template.vue'),
+    inmenu: true,
+    submenu: true,
+    level_parent: 0,
+    level_child: 0.5,
+    onlyAdmin: true,
+    onlyManager: true
+    // onlyFacilitatore: true
+  },
+  {
+    active: true,
+    order: 1030,
+    path: '/admin/sendpushnotif',
+    materialIcon: 'event_seat',
+    name: 'otherpages.manage.sendpushnotif',
+    component: () => import('@/rootgen/admin/sendpushnotif/sendpushnotif.vue'),
+    level_parent: 0.0,
+    level_child: 0.5,
+    inmenu: true,
+    submenu: true,
+    onlyAdmin: true,
+    onlyManager: true,
+  },
+  {
+    active: true,
+    order: 40,
+    path: '/admin/gallery',
+    materialIcon: 'fas fa-file-alt',
+    name: 'otherpages.admin.gallery',
+    component: () => import('@/rootgen/admin/gallery/gallery.vue'),
+    inmenu: true,
+    submenu: true,
+    level_parent: 0,
+    level_child: 0.5,
+    onlyAdmin: true,
+    onlyManager: true
+  },
+  {
+    active: true,
+    order: 50,
+    path: '/admin/media',
+    materialIcon: 'fas fa-file-alt',
+    name: 'otherpages.admin.media',
+    component: () => import('@/rootgen/admin/uploader/uploader.vue'),
+    inmenu: true,
+    submenu: true,
+    level_parent: 0,
+    level_child: 0.5,
+    onlyAdmin: true,
+    onlyManager: true
+  },
+]
+
+
+const baseroutes: IListRoutes[] = [
+  {
+    active: true,
+    order: 5,
+    path: '/',
+    materialIcon: 'home',
+    name: 'pages.home',
+    component: () => import('@src/root_spec/home_kolibrilab/home_kolibrilab.vue'),
+    reqauth: false,
+    inmenu: true,
+    infooter: true,
+  },
+  /*{
+    active: true,
+    order: 120,
+    path: '/myprofile',
+    materialIcon: 'fas fa-user',
+    name: 'pages.profile',
+    component: () => import('@/views/user/myprofile/myprofile.vue'),
+    meta: { requiresAuth: true },
+    inmenu: true,
+    infooter: true,
+  },*/
+  {
+    active: true,
+    order: 120,
+    path: '/editprofile',
+    materialIcon: 'fas fa-user',
+    name: 'pages.profile3',
+    component: () => import('@/views/user/editprofile/editprofile.vue'),
+    meta: { requiresAuth: true },
+    inmenu: false,
+    infooter: false,
+  },
+  {
+    active: functionality.ENABLE_GROUPS,
+    order: 132,
+    path: '/groups',
+    materialIcon: 'fas fa-users',
+    name: 'mypages.groups',
+    component: () => import('@/views/user/mygroups/mygroups.vue'),
+    meta: { requiresAuth: true },
+    inmenu: true,
+    infooter: true,
+  },
+  {
+    active: functionality.ENABLE_CIRCUITS,
+    order: 133,
+    path: '/circuits',
+    materialIcon: 'fas fa-coins',
+    name: 'mypages.circuits',
+    component: () => import('@/views/user/mycircuits/mycircuits.vue'),
+    meta: { requiresAuth: true },
+    inmenu: true,
+    infooter: true,
+  },
+  {
+    active: true,
+    order: 135,
+    path: '/my/:username',
+    materialIcon: 'fas fa-user',
+    name: 'pages.profile2',
+    component: () => import('@/views/user/myprofile/myprofile.vue'),
+    meta: { requiresAuth: true },
+    inmenu: false,
+    infooter: false,
+  },
+  {
+    active: true,
+    order: 136,
+    path: '/grp/:groupname',
+    materialIcon: 'fas fa-user',
+    name: 'proj.group2',
+    component: () => import('@/views/user/mygroup/mygroup.vue'),
+    meta: { requiresAuth: true, newpage: true },
+    inmenu: false,
+    infooter: false,
+  }, {
+    active: true,
+    order: 137,
+    path: '/circuit/:path',
+    materialIcon: 'fas fa-user',
+    name: 'proj.circuit2',
+    component: () => import('@/views/user/mycircuit/mycircuit.vue'),
+    meta: { requiresAuth: true, newpage: true },
+    inmenu: false,
+    infooter: false,
+  },
+  {
+    active: true,
+    order: 130,
+    path: '/mypage/:idBacheca',
+    materialIcon: 'fas fa-user',
+    name: 'pages.mypage2',
+    component: () => import('@/views/user/mypagebacheca/mypagebacheca.vue'),
+    meta: { requiresAuth: true, newpage: true },
+    inmenu: false,
+    infooter: false,
+  },
+  {
+    active: true,
+    order: 130,
+    path: '/myservice/:idSkill',
+    materialIcon: '',
+    name: 'pages.myservice2',
+    component: () => import('@/views/user/myservice/myservice.vue'),
+    meta: { requiresAuth: true, newpage: true },
+    inmenu: false,
+    infooter: false,
+  },
+  {
+    active: true,
+    order: 135,
+    path: '/myhosps/:idHosp',
+    materialIcon: '',
+    name: 'pages.myhosps2',
+    component: () => import('@/views/user/mypagehosp/mypagehosp.vue'),
+    meta: { requiresAuth: true, newpage: true },
+    inmenu: false,
+    infooter: false,
+  },
+  {
+    active: true,
+    order: 132,
+    path: '/mygood/:idGood',
+    materialIcon: '',
+    name: 'pages.mygood2',
+    component: () => import('@/views/user/mypagegood/mypagegood.vue'),
+    meta: { requiresAuth: true, newpage: true },
+    inmenu: false,
+    infooter: false,
+  },
+  {
+    active: true,
+    order: 200,
+    path: '/notifs',
+    materialIcon: 'fas fa-user',
+    name: 'pages.notifs',
+    component: () => import('@/views/user/usernotifs/usernotifs.vue'),
+    meta: { requiresAuth: true },
+    inmenu: false,
+    infooter: false,
+  },
+  {
+    active: true,
+    order: 400,
+    path: '/test',
+    materialIcon: 'fas fa-test',
+    name: 'mypages.test',
+    component: () => import('@/views/testServer/testServer.vue'),
+    inmenu: false,
+    infooter: false,
+  },
+  {
+    active: true,
+    order: 15,
+    path: '/provapao',
+    materialIcon: 'fas fa-house-user',
+    name: 'mypages.provapao',
+    component: () => import('@/root/provapao/provapao.vue'),
+    meta: { requiresAuth: true },
+    inmenu: false,
+    infooter: false,
+  },
+  {
+    active: true,
+    order: 400,
+    path: '/testlocal',
+    materialIcon: 'fas fa-test',
+    name: 'mypages.TestLocal',
+    component: () => import('@/views/test/test.vue'),
+    meta: { requiresAuth: true },
+    inmenu: false,
+    infooter: false,
+  },
+  {
+    active: true,
+    order: 2000,
+    path: '/admin',
+    materialIcon: 'fas fa-user-shield',
+    name: 'otherpages.admin.menu',
+    inmenu: true,
+    routes2: routes_admin,
+    solotitle: true,
+    infooter: false,
+    onlyAdmin: true
+  },
+  ...routes_admin,
+  {
+    active: true,
+    order: 2110,
+    path: '/manage',
+    materialIcon: 'fas fa-users-cog',
+    name: 'otherpages.manage.menu',
+    inmenu: true,
+    routes2: routes_manager,
+    solotitle: true,
+    infooter: false,
+    onlyAdmin: true,
+    onlyManager: true,
+    onlyFacilitatore: true,
+    onlyEditor: true
+  },
+  ...routes_manager,
+  {
+    active: true,
+    order: 1000,
+    path: '/404error',
+    materialIcon: 'fas fa-calendar-plus',
+    name: 'otherpages.error404',
+    component: () => import('@/root/My404page/My404page.vue'),
+    inmenu: false,
+    infooter: false
+  },
+
+  {
+    active: true,
+    order: 2000,
+    path: '/policy',
+    materialIcon: 'fas fa-user',
+    name: 'pages.policy',
+    component: () => import('@src/root/policy/policy.vue'),
+    inmenu: false,
+    infooter: true
+  },
+  {
+    active: functionality.ENABLE_REG_BY_BOT,
+    order: 1000,
+    path: '/bot',
+    materialIcon: 'how_to_reg',
+    name: 'pages.SignUpBot',
+    inmenu: functionality.ENABLE_REG_BY_BOT,
+    infooter: functionality.ENABLE_REG_BY_BOT,
+    separator: false
+  },
+  {
+    active: functionality.ENABLE_REGISTRATION && !functionality.ENABLE_REG_NEED_TELEGRAM,
+    order: 1000,
+    path: '/signup',
+    materialIcon: 'how_to_reg',
+    name: 'pages.SignUp',
+    component: () => import('@/views/login/signup_noteleg/signup_noteleg.vue'),
+    inmenu: false,
+    infooter: false,
+    separator: false
+  },
+  {
+    active: true,
+    order: 1001,
+    path: '/signup/:invited',
+    materialIcon: 'how_to_reg',
+    name: 'pages.SignUp2',
+    component: () => import('@/views/login/signup/signup.vue'),
+    inmenu: false,
+    infooter: false,
+    separator: false
+  },
+  {
+    active: functionality.ENABLE_REGISTRATION,
+    order: 2000,
+    path: '/regok',
+    materialIcon: 'how_to_reg',
+    name: 'pages.regok',
+    component: () => import('@/views/login/regok/regok.vue'),
+    inmenu: false,
+    infooter: false,
+    separator: false,
+  },
+  {
+    active: true,
+    order: 1000,
+    path: '/signin',
+    materialIcon: 'account_circle',
+    name: 'pages.SignIn',
+    component: () => import('@/views/login/signin_noreg/signin_noreg.vue'),
+    inmenu: false,
+    infooter: true
+  },
+  // --- NOT IN MENU: ---
+  {
+    active: true,
+    order: 1000,
+    path: '/vreg',
+    name: 'pages.vreg',
+    component: () => import('@/views/login/vreg/vreg.vue')
+  },
+  {
+    active: true,
+    order: 1000,
+    path: '/requestresetpwd',
+    name: 'pages.requestresetpwd',
+    component: () => import('@/views/requestresetpwd/requestresetpwd.vue')
+  },
+  {
+    active: true,
+    order: 1000,
+    path: '/updatepassword',
+    name: 'pages.updatepassword',
+    component: () => import('@/views/updatepassword/updatepassword.vue')
+  },
+  {
+    active: true,
+    order: 1000,
+    path: '/offline',
+    name: 'Offline',
+    component: () => import('@/views/offline/offline.vue')
+  },
+  {
+    active: true,
+    path: '/separator',
+    name: 'separator',
+    order: 35,
+    isseparator: true,
+    inmenu: true,
+  },
+  /*{
+    active: true,
+    order: 80,
+    path: '/calendario-eventi',
+    materialIcon: 'event',
+    name: 'ris.calendario_eventi_riso',
+    component: () => import('@/root/calendarioeventi/calendarioeventi.vue'),
+    extraclass: 'isCalendar',
+    inmenu: true,
+    infooter: true
+  },
+
+   */
+  {
+    active: true,
+    order: 1000,
+    path: '/admin/newsletter/:idparam',
+    materialIcon: 'event',
+    name: 'pages.newsletter.menu',
+    component: () => import('@/rootgen/admin/newsletter/newsletter.vue'),
+    inmenu: false,
+    infooter: false
+  },
+  {
+    active: true,
+    order: 90,
+    path: '/event/:typol/:eventid',
+    materialIcon: 'event',
+    name: 'pages.evento',
+    component: () => import('@/root/evento/evento.vue'),
+    inmenu: false,
+    infooter: false
+  },
+  {
+    active: true,
+    order: 110,
+    path: '/event/:typol',
+    materialIcon: 'event',
+    name: 'pages.eventodef',
+    component: () => import('@/root/evento/evento.vue'),
+    inmenu: false,
+    infooter: false
+  },
+
+]
+
+const arrLangUsed = [
+  'it',
+  // 'enUs',
+  // 'es',
+]
+
+export function firstimagehome() {
+
+  let img = 'statics/images/background.jpg'
+  return img
+}
+
+const lang_available: ILang[] = [
+  {
+    label: 'Italiano', icon: 'fa-flag-it', value: 'it', image: '../images/it.png', short: 'IT',
+  },
+  /*{
+    label: 'English', icon: 'fa-flag-us', value: 'enUs', image: '../images/gb.png', short: 'EN',
+  },
+  {
+    label: 'Español', icon: 'fa-flag-es', value: 'es', image: '../images/es.png', short: 'ES',
+  },
+
+   */
+// { label: 'Français', icon: 'fa-facebook', value: 'fr', image: '../public/images/fr.png', short: 'FR' }
+// { label: 'German', icon: 'fa-flag-de', value: 'de', image: '../public/images/de.png', short: 'DE' },
+]
+
+const preLoadImages: IPreloadImages[] = []
+
+export const preloadedimages = []
+
+export const routes = baseroutes
+
+export const static_data = {
+  baseroutes,
+  routes,
+  functionality,
+  lang_available,
+  preLoadImages,
+  arrLangUsed,
+  preloadedimages,
+}

_ALL_SITES/kolibrilab.it/images/.directory

@@ -0,0 +1,4 @@
+[Dolphin]
+PreviewsShown=true
+Timestamp=2022,9,21,18,57,21
+Version=4

_ALL_SITES/kolibrilab.it/package.json

@@ -0,0 +1,137 @@
+{
+  "name": "kolibrilab",
+  "version": "0.5.3",
+  "description": "kolibrilab",
+  "productName": "kolibrilab",
+  "author": "Surya Paolo",
+  "private": true,
+  "keywords": [],
+  "license": "MIT",
+  "scripts": {
+    "dev": "quasar dev",
+    "build": "quasar build",
+    "buildpwa": "quasar build -m pwa",
+    "buildspa": "quasar build -m spa",
+    "lint": "eslint --ext .js,.ts,.vue --ignore-path .gitignore ./",
+    "lintfile": "eslint --ext .js,.ts,.vue --ignore-path .gitignore ./ > file.out.txt",
+    "lintfileNoJS": "eslint --ext .ts,.vue --ignore-path .gitignore ./ > file.out.txt",
+    "fix": "eslint --ext .ts,.vue --ignore-path .gitignore ./ --fix > file.out.txt",
+    "pwa": "NODE_ENV=development NODE_OPTIONS=--max_old_space_size=4096 DEBUG=v8:* quasar dev -m pwa",
+    "spa": "NODE_ENV=development NODE_OPTIONS=--max_old_space_size=4096 DEBUG=v8:* quasar dev -m spa",
+    "test": "echo \"No test specified\" && exit 0",
+    "generate-sw": "workbox generateSW workbox-config.js"
+  },
+  "dependencies": {
+    "@quasar/extras": "^1.15.2",
+    "@quasar/quasar-ui-qcalendar": "^4.0.0-beta.13",
+    "@vue-leaflet/vue-leaflet": "^0.6.1",
+    "@vue/compat": "^3.2.38",
+    "@vue/compiler-sfc": "^3.2.38",
+    "@vue/eslint-config-standard": "7.0.0",
+    "@vuelidate/core": "^2.0.0-alpha.44",
+    "@vuelidate/validators": "^2.0.0-alpha.31",
+    "acorn": "^8.8.0",
+    "autoprefixer": "^10.4.8",
+    "axios": "^0.27.2",
+    "bcryptjs": "^2.4.3",
+    "chart.js": "^3.9.1",
+    "core-js": "^3.25.0",
+    "date-fns": "^2.29.2",
+    "dotenv": "^16.0.2",
+    "echarts": "^5.3.3",
+    "eslint-plugin-quasar": "^1.1.0",
+    "eslint-plugin-standard": "^5.0.0",
+    "graphql": "^16.6.0",
+    "graphql-tag": "^2.12.6",
+    "gsap": "^3.11.1",
+    "jquery": "^3.6.1",
+    "js-cookie": "^3.0.1",
+    "localforage": "^1.10.0",
+    "lodash": "^4.17.21",
+    "normalize.css": "^8.0.1",
+    "npm": "^8.19.1",
+    "nprogress": "^0.2.0",
+    "pinia": "^2.0.22",
+    "prerender-spa-plugin": "^3.4.0",
+    "quasar": "^2.7.7",
+    "quasar-extras": "^2.0.9",
+    "register-service-worker": "^1.7.2",
+    "vee-validate": "^4.6.7",
+    "vue": "^3.2.38",
+    "vue-chart-3": "^3.1.8",
+    "vue-class-component": "^8.0.0-rc.1",
+    "vue-country-code": "^1.1.3",
+    "vue-echarts": "^6.2.3",
+    "vue-i18n": "^9.2.2",
+    "vue-idb": "^0.2.0",
+    "vue-loader": "^17.0.0",
+    "vue-property-decorator": "^10.0.0-rc.3",
+    "vue-router": "^4.1.5",
+    "vue-scroll-reveal": "^1.0.11",
+    "vue-svgicon": "^4.0.0-alpha.3",
+    "vue2-dragula": "^2.5.5",
+    "vuex": "^4.0.2",
+    "vuex-router-sync": "^6.0.0-rc.1"
+  },
+  "devDependencies": {
+    "@quasar/app": "^3.3.3",
+    "@types/bcryptjs": "^2.4.2",
+    "@types/dotenv": "^8.2.0",
+    "@types/googlemaps": "^3.43.3",
+    "@types/jest": "^29.0.0",
+    "@types/js-cookie": "^3.0.2",
+    "@types/node": "18.7.15",
+    "@types/nprogress": "^0.2.0",
+    "@types/vue-tel-input": "^2.1.2",
+    "@types/vuelidate": "^0.7.15",
+    "@typescript-eslint/eslint-plugin": "^5.36.2",
+    "@typescript-eslint/parser": "^5.36.2",
+    "eslint": "^8.23.0",
+    "eslint-config-prettier": "^8.5.0",
+    "eslint-plugin-import": "^2.26.0",
+    "eslint-plugin-node": "^11.1.0",
+    "eslint-plugin-promise": "^6.0.1",
+    "eslint-plugin-vue": "^9.4.0",
+    "file-loader": "^6.2.0",
+    "html-webpack-plugin": "^5.5.0",
+    "http-proxy-middleware": "^2.0.6",
+    "jest": "^29.0.2",
+    "json-loader": "^0.5.7",
+    "node-sass": "7.0.1",
+    "npm-check-updates": "^16.1.0",
+    "optimize-css-assets-webpack-plugin": "^6.0.1",
+    "postcss": "^8.4.16",
+    "postcss-loader": "^7.0.1",
+    "sass-loader": "^13.0.2",
+    "strip-ansi": "=7.0.1",
+    "ts-jest": "^28.0.8",
+    "ts-loader": "^9.3.1",
+    "tslint": "^6.1.3",
+    "tslint-config-standard": "^9.0.0",
+    "tslint-loader": "^3.5.4",
+    "typescript": "^4.8.2",
+    "vue-cli-plugin-element-ui": "^1.1.4",
+    "vueify": "^9.4.1",
+    "webpack": "^5.74.0",
+    "workbox-webpack-plugin": "^6.5.4"
+  },
+  "browser": {
+    "crypto": false
+  },
+  "browserslist": [
+    "last 16 Chrome versions",
+    "last 16 Firefox versions",
+    "last 4 Edge versions",
+    "last 13 Safari versions",
+    "last 16 Android versions",
+    "last 16 ChromeAndroid versions",
+    "last 16 FirefoxAndroid versions",
+    "last 12 iOS versions",
+    "last 7 Opera versions"
+  ],
+  "engines": {
+    "node": ">= 16.14.0",
+    "npm": ">= 6.14.8",
+    "yarn": ">= 1.21.1"
+  }
+}

_ALL_SITES/kolibrilab.it/quasar.conf.js

@@ -0,0 +1,292 @@
+/*
+ * This file runs in a Node context (it's NOT transpiled by Babel), so use only
+ * the ES6 features that are supported by your Node version. https://node.green/
+ */
+
+// Configuration for your app
+// https://v2.quasar.dev/quasar-cli/quasar-conf-js
+
+/* eslint-env node */
+/* eslint-disable @typescript-eslint/no-var-requires */
+/* eslint func-names: 0 */
+/* eslint global-require: 0 */
+const { configure } = require('quasar/wrappers');
+
+const path = require('path')
+const webpack = require('webpack')
+const helpers = require('./helpers')
+const envparser = require('./config/envparser')
+
+// const ESLintPlugin = require('eslint-webpack-plugin')
+
+module.exports = configure((ctx) => ({
+  // https://v2.quasar.dev/quasar-cli/supporting-ts
+  supportTS: {
+    tsCheckerConfig: {
+      eslint: {
+        enabled: true,
+        files: './src/**/*.{ts,tsx,jsx,vue}',
+      },
+    },
+  },
+
+  // https://v2.quasar.dev/quasar-cli/prefetch-feature
+  // preFetch: true,
+
+  // app boot file (/src/boot)
+  // --> boot files are part of "main.js"
+  // https://v2.quasar.dev/quasar-cli/boot-files
+  // boot: ['vue-i18n', 'vue-meta', 'axios', 'vee-validate', 'myconfig', 'local-storage', 'error-handler', 'globalroutines', 'vue-idb', 'dragula', 'guard'],
+  boot: ['i18n', 'axios', 'vee-validate', 'myconfig', 'local-storage', 'error-handler', 'globalroutines', 'calendar'],
+
+  // https://v2.quasar.dev/quasar-cli/quasar-conf-js#Property%3A-css
+  css: [
+    'app.scss',
+    // '~quasar-ui-qcalendar/src/css/calendar-day.sass'
+  ],
+
+  // https://github.com/quasarframework/quasar/tree/dev/extras
+  extras: [
+    // 'ionicons-v4',
+    // 'mdi-v5',
+    // 'eva-icons',
+    // 'themify',
+    // 'line-awesome',
+    'ionicons-v4',
+    // 'mdi-v3',
+    'fontawesome-v5',
+    'roboto-font', // optional, you are not bound to it
+    'material-icons', // optional, you are not bound to it
+    'material-icons-outlined',
+  ],
+
+  aliases: {
+    quasar: path.resolve(__dirname, 'node_modules/@quasar/'),
+    src: path.resolve(__dirname, 'src'),
+    statics: path.resolve(__dirname, 'src/statics'),
+    components: path.resolve(__dirname, 'src/components'),
+    views: path.resolve(__dirname, 'src/views/index.ts'),
+    icons: path.resolve(__dirname, 'src/assets/icons'),
+    images: path.resolve(__dirname, 'src/assets/images'),
+    classes: path.resolve(__dirname, 'src/classes/index.ts'),
+    fonts: path.resolve(__dirname, 'src/assets/fonts'),
+    utils: path.resolve(__dirname, 'src/utils/index.ts'),
+    css: path.resolve(__dirname, 'src/styles/variables.scss'),
+    router: path.resolve(__dirname, 'src/router/index.ts'),
+    validators: path.resolve(__dirname, 'src/utils/validators.ts'),
+    methods: path.resolve(__dirname, 'src/utils/methods.ts'),
+    filters: path.resolve(__dirname, 'src/utils/filters.ts'),
+    api: path.resolve(__dirname, 'src/store/Api/index.ts'),
+    paths: path.resolve(__dirname, 'src/store/Api/ApiRoutes.ts'),
+    store: path.resolve(__dirname, 'src/store/index.ts'),
+    modules: path.resolve(__dirname, 'src/store/Modules/index.ts'),
+    model: path.resolve(__dirname, 'src/model/index.ts'),
+  },
+
+  // Full list of options: https://v2.quasar.dev/quasar-cli/quasar-conf-js#Property%3A-build
+  build: {
+    env: envparser(),
+    vueRouterMode: 'history',
+    vueCompiler: true,
+    gzip: false, // gzip true
+    analyze: false, // true
+    transpile: true,
+    transpileDependencies: [
+      /quasar-ui-qcalendar[\\/]src/
+    ],
+
+    chainWebpack(chain, { isServer, isClient }) {
+      chain.resolve.alias
+      // .set('myalias', path.resolve(__dirname, './src/somefolder'))
+        .set('@', helpers.root('src'))
+        .set('@components', helpers.root('src/components/index.ts'))
+        .set('@boot', helpers.root('src/boot/*'))
+        .set('@costanti', helpers.root('src/store/Modules/costanti.ts'))
+        .set('@views', path.resolve(__dirname, 'src/views/index.ts'))
+        .set('@src', path.resolve(__dirname, 'src'))
+        .set('@css', path.resolve(__dirname, 'src/public/css/variables.scss'))
+        .set('@icons', path.resolve(__dirname, 'src/public/icons/*'))
+        .set('@images', path.resolve(__dirname, 'src/public/images/*'))
+        .set('@classes', path.resolve(__dirname, 'src/classes/index.ts'))
+        .set('@utils', path.resolve(__dirname, 'src/utils/index.ts'))
+        .set('@utils', path.resolve(__dirname, 'src/utils/*'))
+        .set('@router', path.resolve(__dirname, 'src/router/index.ts'))
+        .set('@validators', path.resolve(__dirname, 'src/utils/validators.ts'))
+        .set('@methods', path.resolve(__dirname, 'src/utils/methods.ts'))
+        .set('@api', path.resolve(__dirname, 'src/store/Api/index.ts'))
+        .set('@paths', path.resolve(__dirname, 'src/store/Api/ApiRoutes.ts'))
+        .set('@storemod', path.resolve(__dirname, 'src/store/Modules/*'))
+        .set('@store', path.resolve(__dirname, 'src/store'))
+        .set('@modules', path.resolve(__dirname, 'src/store/Modules/index.ts'))
+        .set('@model', path.resolve(__dirname, 'src/model/index.ts'))
+    },
+    // extractCSS: false,
+    // transpile: false,
+
+    // Add dependencies for transpiling with Babel (Array of string/regex)
+    // (from node_modules, which are by default not transpiled).
+    // Applies only if "transpile" is set to true.
+    // transpileDependencies: [],
+
+    // rtl: true, // https://v2.quasar.dev/options/rtl-support
+    // preloadChunks: true,
+    // showProgress: false,
+    // gzip: true,
+    // analyze: true,
+
+    // Options below are automatically set depending on the env, set them if you want to override
+    // extractCSS: false,
+
+    // https://v2.quasar.dev/quasar-cli/handling-webpack
+    // "chain" is a webpack-chain object https://github.com/neutrinojs/webpack-chain
+  },
+
+  // Full list of options: https://v2.quasar.dev/quasar-cli/quasar-conf-js#Property%3A-devServer
+  dev: {
+    env: require('./.env.development'),
+  },
+  devServer: {
+    https: false,
+    port: 8090,
+    open: false, // opens browser window automatically
+  },
+
+  // https://v2.quasar.dev/quasar-cli/quasar-conf-js#Property%3A-framework
+  framework: {
+    config: {},
+
+    // iconSet: 'material-icons', // Quasar icon set
+    // lang: 'en-US', // Quasar language pack
+
+    // For special cases outside of where the auto-import strategy can have an impact
+    // (like functional components as one of the examples),
+    // you can manually specify Quasar components/directives to be available everywhere:
+    //
+    components: [
+      'QLayout',
+      'QDrawer',
+      'QItemSection',
+      'QHeader',
+      'QFooter',
+      'QPageContainer',
+      'QPage',
+      'QPopupProxy',
+      'QToolbar',
+      'QToolbarTitle',
+      'QBtn',
+      'QBtnDropdown',
+      'QColor',
+      'QIcon',
+      'QList',
+      'QKnob',
+      'QItemLabel',
+      'QItem',
+      'QCard',
+      'QMarkupTable',
+      'QSpace',
+      'QDialog',
+      'QBadge',
+      'QForm',
+      'QCardSection',
+      'QCardActions',
+      'QField',
+      'QInput',
+      'QSelect',
+      'QMenu',
+      'QToggle',
+      'QFab',
+      'QInfiniteScroll',
+      'QAjaxBar',
+      'QChip',
+      'QExpansionItem',
+      'QCheckbox',
+      'QBanner',
+      'QInnerLoading',
+      'QSpinnerGears',
+      'QSpinnerDots',
+      'QDate',
+      'QTime',
+      'QSlideTransition',
+      'QTable',
+      'QTh',
+      'QTr',
+      'QTd',
+      'QLinearProgress',
+      'QSlider',
+      'QPopupEdit',
+      'QCarousel',
+      'QCarouselControl',
+      'QCarouselSlide',
+      'QPageScroller',
+      'QAvatar',
+      'QImg',
+      'QSplitter',
+      'QRating',
+      'QParallax',
+      'QTab',
+      'QTabs',
+      'QTabPanels',
+      'QTabPanel',
+      'QTree',
+      'QSeparator',
+    ],
+    directives: [
+      'Ripple',
+      'ClosePopup',
+    ],
+    // Quasar plugins
+    plugins: [
+      'Meta',
+      'Dialog',
+      'Notify',
+      'Cookies',
+      'Loading',
+      'AppVisibility',
+    ],
+    iconSet: 'fontawesome-v5',
+    lang: 'it', // Quasar language
+  },
+
+  // animations: 'all', // --- includes all animations
+  // https://v2.quasar.dev/options/animations
+  animations: [],
+
+  // https://v2.quasar.dev/quasar-cli/developing-ssr/configuring-ssr
+  ssr: {
+    pwa: false,
+
+    // manualStoreHydration: true,
+    // manualPostHydrationTrigger: true,
+
+    prodPort: 3000, // The default port that the production server should use
+    // (gets superseded if process.env.PORT is specified at runtime)
+
+    maxAge: 1000 * 60 * 60 * 24 * 30,
+    // Tell browser when a file from the server should expire from cache (in ms)
+
+    chainWebpackWebserver(/* chain */) {
+      //
+    },
+
+    middlewares: [
+      ctx.prod ? 'compression' : '',
+      'render', // keep this as last one
+    ],
+  },
+
+  // https://v2.quasar.dev/quasar-cli/developing-pwa/configuring-pwa
+
+  // Full list of options: https://v2.quasar.dev/quasar-cli/developing-cordova-apps/configuring-cordova
+  cordova: {
+    // noIosLegacyBuildFlag: true, // uncomment only if you know what you are doing
+  },
+
+  // Full list of options: https://v2.quasar.dev/quasar-cli/developing-capacitor-apps/configuring-capacitor
+  capacitor: {
+    hideSplashscreen: true,
+  },
+
+  // Full list of options: https://v2.quasar.dev/quasar-cli/developing-electron-apps/configuring-electron
+  electron: {
+  },
+}))

_ALL_SITES/kolibrilab.it/root_spec/home_arcadei/home_arcadei.scss

@@ -0,0 +1,452 @@
+
+.testo-banda {
+  //background: -webkit-gradient(linear, left top, left bottom, from(#3144f0), to(transparent));
+  //background: linear-gradient(180deg, #3144f0, transparent);
+  //background: rgba(0, 0, 0, .6)
+}
+
+$grayshadow: #555;
+
+$textcol: blue;
+$textcol_scuro: darkblue;
+
+p {
+  margin: 0 0 1.25rem;
+  //text-shadow: .125rem .125rem .25rem $grayshadow;
+}
+
+h4 {
+  font-size: 1.25rem;
+}
+
+.mycard {
+  visibility: hidden;
+}
+
+.landing {
+}
+
+.landing_background {
+  background: #000 url(../../../public/images/foto1.jpg) no-repeat 50% fixed;
+  background-size: cover
+}
+
+.landing > section {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  //padding: 0 16px
+}
+
+.intro {
+  display: flex;
+  justify-content: space-between;
+  align-items: stretch;
+  /* flex-flow: row nowrap; */
+
+  padding: 1.25rem 0 1.25rem 0;
+  margin: .125rem;
+
+  * {
+    width: 100%;
+    flex: 1;
+    margin-left: auto;
+    margin-right: auto;
+  }
+
+  &__associazione {
+    min-width: 350px;
+  }
+
+  &__comeassociarsi {
+    min-width: 350px;
+  }
+}
+
+.subtitle {
+  font-weight: 600;
+  text-align: center;
+  letter-spacing: 0.125rem;
+  text-transform: uppercase;
+  font-size: 1rem;
+}
+
+.landing > section.padding {
+  padding: 5.62rem 1rem;
+}
+
+.landing > section.padding_testo {
+  padding-top: 1.25rem;
+  padding-bottom: 1rem;
+}
+
+.landing > section.padding_gallery {
+  padding-top: 3.125rem;
+  padding-bottom: 5.625rem;
+}
+
+.landing > section > div {
+  position: relative;
+  width: 100%
+}
+
+.maxwidth1200 {
+  max-width: 1200px;
+}
+
+.landing__toolbar {
+  background: -webkit-gradient(linear, left top, left bottom, from(#000), to(transparent));
+  background: linear-gradient(180deg, #000, transparent);
+  padding: 0 !important
+}
+
+.landing__toolbar .q-btn {
+  border-radius: 0 0 .315rem .315rem;
+  -ms-flex-item-align: stretch;
+  align-self: stretch
+}
+
+.landing__hero {
+  min-height: 50vh
+}
+
+.landing__header {
+  height: 18vh
+}
+
+.landing__arrow {
+  bottom: 1.5rem;
+  opacity: .4
+}
+
+.landing__front {
+  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(15%, rgba(0, 0, 0, .6)));
+  background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .6) 15%)
+}
+
+.landing__logo {
+  width: 9.40rem;
+  height: 9.40rem;
+  margin-top: 1.315rem;
+  //-webkit-animation: logo-rotate 240s linear infinite;
+  //animation: logo-rotate 240s linear infinite
+}
+
+.landing__features .q-icon {
+  font-size: 4rem
+}
+
+h4 {
+  line-height: 1.5;
+  text-shadow: .25rem .25rem .5rem $grayshadow;
+}
+
+.landing__features h4, .landing__features h6 {
+  margin: 1rem 0
+}
+
+.landing__features p {
+  opacity: .7;
+  font-size: 1rem;
+  line-height: 1.5;
+}
+
+.landing__footer {
+  //background: -webkit-gradient(linear, left top, left bottom, color-stop(65%, rgba(0, 0, 0, .1)), to(#000));
+  background: linear-gradient(180deg, rgba(0, 0, 0, .8) 95%, #FFF);
+  padding-top: 4.5rem !important;
+  padding-bottom: 4.5rem !important;
+  padding-left: 1.25rem;
+  padding-right: 1.25rem;
+  color: #9f9f9f;
+}
+
+.icon_contact:hover {
+  color: blue;
+  border-color: white;
+  border-width: .0625rem;
+}
+
+.landing__footer .doc-link {
+  color: $textcol;
+}
+
+.landing__footer .doc-link:hover {
+  opacity: .8
+}
+
+.landing__swirl-bg {
+  background-repeat: no-repeat !important;
+  background-position: top;
+  background-size: contain !important;
+  background-image: url(../../../public/images/landing_first_section.png) !important
+}
+
+.feat-descr {
+  font-size: 1.15rem;
+}
+
+.feat-descr:hover {
+  transition: opacity 0.5s ease-in-out;
+  opacity: 0.9;
+}
+
+.q-col-gutter-sm {
+  padding: 3.125rem 3.125rem;
+  //margin-left: -48px
+}
+
+body.mobile .landing {
+  //background: unset
+}
+
+body.mobile .landing:before {
+  content: "";
+  position: fixed;
+  top: 0;
+  height: 100vh;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: -1;
+  //background: #000 url(../../public/images/cover.jpg) 50%;
+
+  background-size: cover
+}
+
+/*
+@-webkit-keyframes logo-rotate {
+  to {
+    -webkit-transform: rotate(-1turn);
+    transform: rotate(-1turn)
+  }
+}
+
+@keyframes logo-rotate {
+  to {
+    -webkit-transform: rotate(-1turn);
+    transform: rotate(-1turn)
+  }
+}
+*/
+
+.home {
+  //background-color: rgb(250, 250, 250);
+  padding: 3.125rem;
+  display: flex;
+  //flex-wrap: nowrap;
+  flex-direction: column;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.btn-start {
+  margin: 3.125rem;
+}
+
+.shadow {
+  //color: white;
+  text-shadow: 0.125rem 0.125rem 0.25rem $grayshadow;
+}
+
+.text-h1, h1 {
+  font-size: 3rem;
+  font-weight: bold;
+  line-height: 3rem;
+  letter-spacing: -.01562em;
+  margin-bottom: 8px !important;
+}
+
+.text-h2 {
+  font-size: 3.75rem;
+  font-weight: 300;
+  line-height: 3.75rem;
+  letter-spacing: -.00833em;
+}
+
+.text-weight-bold {
+  font-weight: 700;
+}
+
+.text-vers {
+  font-size: 0.75rem;
+  font-weight: 400;
+  line-height: 1.75rem;
+  letter-spacing: .00937em;
+  text-shadow: .25rem .25rem .5rem $grayshadow;
+}
+
+.homep-cover-img-1 {
+  background: #000 url(../../../public/images/foto1.jpg) no-repeat 50% fixed;
+  //transition: background-image 1s ease-in-out;
+}
+
+.homep-cover-img-2 {
+  background: #000 url(../../../public/images/foto2.jpg) no-repeat 50% fixed;
+  //transition: background-image 1s ease-in-out;
+}
+
+.homep-cover-img-3 {
+  background: #000 url(../../../public/images/foto3.jpg) no-repeat 50% fixed;
+  //transition: background-image 1s ease-in-out;
+}
+
+.homep-cover-img.hide-filter:before {
+  opacity: 0
+}
+
+.landing__footer-icons {
+  font-size: 1.75rem
+}
+
+.landing__footer-icons a {
+  margin: 0 .5rem .5rem;
+  text-decoration: none;
+  outline: 0;
+  color: $textcol;
+  transition: color .28s
+}
+
+.landing__footer-icons a:hover {
+  color: $textcol_scuro;
+}
+
+.doc-img {
+  max-width: 100%;
+}
+
+.mylist {
+  background: #3fdaff;
+  padding-left: 1.25rem;
+}
+
+.clgutter {
+  margin-top: 1.25rem;
+  padding: .62rem;
+}
+
+.carousel_img_3 {
+  //background-image: url(../../public/images/cibo_sano.jpg);
+  background-size: cover !important;
+  background-position: 50% center !important;
+  background-repeat: no-repeat !important;
+}
+
+@media (max-width: 718px) {
+  // PER VERSIONE MOBILE
+
+  .landing__hero {
+    text-align: center
+  }
+  .landing__header {
+    height: 7vh
+  }
+  .clgutter {
+    margin-top: 0;
+    padding: 0;
+  }
+  .landing__hero .text-h1, h1 {
+    font-size: 2rem;
+    line-height: 2.05rem;
+    margin-bottom: 1.25rem
+  }
+
+  .landing > section.padding {
+    padding: 2.5rem 1rem;
+  }
+
+  .landing > section.padding_testo {
+    padding-top: 1.25rem;
+    padding-bottom: 1rem;
+  }
+
+  .landing > section.padding_gallery {
+    padding-top: 3.125rem;
+    padding-bottom: 5.625rem;
+
+    max-width: 800px;
+  }
+
+  .landing > section.padding_gallery > div {
+    padding-top: 3.125rem;
+    padding-bottom: 5.625rem;
+
+  }
+
+  .landing__features h4, .landing__features h6 {
+    margin: 1.25rem 0
+  }
+
+  h4 {
+    line-height: 1.4;
+    text-shadow: 0.25rem 0.25rem 0.5rem $grayshadow;
+  }
+
+  .landing .feature-item {
+    text-align: center;
+    margin-top: 1.25rem;
+  }
+  .landing__hero-content {
+    padding-bottom: 11.25rem;
+  }
+  .landing__hero2-content {
+    padding-bottom: 7.25rem;
+  }
+  .landing__hero-btns {
+    -webkit-box-pack: center;
+    -ms-flex-pack: center;
+    justify-content: center
+  }
+
+  .q-col-gutter-sm {
+    padding: .625rem .315rem;
+  }
+
+  .text-subtitle1 {
+    font-size: 1.25rem;
+  }
+  .text-vers {
+    font-size: 0.6rem;
+  }
+
+  .carousel_img_3 {
+    //background-image: url(../../public/images/cibo_sano.jpg);
+    background-size: 620px 620px !important;
+    background-position: 50% top !important;
+    background-repeat: no-repeat !important;
+  }
+
+}
+
+.custom-caption {
+  text-align: center;
+  padding: .75rem;
+  color: $textcol;
+  background-color: rgba(0, 0, 0, .3);
+}
+
+.sfondo-grigio {
+  padding: 1rem;
+  color: $textcol;
+  background-color: rgba(0, 0, 0, .35);
+}
+
+.mycontacts {
+  color: gray;
+  letter-spacing: 0.078rem;
+}
+
+.mycontacts_title {
+  text-shadow: 0.125rem 0.125rem 0.125rem #555;
+  font-weight: bold;
+  color: #999;
+  letter-spacing: 0.125rem;
+}
+
+.mycontacts_text {
+  color: #999;
+  letter-spacing: 0.093rem;
+}

_ALL_SITES/kolibrilab.it/root_spec/home_arcadei/home_arcadei.ts

@@ -0,0 +1,78 @@
+import { defineComponent, ref, onMounted, watch, computed } from 'vue'
+
+import { useGlobalStore } from '@store/globalStore'
+import { useRoute } from 'vue-router'
+import { useUserStore } from '@store/UserStore'
+
+import { Logo } from '../../components/logo'
+
+import { LandingFooter } from '../../components/LandingFooter'
+import { CMyPage } from '../../components/CMyPage/index'
+
+import { tools } from '@src/store/Modules/tools'
+import { static_data } from '@src/db/static_data'
+import { toolsext } from '@src/store/Modules/toolsext'
+import { Screen } from 'quasar'
+import { CCardCarousel, CEventsCalendar, COpenStreetMap } from '@components'
+import MixinBase from '@src/mixins/mixin-base'
+import { firstimagehome } from '@src/db/static_data'
+import MixinMetaTags from '@/mixins/mixin-metatags'
+
+export default defineComponent({
+  name: 'home_arcadei',
+  components: { Logo, LandingFooter, CMyPage, CCardCarousel, CEventsCalendar, COpenStreetMap },
+
+  setup() {
+    const animare = ref(0)
+    const slide = ref('first')
+    const slide2 = ref(1)
+
+    const getImmagini = ref([
+      {
+        title: '', subtitle: '',
+        alt: 'Arcadei',
+        img: 'images/arcadei/img1.png'
+      },
+    ])
+
+    const userStore = useUserStore()
+    const globalStore = useGlobalStore()
+
+    const { setValDb, getValDb } = MixinBase()
+    const { setmeta, getsrcbyimg } = MixinMetaTags()
+
+    function getheightgallery() {
+      if (tools.isMobile())
+        return '400px'
+      else
+        return '600px'
+    }
+
+    function created() {
+      //
+    }
+
+    function getArrDisciplines() {
+      return globalStore.disciplines.filter((rec: any) => rec.showinhome)
+    }
+
+    created()
+
+    return {
+      tools,
+      toolsext,
+      static_data,
+      animare,
+      slide,
+      slide2,
+      getheightgallery,
+      getArrDisciplines,
+      getImmagini,
+      getValDb,
+      firstimagehome,
+      getsrcbyimg,
+      setmeta,
+    }
+  },
+})
+

_ALL_SITES/kolibrilab.it/root_spec/home_arcadei/home_arcadei.vue

@@ -0,0 +1,221 @@
+<template>
+    <q-page>
+        <CMyPage title="Home">
+            <div class="landing">
+                <section>
+                    <div class="landing__hero maxwidth1200 text-white">
+                        <q-carousel
+                                animated
+                                :autoplay="animare"
+                                swipeable
+                                infinite
+                                navigation
+                                transition-next="slide-left"
+                                transition-prev="slide-right"
+                                v-model="slide"
+                                :height="getheightgallery()"
+                                width="100%"
+                        >
+                            <q-carousel-slide name="first"
+                                              :img-src="getsrcbyimg(firstimagehome())">
+                                <div class="landing__header"></div>
+                                <div class="landing__hero-content row justify-center q-gutter-xs clgutter">
+                                    <div class="row">
+                                        &nbsp;
+                                    </div>
+                                    <div class="flex justify-end">
+                                        <div class="q-gutter-xs testo-banda clgutter">
+                                            <h1 class="text-h1 shadow-max">{{tools.getappname()}}</h1>
+                                            <div class="text-subtitle1 shadow text-italic q-pl-sm">
+                                                &nbsp;
+                                            </div>
+                                            <div class="text-subtitle1 shadow-max big text-italic q-pl-sm">
+
+                                            </div>
+                                            <div class="text-subtitle2 shadow text-italic q-pl-sm">
+
+                                            </div>
+
+                                            <div>
+                                                <br>
+                                                <br>
+                                                <div v-if="!tools.isLogged()" style="margin: 5px; padding: 5px;" class="home">
+                                                    <br>
+                                                    <br>
+                                                </div>
+                                            </div>
+
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="landing__arrow absolute-bottom text-center">
+                                    <i aria-hidden="true"
+                                       class="q-icon text-h2 text-white material-icons">expand_more</i>
+                                </div>
+                            </q-carousel-slide>
+                            <q-carousel-slide name="second"
+                                              :img-src="getsrcbyimg('images/background2.jpg')" alt="">
+                                <div class="landing__header"></div>
+                                <div class="landing__hero2-content row justify-center q-gutter-xs clgutter">
+                                    <div class="row">
+                                        <logo></logo>
+                                    </div>
+                                    <div class="flex justify-end">
+                                        <div class="q-gutter-xs testo-banda clgutter">
+                                            <h1 class="text-h1 shadow-max">{{tools.getappname()}}</h1>
+                                            <h2 class="text-subtitle1 shadow text-italic q-pl-sm">
+                                                {{$t('msg.sottoTitoloApp')}}
+                                            </h2>
+                                            <h2 class="text-subtitle1 shadow-max big text-italic q-pl-sm">
+                                                <strong>{{$t('msg.sottoTitoloApp2')}}</strong>
+                                            </h2>
+                                            <h2 class="text-subtitle2 shadow text-italic q-pl-sm">
+                                                {{$t('msg.sottoTitoloApp3')}}
+                                            </h2>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="landing__arrow absolute-bottom text-center">
+                                    <i aria-hidden="true"
+                                       class="q-icon text-h2 text-white material-icons">expand_more</i>
+                                </div>
+                            </q-carousel-slide>
+                            <q-carousel-slide name="third"
+                                              :img-src="getsrcbyimg('images/background3.jpg')">
+                                <div class="landing__header"></div>
+                                <div class="landing__hero2-content row justify-center q-gutter-xs clgutter">
+                                    <div class="row">
+                                        <logo></logo>
+                                    </div>
+                                    <div class="flex justify-end">
+                                        <div class="q-gutter-xs testo-banda clgutter">
+                                            <div class="text-h1 shadow-max">{{tools.getappname()}}</div>
+                                            <div class="text-subtitle1 shadow text-italic q-pl-sm">
+                                                {{$t('msg.sottoTitoloApp')}}
+                                            </div>
+                                            <div class="text-subtitle1 shadow-max big text-italic q-pl-sm"><strong>{{$t('msg.sottoTitoloApp2')}}</strong>
+                                            </div>
+                                            <div class="text-subtitle2 shadow text-italic q-pl-sm">
+                                                {{$t('msg.sottoTitoloApp3')}}
+                                            </div>
+
+                                            <div class="text-subtitle3 shadow text-italic q-pl-sm ">
+                                                {{$t('msg.sottoTitoloApp4')}}
+                                            </div>
+
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="landing__arrow absolute-bottom text-center">
+                                    <!--<i aria-hidden="true"-->
+                                    <!--class="q-icon text-h2 text-white material-icons">expand_more</i>-->
+                                </div>
+                            </q-carousel-slide>
+                        </q-carousel>
+
+                    </div>
+                </section>
+
+                <div class="q-pa-md q-gutter-md">
+                    <div v-if="isLogged && !isVerified" class="text-verified">{{
+                        $t('components.authentication.email_verification.link_sent') }}
+                    </div>
+
+                </div>
+
+
+                <CCardCarousel :myarr="getArrDisciplines()">
+
+                </CCardCarousel>
+
+                <CEventsCalendar :mysingleevent="null" :showfirstN="getValDb('SHOW_LAST_EVENTS', false, 3)">
+
+                </CEventsCalendar>
+
+
+                <div v-if="getValDb('VIDEO_HOME', false)" class="row justify-evenly items-center q-gutter-md ">
+
+                    <div class="text-center">
+                        <h4 class="subtitle text-blue" v-html="getValDb('VIDEO_TITLE', false)"></h4>
+                        <div class="">
+                            <video :width="tools.getwidthscale(mythis, 320, 800)"
+                                   :height="tools.getheightbywidth(mythis, 320, 180, 800)" controls>
+                                <source :src="getValDb('VIDEO_HOME', false)" type="video/mp4">
+                            </video>
+                        </div>
+                        <!--<q-video src="../../statics/video/Intervista_Cristina_Barattoni.mp4">-->
+
+                        <!--</q-video>-->
+                    </div>
+
+                </div>
+
+                <div v-if="getValDb('YT_VIDEO', false)" class="row justify-evenly items-center q-gutter-md ">
+
+                    <div class="text-center">
+                        <h4 class="subtitle text-blue" v-html="getValDb('YT_TITLE', false)"></h4>
+                        <div class="">
+
+                            <div class="">
+                                <iframe
+                                        :width="tools.getwidthscale(mythis, getValDb('YT_W', false), 800)"
+                                        :height="tools.getheightbywidth(mythis, getValDb('YT_W', false), getValDb('YT_H', false), 800)"
+                                        :src="getValDb('YT_VIDEO', false)"
+                                        frameborder="0"
+                                        allowfullscreen
+                                ></iframe>
+                            </div>
+                        </div>
+                        <!--<q-video src="../../statics/video/Intervista_Cristina_Barattoni.mp4">-->
+
+                        <!--</q-video>-->
+                    </div>
+
+                </div>
+
+
+                <section class="maxwidth padding_gallery bg-white text-grey-10 text-center" >
+
+                    <q-carousel
+                            swipeable
+                            animated
+                            :autoplay="8000"
+                            v-model="slide2"
+                            arrows
+                            thumbnails
+                            infinite
+                            height="600">
+                        <q-carousel-slide v-for="(rec, index) in getImmagini" :key="index" :name="index"
+                                          :img-src="rec.img"
+                                          :alt="rec.alt"
+                                          class="carousel_slide">
+                            <div class="absolute-bottom custom-caption" style="margin-bottom: 70px">
+                                <div class="text-h5"><span
+                                        class="text-h6 text-grey-1 shadow-max">{{index + 1}}. </span><span
+                                        class="text-h6 text-grey-2 shadow">{{rec.title}}</span></div>
+                                <div class="text-subtitle1"><span class="text-grey-4 shadow">{{rec.subtitle}}</span>
+                                </div>
+                            </div>
+                        </q-carousel-slide>
+                    </q-carousel>
+                </section>
+                <div v-if="!tools.isMobile()" style="margin: 60px 60px;"></div>
+
+                <COpenStreetMap :imgmap="getValDb('IMGMAP', false)" :urlmap="getValDb('URLMAP', false)" :title="getValDb('MAP_TITLE', false)"
+                                :coordinates="getValDb('COORD_MAP_1', false)" :coord_big="getValDb('COORD_MAP_BIG', false)">
+
+                </COpenStreetMap>
+
+
+                <div class="q-ma-md"></div>
+            </div>
+        </CMyPage>
+    </q-page>
+</template>
+
+<script lang="ts" src="./home_arcadei.ts">
+</script>
+
+<style lang="scss" scoped>
+    @import './home_arcadei.scss';
+</style>

_ALL_SITES/kolibrilab.it/root_spec/home_kolibrilab/home_kolibrilab.scss

@@ -0,0 +1,452 @@
+
+.testo-banda {
+  //background: -webkit-gradient(linear, left top, left bottom, from(#3144f0), to(transparent));
+  //background: linear-gradient(180deg, #3144f0, transparent);
+  //background: rgba(0, 0, 0, .6)
+}
+
+$grayshadow: #555;
+
+$textcol: blue;
+$textcol_scuro: darkblue;
+
+p {
+  margin: 0 0 1.25rem;
+  //text-shadow: .125rem .125rem .25rem $grayshadow;
+}
+
+h4 {
+  font-size: 1.25rem;
+}
+
+.mycard {
+  visibility: hidden;
+}
+
+.landing {
+}
+
+.landing_background {
+  background: #000 url(../../../public/images/foto1.jpg) no-repeat 50% fixed;
+  background-size: cover
+}
+
+.landing > section {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  //padding: 0 16px
+}
+
+.intro {
+  display: flex;
+  justify-content: space-between;
+  align-items: stretch;
+  /* flex-flow: row nowrap; */
+
+  padding: 1.25rem 0 1.25rem 0;
+  margin: .125rem;
+
+  * {
+    width: 100%;
+    flex: 1;
+    margin-left: auto;
+    margin-right: auto;
+  }
+
+  &__associazione {
+    min-width: 350px;
+  }
+
+  &__comeassociarsi {
+    min-width: 350px;
+  }
+}
+
+.subtitle {
+  font-weight: 600;
+  text-align: center;
+  letter-spacing: 0.125rem;
+  text-transform: uppercase;
+  font-size: 1rem;
+}
+
+.landing > section.padding {
+  padding: 5.62rem 1rem;
+}
+
+.landing > section.padding_testo {
+  padding-top: 1.25rem;
+  padding-bottom: 1rem;
+}
+
+.landing > section.padding_gallery {
+  padding-top: 3.125rem;
+  padding-bottom: 5.625rem;
+}
+
+.landing > section > div {
+  position: relative;
+  width: 100%
+}
+
+.maxwidth1200 {
+  max-width: 1200px;
+}
+
+.landing__toolbar {
+  background: -webkit-gradient(linear, left top, left bottom, from(#000), to(transparent));
+  background: linear-gradient(180deg, #000, transparent);
+  padding: 0 !important
+}
+
+.landing__toolbar .q-btn {
+  border-radius: 0 0 .315rem .315rem;
+  -ms-flex-item-align: stretch;
+  align-self: stretch
+}
+
+.landing__hero {
+  min-height: 50vh
+}
+
+.landing__header {
+  height: 18vh
+}
+
+.landing__arrow {
+  bottom: 1.5rem;
+  opacity: .4
+}
+
+.landing__front {
+  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(15%, rgba(0, 0, 0, .6)));
+  background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .6) 15%)
+}
+
+.landing__logo {
+  width: 9.40rem;
+  height: 9.40rem;
+  margin-top: 1.315rem;
+  //-webkit-animation: logo-rotate 240s linear infinite;
+  //animation: logo-rotate 240s linear infinite
+}
+
+.landing__features .q-icon {
+  font-size: 4rem
+}
+
+h4 {
+  line-height: 1.5;
+  text-shadow: .25rem .25rem .5rem $grayshadow;
+}
+
+.landing__features h4, .landing__features h6 {
+  margin: 1rem 0
+}
+
+.landing__features p {
+  opacity: .7;
+  font-size: 1rem;
+  line-height: 1.5;
+}
+
+.landing__footer {
+  //background: -webkit-gradient(linear, left top, left bottom, color-stop(65%, rgba(0, 0, 0, .1)), to(#000));
+  background: linear-gradient(180deg, rgba(0, 0, 0, .8) 95%, #FFF);
+  padding-top: 4.5rem !important;
+  padding-bottom: 4.5rem !important;
+  padding-left: 1.25rem;
+  padding-right: 1.25rem;
+  color: #9f9f9f;
+}
+
+.icon_contact:hover {
+  color: blue;
+  border-color: white;
+  border-width: .0625rem;
+}
+
+.landing__footer .doc-link {
+  color: $textcol;
+}
+
+.landing__footer .doc-link:hover {
+  opacity: .8
+}
+
+.landing__swirl-bg {
+  background-repeat: no-repeat !important;
+  background-position: top;
+  background-size: contain !important;
+  background-image: url(../../../public/images/landing_first_section.png) !important
+}
+
+.feat-descr {
+  font-size: 1.15rem;
+}
+
+.feat-descr:hover {
+  transition: opacity 0.5s ease-in-out;
+  opacity: 0.9;
+}
+
+.q-col-gutter-sm {
+  padding: 3.125rem 3.125rem;
+  //margin-left: -48px
+}
+
+body.mobile .landing {
+  //background: unset
+}
+
+body.mobile .landing:before {
+  content: "";
+  position: fixed;
+  top: 0;
+  height: 100vh;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: -1;
+  //background: #000 url(../../public/images/cover.jpg) 50%;
+
+  background-size: cover
+}
+
+/*
+@-webkit-keyframes logo-rotate {
+  to {
+    -webkit-transform: rotate(-1turn);
+    transform: rotate(-1turn)
+  }
+}
+
+@keyframes logo-rotate {
+  to {
+    -webkit-transform: rotate(-1turn);
+    transform: rotate(-1turn)
+  }
+}
+*/
+
+.home {
+  //background-color: rgb(250, 250, 250);
+  padding: 3.125rem;
+  display: flex;
+  //flex-wrap: nowrap;
+  flex-direction: column;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.btn-start {
+  margin: 3.125rem;
+}
+
+.shadow {
+  //color: white;
+  text-shadow: 0.125rem 0.125rem 0.25rem $grayshadow;
+}
+
+.text-h1, h1 {
+  font-size: 3rem;
+  font-weight: bold;
+  line-height: 3rem;
+  letter-spacing: -.01562em;
+  margin-bottom: 8px !important;
+}
+
+.text-h2 {
+  font-size: 3.75rem;
+  font-weight: 300;
+  line-height: 3.75rem;
+  letter-spacing: -.00833em;
+}
+
+.text-weight-bold {
+  font-weight: 700;
+}
+
+.text-vers {
+  font-size: 0.75rem;
+  font-weight: 400;
+  line-height: 1.75rem;
+  letter-spacing: .00937em;
+  text-shadow: .25rem .25rem .5rem $grayshadow;
+}
+
+.homep-cover-img-1 {
+  background: #000 url(../../../public/images/foto1.jpg) no-repeat 50% fixed;
+  //transition: background-image 1s ease-in-out;
+}
+
+.homep-cover-img-2 {
+  background: #000 url(../../../public/images/foto2.jpg) no-repeat 50% fixed;
+  //transition: background-image 1s ease-in-out;
+}
+
+.homep-cover-img-3 {
+  background: #000 url(../../../public/images/foto3.jpg) no-repeat 50% fixed;
+  //transition: background-image 1s ease-in-out;
+}
+
+.homep-cover-img.hide-filter:before {
+  opacity: 0
+}
+
+.landing__footer-icons {
+  font-size: 1.75rem
+}
+
+.landing__footer-icons a {
+  margin: 0 .5rem .5rem;
+  text-decoration: none;
+  outline: 0;
+  color: $textcol;
+  transition: color .28s
+}
+
+.landing__footer-icons a:hover {
+  color: $textcol_scuro;
+}
+
+.doc-img {
+  max-width: 100%;
+}
+
+.mylist {
+  background: #3fdaff;
+  padding-left: 1.25rem;
+}
+
+.clgutter {
+  margin-top: 1.25rem;
+  padding: .62rem;
+}
+
+.carousel_img_3 {
+  //background-image: url(../../public/images/cibo_sano.jpg);
+  background-size: cover !important;
+  background-position: 50% center !important;
+  background-repeat: no-repeat !important;
+}
+
+@media (max-width: 718px) {
+  // PER VERSIONE MOBILE
+
+  .landing__hero {
+    text-align: center
+  }
+  .landing__header {
+    height: 7vh
+  }
+  .clgutter {
+    margin-top: 0;
+    padding: 0;
+  }
+  .landing__hero .text-h1, h1 {
+    font-size: 2rem;
+    line-height: 2.05rem;
+    margin-bottom: 1.25rem
+  }
+
+  .landing > section.padding {
+    padding: 2.5rem 1rem;
+  }
+
+  .landing > section.padding_testo {
+    padding-top: 1.25rem;
+    padding-bottom: 1rem;
+  }
+
+  .landing > section.padding_gallery {
+    padding-top: 3.125rem;
+    padding-bottom: 5.625rem;
+
+    max-width: 800px;
+  }
+
+  .landing > section.padding_gallery > div {
+    padding-top: 3.125rem;
+    padding-bottom: 5.625rem;
+
+  }
+
+  .landing__features h4, .landing__features h6 {
+    margin: 1.25rem 0
+  }
+
+  h4 {
+    line-height: 1.4;
+    text-shadow: 0.25rem 0.25rem 0.5rem $grayshadow;
+  }
+
+  .landing .feature-item {
+    text-align: center;
+    margin-top: 1.25rem;
+  }
+  .landing__hero-content {
+    padding-bottom: 11.25rem;
+  }
+  .landing__hero2-content {
+    padding-bottom: 7.25rem;
+  }
+  .landing__hero-btns {
+    -webkit-box-pack: center;
+    -ms-flex-pack: center;
+    justify-content: center
+  }
+
+  .q-col-gutter-sm {
+    padding: .625rem .315rem;
+  }
+
+  .text-subtitle1 {
+    font-size: 1.25rem;
+  }
+  .text-vers {
+    font-size: 0.6rem;
+  }
+
+  .carousel_img_3 {
+    //background-image: url(../../public/images/cibo_sano.jpg);
+    background-size: 620px 620px !important;
+    background-position: 50% top !important;
+    background-repeat: no-repeat !important;
+  }
+
+}
+
+.custom-caption {
+  text-align: center;
+  padding: .75rem;
+  color: $textcol;
+  background-color: rgba(0, 0, 0, .3);
+}
+
+.sfondo-grigio {
+  padding: 1rem;
+  color: $textcol;
+  background-color: rgba(0, 0, 0, .35);
+}
+
+.mycontacts {
+  color: gray;
+  letter-spacing: 0.078rem;
+}
+
+.mycontacts_title {
+  text-shadow: 0.125rem 0.125rem 0.125rem #555;
+  font-weight: bold;
+  color: #999;
+  letter-spacing: 0.125rem;
+}
+
+.mycontacts_text {
+  color: #999;
+  letter-spacing: 0.093rem;
+}

_ALL_SITES/kolibrilab.it/root_spec/home_kolibrilab/home_kolibrilab.ts

@@ -0,0 +1,54 @@
+import { defineComponent, ref, onMounted, watch, computed } from 'vue'
+
+import { useGlobalStore } from '@store/globalStore'
+import { useRoute } from 'vue-router'
+import { useUserStore } from '@store/UserStore'
+
+import { Logo } from '@/components/logo'
+
+import { LandingFooter } from '@/components/LandingFooter'
+import { CMyPage } from '@/components/CMyPage/index'
+
+import { tools } from '@src/store/Modules/tools'
+import { static_data } from '@src/db/static_data'
+import { toolsext } from '@src/store/Modules/toolsext'
+import { Screen } from 'quasar'
+import { CCardCarousel, CEventsCalendar, CMyElem, COpenStreetMap } from '@components'
+import MixinBase from '@src/mixins/mixin-base'
+import { firstimagehome } from '@src/db/static_data'
+import MixinMetaTags from '@/mixins/mixin-metatags'
+
+export default defineComponent({
+  name: 'home_kolibrilab',
+  components: { Logo, LandingFooter, CMyPage, CMyElem },
+
+  setup() {
+    const userStore = useUserStore()
+    const globalStore = useGlobalStore()
+
+    const { setValDb, getValDb } = MixinBase()
+
+    function getheightgallery() {
+      if (tools.isMobile())
+        return '400px'
+      else
+        return '600px'
+    }
+
+    function created() {
+      //
+    }
+
+    created()
+
+    return {
+      tools,
+      toolsext,
+      static_data,
+      getheightgallery,
+      getValDb,
+      globalStore,
+    }
+  },
+})
+

_ALL_SITES/kolibrilab.it/root_spec/home_kolibrilab/home_kolibrilab.vue

@@ -0,0 +1,18 @@
+<template>
+    <q-page>
+        <CMyPage title="Home">
+          <span v-for="(myelem, ind) in globalStore.getMyElems('home')" :key="ind">
+            <CMyElem v-if="myelem.active" :myelem="myelem" path="home">
+
+            </CMyElem>
+          </span>
+        </CMyPage>
+    </q-page>
+</template>
+
+<script lang="ts" src="./home_kolibrilab.ts">
+</script>
+
+<style lang="scss" scoped>
+    @import './home_kolibrilab.scss';
+</style>

_ALL_SITES/kolibrilab.it/root_spec/home_tdv/home_tdv.scss

@@ -0,0 +1,452 @@
+
+.testo-banda {
+  //background: -webkit-gradient(linear, left top, left bottom, from(#3144f0), to(transparent));
+  //background: linear-gradient(180deg, #3144f0, transparent);
+  //background: rgba(0, 0, 0, .6)
+}
+
+$grayshadow: #555;
+
+$textcol: blue;
+$textcol_scuro: darkblue;
+
+p {
+  margin: 0 0 1.25rem;
+  //text-shadow: .125rem .125rem .25rem $grayshadow;
+}
+
+h4 {
+  font-size: 1.25rem;
+}
+
+.mycard {
+  visibility: hidden;
+}
+
+.landing {
+}
+
+.landing_background {
+  background: #000 url(../../../public/images/foto1.jpg) no-repeat 50% fixed;
+  background-size: cover
+}
+
+.landing > section {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  //padding: 0 16px
+}
+
+.intro {
+  display: flex;
+  justify-content: space-between;
+  align-items: stretch;
+  /* flex-flow: row nowrap; */
+
+  padding: 1.25rem 0 1.25rem 0;
+  margin: .125rem;
+
+  * {
+    width: 100%;
+    flex: 1;
+    margin-left: auto;
+    margin-right: auto;
+  }
+
+  &__associazione {
+    min-width: 350px;
+  }
+
+  &__comeassociarsi {
+    min-width: 350px;
+  }
+}
+
+.subtitle {
+  font-weight: 600;
+  text-align: center;
+  letter-spacing: 0.125rem;
+  text-transform: uppercase;
+  font-size: 1rem;
+}
+
+.landing > section.padding {
+  padding: 5.62rem 1rem;
+}
+
+.landing > section.padding_testo {
+  padding-top: 1.25rem;
+  padding-bottom: 1rem;
+}
+
+.landing > section.padding_gallery {
+  padding-top: 3.125rem;
+  padding-bottom: 5.625rem;
+}
+
+.landing > section > div {
+  position: relative;
+  width: 100%
+}
+
+.maxwidth1200 {
+  max-width: 1200px;
+}
+
+.landing__toolbar {
+  background: -webkit-gradient(linear, left top, left bottom, from(#000), to(transparent));
+  background: linear-gradient(180deg, #000, transparent);
+  padding: 0 !important
+}
+
+.landing__toolbar .q-btn {
+  border-radius: 0 0 .315rem .315rem;
+  -ms-flex-item-align: stretch;
+  align-self: stretch
+}
+
+.landing__hero {
+  min-height: 50vh
+}
+
+.landing__header {
+  height: 18vh
+}
+
+.landing__arrow {
+  bottom: 1.5rem;
+  opacity: .4
+}
+
+.landing__front {
+  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(15%, rgba(0, 0, 0, .6)));
+  background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .6) 15%)
+}
+
+.landing__logo {
+  width: 9.40rem;
+  height: 9.40rem;
+  margin-top: 1.315rem;
+  //-webkit-animation: logo-rotate 240s linear infinite;
+  //animation: logo-rotate 240s linear infinite
+}
+
+.landing__features .q-icon {
+  font-size: 4rem
+}
+
+h4 {
+  line-height: 1.5;
+  text-shadow: .25rem .25rem .5rem $grayshadow;
+}
+
+.landing__features h4, .landing__features h6 {
+  margin: 1rem 0
+}
+
+.landing__features p {
+  opacity: .7;
+  font-size: 1rem;
+  line-height: 1.5;
+}
+
+.landing__footer {
+  //background: -webkit-gradient(linear, left top, left bottom, color-stop(65%, rgba(0, 0, 0, .1)), to(#000));
+  background: linear-gradient(180deg, rgba(0, 0, 0, .8) 95%, #FFF);
+  padding-top: 4.5rem !important;
+  padding-bottom: 4.5rem !important;
+  padding-left: 1.25rem;
+  padding-right: 1.25rem;
+  color: #9f9f9f;
+}
+
+.icon_contact:hover {
+  color: blue;
+  border-color: white;
+  border-width: .0625rem;
+}
+
+.landing__footer .doc-link {
+  color: $textcol;
+}
+
+.landing__footer .doc-link:hover {
+  opacity: .8
+}
+
+.landing__swirl-bg {
+  background-repeat: no-repeat !important;
+  background-position: top;
+  background-size: contain !important;
+  background-image: url(../../../public/images/landing_first_section.png) !important
+}
+
+.feat-descr {
+  font-size: 1.15rem;
+}
+
+.feat-descr:hover {
+  transition: opacity 0.5s ease-in-out;
+  opacity: 0.9;
+}
+
+.q-col-gutter-sm {
+  padding: 3.125rem 3.125rem;
+  //margin-left: -48px
+}
+
+body.mobile .landing {
+  //background: unset
+}
+
+body.mobile .landing:before {
+  content: "";
+  position: fixed;
+  top: 0;
+  height: 100vh;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: -1;
+  //background: #000 url(../../public/images/cover.jpg) 50%;
+
+  background-size: cover
+}
+
+/*
+@-webkit-keyframes logo-rotate {
+  to {
+    -webkit-transform: rotate(-1turn);
+    transform: rotate(-1turn)
+  }
+}
+
+@keyframes logo-rotate {
+  to {
+    -webkit-transform: rotate(-1turn);
+    transform: rotate(-1turn)
+  }
+}
+*/
+
+.home {
+  //background-color: rgb(250, 250, 250);
+  padding: 3.125rem;
+  display: flex;
+  //flex-wrap: nowrap;
+  flex-direction: column;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.btn-start {
+  margin: 3.125rem;
+}
+
+.shadow {
+  //color: white;
+  text-shadow: 0.125rem 0.125rem 0.25rem $grayshadow;
+}
+
+.text-h1, h1 {
+  font-size: 3rem;
+  font-weight: bold;
+  line-height: 3rem;
+  letter-spacing: -.01562em;
+  margin-bottom: 8px !important;
+}
+
+.text-h2 {
+  font-size: 3.75rem;
+  font-weight: 300;
+  line-height: 3.75rem;
+  letter-spacing: -.00833em;
+}
+
+.text-weight-bold {
+  font-weight: 700;
+}
+
+.text-vers {
+  font-size: 0.75rem;
+  font-weight: 400;
+  line-height: 1.75rem;
+  letter-spacing: .00937em;
+  text-shadow: .25rem .25rem .5rem $grayshadow;
+}
+
+.homep-cover-img-1 {
+  background: #000 url(../../../public/images/foto1.jpg) no-repeat 50% fixed;
+  //transition: background-image 1s ease-in-out;
+}
+
+.homep-cover-img-2 {
+  background: #000 url(../../../public/images/foto2.jpg) no-repeat 50% fixed;
+  //transition: background-image 1s ease-in-out;
+}
+
+.homep-cover-img-3 {
+  background: #000 url(../../../public/images/foto3.jpg) no-repeat 50% fixed;
+  //transition: background-image 1s ease-in-out;
+}
+
+.homep-cover-img.hide-filter:before {
+  opacity: 0
+}
+
+.landing__footer-icons {
+  font-size: 1.75rem
+}
+
+.landing__footer-icons a {
+  margin: 0 .5rem .5rem;
+  text-decoration: none;
+  outline: 0;
+  color: $textcol;
+  transition: color .28s
+}
+
+.landing__footer-icons a:hover {
+  color: $textcol_scuro;
+}
+
+.doc-img {
+  max-width: 100%;
+}
+
+.mylist {
+  background: #3fdaff;
+  padding-left: 1.25rem;
+}
+
+.clgutter {
+  margin-top: 1.25rem;
+  padding: .62rem;
+}
+
+.carousel_img_3 {
+  //background-image: url(../../public/images/cibo_sano.jpg);
+  background-size: cover !important;
+  background-position: 50% center !important;
+  background-repeat: no-repeat !important;
+}
+
+@media (max-width: 718px) {
+  // PER VERSIONE MOBILE
+
+  .landing__hero {
+    text-align: center
+  }
+  .landing__header {
+    height: 7vh
+  }
+  .clgutter {
+    margin-top: 0;
+    padding: 0;
+  }
+  .landing__hero .text-h1, h1 {
+    font-size: 2rem;
+    line-height: 2.05rem;
+    margin-bottom: 1.25rem
+  }
+
+  .landing > section.padding {
+    padding: 2.5rem 1rem;
+  }
+
+  .landing > section.padding_testo {
+    padding-top: 1.25rem;
+    padding-bottom: 1rem;
+  }
+
+  .landing > section.padding_gallery {
+    padding-top: 3.125rem;
+    padding-bottom: 5.625rem;
+
+    max-width: 800px;
+  }
+
+  .landing > section.padding_gallery > div {
+    padding-top: 3.125rem;
+    padding-bottom: 5.625rem;
+
+  }
+
+  .landing__features h4, .landing__features h6 {
+    margin: 1.25rem 0
+  }
+
+  h4 {
+    line-height: 1.4;
+    text-shadow: 0.25rem 0.25rem 0.5rem $grayshadow;
+  }
+
+  .landing .feature-item {
+    text-align: center;
+    margin-top: 1.25rem;
+  }
+  .landing__hero-content {
+    padding-bottom: 11.25rem;
+  }
+  .landing__hero2-content {
+    padding-bottom: 7.25rem;
+  }
+  .landing__hero-btns {
+    -webkit-box-pack: center;
+    -ms-flex-pack: center;
+    justify-content: center
+  }
+
+  .q-col-gutter-sm {
+    padding: .625rem .315rem;
+  }
+
+  .text-subtitle1 {
+    font-size: 1.25rem;
+  }
+  .text-vers {
+    font-size: 0.6rem;
+  }
+
+  .carousel_img_3 {
+    //background-image: url(../../public/images/cibo_sano.jpg);
+    background-size: 620px 620px !important;
+    background-position: 50% top !important;
+    background-repeat: no-repeat !important;
+  }
+
+}
+
+.custom-caption {
+  text-align: center;
+  padding: .75rem;
+  color: $textcol;
+  background-color: rgba(0, 0, 0, .3);
+}
+
+.sfondo-grigio {
+  padding: 1rem;
+  color: $textcol;
+  background-color: rgba(0, 0, 0, .35);
+}
+
+.mycontacts {
+  color: gray;
+  letter-spacing: 0.078rem;
+}
+
+.mycontacts_title {
+  text-shadow: 0.125rem 0.125rem 0.125rem #555;
+  font-weight: bold;
+  color: #999;
+  letter-spacing: 0.125rem;
+}
+
+.mycontacts_text {
+  color: #999;
+  letter-spacing: 0.093rem;
+}

_ALL_SITES/kolibrilab.it/root_spec/home_tdv/home_tdv.ts

@@ -0,0 +1,78 @@
+import { defineComponent, ref, onMounted, watch, computed } from 'vue'
+
+import { useGlobalStore } from '@store/globalStore'
+import { useRoute } from 'vue-router'
+import { useUserStore } from '@store/UserStore'
+
+import { Logo } from '../../components/logo'
+
+import { LandingFooter } from '../../components/LandingFooter'
+import { CMyPage } from '../../components/CMyPage/index'
+
+import { tools } from '@src/store/Modules/tools'
+import { static_data } from '@src/db/static_data'
+import { toolsext } from '@src/store/Modules/toolsext'
+import { Screen } from 'quasar'
+import { CCardCarousel, CEventsCalendar, COpenStreetMap } from '@components'
+import MixinBase from '@src/mixins/mixin-base'
+import { firstimagehome } from '@src/db/static_data'
+import MixinMetaTags from '@/mixins/mixin-metatags'
+
+export default defineComponent({
+  name: 'Home_tdv',
+  components: { Logo, LandingFooter, CMyPage, CCardCarousel, CEventsCalendar, COpenStreetMap },
+
+  setup() {
+    const animare = ref(0)
+    const slide = ref('first')
+    const slide2 = ref(1)
+
+    const getImmagini = ref([
+      {
+        title: '', subtitle: '',
+        alt: 'Elisa e Cristina insieme',
+        img: '../../statics/images/eventi_esterni/IMG_6035.jpg'
+      },
+    ])
+
+    const userStore = useUserStore()
+    const globalStore = useGlobalStore()
+
+    const { setValDb, getValDb } = MixinBase()
+    const { setmeta, getsrcbyimg } = MixinMetaTags()
+
+    function getheightgallery() {
+      if (tools.isMobile())
+        return '400px'
+      else
+        return '600px'
+    }
+
+    function created() {
+      //
+    }
+
+    function getArrDisciplines() {
+      return globalStore.disciplines.filter((rec: any) => rec.showinhome)
+    }
+
+    created()
+
+    return {
+      tools,
+      toolsext,
+      static_data,
+      animare,
+      slide,
+      slide2,
+      getheightgallery,
+      getArrDisciplines,
+      getImmagini,
+      getValDb,
+      firstimagehome,
+      getsrcbyimg,
+      setmeta,
+    }
+  },
+})
+

_ALL_SITES/kolibrilab.it/root_spec/home_tdv/home_tdv.vue

@@ -0,0 +1,220 @@
+<template>
+    <q-page>
+        <CMyPage title="Home">
+            <div class="landing">
+                <section>
+                    <div class="landing__hero maxwidth1200 text-white">
+                        <q-carousel
+                                animated
+                                :autoplay="animare"
+                                swipeable
+                                infinite
+                                navigation
+                                transition-next="slide-left"
+                                transition-prev="slide-right"
+                                v-model="slide"
+                                :height="getheightgallery()"
+                                width="100%"
+                        >
+                            <q-carousel-slide name="first"
+                                              :img-src="getsrcbyimg(firstimagehome())">
+                                <div class="landing__header"></div>
+                                <div class="landing__hero-content row justify-center q-gutter-xs clgutter">
+                                    <div class="row">
+                                        &nbsp;
+                                    </div>
+                                    <div class="flex justify-end">
+                                        <div class="q-gutter-xs testo-banda clgutter">
+                                            <h1 class="text-h1 shadow-max">{{tools.getappname()}}</h1>
+                                            <div class="text-subtitle1 shadow text-italic q-pl-sm">
+                                                &nbsp;
+                                            </div>
+                                            <div class="text-subtitle1 shadow-max big text-italic q-pl-sm">
+
+                                            </div>
+                                            <div class="text-subtitle2 shadow text-italic q-pl-sm">
+
+                                            </div>
+
+                                            <div>
+                                                <br>
+                                                <br>
+                                                <div v-if="!tools.isLogged()" style="margin: 5px; padding: 5px;" class="home">
+                                                    <br>
+                                                    <br>
+                                                </div>
+                                            </div>
+
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="landing__arrow absolute-bottom text-center">
+                                    <i aria-hidden="true"
+                                       class="q-icon text-h2 text-white material-icons">expand_more</i>
+                                </div>
+                            </q-carousel-slide>
+                            <q-carousel-slide name="second"
+                                              :img-src="getsrcbyimg('images/background2.jpg')" alt="">
+                                <div class="landing__header"></div>
+                                <div class="landing__hero2-content row justify-center q-gutter-xs clgutter">
+                                    <div class="row">
+                                        <logo></logo>
+                                    </div>
+                                    <div class="flex justify-end">
+                                        <div class="q-gutter-xs testo-banda clgutter">
+                                            <h1 class="text-h1 shadow-max">{{tools.getappname()}}</h1>
+                                            <h2 class="text-subtitle1 shadow text-italic q-pl-sm">
+                                                {{$t('msg.sottoTitoloApp')}}
+                                            </h2>
+                                            <h2 class="text-subtitle1 shadow-max big text-italic q-pl-sm">
+                                                <strong>{{$t('msg.sottoTitoloApp2')}}</strong>
+                                            </h2>
+                                            <h2 class="text-subtitle2 shadow text-italic q-pl-sm">
+                                                {{$t('msg.sottoTitoloApp3')}}
+                                            </h2>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="landing__arrow absolute-bottom text-center">
+                                    <i aria-hidden="true"
+                                       class="q-icon text-h2 text-white material-icons">expand_more</i>
+                                </div>
+                            </q-carousel-slide>
+                            <q-carousel-slide name="third"
+                                              :img-src="getsrcbyimg('images/background3.jpg')">
+                                <div class="landing__header"></div>
+                                <div class="landing__hero2-content row justify-center q-gutter-xs clgutter">
+                                    <div class="row">
+                                        <logo></logo>
+                                    </div>
+                                    <div class="flex justify-end">
+                                        <div class="q-gutter-xs testo-banda clgutter">
+                                            <div class="text-h1 shadow-max">{{tools.getappname()}}</div>
+                                            <div class="text-subtitle1 shadow text-italic q-pl-sm">
+                                                {{$t('msg.sottoTitoloApp')}}
+                                            </div>
+                                            <div class="text-subtitle1 shadow-max big text-italic q-pl-sm"><strong>{{$t('msg.sottoTitoloApp2')}}</strong>
+                                            </div>
+                                            <div class="text-subtitle2 shadow text-italic q-pl-sm">
+                                                {{$t('msg.sottoTitoloApp3')}}
+                                            </div>
+
+                                            <div class="text-subtitle3 shadow text-italic q-pl-sm ">
+                                                {{$t('msg.sottoTitoloApp4')}}
+                                            </div>
+
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="landing__arrow absolute-bottom text-center">
+                                    <!--<i aria-hidden="true"-->
+                                    <!--class="q-icon text-h2 text-white material-icons">expand_more</i>-->
+                                </div>
+                            </q-carousel-slide>
+                        </q-carousel>
+
+                    </div>
+                </section>
+
+                <div class="q-pa-md q-gutter-md">
+                    <div v-if="isLogged && !isVerified" class="text-verified">{{
+                        $t('components.authentication.email_verification.link_sent') }}
+                    </div>
+
+                </div>
+
+
+                <CCardCarousel :myarr="getArrDisciplines()">
+
+                </CCardCarousel>
+
+                <CEventsCalendar :mysingleevent="null" :showfirstN="getValDb('SHOW_LAST_EVENTS', false, 3)">
+
+                </CEventsCalendar>
+
+
+                <div v-if="getValDb('VIDEO_HOME', false)" class="row justify-evenly items-center q-gutter-md ">
+
+                    <div class="text-center">
+                        <h4 class="subtitle text-blue" v-html="getValDb('VIDEO_TITLE', false)"></h4>
+                        <div class="">
+                            <video :width="tools.getwidthscale(mythis, 320, 800)"
+                                   :height="tools.getheightbywidth(mythis, 320, 180, 800)" controls>
+                                <source :src="getValDb('VIDEO_HOME', false)" type="video/mp4">
+                            </video>
+                        </div>
+                        <!--<q-video src="../../statics/video/Intervista_Cristina_Barattoni.mp4">-->
+
+                        <!--</q-video>-->
+                    </div>
+
+                </div>
+
+                <div v-if="getValDb('YT_VIDEO', false)" class="row justify-evenly items-center q-gutter-md ">
+
+                    <div class="text-center">
+                        <h4 class="subtitle text-blue" v-html="getValDb('YT_TITLE', false)"></h4>
+                        <div class="">
+
+                            <div class="">
+                                <iframe
+                                        :width="tools.getwidthscale(mythis, getValDb('YT_W', false), 800)"
+                                        :height="tools.getheightbywidth(mythis, getValDb('YT_W', false), getValDb('YT_H', false), 800)"
+                                        :src="getValDb('YT_VIDEO', false)"
+                                        frameborder="0"
+                                        allowfullscreen
+                                ></iframe>
+                            </div>
+                        </div>
+                        <!--<q-video src="../../statics/video/Intervista_Cristina_Barattoni.mp4">-->
+
+                        <!--</q-video>-->
+                    </div>
+
+                </div>
+
+
+                <section class="maxwidth padding_gallery bg-white text-grey-10 text-center" >
+
+                    <q-carousel
+                            swipeable
+                            animated
+                            :autoplay="8000"
+                            v-model="slide2"
+                            arrows
+                            thumbnails
+                            infinite
+                            :height="tools.heightgallery()">
+                        <q-carousel-slide v-for="(rec, index) in getImmagini" :key="index" :name="index"
+                                          :img-src="rec.img"
+                                          :alt="rec.alt"
+                                          class="carousel_slide">
+                            <div class="absolute-bottom custom-caption" style="margin-bottom: 70px">
+                                <div class="text-h5"><span
+                                        class="text-h6 text-grey-1 shadow-max">{{index + 1}}. </span><span
+                                        class="text-h6 text-grey-2 shadow">{{rec.title}}</span></div>
+                                <div class="text-subtitle1"><span class="text-grey-4 shadow">{{rec.subtitle}}</span>
+                                </div>
+                            </div>
+                        </q-carousel-slide>
+                    </q-carousel>
+                </section>
+                <div v-if="!tools.isMobile()" style="margin: 60px 60px;"></div>
+
+                <COpenStreetMap :imgmap="getValDb('IMGMAP', false)" :urlmap="getValDb('URLMAP', false)" :title="getValDb('MAP_TITLE', false)"
+                                :coordinates="getValDb('COORD_MAP_1', false)" :coord_big="getValDb('COORD_MAP_BIG', false)">
+
+                </COpenStreetMap>
+
+                <div class="q-ma-md"></div>
+            </div>
+        </CMyPage>
+    </q-page>
+</template>
+
+<script lang="ts" src="./home_tdv.ts">
+</script>
+
+<style lang="scss" scoped>
+    @import './home_tdv.scss';
+</style>

_ALL_SITES/popolodelnuovomondo.app/.env.development

@@ -1,4 +1,4 @@
-APP_VERSION="0.5.26"
+APP_VERSION="0.5.27"
 SERVICE_WORKER_FILE="service-worker.js"
 APP_ID="12"
 DIRECTORY_LOCAL="newfreeplanet"

_ALL_SITES/riso.app/.env.development

@@ -1,4 +1,4 @@
-APP_VERSION="0.5.26"
+APP_VERSION="0.5.27"
 SERVICE_WORKER_FILE="service-worker.js"
 APP_ID="13"
 DIRECTORY_LOCAL="newfreeplanet"

_ALL_SITES/riso.app/.env.production

@@ -0,0 +1,27 @@
+APP_VERSION="0.5.27"
+SERVICE_WORKER_FILE="service-worker.js"
+APP_ID="13"
+DIRECTORY_LOCAL=newfreeplanet
+DIRECTORY_SERVER=freeplanet_serverside
+SERVERDIR_WEBSITE=riso.app
+SERVERPW_WEBSITE=pwdadmin@1AOK
+APP_URL="https://riso.app"
+URL_FACEBOOK=""
+PROVA_PAOLO=""
+LANG_DEFAULT="it"
+PAO_APP_ID="KKPPAA5KJK435J3KSS9F9D8S9F8SD98F9SDF"
+MASTER_KEY="KKPPSS5KJK435J3KSS9F9D8S9F8SD3CR3T"
+MONGODB_HOST="https://www.freeplanet.app:3000"
+LOGO_REG='riso-logo-full.png'
+TEST_NAME=""
+TEST_SURNAME=""
+TEST_EMAIL=""
+TEST_USERNAME=""
+TEST_PASSWORD=""
+TEST_APORTADOR="------"
+PUBLICKEY_PUSH="BNM-cEpTbPVc_ujXf3QOC8ggf7b-X44P44esfJUWqNOFq1XhWCoZJpOi71_cbXC5SnfO9HassQ6OouAYgtBA9Pw"
+DEBUG="1"
+TELEGRAM_SUPPORT=""
+PROJECT_ID_MAIN="5cc0a13fe5c9d156728f400a"
+TEST_CELL=""
+ISTEST=0

_ALL_SITES/riso.app/.env.test

@@ -0,0 +1,28 @@
+APP_VERSION="0.5.27"
+SERVICE_WORKER_FILE="service-worker.js"
+APP_ID="16"
+DIRECTORY_LOCAL=newfreeplanet
+DIRECTORY_SERVER=test.freeplanet_serverside
+SERVERDIR_WEBSITE="test.kolibrilab.it"
+SERVERPW_WEBSITE="pwdadmin@1AOK"
+APP_URL="https://test.kolibrilab.it"
+URL_FACEBOOK=""
+PROVA_PAOLO=""
+LANG_DEFAULT="it"
+PAO_APP_ID="KKPPAA5KJK435J3KSS9F9D8S9F8SD98F9SDF"
+MASTER_KEY="KKPPSS5KJK435J3KSS9F9D8S9F8SD3CR3T"
+MONGODB_HOST="https://test.freeplanet.app:3001"
+LOGO_REG='kolibrilab-logo-full.png'
+TEST_NAME=""
+TEST_SURNAME=""
+TEST_EMAIL=""
+TEST_USERNAME=""
+TEST_PASSWORD=""
+TEST_APORTADOR=""
+PUBLICKEY_PUSH="BGXRf1TgcqocqD6J7qnRgCG7AvM2lxAoW7peb7UEzB4SxBb6DxGRdJ0UvD9ewnrB9KrSrh0-aDCODXBm7sZ1DDs"
+IN_CONSTRUCTION="0"
+DEBUG="1"
+TELEGRAM_SUPPORT=""
+PROJECT_ID_MAIN="5cc0a13fe5c9d156728f400a"
+TEST_CELL=""
+ISTEST=1

_ALL_SITES/riso.app/db/lang/ws_de.js

@@ -15,6 +15,7 @@ const msg_website_de = {
     SignUp: 'Nuova Registrazione',
     SignUp_alreadylista: 'Registrazione per quelli che erano già nella lista di Notevole (del 2019) !',
     SignUp2: 'Registrazione',
+    SignUp4: 'Reg',
     SignIn: 'Login',
     status: 'Statistiche',
     nextzoom: 'Conferenze',

_ALL_SITES/riso.app/db/static_data.ts

@@ -345,6 +345,20 @@ const routes_manager: IListRoutes[] = [
     onlyManager: true,
     onlyEditor: true
   },
+  {
+    active: true,
+    order: 32,
+    path: '/admin/home',
+    materialIcon: 'fas fa-file-alt',
+    name: 'otherpages.admin.elems',
+    component: () => import('@/rootgen/admin/editElems/editElems.vue'),
+    inmenu: true,
+    submenu: true,
+    level_parent: 0,
+    level_child: 0.5,
+    onlyManager: true,
+    onlyEditor: true
+  },
   {
     active: true,
     order: 30,
@@ -781,6 +795,17 @@ const baseroutes: IListRoutes[] = [
     infooter: false,
     separator: false
   },
+  {
+    active: functionality.ENABLE_REGISTRATION && functionality.ENABLE_REG_NEED_TELEGRAM,
+    order: 1000,
+    path: '/signup/:invited/:usernameteleg/:idteleg',
+    materialIcon: 'how_to_reg',
+    name: 'pages.SignUp4',
+    component: () => import('@/views/login/signup/signup.vue'),
+    inmenu: false,
+    infooter: false,
+    separator: false
+  },
   {
     active: functionality.ENABLE_REG_BY_BOT,
     order: 1000,

_ALL_SITES/riso.app/root_spec/home_arcadei/home_arcadei.scss

@@ -0,0 +1,452 @@
+
+.testo-banda {
+  //background: -webkit-gradient(linear, left top, left bottom, from(#3144f0), to(transparent));
+  //background: linear-gradient(180deg, #3144f0, transparent);
+  //background: rgba(0, 0, 0, .6)
+}
+
+$grayshadow: #555;
+
+$textcol: blue;
+$textcol_scuro: darkblue;
+
+p {
+  margin: 0 0 1.25rem;
+  //text-shadow: .125rem .125rem .25rem $grayshadow;
+}
+
+h4 {
+  font-size: 1.25rem;
+}
+
+.mycard {
+  visibility: hidden;
+}
+
+.landing {
+}
+
+.landing_background {
+  background: #000 url(../../../public/images/foto1.jpg) no-repeat 50% fixed;
+  background-size: cover
+}
+
+.landing > section {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  //padding: 0 16px
+}
+
+.intro {
+  display: flex;
+  justify-content: space-between;
+  align-items: stretch;
+  /* flex-flow: row nowrap; */
+
+  padding: 1.25rem 0 1.25rem 0;
+  margin: .125rem;
+
+  * {
+    width: 100%;
+    flex: 1;
+    margin-left: auto;
+    margin-right: auto;
+  }
+
+  &__associazione {
+    min-width: 350px;
+  }
+
+  &__comeassociarsi {
+    min-width: 350px;
+  }
+}
+
+.subtitle {
+  font-weight: 600;
+  text-align: center;
+  letter-spacing: 0.125rem;
+  text-transform: uppercase;
+  font-size: 1rem;
+}
+
+.landing > section.padding {
+  padding: 5.62rem 1rem;
+}
+
+.landing > section.padding_testo {
+  padding-top: 1.25rem;
+  padding-bottom: 1rem;
+}
+
+.landing > section.padding_gallery {
+  padding-top: 3.125rem;
+  padding-bottom: 5.625rem;
+}
+
+.landing > section > div {
+  position: relative;
+  width: 100%
+}
+
+.maxwidth1200 {
+  max-width: 1200px;
+}
+
+.landing__toolbar {
+  background: -webkit-gradient(linear, left top, left bottom, from(#000), to(transparent));
+  background: linear-gradient(180deg, #000, transparent);
+  padding: 0 !important
+}
+
+.landing__toolbar .q-btn {
+  border-radius: 0 0 .315rem .315rem;
+  -ms-flex-item-align: stretch;
+  align-self: stretch
+}
+
+.landing__hero {
+  min-height: 50vh
+}
+
+.landing__header {
+  height: 18vh
+}
+
+.landing__arrow {
+  bottom: 1.5rem;
+  opacity: .4
+}
+
+.landing__front {
+  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(15%, rgba(0, 0, 0, .6)));
+  background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .6) 15%)
+}
+
+.landing__logo {
+  width: 9.40rem;
+  height: 9.40rem;
+  margin-top: 1.315rem;
+  //-webkit-animation: logo-rotate 240s linear infinite;
+  //animation: logo-rotate 240s linear infinite
+}
+
+.landing__features .q-icon {
+  font-size: 4rem
+}
+
+h4 {
+  line-height: 1.5;
+  text-shadow: .25rem .25rem .5rem $grayshadow;
+}
+
+.landing__features h4, .landing__features h6 {
+  margin: 1rem 0
+}
+
+.landing__features p {
+  opacity: .7;
+  font-size: 1rem;
+  line-height: 1.5;
+}
+
+.landing__footer {
+  //background: -webkit-gradient(linear, left top, left bottom, color-stop(65%, rgba(0, 0, 0, .1)), to(#000));
+  background: linear-gradient(180deg, rgba(0, 0, 0, .8) 95%, #FFF);
+  padding-top: 4.5rem !important;
+  padding-bottom: 4.5rem !important;
+  padding-left: 1.25rem;
+  padding-right: 1.25rem;
+  color: #9f9f9f;
+}
+
+.icon_contact:hover {
+  color: blue;
+  border-color: white;
+  border-width: .0625rem;
+}
+
+.landing__footer .doc-link {
+  color: $textcol;
+}
+
+.landing__footer .doc-link:hover {
+  opacity: .8
+}
+
+.landing__swirl-bg {
+  background-repeat: no-repeat !important;
+  background-position: top;
+  background-size: contain !important;
+  background-image: url(../../../public/images/landing_first_section.png) !important
+}
+
+.feat-descr {
+  font-size: 1.15rem;
+}
+
+.feat-descr:hover {
+  transition: opacity 0.5s ease-in-out;
+  opacity: 0.9;
+}
+
+.q-col-gutter-sm {
+  padding: 3.125rem 3.125rem;
+  //margin-left: -48px
+}
+
+body.mobile .landing {
+  //background: unset
+}
+
+body.mobile .landing:before {
+  content: "";
+  position: fixed;
+  top: 0;
+  height: 100vh;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: -1;
+  //background: #000 url(../../public/images/cover.jpg) 50%;
+
+  background-size: cover
+}
+
+/*
+@-webkit-keyframes logo-rotate {
+  to {
+    -webkit-transform: rotate(-1turn);
+    transform: rotate(-1turn)
+  }
+}
+
+@keyframes logo-rotate {
+  to {
+    -webkit-transform: rotate(-1turn);
+    transform: rotate(-1turn)
+  }
+}
+*/
+
+.home {
+  //background-color: rgb(250, 250, 250);
+  padding: 3.125rem;
+  display: flex;
+  //flex-wrap: nowrap;
+  flex-direction: column;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.btn-start {
+  margin: 3.125rem;
+}
+
+.shadow {
+  //color: white;
+  text-shadow: 0.125rem 0.125rem 0.25rem $grayshadow;
+}
+
+.text-h1, h1 {
+  font-size: 3rem;
+  font-weight: bold;
+  line-height: 3rem;
+  letter-spacing: -.01562em;
+  margin-bottom: 8px !important;
+}
+
+.text-h2 {
+  font-size: 3.75rem;
+  font-weight: 300;
+  line-height: 3.75rem;
+  letter-spacing: -.00833em;
+}
+
+.text-weight-bold {
+  font-weight: 700;
+}
+
+.text-vers {
+  font-size: 0.75rem;
+  font-weight: 400;
+  line-height: 1.75rem;
+  letter-spacing: .00937em;
+  text-shadow: .25rem .25rem .5rem $grayshadow;
+}
+
+.homep-cover-img-1 {
+  background: #000 url(../../../public/images/foto1.jpg) no-repeat 50% fixed;
+  //transition: background-image 1s ease-in-out;
+}
+
+.homep-cover-img-2 {
+  background: #000 url(../../../public/images/foto2.jpg) no-repeat 50% fixed;
+  //transition: background-image 1s ease-in-out;
+}
+
+.homep-cover-img-3 {
+  background: #000 url(../../../public/images/foto3.jpg) no-repeat 50% fixed;
+  //transition: background-image 1s ease-in-out;
+}
+
+.homep-cover-img.hide-filter:before {
+  opacity: 0
+}
+
+.landing__footer-icons {
+  font-size: 1.75rem
+}
+
+.landing__footer-icons a {
+  margin: 0 .5rem .5rem;
+  text-decoration: none;
+  outline: 0;
+  color: $textcol;
+  transition: color .28s
+}
+
+.landing__footer-icons a:hover {
+  color: $textcol_scuro;
+}
+
+.doc-img {
+  max-width: 100%;
+}
+
+.mylist {
+  background: #3fdaff;
+  padding-left: 1.25rem;
+}
+
+.clgutter {
+  margin-top: 1.25rem;
+  padding: .62rem;
+}
+
+.carousel_img_3 {
+  //background-image: url(../../public/images/cibo_sano.jpg);
+  background-size: cover !important;
+  background-position: 50% center !important;
+  background-repeat: no-repeat !important;
+}
+
+@media (max-width: 718px) {
+  // PER VERSIONE MOBILE
+
+  .landing__hero {
+    text-align: center
+  }
+  .landing__header {
+    height: 7vh
+  }
+  .clgutter {
+    margin-top: 0;
+    padding: 0;
+  }
+  .landing__hero .text-h1, h1 {
+    font-size: 2rem;
+    line-height: 2.05rem;
+    margin-bottom: 1.25rem
+  }
+
+  .landing > section.padding {
+    padding: 2.5rem 1rem;
+  }
+
+  .landing > section.padding_testo {
+    padding-top: 1.25rem;
+    padding-bottom: 1rem;
+  }
+
+  .landing > section.padding_gallery {
+    padding-top: 3.125rem;
+    padding-bottom: 5.625rem;
+
+    max-width: 800px;
+  }
+
+  .landing > section.padding_gallery > div {
+    padding-top: 3.125rem;
+    padding-bottom: 5.625rem;
+
+  }
+
+  .landing__features h4, .landing__features h6 {
+    margin: 1.25rem 0
+  }
+
+  h4 {
+    line-height: 1.4;
+    text-shadow: 0.25rem 0.25rem 0.5rem $grayshadow;
+  }
+
+  .landing .feature-item {
+    text-align: center;
+    margin-top: 1.25rem;
+  }
+  .landing__hero-content {
+    padding-bottom: 11.25rem;
+  }
+  .landing__hero2-content {
+    padding-bottom: 7.25rem;
+  }
+  .landing__hero-btns {
+    -webkit-box-pack: center;
+    -ms-flex-pack: center;
+    justify-content: center
+  }
+
+  .q-col-gutter-sm {
+    padding: .625rem .315rem;
+  }
+
+  .text-subtitle1 {
+    font-size: 1.25rem;
+  }
+  .text-vers {
+    font-size: 0.6rem;
+  }
+
+  .carousel_img_3 {
+    //background-image: url(../../public/images/cibo_sano.jpg);
+    background-size: 620px 620px !important;
+    background-position: 50% top !important;
+    background-repeat: no-repeat !important;
+  }
+
+}
+
+.custom-caption {
+  text-align: center;
+  padding: .75rem;
+  color: $textcol;
+  background-color: rgba(0, 0, 0, .3);
+}
+
+.sfondo-grigio {
+  padding: 1rem;
+  color: $textcol;
+  background-color: rgba(0, 0, 0, .35);
+}
+
+.mycontacts {
+  color: gray;
+  letter-spacing: 0.078rem;
+}
+
+.mycontacts_title {
+  text-shadow: 0.125rem 0.125rem 0.125rem #555;
+  font-weight: bold;
+  color: #999;
+  letter-spacing: 0.125rem;
+}
+
+.mycontacts_text {
+  color: #999;
+  letter-spacing: 0.093rem;
+}

_ALL_SITES/riso.app/root_spec/home_arcadei/home_arcadei.ts

@@ -0,0 +1,78 @@
+import { defineComponent, ref, onMounted, watch, computed } from 'vue'
+
+import { useGlobalStore } from '@store/globalStore'
+import { useRoute } from 'vue-router'
+import { useUserStore } from '@store/UserStore'
+
+import { Logo } from '../../components/logo'
+
+import { LandingFooter } from '../../components/LandingFooter'
+import { CMyPage } from '../../components/CMyPage/index'
+
+import { tools } from '@src/store/Modules/tools'
+import { static_data } from '@src/db/static_data'
+import { toolsext } from '@src/store/Modules/toolsext'
+import { Screen } from 'quasar'
+import { CCardCarousel, CEventsCalendar, COpenStreetMap } from '@components'
+import MixinBase from '@src/mixins/mixin-base'
+import { firstimagehome } from '@src/db/static_data'
+import MixinMetaTags from '@/mixins/mixin-metatags'
+
+export default defineComponent({
+  name: 'home_arcadei',
+  components: { Logo, LandingFooter, CMyPage, CCardCarousel, CEventsCalendar, COpenStreetMap },
+
+  setup() {
+    const animare = ref(0)
+    const slide = ref('first')
+    const slide2 = ref(1)
+
+    const getImmagini = ref([
+      {
+        title: '', subtitle: '',
+        alt: 'Arcadei',
+        img: 'images/arcadei/img1.png'
+      },
+    ])
+
+    const userStore = useUserStore()
+    const globalStore = useGlobalStore()
+
+    const { setValDb, getValDb } = MixinBase()
+    const { setmeta, getsrcbyimg } = MixinMetaTags()
+
+    function getheightgallery() {
+      if (tools.isMobile())
+        return '400px'
+      else
+        return '600px'
+    }
+
+    function created() {
+      //
+    }
+
+    function getArrDisciplines() {
+      return globalStore.disciplines.filter((rec: any) => rec.showinhome)
+    }
+
+    created()
+
+    return {
+      tools,
+      toolsext,
+      static_data,
+      animare,
+      slide,
+      slide2,
+      getheightgallery,
+      getArrDisciplines,
+      getImmagini,
+      getValDb,
+      firstimagehome,
+      getsrcbyimg,
+      setmeta,
+    }
+  },
+})
+

_ALL_SITES/riso.app/root_spec/home_arcadei/home_arcadei.vue

@@ -0,0 +1,221 @@
+<template>
+    <q-page>
+        <CMyPage title="Home">
+            <div class="landing">
+                <section>
+                    <div class="landing__hero maxwidth1200 text-white">
+                        <q-carousel
+                                animated
+                                :autoplay="animare"
+                                swipeable
+                                infinite
+                                navigation
+                                transition-next="slide-left"
+                                transition-prev="slide-right"
+                                v-model="slide"
+                                :height="getheightgallery()"
+                                width="100%"
+                        >
+                            <q-carousel-slide name="first"
+                                              :img-src="getsrcbyimg(firstimagehome())">
+                                <div class="landing__header"></div>
+                                <div class="landing__hero-content row justify-center q-gutter-xs clgutter">
+                                    <div class="row">
+                                        &nbsp;
+                                    </div>
+                                    <div class="flex justify-end">
+                                        <div class="q-gutter-xs testo-banda clgutter">
+                                            <h1 class="text-h1 shadow-max">{{tools.getappname()}}</h1>
+                                            <div class="text-subtitle1 shadow text-italic q-pl-sm">
+                                                &nbsp;
+                                            </div>
+                                            <div class="text-subtitle1 shadow-max big text-italic q-pl-sm">
+
+                                            </div>
+                                            <div class="text-subtitle2 shadow text-italic q-pl-sm">
+
+                                            </div>
+
+                                            <div>
+                                                <br>
+                                                <br>
+                                                <div v-if="!tools.isLogged()" style="margin: 5px; padding: 5px;" class="home">
+                                                    <br>
+                                                    <br>
+                                                </div>
+                                            </div>
+
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="landing__arrow absolute-bottom text-center">
+                                    <i aria-hidden="true"
+                                       class="q-icon text-h2 text-white material-icons">expand_more</i>
+                                </div>
+                            </q-carousel-slide>
+                            <q-carousel-slide name="second"
+                                              :img-src="getsrcbyimg('images/background2.jpg')" alt="">
+                                <div class="landing__header"></div>
+                                <div class="landing__hero2-content row justify-center q-gutter-xs clgutter">
+                                    <div class="row">
+                                        <logo></logo>
+                                    </div>
+                                    <div class="flex justify-end">
+                                        <div class="q-gutter-xs testo-banda clgutter">
+                                            <h1 class="text-h1 shadow-max">{{tools.getappname()}}</h1>
+                                            <h2 class="text-subtitle1 shadow text-italic q-pl-sm">
+                                                {{$t('msg.sottoTitoloApp')}}
+                                            </h2>
+                                            <h2 class="text-subtitle1 shadow-max big text-italic q-pl-sm">
+                                                <strong>{{$t('msg.sottoTitoloApp2')}}</strong>
+                                            </h2>
+                                            <h2 class="text-subtitle2 shadow text-italic q-pl-sm">
+                                                {{$t('msg.sottoTitoloApp3')}}
+                                            </h2>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="landing__arrow absolute-bottom text-center">
+                                    <i aria-hidden="true"
+                                       class="q-icon text-h2 text-white material-icons">expand_more</i>
+                                </div>
+                            </q-carousel-slide>
+                            <q-carousel-slide name="third"
+                                              :img-src="getsrcbyimg('images/background3.jpg')">
+                                <div class="landing__header"></div>
+                                <div class="landing__hero2-content row justify-center q-gutter-xs clgutter">
+                                    <div class="row">
+                                        <logo></logo>
+                                    </div>
+                                    <div class="flex justify-end">
+                                        <div class="q-gutter-xs testo-banda clgutter">
+                                            <div class="text-h1 shadow-max">{{tools.getappname()}}</div>
+                                            <div class="text-subtitle1 shadow text-italic q-pl-sm">
+                                                {{$t('msg.sottoTitoloApp')}}
+                                            </div>
+                                            <div class="text-subtitle1 shadow-max big text-italic q-pl-sm"><strong>{{$t('msg.sottoTitoloApp2')}}</strong>
+                                            </div>
+                                            <div class="text-subtitle2 shadow text-italic q-pl-sm">
+                                                {{$t('msg.sottoTitoloApp3')}}
+                                            </div>
+
+                                            <div class="text-subtitle3 shadow text-italic q-pl-sm ">
+                                                {{$t('msg.sottoTitoloApp4')}}
+                                            </div>
+
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="landing__arrow absolute-bottom text-center">
+                                    <!--<i aria-hidden="true"-->
+                                    <!--class="q-icon text-h2 text-white material-icons">expand_more</i>-->
+                                </div>
+                            </q-carousel-slide>
+                        </q-carousel>
+
+                    </div>
+                </section>
+
+                <div class="q-pa-md q-gutter-md">
+                    <div v-if="isLogged && !isVerified" class="text-verified">{{
+                        $t('components.authentication.email_verification.link_sent') }}
+                    </div>
+
+                </div>
+
+
+                <CCardCarousel :myarr="getArrDisciplines()">
+
+                </CCardCarousel>
+
+                <CEventsCalendar :mysingleevent="null" :showfirstN="getValDb('SHOW_LAST_EVENTS', false, 3)">
+
+                </CEventsCalendar>
+
+
+                <div v-if="getValDb('VIDEO_HOME', false)" class="row justify-evenly items-center q-gutter-md ">
+
+                    <div class="text-center">
+                        <h4 class="subtitle text-blue" v-html="getValDb('VIDEO_TITLE', false)"></h4>
+                        <div class="">
+                            <video :width="tools.getwidthscale(mythis, 320, 800)"
+                                   :height="tools.getheightbywidth(mythis, 320, 180, 800)" controls>
+                                <source :src="getValDb('VIDEO_HOME', false)" type="video/mp4">
+                            </video>
+                        </div>
+                        <!--<q-video src="../../statics/video/Intervista_Cristina_Barattoni.mp4">-->
+
+                        <!--</q-video>-->
+                    </div>
+
+                </div>
+
+                <div v-if="getValDb('YT_VIDEO', false)" class="row justify-evenly items-center q-gutter-md ">
+
+                    <div class="text-center">
+                        <h4 class="subtitle text-blue" v-html="getValDb('YT_TITLE', false)"></h4>
+                        <div class="">
+
+                            <div class="">
+                                <iframe
+                                        :width="tools.getwidthscale(mythis, getValDb('YT_W', false), 800)"
+                                        :height="tools.getheightbywidth(mythis, getValDb('YT_W', false), getValDb('YT_H', false), 800)"
+                                        :src="getValDb('YT_VIDEO', false)"
+                                        frameborder="0"
+                                        allowfullscreen
+                                ></iframe>
+                            </div>
+                        </div>
+                        <!--<q-video src="../../statics/video/Intervista_Cristina_Barattoni.mp4">-->
+
+                        <!--</q-video>-->
+                    </div>
+
+                </div>
+
+
+                <section class="maxwidth padding_gallery bg-white text-grey-10 text-center" >
+
+                    <q-carousel
+                            swipeable
+                            animated
+                            :autoplay="8000"
+                            v-model="slide2"
+                            arrows
+                            thumbnails
+                            infinite
+                            height="600">
+                        <q-carousel-slide v-for="(rec, index) in getImmagini" :key="index" :name="index"
+                                          :img-src="rec.img"
+                                          :alt="rec.alt"
+                                          class="carousel_slide">
+                            <div class="absolute-bottom custom-caption" style="margin-bottom: 70px">
+                                <div class="text-h5"><span
+                                        class="text-h6 text-grey-1 shadow-max">{{index + 1}}. </span><span
+                                        class="text-h6 text-grey-2 shadow">{{rec.title}}</span></div>
+                                <div class="text-subtitle1"><span class="text-grey-4 shadow">{{rec.subtitle}}</span>
+                                </div>
+                            </div>
+                        </q-carousel-slide>
+                    </q-carousel>
+                </section>
+                <div v-if="!tools.isMobile()" style="margin: 60px 60px;"></div>
+
+                <COpenStreetMap :imgmap="getValDb('IMGMAP', false)" :urlmap="getValDb('URLMAP', false)" :title="getValDb('MAP_TITLE', false)"
+                                :coordinates="getValDb('COORD_MAP_1', false)" :coord_big="getValDb('COORD_MAP_BIG', false)">
+
+                </COpenStreetMap>
+
+
+                <div class="q-ma-md"></div>
+            </div>
+        </CMyPage>
+    </q-page>
+</template>
+
+<script lang="ts" src="./home_arcadei.ts">
+</script>
+
+<style lang="scss" scoped>
+    @import './home_arcadei.scss';
+</style>

_ALL_SITES/riso.app/root_spec/home_kolibrilab/home_kolibrilab.ts

@@ -0,0 +1,54 @@
+import { defineComponent, ref, onMounted, watch, computed } from 'vue'
+
+import { useGlobalStore } from '@store/globalStore'
+import { useRoute } from 'vue-router'
+import { useUserStore } from '@store/UserStore'
+
+import { Logo } from '@/components/logo'
+
+import { LandingFooter } from '@/components/LandingFooter'
+import { CMyPage } from '@/components/CMyPage/index'
+
+import { tools } from '@src/store/Modules/tools'
+import { static_data } from '@src/db/static_data'
+import { toolsext } from '@src/store/Modules/toolsext'
+import { Screen } from 'quasar'
+import { CCardCarousel, CEventsCalendar, CMyElem, COpenStreetMap } from '@components'
+import MixinBase from '@src/mixins/mixin-base'
+import { firstimagehome } from '@src/db/static_data'
+import MixinMetaTags from '@/mixins/mixin-metatags'
+
+export default defineComponent({
+  name: 'home_kolibrilab',
+  components: { Logo, LandingFooter, CMyPage, CMyElem },
+
+  setup() {
+    const userStore = useUserStore()
+    const globalStore = useGlobalStore()
+
+    const { setValDb, getValDb } = MixinBase()
+
+    function getheightgallery() {
+      if (tools.isMobile())
+        return '400px'
+      else
+        return '600px'
+    }
+
+    function created() {
+      //
+    }
+
+    created()
+
+    return {
+      tools,
+      toolsext,
+      static_data,
+      getheightgallery,
+      getValDb,
+      globalStore,
+    }
+  },
+})
+

_ALL_SITES/riso.app/root_spec/home_kolibrilab/home_kolibrilab.vue

@@ -0,0 +1,18 @@
+<template>
+    <q-page>
+        <CMyPage title="Home">
+          <span v-for="(myelem, ind) in globalStore.myelems" :key="ind">
+            <CMyElem v-if="myelem.active" :myelem="myelem">
+
+            </CMyElem>
+          </span>
+        </CMyPage>
+    </q-page>
+</template>
+
+<script lang="ts" src="./home_kolibrilab.ts">
+</script>
+
+<style lang="scss" scoped>
+    @import './home_kolibrilab.scss';
+</style>

_ALL_SITES/riso.app/root_spec/home_tdv/home_tdv.scss

@@ -0,0 +1,446 @@
+
+.testo-banda {
+  //background: -webkit-gradient(linear, left top, left bottom, from(#3144f0), to(transparent));
+  //background: linear-gradient(180deg, #3144f0, transparent);
+  //background: rgba(0, 0, 0, .6)
+}
+
+$grayshadow: #555;
+
+$textcol: blue;
+$textcol_scuro: darkblue;
+
+p {
+  margin: 0 0 1.25rem;
+  //text-shadow: .125rem .125rem .25rem $grayshadow;
+}
+
+h4 {
+  font-size: 1.25rem;
+}
+
+.mycard {
+  visibility: hidden;
+}
+
+.landing {
+}
+
+.landing_background {
+  background: #000 url(../../../public/images/foto1.jpg) no-repeat 50% fixed;
+  background-size: cover
+}
+
+.landing > section {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  //padding: 0 16px
+}
+
+.intro {
+  display: flex;
+  justify-content: space-between;
+  align-items: stretch;
+  /* flex-flow: row nowrap; */
+
+  padding: 1.25rem 0 1.25rem 0;
+  margin: .125rem;
+
+  * {
+    width: 100%;
+    flex: 1;
+    margin-left: auto;
+    margin-right: auto;
+  }
+
+  &__associazione {
+    min-width: 350px;
+  }
+
+  &__comeassociarsi {
+    min-width: 350px;
+  }
+}
+
+.subtitle {
+  font-weight: 600;
+  text-align: center;
+  letter-spacing: 0.125rem;
+  text-transform: uppercase;
+  font-size: 1rem;
+}
+
+.landing > section.padding {
+  padding: 5.62rem 1rem;
+}
+
+.landing > section.padding_testo {
+  padding-top: 1.25rem;
+  padding-bottom: 1rem;
+}
+
+.landing > section.padding_gallery {
+  padding-top: 3.125rem;
+  padding-bottom: 5.625rem;
+}
+
+.landing > section > div {
+  position: relative;
+  width: 100%
+}
+
+.maxwidth1200 {
+  max-width: 1200px;
+}
+
+.landing__toolbar {
+  background: -webkit-gradient(linear, left top, left bottom, from(#000), to(transparent));
+  background: linear-gradient(180deg, #000, transparent);
+  padding: 0 !important
+}
+
+.landing__toolbar .q-btn {
+  border-radius: 0 0 .315rem .315rem;
+  -ms-flex-item-align: stretch;
+  align-self: stretch
+}
+
+.landing__hero {
+  min-height: 50vh
+}
+
+.landing__header {
+  height: 18vh
+}
+
+.landing__arrow {
+  bottom: 1.5rem;
+  opacity: .4
+}
+
+.landing__front {
+  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(15%, rgba(0, 0, 0, .6)));
+  background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .6) 15%)
+}
+
+.landing__logo {
+  width: 9.40rem;
+  height: 9.40rem;
+  margin-top: 1.315rem;
+  //-webkit-animation: logo-rotate 240s linear infinite;
+  //animation: logo-rotate 240s linear infinite
+}
+
+.landing__features .q-icon {
+  font-size: 4rem
+}
+
+h4 {
+  line-height: 1.5;
+  text-shadow: .25rem .25rem .5rem $grayshadow;
+}
+
+.landing__features h4, .landing__features h6 {
+  margin: 1rem 0
+}
+
+.landing__features p {
+  opacity: .7;
+  font-size: 1rem;
+  line-height: 1.5;
+}
+
+.landing__footer {
+  //background: -webkit-gradient(linear, left top, left bottom, color-stop(65%, rgba(0, 0, 0, .1)), to(#000));
+  background: linear-gradient(180deg, rgba(0, 0, 0, .8) 95%, #FFF);
+  padding-top: 4.5rem !important;
+  padding-bottom: 4.5rem !important;
+  padding-left: 1.25rem;
+  padding-right: 1.25rem;
+  color: #9f9f9f;
+}
+
+.icon_contact:hover {
+  color: blue;
+  border-color: white;
+  border-width: .0625rem;
+}
+
+.landing__footer .doc-link {
+  color: $textcol;
+}
+
+.landing__footer .doc-link:hover {
+  opacity: .8
+}
+
+.landing__swirl-bg {
+  background-repeat: no-repeat !important;
+  background-position: top;
+  background-size: contain !important;
+  background-image: url(../../../public/images/landing_first_section.png) !important
+}
+
+.feat-descr {
+  font-size: 1.15rem;
+}
+
+.feat-descr:hover {
+  transition: opacity 0.5s ease-in-out;
+  opacity: 0.9;
+}
+
+.q-col-gutter-sm {
+  padding: 3.125rem 3.125rem;
+  //margin-left: -48px
+}
+
+body.mobile .landing {
+  //background: unset
+}
+
+body.mobile .landing:before {
+  content: "";
+  position: fixed;
+  top: 0;
+  height: 100vh;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: -1;
+  //background: #000 url(../../public/images/cover.jpg) 50%;
+
+  background-size: cover
+}
+
+/*
+@-webkit-keyframes logo-rotate {
+  to {
+    -webkit-transform: rotate(-1turn);
+    transform: rotate(-1turn)
+  }
+}
+
+@keyframes logo-rotate {
+  to {
+    -webkit-transform: rotate(-1turn);
+    transform: rotate(-1turn)
+  }
+}
+*/
+
+.home {
+  //background-color: rgb(250, 250, 250);
+  padding: 3.125rem;
+  display: flex;
+  //flex-wrap: nowrap;
+  flex-direction: column;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.btn-start {
+  margin: 3.125rem;
+}
+
+.shadow {
+  //color: white;
+  text-shadow: 0.125rem 0.125rem 0.25rem $grayshadow;
+}
+
+.text-h1, h1 {
+  font-size: 3rem;
+  font-weight: bold;
+  line-height: 3rem;
+  letter-spacing: -.01562em;
+  margin-bottom: 8px !important;
+}
+
+.text-h2 {
+  font-size: 3.75rem;
+  font-weight: 300;
+  line-height: 3.75rem;
+  letter-spacing: -.00833em;
+}
+
+.text-weight-bold {
+  font-weight: 700;
+}
+
+.text-vers {
+  font-size: 0.75rem;
+  font-weight: 400;
+  line-height: 1.75rem;
+  letter-spacing: .00937em;
+  text-shadow: .25rem .25rem .5rem $grayshadow;
+}
+
+.homep-cover-img-1 {
+  background: #000 url(../../../public/images/foto1.jpg) no-repeat 50% fixed;
+  //transition: background-image 1s ease-in-out;
+}
+
+.homep-cover-img-2 {
+  background: #000 url(../../../public/images/foto2.jpg) no-repeat 50% fixed;
+  //transition: background-image 1s ease-in-out;
+}
+
+.homep-cover-img-3 {
+  background: #000 url(../../../public/images/foto3.jpg) no-repeat 50% fixed;
+  //transition: background-image 1s ease-in-out;
+}
+
+.homep-cover-img.hide-filter:before {
+  opacity: 0
+}
+
+.landing__footer-icons {
+  font-size: 1.75rem
+}
+
+.landing__footer-icons a {
+  margin: 0 .5rem .5rem;
+  text-decoration: none;
+  outline: 0;
+  color: $textcol;
+  transition: color .28s
+}
+
+.landing__footer-icons a:hover {
+  color: $textcol_scuro;
+}
+
+.doc-img {
+  max-width: 100%;
+}
+
+.mylist {
+  background: #3fdaff;
+  padding-left: 1.25rem;
+}
+
+.clgutter {
+  margin-top: 1.25rem;
+  padding: .62rem;
+}
+
+.carousel_img_3 {
+  //background-image: url(../../public/images/cibo_sano.jpg);
+  background-size: cover !important;
+  background-position: 50% center !important;
+  background-repeat: no-repeat !important;
+}
+
+@media (max-width: 718px) {
+  // PER VERSIONE MOBILE
+
+  .landing__hero {
+    text-align: center
+  }
+  .landing__header {
+    height: 7vh
+  }
+  .clgutter {
+    margin-top: 0;
+    padding: 0;
+  }
+  .landing__hero .text-h1, h1 {
+    font-size: 2rem;
+    line-height: 2.05rem;
+    margin-bottom: 1.25rem
+  }
+
+  .landing > section.padding {
+    padding: 2.5rem 1rem;
+  }
+
+  .landing > section.padding_testo {
+    padding-top: 1.25rem;
+    padding-bottom: 1rem;
+  }
+
+  .landing > section.padding_gallery {
+    padding-top: 3.125rem;
+    padding-bottom: 5.625rem;
+
+    max-width: 800px;
+  }
+
+  .landing > section.padding_gallery > div {
+    padding-top: 3.125rem;
+    padding-bottom: 5.625rem;
+
+  }
+
+  .landing__features h4, .landing__features h6 {
+    margin: 1.25rem 0
+  }
+
+  h4 {
+    line-height: 1.4;
+    text-shadow: 0.25rem 0.25rem 0.5rem $grayshadow;
+  }
+
+  .landing .feature-item {
+    text-align: center;
+    margin-top: 1.25rem;
+  }
+  .landing__hero-content {
+    padding-bottom: 11.25rem;
+  }
+  .landing__hero2-content {
+    padding-bottom: 7.25rem;
+  }
+  .landing__hero-btns {
+    -webkit-box-pack: center;
+    -ms-flex-pack: center;
+    justify-content: center
+  }
+
+  .q-col-gutter-sm {
+    padding: .625rem .315rem;
+  }
+
+  .text-subtitle1 {
+    font-size: 1.25rem;
+  }
+  .text-vers {
+    font-size: 0.6rem;
+  }
+
+
+}
+
+.custom-caption {
+  text-align: center;
+  padding: .75rem;
+  color: $textcol;
+  background-color: rgba(0, 0, 0, .3);
+}
+
+.sfondo-grigio {
+  padding: 1rem;
+  color: $textcol;
+  background-color: rgba(0, 0, 0, .35);
+}
+
+.mycontacts {
+  color: gray;
+  letter-spacing: 0.078rem;
+}
+
+.mycontacts_title {
+  text-shadow: 0.125rem 0.125rem 0.125rem #555;
+  font-weight: bold;
+  color: #999;
+  letter-spacing: 0.125rem;
+}
+
+.mycontacts_text {
+  color: #999;
+  letter-spacing: 0.093rem;
+}

_ALL_SITES/riso.app/root_spec/home_tdv/home_tdv.ts

@@ -0,0 +1,78 @@
+import { defineComponent, ref, onMounted, watch, computed } from 'vue'
+
+import { useGlobalStore } from '@store/globalStore'
+import { useRoute } from 'vue-router'
+import { useUserStore } from '@store/UserStore'
+
+import { Logo } from '../../components/logo'
+
+import { LandingFooter } from '../../components/LandingFooter'
+import { CMyPage } from '../../components/CMyPage/index'
+
+import { tools } from '@src/store/Modules/tools'
+import { static_data } from '@src/db/static_data'
+import { toolsext } from '@src/store/Modules/toolsext'
+import { Screen } from 'quasar'
+import { CCardCarousel, CEventsCalendar, COpenStreetMap } from '@components'
+import MixinBase from '@src/mixins/mixin-base'
+import { firstimagehome } from '@src/db/static_data'
+import MixinMetaTags from '@/mixins/mixin-metatags'
+
+export default defineComponent({
+  name: 'Home_tdv',
+  components: { Logo, LandingFooter, CMyPage, CCardCarousel, CEventsCalendar, COpenStreetMap },
+
+  setup() {
+    const animare = ref(0)
+    const slide = ref('first')
+    const slide2 = ref(1)
+
+    const getImmagini = ref([
+      {
+        title: '', subtitle: '',
+        alt: 'Elisa e Cristina insieme',
+        img: '../../statics/images/eventi_esterni/IMG_6035.jpg'
+      },
+    ])
+
+    const userStore = useUserStore()
+    const globalStore = useGlobalStore()
+
+    const { setValDb, getValDb } = MixinBase()
+    const { setmeta, getsrcbyimg } = MixinMetaTags()
+
+    function getheightgallery() {
+      if (tools.isMobile())
+        return '400px'
+      else
+        return '600px'
+    }
+
+    function created() {
+      //
+    }
+
+    function getArrDisciplines() {
+      return globalStore.disciplines.filter((rec: any) => rec.showinhome)
+    }
+
+    created()
+
+    return {
+      tools,
+      toolsext,
+      static_data,
+      animare,
+      slide,
+      slide2,
+      getheightgallery,
+      getArrDisciplines,
+      getImmagini,
+      getValDb,
+      firstimagehome,
+      getsrcbyimg,
+      setmeta,
+    }
+  },
+})
+

_ALL_SITES/riso.app/root_spec/home_tdv/home_tdv.vue

@@ -0,0 +1,220 @@
+<template>
+    <q-page>
+        <CMyPage title="Home">
+            <div class="landing">
+                <section>
+                    <div class="landing__hero maxwidth1200 text-white">
+                        <q-carousel
+                                animated
+                                :autoplay="animare"
+                                swipeable
+                                infinite
+                                navigation
+                                transition-next="slide-left"
+                                transition-prev="slide-right"
+                                v-model="slide"
+                                :height="getheightgallery()"
+                                width="100%"
+                        >
+                            <q-carousel-slide name="first"
+                                              :img-src="getsrcbyimg(firstimagehome())">
+                                <div class="landing__header"></div>
+                                <div class="landing__hero-content row justify-center q-gutter-xs clgutter">
+                                    <div class="row">
+                                        &nbsp;
+                                    </div>
+                                    <div class="flex justify-end">
+                                        <div class="q-gutter-xs testo-banda clgutter">
+                                            <h1 class="text-h1 shadow-max">{{tools.getappname()}}</h1>
+                                            <div class="text-subtitle1 shadow text-italic q-pl-sm">
+                                                &nbsp;
+                                            </div>
+                                            <div class="text-subtitle1 shadow-max big text-italic q-pl-sm">
+
+                                            </div>
+                                            <div class="text-subtitle2 shadow text-italic q-pl-sm">
+
+                                            </div>
+
+                                            <div>
+                                                <br>
+                                                <br>
+                                                <div v-if="!tools.isLogged()" style="margin: 5px; padding: 5px;" class="home">
+                                                    <br>
+                                                    <br>
+                                                </div>
+                                            </div>
+
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="landing__arrow absolute-bottom text-center">
+                                    <i aria-hidden="true"
+                                       class="q-icon text-h2 text-white material-icons">expand_more</i>
+                                </div>
+                            </q-carousel-slide>
+                            <q-carousel-slide name="second"
+                                              :img-src="getsrcbyimg('images/background2.jpg')" alt="">
+                                <div class="landing__header"></div>
+                                <div class="landing__hero2-content row justify-center q-gutter-xs clgutter">
+                                    <div class="row">
+                                        <logo></logo>
+                                    </div>
+                                    <div class="flex justify-end">
+                                        <div class="q-gutter-xs testo-banda clgutter">
+                                            <h1 class="text-h1 shadow-max">{{tools.getappname()}}</h1>
+                                            <h2 class="text-subtitle1 shadow text-italic q-pl-sm">
+                                                {{$t('msg.sottoTitoloApp')}}
+                                            </h2>
+                                            <h2 class="text-subtitle1 shadow-max big text-italic q-pl-sm">
+                                                <strong>{{$t('msg.sottoTitoloApp2')}}</strong>
+                                            </h2>
+                                            <h2 class="text-subtitle2 shadow text-italic q-pl-sm">
+                                                {{$t('msg.sottoTitoloApp3')}}
+                                            </h2>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="landing__arrow absolute-bottom text-center">
+                                    <i aria-hidden="true"
+                                       class="q-icon text-h2 text-white material-icons">expand_more</i>
+                                </div>
+                            </q-carousel-slide>
+                            <q-carousel-slide name="third"
+                                              :img-src="getsrcbyimg('images/background3.jpg')">
+                                <div class="landing__header"></div>
+                                <div class="landing__hero2-content row justify-center q-gutter-xs clgutter">
+                                    <div class="row">
+                                        <logo></logo>
+                                    </div>
+                                    <div class="flex justify-end">
+                                        <div class="q-gutter-xs testo-banda clgutter">
+                                            <div class="text-h1 shadow-max">{{tools.getappname()}}</div>
+                                            <div class="text-subtitle1 shadow text-italic q-pl-sm">
+                                                {{$t('msg.sottoTitoloApp')}}
+                                            </div>
+                                            <div class="text-subtitle1 shadow-max big text-italic q-pl-sm"><strong>{{$t('msg.sottoTitoloApp2')}}</strong>
+                                            </div>
+                                            <div class="text-subtitle2 shadow text-italic q-pl-sm">
+                                                {{$t('msg.sottoTitoloApp3')}}
+                                            </div>
+
+                                            <div class="text-subtitle3 shadow text-italic q-pl-sm ">
+                                                {{$t('msg.sottoTitoloApp4')}}
+                                            </div>
+
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="landing__arrow absolute-bottom text-center">
+                                    <!--<i aria-hidden="true"-->
+                                    <!--class="q-icon text-h2 text-white material-icons">expand_more</i>-->
+                                </div>
+                            </q-carousel-slide>
+                        </q-carousel>
+
+                    </div>
+                </section>
+
+                <div class="q-pa-md q-gutter-md">
+                    <div v-if="isLogged && !isVerified" class="text-verified">{{
+                        $t('components.authentication.email_verification.link_sent') }}
+                    </div>
+
+                </div>
+
+
+                <CCardCarousel :myarr="getArrDisciplines()">
+
+                </CCardCarousel>
+
+                <CEventsCalendar :mysingleevent="null" :showfirstN="getValDb('SHOW_LAST_EVENTS', false, 3)">
+
+                </CEventsCalendar>
+
+
+                <div v-if="getValDb('VIDEO_HOME', false)" class="row justify-evenly items-center q-gutter-md ">
+
+                    <div class="text-center">
+                        <h4 class="subtitle text-blue" v-html="getValDb('VIDEO_TITLE', false)"></h4>
+                        <div class="">
+                            <video :width="tools.getwidthscale(mythis, 320, 800)"
+                                   :height="tools.getheightbywidth(mythis, 320, 180, 800)" controls>
+                                <source :src="getValDb('VIDEO_HOME', false)" type="video/mp4">
+                            </video>
+                        </div>
+                        <!--<q-video src="../../statics/video/Intervista_Cristina_Barattoni.mp4">-->
+
+                        <!--</q-video>-->
+                    </div>
+
+                </div>
+
+                <div v-if="getValDb('YT_VIDEO', false)" class="row justify-evenly items-center q-gutter-md ">
+
+                    <div class="text-center">
+                        <h4 class="subtitle text-blue" v-html="getValDb('YT_TITLE', false)"></h4>
+                        <div class="">
+
+                            <div class="">
+                                <iframe
+                                        :width="tools.getwidthscale(mythis, getValDb('YT_W', false), 800)"
+                                        :height="tools.getheightbywidth(mythis, getValDb('YT_W', false), getValDb('YT_H', false), 800)"
+                                        :src="getValDb('YT_VIDEO', false)"
+                                        frameborder="0"
+                                        allowfullscreen
+                                ></iframe>
+                            </div>
+                        </div>
+                        <!--<q-video src="../../statics/video/Intervista_Cristina_Barattoni.mp4">-->
+
+                        <!--</q-video>-->
+                    </div>
+
+                </div>
+
+
+                <section class="maxwidth padding_gallery bg-white text-grey-10 text-center" >
+
+                    <q-carousel
+                            swipeable
+                            animated
+                            :autoplay="8000"
+                            v-model="slide2"
+                            arrows
+                            thumbnails
+                            infinite
+                            :height="tools.heightgallery()">
+                        <q-carousel-slide v-for="(rec, index) in getImmagini" :key="index" :name="index"
+                                          :img-src="rec.img"
+                                          :alt="rec.alt"
+                                          class="carousel_slide">
+                            <div class="absolute-bottom custom-caption" style="margin-bottom: 70px">
+                                <div class="text-h5"><span
+                                        class="text-h6 text-grey-1 shadow-max">{{index + 1}}. </span><span
+                                        class="text-h6 text-grey-2 shadow">{{rec.title}}</span></div>
+                                <div class="text-subtitle1"><span class="text-grey-4 shadow">{{rec.subtitle}}</span>
+                                </div>
+                            </div>
+                        </q-carousel-slide>
+                    </q-carousel>
+                </section>
+                <div v-if="!tools.isMobile()" style="margin: 60px 60px;"></div>
+
+                <COpenStreetMap :imgmap="getValDb('IMGMAP', false)" :urlmap="getValDb('URLMAP', false)" :title="getValDb('MAP_TITLE', false)"
+                                :coordinates="getValDb('COORD_MAP_1', false)" :coord_big="getValDb('COORD_MAP_BIG', false)">
+
+                </COpenStreetMap>
+
+                <div class="q-ma-md"></div>
+            </div>
+        </CMyPage>
+    </q-page>
+</template>
+
+<script lang="ts" src="./home_tdv.ts">
+</script>
+
+<style lang="scss" scoped>
+    @import './home_tdv.scss';
+</style>

_ALL_SITES/terradellavisione.app/.env.development

@@ -1,4 +1,4 @@
-APP_VERSION="0.5.26"
+APP_VERSION="0.5.27"
 SERVICE_WORKER_FILE="service-worker.js"
 APP_ID="14"
 DIRECTORY_LOCAL="newfreeplanet"

now.txt

@@ -0,0 +1 @@
+TERMINA DI LAVORARE SU riso.app: (Sovrascrivo !)

src/common/shared_vuejs.ts

@@ -1184,6 +1184,10 @@ export const shared_consts = {
       value: 6,
       label: 'Margine',
     },
+    {
+      value: 7,
+      label: 'Card',
+    },
     {
       value: 8,
       label: 'ImgTitolo',
@@ -1253,6 +1257,7 @@ export const shared_consts = {
   ELEMTYPE: {
     TITLE: 5,
     MARGINI: 6,
+    CARD: 7,
     IMGTITLE: 8,
     TEXT: 10,
     HTML: 20,
@@ -1271,6 +1276,13 @@ export const shared_consts = {
     OPENSTREETMAP: 120,
   },
 
+  ALIGNTYPE: {
+    NONE: 0,
+    LEFT: 1,
+    CEHTER: 2,
+    RIGHT: 3,
+  },
+
   getStatusStr(status: number) {
     const trovatorec = this.OrderStatusStr.find((rec) => rec.value === status)
     return (trovatorec) ? trovatorec.label : ''

src/components/CMyElem/CMyElem.scss

@@ -462,3 +462,15 @@ body.mobile .landing:before {
   border: #11f609 solid 2px;
   cursor: pointer;
 }
+
+.align_center {
+  text-align: center;
+}
+
+.align_right {
+  text-align: right;
+}
+
+.align_left {
+  text-align: left;
+}

src/components/CMyElem/CMyElem.ts

@@ -9,7 +9,7 @@ import { CImgTitle } from '../CImgTitle/index'
 import { CTitle } from '@/components/CTitle/index'
 import { tools } from '@store/Modules/tools'
 import { shared_consts } from '@/common/shared_vuejs'
-import LandingFooter from '@/components/LandingFooter/LandingFooter'
+import { LandingFooter } from '@/components/LandingFooter'
 import { COpenStreetMap } from '@src/components/COpenStreetMap'
 import { CCardCarousel } from '@src/components/CCardCarousel'
 import { CMyPage } from '@src/components/CMyPage'
@@ -22,6 +22,7 @@ import MixinMetaTags from '@/mixins/mixin-metatags'
 import { useQuasar } from 'quasar'
 import { useI18n } from '@/boot/i18n'
 
+
 export default defineComponent({
   name: 'CMyElem',
   components: { CImgTitle, CTitle, LandingFooter, CEventsCalendar, CCardCarousel, COpenStreetMap, CMyPage, CMyPageIntro, CMyEditor, CMyFieldRec },
@@ -44,7 +45,7 @@ export default defineComponent({
       type: Boolean,
       required: false,
       default: false,
-    }
+    },
   },
   setup(props) {
     const globalStore = useGlobalStore()
@@ -155,6 +156,26 @@ export default defineComponent({
       }
     }
 
+    function getClass() {
+      let mycl = ''
+      if (props.myelem.align === shared_consts.ALIGNTYPE.CEHTER) {
+        mycl += ' align_center'
+      } else if (props.myelem.align === shared_consts.ALIGNTYPE.RIGHT) {
+        mycl += ' align_right'
+      } else if (props.myelem.align === shared_consts.ALIGNTYPE.LEFT) {
+        mycl += ' align_left'
+      }
+
+      return mycl
+    }
+
+    function showFit() {
+      if (props.myelem.type)
+        return [shared_consts.ELEMTYPE.TEXT].includes(props.myelem.type)
+      else
+        return false
+    }
+
     onMounted(mounted)
 
     return {
@@ -178,6 +199,8 @@ export default defineComponent({
       enableEdit,
       enableAdd,
       clickOnElem,
+      getClass,
+      showFit,
     }
   },
 

src/components/CMyElem/CMyElem.vue

@@ -31,6 +31,30 @@
         type="number"
       >
       </q-input>
+      <q-select
+        v-if="enableEdit"
+        rounded outlined v-model="myel.align"
+        :options="tools.SelectListAlign"
+        @update:model-value="modifElem"
+        dense
+        label="Allinea" emit-value map-options>
+      </q-select>
+      <q-select
+        v-if="enableEdit"
+        rounded outlined v-model="myel.class"
+        :options="tools.SelectListClass"
+        @update:model-value="modifElem"
+        dense
+        label="Classe" emit-value map-options>
+      </q-select>
+      <q-select
+        v-if="enableEdit && showFit"
+        rounded outlined v-model="myel.fit"
+        :options="tools.SelectListFit"
+        @update:model-value="modifElem"
+        dense
+        label="Fit" emit-value map-options>
+      </q-select>
       <q-space/>
       <q-btn
         icon="fas fa-trash-alt"
@@ -56,10 +80,11 @@
         flat
         icon="fas fa-plus"
         color="positive"
-        @click="addNewElem(myelem.order-10)">
+        @click="addNewElem(myel.order-10)">
       </q-btn>
 
     </q-bar>
+
     <div v-if="myel.type === shared_consts.ELEMTYPE.TEXT">
       <div v-if="enableEdit">
         <q-input
@@ -74,11 +99,53 @@
 
       </div>
       <div
-        :class="myel.class + (editOn ? ` clEdit` : ``)"
+        :class="myel.class + (editOn ? ` clEdit` : ``) + getClass()"
         @click="clickOnElem">{{ myel.container }}
 
       </div>
     </div>
+    <div v-if="myel.type === shared_consts.ELEMTYPE.CARD">
+
+      <q-card class="my-card" flat bordered>
+        <q-img
+          :src="myel.img"
+        />
+
+        <q-card-section>
+          <div class="text-overline text-orange-9">{{ myel.container }}</div>
+          <div class="text-h5 q-mt-sm q-mb-xs">{{ myel.container2 }}</div>
+          <div class="text-caption text-grey">
+            {{ myel.container3 }}
+          </div>
+        </q-card-section>
+
+        <!--<q-card-actions>
+          <q-btn flat color="dark" label="Share"/>
+          <q-btn flat color="primary" label="Book"/>
+
+          <q-space/>
+
+          <q-btn
+            color="grey"
+            round
+            flat
+            dense
+            :icon="expanded ? 'keyboard_arrow_up' : 'keyboard_arrow_down'"
+            @click="expanded = !expanded"
+          />
+        </q-card-actions>-->
+
+        <q-slide-transition>
+          <div v-show="expanded">
+            <q-separator/>
+            <q-card-section class="text-subitle2">
+              {{ lorem }}
+            </q-card-section>
+          </div>
+        </q-slide-transition>
+      </q-card>
+    </div>
+
     <div v-if="myel.type === shared_consts.ELEMTYPE.MARGINI">
       <div v-if="enableEdit">
         <q-input
@@ -93,7 +160,7 @@
 
       </div>
       <div
-        :class="myel.class + (editOn ? ` clEdit` : ``)"
+        :class="myel.class + (editOn ? ` clEdit` : ``) + getClass()"
         @click="clickOnElem"
         :style="`margin: ` + myel.size">&nbsp;
       </div>
@@ -112,7 +179,7 @@
       </div>
       <div>
         <div
-          :class="myel.class + (editOn ? ` clEdit` : ``)"
+          :class="myel.class + (editOn ? ` clEdit` : ``) + getClass()"
           @click="clickOnElem">
           <CTitle
             :imgbackground="myel.imgback"
@@ -144,7 +211,7 @@
 
       </div>
       <div>
-        <div :class="myel.class + (editOn ? ` clEdit` : ``)"
+        <div :class="myel.class + (editOn ? ` clEdit` : ``) + getClass()"
              @click="clickOnElem">
           <CImgTitle v-if="myel.container" :src="myel.container" :title="myel.title">
           </CImgTitle>
@@ -172,7 +239,7 @@
 
       </div>
       <div>
-        <div :class="myel.class + (editOn ? ` clEdit` : ``)"
+        <div :class="myel.class + (editOn ? ` clEdit` : ``) + getClass()"
              @click="clickOnElem"
              v-html="myel.containerHtml"></div>
       </div>
@@ -190,18 +257,16 @@
         <div class="row">
           <q-input
             label="Width:"
-            type="number"
             @update:model-value="modifElem"
-            v-model="myel.width"
+            v-model="myel.widthimg"
             filled
             v-on:keyup.enter="saveElem"
           >
           </q-input>
           <q-input
             label="Height:"
-            type="number"
             @update:model-value="modifElem"
-            v-model="myel.height"
+            v-model="myel.heightimg"
             filled
             v-on:keyup.enter="saveElem"
           >
@@ -209,9 +274,9 @@
         </div>
       </div>
       <div class="text-center">
-        <div :class="myel.class + (editOn ? ` clEdit` : ``)"
+        <div :class="myel.class + (editOn ? ` clEdit` : ``) + getClass()"
              @click="clickOnElem">
-          <q-img :src="myel.container" class="img" :width="myel.width.toString()" :height="myel.height.toString()"></q-img>
+          <q-img :src="myel.container" :fit="myel.fit" class="img" :width="myel.widthimg ? myel.widthimg: undefined" :height="myel.heightimg ? myel.heightimg : undefined"></q-img>
         </div>
       </div>
     </div>
@@ -235,14 +300,18 @@
         >
         </q-input>
       </div>
-      <div :class="myel.class + (editOn ? ` clEdit` : ``)"
+      <div :class="myel.class + (editOn ? ` clEdit` : ``) + getClass()"
            @click="clickOnElem">
         <q-video v-if="!!rec.container" :src="rec.container" :ratio="rec.ratio">
         </q-video>
       </div>
     </div>
     <div v-else-if="myel.type === shared_consts.ELEMTYPE.FOOTER">
-      <LandingFooter></LandingFooter>
+      <div :class="myel.class + (editOn ? ` clEdit` : ``) + getClass()"
+           @click="clickOnElem">
+
+        <LandingFooter></LandingFooter>
+      </div>
     </div>
     <div v-else-if="myel.type === shared_consts.ELEMTYPE.PAGE">
       <div v-if="enableEdit" class="row">
@@ -255,7 +324,7 @@
         >
         </q-input>
       </div>
-      <div :class="myel.class + (editOn ? ` clEdit` : ``)"
+      <div :class="myel.class + (editOn ? ` clEdit` : ``) + getClass()"
            @click="clickOnElem">
         <CMyPage :mypath="myel.container">&nbsp;</CMyPage>
       </div>
@@ -266,6 +335,7 @@
           label="NomeFile Img:"
           @update:model-value="modifElem"
           v-model="myel.container"
+          debounce="1000"
           filled
           v-on:keyup.enter="saveElem"
         >
@@ -274,6 +344,7 @@
           label="Width:"
           type="number"
           @update:model-value="modifElem"
+          debounce="1000"
           v-model="myel.widthimg"
           filled
           v-on:keyup.enter="saveElem"
@@ -283,6 +354,7 @@
           label="Height:"
           type="number"
           @update:model-value="modifElem"
+          debounce="1000"
           v-model="myel.heightimg"
           filled
           v-on:keyup.enter="saveElem"
@@ -291,13 +363,14 @@
         <q-input
           label="Link:"
           @update:model-value="modifElem"
+          debounce="1000"
           v-model="myel.link"
           filled
           v-on:keyup.enter="saveElem"
         >
         </q-input>
       </div>
-      <div :class="myel.class + (editOn ? ` clEdit` : ``)"
+      <div :class="myel.class + (editOn ? ` clEdit` : ``) + getClass()"
            @click="clickOnElem">
         <CMyPageIntro :mypath="myel.container" :maxheightimg="myel.heightimg" :maxwidthimg="myel.widthimg" :link="myel.link"></CMyPageIntro>
       </div>
@@ -332,6 +405,7 @@
           <q-input
             label="Secondi tra un'immagine e l'altra:"
             @update:model-value="modifElem"
+            debounce="1000"
             v-model="myel.container2"
             type="number"
             filled
@@ -355,7 +429,7 @@
           </q-toggle>
 
         </div>
-        <div :class="myel.class + (editOn ? ` clEdit` : ``)"
+        <div :class="myel.class + (editOn ? ` clEdit` : ``) + getClass()"
              @click="clickOnElem">
 
           <q-carousel
@@ -364,6 +438,7 @@
             :autoplay="myel.container2 ? (myel.container2 * 1000) : 8000"
             v-model="slide2"
             arrows
+            :fit="myel.fit"
             :thumbnails="myel.parambool2"
             infinite
             :height="myel.height ? myel.height.toString() : 600">
@@ -448,6 +523,7 @@
         <q-input
           label="Visualizza ultimi N eventi:"
           @update:model-value="modifElem"
+          debounce="1000"
           v-model="myel.number"
           filled
           v-on:keyup.enter="saveElem"
@@ -487,7 +563,6 @@
         @click="saveElem(true)">
       </q-btn>
     </div>
-
   </div>
 </template>
 

src/components/CMyPageElem/CMyPageElem.vue

@@ -8,12 +8,12 @@
                   >
 
         </q-toggle>
-        <q-toggle v-if="tools.isManager()"
+       <!-- <q-toggle v-if="tools.isManager()"
                   v-model="addOn"
                   icon="fas fa-plus"
                   >
 
-        </q-toggle>
+        </q-toggle>-->
 
 
       </q-toolbar>

src/components/CMyPageIntro/CMyPageIntro.vue

@@ -4,9 +4,9 @@
       <div class="q-ma-sm q-gutter-sm q-pa-xs">
         <div v-if="!!rec.img1" class="text-center">
           <q-btn v-if="link" @click="openclick">
-              <q-img :src="rec.img1" :height="maxheightimg + `px`" :width="maxwidthimg + `px`" fit="fill"></q-img>
+              <q-img :src="rec.img1" :height="maxheightimg" :width="maxwidthimg" fit="fill"></q-img>
           </q-btn>
-          <q-img v-else :src="rec.img1" :height="maxheightimg + `px`" :width="maxwidthimg + `px`" fit="fill" @click="openclick"></q-img>
+          <q-img v-else :src="rec.img1" :height="maxheightimg" :width="maxwidthimg" fit="fill" @click="openclick"></q-img>
         </div>
 
         <div v-if="!!rec.content" v-html="rec.content"></div>

src/db/lang/ws_it.js

@@ -57,6 +57,7 @@ const msg_website_it = {
     SignUpArcadei: 'Aderisci ad Arcadei',
     SignUp_alreadylista: 'Registrazione per quelli che erano già nella lista di Notevole (del 2019) !',
     SignUp2: 'Registrazione',
+    SignUp4: 'Reg',
     SignUpBot: 'Registrati',
     SignIn: 'Login',
     status: 'Statistiche',

src/model/GlobalStore.ts

@@ -115,10 +115,12 @@ export interface IMyElem {
   _id?: string
   type?: number
   path?: string
-  title?: string
+  img?: string
   container?: string
   container2?: string
   container3?: string
+  align?: number
+  fit?: string
   parambool?: boolean
   parambool2?: boolean
   parambool3?: boolean
@@ -130,8 +132,8 @@ export interface IMyElem {
   order?: number
   width?: number
   height?: number
-  heightimg?: number
+  heightimg?: string
-  widthimg?: number
+  widthimg?: string
   link?: string
   onlyif_logged?: boolean
   active?: boolean

src/root/mypage/mypage.vue

@@ -4,7 +4,7 @@
       v-if="rec.path"
       :title="rec.title" :imgbackground="`` + rec.imgback"
       :mypath="rec.path"
-      :sizes="`max-height: ` + rec.heightimg + `px`">
+      :sizes="`max-height: ` + rec.heightimg">
 
       <span>{{
           setmeta({

src/root_spec/home_kolibrilab/home_kolibrilab.scss

@@ -0,0 +1,452 @@
+
+.testo-banda {
+  //background: -webkit-gradient(linear, left top, left bottom, from(#3144f0), to(transparent));
+  //background: linear-gradient(180deg, #3144f0, transparent);
+  //background: rgba(0, 0, 0, .6)
+}
+
+$grayshadow: #555;
+
+$textcol: blue;
+$textcol_scuro: darkblue;
+
+p {
+  margin: 0 0 1.25rem;
+  //text-shadow: .125rem .125rem .25rem $grayshadow;
+}
+
+h4 {
+  font-size: 1.25rem;
+}
+
+.mycard {
+  visibility: hidden;
+}
+
+.landing {
+}
+
+.landing_background {
+  background: #000 url(../../../public/images/foto1.jpg) no-repeat 50% fixed;
+  background-size: cover
+}
+
+.landing > section {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  //padding: 0 16px
+}
+
+.intro {
+  display: flex;
+  justify-content: space-between;
+  align-items: stretch;
+  /* flex-flow: row nowrap; */
+
+  padding: 1.25rem 0 1.25rem 0;
+  margin: .125rem;
+
+  * {
+    width: 100%;
+    flex: 1;
+    margin-left: auto;
+    margin-right: auto;
+  }
+
+  &__associazione {
+    min-width: 350px;
+  }
+
+  &__comeassociarsi {
+    min-width: 350px;
+  }
+}
+
+.subtitle {
+  font-weight: 600;
+  text-align: center;
+  letter-spacing: 0.125rem;
+  text-transform: uppercase;
+  font-size: 1rem;
+}
+
+.landing > section.padding {
+  padding: 5.62rem 1rem;
+}
+
+.landing > section.padding_testo {
+  padding-top: 1.25rem;
+  padding-bottom: 1rem;
+}
+
+.landing > section.padding_gallery {
+  padding-top: 3.125rem;
+  padding-bottom: 5.625rem;
+}
+
+.landing > section > div {
+  position: relative;
+  width: 100%
+}
+
+.maxwidth1200 {
+  max-width: 1200px;
+}
+
+.landing__toolbar {
+  background: -webkit-gradient(linear, left top, left bottom, from(#000), to(transparent));
+  background: linear-gradient(180deg, #000, transparent);
+  padding: 0 !important
+}
+
+.landing__toolbar .q-btn {
+  border-radius: 0 0 .315rem .315rem;
+  -ms-flex-item-align: stretch;
+  align-self: stretch
+}
+
+.landing__hero {
+  min-height: 50vh
+}
+
+.landing__header {
+  height: 18vh
+}
+
+.landing__arrow {
+  bottom: 1.5rem;
+  opacity: .4
+}
+
+.landing__front {
+  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(15%, rgba(0, 0, 0, .6)));
+  background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .6) 15%)
+}
+
+.landing__logo {
+  width: 9.40rem;
+  height: 9.40rem;
+  margin-top: 1.315rem;
+  //-webkit-animation: logo-rotate 240s linear infinite;
+  //animation: logo-rotate 240s linear infinite
+}
+
+.landing__features .q-icon {
+  font-size: 4rem
+}
+
+h4 {
+  line-height: 1.5;
+  text-shadow: .25rem .25rem .5rem $grayshadow;
+}
+
+.landing__features h4, .landing__features h6 {
+  margin: 1rem 0
+}
+
+.landing__features p {
+  opacity: .7;
+  font-size: 1rem;
+  line-height: 1.5;
+}
+
+.landing__footer {
+  //background: -webkit-gradient(linear, left top, left bottom, color-stop(65%, rgba(0, 0, 0, .1)), to(#000));
+  background: linear-gradient(180deg, rgba(0, 0, 0, .8) 95%, #FFF);
+  padding-top: 4.5rem !important;
+  padding-bottom: 4.5rem !important;
+  padding-left: 1.25rem;
+  padding-right: 1.25rem;
+  color: #9f9f9f;
+}
+
+.icon_contact:hover {
+  color: blue;
+  border-color: white;
+  border-width: .0625rem;
+}
+
+.landing__footer .doc-link {
+  color: $textcol;
+}
+
+.landing__footer .doc-link:hover {
+  opacity: .8
+}
+
+.landing__swirl-bg {
+  background-repeat: no-repeat !important;
+  background-position: top;
+  background-size: contain !important;
+  background-image: url(../../../public/images/landing_first_section.png) !important
+}
+
+.feat-descr {
+  font-size: 1.15rem;
+}
+
+.feat-descr:hover {
+  transition: opacity 0.5s ease-in-out;
+  opacity: 0.9;
+}
+
+.q-col-gutter-sm {
+  padding: 3.125rem 3.125rem;
+  //margin-left: -48px
+}
+
+body.mobile .landing {
+  //background: unset
+}
+
+body.mobile .landing:before {
+  content: "";
+  position: fixed;
+  top: 0;
+  height: 100vh;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: -1;
+  //background: #000 url(../../public/images/cover.jpg) 50%;
+
+  background-size: cover
+}
+
+/*
+@-webkit-keyframes logo-rotate {
+  to {
+    -webkit-transform: rotate(-1turn);
+    transform: rotate(-1turn)
+  }
+}
+
+@keyframes logo-rotate {
+  to {
+    -webkit-transform: rotate(-1turn);
+    transform: rotate(-1turn)
+  }
+}
+*/
+
+.home {
+  //background-color: rgb(250, 250, 250);
+  padding: 3.125rem;
+  display: flex;
+  //flex-wrap: nowrap;
+  flex-direction: column;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.btn-start {
+  margin: 3.125rem;
+}
+
+.shadow {
+  //color: white;
+  text-shadow: 0.125rem 0.125rem 0.25rem $grayshadow;
+}
+
+.text-h1, h1 {
+  font-size: 3rem;
+  font-weight: bold;
+  line-height: 3rem;
+  letter-spacing: -.01562em;
+  margin-bottom: 8px !important;
+}
+
+.text-h2 {
+  font-size: 3.75rem;
+  font-weight: 300;
+  line-height: 3.75rem;
+  letter-spacing: -.00833em;
+}
+
+.text-weight-bold {
+  font-weight: 700;
+}
+
+.text-vers {
+  font-size: 0.75rem;
+  font-weight: 400;
+  line-height: 1.75rem;
+  letter-spacing: .00937em;
+  text-shadow: .25rem .25rem .5rem $grayshadow;
+}
+
+.homep-cover-img-1 {
+  background: #000 url(../../../public/images/foto1.jpg) no-repeat 50% fixed;
+  //transition: background-image 1s ease-in-out;
+}
+
+.homep-cover-img-2 {
+  background: #000 url(../../../public/images/foto2.jpg) no-repeat 50% fixed;
+  //transition: background-image 1s ease-in-out;
+}
+
+.homep-cover-img-3 {
+  background: #000 url(../../../public/images/foto3.jpg) no-repeat 50% fixed;
+  //transition: background-image 1s ease-in-out;
+}
+
+.homep-cover-img.hide-filter:before {
+  opacity: 0
+}
+
+.landing__footer-icons {
+  font-size: 1.75rem
+}
+
+.landing__footer-icons a {
+  margin: 0 .5rem .5rem;
+  text-decoration: none;
+  outline: 0;
+  color: $textcol;
+  transition: color .28s
+}
+
+.landing__footer-icons a:hover {
+  color: $textcol_scuro;
+}
+
+.doc-img {
+  max-width: 100%;
+}
+
+.mylist {
+  background: #3fdaff;
+  padding-left: 1.25rem;
+}
+
+.clgutter {
+  margin-top: 1.25rem;
+  padding: .62rem;
+}
+
+.carousel_img_3 {
+  //background-image: url(../../public/images/cibo_sano.jpg);
+  background-size: cover !important;
+  background-position: 50% center !important;
+  background-repeat: no-repeat !important;
+}
+
+@media (max-width: 718px) {
+  // PER VERSIONE MOBILE
+
+  .landing__hero {
+    text-align: center
+  }
+  .landing__header {
+    height: 7vh
+  }
+  .clgutter {
+    margin-top: 0;
+    padding: 0;
+  }
+  .landing__hero .text-h1, h1 {
+    font-size: 2rem;
+    line-height: 2.05rem;
+    margin-bottom: 1.25rem
+  }
+
+  .landing > section.padding {
+    padding: 2.5rem 1rem;
+  }
+
+  .landing > section.padding_testo {
+    padding-top: 1.25rem;
+    padding-bottom: 1rem;
+  }
+
+  .landing > section.padding_gallery {
+    padding-top: 3.125rem;
+    padding-bottom: 5.625rem;
+
+    max-width: 800px;
+  }
+
+  .landing > section.padding_gallery > div {
+    padding-top: 3.125rem;
+    padding-bottom: 5.625rem;
+
+  }
+
+  .landing__features h4, .landing__features h6 {
+    margin: 1.25rem 0
+  }
+
+  h4 {
+    line-height: 1.4;
+    text-shadow: 0.25rem 0.25rem 0.5rem $grayshadow;
+  }
+
+  .landing .feature-item {
+    text-align: center;
+    margin-top: 1.25rem;
+  }
+  .landing__hero-content {
+    padding-bottom: 11.25rem;
+  }
+  .landing__hero2-content {
+    padding-bottom: 7.25rem;
+  }
+  .landing__hero-btns {
+    -webkit-box-pack: center;
+    -ms-flex-pack: center;
+    justify-content: center
+  }
+
+  .q-col-gutter-sm {
+    padding: .625rem .315rem;
+  }
+
+  .text-subtitle1 {
+    font-size: 1.25rem;
+  }
+  .text-vers {
+    font-size: 0.6rem;
+  }
+
+  .carousel_img_3 {
+    //background-image: url(../../public/images/cibo_sano.jpg);
+    background-size: 620px 620px !important;
+    background-position: 50% top !important;
+    background-repeat: no-repeat !important;
+  }
+
+}
+
+.custom-caption {
+  text-align: center;
+  padding: .75rem;
+  color: $textcol;
+  background-color: rgba(0, 0, 0, .3);
+}
+
+.sfondo-grigio {
+  padding: 1rem;
+  color: $textcol;
+  background-color: rgba(0, 0, 0, .35);
+}
+
+.mycontacts {
+  color: gray;
+  letter-spacing: 0.078rem;
+}
+
+.mycontacts_title {
+  text-shadow: 0.125rem 0.125rem 0.125rem #555;
+  font-weight: bold;
+  color: #999;
+  letter-spacing: 0.125rem;
+}
+
+.mycontacts_text {
+  color: #999;
+  letter-spacing: 0.093rem;
+}

src/root_spec/home_kolibrilab/home_kolibrilab.ts

@@ -0,0 +1,57 @@
+import { defineComponent, ref, onMounted, watch, computed } from 'vue'
+
+import { useGlobalStore } from '@store/globalStore'
+import { useRoute } from 'vue-router'
+import { useUserStore } from '@store/UserStore'
+
+import { Logo } from '@/components/logo'
+
+import { LandingFooter } from '@/components/LandingFooter'
+import { CMyPageElem } from '@/components/CMyPageElem/index'
+
+import { tools } from '@src/store/Modules/tools'
+import { static_data } from '@src/db/static_data'
+import { toolsext } from '@src/store/Modules/toolsext'
+import { Screen } from 'quasar'
+import { CCardCarousel, CEventsCalendar, CMyElem, COpenStreetMap } from '@components'
+import MixinBase from '@src/mixins/mixin-base'
+import { firstimagehome } from '@src/db/static_data'
+import MixinMetaTags from '@/mixins/mixin-metatags'
+
+export default defineComponent({
+  name: 'home_kolibrilab',
+  components: { Logo, LandingFooter, CMyPageElem, CMyElem },
+
+  setup() {
+    const userStore = useUserStore()
+    const globalStore = useGlobalStore()
+
+    const { setmeta } = MixinMetaTags()
+
+    const { setValDb, getValDb } = MixinBase()
+
+    function getheightgallery() {
+      if (tools.isMobile())
+        return '400px'
+      else
+        return '600px'
+    }
+
+    function created() {
+      //
+    }
+
+    created()
+
+    return {
+      tools,
+      toolsext,
+      static_data,
+      getheightgallery,
+      getValDb,
+      globalStore,
+      setmeta,
+    }
+  },
+})
+

src/root_spec/home_kolibrilab/home_kolibrilab.vue

@@ -0,0 +1,24 @@
+<template>
+  <CMyPageElem
+    title="Home"
+    mypath="home"
+  >
+
+      <span>{{
+          setmeta({
+            title: '',
+            description: '',
+            keywords: '',
+          })
+        }}
+      </span>
+
+  </CMyPageElem>
+</template>
+
+<script lang="ts" src="./home_kolibrilab.ts">
+</script>
+
+<style lang="scss" scoped>
+@import './home_kolibrilab.scss';
+</style>

src/statics/lang/it.js

@@ -1255,13 +1255,15 @@ const msg_it = {
 
     myelems: {
       active: 'active',
-      title: 'title',
+      img: 'img',
       path: 'Path',
       order: 'Order',
       type: 'Type',
       container: 'Container',
       container2: 'Container2',
       container3: 'Container3',
+      align: 'align',
+      fit: 'fit',
       parambool: 'parambool',
       number: 'Number',
       imgback: 'imgback',

src/store/Modules/fieldsTable.ts

@@ -125,13 +125,15 @@ export const colgallery = [
 
 export const colmyelems = [
   AddCol({ name: 'active', label_trans: 'myelems.active', fieldtype: costanti.FieldType.boolean  }),
-  AddCol({ name: 'title', label_trans: 'myelems.title' }),
   AddCol({ name: 'path', label_trans: 'myelems.path' }),
   AddCol({ name: 'order', label_trans: 'myelems.order', fieldtype: costanti.FieldType.number  }),
   AddCol({ name: 'type', label_trans: 'myelems.type', fieldtype: costanti.FieldType.select, jointable: 'elemtypes' }),
   AddCol({ name: 'container', label_trans: 'myelems.container' }),
   AddCol({ name: 'container2', label_trans: 'myelems.container2' }),
   AddCol({ name: 'container3', label_trans: 'myelems.container3' }),
+  AddCol({ name: 'img', label_trans: 'myelems.img' }),
+  AddCol({ name: 'align', label_trans: 'myelems.align', fieldtype: costanti.FieldType.number }),
+  AddCol({ name: 'fit', label_trans: 'myelems.fit', fieldtype: costanti.FieldType.string }),
   AddCol({ name: 'parambool', label_trans: 'myelems.parambool', fieldtype: costanti.FieldType.boolean }),
   AddCol({ name: 'parambool2', label_trans: 'myelems.parambool2', fieldtype: costanti.FieldType.boolean }),
   AddCol({ name: 'parambool3', label_trans: 'myelems.parambool3', fieldtype: costanti.FieldType.boolean }),
@@ -141,8 +143,8 @@ export const colmyelems = [
   AddCol({ name: 'ratio', label_trans: 'myelems.ratio' }),
   AddCol({ name: 'containerHtml', label_trans: 'myelems.containerHtml', fieldtype: costanti.FieldType.html }),
   AddCol({ name: 'height', label_trans: 'myelems.height', fieldtype: costanti.FieldType.number  }),
-  AddCol({ name: 'heightimg', label_trans: 'myelems.heightimg', fieldtype: costanti.FieldType.number  }),
+  AddCol({ name: 'heightimg', label_trans: 'myelems.heightimg', fieldtype: costanti.FieldType.string  }),
-  AddCol({ name: 'widthimg', label_trans: 'pages.widthimg', fieldtype: costanti.FieldType.number }),
+  AddCol({ name: 'widthimg', label_trans: 'pages.widthimg', fieldtype: costanti.FieldType.string }),
   AddCol({ name: 'link', label_trans: 'pages.link', fieldtype: costanti.FieldType.string }),
   AddCol({ name: 'width', label_trans: 'myelems.width', fieldtype: costanti.FieldType.number  }),
   AddCol({ name: 'onlyif_logged', label_trans: 'myelems.onlyif_logged', fieldtype: costanti.FieldType.boolean  }),

src/store/Modules/tools.ts

@@ -364,6 +364,87 @@ export const tools = {
     },
   ],
 
+  SelectListFit: [
+    {
+      label: '[Nessuna]',
+      value: 'none',
+    },
+    {
+      label: 'Cover',
+      value: 'cover',
+    },
+    {
+      label: 'Fill',
+      value: 'fill',
+    },
+    {
+      label: 'Contain',
+      value: 'contain',
+    },
+    {
+      label: 'Scale Down',
+      value: 'scale-down',
+    },
+  ],
+
+  SelectListClass: [
+    {
+      label: '[Nessuna]',
+      value: '',
+    },
+    {
+      label: 'q-ma-xs',
+      value: 'q-ma-xs',
+    },
+    {
+      label: 'q-ma-sm',
+      value: 'q-ma-sm',
+    },
+    {
+      label: 'q-ma-md',
+      value: 'q-ma-md',
+    },
+    {
+      label: 'q-ma-lg',
+      value: 'q-ma-lg',
+    },
+    {
+      label: 'q-pa-xs',
+      value: 'q-pa-xs',
+    },
+    {
+      label: 'q-pa-sm',
+      value: 'q-pa-sm',
+    },
+    {
+      label: 'q-pa-md',
+      value: 'q-pa-md',
+    },
+    {
+      label: 'q-pa-lg',
+      value: 'q-pa-lg',
+    },
+  ],
+
+  SelectListAlign: [
+    {
+      label: '[Nessuno]',
+      value: 0,
+    },
+    {
+      label: 'Sinistra',
+      value: 1,
+    },
+    {
+      label: 'Centro',
+      value: 2,
+    },
+    {
+      label: 'Destra',
+      value: 3,
+    },
+  ],
+
   SelectListNumPeople: [
     {
       id: 0,