forked from ruby-hyperloop/ruby-hyperloop.io
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
155 lines (131 loc) · 6.62 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
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv='X-UA-Compatible' content='IE=edge;chrome=1' />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="google-site-verification" content="qjqVOvRhHfsuDbLOvaAnj2mkUZJ9Xwzg84TMVXduvUc" />
<meta charset="UTF-8">
<title>Hyperloop</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css'>
<!-- <link href="/stylesheets/base.css" rel="stylesheet" />
<link href="/stylesheets/normalize.css" rel="stylesheet" />
<link href="/stylesheets/stylesheet.css" rel="stylesheet" />
<link href="/stylesheets/github-light.css" rel="stylesheet" /> -->
<link href="/stylesheets/bootstrap.min.css" rel="stylesheet" />
<link href="/stylesheets/override.css" rel="stylesheet" />
<link href="/stylesheets/code.css" rel="stylesheet" />
<title>Hyperloop</title>
<link rel="alternate" type="application/atom+xml" title="Atom Feed" href="/feed.xml" />
<!-- Favicons -->
<link rel="apple-touch-icon" sizes="57x57" href="/images/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="/images/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="/images/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="/images/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="/images/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="/images/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="/images/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="/images/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="/images/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="/images/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="/images/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="/images/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="/images/favicon-16x16.png">
<link rel="manifest" href="/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/images/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
</head>
<body>
<div class="container">
<nav class="navbar navbar-ligh">
<button class="navbar-toggler hidden-sm-up" type="button" data-toggle="collapse" data-target="#exCollapsingNavbar2" aria-controls="exCollapsingNavbar2" aria-expanded="false" aria-label="Toggle navigation">
☰
</button>
<div class="collapse navbar-toggleable-xs" id="exCollapsingNavbar2">
<ul class="nav navbar-nav">
<li class="nav-item">
<a href="/" class="nav-link">Hyperloop</a>
</li>
<li class="nav-item">
<a href="/get_started" class="nav-link active">Get Started</a>
</li>
<li class="nav-item">
<a href="/tutorials" class="nav-link">Tutorials</a>
</li>
<li class="nav-item">
<a href="/installation" class="nav-link">Installation</a>
</li>
<li class="nav-item">
<a href="/gems" class="nav-link">Gems</a>
</li>
<li class="nav-item">
<a href="/~https://github.com/ruby-hyperloop" class="nav-link">Github</a>
</li>
<li class="nav-item">
<a href="/tools" class="nav-link">Tools</a>
</li>
<li class="nav-item">
<a href="/docs/dsl_overview" class="nav-link">Docs</a>
</li>
<li class="nav-item">
<a href="/support" class="nav-link">Support</a>
</li>
<li class="nav-item">
<a href="/blog" class="nav-link">Blog</a>
</li>
</ul>
</div>
</nav>
</div>
<div class="jumbotron page-header">
<div class="container">
<div class="row hidden-xs-down">
<div class="col-md-3 center-text">
<img src="/images/hyperloop_white.svg" width="180" alt="Hyperloop white" />
</div>
<div class="col-md-9">
<h1 class="display-4 project-name">Hyperloop</h1>
</br>
<h2 class="display-7 project-tagline">
THE MISSING RUBY FRONT-END LIBRARY
</h2>
</div>
</div>
<div class="row hidden-sm-up">
<div class="col-md-3 center-text">
<img src="/images/hyperloop_white.svg" width="120" alt="Hyperloop white" />
</div>
<div class="col-md-9">
<h1 class="h1 project-name center-text">Hyperloop</h1>
</br>
<h2 class="h4 project-tagline center-text">
THE MISSING RUBY FRONT-END LIBRARY
</h2>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md-3">
<br>
</div>
<div class="col-md-9 main-content">
<h2 id="pure-ruby">Pure Ruby</h2>
<p>Hyperloop lets you build beautiful interactive user interfaces using the same Ruby language running your server side code. Hyperloop replaces JS code, JSX, HTML, templating languages, and complex frameworks with one simple system.</p>
<h2 id="simplicity">Simplicity</h2>
<p>One language. One simple model. Under the hood the Hyperloop gems takes care of all the details for you. The same Ruby code runs on the server to deliver pages fast, and then keeps running on the client to handle your user interactions, data flow and data synchronisation.</p>
<h2 id="hyperreact-react-ruby">HyperReact = React + Ruby</h2>
<p>The power and simplicity of React with a great easy to use Ruby DSL. HyperReact frees you up to do what you do best - building great apps.</p>
<p>HyperReact is a wrapper for the React.js library for creating user interfaces. HyperReact provides all the goodness of React combined with the expressiveness of the Ruby language. </p>
<p>React was built to solve one problem: building large applications with data that changes over time.</p>
<p>HyperReact takes this one step further. Because it uses Ruby, you can think in one language on the server and the client. Because it uses React.js you get a simple, declarative, structured way to build your UI.</p>
</div>
</div>
</div>
<script src="http://code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script>
<script src="/javascripts/bootstrap.min.js"></script>
</body>
</html>