-
Notifications
You must be signed in to change notification settings - Fork 5
/
Copy pathindex2.html
191 lines (173 loc) · 9.17 KB
/
index2.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
189
190
191
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="icon" href="//s3.amazonaws.com/www.lacunaexpanse.com/favicon.png" type="image/png">
<link rel="SHORTCUT ICON" href="//s3.amazonaws.com/www.lacunaexpanse.com/favicon.ico">
<link rel="stylesheet" href="//s3.amazonaws.com/www.lacunaexpanse.com/fancybox/jquery.fancybox-1.3.1.css" type="text/css" media="screen">
<meta property="og:title" content="The Lacuna Expanse">
<meta property="og:type" content="game">
<meta property="og:url" content="http://www.lacunaexpanse.com/">
<meta property="og:image" content="http://s3.amazonaws.com/www.lacunaexpanse.com/logo.png">
<meta property="fb:admins" content="1647395831">
<meta name="google-site-verification" content="aOjW51R2Ev8qeHwmIHI0sCKE2IN5yJcZp2bR9H6Dgew">
<meta name="msvalidate.01" content="9CECAFF79940E766AC5222FB3105F124">
<link rel="browser-game-info" href="http://www.lacunaexpanse.com/browser-games-hub.xml">
<title>The Lacuna Expanse - Massively Multiplayer Online Space Strategy Game</title>
<style type="text/css">
@font-face {
font-family: promethean;
src: url( //www.lacunaexpanse.com/promethean.eot ); /* ie */
src: url( //www.lacunaexpanse.com/promethean.ttf ) format("truetype"); /* non ie */
}
#sitenav {
margin: 0 auto 20px;
width: 900px;
text-align: center;
}
#sitenav ul {
margin-left: 0;
padding-left: 0;
display: inline;
}
#sitenav ul li {
// border: 5px solid #510d1d;
// border-bottom: 5px solid #260811;
// border-right: 5px solid #260811;
background-color: #510d1d;
padding: 10px;
padding-bottom: 2px;
list-style: none;
display: inline;
// border-bottom-right-radius: 10px;
// -moz-border-radius-bottomright: 10px;
// -webkit-border-bottom-right-radius: 10px;
// border-bottom-left-radius: 10px;
// -moz-border-radius-bottomleft: 10px;
// -webkit-border-bottom-left-radius: 10px;
}
#sitenav ul li a {
font-family: promethean, Impact, Helvetica, sans-serif;
font-size: 22px;
text-decoration: none;
color: #855;
}
#subnav {
font-size: 11px; color: #000; font-family: sans-serif; position: absolute; z-index: 5;
top: 505px;
left: 170px;
}
#subnav a {
color: #a88;
text-decoration: none;
}
#follow {
position: absolute; z-index: 5;
top: 10px;
left: 150px;
}
#backdrop {
position: absolute;
top: 75px;
left: 60px;
z-index: 5;
}
#viewscreen {
position: relative;
z-index: 10;
}
</style>
</head>
<body style="margin: 0; padding: 0; background-image: url(v2/background.png);">
<div id="sitenav"><ul>
<li><a href="https://us1.lacunaexpanse.com/">Play</a></li>
<li><a href="/media/">Media</a></li>
<li><a href="/tutorial/">Tutorial</a></li>
<li><a href="http://community.lacunaexpanse.com/forums/news">News</a></li>
<li><a href="http://community.lacunaexpanse.com/forums">Forums</a></li>
<li><a href="http://community.lacunaexpanse.com/wiki">Wiki</a></li>
<li><a href="/help/">Help</a></li>
</ul></div>
<div style="background-image: url(v2/screen.png); padding-top: 10px; padding-bottom: 10px; border-bottom: 10px solid #260811; border-top: 10px solid #260811;">
<div style="width: 900px; margin: 0 auto; position: relative;">
<img src="v2/backdrop3.jpg" alt="whats outside" id="backdrop">
<img src="v2/viewscreen.png" alt="viewscreen" id="viewscreen">
<div style="position: absolute; top: 110px; left: 120px; width: 240px; z-index: 100; font-family: sans-serif; font-size: 13px; color: #fff;">
<p>
Join thousands of other players online now in this massively multiplayer space strategy game. Play for free in your web browser or on your iPhone.
</p>
<p style="margin-bottom: 30px;">
The Expanse is a region of space with millions of habitable worlds. You can play with or compete against thousands of other players as you build your empire: fight off spies in a battle for cold war supremacy, form alliances, search the expanse for lost ancient artifacts, and more. Hundreds of types of buildings, ships, and spies are your tools. What you do with them is up to you.
</p>
<a href="https://us1.lacunaexpanse.com/" style="border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #0e4518; background-color: #0e4518; padding: 5px; text-decoration: none; color: #fff; font-size: 26px; margin-left: 10px; font-family: promethean, Impact, sans-serif;">Play Free Now</a>
</div>
<div id="follow">
<a target="_new" href="http://www.facebook.com/pages/The-Lacuna-Expanse/10150146411075010"><img src="//s3.amazonaws.com/www.lacunaexpanse.com/icons/facebook.png" alt="Facebook"></a>
<a target="_new" href="http://twitter.com/lacunaexpanse"><img src="//s3.amazonaws.com/www.lacunaexpanse.com/icons/twitter.png" alt="Twitter"></a>
<a target="_new" href="http://community.lacunaexpanse.com/forums/news?func=viewRss"><img src="//s3.amazonaws.com/www.lacunaexpanse.com/icons/rss.png" alt="RSS"></a>
<a target="_new" href="http://itunes.apple.com/us/app/the-lacuna-expanse/id396242951?mt=8"><img src="v2/appstore.png" alt="iTunes App Store"></a>
</div>
<div style="position: absolute; top: 340px; left: 420px; z-index: 20;">
<a rel="screenshots" href="//s3.amazonaws.com/www.lacunaexpanse.com/screenshots/planetside.jpg" title="Looking at the surface of your planet."><img alt="Planet Surface" src="v2/screenshots-thumb.jpg" style="border: 2px solid #801a2e; height: 75px;"></a>
<a rel="screenshots" style="display: none;" href="//s3.amazonaws.com/www.lacunaexpanse.com/screenshots/asteroid.jpg" title="Asteroids can be mined."></a>
<a rel="screenshots" style="display: none;" href="//s3.amazonaws.com/www.lacunaexpanse.com/screenshots/large-lake.jpg" title="Decorate your planets with beautiful natural details."></a>
<a rel="screenshots" style="display: none;" href="//s3.amazonaws.com/www.lacunaexpanse.com/screenshots/space.jpg" title="Space is vast with over a million planets to explore."></a>
<a rel="screenshots" style="display: none;" href="//s3.amazonaws.com/www.lacunaexpanse.com/screenshots/zoomed-in.jpg" title="Zoom in for incredible detail."></a>
<a rel="screenshots" style="display: none;" href="//s3.amazonaws.com/www.lacunaexpanse.com/screenshots/starmap.jpg" title="Explore new worlds."></a>
<a rel="screenshots" style="display: none;" href="//s3.amazonaws.com/www.lacunaexpanse.com/screenshots/timers.jpg" title="Timers tell you what your planet is up to."></a>
<a rel="screenshots" style="display: none;" href="//s3.amazonaws.com/www.lacunaexpanse.com/screenshots/news.jpg" title="Every building gives you more information and adds detail to your planet."></a>
</div>
<div style="position: absolute; top: 340px; left: 590px; z-index: 20;">
<a href="#trailer" id="trailer1"><img alt="Trailer" src="v2/trailer-thumb.jpg" style="border: 2px solid #801a2e; height: 75px;"></a>
<div style="display: none;">
<div id="trailer" style="width:860px;height:520px;overflow:auto;">
<object type="application/x-shockwave-flash" width="853" height="505"><param name="movie" value="http://www.youtube.com/v/efsJRdJ6dog?fs=1&hl=en_US&color1=0x3a3a3a&color2=0x999999&autoplay=1"><param name="allowFullScreen" value="true"><param name="allowscriptaccess" value="always"><embed src="http://www.youtube.com/v/efsJRdJ6dog?fs=1&hl=en_US&color1=0x3a3a3a&color2=0x999999&autoplay=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="853" height="505"></object>
</div>
</div>
</div>
<div id="subnav">
<a href="/developers/">Developers</a>
¤
<a href="/rules/">Rules</a>
¤
<a href="/privacy/">Privacy</a>
¤
<a href="/terms/">Terms</a>
</div>
</div>
</div>
<div style="padding: 5px;">
<div style="width: 900px; margin: 0 auto; color: #855; font-family: sans-serif; font-size: 10px;">
©2010-2011 Lacuna Expanse Corp. All rights reserved.
</div>
</div>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="//s3.amazonaws.com/www.lacunaexpanse.com/fancybox/jquery.mousewheel-3.0.2.pack.js"></script>
<script type="text/javascript" src="//s3.amazonaws.com/www.lacunaexpanse.com/fancybox/jquery.fancybox-1.3.1.js"></script>
<script type="text/javascript">
// put up a random backdrop
var randomnumber=Math.floor(Math.random()*3)+1;
$('#backdrop').attr('src','v2/backdrop' + randomnumber + '.jpg');
// ready fancybox
$(document).ready(function() {
$("a[rel=screenshots]").fancybox({
'transitionIn' : 'elastic',
'transitionOut' : 'fade'
});
$("#trailer1").fancybox({
'transitionIn' : 'elastic',
'transitionOut' : 'fade'
});
});
// setup google analytics
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-15146236-7']);
_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>
</body>
</html>