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,
|
.login-btn,
|
||||||
.signup-btn {
|
.signup-btn,
|
||||||
|
.menu-btn {
|
||||||
background: #fff;
|
background: #fff;
|
||||||
margin: 10% 10px;
|
margin: 10% 10px;
|
||||||
padding: 10% 10px;
|
padding: 10% 10px;
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue