Puissance4/index.html at main · SuperBabaFR/Puissance4 · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="css/transitions.css">
    <link rel="stylesheet" href="css/animations.css">
    <link rel="stylesheet" href="css/style.css">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Inscription</title>
</head>
<script src="js/script.js"></script>

<body id="menu">

    <div id="background"> <!-- style="display: none;"> -->
        <!-- DIV POUR TOUS LES PIONS QUI SONT AJOUTEES EN JS -->
    </div>

    <div id="transition-first" class="firstTransition">
        <div class="pionleft">
            <div class="portePion J1">
                <div class="game-pion J1"></div>
            </div>
        </div>
        <div class="pionright">
            <div class="portePion J2">
                <div class="game-pion J2"></div>
            </div>
        </div>
    </div>

    <div id="menu-position">
        <h1 id="title" class="title">Puissance 4</h1>
        <div class="menu-items">
            <input type="text" name="pseudo" id="pseudo" placeholder="Pseudo">
            <button class="menu-button first" id="inscription" onclick="Inscription()">Inscription</button>
            <button class="menu-button second" id="reconnexion" onclick="Reconnexion()"></button>
            <div class="info">
                <p id="message"></p>
            </div>
        </div>
    </div>
    <div class="transition-out">
        <div id="p1"></div>
    </div>
</body>

</html>