forked from crosswalk-project/crosswalk-website
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·161 lines (151 loc) · 9.76 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
<!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="description" content="Crosswalk is a web runtime for ambitious HTML5 applications. It provides all the features of a modern browser, combined with deep device integration and an API for adding native extensions. It is especially suited to mobile devices, with support for both Android and Tizen.">
<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="utils.js"></script>
<script src="versions.js"></script>
</head>
<body>
<div id='top-menu'><div>
<div class='slider slide-around'></div>
<div>
<a href='#home'></a>
</div>
<div class="top-menu-right">
<a class='menu-item' href='#documentation/About'>Documentation</a>
<a class='menu-item' href='#contribute/Overview'>Contribute</a>
<a class='menu-item' href='#wiki'>Wiki</a>
</div>
</div></div>
<div id='page'>
<div class="sub-menu-button-container" data-hide="true">
<button class="sub-menu-button"></button>
</div>
<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' class='version-link'>${XWALK-STABLE-ANDROID-X86}</a>
<a class='stable home-link' href='#documentation/downloads'>Stable</a><br>
<a href='#documentation/downloads/beta' class='version-link'>${XWALK-BETA-ANDROID-X86}</a>
<a class='beta home-link' href='#documentation/downloads'>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.</p>
<p style='text-align: left;'>Crosswalk is a web runtime for ambitious HTML5 applications. It provides all the features of a modern browser, combined with deep device integration and an API for adding native extensions. It is especially suited to mobile devices, with support for both Android and Tizen. <a href="#documentation/about" class="home-link">Read more</a></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/about'>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>
<img src="assets/architecture_crosswalk.png" id="arch-diagram">
<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 most modern
web browsers.</p>
<p>Building on Blink, Crosswalk uses Chromium features
to provide a multi-process architecture, designed for
security and performance, as well as state-of-the-art
performance and graphics.</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'><div class='sample sample-2'> </div></a>
<a href='#documentation/samples/webgl'><div class='sample sample-3'> </div></a>
<a href='#documentation/samples/simd'><div class='sample sample-4'> </div></a>
</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>
</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="social-buttons">
<a href="https://twitter.com/share" class="twitter-share-button" data-url="http://crosswalk-project.org/" data-text="Crosswalk: a web runtime for ambitious HTML5 applications" data-size="large" data-count="none">Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
<a href="https://twitter.com/xwalk_project" class="twitter-follow-button" data-show-count="false" data-size="large" data-show-screen-name="false">Follow</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
</div>
<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>