| 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..da63c11bbe20dbf6961c9cce0c773e2ee3723188
|
| --- /dev/null
|
| +++ b/components/nacl/docs/dev/index.html
|
| @@ -0,0 +1,108 @@
|
| +{{+bindTo:partials.standard_nacl_article}}
|
| +
|
| +<style type="text/css">
|
| + #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>
|
| +
|
| +<h1>Welcome to Native Client</h1>
|
| +
|
| +<div id="home">
|
| +
|
| +<a class="button-nacl button-download" href="/sdk/download.html">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="/sdk/download.html">Download the Native Client SDK</a>.</li>
|
| + <li>Read the <a href="overview.html">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="/devguide/tutorial/tutorial-part1.html">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}}
|
|
|