-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
139 lines (139 loc) · 6.9 KB
/
index.html
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
138
139
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Silver Twilight Club</title>
<link rel="stylesheet" href="main.css">
<link rel="icon"
type="image/png"
href="/images/avatar.png">
</head>
<body>
<div class="main">
<div class="header">
<p class="game-title">Silver Twilight Club</p>
</div>
<div class="landing-page">
<div class="login-box">
<button type="button" class="btn login-btn">Sign In</button>
<button type="button" class="btn account-btn">Create Account</button>
</div>
</div>
<div class="login-page hidden">
<form data-silvertwilight="form">
<div class="form-group">
<input class="form-control" type="email" name="email" id="emailInput1" value="" placeholder=" [email protected]">
</div>
<div class="form-group">
<input class="form-control" type="password" name="password" id="passwordInput1" value="" placeholder=" password">
</div>
<button type="button" class="btn btn-default submit-login-btn">Submit</button>
</form>
</div>
<div class="account-page hidden">
<form data-silvertwilight="form">
<div class="form-group">
<input class="form-control" type="email" name="account-email" id="emailInput2" value="" placeholder=" Enter email address">
</div>
<div class="form-group">
<input class="form-control" type="password" name="account-password-1" id="passwordInput2" value="" placeholder=" Choose password">
</div>
<div class="form-group">
<input class="form-control" type="password" name="account-password-2" id="passwordInput3" value="" placeholder=" Enter password again">
</div>
<div class="form-group">
<input class="form-control" type="name" name="account-name" id="nameInput" value="" placeholder=" Choose a pseudonym">
</div>
<button type="button" class="btn btn-default submit-account-btn">Join the Club</button>
</form>
</div>
<div class="enter-page hidden">
<div class="greeting-box">
<h2>Welcome,</h2>
<h2 class="welcome-message"></h2>
<p class="goodbye-message">Fill your glass, light a cigar and impose your will upon the world.</p>
</div>
<button type="button" class="btn btn-default enter-btn">Enter</button>
</div>
<div class="game-page hidden">
<div class="status-bar">
<img class="avatar" src="images/avatar.png">
<div class="player-stats">
<h3 class="username"></h3>
<div class="money-stats">
<h3>Money: </h3>
<p class="current-values current-money"></p>
</div>
<div class="power-stats">
<h3>Power: </h3>
<p class="current-values current-power"></p>
</div>
</div>
</div>
<div class="news-section">
<h3 class="action-title news-status">Last Night's News:</h3>
<ul class ="current-news">
<!-- li's created by main.js for recent news -->
</ul>
</div>
<div class="goodbye">
<h3 class="action-title">Dismissal Notice:</h3>
<p class="goodbye-message">Carl pulls you aside and lets you know that due to your business mishandlings you are no longer welcome at the Silver Twilight Club.</p>
<h3 class="action-title">Goodbye.</h3>
</div>
<div class="leader-container">
<div class="action-fields leader-dropdown">
<h3 class="option view-leaderboard"> View Leaderboard </h3>
<div class="leaderboard hidden">
<div class="column leader-name-column">
<p class"leader-title">Name</p>
</div>
<div class="column leader-money-column">
<p class"leader-title">Money</p>
</div>
<div class="column leader-power-column">
<p class"leader-title">Power</p>
</div>
</div>
</div>
</div>
<div class="content-container">
<div class="content-container">
<h3 class="action-title action-money-title">Money Action:</h3>
<div class="action-money-field action-fields">
<h3 class="option money-option-1"> Attempt hostile takeover </h3>
<div class="acquire hidden">
<select id="company-selector" name="companies-dropdown-menu" class="dropdown">
<option>-- Select company --</option>
</select>
<div class="form-group">
<input class="form-control" type="number" name="bid" id="bidInput" value="" min="" placeholder=" Enter max bid">
</div>
</div>
</div>
<h3 class="action-title action-power-title">Power Action:</h3>
<div class="action-power-field action-fields">
<h3 class="option power-option-1"> Seek social influence </h3>
<div class="influence hidden">
<select id="venue-selector" name="venues-dropdown-menu" class="dropdown">
<option>-- Select venue --</option>
</select>
<select id="strategy-selector" name="stratagies-dropdown-menu" class="dropdown">
<option>-- Select strategy --</option>
</select>
</div>
</div>
<button class="btn submit-action-btn hidden" type="submit">Submit</button>
<div class="submit-message hidden">
<h3 class="action-title">Actions Submitted</h3>
<p class="goodbye-message">May the Old Ones not judge you too harshly. Come back later to learn your fate.</p>
</div>
<button class="submit-action-btn hidden" type="submit">Submit Actions</button>
</div>
</div>
</div>
<script type="text/javascript" src="/main.js"></script>
</body>
</html>