Chromium Code Reviews| Index: components/nacl/docs/dev/index.html |
| diff --git a/components/nacl/docs/dev/index.html b/components/nacl/docs/dev/index.html |
| new file mode 100644 |
| index 0000000000000000000000000000000000000000..e3cec71f94e850c34ad53c6eb4f5b0ffada6af44 |
| --- /dev/null |
| +++ b/components/nacl/docs/dev/index.html |
| @@ -0,0 +1,109 @@ |
| +{{+bindTo:partials.standard_nacl_article}} |
| + |
| +<h1>Welcome to Native Client</h1> |
| + |
| + <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
|
| + #home .button-nacl { |
| + border-top: 1px solid #96d1f8; |
| + background: #65a9d7; |
| + background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7)); |
| + background: -webkit-linear-gradient(top, #3e779d, #65a9d7); |
| + background: -moz-linear-gradient(top, #3e779d, #65a9d7); |
| + background: -ms-linear-gradient(top, #3e779d, #65a9d7); |
| + background: -o-linear-gradient(top, #3e779d, #65a9d7); |
| + padding: 5px 10px; |
| + -webkit-border-radius: 5px; |
| + -moz-border-radius: 5px; |
| + border-radius: 5px; |
| + -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0; |
| + -moz-box-shadow: rgba(0,0,0,1) 0 1px 0; |
| + box-shadow: rgba(0,0,0,1) 0 1px 0; |
| + text-shadow: rgba(0,0,0,.4) 0 1px 0; |
| + color: white; |
| + font-size: 18px; |
| + text-decoration: none; |
| + vertical-align: middle; |
| + } |
| + #home .button-nacl:visited { |
| + color: #fff; |
| + } |
| + #home .button-nacl:hover { |
| + border-top-color: #28597a; |
| + background: #28597a; |
| + color: #ccc; |
| + } |
| + #home .button-nacl:active { |
| + border-top-color: #1b435e; |
| + background: #1b435e; |
| + } |
| + #home .button-download { |
| + float: right; |
| + margin: 2em 4em; |
| + } |
| + #home .big-intro { |
| + font-size: 16px; |
| + } |
| + #home iframe.video { |
| + display: block; |
| + margin: 1em auto 0; |
| + } |
| + #home .right-side { |
| + float: right; |
| + width: 54%; |
| + background-color: #FFF; |
| + } |
| + #home .right-side-inner { |
| + padding-left: 40px; |
| + } |
| + </style> |
| + {{butterbar}} |
| + |
| +<div id="home"> |
| + |
| +<a class="button-nacl button-download" href="/native-client/dev/sdk/download">Download SDK</a> |
| + |
| +<div class="big-intro"> |
| +<p><strong>Native Client</strong> is a sandbox for running compiled C and C++ code in the browser efficiently |
| +and securely, independent of the user's operating system. <strong>Portable Native Client</strong> extends |
| +that technology with architecture independence, letting developers compile their code once to run |
| +in any website and on any architecture.</p> |
| + |
| +<p>In short, Native Client brings the <strong>performance</strong> and <strong>low-level control</strong> |
| +of native code to modern web browsers, without sacrificing the <strong>security</strong> and |
| +<strong>portability</strong> of the web. Watch the video below for an overview of Native Client, including |
| +its goals, how it works, and how Portable Native Client lets developers run native compiled code on the web.</p> |
| +</div> |
| + |
| +<iframe class="video" width="640" height="360" src="//www.youtube.com/embed/MvKEomoiKBA?rel=0" frameborder="0"></iframe> |
| + |
| +<div class="right-side"> |
| +<div class="right-side-inner"> |
| +<h2>Guiding principles of Native Client</h2> |
| +<div class="big-intro"> |
| +<ul> |
| + <li>Developer flexibility to program in any language.</li> |
| + <li>Running close to the metal to allow access to performance gains.</li> |
| + <li>Protecting users from malicious code and malware.</li> |
| + <li>Write-once, run-anywhere code portability across all user architectures.</li> |
| +</ul> |
| +</div> |
| +</div> |
| +</div> |
| + |
| +<h2>Get started with Native Client</h2> |
| +<div class="big-intro"> |
| +<ol> |
| + <li><a href="/native-client/dev/sdk/download">Download the Native Client SDK</a>.</li> |
| + <li>Read the <a href="/native-client/dev/overview">Technical Overview</a>.</li> |
| + <li>Learn how to use the SDK and build both a web app and a Chrome app in the |
| + <a href="/native-client/dev/devguide/tutorial/tutorial-part1">Getting Started Tutorial</a>.</li> |
| +</ol> |
| +</div> |
| + |
| +<div class="big-intro" style="clear: both;"> |
| +<p>Send us questions, comments, and feedback: <a href="https://groups.google.com/forum/#!forum/native-client-discuss">native-client-discuss</a>.</p> |
| +</div> |
| + |
| +</div> <!-- home --> |
| + |
| +{{/partials.standard_nacl_article}} |