- created logo FreePlanet in SVG animation !

src/root/home/animate.js

@@ -0,0 +1,28 @@
+
+TweenMax.set('.vlogo', {
+  opacity: 1
+})
+
+TweenMax.set('#words', {
+  visibility: 'visible'
+})
+
+//repeating for all the birds, uses classes
+exports.anima = () => {
+  alert("prova")
+  const tl = new TimelineMax({
+    repeat: 2,
+    yoyo: true
+  })
+
+  tl.add('start')
+
+  tl.to('.sun ', 1, {
+    rotation: -45,
+    y: -20,
+    transformOrigin: '50% 90%'
+  }, 'start')
+
+  tl.timeScale(2)
+  return tl
+}

src/root/home/home.ts

@@ -2,16 +2,19 @@ import Vue from 'vue'
 import { Component } from 'vue-property-decorator'
 import { GlobalStore } from '@store'
 
+import { Logo } from '@components'
+
 require('./home.scss')
 
 @Component({
-
+  components: { Logo }
 })
 export default class Home extends Vue {
   text: string = ''
   visibile: boolean = false
   cardvisible: string = 'hidden'
   displaycard: string = 'block'
+  svgclass: string = 'svgclass'
   $t: any
 
   public $q

src/root/home/home.vue

@@ -1,36 +1,6 @@
 <template >
     <q-page class="flex flex-center">
-        <img alt="Quasar logo" src="~assets/quasar-logo-full.svg">
-
-        <q-btn round color="blue" icon="add" id="shareimagebutton" @click="openCreatePostModal">
-            <q-spinner-facebook slot="loading"/>
-        </q-btn>
-
-        <q-field
-                icon="wifi"
-                helper="Some helper"
-        >
-            <q-input
-                    v-model="conta"
-            />
-            <br>{{$t('comp.Conta')}} = {{ conta }}
-        </q-field>
-
-        <!--<q-btn
-                @click="showNotification"
-                color="primary"
-                label="Mostra notifica"
-        />-->
-
-        <q-card id="mycard" class="mycard" :style="mystilecard">
-            <q-card-title>
-                Card Title
-            </q-card-title>
-            <q-card-separator/>
-            <q-card-main>
-                Card Content
-            </q-card-main>
-        </q-card>
+        <logo></logo>
 
     </q-page>