td40k/index.html at master · Darderion/td40k · 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
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
<!DOCTYPE html>

<head>
    <title>TD40k</title>

    <meta charset="utf-8">
    <!-- Latest compiled and minified CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
    <!-- jQuery library -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
    <!-- Latest compiled JavaScript -->
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>

    <link rel="stylesheet" href="css/style.css">
    <script src="scripts/super.js"></script>
</head>

<body>
    For da win!
    <div id="menu">
        <button class="btn btn-danger" id="btnPlay">Play</button>
        <button class="btn btn-info" id="btnPrevious">Previous</button>
        <button class="btn btn-danger" id="btnNext">Next</button>
        <button class="btn btn-info" id="btnAbout">About</button>
        <button class="btn" id="btnPreparation">Faction</button>
    </div>
    <div id="play">
        <div id="playTopMenu">
            <button class="functionalButton" id="btnPlayMenu">Menu</button>
            <button class="functionalButton" id="buildMenuButton"><img id="buildIcon"
                    src="./img/menuIMG/towerButton.png"></button>
            <button class="functionalButton" id="btnP1">Test</button>
            <button class="functionalButton">Test</button>
            <button class="functionalButton">Test</button>
            <button class="functionalButton">Test</button>
            <button class="functionalButton" id="btnPlayTest">></button>
            <button class="functionalButton" id="settingsButton">Test</button>
        </div>
        <div id="playGroundWrapper">
            <div id="buildMenu">
                <div id=towerSelector></div>
                <div id=towerDescription></div>
            </div>
            <div id="canvasWrapper">
                <img src="" alt="" id="builderOverlayImage">
                <canvas id="canvasBackground"></canvas>
                <canvas id="canvasWalls"></canvas>
            </div>
        </div>
        <div id="healthBarWrapper">
            <div id="hpValue"></div>
            <div id="healthBarBorder"></div>
            <div class="hpBar" id="healthBarDamage"></div>
            <div class="hpBar" id="healthBarMain"></div>

        </div>
    </div>
    <div id="prep">
        <div class="header">
            <button class="btn btn-danger" id="btnPrepMenu">Menu</button>
            <div id="factionName">
                GREAT ORCS
            </div>
        </div>
        <span class="skipArrows" id="skipArrowsLeft"><img src="./img/Orcs/arrowleft.png"></span>
        <span class="skipArrows" id="skipArrowsRight"><img src="./img/Orcs/arrowright.png"></span>
        <div class="Icons">
            <img src="./img/Orcs/Orc1.png" id="portrait0">
            <img src="./img/Orcs/Orc1.png" id="portrait1">
            <img src="./img/Orcs/Orc1.png" id="portrait2">
            <img src="./img/Orcs/Orc1.png" id="portrait3">
            <img src="./img/Orcs/Orc1.png" id="portrait4">
            <div id="portraitBorder"></div>
        </div>
        <div id="separator"></div>
        <div id="libraryDescription">
            <div id="unitImg">
                <img src="./img/Orcs/unit1.png" id="orcUnit1">
            </div>
            <div id="unitDescription">Lorem ipsum dolor sit amet consectetur adipisicing elit. Maxime aperiam doloremque
                voluptatibus est, adipisci velit veniam quae delectus consequuntur magnam beatae ex deleniti rerum saepe
                voluptates impedit deserunt nostrum similique, blanditiis animi expedita dicta a. Delectus aut
                reprehenderit recusandae ut similique maxime temporibus aliquid consequatur quasi velit nisi accusantium
                nesciunt cum officia distinctio obcaecati fuga minus harum non, adipisci eum.
            </div>
            <div id="stats">
                <img class="statsImg" src="./img/StatsIcons/Defence.png">
                <div class="statsValues">
                    10
                </div>
                <img class="statsImg" src="./img/StatsIcons/Attack.png">
                <div class="statsValues">
                    10
                </div>
                <img class="statsImg" src="./img/StatsIcons/Radiation.png">
                <div class="statsValues">
                    Radiation
                </div>
            </div>
        </div>
    </div>
</body>