-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
180 lines (168 loc) · 6.91 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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Meta -->
<meta charset="utf-8" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<!-- Use the .htaccess and remove these lines to avoid edge case issues.
More info: h5bp.com/i/378 -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<!-- Our site title and description -->
<title>Home | Force Universe</title>
<meta name="description" content="Powerful Dart framework for creating Realtime web applications like a chat, multiplayer games, realtime bigdata, ..." />
<meta name="keywords" content="Dartlang realtime serverside mvc development" />
<meta name="author" content="Joris Hermans" />
<!-- Output DocPad produced meta elements -->
<meta name="generator" content="DocPad v6.69.2" />
<!-- Mobile viewport optimized: h5bp.com/viewport -->
<meta name="viewport" content="width=device-width" />
<!-- Icons -->
<link rel="shortcut icon" href="images/icons/favicon.ico">
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="images/icons/apple-touch-icon-144-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="images/icons/apple-touch-icon-114-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="images/icons/apple-touch-icon-72-precomposed.png">
<link rel="apple-touch-icon-precomposed" href="images/icons/apple-touch-icon-57-precomposed.png">
<!-- Shims: IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script async src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!-- Styles -->
<style >html.wait {
cursor: wait !important;
opacity: 0;
transition: opacity 0.5s ease;
}</style><link rel="stylesheet" href="/styles/twitter-bootstrap.css" /><link rel="stylesheet" href="/styles/style.css" />
</head>
<body>
<!-- Content -->
<div>
<!-- Content -->
<nav class="container c-top">
<img src="/images/logo.png" /> Dart Force
</nav>
<section id="content" class="content">
<div class="c-wrapper c-intro">
<header class="c-masthead">
<!-- Primary marketing message or call to action -->
<div class="jumbotron transparent">
<h1 class="c-heading">Powerful Dart framework for creating Realtime web applications.</h1>
<p>With the power of the force you can build beautifull webapps.</p>
<p>From realtime web applications to Restfull api's.</p>
</div>
</header>
</div>
<!-- Example row of columns -->
<div class="container">
<div class="row" class="text-center">
<div class="col-lg-6">
<h2>Force</h2>
<p>Dart Force is a Realtime web framework for <a href="http://www.dartlang.org">Dart</a>.
We will make it easy for you to create realtime applications with it, like a chat, interactive dashboard, multiplayer games, ...
It has a lot of other component inside him, Force MVC, Cargo, Wired, ...
</p>
<ul>
<li>Socket.io like communication interface</li>
<li>Clientside DB api, with serverside validation rules</li>
<li>Easy to use with Polymer and Angular.dart</li>
</ul>
<p><a class="btn btn-default" href="/pages/force.html">Read more</a></p>
</div>
<div class="col-lg-6">
<h2>Force MVC</h2>
<p>A serverside mvc framework with template (mustache by default) into him. Easy for developers how are familiar with java spring mvc.</p>
<ul>
<li>Mustache templates</li>
<li>Metadata, annotations, @Controller, @RequestMapping, ...</li>
<li>Security</li>
<li>Restfull api's with json</li>
</ul>
<p><a class="btn btn-default" href="/pages/mvc.html">Read more</a></p>
</div>
</div>
<div class="row" class="text-center">
<div class="col-lg-6">
<h2>Cargo</h2>
<p>Cargo is a abstraction layer, to help you store key value pairs. It has implementations for the browser and for the server.</p>
<p><a class="btn btn-default" href="https://github.com/ForceUniverse/cargo">Github</a></p>
</div>
<div class="col-lg-6">
<h2>BigCargo</h2>
<p>A serie of implementations for nosql databases (MongoDB, redis, ...)</p>
<p><a class="btn btn-default" href="https://github.com/ForceUniverse/bigcargo">Github</a></p>
</div>
</div>
<div class="row" class="text-center">
<div class="col-lg-6">
<h2>Wired</h2>
<p>An dependency injection framework similar to java spring.</p>
<p><a class="btn btn-default" href="https://github.com/ForceUniverse/wired">Github</a></p>
</div>
<div class="col-lg-6">
<h2>R2D2</h2>
<p>A dart implementation to detect on what kind of device you are on, it has a browser and a server implementation.</p>
<p><a class="btn btn-default" href="https://github.com/ForceUniverse/r2d2">Github</a></p>
</div>
</div>
<div class="row" class="text-center" style="background-color: lightgrey;">
<div class="col-lg-12">
<h2>Youtube</h2>
<p>Watch our video's on <a href="https://www.youtube.com/channel/UCUvwGHfXZuo3guBrfC9EI3Q">Youtube</a></p>
<h2>Social media</h2>
<p>Follow us on <a href="https://twitter.com/usethedartforce">twitter</a> <br />
Follow us on <a href="https://plus.google.com/111406188246677273707">google+</a>
</p>
<h2>Github</h2>
<p>Look at our code at github <a href="https://github.com/ForceUniverse">Github</a></p>
</div>
</div>
</div>
</section>
</div><!-- /container -->
<!-- Scripts -->
<script >(function(){
/* Did we just livereload? */
var log = !!(localStorage && console && console.log && true);
if ( log && localStorage.getItem('/docpad-livereload/reloaded') === 'yes' ) {
localStorage.removeItem('/docpad-livereload/reloaded');
console.log('LiveReload completed at', new Date())
}
/* Listen for the regenerated event and perform a reload of the page when the event occurs */
var listen = function(){
var primus = new Primus('/docpad-livereload');
primus.on('data', function(data){
if ( data && data.message ) {
if ( data.message === 'generateBefore' ) {
if ( log ) {
console.log('LiveReload started at', new Date());
}
if ( typeof document.getElementsByTagName !== 'undefined' ) {
document.getElementsByTagName('html')[0].className += ' wait';
}
}
else if ( data.message === 'generateAfter' ) {
if ( log ) {
localStorage.setItem('/docpad-livereload/reloaded', 'yes');
}
document.location.reload();
}
}
});
};
/* Inject socket into our page */
var inject = function(){
var t = document.createElement('script');
t.type = 'text/javascript';
t.async = 'async';
t.src = '/primus/primus.js';
t.onload = listen;
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(t, s);
};
if ( typeof Primus !== 'undefined' ) {
listen();
} else {
inject();
}
})();</script><script defer="defer" src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script><script defer="defer" src="//cdnjs.cloudflare.com/ajax/libs/modernizr/2.6.2/modernizr.min.js"></script><script defer="defer" src="/vendor/twitter-bootstrap/dist/js/bootstrap.min.js"></script><script defer="defer" src="/scripts/script.js"></script>
</body>
</html>