edit: icon player + modif noise fermé + panneau plus large en format tres grand écran

index.html

@@ -94,7 +94,7 @@
       <div id="aboutSection">
         <div class="uiStyle" id="aboutText">
           <p>
-            Le Laboratoire Ouvert Lyonnais (LOL) est un lieu de rassemblement et d'expérimentations pour tout les passionné·es d'informatique, d'électronique et de technique,
+            Le Laboratoire Ouvert Lyonnais (LOL) est un lieu de rassemblement et d'expérimentations pour tous·tes les passionné·es d'informatique, d'électronique et de technique,
             qui souhaitent réparer, recycler, et se réapproprier les objets et outils qui nous entourent.<br>
     				Le LOL est un lieu d'exploration des alternatives et de bidouille anti-systèmes.
           </p>
@@ -106,7 +106,7 @@
     			<p>
             Nous revendiquons l'ouverture du code et des techniques,
     				le partage des connaissances et l'autogestion,
-            la liberté et l'anti-fascisme. <br><br>
+            l'anti-capitalisme et l'anti-fascisme. <br><br>
             Nous condamnons donc toute forme de violence et de discrimination dans nos locaux.<br>
             Tout comportement assimilé pourra, sur décision collective, vous mener à la sortie.
           </p>

src/App.vue

@@ -1,5 +1,5 @@
 <script setup>
-  import PlayerIcon from './assets/icons/play.svg'
+  import PlayerIcon from './assets/icons/player.svg'
   import LinkIcon from './assets/icons/folder.svg'
 </script>
 
@@ -89,9 +89,8 @@
       openPannel(str){
         if(!(this.pannelStatus.activePannels.includes(str))){
           this.pannelStatus.activePannels.push(str)
-        } else {
-          this.focusPannel(str)
         }
+        this.focusPannel(str)
       }
     },
     mounted(){

src/artAndTexture.js

@@ -92,9 +92,9 @@ function analogLikeNoise(){
   for(let x = 0; x<tW; x++){
     const sx = x * scale + offset
     for(let y = 0; y<tH; y++){
-      let lum = Math.random()*200
+      let lum = Math.random()*161
 
-      //img.data[index++] = lum;
+      //img.data[index++] = lum*150/255;
       index++
       img.data[index++] = lum;
       img.data[index++] = lum;

src/assets/icons/player.svg

@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Calque_1" data-name="Calque 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 97.51 84.66">
+  <path d="M18.91,0v49.74c-.47-.03-.94-.06-1.42-.06-4.72,0-8.81,1.74-12.28,5.21-3.47,3.47-5.21,7.51-5.21,12.1,0,4.96,1.74,9.15,5.21,12.56,3.47,3.41,7.57,5.12,12.28,5.12,4.96,0,9.12-1.7,12.47-5.12,3.35-3.41,5.02-7.6,5.02-12.56,0-.53-.03-1.05-.07-1.57V16h46.6v22.48c-.49-.04-.99-.07-1.49-.07-4.72,0-8.81,1.74-12.28,5.21-3.47,3.47-5.21,7.51-5.21,12.1,0,4.96,1.74,9.15,5.21,12.56,3.47,3.41,7.57,5.12,12.28,5.12,4.96,0,9.12-1.7,12.47-5.12,3.31-3.37,4.97-7.49,5.02-12.37h0V0H18.91Z"/>
+</svg>

src/components/EventInfoPannel.vue

@@ -38,6 +38,17 @@
     left: 77px;
     padding-bottom: 3.33px;
 
+    @media(min-width:650px){
+        left: 333px;
+    }
+
+    @media(min-width: 1300px){
+      width: 333px;
+      max-height: 333px;
+      top: 222px;
+      left: 1000px;
+    }
+
 
           #eventContent{
             padding: 7.77px;
@@ -63,13 +74,6 @@
                   }
           }
   }
-
-  /*================ PC LARGE*/
-  @media(min-width:650px){
-    #eventPannel{
-      left: 333px;
-    }
-  }
 </style>
 
 <script>

src/components/LinkPannel.vue

@@ -48,6 +48,17 @@
     height: 333px;
     top: 222px;
     left: 117px;
+
+    @media(min-width:650px){
+        left: 477px;
+    }
+
+    @media(min-width: 1300px){
+      width: 333px;
+      height: 444px;
+      top: 420px;
+      left: 555px;
+    }
   }
 
   #linkContent{
@@ -95,13 +106,6 @@
             margin-bottom: 7.77px;;
           }
   }
-
-  /*================ PC LARGE*/
-  @media(min-width:650px){
-    #linkPannel{
-      left: 477px;
-    }
-  }
 </style>
 
 <script>

src/components/PlayerPannel.vue

@@ -65,6 +65,16 @@
     box-sizing: border-box;
     cursor: move;
 
+    @media(min-width:700px){
+        left: 477px;
+    }
+
+    @media(min-width: 1300px){
+      width: 333px;
+      top: 333px;
+      left: 333px;
+    }
+
     .closeBtn{
       position: absolute;
       align-self: flex-end;
@@ -108,13 +118,6 @@
 
           }
   }
-
-  /*================ PC LARGE*/
-  @media(min-width:650px){
-    #playerPannel{
-      left: 477px;
-    }
-  }
 </style>
 
 <script>