-
Notifications
You must be signed in to change notification settings - Fork 29
/
index.html
204 lines (172 loc) · 9.79 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
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Circular Studios</title>
<link rel="stylesheet" href="css/foundation.css" />
<link rel="stylesheet" href="css/main.min.css" />
<link rel="stylesheet" href="css/fonts.css" />
<link href="//fonts.googleapis.com/css?family=Open+Sans:400italic,400,600,300" rel="stylesheet" type="text/css">
<link rel="icon" type="image/png" href="img/circular-circle.png" />
<script src="js/vendor/modernizr.js"></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-35953253-3', 'circularstudios.com');
ga('send', 'pageview');
</script>
</head>
<body>
<div id="navigation-shade"></div>
<div id="navigation-buffer"></div>
<div id="navigation">
<div class="row">
<div class="large-4 medium-4 columns">
<a href="#" id="nav-menu" alt="Menu"><span></span></a>
<a href="#welcome" id="nav-logo" class="logo"><img src="img/circular-logo-small.png" /></a>
</div>
<div class="large-8 medium-8 columns hide-for-small">
<ul class="inline-list right">
<li><a href="#dash">Dash</a></li>
<li><a href="#games">Games</a></li>
<li><a href="#about">About</a></li>
</ul>
</div>
</div>
</div>
<div id="offcanvas-navigation" class="hide-for-medium-up">
<ul>
<li><a href="#dash">Dash</a></li>
<li><a href="#games">Games</a></li>
<li><a href="#about">About</a></li>
</ul>
</div>
<!-- End Header and Nav -->
<a name="welcome"></a>
<div class="section welcome">
<div class="text-box">
<h1 class="light-grey">Circular Studios</h1>
<!--<img src="img/circular-circle.png" />-->
<h3 class="light-grey">We build game tech.</h3>
<!--
We power play.
We build game tech.
We architect fun.
We architect play.
-->
</div>
</div>
<a name="dash"></a>
<div class="section dash">
<div class="row">
<div class="medium-12 columns text-center">
<a href="https://circularstudios.com/Dash"><img src="img/dash-logo.png" class="margin" /></a>
<h2 class="orange">The open-source game engine written in D.</h2>
</div>
</div>
<div class="row">
<div class="medium-6 small-12 columns">
<a href="https://github.com/Circular-Studios/Dash" class="cust-button orange expand" target="_blank"><span class="icon-github"></span> GitHub</a>
</div>
<div class="medium-6 small-12 columns">
<a href="http://circularstudios.com/Dash/guides/" class="cust-button orange expand" target="_blank"><span class="icon-book"></span> Docs</a>
</div>
</div>
<div class="row">
<div class="medium-12 columns text-center">
<p>The Dash Engine is an OpenGL engine written in the <a href="http://dlang.org/" target="_blank">D language</a> that runs on both Windows and Linux. We use a deferred-rendering model in the current pipeline, and a component model for game development and logic. Other major features include networking, skeletal-animation support, content and configuration loading via YAML, and UI support through <a href="http://www.awesomium.com/" target="_blank">Awesomium</a>.</p>
<p>Our vision for Dash is to have the programmer-facing model of XNA/Monogame combined with the designer-friendliness of Unity in a free and open-source engine. We also hope that Dash can help to prove the power and maturity of D as a language, as well as push D to continue improving.</p>
</div>
</div>
</div>
<a name="games"></a>
<div class="section games-header">
<div class="text-box">
<h1 class="light-grey">Games</h1>
<h3 class="light-grey">Just want to play? We have you covered.</h3>
</div>
</div>
<div class="section robot-ghosts">
<div class="row">
<div class="medium-12 columns text-center">
<a href="https://github.com/Circular-Studios/Spectral-Robot"><img src="img/spectral-logo.png" class="margin" /></a>
<h2 class="dark-grey">A turn-based strategy game.</h2>
</div>
</div>
<div class="row">
<div class="medium-6 small-12 columns">
<a href="https://github.com/Circular-Studios/Spectral-Robot" class="cust-button orange expand" target="_blank"><span class="icon-github"></span> GitHub</a>
</div>
<div class="medium-6 small-12 columns">
<a href="https://github.com/Circular-Studios/Spectral-Robot/releases" class="cust-button orange expand" target="_blank"><span class="icon-file"></span> Download & Play</a>
</div>
</div>
<div class="row margin">
<ul class="small-block-grid-1 medium-block-grid-3">
<li><img src="img/robot-ghosts-screenshot-1.png" /></li>
<li><img src="img/robot-ghosts-screenshot-2.png" /></li>
<li><img src="img/robot-ghosts-screenshot-3.png" /></li>
</ul>
</div>
<div class="row">
<div class="large-12 columns text-center">
<p>Spectral Robot Task Force is a turn-based strategy game similar to XCOM and Fire Emblem, with robot ghosts fighting supernatural criminals. It features a light-hearted plot that we want to couple with deep, rewarding gameplay. Online multiplayer will extend the fun past the singleplayer experience, and you can even play asynchronously if you want to take your time strategizing.</p>
</div>
</div>
</div>
<!-- Footer -->
<a name="about"></a>
<footer class="section footer">
<div class="row">
<div class="medium-6 small-12 medium-push-6 columns medium-text-right large-text-right small-text-center">
<h3>About Us</h3>
<p>We're Circular Studios, a group of friends who studied together at <a href="http://www.rit.edu/" target="_blank">Rochester Institute of Technology</a>. Circular Studios is our creative outlet for creating games and game technology.</p>
</div>
<div class="medium-6 small-12 medium-pull-6 columns">
<div class="row">
<div class="small-12 columns large-text-left medium-text-left small-text-center">
<h3>We want to hear from you!</h3>
<div class="social-container">
<a href="https://www.facebook.com/CircularStudios" class="social-link facebook" target="_blank"><span class="icon-facebook"></span></a>
<a href="https://twitter.com/CircularStudios" class="social-link twitter" target="_blank"><span class="icon-twitter"></span></a>
<a href="https://github.com/Circular-Studios" class="social-link github" target="_blank"><span class="icon-github"></span></a>
<a href="mailto:[email protected]" class="social-link mail" target="_blank"><span class="icon-mail2"></span></a>
</div>
<p class="single-line">© Copyright 2015. All rights reserved.</p>
</div>
</div>
</div>
</div>
</footer>
<script src="js/vendor/jquery.js"></script>
<script src="js/foundation.min.js"></script>
<script>
$(document).foundation();
$(document).ready(function () {
//FastClick.attach(document.body);
var toggleNav = function (e) {
e.preventDefault();
$('#offcanvas-navigation').toggleClass('on');
$('#navigation-shade').toggleClass('on');
}
$('#nav-menu').click(function (e) {
toggleNav(e);
});
$('#navigation-shade').click(function (e) {
toggleNav(e);
});
$('#offcanvas-navigation a').click(function (e) {
$('#offcanvas-navigation').toggleClass('on', false);
$('#navigation-shade').toggleClass('on', false);
});
$('#nav-logo').click(function (e) {
$('#offcanvas-navigation').toggleClass('on', false);
$('#navigation-shade').toggleClass('on', false);
});
});
</script>
</body>
</html>