simpson-rpg/game.html at master · HugoA44/simpson-rpg · 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
50
<!doctype html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Battle</title>
</head>
<link rel="stylesheet" href="style.css" type="text/css" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=VT323&display=swap" rel="stylesheet">


<body class="game" id="game">
    <div id="game-bloc">
        <div id="character-bloc" class="idle">
            <div id="character-hp__container">
                <div id="character-hp"></div>
            </div>
            <div id="character-energy__container">
                <div id="character-energy"></div>
            </div>

        </div>
        <div id="monster-bloc" class="monsterdIdle">
            <div id="monster-hp__container">
                <div id="monster-hp"></div>
            </div>
             <div id="monster-energy__container">
                <div id="monster-energy"></div>
            </div>
        </div>
    </div>
    <div id="infos-bloc">
        <div id="spell-bloc">
            <div id="spell1" class="btn btn-spell"><img src="./img/superman.png"></img>
            </div>
            <div id="spell2" class="btn btn-spell"><img src="./img/balai.png"></img>
            </div>
            <div id="next" class="btn btn-spell">Passer</div>
        </div>
        <div id="log-bloc">
            <p>...</p>
        </div>


    </div>
</body>
<script src="./controllers/index.js" type="module"></script>
</html>