Added main page and basic axios query

src/views/Home.vue

@@ -1,6 +1,15 @@
 <template>
   <section class="home">
-    <h2 class="heading">Homepage</h2>
+    <div class="splash">
+      <h2 class="heading-1">Full Skies</h2>
+      <p class="heading-2">
+        L'application Full Skies explore les cieux à votre place !
+      </p>
+      <p class="heading-2">
+        Embarquez pour un voyage stellaire ; destination : le système solaire et
+        ses astres.
+      </p>
+    </div>
   </section>
 </template>
 
@@ -16,21 +25,32 @@ export default defineComponent({
 .home {
   position: relative;
   min-height: inherit;
-  padding: 0 20px;
+  padding: 0 10%;
+  display: flex;
+  align-items: center;
+  overflow: hidden;
 
   &:after {
     display: block;
     content: "";
     position: absolute;
-    top: -20px;
+    top: 0;
     bottom: 0;
     left: 0;
-    width: 100%;
+    width: 120vw;
     background-image: url("/home_bg-min.jpg");
     background-size: cover;
-    opacity: 0.5;
     z-index: -1;
+    opacity: 0;
     pointer-events: none;
+    animation: fadeInBg 5s ease-out 1s 1 forwards,
+      paneBgAround 35s ease-in-out 1s infinite forwards;
+  }
+
+  .splash {
+    .heading-1 {
+      font-size: 50px;
+    }
   }
 }
 </style>