siteJS/games.html at dev · beexon/siteJS · 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
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <title>Les jeux de Xav</title>
    <link href="/css/main.css" rel="stylesheet">
</head>
<body>


<nav>
    <div class="dropdown">
        <button id="menuBtn" class="dropbtn">
            Menu
        </button>
        <div id="myDropdown" class="dropdown-content">
            <a href="index.html">Feed</a>
            <a href="gallery.html">Gallery</a>
            <a href="games.html">Jeux</a>
        </div>
    </div>
</nav>

<h1>Jeux</h1>

<div class="gameBox">
    <button id="chifoumi">Jouer au Chifoumi</button>
</div>

<div id="chifoumiGameBox" class="chifoumiGameBox">

    <div id="chifoumiImageBox" class="chifoumiImageBox">
        <img id="papier" class="chifoumiImg"
             src="https://static4.depositphotos.com/1000992/512/i/950/depositphotos_5124840-stock-photo-old-paper-sheet.jpg"
             alt="papier">
        <img id="caillou" class="chifoumiImg"
             src="https://stickeramoi.com/16831-thickbox_default/sticker-galet-pierre-cailloux-gris.jpg" alt="caillou">
        <img id="ciseaux" class="chifoumiImg"
             src="https://i.pinimg.com/originals/cf/1a/55/cf1a55dfd90848cfa9efcb07e3261607.jpg" alt="ciseaux">
    </div>


    <div class="chifoumiResult">
        Mon choix
        <div style="display:flex;justify-content: center">
            <img id="papier1" class="chifoumiImg"
                 src="https://static4.depositphotos.com/1000992/512/i/950/depositphotos_5124840-stock-photo-old-paper-sheet.jpg"
                 alt="papier">
            <img id="caillou1" class="chifoumiImg"
                 src="https://stickeramoi.com/16831-thickbox_default/sticker-galet-pierre-cailloux-gris.jpg"
                 alt="caillou">
            <img id="ciseaux1" class="chifoumiImg"
                 src="https://i.pinimg.com/originals/cf/1a/55/cf1a55dfd90848cfa9efcb07e3261607.jpg" alt="ciseaux">
        </div>

        <div id="resultBox" class="chifoumiResultBox">

        </div>
    </div>


</div>


<script src="/js/nav.js"></script>
<script src="/js/games.js"></script>
</body>
</html>