-
Notifications
You must be signed in to change notification settings - Fork 4
/
Copy pathabout.html
137 lines (124 loc) · 3.82 KB
/
about.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
<!doctype html>
<html>
<head>
<meta charset="utf-8"/>
<title>Mozilla Gladius.js: Games on the Open Web</title>
<link rel="stylesheet" href="css/screen.css"/>
<link rel="stylesheet" href="css/gladiusjs.css"/>
<link href="http://www.mozilla.org/tabzilla/media/css/tabzilla.css" rel="stylesheet" />
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<!-- Adding "maximum-scale=1" fixes the Mobile Safari auto-zoom bug: http://filamentgroup.com/examples/iosScaleBug/ -->
</head>
<body>
<a href="http://www.mozilla.org/" id="tabzilla">mozilla</a>
<header id="masthead">
<nav id="nav-main" role="navigation">
<ul>
<li>
<a href="index.html">Home</a>
</li>
<li>
<b>About</b>
</li>
<li>
<a href="features.html">Features</a>
</li>
<li>
<a href="roadmap.html">Roadmap</a>
</li>
<li>
<a href="docs.html">Docs</a>
</li>
<li>
<a href="https://wiki.mozilla.org/Gladius">Community</a>
</li>
</ul>
</nav>
</header>
<div id="mainDiv">
<!-- the welcome box -->
<section id="primary" class="container">
<!-- the left side -->
<div id="leftCol" class="gladius-col gutter-right-24">
<img id="gameShot" width="400" alt="NoComply Game Screenshot" src="no-comply.png"
class="gutter-bottom-24"/>
</div>
<!-- the right side -->
<div id="rightCol" class="gladius-col paddedup">
<h1> Gladius </h1>
<h2> An open web game engine </h2>
<p>
Gladius is a Javascript engine for making games on the web. It's an open source, community-based project with 3D rendering, physics... blah. Currently in alpha.
</p>
<a class="button" href=".">
Learn more
</a>
</div>
</section>
<!-- the details -->
<img src="logo.png" style="float:right">
<h4>Works like the web</h4>
<ul class="gutter-bottom-24">
<li>
<b>3D support:</b> CubicVR; math library optimized for WebGL
</li>
<li>
<b>baked-in best practices:</b> entity-component framework,
automated testing
</li>
<li>
<b>built for quality using battle-tested tech:</b> require.js,
box2d.js, qunit, jshint, sinon
</li>
</ul>
<h4>Pushing the web platform</h4>
<ul class="gutter-bottom-24">
<li>
<b>3D support:</b> CubicVR; math library optimized for WebGL
</li>
<li>
<b>baked-in best practices:</b> entity-component framework,
automated testing
</li>
<li>
<b>built for quality using battle-tested tech:</b> require.js,
box2d.js, qunit, jshint, sinon
</li>
</ul>
<h4>Expanding every day</h4>
<ul class="gutter-bottom-24">
<li>
<b>3D support:</b> CubicVR; math library optimized for WebGL
</li>
<li>
<b>baked-in best practices:</b> entity-component framework,
automated testing
</li>
<li>
<b>built for quality using battle-tested tech:</b> require.js,
box2d.js, qunit, jshint, sinon
</li>
</ul>
</section>
</div>
<footer class="external">
<div class="col learn">
<h2>Get Email Updates</h2>
</div>
<div class="col tweet">
<h2>Follow and tweet</h2>
<a href="https://twitter.com/mozilla" class="twitter-follow-button" data-show-count="false">Follow @mozilla</a>
<script src="//platform.twitter.com/widgets.js" type="text/javascript"></script>
</div>
<div class="col moz">
<h2>Connect with Mozilla</h2>
<ul>
<li><a href="http://www.mozilla.org/about/mission.html">Learn about Mozilla's mission</a></li>
<li><a href="https://donate.mozilla.org/page/contribute/protect-the-web/">Join Mozilla</a></li>
<li><a href="http://www.facebook.com/mozilladrumbeat/">Like us on Facebook</a></li>
</ul>
</div>
</footer>
<script src="http://www.mozilla.org/tabzilla/media/js/tabzilla.js"></script>
</body>
</html>