-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
executable file
·156 lines (133 loc) · 6.18 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
<!DOCTYPE html>
<head>
<meta charset="utf-8" />
<meta name="description" content="A global group of volunteer game developers." />
<meta name="viewport" content="width=device-width" />
<title>Wildfire Games</title>
<link rel="author" href="humans.txt" />
<link rel="stylesheet" href="css/style.css" type="text/css">
<link rel="stylesheet" href="css/orbit.css" type="text/css">
<link href='http://fonts.googleapis.com/css?family=Gentium+Basic|Open+Sans:700' rel='stylesheet' type='text/css'>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<header>
<div class="content">
<img src="img/logo.png" alt="Wildfire Games" />
<nav>
<ul>
<li><a href="#work">Projects</a>
<li><a href="#about">About</a>
<li><a href="#contact">Contact</a>
</ul>
</nav>
</div>
</header>
<div id="hero">
<div class="content">
<div id="featured">
<img src="img/1.jpg" alt="" />
<img src="img/2.jpg" alt="" />
<img src="img/3.jpg" alt="" />
<img src="img/4.jpg" alt="" />
<img src="img/5.jpg" alt="" />
</div>
</div>
</div>
<div class="content">
<article id="intro">
<h2>Wildfire Games is a global group of volunteer game developers.</h2>
<h2>We create open source games and mods.</h2>
</article>
<hr />
<article id="work" class="smoothScroll">
<h2>Our Projects</h2>
<hr />
<section id="zero" class="panel">
<img src="img/0ad.jpg" alt="" />
<span class="title">0 A.D.</span>
<span class="caption">Free, open-source ancient warfare game</span>
<a class="button" href="http://play0ad.com">Visit website</a>
</section>
<section class="panel">
<img src="img/pyro.jpg" alt="" />
<span class="title">Pyrogenesis</span>
<span class="caption">Home-grown, open source 3D engine</span>
<a class="button" href="http://www.moddb.com/engines/pyrogenesis">Visit website</a>
</section>
<section class="panel">
<img src="img/raw.jpg" alt="" />
<span class="title">Rome At War</span>
<span class="caption">Total conversion mod for Age of Kings</span>
<a class="button" href="http://wildfiregames.com/raw">Visit website</a>
</section>
<div class="clearfix"></div>
</article>
<hr />
<article id="about" class="smoothScroll">
<h2><span>About Us</span></h2>
<hr />
<p>
Wildfire Games is an international community of dozens of game developers and gamers, who mostly contribute in their spare time on a volunteer basis. We strive to create strategy games as great as the classics of the genre, and to contribute to its evolution.
</p>
<p>
For the last few years, we have been exclusively developing "0 A.D.", a free, open-source strategy game of ancient warfare, set for release on Windows, GNU/Linux and the Mac. It's a tribute to the ancient world, from Greece and Rome to Carthage and India, with its first edition focusing on the five centuries following 500 B.C. It is powered by our custom-made, powerful and free engine, named "Pyrogenesis".
</p>
<p>
We develop 0 A.D. openly and collaboratively: We let gamers learn how it works, and we invite them to change it as much as they like, and share their creations with the world.
</p>
<p>
Another notable project we once made is a total conversion mod for "Age of Empires II: The Age of Kings", named "Rome at War". Released in 2001, it remains one of the top mods for this classic strategy game.
</p>
<p>
We work within an organized structure (<a href="http://play0ad.com/about/organization/">more</a>). We are always looking for skilled programmers and other types of contributors. We invite you to head to our forums and join our active community, and to say hello on our IRC channels, #0ad and #0ad-dev on QuakeNet. Please feel welcome!
</p>
</article>
<hr />
<article id="contact" class="smoothScroll">
<h2><span>Contact</span></h2>
<hr />
<p>
Feel free to contact us by any of the following ways:
</p>
<ul>
<li>1. <a href="http://www.play0ad.com/contact/">Our contact form on the 0 A.D. website</a>
<li>2. <a href="http://webchat.quakenet.org/?channels=0ad">Our IRC channels #0ad and #0ad-dev on QuakeNet</a>
<li>3. <a href="http://www.wildfiregames.com/forum/">Our forums</a>
</ul>
<p>
We look forward to hearing from you!
</p>
</article>
</div>
<!-- Smooth Scrolling -->
<script src="js/scroll.js" type="text/javascript"></script>
<!-- Slider -->
<script src="js/orbit.js" type="text/javascript"></script>
<script type="text/javascript">
$(window).load(function() {
$('#featured').orbit({
animation: 'fade', // fade, horizontal-slide, vertical-slide, horizontal-push
animationSpeed: 800, // how fasPyrogenesisPyrogenesist animtions are
timer: true, // true or false to have the timer
resetTimerOnClick: false, // true resets the timer instead of pausing slideshow progress
advanceSpeed: 5000, // if timer is enabled, time between transitions
pauseOnHover: false, // if you hover pauses the slider
startClockOnMouseOut: false, // if clock should start on MouseOut
startClockOnMouseOutAfter: 1000, // how long after MouseOut should the timer start again
directionalNav: true, // manual advancing directional navs
captions: true, // do you want captions?
captionAnimation: 'fade', // fade, slideOpen, none
captionAnimationSpeed: 800, // if so how quickly should they animate in
bullets: false, // true or false to activate the bullet navigation
bulletThumbs: false, // thumbnails for the bullets
bulletThumbLocation: '', // location from this file where thumbs will be
fluid: '2x1' // or set a aspect ratio for content slides (ex: '4x3')
});
});
</script>
</body>
</html>