-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
136 lines (136 loc) · 6.01 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
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Scythe Automa - Online Simulator</title>
<link rel="stylesheet" type="text/css" href="bulma.css">
<link rel="stylesheet" type="text/css" href="style.css">
<style>
.centered-cardmeta {
float: none;
width: 100%;
position: absolute;
right: 0;
text-align: center;
cursor: pointer;
}
</style>
</head>
<body>
<section class="section">
<div class="columns">
<div class="column is-half is-offset-one-quarter">
<div class="container is-clearfix">
<p class="control" id="initial-config">
<span class="select is-pulled-left">
<select value="_" id="difficulty" onChange="selectDifficulty();">
<option disabled="disabled">Select difficulty...</option>
<option value="easy">Autometta (easy)</option>
<option value="normal" selected>Automa (normal)</option>
<option value="hard">Automaszyna (hard)</option>
<option value="very hard">Ultimaszyna (very hard)</option>
</select>
</span>
<span class="select is-pulled-left">
<select value="_" id="faction-select" onChange="selectDifficulty();">
<option disabled="disabled">Select faction...</option>
<option value="green">Albion</option>
<option value="yellow">Crimea</option>
<option value="blue">Nordic</option>
<option value="white">Polania</option>
<option value="red">Rusviet</option>
<option value="black">Saxony</option>
<option value="purple">Togawa</option>
</select>
</span>
</p>
<p>
<span class="select is-pulled-left">
<select value="_" id="infra-mod" onChange="selectInfraMod();">
<option disabled="disabled">Select Infraestructure Modification</option>
<option value="0" selected>No Modification</option>
<option value="1">1: Star tracker +1 </option>
<option value="3">3: Remove Card 4</option>
<option value="4">4: Star tracker +1</option>
<option value="6">6: Remove card 15</option>
</select>
</span>
</p>
<a id="start" class="button is-success is-pulled-right" onClick="startGame();">Start</a>
<a class="button is-danger is-pulled-right" id='reset' onClick="resetGame();">Reset</a>
</div>
<div class="spacer-10"></div>
<div class="container is-clearfix">
<div class="controls">
<a id="playcard" class="button is-default" disabled="disabled" onClick="normalCard();">Play Card</a>
<a id="playcombatcard" class="button is-default" disabled="disabled" onClick="combatCard();">Combat Card</a>
<a id="checklastcard" class="button is-default" disabled="disabled" onClick="checkLastCard();">Previous Card</a>
<a id="showpresentcard" class="button is-default" style="display: none;">Current Card</a>
</div>
<div class="spacer-40"></div>
<div id="tracker" class="controls"></div>
<div class="spacer-40"></div>
<div id="star-panel" class="controls">
<a id="combatstar" class="button is-default" disabled="disabled" onClick="addCombatStar();">+1 Combat Star</a>
<a id="powerstar" class="button is-default" disabled="disabled" onClick="addPowerStar();">+1 Power Star</a>
</div>
</div>
<div class="container is-clearfix">
<div id="faction-insignia">
<canvas id='insignia' class="faction-canvas" data-faction-color="red" height="48" width="48">
</canvas>
</div>
<div class="level">
<div class="is-pulled-left"><span id="phase"></span></div>
<div class="is-pulled-right"><span id="stars">☆ ☆ ☆ ☆ ☆ ☆</span></div>
</div>
</div>
<div class="container is-clearfix cardmeta">
<div class="level">
<p>
<small class="is-pulled-left"><em><span id="deck-count">0</span>/<span id="card-count">0</span> cards left</em></small>
<small class='centered-cardmeta'>
<em><span id="turn-info"></span></em>
</small>
</p>
<p>
<small id='current-card-number' class="is-pulled-right"><em>Card #<span id="card-id">0</span></em></small>
</p>
</div>
</div>
<div class="container">
<div id="normalCard">
<article class="acard message is-success">
<div class="message-header">Movement (<span id="river-state"></span> cross rivers)</div>
<div class="message-body">
<div id="normalCard-actions-move"></div>
</div>
</article>
<article class="acard message is-success">
<div class="message-header">Gains</div>
<div class="message-body">
<div id="normalCard-actions-gets"></div>
</div>
</article>
<article id="acard" class="acard message is-success">
<div class="message-header">Enlist Bonus</div>
<div class="message-body">
<div id="normalCard-actions-enlist"></div>
</div>
</article>
<article id="ccard" class="ccard message is-warning">
<div class="message-header">Combat Card</div>
<div class="message-body">
<div id="combat-card-actions"></div>
</div>
</article>
</div>
</div>
</div>
</section>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js" integrity="sha512-+NqPlbbtM1QqiK8ZAo4Yrj2c4lNQoGv8P79DPtKzj++l5jnN39rHA/xsqn8zE9l0uSoxaCdrOgFs6yjyfbBxSg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="./scythe-automa-cards.js"></script>
<script src="./scythe-automa.js"></script>
<script src="./setup.js"></script>
<!-- <script src="./fenris.js"></script> -->
</body>
</html>