-
Notifications
You must be signed in to change notification settings - Fork 10
/
Copy pathindex.html
303 lines (283 loc) · 15 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
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>Grasshopper - An everybody friendly, flexible, extensible CMS</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="A CMS for the people, a great experience for developers, users and customers. Use Grasshopper to drastically speed up development for distributed systems. Support your clients better." />
<meta property="og:title" content="Grasshopper - An everybody friendly, flexible, extensible CMS"/>
<meta property="og:type" content="website"/>
<meta property="og:image" content="https://solid-interactive.github.io/grasshopper-core-nodejs/images/Grasshopper-icon.png" />
<meta property="og:url" content="https://solid-interactive.github.io/grasshopper-core-nodejs/"/>
<meta property="og:description" content="A CMS for the people, a great experience for developers, users and customers. Use Grasshopper to drastically speed up development for distributed systems. Support your clients better." />
<meta name="twitter:image" content="https://solid-interactive.github.io/grasshopper-core-nodejs/images/Grasshopper-icon.png" />
<!-- stylesheets -->
<link rel="canonical" href="https://solid-interactive.github.io/grasshopper-core-nodejs/" />
<link rel="stylesheet" href="/grasshopper-core-nodejs/css/vendor/animate.css" />
<link rel="stylesheet" href="/grasshopper-core-nodejs/css/vendor/flexslider.css" />
<link rel="stylesheet" href="/grasshopper-core-nodejs/css/vendor/brankic.css" />
<link rel="stylesheet" href="/grasshopper-core-nodejs/css/compiled/theme.css" />
<link rel="stylesheet" type="text/css" href="https://yandex.st/highlightjs/8.0/styles/default.min.css" />
<!-- javascript -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="/grasshopper-core-nodejs/js/bootstrap/bootstrap.min.js"></script>
<script src="/grasshopper-core-nodejs/js/vendor/jquery.flexslider.min.js"></script>
<script type="text/javascript" src="/grasshopper-core-nodejs/js/vendor/jwplayer/jwplayer.js"></script>
<script src="/grasshopper-core-nodejs/js/theme.js"></script>
<script src="https://yandex.st/highlightjs/8.0/highlight.min.js"></script>
<!--[if lt IE 9]>
<script src="https://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body id="home">
<header class="navbar navbar-inverse hero" role="banner">
<div class="container">
<div class="navbar-header">
<button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".bs-navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a href="index.html" class="navbar-brand"><img src="https://s3.amazonaws.com/SolidInteractive/images/grasshopper/grasshopper-admin-logo.png" /></a>
</div>
<nav class="collapse navbar-collapse bs-navbar-collapse" role="navigation">
<ul class="nav navbar-nav">
<li class="dropdown">
<a href="index.html">Home</a>
</li>
<li class="dropdown">
<a href="learn-more.html">
Learn More
</a>
</li>
<li class="dropdown">
<a href="documentation.html">
Documentation
</a>
</li>
<li class="dropdown">
<a href="api.html">
Api
</a>
</li>
</ul>
</nav>
</div>
</header>
<div id="hero">
<div class="container">
<h1 class="hero-text animated fadeInDown">
Simplify your life
</h1>
<p class="sub-text animated fadeInDown">
Use Grasshopper, a Node.js framework, to drastically speed up development for distributed systems. Support your clients better.
</p>
<div>
<table><tr><td><iframe src="https://ghbtns.com/github-btn.html?user=Solid-Interactive&repo=grasshopper-core-nodejs&type=watch&count=true" height="30" width="100" frameborder="0" scrolling="0" style="width:100px; height: 30px;" allowTransparency="true"></iframe></td><td><iframe src="https://ghbtns.com/github-btn.html?user=Solid-Interactive&repo=grasshopper-core-nodejs&type=fork&count=true" height="30" width="100" frameborder="0" scrolling="0" style="width:100px; height: 30px;" allowTransparency="true"></iframe></td><td><iframe src="https://ghbtns.com/github-btn.html?user=Solid-Interactive&type=follow&count=true" height="30" width="188" frameborder="0" scrolling="0" style="width:188px; height: 30px;" allowTransparency="true"></iframe></td></tr></table>
</div>
<div class="cta animated fadeInDown">
<a href="learn-more.html" class="button-outline">Learn More</a><br />
</div>
<div class="img"></div>
</div>
</div>
<div class="features">
<div class="container">
<div class="row">
<div class="col-md-6">
<h2>Delight your customers</h2>
<h3>Spend more time building your public facing applications and less time building backend systems, APIs and administrations.</h3>
</div>
<div class="col-md-6 image">
<img src="images/feature1.png" class="img-responsive" alt="feature1" />
</div>
</div>
<div class="row">
<div class="col-md-12">
<p>
Most Content Management Systems (CMS) are too rigid and cloud database services don't offer a friendly way for your clients to manage their apps.
Building backend administrations is costly, time consuming, boring and usually a terrible user experience.
Grasshopper exists to fill in these gaps, using Grasshopper you can spend less time doing these repetitive and costly tasks and more time focusing on your customer.
</p>
</div>
</div>
<div id="slider">
<div class="container">
<div class="row">
<div class="col-md-12 slide-wrapper">
<div class="slideshow">
<div class="btn-nav prev"></div>
<div class="btn-nav next"></div>
<div class="slide active">
<img src="images/slider/slide1.png" alt="slide" />
</div>
<div class="slide">
<img src="images/slider/slide2.png" alt="slide" />
</div>
<div class="slide">
<img src="images/slider/slide3.png" alt="slide" />
</div>
<div class="slide">
<img src="images/slider/slide4.png" alt="slide" />
</div>
<div class="slide">
<img src="images/slider/slide5.png" alt="slide" />
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row happy-icons">
<div class="col-md-6">
<div class="row">
<div class="col-md-12">
<h3>Developers get</h3>
</div>
</div>
<div class="row">
<div class="col-md-2 icon">
<img src="images/circle-icons/full-color/dev.png" alt="Developer happiness" style="width:60px;" />
</div>
<div class="col-md-10">
An easy to use SDK, a ready to go REST API, built in concepts like user management and permissions, an open system that is both flexible and extensible.
</div>
</div>
<div class="row">
<div class="col-md-2 icon">
<img src="images/circle-icons/full-color/stack.png" alt="High performance stack" style="width:60px;" />
</div>
<div class="col-md-10">
High performance application stack built on Node.js. Hooks and events into the system to completely customize the handling of data and unlocking it's potential.
</div>
</div>
<div class="row">
<div class="col-md-2 icon">
<img src="images/circle-icons/full-color/hourglass.png" alt="Saving time" style="width:60px;" />
</div>
<div class="col-md-10">
Standardizing your development flow and using consistent tools will help you save time and delight your users. Using Grasshopper will elimiate much of the boring, boilerplate code that you have to write for every project.
</div>
</div>
<div class="row">
<div class="col-md-2 icon">
<img src="images/circle-icons/full-color/cloud.png" alt="The cloud, of course" style="width:60px;" />
</div>
<div class="col-md-10">
The Grasshopper system can be run anywhere and has native cloud support that keeps growing. You can use services like Heroku or host on your own systems.
</div>
</div>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-md-12">
<h3>Managers get</h3>
</div>
</div>
<div class="row">
<div class="col-md-2 icon">
<img src="images/circle-icons/full-color/profle.png" alt="Application managers" style="width:60px;" />
</div>
<div class="col-md-10">
A ready to go environment to start working right away. No more technology black holes where you have to wait until the end of the project to do your job.
</div>
</div>
<div class="row">
<div class="col-md-2 icon">
<img src="images/circle-icons/full-color/rocket.png" alt="Early delivery" style="width:60px;" />
</div>
<div class="col-md-10">
Faster access to the tools you need. When developers don't have to write code to give you what you want, you will get it faster.
</div>
</div>
<div class="row">
<div class="col-md-2 icon">
<img src="images/circle-icons/full-color/compose.png" alt="Easy data editing" style="width:60px;" />
</div>
<div class="col-md-10">
Intuitive and useful content management screens that can have any definition. Any type of content can be defined, organized and managed without a developer having to write any code.
</div>
</div>
<div class="row">
<div class="col-md-2 icon">
<img src="images/circle-icons/full-color/security.png" alt="Security" style="width:60px;" />
</div>
<div class="col-md-10">
Piece of mind knowing that you can increase client engagement by giving them something to work on sooner and give them less time to think about changes.
</div>
</div>
</div>
</div>
<div class="divider"></div>
<div class="row">
<div class="col-md-6 info">
<h2>Philosophy</h2>
<p>
Most open source platforms only focus on developer happiness, we believe that this approach is one sided. We believe that all users of our system should be happy.
Grasshopper provides tools for everyone involved in the project, developers, content managers, clients and customers alike.
</p>
</div>
<div class="col-md-6 info">
<h2>Community</h2>
<p>
Grasshopper is an open source project that is available on <a href="https://github.com/Solid-Interactive/grasshopper-core-nodejs" target="_blank">Github</a>
and it has been sponsored by <a href="https://www.soliddigital.com" target="_blank">Solid Digital</a>. We fully appreciate the contributions that have been made so far and we are excited for the participation moving forward.
</p>
</div>
</div>
<div class="divider"></div>
<div class="row">
<div class="col-md-12 info">
<h2>What's Next?</h2>
<h3>Drink the koolaid? Take it for a test drive!</h3>
<p>See how easy it is to get up and running with Grasshopper. Here is a video showing the installation of a new Grasshopper application.</p>
<video
src="https://s3.amazonaws.com/SolidInteractive/images/grasshopper/grasshopper-cli-fly.mp4"
id="container"
height="540"
width="960"
poster="https://s3.amazonaws.com/SolidInteractive/images/grasshopper/grasshopper-cli-fly.png"
> </video>
<script type="text/javascript">
jwplayer("container").setup({
flashplayer: "js/vendor/jwplayer/player.swf"
});
</script>
</div>
</div>
</div>
</div>
<div id="footer">
<div class="container">
<div class="row">
<div class="col-sm-6 copyright">
Grasshopper sponsored and built by <a href="https://www.soliddigital.com" target="_blank" style="color:#fff;font-weight:bold">Solid Digital</a>
</div>
<div class="col-sm-6 menu">
<ul>
<li>
<a href="index.html">Home</a>
</li>
<li>
<a href="learn-more.html">Learn More</a>
</li>
<li>
<a href="documentation.html">Documentation</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<script type="text/javascript">
$(function() {
$('.flexslider').flexslider({
directionNav: false,
slideshowSpeed: 4000
});
$('[data-toggle="tooltip"]').tooltip();
});
</script>
</body>
</html>