Stores/index.html at master · Vic-ST/Stores · 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
131
132
133
134
135
136
137
<!DOCTYPE html>
    <html>
        <head>
            <title>Stores</title>
            <link rel='stylesheet' href='style.css'>
            <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
            <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
            <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
            <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
            <script src="https://code.jquery.com/jquery-latest.min.js"></script>
        </head>
        <body>
            <script src='script.js'></script>
            <header>
                <ul class="none">
                    <li class="left"><a href="https://stevencopeland.github.io/Stores/"><img src="logo(2).png"/></a></li>
                    <li class="right" onclick="play();"><span class="glyphicon glyphicon-play" id="circle"></span><span id="circle" class="glyphicon glyphicon-pause"></span></li>
                    <li class="middle"><a href="https://github.com/StevenCopeland/Stores"><span class="fa fa-github"></span></a></li>

                </ul>
            </header>
            <hr/>
            <div class="homePage">
                <h1 class="title">Stores</h1>
                <h3 class="owners">Made by the combined effort of <a href='https://goredbirds.github.io/MyWebsite/'>GoRedbirds</a> and <a href='https://stevencopeland.github.io/new-website/'>StevenCopeland</a></h3>
                <div class="ruleButton" id="button">Rules</div>
                <div class="gameButton" id="button">Play Game</div>
            </div>
            <div class='game'>
                <div class='gamei' id='button'>One player</div>
                <div class='gameii' id='button'>Two player</div>
                <div class='gameiii' id='button'>Three player</div>
                <div class='gameiv' id='button'>Four player</div>
                <div class="back" id="button">Back</div>
            </div>
            <div class="game1">
                <p>
                <button onclick="beginRound1()" class="gameB" onclick="stats1();">Begin Round</button>
                </p>
                <div id="stats">
                    <span id="name">Name:</span><br/>
                    <span id="money">Money: $15,</span><br/>
                    <span id="workers">Workers: 0</span>
                </div>
                <div id="audio">

                </div>
            </div>
            <div class='game2'>
                <p>
                <button onclick='beginRound2()' class='gameB'>Begin round</button>
                </p>
                <div id="stats">
                    Name:
                    Money: $15,
                    Workers: 0
                </div>
                <div id="stats">
                    Name:
                    Money: $15,
                    Workers: 0
                </div>
            </div>
            <div class='game3'>
                <p>
                <button onclick='beginRound3()' class='gameB'>Begin Round</button>
                </p>
                <div id="stats">
                    Name:
                    Money: $15,
                    Workers: 0
                </div>
                <div id="stats">
                    Name:
                    Money: $15,
                    Workers: 0
                </div>
                <div id="stats">
                    Name:
                    Money: $15,
                    Workers: 0
                </div>
            </div>
            <div class='game4'>
                <p>
                <button onclick='beginRound4()' class='gameB'>Begin Round</button>
                </p>
                <div id="stats">
                    Name:
                    Money: $15,
                    Workers: 0
                </div>
                <div id="stats">
                    Name:
                    Money: $15,
                    Workers: 0
                </div>
                <div id="stats">
                    Name:
                    Money: $15,
                    Workers: 0
                </div>
                <div id="stats">
                    Name:
                    Money: $15,
                    Workers: 0
                </div>
            </div>
            <div class="rules">
                <h2>You and three other nefarious business-men with expensive suits are racing to be the first to own $500,000</h2>
                <ul>
                    <li>The goal of the game is to earn $500,000 as quick as possible.</li>
                    <li>You start out with 15 dollars.</li>
                    <li>Every turn, you choose how many workers to buy. Workers cost 20 dollars each.</li>
                    <li>For every worker you buy, your productivity increases.</li>
                    <li>Every 6 turns, everybody loses 10% of their money</li>
                    <li>Whoever gets $500,000 first, wins!</li>

                </ul>
                <details>
                <summary>Credits</summary>
                <h6>JavaScript: GoRedbirds</h6>
                <h6>CSS: GoRedBirds</h6>
                <h6>HTML: GoRedBirds</h6>
                <h6>JS(redone): Steven.Copeland</h6>
                <h6>CSS(redone): Steven.Copeland</h6>
                <h6>HTML(redone): Steven.Copeland</h6>
                <h6>All cool effects: Steven.Copeland</h6>
                    <h6>"Laser Groove" Kevin MacLeod (<a href="incompetech.com">incompetech.com</a>)
Licensed under Creative Commons: By Attribution 3.0 License
                    <a href="http://creativecommons.org/licenses/by/3.0/">http://creativecommons.org/licenses/by/3.0/</a></h6>
                </details>
                <div class="back" id="button">Back</div>
                <div class="goTGame" id="button">Play Game!</div>
            </div>
        </body>
    </html>