- created favicons logo

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">