-
Notifications
You must be signed in to change notification settings - Fork 15
/
index.html
134 lines (123 loc) · 7.04 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Fighter's Block!</title>
<link id="favicon" rel="shortcut icon" type="image/png" href="img/favicon5.png" />
<link rel="stylesheet" href="css/index.css">
<link rel="stylesheet" href="css/flexslider.css">
<link href='http://fonts.googleapis.com/css?family=Roboto|Chewy|Anonymous+Pro|Merriweather|Indie+Flower|Muli' rel='stylesheet' type='text/css'>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="plugins/jquery.nicescroll.min.js"></script>
<link rel="stylesheet" href="css/selectordie.css" />
<script src="plugins/selectordie.min.js"></script>
<script type="text/javascript" src="plugins/jquery.tooltipster.min.js"></script>
<link rel="stylesheet" type="text/css" href="css/tooltipster.css" />
<link rel="stylesheet" type="text/css" href="css/tooltipster-shadow.css" />
<script src="text-loader.js"></script>
<script type="text/javascript" src="plugins/jquery.favicon.js"></script>
<script src="script.js"></script>
</head>
<body>
<noscript><h1>You need JavaScript, friend.</h1></noscript>
<div id="dialogbox"></div>
<div id="blackout"></div>
<div class="selectbox">
<div class="monsters">
<a href="#" onclick="selectFighter(1)"><img src="img/preview/av1.png"></a>
<a href="#" onclick="selectFighter(2)"><img src="img/preview/av2.png"></a>
<a href="#" onclick="selectFighter(3)"><img src="img/preview/av3.png"></a>
<a href="#" onclick="selectFighter(0)"><img src="img/preview/0.png"></a>
<a href="#" onclick="selectFighter(0)"><img src="img/preview/0.png"></a>
<a href="#" onclick="selectFighter(0)"><img src="img/preview/0.png"></a>
<a href="#" onclick="selectFighter(0)"><img src="img/preview/0.png"></a>
<a href="#" onclick="selectFighter(0)"><img src="img/preview/0.png"></a>
<a href="#" onclick="selectFighter(0)"><img src="img/preview/0.png"></a>
<br><span id="fightername">Red</span><br><span id="fighterdesc">A mage from Somewhereshire; rumors say she's trying to hunt a certain carnivore prowling these parts.</span>
</div>
<div class="monsters second">
<a href="#" onclick="selectMonster(1)"><img src="img/preview/m1.png"></a>
<a href="#" onclick="selectMonster(0)"><img src="img/preview/0.png"></a>
<a href="#" onclick="selectMonster(0)"><img src="img/preview/0.png"></a>
<a href="#" onclick="selectMonster(0)"><img src="img/preview/0.png"></a>
<a href="#" onclick="selectMonster(0)"><img src="img/preview/0.png"></a>
<a href="#" onclick="selectMonster(0)"><img src="img/preview/0.png"></a>
<a href="#" onclick="selectMonster(0)"><img src="img/preview/0.png"></a>
<a href="#" onclick="selectMonster(0)"><img src="img/preview/0.png"></a>
<a href="#" onclick="selectMonster(0)"><img src="img/preview/0.png"></a>
<br><span id="monstername">Not-A-Block</span><br><span id="monsterdesc">A native of the Blocky Woods, this oblong has been ostracized all its life for its strange appearance.</span>
</div>
<div class="fight">Versus</div>
<div class="words">Reach <input type="text" id="num" pattern="[0-9]+" placeholder="<goal>" onClick="this.select();" required> words before the monster knocks you out. <a href="#" onclick="clearmonsters()">Fight!</a><p></div>
<div style="text-align:center; font-size: 30px; opacity: .5; margin-top: -15px; font-family: sosa">
<a href="https://cerey.github.io/fighters-block/whatis.html" class="tooly" title="What is Fighter's Block?" target = "_blank">i</a>
<a href="https://twitter.com/psstkeepwriting" class="tooly" title="Come say hi on Twitter!" target = "_blank">t</a>
<a id="dl" href="#" class="tooly" title="See your latest work." onclick="dl()">é</a>
<a href="https://www.paypal.me/fightersblock" class="tooly" title="Buy me a cup of tea? :)" target = "_blank">c</a>
<a href="https://cerey.github.io/fighters-block/credits.html" class="tooly" title="Credits and Help" target = "_blank">Y</a></div>
</div>
<div id ="min"><a href="#" data-tooltip="Pause" onclick="pausey()"><span class="pausebutton">O</span></a> <a href="#" data-tooltip="Player" onclick="showuser()">Ü</a> <a href="#" data-tooltip="Settings" onclick="showsettings()">X</a> <a href="#" onclick="minimize()" data-tooltip="Minimize">í</a></div>
<div id="max"><a href="#" onclick="pausey()"><span class="pausebutton">O</span></a> <a href="#" onclick="maximize()">ì</a></div>
<div id="fight"><div id="magic"><img id = "animmagic" src="img/set/red/9.png"></div><div id="fight_body"><img id="avatar" src="img/set/novice-mage.gif"></div><div id="enemy"><img id = "enemyimg" src="img/1-1.gif"></div></div>
<div id="monster_progressbar"><span style="width: 100%"></span></div>
<div id="user_progressbar"><span style="width: 100%"></span></div>
<div id = "hp">
<span id="monster_name"></span>: <span id="monster_hp"></span>/<span id="total_monster_hp"></span><br>
Fighter: <span id="user_hp"></span>/100
</div>
<div id="container" class="default-skin demo">
<textarea id = "text" name = "textarea" class="default-skin demo"></textarea>
</div>
<div id="user">
Level <span id="level"></span>: <span id="exp"></span> EXP<p>
<a href="#" onclick="newMonster()">NEW MONSTER</a><p>
<a href="#" onclick="clearAndNew()">NEW+CLEAR</a><p>
</div>
<div id="settings">
<select id="speedselect">
<option value="4000">Pathetic</option>
<option value="2000">Slow</option>
<option value="1000">Moderate</option>
<option value="500">Speedy</option>
<option value="250">Turret Gun</option>
</select>
<select id="attackselect">
<option value="1">Miniscule</option>
<option value="2">Unimpressive</option>
<option value="3">Strong</option>
<option value="4">Hulk</option>
<option value="5">Exterminator</option>
</select>
<select id="fontselect">
<option value="roboto">Roboto</option>
<option value="Anonymous Pro">Anonymous Pro</option>
<option value="merriweather">Merriweather</option>
<option value="indie flower">Indie Flower</option>
<option value="muli">Muli</option>
</select>
<select id="sizeselect">
<option value="12px">Small</option>
<option value="16px">Medium</option>
<option value="20px">Large</option>
<option value="24px">Larger</option>
<option value="28px">Huge</option>
</select>
<select id="themeselect">
<option value="1">Light Gray</option>
<option value="6">Dark Gray</option>
<option value="2">Midnight</option>
<option value="3">Bamboo</option>
<option value="4">Latte</option>
<option value="5">Sea Foam</option>
<option value="7">Mainframe</option>
<option value="8">Hydrangea</option>
</select>
<select id="widescreen">
<option value="narrow">Narrow</option>
<option value="wide">Widescreen</option>
</select>
<p>
</div>
<div id="expnotif"><span id = "notifsymbol" style="font-family: Sosa; font-size: 40px; color: #78AE8C;">e</span><br><span id="exp_temp"></span></div>
</body>
</html>