feat: début des descriptions des pixels

src/front/index.html

@@ -85,7 +85,12 @@
     <div class="pixel-container">
         <table>
             <tr>
-                <td class="pixel" id="r0c0"></td>
+                <td class="pixel" id="r0c0">
+                    <div class="info-pixel">
+                        <div class="username">Moi</div>
+                        <div class="description">Petit desc oklm</div>
+                    </div>
+                </td>
                 <td class="pixel" id="r0c1"></td>
                 <td class="pixel" id="r0c2"></td>
                 <td class="pixel" id="r0c3"></td>
@@ -205,9 +210,6 @@
                 <td class="pixel" id="r9c9"></td>
             </tr>
         </table>
-        <div class="pixel-description">
-            Description
-        </div>
     </div>
 </body>
 

src/front/pixels.css

@@ -6,11 +6,17 @@
   height: 1000px;
 }
 
+table {
+  --side: 80px;
+  table-layout: fixed;
+  width: calc(10 * var(--side));
+  height: calc(10 * var(--side));
+}
 
 .pixel {
   background: #fff;
-  width: 80px;
-  height: 80px;
+  width: var(--side);
+  height: var(--side);
 }
 
 .pixel:hover {
@@ -24,4 +30,11 @@ table {
 
 .pixel-description {
   position: absolute;
+}
+
+.info-pixel {
+  position: relative;
+  width: 200px;
+  height: 200px;
+  left: var(--side);
 }