-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
111 lines (111 loc) · 4.48 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- do i need jquery? -->
<!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script> -->
<link rel="stylesheet" href="style.css" />
<title>Elementalist</title>
</head>
<body>
<div id="backdrop">
<div id="start_window_container">
<div id="start_window">
<div id="start_image"></div>
<div id="start_textbox">
<h1>THE Game</h1>
<p>
some text textsome text textsome text textsome textsome some text
some text textsome text textsome text textsome textsome some text
more test text text text testing the space more test text text
text testing the space testing the space testing the space testing
the space testing the space testing the space
</p>
<button id="start_button" class="blink_me" type="button">
Start
</button>
</div>
</div>
</div>
<!-- End start_window -->
<!-- Start main_game area -->
<div id="gameplay_area" class="main_section">
gameplay area
<!-- player and encounter deck container -->
<div id="deck_container" class="main_section">
deck container
<div id="encounter_deck" class="main_section">
<p id="encounter_deck_count">Encounter Deck</p>
<!-- temp button for testing -->
<button id="encounter_button" type="button">
<!--End temp button for testing -->
Encounter
</button>
</div>
<div id="player_deck" class="main_section">
<p id="player_deck_count">Player Deck</p>
<button id="draw_button" type="button">Draw</button>
</div>
</div>
<!-- end player and encounter deck container -->
<div id="card_play_area" class="main_section">
card play area
<div id="encounter_box">Encounter box</div>
</div>
<!-- player action buttons -->
<div id="player_actions" class="main_section">
player actions
<button id="attack_button" class="action_button" type="button">
Attack
</button>
<button id="defense_button" class="action_button" type="button">
Defense
</button>
<button id="utility_button" class="action_button" type="button">
Utility
</button>
<div id="actions_container">
Actions [ <span id="actions"></span> ]
</div>
</div>
<!-- end player action buttons -->
<!-- player hand -->
<div id="player_hand" class="main_section">
<p>Player Hand</p>
<div id="in_hand_0" class="in_hand_card">card 1</div>
<div id="in_hand_1" class="in_hand_card">card 2</div>
<div id="in_hand_2" class="in_hand_card">card 3</div>
<div id="in_hand_3" class="in_hand_card">card 4</div>
<div id="in_hand_4" class="in_hand_card">card 5</div>
</div>
<!-- end player hand -->
<!-- player and enemy stats conditions container -->
<div id="stats_conditions_container" class="main_section">
stats and conditions
<div id="enemy_stats" class="main_section">enemy stats</div>
<div id="enemy_conditions" class="main_section">enemy conditions</div>
<div id="player_stats" class="main_section">player stats</div>
<div id="player_conditions" class="main_section">
player conditions
</div>
</div>
<!-- end player and enemy stats conditions container -->
<!-- player discard and vanish container -->
<div id="player_discard_vanish" class="main_section">
<div id="player_vanish" class="main_section">
<p id="vanish_count">Vanished [ 0 ]</p>
</div>
<div id="player_discard" class="main_section">
<p id="discard_count">Discard [ 0 ]</p>
</div>
</div>
<!-- endplayer discard and vanish container -->
</div>
<!-- End gameplay_area -->
</div>
<!-- End Backdrop -->
<!-- <script src="main.js"></script> -->
<script type="module" src="main.js"></script>
</body>
</html>