Chromium Code Reviews| 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 |