- Le immagini uploadate non vengono visualizzate subito... cache... aggiungere la versione dell'immagine: vers_img

- Aggiunto il Server TESTRISO e TEST_PCB.

_ALL_SITES/abitaregliiblei.it/.env.development

@@ -26,4 +26,4 @@ TELEGRAM_SUPPORT=""
 PROJECT_ID_MAIN="5cc0a13fe5c9d156728f400a"
 TEST_CELL=""
 ISTEST=1
-INLOCALE=1
+INLOCALE=1

_ALL_SITES/abitaregliiblei.it/.env.test

@@ -1,17 +1,17 @@
-APP_VERSION="1.0.60"
+APP_VERSION="1.0.55"
 SERVICE_WORKER_FILE="service-worker.js"
 APP_ID="16"
 DIRECTORY_LOCAL=newfreeplanet
 DIRECTORY_SERVER=test.freeplanet_serverside
 SERVERDIR_WEBSITE="test.piuchebuono.app"
 SERVERPW_WEBSITE="pwdadmin@1AOK"
-APP_URL="https://test.abitaregliiblei.it"
+APP_URL="https://test.piuchebuono.app"
 URL_FACEBOOK=""
 PROVA_PAOLO=""
 LANG_DEFAULT="it"
 PAO_APP_ID="KKPPAA5KJK435J3KSS9F9D8S9F8SD98F9SDF"
 MASTER_KEY="KKPPSS5KJK435J3KSS9F9D8S9F8SD3CR3T"
-MONGODB_HOST="https://testapi.abitaregliiblei.it"
+MONGODB_HOST="https://testapi.piuchebuono.app"
 LOGO_REG='piuchebuono-logo-full.png'
 TEST_NAME=""
 TEST_SURNAME=""

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

