OLD | NEW |
---|---|
(Empty) | |
1 {{+bindTo:partials.standard_nacl_article}} | |
2 | |
3 <h1>Welcome to Native Client</h1> | |
4 | |
5 <style type="text/css"> | |
not at google - send to devlin
2013/12/03 01:44:12
could you move the style above the <h1> and make i
| |
6 #home .button-nacl { | |
7 border-top: 1px solid #96d1f8; | |
8 background: #65a9d7; | |
9 background: -webkit-gradient(linear, left top, left bottom, from(#3e779 d), to(#65a9d7)); | |
10 background: -webkit-linear-gradient(top, #3e779d, #65a9d7); | |
11 background: -moz-linear-gradient(top, #3e779d, #65a9d7); | |
12 background: -ms-linear-gradient(top, #3e779d, #65a9d7); | |
13 background: -o-linear-gradient(top, #3e779d, #65a9d7); | |
14 padding: 5px 10px; | |
15 -webkit-border-radius: 5px; | |
16 -moz-border-radius: 5px; | |
17 border-radius: 5px; | |
18 -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0; | |
19 -moz-box-shadow: rgba(0,0,0,1) 0 1px 0; | |
20 box-shadow: rgba(0,0,0,1) 0 1px 0; | |
21 text-shadow: rgba(0,0,0,.4) 0 1px 0; | |
22 color: white; | |
23 font-size: 18px; | |
24 text-decoration: none; | |
25 vertical-align: middle; | |
26 } | |
27 #home .button-nacl:visited { | |
28 color: #fff; | |
29 } | |
30 #home .button-nacl:hover { | |
31 border-top-color: #28597a; | |
32 background: #28597a; | |
33 color: #ccc; | |
34 } | |
35 #home .button-nacl:active { | |
36 border-top-color: #1b435e; | |
37 background: #1b435e; | |
38 } | |
39 #home .button-download { | |
40 float: right; | |
41 margin: 2em 4em; | |
42 } | |
43 #home .big-intro { | |
44 font-size: 16px; | |
45 } | |
46 #home iframe.video { | |
47 display: block; | |
48 margin: 1em auto 0; | |
49 } | |
50 #home .right-side { | |
51 float: right; | |
52 width: 54%; | |
53 background-color: #FFF; | |
54 } | |
55 #home .right-side-inner { | |
56 padding-left: 40px; | |
57 } | |
58 </style> | |
59 {{butterbar}} | |
60 | |
61 <div id="home"> | |
62 | |
63 <a class="button-nacl button-download" href="/native-client/dev/sdk/download">Do wnload SDK</a> | |
64 | |
65 <div class="big-intro"> | |
66 <p><strong>Native Client</strong> is a sandbox for running compiled C and C++ co de in the browser efficiently | |
67 and securely, independent of the user's operating system. <strong>Portable Nativ e Client</strong> extends | |
68 that technology with architecture independence, letting developers compile their code once to run | |
69 in any website and on any architecture.</p> | |
70 | |
71 <p>In short, Native Client brings the <strong>performance</strong> and <strong>l ow-level control</strong> | |
72 of native code to modern web browsers, without sacrificing the <strong>security< /strong> and | |
73 <strong>portability</strong> of the web. Watch the video below for an overview o f Native Client, including | |
74 its goals, how it works, and how Portable Native Client lets developers run nati ve compiled code on the web.</p> | |
75 </div> | |
76 | |
77 <iframe class="video" width="640" height="360" src="//www.youtube.com/embed/MvKE omoiKBA?rel=0" frameborder="0"></iframe> | |
78 | |
79 <div class="right-side"> | |
80 <div class="right-side-inner"> | |
81 <h2>Guiding principles of Native Client</h2> | |
82 <div class="big-intro"> | |
83 <ul> | |
84 <li>Developer flexibility to program in any language.</li> | |
85 <li>Running close to the metal to allow access to performance gains.</li> | |
86 <li>Protecting users from malicious code and malware.</li> | |
87 <li>Write-once, run-anywhere code portability across all user architectures.</ li> | |
88 </ul> | |
89 </div> | |
90 </div> | |
91 </div> | |
92 | |
93 <h2>Get started with Native Client</h2> | |
94 <div class="big-intro"> | |
95 <ol> | |
96 <li><a href="/native-client/dev/sdk/download">Download the Native Client SDK</ a>.</li> | |
97 <li>Read the <a href="/native-client/dev/overview">Technical Overview</a>.</li > | |
98 <li>Learn how to use the SDK and build both a web app and a Chrome app in the | |
99 <a href="/native-client/dev/devguide/tutorial/tutorial-part1">Getting Started Tutorial</a>.</li> | |
100 </ol> | |
101 </div> | |
102 | |
103 <div class="big-intro" style="clear: both;"> | |
104 <p>Send us questions, comments, and feedback: <a href="https://groups.google.com /forum/#!forum/native-client-discuss">native-client-discuss</a>.</p> | |
105 </div> | |
106 | |
107 </div> <!-- home --> | |
108 | |
109 {{/partials.standard_nacl_article}} | |
OLD | NEW |