-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
154 lines (132 loc) · 6.41 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
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Futility RPG - a game by Gambrinous</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<style type="text/css" media="all">
<!--
@import url("/css/master.css");
-->
</style>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/bootstrap-responsive.min.css">
<link rel="stylesheet" href="css/main.css">
<script src="js/vendor/modernizr-2.6.2-respond-1.1.0.min.js"></script>
</head>
<body>
<div id="wrapper">
<div id="header" class="clearfix">
<div id="logo">
<img src="/img/gambrinous_logo_black.png" alt="Gambrinous" />
</div>
<div id="blog-link">
<a href="http://blog.gambrinous.com"><img src="/img/gambrinous_blog.png" alt="Gambrinous Blog" /></a>
</div>
<div id="games-link">
<a href="http://www.gambrinousgames.com"><img src="/img/gambrinousgames.png" alt="Gambrinous Games" /></a>
</div>
</div>
<div id="game-container">
<div class="header">
<h1 class="off noswing">Futility RPG</h1>
<h4 class="off noswing">Can you stand it?</h4>
</div>
<div class="header-right off noswing">
<h3>Character Creation</h3>
</div>
<div class="intro">
<div class="intro-title off noswing">Welcome to the finest role playing computer game <b>ever made</b>!!</div>
<div class="intro-features off noswing">
<p>Get ready to</p>
<ul>
<li>Explore a massive, living world spanning thousands of leagues</li>
<li>Delve into deep dungeons filled with hundreds of different types of monsters</li>
<li>Find, buy or craft your own incredible artifacts</li>
<li>Research world-altering spells and powers</li>
<li>Ascend to incredible power and then face the gods themselves!</li>
</ul>
</div>
<div class="intro-button off noswing">
<p>But first - you must <b>create your character</b>..</p>
<a class="btn btn-custom" id="btnstart">Get Started</a>
</div>
</div>
<div class="progress-completed off">
<div class="bar"></div>
<div class="text off noswing">
<span class="section-number">Section 1 - </span><span class="percentage-complete">Completed 0%</span>
</div>
</div>
<div class="steps-holder">
<div class="step-basic off">
<h2></h2>
<div class="btn-group btn-group-justified" data-toggle="buttons-radio">
</div>
<div class="text-holder">
<input type="text" class="form-control">
</div>
<div class="stats-holder">
<label class="newline">Strength:</label> <input type="text" class="form-control" disabled="disabled">
<label>Intelligence:</label> <input type="text" class="form-control" disabled="disabled">
<label class="newline">Dexterity:</label> <input type="text" class="form-control" disabled="disabled">
<label>Wisdom:</label> <input type="text" class="form-control" disabled="disabled">
<label class="newline">Constitution:</label> <input type="text" class="form-control" disabled="disabled">
<label>Charisma:</label> <input type="text" class="form-control" disabled="disabled">
<a class="btn btn-custom" id="btnstats">Roll The Dice</a>
</div>
</div>
<div class="step-basic-sub off">
<h2></h2>
<div class="btn-group btn-group-justified" data-toggle="buttons-radio">
</div>
</div>
<div class="your-answer-holder off">
<h3></h3>
</div>
<div class="game-over off">
<h2>Game Over</h2>
<h3>Your score was <b></b></h3>
<p>
Thanks for playing! <br />
<br /><br />
Created by Colm Larkin <br />
<a href="https://twitter.com/gambrinous" target="_blank">@gambrinous</a>
</p>
</div>
<div class="errors off">
<h2>Error!</h2>
<h3>Sorry that can't be done</h3>
</div>
</div>
<div class="next-step off">
<a id="give-up-button" class="btn btn-custom">Skip Character Creation</a>
<div class="next-section-holder off">
<a id="next-section-button" class="btn btn-custom">Next Section</a>
</div>
</div>
</div>
<div id="footer">
© Gambrinous 2008-2013
</div>
</div>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-5639991-3");
pageTracker._trackPageview();
} catch (err) { }</script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.1.min.js"><\/script>')</script>
<script src="js/vendor/bootstrap.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>