forked from crosswalk-project/crosswalk-website
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·162 lines (149 loc) · 8.83 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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<meta name="MobileOptimized" content="width" />
<meta name="HandheldFriendly" content="true" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<link type="image/x-icon" rel="icon" href="assets/favicon.ico">
<link type="image/x-icon" rel="shortcut icon" href="assets/favicon.ico">
<link rel="stylesheet" href="font.css">
<link rel="stylesheet" href="markdown.css">
<link rel="stylesheet" href="xwalk.css">
<title>Crosswalk</title>
<!-- polyfill for classList for IE9 -->
<script src="classList.min.js"></script>
<script src="menus.js"></script>
<script src="xwalk.js"></script>
<script src="versions.js"></script>
</head>
<body>
<div id='top-menu'><div>
<div class='slider slide-around'></div>
<a href='#home'></a>
<a class='menu-item' href='#documentation/Getting_Started'>Documentation</a>
<a class='menu-item' href='#contribute/Overview'>Contribute</a>
<a class='menu-item' href='#wiki'>Wiki</a>
</div></div>
<div id='page'>
<div id='home-column' class='column hidden'>
<div id='home' class='section'>
<div class='background' id='sunburst'></div>
<div class='background' id='small-circle'></div>
<div class='background' id='big-circle'></div>
<div class='background tile-overlay'></div>
<div class='content'>
<div class='logo'></div>
<p>Latest releases</p>
<div class='releases'>
<a href='#documentation/downloads/stable-release' class='version-link'>${XWALK-STABLE-ANDROID-X86}</a>
<a class='stable channel' href='#documentation/downloads/stable-release'>Stable</a><br>
<a href='#documentation/downloads/beta' class='version-link'>${XWALK-BETA-ANDROID-X86}</a>
<a class='beta channel' href='#documentation/downloads/beta'>Beta</a>
</div>
<p style='text-align: left'>Many HTML5 applications need more than just a browser–they need all the features of a native application. Crosswalk is a portable runtime for applications written in HTML5, CSS and JavaScript.</p>
<div id='button-box'>
<div id='download-button' class='button'><a href='#documentation/downloads'>DOWNLOAD</a></div>
<div id='documentation-button' class='button'><a href='#documentation/getting_started'>DOCUMENTATION</a></div>
<div id='contribute-button' class='button'><a href='#contribute/overview'>CONTRIBUTE</a></div>
</div>
<div class='more-button-box'><a href='#overview-content'></a></div>
</div>
</div>
<div id='overview' class='section'>
<div class='divider'><div class="right-corner"></div><div class="left-corner"></div></div>
<div class='background tile-overlay'></div>
<div id='overview-content' class='content'>
<h1>Crosswalk Architecture</h1>
<div id='illustration'></div>
<p>Crosswalk is an HTML5 application runtime which
builds on open source foundations. It extends today's
web platform with new capabilities, empowering
applications written using web technologies.</p>
<p>By using Crosswalk, an application developer can:</p>
<ul>
<li>Access the latest recommended and emerging web
standards.</li>
<li>Control the upgrade cycle of an application by
distributing it with its own runtime.</li>
<li>Add custom extensions to an application to take
advantage of platform features not exposed by
Crosswalk.</li>
<li>Use hardware-accelerated WebGL (if available on the
platform).</li>
</ul>
<p>At the heart of Crosswalk is the Blink
rendering and layout engine. This provides the
same HTML5 features and capabilities you would
expect to find in any modern web brower.</p>
<p>Building on Blink, Crosswalk uses the Chromium
Content module to provide a multi-process
architecture, designed for security and performance.</p>
</div>
</div>
<div id='samples-overview' class='section'>
<div class='divider'><div class="right-corner"></div><div class="left-corner"></div></div>
<div class='background tile-overlay'></div>
<div class='background' id='crossing-tile'><div></div></div>
<div class='content'>
<table>
<thead><tr><td><h1>SAMPLE APPLICATIONS</h1></td><td><h1>COMMUNITY</h1></td></tr></thead>
<tbody id='samples-body'><tr><td>
<a href='#documentation/samples/hello-world'><div class='sample sample-1'> </div></a>
<a href='#documentation/samples/tizen-apis'><div class='sample sample-2'> </div></a>
<a href='#documentation/samples/webgl'><div class='sample sample-3'> </div></a>
<div class='sample sample-4'>Coming Soon</div>
</td><td>
<div class='community-button'><a href='#documentation/community/mailing-lists'>Mailing Lists</a></div>
<div class='community-button'><a href='#documentation/Community/irc-channel'>IRC Channel</a></div>
<div class='community-button'><a href='#wiki'>Wiki</a></div>
<div class='community-button'><a href='http://github.com/crosswalk-project/crosswalk'>Source</a></div>
<div class='community-button'><a href='https://crosswalk-project.org/jira'>Issue Tracking</a></div><!--div class='community-button'><a href='#documentation/Graphics'>Graphics</a></div-->
</td></tr></tbody>
</table>
</div>
</div>
</div>
</div> <!-- end of #page -->
<div id='error-column' class='column hidden'>
<div id='error' class='section'>
<div class='background' id='sunburst'></div>
<div class='background' id='small-circle'></div>
<div class='background' id='big-circle'></div>
<div class='background tile-overlay'></div>
<div class='content' style='text-align: left'><p>
<div class='logo'></div>
<p>We're sorry :( Your browser does not support the HTML5 features this website requires.</p>
<p>To view this site, you will need to upgrade your browser.</p>
<p>This site is known to work with:</p><ul>
<li>Chrome
<li>Firefox
<li>Internet Explorer 9
<li>Internet Explorer 10
</ul>
</div>
</div>
</div>
<div id='footer'>
<div class='background tile-overlay'></div>
<div class='divider'></div>
<div class='content'>
<a href='#page'><div id='footer-logo'></div></a>
<div id='who'>Crosswalk is a project from the Intel Open Source Technology Center.</div>
<div id='copyright'>Copyright © 2013-2014 Intel Corporation. All rights reserved. <a href='#wiki/privacy-policy'>Privacy policy.</a></div>
<div id='others'>*Other names and brands may be claimed as the property of others.</div>
</div>
</div>
<div id='footer-padding'><div class='background tile-overlay'></div></div>
<div id='documentation-column' class='column hidden'>
<div class='sub-menu-box'><div class='sub-menu'></div></div><div class='sub-content'></div>
</div>
<div id='contribute-column' class='column hidden'>
<div class='sub-menu-box'><div class='sub-menu'></div></div><div class='sub-content'></div>
</div>
<div id='wiki-column' class='column hidden'>
<div class='sub-menu-box'><div class='sub-menu'></div></div><div class='sub-content'></div>
</div>
</body>
</html>