CodeworksClicker/index.html at master · DanielMadden/CodeworksClicker · 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
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
<!doctype html>
<html lang="en">

<head>
    <title>Clicker</title>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
        integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">

    <!-- Font Awesome 5? -->
    <!-- <script src="https://kit.fontawesome.com/a076d05399.js"></script> -->

    <!-- Style -->
    <link rel="stylesheet" href="style.css">
</head>

<body ondragstart="return false">


    <div id="the-container" class="container-fluid p-0 h-100">
        <canvas id="c"></canvas>
        <!-- Header Bar -->
        <!-- <div class="row justify-content-center py-5">
            <h1>
                Job Generator
            </h1>
        </div> -->
        <!-- Game Columns -->
        <!-- <div class="container-fluid"> -->

        <div id="100-height" class="row justify-content-center h-100">
            <!-- Left Column -->
            <div id="left-column" class="col-4 bg-trans no-stretch">
                <div id="day-title" class="row justify-content-center align-content-center">
                    <h1>MONDAY</h1>
                </div>
                <div id="day-progress" style="width: 0" class=""></div>
                <div id="chat-box">
                    <div id="chat" class="">
                    </div>
                    <!-- <div id="chat-blinker">
                        > _
                    </div> -->
                </div>
            </div>

            <!-- Center Column -->
            <div class="col-3 d-flex justify-content-center no-stretch">

                <!-- <img id="obj-click" onclick="addClick()" src="images/logo.png" class="slow-spin"> -->
                <div id="main-brain-master">
                    <div id="main-brain-throbber">
                        <!-- <div id="main-brain-snap"> -->
                        <div id="main-brain-center" class="d-flex justify-content-center align-items-center">
                            <img id="main-brain"
                                onclick="addClick(), generatePoints(event.clientX, event.clientY, 'click')"
                                src="images/brainBlue.png" draggable="false">
                        </div>
                        <!-- </div> -->
                    </div>
                </div>


                <div id="main-points" class=" d-flex flex-column align-items-center bg-trans">
                    <h1 id="main-knowledge"></h1>
                    <h3>Neurons</h3>
                </div>
            </div>

            <!-- Right Column -->
            <div id="upgrade-column" class="col-5 bg-trans pr-0 no-stretch">
                <div id="upgrade-title" class="row justify-content-center align-content-center">
                    <h1>STORE</h1>
                </div>
                <div id="upgrade-list"></div>
            </div>

        </div>
    </div>
    <!-- </div> -->


    </div>

    <audio id="click-1" src="sounds/click1.mp3"></audio>
    <audio id="click-2" src="sounds/click2.mp3"></audio>
    <audio id="click-3" src="sounds/click3.mp3"></audio>
    <audio id="click-4" src="sounds/click4.mp3"></audio>
    <audio id="music-1" src="music/Africa.mp3"></audio>
    <audio id="music-2" src="music/TakeOnMe.mp3"></audio>
    <audio id="music-3" src="music/NeverGiveUUp.mp3"></audio>

    <!-- <span id="draw-test"></span> -->

    <!-- Stats -->
    <script src="stats.js"></script>

    <!-- Main -->
    <script src="app.js"></script>

    <!-- Chat -->
    <script src="chat.js"></script>

    <!-- Canvas -->
    <script src="canvas.js"></script>

    <!-- Music -->
    <script src="music.js"></script>

    <!-- #region jQuery, Popper.js, Bootstrap JS -->
    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
        integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
        crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
        integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
        crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
        integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
        crossorigin="anonymous"></script>
    <!-- #endregion -->
</body>

</html>