feat: debut menu quand on est log
This commit is contained in:
gdamms
parent
74a7d01114
commit
15d6c2e205
765
src/front/index2.html
Normal file
765
src/front/index2.html
Normal file
|
|
@ -0,0 +1,765 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en" dir="ltr">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Popup Login Form Design | CodingNepal</title>
|
||||
<link rel="stylesheet" href="utils.css">
|
||||
<link rel="stylesheet" href="title-bar.css">
|
||||
<link rel="stylesheet" href="profil.css">
|
||||
<link rel="stylesheet" href="pixels.css">
|
||||
<link rel="stylesheet" href="pix.css">
|
||||
<script>
|
||||
function toggleLoginSignup(l, s) {
|
||||
document.getElementById("show-login").checked = l;
|
||||
document.getElementById("show-signup").checked = s;
|
||||
}
|
||||
</script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div class="title-bar">
|
||||
<div class="title">
|
||||
<img src="logo.png" /> Pixels
|
||||
</div>
|
||||
<div class="profil">
|
||||
<input type="checkbox" id="show-menu" class="show">
|
||||
<label for="show-menu" class="menu-btn">Menu</label>
|
||||
|
||||
<div class="menu-container">
|
||||
<label for="show-menu" class="close-btn" title="close">X</label>
|
||||
<div class="text">
|
||||
Menu
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="pixel-container">
|
||||
<table>
|
||||
<tr>
|
||||
<td class="pixel" id="r0c0">
|
||||
<div class="info-pixel">
|
||||
<div class="username">Moi</div>
|
||||
<div class="description">Petit desc oklm</div>
|
||||
</div>
|
||||
<div class="patch-shadow"></div>
|
||||
</td>
|
||||
<td class="pixel" id="r0c1">
|
||||
<div class="info-pixel">
|
||||
<div class="username">Moi</div>
|
||||
<div class="description">Petit desc oklm</div>
|
||||
</div>
|
||||
<div class="patch-shadow"></div>
|
||||
</td>
|
||||
<td class="pixel" id="r0c2">
|
||||
<div class="info-pixel">
|
||||
<div class="username">Moi</div>
|
||||
<div class="description">Petit desc oklm</div>
|
||||
</div>
|
||||
<div class="patch-shadow"></div>
|
||||
</td>
|
||||
<td class="pixel" id="r0c3">
|
||||
<div class="info-pixel">
|
||||
<div class="username">Moi</div>
|
||||
<div class="description">Petit desc oklm</div>
|
||||
</div>
|
||||
<div class="patch-shadow"></div>
|
||||
</td>
|
||||
<td class="pixel" id="r0c4">
|
||||
<div class="info-pixel">
|
||||
<div class="username">Moi</div>
|
||||
<div class="description">Petit desc oklm</div>
|
||||
</div>
|
||||
<div class="patch-shadow"></div>
|
||||
</td>
|
||||
<td class="pixel" id="r0c5">
|
||||
<div class="info-pixel">
|
||||
<div class="username">Moi</div>
|
||||
<div class="description">Petit desc oklm</div>
|
||||
</div>
|
||||
<div class="patch-shadow"></div>
|
||||
</td>
|
||||
<td class="pixel" id="r0c6">
|
||||
<div class="info-pixel">
|
||||
<div class="username">Moi</div>
|
||||
<div class="description">Petit desc oklm</div>
|
||||
</div>
|
||||
<div class="patch-shadow"></div>
|
||||
</td>
|
||||
<td class="pixel" id="r0c7">
|
||||
<div class="info-pixel">
|
||||
<div class="username">Moi</div>
|
||||
<div class="description">Petit desc oklm</div>
|
||||
</div>
|
||||
<div class="patch-shadow"></div>
|
||||
</td>
|
||||
<td class="pixel" id="r0c8">
|
||||
<div class="info-pixel">
|
||||
<div class="username">Moi</div>
|
||||
<div class="description">Petit desc oklm</div>
|
||||
</div>
|
||||
<div class="patch-shadow"></div>
|
||||
</td>
|
||||
<td class="pixel" id="r0c9">
|
||||
<div class="info-pixel">
|
||||
<div class="username">Moi</div>
|
||||
<div class="description">Petit desc oklm</div>
|
||||
</div>
|
||||
<div class="patch-shadow"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="pixel" id="r1c0">
|
||||
<div class="info-pixel">
|
||||
<div class="username">Moi</div>
|
||||
<div class="description">Petit desc oklm</div>
|
||||
</div>
|
||||
<div class="patch-shadow"></div>
|
||||
</td>
|
||||
<td class="pixel" id="r1c1">
|
||||
<div class="info-pixel">
|
||||
<div class="username">Moi</div>
|
||||
<div class="description">Petit desc oklm</div>
|
||||
</div>
|
||||
<div class="patch-shadow"></div>
|
||||
</td>
|
||||
<td class="pixel" id="r1c2">
|
||||
<div class="info-pixel">
|
||||
<div class="username">Moi</div>
|
||||
<div class="description">Petit desc oklm</div>
|
||||
</div>
|
||||
<div class="patch-shadow"></div>
|
||||
</td>
|
||||
<td class="pixel" id="r1c3">
|
||||
<div class="info-pixel">
|
||||
<div class="username">Moi</div>
|
||||
<div class="description">Petit desc oklm</div>
|
||||
</div>
|
||||
<div class="patch-shadow"></div>
|
||||
</td>
|
||||
<td class="pixel" id="r1c4">
|
||||
<div class="info-pixel">
|
||||
<div class="username">Moi</div>
|
||||
<div class="description">Petit desc oklm</div>
|
||||
</div>
|
||||
<div class="patch-shadow"></div>
|
||||
</td>
|
||||
<td class="pixel" id="r1c5">
|
||||
<div class="info-pixel">
|
||||
<div class="username">Moi</div>
|
||||
<div class="description">Petit desc oklm</div>
|
||||
</div>
|
||||
<div class="patch-shadow"></div>
|
||||
</td>
|
||||
<td class="pixel" id="r1c6">
|
||||
<div class="info-pixel">
|
||||
<div class="username">Moi</div>
|
||||
<div class="description">Petit desc oklm</div>
|
||||
</div>
|
||||
<div class="patch-shadow"></div>
|
||||
</td>
|
||||
<td class="pixel" id="r1c7">
|
||||
<div class="info-pixel">
|
||||
<div class="username">Moi</div>
|
||||
<div class="description">Petit desc oklm</div>
|
||||
</div>
|
||||
<div class="patch-shadow"></div>
|
||||
</td>
|
||||
<td class="pixel" id="r1c8">
|
||||
<div class="info-pixel">
|
||||
<div class="username">Moi</div>
|
||||
<div class="description">Petit desc oklm</div>
|
||||
</div>
|
||||
<div class="patch-shadow"></div>
|
||||
</td>
|
||||
<td class="pixel" id="r1c9">
|
||||
<div class="info-pixel">
|
||||
<div class="username">Moi</div>
|
||||
<div class="description">Petit desc oklm</div>
|
||||
</div>
|
||||
<div class="patch-shadow"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="pixel" id="r2c0">
|
||||
<div class="info-pixel">
|
||||
<div class="username">Moi</div>
|
||||
<div class="description">Petit desc oklm</div>
|
||||
</div>
|
||||
<div class="patch-shadow"></div>
|
||||
</td>
|
||||
<td class="pixel" id="r2c1">
|
||||
<div class="info-pixel">
|
||||
<div class="username">Moi</div>
|
||||
<div class="description">Petit desc oklm</div>
|
||||
</div>
|
||||
<div class="patch-shadow"></div>
|
||||
</td>
|
||||
<td class="pixel" id="r2c2">
|
||||
<div class="info-pixel">
|
||||
<div class="username">Moi</div>
|
||||
<div class="description">Petit desc oklm</div>
|
||||
</div>
|
||||
<div class="patch-shadow"></div>
|
||||
</td>
|
||||
<td class="pixel" id="r2c3">
|
||||
<div class="info-pixel">
|
||||
<div class="username">Moi</div>
|
||||
<div class="description">Petit desc oklm</div>
|
||||
</div>
|
||||
<div class="patch-shadow"></div>
|
||||
</td>
|
||||
<td class="pixel" id="r2c4">
|
||||
<div class="info-pixel">
|
||||
<div class="username">Moi</div>
|
||||
<div class="description">Petit desc oklm</div>
|
||||
</div>
|
||||
<div class="patch-shadow"></div>
|
||||
</td>
|
||||
<td class="pixel" id="r2c5">
|
||||
<div class="info-pixel">
|
||||
<div class="username">Moi</div>
|
||||
<div class="description">Petit desc oklm</div>
|
||||
</div>
|
||||
<div class="patch-shadow"></div>
|
||||
</td>
|
||||
<td class="pixel" id="r2c6">
|
||||
<div class="info-pixel">
|
||||
<div class="username">Moi</div>
|
||||
<div class="description">Petit desc oklm</div>
|
||||
</div>
|
||||
<div class="patch-shadow"></div>
|
||||
</td>
|
||||
<td class="pixel" id="r2c7">
|
||||
<div class="info-pixel">
|
||||
<div class="username">Moi</div>
|
||||
<div class="description">Petit desc oklm</div>
|
||||
</div>
|
||||
<div class="patch-shadow"></div>
|
||||
</td>
|
||||
<td class="pixel" id="r2c8">
|
||||
<div class="info-pixel">
|
||||
<div class="username">Moi</div>
|
||||
<div class="description">Petit desc oklm</div>
|
||||
</div>
|
||||
<div class="patch-shadow"></div>
|
||||
</td>
|
||||
<td class="pixel" id="r2c9">
|
||||
<div class="info-pixel">
|
||||
<div class="username">Moi</div>
|
||||
<div class="description">Petit desc oklm</div>
|
||||
</div>
|
||||
<div class="patch-shadow"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="pixel" id="r3c0">
|
||||
<div class="info-pixel">
|
||||
<div class="username">Moi</div>
|
||||
<div class="description">Petit desc oklm</div>
|
||||
</div>
|
||||
<div class="patch-shadow"></div>
|
||||
</td>
|
||||
<td class="pixel" id="r3c1">
|
||||
<div class="info-pixel">
|
||||
<div class="username">Moi</div>
|
||||
<div class="description">Petit desc oklm</div>
|
||||
</div>
|
||||
<div class="patch-shadow"></div>
|
||||
</td>
|
||||
<td class="pixel" id="r3c2">
|
||||
<div class="info-pixel">
|
||||
<div class="username">Moi</div>
|
||||
<div class="description">Petit desc oklm</div>
|
||||
</div>
|
||||
<div class="patch-shadow"></div>
|
||||
</td>
|
||||
<td class="pixel" id="r3c3">
|
||||
<div class="info-pixel">
|
||||
<div class="username">Moi</div>
|
||||
<div class="description">Petit desc oklm</div>
|
||||
</div>
|
||||
<div class="patch-shadow"></div>
|
||||
</td>
|
||||
<td class="pixel" id="r3c4">
|
||||
<div class="info-pixel">
|
||||
<div class="username">Moi</div>
|
||||
<div class="description">Petit desc oklm</div>
|
||||
</div>
|
||||
<div class="patch-shadow"></div>
|
||||
</td>
|
||||
<td class="pixel" id="r3c5">
|
||||
<div class="info-pixel">
|
||||
<div class="username">Moi</div>
|
||||
<div class="description">Petit desc oklm</div>
|
||||
</div>
|
||||
<div class="patch-shadow"></div>
|
||||
</td>
|
||||
<td class="pixel" id="r3c6">
|
||||
<div class="info-pixel">
|
||||
<div class="username">Moi</div>
|
||||
<div class="description">Petit desc oklm</div>
|
||||
</div>
|
||||
<div class="patch-shadow"></div>
|
||||
</td>
|
||||
<td class="pixel" id="r3c7">
|
||||
<div class="info-pixel">
|
||||
<div class="username">Moi</div>
|
||||
<div class="description">Petit desc oklm</div>
|
||||
</div>
|
||||
<div class="patch-shadow"></div>
|
||||
</td>
|
||||
<td class="pixel" id="r3c8">
|
||||
<div class="info-pixel">
|
||||
<div class="username">Moi</div>
|
||||
<div class="description">Petit desc oklm</div>
|
||||
</div>
|
||||
<div class="patch-shadow"></div>
|
||||
</td>
|
||||
<td class="pixel" id="r3c9">
|
||||
<div class="info-pixel">
|
||||
<div class="username">Moi</div>
|
||||
<div class="description">Petit desc oklm</div>
|
||||
</div>
|
||||
<div class="patch-shadow"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="pixel" id="r4c0">
|
||||
<div class="info-pixel">
|
||||
<div class="username">Moi</div>
|
||||
<div class="description">Petit desc oklm</div>
|
||||
</div>
|
||||
<div class="patch-shadow"></div>
|
||||
</td>
|
||||
<td class="pixel" id="r4c1">
|
||||
<div class="info-pixel">
|
||||
<div class="username">Moi</div>
|
||||
<div class="description">Petit desc oklm</div>
|
||||
</div>
|
||||
<div class="patch-shadow"></div>
|
||||
</td>
|
||||
<td class="pixel" id="r4c2">
|
||||
<div class="info-pixel">
|
||||
<div class="username">Moi</div>
|
||||
<div class="description">Petit desc oklm</div>
|
||||
</div>
|
||||
<div class="patch-shadow"></div>
|
||||
</td>
|
||||
<td class="pixel" id="r4c3">
|
||||
<div class="info-pixel">
|
||||
<div class="username">Moi</div>
|
||||
<div class="description">Petit desc oklm</div>
|
||||
</div>
|
||||
<div class="patch-shadow"></div>
|
||||
</td>
|
||||
<td class="pixel" id="r4c4">
|
||||
<div class="info-pixel">
|
||||
<div class="username">Moi</div>
|
||||
<div class="description">Petit desc oklm</div>
|
||||
</div>
|
||||
<div class="patch-shadow"></div>
|
||||
</td>
|
||||
<td class="pixel" id="r4c5">
|
||||
<div class="info-pixel">
|
||||
<div class="username">Moi</div>
|
||||
<div class="description">Petit desc oklm</div>
|
||||
</div>
|
||||
<div class="patch-shadow"></div>
|
||||
</td>
|
||||
<td class="pixel" id="r4c6">
|
||||
<div class="info-pixel">
|
||||
<div class="username">Moi</div>
|
||||
<div class="description">Petit desc oklm</div>
|
||||
</div>
|
||||
<div class="patch-shadow"></div>
|
||||
</td>
|
||||
<td class="pixel" id="r4c7">
|
||||
<div class="info-pixel">
|
||||
<div class="username">Moi</div>
|
||||
<div class="description">Petit desc oklm</div>
|
||||
</div>
|
||||
<div class="patch-shadow"></div>
|
||||
</td>
|
||||
<td class="pixel" id="r4c8">
|
||||
<div class="info-pixel">
|
||||
<div class="username">Moi</div>
|
||||
<div class="description">Petit desc oklm</div>
|
||||
</div>
|
||||
<div class="patch-shadow"></div>
|
||||
</td>
|
||||
<td class="pixel" id="r4c9">
|
||||
<div class="info-pixel">
|
||||
<div class="username">Moi</div>
|
||||
<div class="description">Petit desc oklm</div>
|
||||
</div>
|
||||
<div class="patch-shadow"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="pixel" id="r5c0">
|
||||
<div class="info-pixel">
|
||||
<div class="username">Moi</div>
|
||||
<div class="description">Petit desc oklm</div>
|
||||
</div>
|
||||
<div class="patch-shadow"></div>
|
||||
</td>
|
||||
<td class="pixel" id="r5c1">
|
||||
<div class="info-pixel">
|
||||
<div class="username">Moi</div>
|
||||
<div class="description">Petit desc oklm</div>
|
||||
</div>
|
||||
<div class="patch-shadow"></div>
|
||||
</td>
|
||||
<td class="pixel" id="r5c2">
|
||||
<div class="info-pixel">
|
||||
<div class="username">Moi</div>
|
||||
<div class="description">Petit desc oklm</div>
|
||||
</div>
|
||||
<div class="patch-shadow"></div>
|
||||
</td>
|
||||
<td class="pixel" id="r5c3">
|
||||
<div class="info-pixel">
|
||||
<div class="username">Moi</div>
|
||||
<div class="description">Petit desc oklm</div>
|
||||
</div>
|
||||
<div class="patch-shadow"></div>
|
||||
</td>
|
||||
<td class="pixel" id="r5c4">
|
||||
<div class="info-pixel">
|
||||
<div class="username">Moi</div>
|
||||
<div class="description">Petit desc oklm</div>
|
||||
</div>
|
||||
<div class="patch-shadow"></div>
|
||||
</td>
|
||||
<td class="pixel" id="r5c5">
|
||||
<div class="info-pixel">
|
||||
<div class="username">Moi</div>
|
||||
<div class="description">Petit desc oklm</div>
|
||||
</div>
|
||||
<div class="patch-shadow"></div>
|
||||
</td>
|
||||
<td class="pixel" id="r5c6">
|
||||
<div class="info-pixel">
|
||||
<div class="username">Moi</div>
|
||||
<div class="description">Petit desc oklm</div>
|
||||
</div>
|
||||
<div class="patch-shadow"></div>
|
||||
</td>
|
||||
<td class="pixel" id="r5c7">
|
||||
<div class="info-pixel">
|
||||
<div class="username">Moi</div>
|
||||
<div class="description">Petit desc oklm</div>
|
||||
</div>
|
||||
<div class="patch-shadow"></div>
|
||||
</td>
|
||||
<td class="pixel" id="r5c8">
|
||||
<div class="info-pixel">
|
||||
<div class="username">Moi</div>
|
||||
<div class="description">Petit desc oklm</div>
|
||||
</div>
|
||||
<div class="patch-shadow"></div>
|
||||
</td>
|
||||
<td class="pixel" id="r5c9">
|
||||
<div class="info-pixel">
|
||||
<div class="username">Moi</div>
|
||||
<div class="description">Petit desc oklm</div>
|
||||
</div>
|
||||
<div class="patch-shadow"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="pixel" id="r6c0">
|
||||
<div class="info-pixel">
|
||||
<div class="username">Moi</div>
|
||||
<div class="description">Petit desc oklm</div>
|
||||
</div>
|
||||
<div class="patch-shadow"></div>
|
||||
</td>
|
||||
<td class="pixel" id="r6c1">
|
||||
<div class="info-pixel">
|
||||
<div class="username">Moi</div>
|
||||
<div class="description">Petit desc oklm</div>
|
||||
</div>
|
||||
<div class="patch-shadow"></div>
|
||||
</td>
|
||||
<td class="pixel" id="r6c2">
|
||||
<div class="info-pixel">
|
||||
<div class="username">Moi</div>
|
||||
<div class="description">Petit desc oklm</div>
|
||||
</div>
|
||||
<div class="patch-shadow"></div>
|
||||
</td>
|
||||
<td class="pixel" id="r6c3">
|
||||
<div class="info-pixel">
|
||||
<div class="username">Moi</div>
|
||||
<div class="description">Petit desc oklm</div>
|
||||
</div>
|
||||
<div class="patch-shadow"></div>
|
||||
</td>
|
||||
<td class="pixel" id="r6c4">
|
||||
<div class="info-pixel">
|
||||
<div class="username">Moi</div>
|
||||
<div class="description">Petit desc oklm</div>
|
||||
</div>
|
||||
<div class="patch-shadow"></div>
|
||||
</td>
|
||||
<td class="pixel" id="r6c5">
|
||||
<div class="info-pixel">
|
||||
<div class="username">Moi</div>
|
||||
<div class="description">Petit desc oklm</div>
|
||||
</div>
|
||||
<div class="patch-shadow"></div>
|
||||
</td>
|
||||
<td class="pixel" id="r6c6">
|
||||
<div class="info-pixel">
|
||||
<div class="username">Moi</div>
|
||||
<div class="description">Petit desc oklm</div>
|
||||
</div>
|
||||
<div class="patch-shadow"></div>
|
||||
</td>
|
||||
<td class="pixel" id="r6c7">
|
||||
<div class="info-pixel">
|
||||
<div class="username">Moi</div>
|
||||
<div class="description">Petit desc oklm</div>
|
||||
</div>
|
||||
<div class="patch-shadow"></div>
|
||||
</td>
|
||||
<td class="pixel" id="r6c8">
|
||||
<div class="info-pixel">
|
||||
<div class="username">Moi</div>
|
||||
<div class="description">Petit desc oklm</div>
|
||||
</div>
|
||||
<div class="patch-shadow"></div>
|
||||
</td>
|
||||
<td class="pixel" id="r6c9">
|
||||
<div class="info-pixel">
|
||||
<div class="username">Moi</div>
|
||||
<div class="description">Petit desc oklm</div>
|
||||
</div>
|
||||
<div class="patch-shadow"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="pixel" id="r7c0">
|
||||
<div class="info-pixel">
|
||||
<div class="username">Moi</div>
|
||||
<div class="description">Petit desc oklm</div>
|
||||
</div>
|
||||
<div class="patch-shadow"></div>
|
||||
</td>
|
||||
<td class="pixel" id="r7c1">
|
||||
<div class="info-pixel">
|
||||
<div class="username">Moi</div>
|
||||
<div class="description">Petit desc oklm</div>
|
||||
</div>
|
||||
<div class="patch-shadow"></div>
|
||||
</td>
|
||||
<td class="pixel" id="r7c2">
|
||||
<div class="info-pixel">
|
||||
<div class="username">Moi</div>
|
||||
<div class="description">Petit desc oklm</div>
|
||||
</div>
|
||||
<div class="patch-shadow"></div>
|
||||
</td>
|
||||
<td class="pixel" id="r7c3">
|
||||
<div class="info-pixel">
|
||||
<div class="username">Moi</div>
|
||||
<div class="description">Petit desc oklm</div>
|
||||
</div>
|
||||
<div class="patch-shadow"></div>
|
||||
</td>
|
||||
<td class="pixel" id="r7c4">
|
||||
<div class="info-pixel">
|
||||
<div class="username">Moi</div>
|
||||
<div class="description">Petit desc oklm</div>
|
||||
</div>
|
||||
<div class="patch-shadow"></div>
|
||||
</td>
|
||||
<td class="pixel" id="r7c5">
|
||||
<div class="info-pixel">
|
||||
<div class="username">Moi</div>
|
||||
<div class="description">Petit desc oklm</div>
|
||||
</div>
|
||||
<div class="patch-shadow"></div>
|
||||
</td>
|
||||
<td class="pixel" id="r7c6">
|
||||
<div class="info-pixel">
|
||||
<div class="username">Moi</div>
|
||||
<div class="description">Petit desc oklm</div>
|
||||
</div>
|
||||
<div class="patch-shadow"></div>
|
||||
</td>
|
||||
<td class="pixel" id="r7c7">
|
||||
<div class="info-pixel">
|
||||
<div class="username">Moi</div>
|
||||
<div class="description">Petit desc oklm</div>
|
||||
</div>
|
||||
<div class="patch-shadow"></div>
|
||||
</td>
|
||||
<td class="pixel" id="r7c8">
|
||||
<div class="info-pixel">
|
||||
<div class="username">Moi</div>
|
||||
<div class="description">Petit desc oklm</div>
|
||||
</div>
|
||||
<div class="patch-shadow"></div>
|
||||
</td>
|
||||
<td class="pixel" id="r7c9">
|
||||
<div class="info-pixel">
|
||||
<div class="username">Moi</div>
|
||||
<div class="description">Petit desc oklm</div>
|
||||
</div>
|
||||
<div class="patch-shadow"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="pixel" id="r8c0">
|
||||
<div class="info-pixel">
|
||||
<div class="username">Moi</div>
|
||||
<div class="description">Petit desc oklm</div>
|
||||
</div>
|
||||
<div class="patch-shadow"></div>
|
||||
</td>
|
||||
<td class="pixel" id="r8c1">
|
||||
<div class="info-pixel">
|
||||
<div class="username">Moi</div>
|
||||
<div class="description">Petit desc oklm</div>
|
||||
</div>
|
||||
<div class="patch-shadow"></div>
|
||||
</td>
|
||||
<td class="pixel" id="r8c2">
|
||||
<div class="info-pixel">
|
||||
<div class="username">Moi</div>
|
||||
<div class="description">Petit desc oklm</div>
|
||||
</div>
|
||||
<div class="patch-shadow"></div>
|
||||
</td>
|
||||
<td class="pixel" id="r8c3">
|
||||
<div class="info-pixel">
|
||||
<div class="username">Moi</div>
|
||||
<div class="description">Petit desc oklm</div>
|
||||
</div>
|
||||
<div class="patch-shadow"></div>
|
||||
</td>
|
||||
<td class="pixel" id="r8c4">
|
||||
<div class="info-pixel">
|
||||
<div class="username">Moi</div>
|
||||
<div class="description">Petit desc oklm</div>
|
||||
</div>
|
||||
<div class="patch-shadow"></div>
|
||||
</td>
|
||||
<td class="pixel" id="r8c5">
|
||||
<div class="info-pixel">
|
||||
<div class="username">Moi</div>
|
||||
<div class="description">Petit desc oklm</div>
|
||||
</div>
|
||||
<div class="patch-shadow"></div>
|
||||
</td>
|
||||
<td class="pixel" id="r8c6">
|
||||
<div class="info-pixel">
|
||||
<div class="username">Moi</div>
|
||||
<div class="description">Petit desc oklm</div>
|
||||
</div>
|
||||
<div class="patch-shadow"></div>
|
||||
</td>
|
||||
<td class="pixel" id="r8c7">
|
||||
<div class="info-pixel">
|
||||
<div class="username">Moi</div>
|
||||
<div class="description">Petit desc oklm</div>
|
||||
</div>
|
||||
<div class="patch-shadow"></div>
|
||||
</td>
|
||||
<td class="pixel" id="r8c8">
|
||||
<div class="info-pixel">
|
||||
<div class="username">Moi</div>
|
||||
<div class="description">Petit desc oklm</div>
|
||||
</div>
|
||||
<div class="patch-shadow"></div>
|
||||
</td>
|
||||
<td class="pixel" id="r8c9">
|
||||
<div class="info-pixel">
|
||||
<div class="username">Moi</div>
|
||||
<div class="description">Petit desc oklm</div>
|
||||
</div>
|
||||
<div class="patch-shadow"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="pixel" id="r9c0">
|
||||
<div class="info-pixel">
|
||||
<div class="username">Moi</div>
|
||||
<div class="description">Petit desc oklm</div>
|
||||
</div>
|
||||
<div class="patch-shadow"></div>
|
||||
</td>
|
||||
<td class="pixel" id="r9c1">
|
||||
<div class="info-pixel">
|
||||
<div class="username">Moi</div>
|
||||
<div class="description">Petit desc oklm</div>
|
||||
</div>
|
||||
<div class="patch-shadow"></div>
|
||||
</td>
|
||||
<td class="pixel" id="r9c2">
|
||||
<div class="info-pixel">
|
||||
<div class="username">Moi</div>
|
||||
<div class="description">Petit desc oklm</div>
|
||||
</div>
|
||||
<div class="patch-shadow"></div>
|
||||
</td>
|
||||
<td class="pixel" id="r9c3">
|
||||
<div class="info-pixel">
|
||||
<div class="username">Moi</div>
|
||||
<div class="description">Petit desc oklm</div>
|
||||
</div>
|
||||
<div class="patch-shadow"></div>
|
||||
</td>
|
||||
<td class="pixel" id="r9c4">
|
||||
<div class="info-pixel">
|
||||
<div class="username">Moi</div>
|
||||
<div class="description">Petit desc oklm</div>
|
||||
</div>
|
||||
<div class="patch-shadow"></div>
|
||||
</td>
|
||||
<td class="pixel" id="r9c5">
|
||||
<div class="info-pixel">
|
||||
<div class="username">Moi</div>
|
||||
<div class="description">Petit desc oklm</div>
|
||||
</div>
|
||||
<div class="patch-shadow"></div>
|
||||
</td>
|
||||
<td class="pixel" id="r9c6">
|
||||
<div class="info-pixel">
|
||||
<div class="username">Moi</div>
|
||||
<div class="description">Petit desc oklm</div>
|
||||
</div>
|
||||
<div class="patch-shadow"></div>
|
||||
</td>
|
||||
<td class="pixel" id="r9c7">
|
||||
<div class="info-pixel">
|
||||
<div class="username">Moi</div>
|
||||
<div class="description">Petit desc oklm</div>
|
||||
</div>
|
||||
<div class="patch-shadow"></div>
|
||||
</td>
|
||||
<td class="pixel" id="r9c8">
|
||||
<div class="info-pixel">
|
||||
<div class="username">Moi</div>
|
||||
<div class="description">Petit desc oklm</div>
|
||||
</div>
|
||||
<div class="patch-shadow"></div>
|
||||
</td>
|
||||
<td class="pixel" id="r9c9">
|
||||
<div class="info-pixel">
|
||||
<div class="username">Moi</div>
|
||||
<div class="description">Petit desc oklm</div>
|
||||
</div>
|
||||
<div class="patch-shadow"></div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
31
src/front/profil.css
Normal file
31
src/front/profil.css
Normal file
|
|
@ -0,0 +1,31 @@
|
|||
.menu-container {
|
||||
--width: 410px;
|
||||
display: none;
|
||||
visibility: visible;
|
||||
background: #fff;
|
||||
width: var(--width);
|
||||
margin: 30px;
|
||||
box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
|
||||
position: absolute;
|
||||
left: calc(50% - var(--width) / 2);
|
||||
top: 30%;
|
||||
padding: 20px;
|
||||
border-radius: 10px;
|
||||
box-shadow: 0px 0px 5px #000;
|
||||
}
|
||||
|
||||
#show-menu:checked~.menu-container {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.menu-container .close-btn {
|
||||
position: absolute;
|
||||
right: 20px;
|
||||
top: 15px;
|
||||
font-size: 18px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.menu-container .close-btn:hover {
|
||||
color: #3498db;
|
||||
}
|
||||
|
|
@ -26,7 +26,8 @@
|
|||
}
|
||||
|
||||
.login-btn,
|
||||
.signup-btn {
|
||||
.signup-btn,
|
||||
.menu-btn {
|
||||
background: #fff;
|
||||
margin: 10% 10px;
|
||||
padding: 10% 10px;
|
||||
|
|
|
|||
Loading…
Reference in a new issue