edit: bug fix z-index + video pannel + minor other bugs

v1-com-officielle/src/assets/style.css

@@ -136,6 +136,7 @@ html, body{
   height: 100%;
   filter: invert(1) saturate(333%) brightness(93%) hue-rotate(90deg);
   object-fit: cover;
+  transition: 7.77s ease-in;
 }
 
 #canvas .overlay {
@@ -300,11 +301,16 @@ html, body{
 }
 
 .zFocus{
+  z-index: revert;
   z-index: 1312;
   border-color: var(--accent-color);
   border-width: thick;
 }
 
+#artistPannel.zFocus{
+  z-index: 3333;
+}
+
 .windowTitle{
   width:100%;
   height:50px;

v1-com-officielle/src/data/peopleData.js

@@ -22,7 +22,7 @@ function titleAndContent(str){
   for(let line of contentData){
     if(line.includes('http')||line.includes('@')){
       let linkData = line.split("# ");
-      console.log(linkData[1]);
+      //console.log(linkData[1]);
       let linkNoFormat;
       let url = "";
       if (linkData[1].includes('http')){
@@ -31,7 +31,7 @@ function titleAndContent(str){
       } else if (linkData[1].includes('@')){
           url = 'mailto:' + linkData[1];
       }
-      console.log("url info", url)
+      //console.log("url info", url)
       src.push({
         caption: linkData[0],
         url: url

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

@@ -24,7 +24,6 @@
           <div id="linkRow">
             <a href="#" class="textBtnStyle">Lydia</a>
             <a href="#" class="textBtnStyle">Paypal</a>
-            <a href="#" class="textBtnStyle">SumUp</a>
           </div>
       </div>
     </div>
@@ -76,7 +75,7 @@
   }
 
   #linkRow .textBtnStyle{
-    width: 27%;
+    width: 40%;
     height: 50px;
     margin-bottom: 16.1px;
   }

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

@@ -104,7 +104,7 @@
     emits: ['close','focus'],
     computed: {
       selectedLink(){
-        console.log(this.selectedLink);
+        //console.log(this.selectedLink);
         return dataStorage.selectedLink
       }
     },

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

@@ -21,8 +21,7 @@
         </button>
       </div>
       <div class="windowContent" id="visualizerContent">
-        <video controls autoplay id="displayedImgStyle">
-          <source :src="selectedVideo.src" :type="selectedVideo.format">
+        <video controls id="displayedImgStyle" :src="selectedVideo.src" :type="selectedVideo.format">
         </video>
         <div class="reactBar">
           <p class="reactStatStyle">{{selectedVideo.like}}</p>

v1-com-officielle/src/infoComponents/InfoMenu.vue

@@ -42,7 +42,7 @@
           si tu as envie de participer !
           </p>
         <button type="button" class="textBtnStyle" @click="openPannel('follow')">NOUS SUIVRE HORS DES RÉSEAUX!</button>
-        <button type="button" class="textBtnStyle" @click="openPannel('donation')" v-show="false">NOUS FAIRE UNE DONATION</button>
+        <button type="button" class="textBtnStyle" @click="openPannel('donation')">NOUS FAIRE UNE DONATION</button>
         <button type="button" class="textBtnStyle" id="ticketButton" @click="openPannel('ticket')" v-show="false">RÉSERVER MA PLACE!</button>
       </div>
       <div id="btnColumn">