tintin/index.html at main · Eugenepython/tintin · 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
<!doctype html>
<html>
    <head><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.css">
        <title></title>
        <link rel="stylesheet" href="index.css">
    </head>
    <body>
        <div id = 'delete'></div>
        <div id = 'firstTitle'>Match the scene with the Book. 10 right answers to win, 5 wrong answers and you lose!</div>
        <button id = 'reStart'>Go back the start</button>

        <div id = 'scoreAndPicture'>

            <div id = 'score1'><div id = 'correctAnswers'>Correct Answers/10: </div><div id = 'correctHealth'><div class="health-bar-outer">
                    </div></div></div>

        <div class = 'picture' id = 'pictureHolder'>
        <div class="text-block" id ="tickOrNo"></div></div>

        <div id = 'score2'><div id = 'wrongAnswers'>Wrong Answers/5:</div><div id = 'badHealth'><div class="health-bar-outer">
                    </div></div></div>
        </div>

            <div id = 'changeBtns'>
            <div id ='startBtn'><button id = 'start'>start game</button></div>
            <div id = 'skipBtn'><button id = 'skip'>skip</button></div>
            <div id = 'next'><button id = 'nextBtn'>NEXT</button></div>
            </div>

        <div class = 'container' id = 'buttons'>
            <button class = 'bookButton cotp' id = 'cotp'></button>
            <button class = 'bookButton cwtgc' id = 'cwtgc'  ></button>
            <button class = 'bookButton dm' id = 'dm' ></button>
            <button class = 'bookButton eotm' id = 'eotm' ></button>
            <button class = 'bookButton f7' id = 'f7' ></button>
            <button class = 'bookButton kos' id = 'kos'></button>
            <button class = 'bookButton lobg' id = 'lobg' ></button>
            <button class = 'bookButton los' id = 'los'></button>
            <button class = 'bookButton pots' id = 'pots'></button>
            <button class = 'bookButton rrt' id = 'rrt' ></button>
            <button class = 'bookButton rss' id ='rss'></button>
            <button class = 'bookButton sotu' id = 'sotu' ></button>
            <button class = 'bookButton tatp' id = 'tatp' ></button>
            <button class = 'bookButton tbe' id = 'tbe' ></button>
            <button class = 'bookButton tbi' id = 'tbi' ></button>
            <button class = 'bookButton tbl' id = 'tbl' ></button>
            <button class = 'bookButton tca' id = 'tca'></button>
            <button class = 'bookButton tce' id = 'tce'></button>
            <button class = 'bookButton tia' id = 'tia' ></button>
            <button class = 'bookButton tit' id =  'tit' ></button>
            <button class = 'bookButton tscb' id = 'tscb' ></button>
            <button class = 'bookButton tss' id = 'tss' ></button>
        </div>

        <script src="index.js"></script>
    </body>
</html>