- Update Menu User Account: Login/SignUp

src/root/home/home.scss

@@ -40,7 +40,11 @@
 }
 
 .landing__hero {
-  min-height: 100vh
+  min-height: 90vh
+}
+
+.landing__header {
+  height: 18vh
 }
 
 .landing__arrow {
@@ -77,8 +81,8 @@
 .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, .1) 65%, #000);
-  padding-top: 72px !important;
-  padding-bottom: 72px !important
+  //padding-top: 72px !important;
+  //padding-bottom: 72px !important
 }
 
 .landing__footer .doc-link {
@@ -96,25 +100,27 @@
   background-image: url(https://cdn.quasar-framework.org/img/landing_first_section.png) !important
 }
 
-
 @media (max-width: 718px) {
   .landing__hero {
     text-align: center
   }
+  .landing__header {
+    height: 9vh
+  }
   .landing__hero .text-h1 {
     font-size: 3rem;
     line-height: 3.05rem;
-    margin-bottom: 24px
+    //margin-bottom: 24px
   }
   .landing > section.padding {
-    padding-top: 90px;
-    padding-bottom: 90px
+    //padding-top: 90px;
+    //padding-bottom: 90px
   }
   .landing .feature-item {
     text-align: center
   }
   .landing__hero-content {
-    padding-bottom: 180px
+    //padding-bottom: 180px
   }
   .landing__hero-btns {
     -webkit-box-pack: center;
@@ -131,7 +137,7 @@ body.mobile .landing:before {
   content: "";
   position: fixed;
   top: 0;
-  height: 100vh;
+  height: 90vh;
   left: 0;
   right: 0;
   bottom: 0;
@@ -167,6 +173,10 @@ body.mobile .landing:before {
   justify-content: space-between;
 }
 
+.btn-start {
+  margin: 5px;
+}
+
 .shadow {
   //color: white;
   text-shadow: 2px 2px 4px #000000;

src/root/home/home.ts

@@ -1,6 +1,6 @@
 import Vue from 'vue'
 import { Component } from 'vue-property-decorator'
-import { GlobalStore } from '@store'
+import { GlobalStore, UserStore } from '@store'
 
 import { Logo } from '../../components/logo'
 
@@ -30,6 +30,10 @@ export default class Home extends Vue {
     GlobalStore.actions.prova()
   }
 
+  get isLogged(){
+    return UserStore.state.isLogged
+  }
+
 
   meta() {
     return {
@@ -82,6 +86,10 @@ export default class Home extends Vue {
 
   }
 
+  get isInCostruction () {
+    return process.env.IN_CONSTRUCTION === '1'
+  }
+
   getPermission() {
     return Notification.permission
   }
@@ -90,6 +98,14 @@ export default class Home extends Vue {
     return (!('serviceWorker' in navigator))
   }
 
+  PagLogin () {
+    this.$router.replace('/signin')
+  }
+
+  PagReg () {
+    this.$router.replace('/signup')
+  }
+
   displayConfirmNotification() {
     let options = null
     if ('serviceWorker' in navigator) {

src/root/home/home.vue

@@ -3,7 +3,7 @@
         <div class="landing">
             <section>
                 <div class="landing__hero">
-                    <div style="height: 18vh;"></div>
+                    <div class="landing__header"></div>
                     <div class="landing__hero-content row justify-center q-gutter-xl">
                         <div class="row">
                             <logo></logo>
@@ -29,24 +29,34 @@
 
                                 </div>
 
-<!--
-                                <q-btn>
+                                <!--
+                                                                <q-btn>
 
-                                    Canale Telegram: <a href="https://t.me/freeplanet_channel" target="_blank"
-                                                        style="color: white;">
-                                    <q-icon class="fab fa-telegram" size="2rem"/>
-                                    </a>
-                                </q-btn>
--->
+                                                                    Canale Telegram: <a href="https://t.me/freeplanet_channel" target="_blank"
+                                                                                        style="color: white;">
+                                                                    <q-icon class="fab fa-telegram" size="2rem"/>
+                                                                    </a>
+                                                                </q-btn>
+                                -->
 
-                                <div style="margin: 5px;">
+                                <div v-if="isInCostruction" style="margin: 5px;">
                                     <q-alert
                                             type="info"
                                             class="q-mb-sm">
                                         {{$t('msg.underconstruction')}}
                                     </q-alert>
+                                    <br>
+                                </div>
+                                <div v-else>
+                                    <div v-if="!isLogged" style="margin: 5px; padding: 5px;" class="home">
+                                        <q-btn rounded size="lg" color="primary" @click="PagLogin" class="btn-start">
+                                            {{$t('login.enter')}}
+                                        </q-btn>
+                                        <q-btn rounded size="lg" color="secondary" @click="PagReg" class="btn-start">
+                                            {{$t('reg.submit')}}
+                                        </q-btn>
+                                    </div>
                                 </div>
-                                <br>
 
                                 <div>
                                     <q-field