diff --git a/.env.development b/.env.development
index 29a4926..469ee3e 100644
--- a/.env.development
+++ b/.env.development
@@ -1,4 +1,4 @@
-APP_VERSION="0.0.52"
+APP_VERSION="0.0.53"
 SERVICE_WORKER_FILE="service-worker.js"
 APP_ID="1"
 APP_URL="https://freeplanet.app"
diff --git a/quasar.conf.js b/quasar.conf.js
index 5c1299e..48a4714 100644
--- a/quasar.conf.js
+++ b/quasar.conf.js
@@ -171,6 +171,9 @@ module.exports = function (ctx) {
         'QPopupEdit',
         'QCarousel',
         'QCarouselControl',
+        'QPageScroller',
+        'QAvatar',
+        'QImg',
         'QCarouselSlide'
       ],
       directives: [
diff --git a/src/App.vue b/src/App.vue
index 5ccd927..0e4614c 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,18 +1,17 @@
 <template>
     <div id="q-app">
-        <q-layout :style="">
-            <app-header></app-header>
-            <div class="layout-view">
+        <div class="q-pa-xs">
+            <q-layout view="hHh Lpr lff" class="shadow-2 rounded-borders">
+                <app-header></app-header>
                 <q-ajax-bar></q-ajax-bar>
+
                 <q-page-container>
                     <transition name="fade" mode="out-in">
                         <router-view/>
                     </transition>
                 </q-page-container>
-            </div>
-        </q-layout>
-        <!--<appsignup v-show="true" @close="myshowModal=false"></appsignup>-->
-
+            </q-layout>
+        </div>
     </div>
 </template>
 <script lang="ts" src="./App.ts">
diff --git a/src/boot/vue-i18n.ts b/src/boot/vue-i18n.ts
index 952c7e3..42554a3 100644
--- a/src/boot/vue-i18n.ts
+++ b/src/boot/vue-i18n.ts
@@ -14,28 +14,10 @@ export default ({ app, store, Vue }) => {
     // console.log(`LANG NAVIGATOR ${mylang}`)
   }
 
-  if (mylang === '')
-    mylang = process.env.LANG_DEFAULT;
+  mylang = tools.checkLangPassed(mylang)
 
-  if (mylang.toLowerCase() === 'es-es')
-    mylang = 'es'
-
-  // console.log('MYLANG2=', mylang)
-  // console.log('process.env.LANG_DEFAULT=', process.env.LANG_DEFAULT)
   Vue.config.lang = mylang
 
-  // import(`quasar/lang/${mylang}`).then(lang => {
-  //   console.log(' ... LANGDEFAULT=', lang)
-  //   this.$q.i18n.set(lang.default)
-  //   import(`src/statics/i18n`).then(function () {
-  //   })
-  // })
-
-  // console.log("PLUGINS INIT....");
-
-  // console.log("LANG_DEFAULT: ")
-  // console.log(process.env.LANG_DEFAULT)
-
   // Set i18n instance on app
   app.i18n = new VueI18n({
     fallbackLocale: mylang,
diff --git a/src/components/Header/Header.scss b/src/components/Header/Header.scss
index 9dfe948..7adbb8e 100644
--- a/src/components/Header/Header.scss
+++ b/src/components/Header/Header.scss
@@ -284,4 +284,5 @@ canvas {
 
 .btnNewVersShow {
   display: inline-block;
+  padding: 4px 2px;
 }
diff --git a/src/components/Header/Header.ts b/src/components/Header/Header.ts
index f92cf19..93b6749 100644
--- a/src/components/Header/Header.ts
+++ b/src/components/Header/Header.ts
@@ -31,6 +31,8 @@ export default class Header extends Vue {
   public clCloudDownload: string = ''
   public clCloudUp_Indexeddb: string = ''
   public clCloudDown_Indexeddb: string = 'clIndexeddbsend'
+  public right: boolean = false
+  public photo = ''
 
   public selectOpLang = [
     { label: 'English', icon: 'fa-flag-us', value: 'enUs', image: '../statics/images/gb.png', short: 'EN' },
@@ -43,6 +45,10 @@ export default class Header extends Vue {
     return GlobalStore.state.stateConnection
   }
 
+  get isonline() {
+    return GlobalStore.state.stateConnection === 'online'
+  }
+
   get isAdmin() {
     return UserStore.state.isAdmin
   }
@@ -97,7 +103,7 @@ export default class Header extends Vue {
   }
 
   set lang(lang) {
-    console.log('set lang(' + this.$i18n.locale)
+    console.log('set lang', this.$i18n.locale)
     this.$i18n.locale = this.snakeToCamel(lang)
     // tools.showNotif(this.$q, 'IMPOSTA LANG= ' + this.$i18n.locale)
     // console.log('IMPOSTA LANG= ' + this.$i18n.locale)
@@ -106,16 +112,10 @@ export default class Header extends Vue {
 
     let mylangtopass = lang
 
+    mylangtopass = tools.checkLangPassed(mylangtopass)
+
     this.setshortlang(mylangtopass)
 
-    if (mylangtopass === 'enUs') {
-      mylangtopass = 'en-us'
-    }
-
-    if (mylangtopass === 'es') {
-      mylangtopass = 'es'
-    }
-
     this.setLangAtt(mylangtopass)
   }
 
@@ -148,7 +148,7 @@ export default class Header extends Vue {
 
   @Watch('conn_changed', { immediate: true, deep: true })
   public changeconn_changed(value: string, oldValue: string) {
-    if (value != oldValue) {
+    if (value !== oldValue) {
 
       // console.log('SSSSSSSS: ', value, oldValue)
 
@@ -167,7 +167,7 @@ export default class Header extends Vue {
 
   public RefreshApp() {
     // Unregister Service Worker
-    navigator.serviceWorker.getRegistrations().then(function(registrations) {
+    navigator.serviceWorker.getRegistrations().then((registrations) => {
       for (const registration of registrations) {
         registration.unregister()
       }
@@ -208,13 +208,13 @@ export default class Header extends Vue {
 
   public setLangAtt(mylang) {
     console.log('MYLL=', mylang)
-    console.log('PRIMA this.$q.lang.isoName', this.$q.lang.isoName)
+    // console.log('PRIMA this.$q.lang.isoName', this.$q.lang.isoName)
 
     // dynamic import, so loading on demand only
     import(`quasar/lang/${mylang}`).then((lang) => {
       Quasar.lang.set(lang.default)
       import(`../../statics/i18n`).then(() => {
-        console.log('MY LANG DOPO=', this.$q.lang.isoName)
+        // console.log('MY LANG DOPO=', this.$q.lang.isoName)
       })
     })
 
@@ -225,36 +225,23 @@ export default class Header extends Vue {
   public beforeMount() {
     // Estrai la Lang dal Localstorage
 
-    console.log('this.$q.i18n=', this.$q.i18n, 'this.$q.getLocale()=', this.$q.lang.isoName)
-    const my = this.getLangAtt()
+    // console.log('this.$q.i18n=', this.$q.i18n, 'this.$q.getLocale()=', this.$q.lang.isoName)
+    const mybrowserLang = this.getLangAtt()
     // tools.showNotif(this.$q, 'prima: ' + String(my))
 
     let mylang = tools.getItemLS(tools.localStorage.lang)
     if (mylang === '') {
       if (navigator) {
         mylang = navigator.language
-        console.log(`LANG2 NAVIGATOR ${mylang}`)
+        // console.log(`LANG2 NAVIGATOR ${mylang}`)
       } else {
         mylang = this.$q.lang.isoName
       }
 
-      console.log('IMPOSTA LANGMY', mylang)
-    }
-    if (mylang !== '') {
-      if (mylang.toLowerCase() === 'enus') {
-        mylang = 'enUs'
-      }
-      if ((mylang.toLowerCase() === 'es') || (mylang.toLowerCase() === 'es-es')) {
-        mylang = 'es'
-      }
-      if ((mylang.toLowerCase() === 'enus') || (mylang.toLowerCase() === 'en-us')) {
-        mylang = 'enUs'
-      }
+      // console.log('IMPOSTA LANGMY', mylang)
     }
 
-    if (!mylang) {
-      mylang = process.env.LANG_DEFAULT
-    }
+    mylang = tools.checkLangPassed(mylang)
 
     this.setLangAtt(mylang)
     this.setshortlang(mylang)
@@ -269,7 +256,7 @@ export default class Header extends Vue {
     const mythis = this
     // console.log('Event LOAD')
     if (window) {
-      window.addEventListener('load', function() {
+      window.addEventListener('load', () => {
         // console.log('2) ENTERING Event LOAD')
 
         function updateOnlineStatus(event) {
@@ -297,4 +284,38 @@ export default class Header extends Vue {
       return m[1].toUpperCase()
     })
   }
+
+  get imglogo() {
+    return '../../' + tools.getimglogo()
+  }
+
+  get MenuCollapse() {
+    return GlobalStore.state.menuCollapse
+    // return true
+  }
+
+  get Username() {
+    return UserStore.state.username
+  }
+
+  get Verificato() {
+    return UserStore.state.verified_email
+  }
+
+  get Email() {
+    return UserStore.state.email
+  }
+
+  public logoutHandler() {
+    UserStore.actions.logout()
+      .then(() => {
+        this.$router.replace('/logout')
+
+        setTimeout(() => {
+          this.$router.replace('/')
+        }, 1000)
+
+        tools.showNotif(this.$q, this.$t('logout.uscito'), {icon: 'exit_to_app'})
+      })
+  }
 }
diff --git a/src/components/Header/Header.vue b/src/components/Header/Header.vue
index 8f9aa15..977095b 100644
--- a/src/components/Header/Header.vue
+++ b/src/components/Header/Header.vue
@@ -1,28 +1,18 @@
 <template>
     <div>
-
-        <!--
-                <router-link :to="'/'" v-if="$router.currentRoute.meta.backButton">
-                    <button>
-                        <i>arrow_back</i>
-                    </button>
-                </router-link>
-        -->
-        <q-header elevated>
+        <q-header reveal elevated class="bg-primary text-white">
             <q-toolbar
                     color="primary"
                     :glossy="$q.theme === 'mat'"
                     :inverted="$q.theme === 'ios'"
-                    class="toolbar"
-            >
+                    class="toolbar">
 
                 <q-btn
                         flat
                         dense
                         round
                         @click="leftDrawerOpen = !leftDrawerOpen"
-                        aria-label="Menu"
-                >
+                        aria-label="Menu">
                     <q-icon name="menu"/>
                 </q-btn>
 
@@ -39,15 +29,22 @@
                     <!--I'm only rendered on Electron!-->
                 </div>
 
-                <q-btn id="newvers" v-if="isNewVersionAvailable" color="secondary" rounded icon="refresh"
+                <q-btn ripple
+                       size="md"
+                       id="newvers" v-if="isNewVersionAvailable" color="secondary" rounded icon="refresh"
                        class="btnNewVersShow" @click="RefreshApp" :label="$t('notification.newVersionAvailable')"/>
 
 
                 <q-toolbar-title>
+                    <q-avatar>
+                        <img :src="imglogo" height="27">
+                    </q-avatar>
                     {{$t('msg.myAppName')}}
                     <div slot="subtitle">{{$t('msg.myDescriz')}} {{ getAppVersion() }}</div>
                 </q-toolbar-title>
 
+
+<!--
                 <div v-if="isAdmin">
                     <q-btn flat dense round aria-label="">
                         <q-icon :class="clCloudUpload" name="cloud_upload"></q-icon>
@@ -58,8 +55,10 @@
                     </q-btn>
 
                 </div>
+-->
 
                 <q-btn
+                        v-if="!isonline"
                         flat
                         dense
                         round
@@ -102,19 +101,45 @@
                     <label>{{ $t('msg.hello') }}</label> <span v-model="prova"></span> !
                 </div>-->
 
+                <q-btn dense flat round icon="menu" @click="right = !right" />
 
             </q-toolbar>
 
         </q-header>
 
         <q-drawer side="left"
-                         v-model="leftDrawerOpen"
-                         :content-class="['bg-grey-1', 'q-pa-sm']"
-                         :content-style="{padding: '0px'}"
+                  bordered
+                  show-if-above
+                  :breakpoint="500"
+                  v-model="leftDrawerOpen"
+                  :content-class="['bg-grey-1', 'q-pa-sm']"
+                  :content-style="{padding: '0px'}"
         >
             <drawer></drawer>
 
         </q-drawer>
+
+        <q-drawer v-model="right" side="right" overlay bordered>
+            <div id="profile" v-if="Username">
+                <q-img class="absolute-top" src="https://cdn.quasar-framework.org/img/material.png" style="height: 150px">
+                    <div class="absolute-bottom bg-transparent">
+
+                        <q-avatar class="q-mb-sm">
+                            <img src="../../statics/images/avatar-1.svg">
+                        </q-avatar>
+                        <div class="text-weight-bold">{{ Username }}</div>
+                        <!--<span class="text-white" v-if="Verificato"> {{$t('reg.verificato')}} </span>-->
+                        <!--<span class="text-white background-red" v-else> {{$t('reg.non_verificato')}} </span>-->
+                        <div id="user-actions">
+                            <q-btn round color="primary" icon="person"></q-btn>
+                            <q-btn round color="warning" icon="lock"></q-btn>
+                            <q-btn round color="secondary" icon="exit_to_app" @click='logoutHandler'></q-btn>
+                        </div>
+                    </div>
+                </q-img>
+
+            </div>
+        </q-drawer>
     </div>
 </template>
 
diff --git a/src/components/logo/logo.ts b/src/components/logo/logo.ts
index 5c43ec4..aab932e 100644
--- a/src/components/logo/logo.ts
+++ b/src/components/logo/logo.ts
@@ -5,19 +5,20 @@ import { TimelineLite, Back } from 'gsap'
 
 import $ from 'jquery'
 import Timeout = NodeJS.Timeout
+import { tools } from "@src/store/Modules/tools"
 
 @Component({
 
 })
 export default class Logo extends Vue {
-  logoimg: string = ''
+  public logoimg: string = ''
 
-  created() {
-    this.logoimg = 'statics/images/' + process.env.LOGO_REG
+  public created() {
+    this.logoimg = '../../' + tools.getimglogo()
     this.animate()
   }
 
-  animate () {
+  public animate() {
     const timeline = new TimelineLite()
 
     /*
@@ -31,7 +32,6 @@ export default class Logo extends Vue {
       mysmile.addClass('smile_hide')
     }, 1000)
 
-
     setTimeout(() => {
       mysmile.addClass('smilevisible')
       mysmile.removeClass('smile_hide')
@@ -39,7 +39,6 @@ export default class Logo extends Vue {
 
     */
 
-
     /*
     timeline.to('#smile', 5, {
       cy: 20,
diff --git a/src/components/todos/SingleTodo/SingleTodo.scss b/src/components/todos/SingleTodo/SingleTodo.scss
index 698af53..22fc6aa 100644
--- a/src/components/todos/SingleTodo/SingleTodo.scss
+++ b/src/components/todos/SingleTodo/SingleTodo.scss
@@ -230,6 +230,11 @@ $heightdescr: 20px;
   line-height: $heightitem;
   padding-left: 2px;
   padding-right: 0px;
+
+  @media (max-width: 600px) {
+    display: none;
+  }
+
   //height: $heightBtn;
   //line-height: $heightBtn;
 }
@@ -265,6 +270,8 @@ $heightdescr: 20px;
   color: blue !important;
   overflow: hidden;
 
+  align-items: center;
+
   vertical-align: middle;
   line-height: 120%;
 
diff --git a/src/components/todos/SingleTodo/SingleTodo.vue b/src/components/todos/SingleTodo/SingleTodo.vue
index aa7dc63..23d2759 100644
--- a/src/components/todos/SingleTodo/SingleTodo.vue
+++ b/src/components/todos/SingleTodo/SingleTodo.vue
@@ -1,12 +1,5 @@
 <template>
     <div :class="getClassRow()" @click="clickRow">
-        <!--<div v-if="isTodo()" class="flex-item counter-item dragula-container">{{itemtodo.pos}}</div>-->
-        <!--<div v-if="isFirst">-->
-        <!--<q-context-menu ref="contextMenu">-->
-        <!--<SubMenus :menuPopupTodo="menuPopupTodo" :itemtodo="itemtodo" @clickMenu="clickMenu" @setPriority="setPriority"></SubMenus>-->
-        <!--</q-context-menu>-->
-        <!--</div>-->
-
         <div v-if="isTodo()" class="flex-item completed-item donotdrag">
             <q-btn push flat
                    :class="classCompleted"
@@ -19,6 +12,7 @@
             <q-input v-if="sel && !itemtodo.completed" hide-underline type="textarea" ref="inputdescr"
                      v-model.trim="precDescr"
                      autogrow
+                     borderless
                      dense
                      :class="classDescrEdit" :max-height="100"
                      @keydown="keyDownArea" v-on:keydown.esc="exitEdit" @blur="exitEdit(true)" @click="editTodo()"/>
diff --git a/src/components/todos/SubMenus/SubMenus.vue b/src/components/todos/SubMenus/SubMenus.vue
index 696d0b5..2e073a8 100644
--- a/src/components/todos/SubMenus/SubMenus.vue
+++ b/src/components/todos/SubMenus/SubMenus.vue
@@ -2,7 +2,7 @@
     <div>
         <q-list separator no-border class="todo-menu">
             <div v-for="field in menuPopupTodo" :key="field.value">
-                <q-item clickable v-ripple v-if="(field.value !== 130) && (field.value !== 100)" :icon="field.icon"
+                <q-item clickable v-if="(field.value !== 130) && (field.value !== 100)" :icon="field.icon"
                         @click.native="clickMenu(field.value)">
                     <q-item-section avatar>
                         <q-icon :name="field.icon"/>
diff --git a/src/components/todos/todo/todo.vue b/src/components/todos/todo/todo.vue
index 253ebda..538692b 100644
--- a/src/components/todos/todo/todo.vue
+++ b/src/components/todos/todo/todo.vue
@@ -10,22 +10,26 @@
                             <q-menu id="popconfig" self="top right">
                                 <q-list link separator no-border class="todo-menu">
                                     <div v-for="field in menuPopupConfigTodo" :key="field.value">
-                                        <q-item :icon="field.icon"
-                                                @click.native="">
-                                            <q-item-section :icon="field.icon"/>
+                                        <q-item clickable>
 
-                                            <q-item-label v-if="showTask(field.value)">
+                                            <q-item-section avatar>
+                                                <q-icon :name="field.icon"/>
+                                            </q-item-section>
 
-                                                <q-select
-                                                        radio
-                                                        color="secondary"
-                                                        :float-label="field.label"
-                                                        v-model="showtype"
-                                                        :options="listOptionShowTask"/>
-                                            </q-item-label>
-                                            <q-item-label v-else>
-                                                <q-item-section label class="item-menu">{{field.label}}</q-item-section>
-                                            </q-item-label>
+                                            <q-item-section>
+                                                <q-item-label v-if="showTask(field.value)">
+
+                                                    <q-select
+                                                            color="secondary"
+                                                            :label="field.label"
+                                                            v-model="showtype"
+                                                            :options="listOptionShowTask"/>
+                                                </q-item-label>
+                                                <q-item-label v-else>
+                                                    <q-item-section label class="item-menu">{{field.label}}
+                                                    </q-item-section>
+                                                </q-item-label>
+                                            </q-item-section>
                                         </q-item>
                                     </div>
                                 </q-list>
@@ -40,7 +44,7 @@
                      :after="[{icon: 'arrow_forward', content: true, handler () {}}]"
                      v-on:keyup.enter="insertTodo(true)">
                 <template v-slot:prepend>
-                    <q-icon name="add" />
+                    <q-icon name="add"/>
                 </template>
             </q-input>
 
diff --git a/src/layouts/drawer/drawer.scss b/src/layouts/drawer/drawer.scss
index b0b04f7..1282a20 100644
--- a/src/layouts/drawer/drawer.scss
+++ b/src/layouts/drawer/drawer.scss
@@ -29,10 +29,10 @@
 }
 
 #user-actions {
-  left: 90px;
-  bottom: 71px;
-  position: relative;
-  width: 171px;
+  //left: 90px;
+  //bottom: 40px;
+  //position: relative;
+  //width: 171px;
 }
 
 #menu-collapse {
diff --git a/src/layouts/drawer/drawer.ts b/src/layouts/drawer/drawer.ts
index c0e5867..9961c2e 100644
--- a/src/layouts/drawer/drawer.ts
+++ b/src/layouts/drawer/drawer.ts
@@ -4,7 +4,7 @@ import { UserStore } from '@modules'
 import { GlobalStore } from '@modules'
 import Vue from 'vue'
 import { Component, Prop } from 'vue-property-decorator'
-import { tools } from "@src/store/Modules/tools"
+import { tools } from '@src/store/Modules/tools'
 
 const namespace: string = 'GlobalModule'
 
@@ -17,37 +17,7 @@ const namespace: string = 'GlobalModule'
 export default class Drawer extends Vue {
   public $q
   public $t: any
-  public photo = ''
   public user = null
 
 
-  get MenuCollapse() {
-    return GlobalStore.state.menuCollapse
-    // return true
-  }
-
-  get Username() {
-    return UserStore.state.username
-  }
-
-  get Verificato() {
-    return UserStore.state.verified_email
-  }
-
-  get Email() {
-    return UserStore.state.email
-  }
-
-  public logoutHandler() {
-    UserStore.actions.logout()
-      .then(() => {
-        this.$router.replace('/logout')
-
-        setTimeout(() => {
-          this.$router.replace('/')
-        }, 1000)
-
-        tools.showNotif(this.$q, this.$t('logout.uscito'), {icon: 'exit_to_app'})
-      })
-  }
 }
diff --git a/src/layouts/drawer/drawer.vue b/src/layouts/drawer/drawer.vue
index a56ee5e..0319fc2 100644
--- a/src/layouts/drawer/drawer.vue
+++ b/src/layouts/drawer/drawer.vue
@@ -1,33 +1,6 @@
 <template>
     <div>
-        <div id="profile" v-if="Username">
-            <img :src="photo" style='height: 80px' class="inline-block">
-            <img src="../img/avatar-1.svg" id="avatar" class="inline-block">
-            <div id="user-name">
-                <span class="text-white"> {{ Username }} </span>
-                <hr>
-                <span class="text-white" v-if="Verificato"> {{$t('reg.verificato')}} </span>
-                <span class="text-white background-red" v-else> {{$t('reg.non_verificato')}} </span>
-                <!-- <span class="text-white"> {{ Email }} </span>-->
-            </div>
-            <div id="user-actions">
-                <q-btn round color="primary" icon="person"></q-btn>
-                <q-btn round color="warning" icon="lock"></q-btn>
-                <q-btn round color="secondary" icon="exit_to_app" @click='logoutHandler'></q-btn>
-            </div>
-        </div>
-
-
         <menu-one></menu-one>
-
-        <!--<footer>
-            <small>- Small</small>
-        </footer>-->
-
-        <!--<div class="fixed-bottom text-center light text-italic">-->
-            <!--Powered by Perseo-->
-        <!--</div>-->
-
     </div>
 </template>
 
diff --git a/src/layouts/img/quasar-logo.png b/src/layouts/img/quasar-logo.png
deleted file mode 100644
index dbcc70f..0000000
Binary files a/src/layouts/img/quasar-logo.png and /dev/null differ
diff --git a/src/layouts/img/vue-logo.png b/src/layouts/img/vue-logo.png
deleted file mode 100644
index f790ac4..0000000
Binary files a/src/layouts/img/vue-logo.png and /dev/null differ
diff --git a/src/layouts/menuone/menuOne.vue b/src/layouts/menuone/menuOne.vue
index a49328c..f7da2a9 100644
--- a/src/layouts/menuone/menuOne.vue
+++ b/src/layouts/menuone/menuOne.vue
@@ -1,8 +1,6 @@
 <template>
     <div class="list no-border platform-delimiter light-paragraph">
-        <q-icon name="action"/>
-
-        <q-list bordered class="rounded-borders text-primary">
+        <q-list class="rounded-borders text-primary">
             <template v-for="(parent, index) in getmenu">
                 <div class="q-list-header">{{replaceUnderlineToSpace(index)}}</div>
                 <div v-for="item in parent.routes">
@@ -31,7 +29,6 @@
                             <div v-show="true">
                                 <q-item
                                         clickable
-                                        v-ripple
                                         exact
                                         :to="item.route"
                                         active-class="my-menu-link">
diff --git a/src/root/home/home.scss b/src/root/home/home.scss
index 91d8f2a..6b66fa6 100644
--- a/src/root/home/home.scss
+++ b/src/root/home/home.scss
@@ -65,7 +65,7 @@ p {
 }
 
 .landing__hero {
-  min-height: 100vh
+  min-height: 50vh
 }
 
 .landing__header {
@@ -146,7 +146,7 @@ h4 {
   opacity: 0.9;
 }
 
-.q-col-gutter-xl {
+.q-col-gutter-sm {
   padding: 50px 50px;
   //margin-left: -48px
 }
@@ -260,12 +260,12 @@ body.mobile .landing:before {
 }
 
 .homep-cover-img-2 {
-  background: #000 url(../../statics/images/mountains.jpg) no-repeat 50% fixed;
+  background: #000 url(../../statics/images/hand_people.jpg) no-repeat 50% fixed;
   //transition: background-image 1s ease-in-out;
 }
 
 .homep-cover-img-3 {
-  background: #000 url(../../statics/images/all_together.jpg) no-repeat 50% fixed;
+  background: #000 url(../../statics/images/cibo_sano.jpg) no-repeat 50% fixed;
   //transition: background-image 1s ease-in-out;
 }
 
@@ -347,7 +347,7 @@ body.mobile .landing:before {
     justify-content: center
   }
 
-  .q-col-gutter-xl {
+  .q-col-gutter-sm {
     padding: 10px 5px;
   }
 
diff --git a/src/root/home/home.vue b/src/root/home/home.vue
index f9e4165..60ce2ea 100644
--- a/src/root/home/home.vue
+++ b/src/root/home/home.vue
@@ -5,16 +5,17 @@
                 <div class="landing__hero">
                     <q-carousel
                             animated
-                            :autoplay="7000"
+                            :autoplay="8000"
                             swipeable
                             infinite
+                            navigation
                             transition-next="slide-left"
                             transition-prev="slide-right"
                             v-model="slide"
                             height="100%"
                             width="100%"
                     >
-                        <q-carousel-slide name="first" class="homep-cover-img-1">
+                        <q-carousel-slide name="first" img-src="../../statics/images/cover.jpg">
                             <div class="landing__header"></div>
                             <div class="landing__hero-content row justify-center q-gutter-xs clgutter">
                                 <div class="row">
@@ -101,7 +102,7 @@
                                 <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" class="homep-cover-img-2">
+                        <q-carousel-slide name="second" img-src="../../statics/images/hand_people.jpg">
                             <div class="landing__header"></div>
                             <div class="landing__hero-content row justify-center q-gutter-xs clgutter">
                                 <div class="row">
@@ -192,7 +193,7 @@
                             <!--<div class="text-subtitle1">Famous City</div>-->
                             <!--</div>-->
                         </q-carousel-slide>
-                        <q-carousel-slide name="third" class="homep-cover-img-3">
+                        <q-carousel-slide name="third" img-src="../../statics/images/cibo_sano.jpg">
                             <div class="landing__header"></div>
                             <div class="landing__hero-content row justify-center q-gutter-xs clgutter">
                                 <div class="row">
@@ -288,7 +289,7 @@
             </section>
 
             <section class="padding bg-white text-grey-10 text-center" v-scroll-reveal.reset>
-                <div class="landing__features row items-start q-col-gutter-xl">
+                <div class="landing__features row items-start q-col-gutter-sm">
                     <div class="col-12 text-center">
                         <div class="feature-item q-mx-md"><img src="statics/images/group-together.jpg"
                                                                class="doc-img"></div>
@@ -300,7 +301,7 @@
                 </div>
             </section>
             <section class="padding bg-primary landing__swirl-bg" v-scroll-reveal.reset>
-                <div class="landing__features row justify-between items-start q-col-gutter-xl">
+                <div class="landing__features row justify-between items-start q-col-gutter-sm">
                     <div class="col-12 col-sm-5">
                         <div class="feature-item"><i aria-hidden="true"
                                                      class="q-icon fas fa-users"> </i><h4>
@@ -328,7 +329,7 @@
                 </div>
             </section>
             <section class="padding bg-indigo-8" v-scroll-reveal.reset>
-                <div class="landing__features row justify-between items-start q-col-gutter-xl">
+                <div class="landing__features row justify-between items-start q-col-gutter-sm">
                     <div class="col-12 col-sm-5">
                         <div class="feature-item"><i aria-hidden="true"
                                                      class="q-icon fas fa-people-carry"> </i><h4>
@@ -396,6 +397,9 @@
                     </div>
 
                 </div>
+                <q-page-scroller position="bottom-right" :scroll-offset="850" :offset="[18, 18]" style="opacity: 0.3">
+                    <q-btn fab icon="keyboard_arrow_up" color="accent" />
+                </q-page-scroller>
             </section>
         </div>
 
diff --git a/src/statics/i18n.js b/src/statics/i18n.js
index 9069e3d..f40ccba 100644
--- a/src/statics/i18n.js
+++ b/src/statics/i18n.js
@@ -35,7 +35,7 @@ const messages = {
       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. ' +
+          '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>' +
@@ -50,7 +50,7 @@ const messages = {
           '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. ',
+          '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.',
@@ -66,14 +66,14 @@ const messages = {
           '<li>Ridotto <strong>Impatto Ambientale</strong></ul>',
       },
       freeliving: {
-        title: 'Free Living',
-        descr: 'Una soluzione meravigliosa per unire 2 realtà:<br>' +
-          '1) Il <strong>Vivere soli</strong> in una casa grande.<br>' +
-          '2) l\'avere bisogno di un <strong>alloggio</strong> temporaneo.<br><br>' +
-          'Tante persone, soprattutto <strong>Anziane</strong> (ma non solo), <strong>abitano da sole</strong> e vorrebbero continuare a vivere nella propria abitazione, ma hanno difficoltà a farlo.<br>' +
+        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 anziana a <strong>fare la spesa</strong>, cucinare, <strong>pulire casa</strong> oppure offrendogli semplicemente <strong>compagnia</strong>.<br>' +
-          'Tramite questo strumento, le persone potranno mettersi in contatto e decidere in che forma <strong>co-abitare</strong>. Le <strong>recensioni</strong> rilasciate ed il <strong>dettaglio</strong> dei profili utenti, ' +
+          '<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>.'
 
       },
@@ -84,7 +84,7 @@ const messages = {
           '<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>Chi gestisce un <strong>Gruppo di Acquisto Solidale (G.A.S.)</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>',
@@ -227,7 +227,7 @@ const messages = {
       titledenied: 'Permesso Notifiche Disabilitato!',
       title_subscribed: 'Sottoscrizione a FreePlanet.app!',
       subscribed: 'Ora potrai ricevere i messaggi e le notifiche.',
-      newVersionAvailable: 'Nuova Versione!'
+      newVersionAvailable: 'Aggiorna'
     },
     connection: 'Connessione',
   },
@@ -258,88 +258,88 @@ const messages = {
     },
     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>' +
+      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.',
+      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. ' +
-          '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.',
+        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 y Cooperación y Diversion</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.',
+        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>' +
+        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>',
+          '<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 Living',
-        descr: 'Una maravillosa solución para combinar 2 realidades: <br> ' +
-          '1) El <strong> Vivir solo </strong> en una casa grande. <br>' +
-          '2) necesitar un <strong> alojamiento temporal </strong>. <br><br>' +
-          'Muchas personas especialmente <strong> Mayores </strong> (pero no solo) <strong>viven solas</strong> y les gustaría seguir viviendo en su propia casa, pero tienen dificultades para hacerlo. <br>' +
+        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> ' +
-          '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>.'
+          '<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> ' +
+        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> 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>' +
+          '<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> 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>' +
+          '<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>',
       },
       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>',
+          'para compartirlo, necesita solo el nombre del sitio web: <strong>www.freeplanet.app</strong>',
       },
       free: {
         title: 'Libre, Código Abierto y Sin Publicidad',
-        descr: '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> ' +
-          '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>. A mí la tarea de gestionarlo y protegerlo. ' +
+        descr: '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> ' +
+          '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>. 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>. '
+          '<strong>Gracias a todos por el apoyo</strong>. '
       },
     },
     pages: {
@@ -452,7 +452,7 @@ const messages = {
       titledenied: 'Notificaciones permitidas deshabilitadas!',
       title_subscribed: 'Suscripción a FreePlanet.app!',
       subscribed: 'Ahora puedes recibir mensajes y notificaciones.',
-      newVersionAvailable: 'Nueva Versión!'
+      newVersionAvailable: 'Actualiza'
     },
     connection: 'Connection',
   },
@@ -483,88 +483,88 @@ const messages = {
     },
     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>' +
+      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.',
+      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. ' +
-          '<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.',
+        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. ',
+        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>' +
+        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>'
+          '<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 Living',
-        descr: 'A wonderful solution to combine 2 realities: <br> ' +
-          '1) The <strong> Living alone </strong> in a big house. <br>' +
-          '2) need a <strong> temporary accommodation </strong>. <br><br>' +
-          'Many people <strong> Senior </strong> (and not) live alone and would like to continue living in their own home, but have difficulty doing so. <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> Senior 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, ' +
+        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> ' +
+        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> Who manages a <strong> Time Bank </strong> </li>' +
-          '<li> <strong> Anyone who wants to participate </strong>, in the form it considers most appropriate. </li>' +
+          '<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> 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>' +
+          '<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>',
       },
       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 name of this site <strong> www.freeplanet.app </strong>',
+          'just share the name of this site <strong>www.freeplanet.app</strong>',
       },
       free: {
         title: 'Free, Open Source and No Advertising',
-        descr: '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> ' +
-          '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>. To me the task of managing it and protecting it. ' +
+        descr: '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> ' +
+          '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>. 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>. '
+          '<strong>Thanks all for the support</strong>. '
       },
     },
     pages: {
@@ -677,7 +677,7 @@ const messages = {
       titledenied: 'Notification Permission Denied!',
       title_subscribed: 'Subscribed to FreePlanet.app!',
       subscribed: 'You can now receive Notification and Messages.',
-      newVersionAvailable: 'New Version!'
+      newVersionAvailable: 'Upgrade'
     },
     connection: 'Conexión',
   },
diff --git a/src/layouts/img/avatar-1.svg b/src/statics/images/avatar-1.svg
similarity index 100%
rename from src/layouts/img/avatar-1.svg
rename to src/statics/images/avatar-1.svg
diff --git a/src/store/Api/Instance.ts b/src/store/Api/Instance.ts
index d755e3f..a6b368d 100644
--- a/src/store/Api/Instance.ts
+++ b/src/store/Api/Instance.ts
@@ -120,6 +120,7 @@ async function Request(type: string, path: string, payload: any): Promise<Types.
       // console.log('ricevuto=', ricevuto)
       console.log('error.response=', error.response)
     }
+    GlobalStore.mutations.setStateConnection(ricevuto ? 'online' : 'offline')
     let mycode = 0
     if (!ricevuto) {
       mycode = tools.ERR_SERVERFETCH
diff --git a/src/store/Modules/GlobalStore.ts b/src/store/Modules/GlobalStore.ts
index 0d132a2..71df008 100644
--- a/src/store/Modules/GlobalStore.ts
+++ b/src/store/Modules/GlobalStore.ts
@@ -61,7 +61,7 @@ async function getConfig(id) {
 
 async function getstateConnSaved() {
   const config = await getConfig(costanti.CONFIG_ID_CFG)
-  console.log('config', config)
+  // console.log('config', config)
   if (config) {
     if (config.length > 1) {
       const cfgstateconn = config[1]
@@ -219,9 +219,9 @@ namespace Getters {
     },
 
     get isNewVersionAvailable() {
-      console.log('state.cfgServer', state.cfgServer)
+      // console.log('state.cfgServer', state.cfgServer)
       const serversrec = state.cfgServer.find((x) => x.chiave === tools.SERVKEY_VERS)
-      console.log('Record ', serversrec)
+      // console.log('Record ', serversrec)
       if (serversrec) {
         console.log('Vers Server ', serversrec.valore, 'Vers locale:', process.env.APP_VERSION)
         return serversrec.valore !== process.env.APP_VERSION
diff --git a/src/store/Modules/tools.ts b/src/store/Modules/tools.ts
index fd6a628..3851757 100644
--- a/src/store/Modules/tools.ts
+++ b/src/store/Modules/tools.ts
@@ -3,6 +3,7 @@ import { ITodo } from '@src/model'
 import { Todos, UserStore } from '@store'
 import globalroutines from './../../globalroutines/index'
 import { costanti } from './costanti'
+import Quasar from 'quasar'
 
 export interface INotify {
   color?: string | 'primary'
@@ -20,6 +21,8 @@ export const tools = {
   DUPLICATE_EMAIL_ID: 11000,
   DUPLICATE_USERNAME_ID: 11100,
 
+  arrLangUsed: ['enUs', 'it', 'es'],
+
   LIST_END: '10000000',
   LIST_START: '0',
 
@@ -383,7 +386,7 @@ export const tools = {
   json2array(json) {
     const result = []
     const keys = Object.keys(json)
-    keys.forEach(function(key) {
+    keys.forEach(function (key) {
       result.push(json[key])
     })
     return result
@@ -401,11 +404,11 @@ export const tools = {
 
     if ('serviceWorker' in navigator) {
       return await navigator.serviceWorker.ready
-        .then(function(sw) {
+        .then(function (sw) {
           // console.log('----------------------      navigator.serviceWorker.ready')
 
           return globalroutines(null, 'write', table, item, id)
-            .then(function(id) {
+            .then(function (id) {
               // console.log('id', id)
               const sep = '|'
 
@@ -424,14 +427,14 @@ export const tools = {
                   return Api.syncAlternative(multiparams)
                   // }
                 })
-                .then(function() {
+                .then(function () {
                   let data = null
                   if (msg !== '') {
                     data = { message: msg, position: 'bottom', timeout: 3000 }
                   }
                   return data
                 })
-                .catch(function(err) {
+                .catch(function (err) {
                   console.error('Errore in globalroutines', table, err)
                 })
             })
@@ -439,7 +442,7 @@ export const tools = {
     }
   },
 
-  showNotif(q: any, msg, data?: INotify | null ) {
+  showNotif(q: any, msg, data?: INotify | null) {
     let myicon = data ? data.icon : 'ion-add'
     if (!myicon)
       myicon = 'ion-add'
@@ -453,6 +456,39 @@ export const tools = {
       color: mycolor,
       timeout: 3000
     })
+  },
+
+  checkLangPassed(mylang) {
+
+    const mybrowserLang = Quasar.lang.isoName
+
+    if (mylang !== '') {
+      if ((mylang.toLowerCase() === 'enus') || (mylang.toLowerCase() === 'en-us')) {
+        mylang = 'enUs'
+      }
+      if ((mylang.toLowerCase() === 'es') || (mylang.toLowerCase() === 'es-es') || (mylang.toLowerCase() === 'eses')) {
+        mylang = 'es'
+      }
+
+      if (!(tools.arrLangUsed.includes(mylang))) {
+        console.log('non incluso ', mylang)
+        mylang = tools.arrLangUsed[0]
+
+        // Metti Inglese come default
+        UserStore.mutations.setlang(mylang)
+      }
+    }
+
+    if (!mylang) {
+      mylang = process.env.LANG_DEFAULT
+    }
+    console.log('mylang calc : ', mylang)
+
+    return mylang
+  },
+
+  getimglogo() {
+    return 'statics/images/' + process.env.LOGO_REG
   }
 
 }