- created favicons logo

quasar.conf.js

@@ -182,31 +182,16 @@ module.exports = function (ctx) {
         description: 'Social project in order to connecting people each others (working in progress...)',
         display: 'standalone',
         orientation: 'portrait',
+        theme_color: '#ffffff',
         background_color: '#ffffff',
-        theme_color: '#027be3',
         icons: [
           {
-            'src': 'statics/icons/icon-128x128.png',
-            'sizes': '128x128',
-            'type': 'image/png'
-          },
-          {
-            'src': 'statics/icons/icon-192x192.png',
+            'src': 'statics/icons/android-chrome-192x192.png',
             'sizes': '192x192',
             'type': 'image/png'
           },
           {
-            'src': 'statics/icons/icon-256x256.png',
-            'sizes': '256x256',
-            'type': 'image/png'
-          },
-          {
-            'src': 'statics/icons/icon-384x384.png',
-            'sizes': '384x384',
-            'type': 'image/png'
-          },
-          {
-            'src': 'statics/icons/icon-512x512.png',
+            'src': 'statics/icons/android-chrome-512x512',
             'sizes': '512x512',
             'type': 'image/png'
           }

src/components/logo/logo.scss

@@ -10,7 +10,7 @@
 }
 
 #sun {
-  animation: around 5s infinite;
+  animation: gravity 5s infinite;
 
 }
 
@@ -23,26 +23,3 @@
   }
 }
 
-
-@keyframes around {
-  0% {
-    cx: 20;
-    cy: 22;
-  }
-  20% {
-    cx: 25;
-    cy: 24;
-  }
-  50% {
-    cx: 40;
-    cy: 26;
-  }
-  80% {
-    cx: 55;
-    cy: 24;
-  }
-  100% {
-    cx: 60;
-    cy: 22;
-  }
-}

src/components/logo/logo.ts

@@ -9,8 +9,10 @@ import { TimelineLite, Back } from 'gsap'
 
 })
 export default class Logo extends Vue {
-  svgclass: string = 'svgclass'
+  logoimg: string = ''
+
   created() {
+    this.logoimg = 'statics/' + process.env.LOGO_REG
     this.animate()
   }
 
@@ -25,8 +27,4 @@ export default class Logo extends Vue {
 
   }
 
-  public logoimg() {
-    return process.env.LOGO_REG
-  }
-
 }

src/components/logo/logo.vue

@@ -1,6 +1,6 @@
 <template>
     <div id="logo">
-        <img id="logoimg" alt="FreePlanet" :src="`assets/${logoimg()}`">
+        <img id="logoimg" alt="FreePlanet" :src=logoimg>
     </div>
 </template>
 <script lang="ts" src="./logo.ts">

src/index.template.html

@@ -10,7 +10,7 @@
     <meta name="viewport"
           content="user-scalable=no, initial-scale=1, minimum-scale=1, width=device-width<% if (htmlWebpackPlugin.options.ctx.mode.cordova) { %>, viewport-fit=cover<% } %>">
 
-    <link rel="icon" href="statics/quasar-logo.png" type="image/x-icon">
+    <link rel="icon" href="statics/freeplanet-logo.png" type="image/x-icon">
     <link rel="icon" type="image/png" sizes="32x32" href="statics/icons/favicon-32x32.png">
     <link rel="icon" type="image/png" sizes="16x16" href="statics/icons/favicon-16x16.png">
     <script defer src="statics/js/material.min.js"></script>

src/router/route-config.ts

@@ -9,11 +9,6 @@ export const RouteConfig: VueRouteConfig[] = [
     path: '/',
     meta: { name: 'Home' }
   },
-  {
-    path: '/test',
-    component: () => import('@/views/login/test.vue'),
-    meta: { name: 'Test' }
-  },
   {
     path: '/signup',
     component: () => import('@/views/login/signup/signup.vue'),

src/views/login/test.vue

@@ -1,38 +0,0 @@
-<template>
-    <div>
-        <q-page padding class="signup">
-            <div class="text-center">
-                <p>
-                    <img :src="`../../../assets/`+`${env('LOGO_REG')}`">
-                </p>
-            </div>
-
-            <!--Prova URL :  {{env('PROVA_PAOLO')}}-->
-
-            <q-field
-            >
-                <q-input
-                        v-validate="'required|email'"
-                        v-model="form.email"
-                        :value="form.email"
-                />
-            </q-field>
-        </q-page>
-    </div>
-</template>
-
-<script lang="ts">
-  import { Component, Vue, Watch } from 'vue-property-decorator';
-  import { UserStore } from '@store';
-
-
-  @Component({})
-  export default class Login extends Vue {
-    form = {
-      email: 'prova@prova.com',
-    };
-
-  }
-
-
-</script>