This repository has been archived by the owner on Jul 22, 2023. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
188 lines (128 loc) · 7.83 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
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<meta name="description" content="GEO Global Exercise Operation. GEO is a hybrid exercise tool / video game for the iPhone. The goal of GEO is to get you off the couch and moving!" />
<meta name="keywords" content="GEO, Global Exercise Operation, SIS, Ship It Society, Indyhall, RPG, Game, Ranger, Map" />
<link rel="stylesheet" href="styles.css" type="text/css" />
<!-- <link rel="icon" type="image/png" href="favicon.png" /> -->
<title>GEO, a hybrid exercise tool / video game for iPhone.</title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" charset="utf-8">
// http://jonraasch.com/blog/a-simple-jquery-slideshow
function slideSwitch() {
var $active = $('#slideshow IMG.active');
if ( $active.length == 0 ) $active = $('#slideshow IMG:last');
var $next = $active.next().length ? $active.next()
: $('#slideshow IMG:first');
$active.addClass('last-active');
$next.css({opacity: 0.0})
.addClass('active')
.animate({opacity: 1.0}, 1000, function() {
$active.removeClass('active last-active');
});
}
$(function() {
setInterval( "slideSwitch()", 5000 );
});
</script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-21272972-2']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</head>
<body>
<div id="container">
<div id="billboard">
<div id="slideshow">
<img src="images/screenshots/main_menu_thumb.png" width="271" height="407" alt="Main Menu" class="active" />
<img src="images/screenshots/map_view_thumb.png" width="271" height="407" alt="Map View" />
<img src="images/screenshots/battle_view_thumb.png" width="271" height="407" alt="Battle View" />
<img src="images/screenshots/victory_thumb.png" width="271" height="407" alt="Victory" />
<img src="images/screenshots/log_book_thumb.png" width="271" height="407" alt="Log Book" />
</div> <!-- slideshow -->
<div id="main_buttons">
<img id="lettering" src="images/lettering.png" width="450" height="186" alt="GEO: GLOBAL EXERCISE OPERATION" />
<a href="http://itunes.apple.com/us/app/geo/id413364370?mt=8"><img id="app_store_badge" src="images/app_store_badge.png" width="350" height="121" alt="Available on the App Store" border="0" /></a>
<h3><a href="http://itunes.apple.com/us/app/geo/id413364370?mt=8">Download</a></h3>
<!-- <h3><a href="#">Watch Screencast</a></h3> -->
<h3><a href="http://twitter.com/geo_gordon">Follow us on GEO Twitter</a></h3>
<h3>Questions? <a href="mailto:support@geothegame.com">support@geothegame.com</a></h3>
</div> <!-- main_buttons -->
<br class="clear_floats" />
</div> <!-- billboard -->
<div id="more_info">
<div id="about">
<h3>Meet GEO</h3>
<div class="roundedCorner">
<div class="leftColumn">
<img src="images/iphone_icon.png" alt="GEO" />
</div>
<div class="rightColumn">
<p><b>GEO</b> is a hybrid exercise tool / video game for the iPhone. The goal of GEO is to get you off the couch and moving!</p>
<p>Using the GPS system in your iPhone, GEO will find your location on the map. When you start a workout it will then track and display distance traveled, calories burned and time elapsed. To help calculate the calorie burn GEO will also ask you for a recent weight.</p>
</div>
<div style="clear: both;" ></div>
<div class="leftColumn">
<img src="images/map.png" alt="GEO" />
</div>
<div class="rightColumn">
<p><strong>Map.</strong> The <strong style="color:blue;">blue dot</strong> in the center is you. The <strong style="color:red;">red dots</strong> represent monsters. As you move around monsters will enter your circle of vision and come at you. The more monsters you <strong>fight</strong> the more <strong>experience</strong> you'll earn; which over time will unlock the true potential of your weapon and thus the <strong>ultimate final battle</strong>.</p>
<p>As you walk around you will notice <strong style="color:blue;">treasures</strong> spawning in front of you. These treasures only last for a short while. Be sure to <strong>accelerate your pace</strong> to acquire them and restock the power of your glove.</p>
</div>
<div style="clear: both;" ></div>
<div class="leftColumn">
<img src="images/battle.png" alt="GEO" />
</div>
<div class="rightColumn">
<p><strong>Battles.</strong> During battles you will see a series of gems representing the four elements of the world: <strong style="color:#ff2a00;">fire</strong>, <strong style="color:#097ad9;">water</strong>, <strong style="color:#0ef039;">earth</strong> and <strong style="color:#e2eaea;">air</strong>. Fling and Shoot these gems at monsters who would do you harm and remember everything has a weakness.</p>
<p>When you first start your journey you will only have access to the <strong style="color:white;">fire</strong> weapon, but work hard and your will learn to master the full power of your glove, including its <strong style="color:#3996ff;">shield</strong> capabilities (touch and draw a line from shield orb to shield orb to activate).</p>
<p>Live long, live strong and keep fighting for the good guys! <strong style="color:#ffd500;">Pepitoz!</strong></p>
</div>
<div style="clear: both;" ></div>
</div>
<h3>The GEO Team</h3>
<div class="roundedCorner">
<div class="leftColumn">
<img src="images/SIS_logo.png" alt="GEO" />
</div>
<div class="rightColumn">
<p>GEO has been a group collaboration, the inaugural project of the <a href="http://shipitsociety.com/">Ship It Society</a>.</p>
<ul>
<li><strong>Mike Zornek</strong> (<a href="http://www.twitter.com/zorn">@zorn</a>), Project Manager / Programmer — Responsible for the overall design, implementation of game mechanics and battle view.</li>
<li><strong>Joe Walsh</strong> (<a href="http://www.twitter.com/joein3d">@joein3d</a>), Programmer — Responsible for the map view and GPS tracking.</li>
<li><strong>Matt Thomas</strong> (<a href="http://www.twitter.com/mthomas">@mthomas</a>), Programmer — Responsible for much of the Core Animation in addition to helping out with the sound system.</li>
<li><strong>Kotaro Fujita</strong> (<a href="http://www.twitter.com/wild37">@wild37</a>), Game Culture Wizard, — Originally on the team for sound design Kut has also helped with art assets and written much of the lore for the game world.</li>
<li><strong>Phil Dahl</strong>, Artist — Responsible for monster designs.</li>
<li><strong>Johnny Bilotta</strong> (<a href="http://www.twitter.com/johnnynines">@johnnynines</a>), Designer — Helped out with early battle visualization and log book themes.</li>
</ul>
</div>
<div style="clear: both;" ></div>
</div>
<h3>Acknowledgements</h3>
<div class="roundedCorner">
<div class="leftColumn">
<img src="images/concept_ranger.png" alt="GEO" />
</div>
<div class="rightColumn">
<ul>
<li><a href="http://www.indyhall.org/">IndyHall</a> for proving a great meeting space and community.</li>
<li><a href='http://www.cocos2d-iphone.org/'>CocosDenshion</a> for playing sounds.</li>
<li><a href='http://code.google.com/p/core-plot/'>CorePlot</a> for helping us draw graphs.</li>
<li><a href='http://glyphish.com/'>Glyphish</a> - for pretty icons.</li>
</ul>
</div>
<div style="clear: both;" ></div>
</div>
</div> <!-- about -->
</div> <!-- more_info -->
</div> <!-- container -->
</body>
</html>