@@ -1,9 +1,9 @@
 const msg_website_it = {
   ws: {
-    sitename: 'Riso',
-    siteshortname: 'RISO',
-    description: 'Siamo la Rete Italiana di Scambio Orizzontale, abbiamo creato questa piattaforma per metterla al servizio di chi vuole riscoprire il valore della condivisione e della cooperazione. Valori semplici e profondi che ci aiutano a ritrovare il Senso della Vita, perduto in questa società consumista, e riporti quei Sani Pricìpi Naturali ed Umani di Fratellanza che intere popolazioni antiche conoscevano bene.',
-    keywords: 'riso, piattaforma di scambio, rete italiana scambio orizzontale, riso app, riso piattaforma, scambio e baratto, momenta RIS',
+    sitename: 'AbitareGliIblei',
+    siteshortname: 'AbitareGliIblei',
+    description: 'Abitare Gli Iblei',
+    keywords: '',
   },
   hours: {
     descr: 'Descrizione',

_ALL_SITES/abitaregliiblei.it/db/static_data.ts

@@ -68,7 +68,7 @@ function getDynamicPages(site: ISites): IListRoutes[] {
       infooter: false,
     },
     {
-      active: true,
+      active: site.confpages && site.confpages.enableGoods,
       order: 12,
       path: '/goods',
       materialIcon: 'fas fa-tshirt',
@@ -79,7 +79,7 @@ function getDynamicPages(site: ISites): IListRoutes[] {
       infooter: true,
     },
     {
-      active: true,
+      active: site.confpages && site.confpages.enableServices,
       order: 15,
       path: '/services',
       materialIcon: 'fas fa-house-user',
@@ -90,7 +90,7 @@ function getDynamicPages(site: ISites): IListRoutes[] {
       infooter: true,
     },
     {
-      active: true,
+      active: site.confpages && site.confpages.enableActivities,
       order: 15,
       path: '/activities',
       materialIcon: 'fas fa-house-user',
@@ -112,7 +112,7 @@ function getDynamicPages(site: ISites): IListRoutes[] {
       infooter: false,
     },
     {
-      active: true,
+      active: site.confpages && site.confpages.enableHosps,
       order: 15,
       path: '/hosps',
       materialIcon: 'fas fa-bed',
@@ -134,7 +134,7 @@ function getDynamicPages(site: ISites): IListRoutes[] {
       infooter: true,
     },
     {
-      active: true,
+      active: site.confpages && site.confpages.enableEvents,
       order: 20,
       path: '/events',
       materialIcon: 'fas fa-bullhorn',
@@ -156,7 +156,7 @@ function getDynamicPages(site: ISites): IListRoutes[] {
       infooter: false,
     },
     {
-      active: true,
+      active: site.confpages && site.confpages.showProfile,
       order: 120,
       path: '/myprofile',
       materialIcon: 'fas fa-user',
@@ -178,7 +178,7 @@ function getDynamicPages(site: ISites): IListRoutes[] {
       infooter: false,
     },
     {
-      active: true,
+      active: site.confpages && site.confpages.showiscrittiMenu,
       order: 130,
       path: '/friends',
       materialIcon: 'fas fa-user-friends',
@@ -209,7 +209,7 @@ function getDynamicPages(site: ISites): IListRoutes[] {
       meta: { requiresAuth: true, newpage: true },
       inmenu: false,
       infooter: false,
-    }, 
+    },
     {
       active: true,
       order: 137,
@@ -294,6 +294,18 @@ function getDynamicPages(site: ISites): IListRoutes[] {
       inmenu: false,
       infooter: false
     },
+
+    {
+      active: true,
+      order: 1000,
+      path: '/404error',
+      materialIcon: 'fas fa-calendar-plus',
+      name: 'otherpages.error404',
+      component: () => import('@/root/My404page/My404page.vue'),
+      inmenu: false,
+      infooter: false
+    },
+
   ]
 
   return baseroutes

_ALL_SITES/abitaregliiblei.it/package.json

@@ -52,9 +52,11 @@
     "graphql": "^16.8.1",
     "graphql-tag": "^2.12.6",
     "gsap": "^3.12.5",
+    "html2pdf.js": "^0.10.2",
     "jquery": "^3.7.1",
     "js-cookie": "^3.0.5",
     "leaflet": "^1.9.4",
+    "leaflet-routing-machine": "^3.2.12",
     "leaflet.markercluster": "^1.5.3",
     "localforage": "^1.10.0",
     "lodash": "^4.17.21",

_ALL_SITES/abitaregliiblei.it/quasar.conf.js

@@ -39,7 +39,7 @@ module.exports = configure((ctx) => ({
   // --> 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', 'social-sharing', 'timeago'],
+  boot: ['i18n', 'axios', 'vee-validate', 'myconfig', 'local-storage', 'error-handler', 'globalroutines', 'calendar', 'social-sharing', 'timeago', 'guard'],
 
   // https://v2.quasar.dev/quasar-cli/quasar-conf-js#Property%3A-css
   css: [

_ALL_SITES/freeplanet.app/db/static_data.ts

@@ -701,8 +701,8 @@ const lang_available: ILang[] = [
   },
 
    */
-// { 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' },
+  // { 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[] = []

_ALL_SITES/piuchebuono.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/piuchebuono.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/piuchebuono.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 `+ ($q.dark.isActive ? `bg-black` : `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/piuchebuono.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/piuchebuono.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/piuchebuono.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/riso.app/.env.development

@@ -7,7 +7,6 @@ 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"
@@ -25,6 +24,5 @@ DEBUG="1"
 TELEGRAM_SUPPORT=""
 PROJECT_ID_MAIN="5cc0a13fe5c9d156728f400a"
 TEST_CELL=""
-ISTEST=1
-INLOCALE=1
-BAK_MONGODB_HOST="http://192.168.0.200:3000"
+ISTEST="1"
+INLOCALE="1"

_ALL_SITES/riso.app/package.json

@@ -52,9 +52,11 @@
     "graphql": "^16.8.1",
     "graphql-tag": "^2.12.6",
     "gsap": "^3.12.5",
+    "html2pdf.js": "^0.10.2",
     "jquery": "^3.7.1",
     "js-cookie": "^3.0.5",
     "leaflet": "^1.9.4",
+    "leaflet-routing-machine": "^3.2.12",
     "leaflet.markercluster": "^1.5.3",
     "localforage": "^1.10.0",
     "lodash": "^4.17.21",