Find file
Fetching contributors…
Cannot retrieve contributors at this time
105 lines (95 sloc) 2.57 KB
<link href=",semibold,italic,italicsemibold|PT+Sans:400,700,400italic,700italic|PT+Serif:400,700,400italic,700italic" rel="stylesheet" />
body {
font-family: 'PT Sans', sans-serif;
min-height: 740px;
background: #eee;
background: -webkit-radial-gradient(#EEE, #AAA);
a {
color: inherit;
text-decoration: none;
padding: 0 0.1em;
background: rgba(255,255,255,0.5);
text-shadow: -1px, -1px, 2px rgba(100,100,100,0.9);
border-radius: 0.2em;
transition: 0.5s;
.step {
width: 900px;
padding: 40px;
box-spacing: border-box;
font-size: 48px;
line-height: 1.5;
.step {
-webkit-transition: opacity 1s;
-moz-transition: opacity 1s;
-ms-transition: opacity 1s;
-o-transition: opacity 1s;
transition: opacity 1s;
.step:not(.active) {
opacity: 0.3;
<div id="impress">
<div class="step" data-x="0" data-y="0">
A framework for turn-based multiplayer games.
<div class="step" data-x="1000" data-y="0">
<li>Emem Adegbola</li>
<li>Viet Dung Cao</li>
<li>Thomas Granger</li>
<li>Nick Hollett</li>
<li>Herbie Porter</li>
<li>Daniel Stordy</li>
<div class="step" data-x="2000" data-y="-100" data-rotate="-90">
<h1>You what?</h1>
A simple layer that allows turn-based multiplayer games to be
hosted on the app engine.
<div class="step" data-x="2000" data-y="-1100" data-rotate="-90">
<h1>Really, what?</h1>
Lets developers focus on the logic and UI of the game,
leaving the data storage and transport to the framework.
We also roll in a bunch of features for free.
<div class="step" data-x="1000" data-y="-1100" data-rotate="-180">
<li>User Profiles</li>
<li>Multiple Game Management</li>
<div class="step" data-x="0" data-y="-1100" data-rotate="-180">
<h1>Sample games</h1>
<li>Number guessing</li>
<li>Naughts and Crosses</li>
<div class="step" data-x="-1000" data-y="-1100" data-rotate="-270">
<div class="step" data-x="-1000" data-y="-100" data-rotate="-270">
<div id="overview" style="z-index: -1; padding: 0;" class="step" data-x="500" data-y="-500" data-scale="3" data-rotate="-360">
<script type="text/javascript" src=""></script>