edit: structure contenu contact, news & insta + panneau follow hors rezo + déplacement msgData.js plus haut dans dossiers

v1-com-officielle/src/indieComponents/ContactPannel.vue

@@ -19,8 +19,16 @@
           <CloseIcon name="close" class="icon"/>
         </button>
       </div>
-      <div class="windowContent">
-
+      <div class="windowContent" id="contactContent">
+        <div id="contactText">
+          <p>Si tu veux nous contacter directement, tu peux:<br>&emsp;- nous envoyer un mail<br>&emsp;- ou un DM sur insta</p>
+        </div>
+        <a href="#" class="textBtnStyle" @touchstart.stop @mousedown.stop>
+          E-MAIL
+        </a>
+        <a href="#" class="textBtnStyle" @touchstart.stop @mousedown.stop>
+          INSTA
+        </a>
       </div>
     </div>
 </template>
@@ -42,15 +50,44 @@
   #contactPannel{
     position: fixed;
     width: 333px;
-    height: 333px;
+    height: 350px;
     top: 154px;
     left: 66px;
   }
+
+  #contactContent{
+    width:100%;
+    height:100%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: flex-start;
+  }
+
+  #contactText{
+    width:90%;
+    height:16.1%;
+    font-family: 'velvelyne';
+    font-size: 16.1px;
+    color: var(--main-color);
+    font-weight: bold;
+    display: flex;
+    align-items: center;
+    justify-content: space-around;
+    margin-top: 16.1px;
+  }
+
+  #contactContent .textBtnStyle{
+    width: 90%;
+    height: 77px;
+    margin-top: 16.1px;
+  }
+
   /*================ PC LARGE*/
   @media(min-width:1300px){
     #contactPannel{
-      height: 444px;
-      width: 444px;
+      height: 333px;
+      width: 350px;
       left: 366px;
     }
   }