New home page for developer.chrome.com

And pillar pages for DevTools, Multi-device, and Platform.

Review URL: https://codereview.chromium.org/140743011

git-svn-id: svn://svn.chromium.org/chrome/trunk/src@246213 0039d316-1c4b-4281-b951-d872f2087c98

1 files changed, 96 insertions, 0 deletions

diff --git a/chrome/docs/multi-device-pillar.html b/chrome/docs/multi-device-pillar.html
new file mode 100644
index 0000000..65b7610
--- /dev/null
+++ b/chrome/docs/multi-device-pillar.html
@@ -0,0 +1,96 @@
+{{+content:partials.site}}
+<div class="pillar-content">
+
+  <h1>Multi-Device Chrome</h1>
+  
+  <section class="article-list g-section">
+    <article>
+    <h4 class="label">Overview</h4>
+    <h2>Chrome for a Multi-Device World</h2>
+    <p>Chrome runs on computers, tablets, smartphones, and other devices.
+    Learn how to tailor your sites and apps for a multi-device world.
+    </p>
+    <p><a href="/multidevice/index.html">Learn more</a></p>
+    <img src="{{static}}/images/multi-device-pillar/multidevice.png" alt="mobile devices running Chrome">
+    </article>
+    
+    <article class="new">
+    <h4 class="label">Chrome for Android</h4>
+    <h2>Add to Homescreen</h2>
+    <p><b>Add to homescreen</b> lets Android users add an application shortcut icon to their 
+    device's homescreen. Applications launched from the shortcut icon run in fullscreen
+	mode, and appear as separate applications in the task switcher. 
+    </p>
+    <p><a href="/multidevice/android/installtohomescreen.html">Learn more</a></p>
+    <img src="{{static}}/images/multi-device-pillar/addtohomescreen.png" alt="add to homescreen item">
+    </article>
+    
+    <article class="new">
+    <h4 class="label">Chrome WebView for Android</h4>
+    <h2>Getting Started</h2>
+    <p><b>Get started writing a WebView-based application.</b> A primer on using the 
+    Android WebView to host web content.</p>
+    <p><a href="/multidevice/webview/gettingstarted.html">Learn more</a></p>
+    <img src="{{static}}/images/multi-device-pillar/webview_gs.png" alt="Android device running WebView app">
+    </article>
+
+    <article class="new">
+    <h4 class="label">Chrome WebView for Android</h4>
+    <h2>WebView Workflow</h2>
+    <p><b>Add web libraries and tools to your WebView-based application.</b> Update the Android Studio 
+    build scripts to add web-specific build steps, and integrate Grunt into the Android build process.</p>
+    <p><a href="/multidevice/webview/workflow.html">Learn more</a></p>
+    <img src="{{static}}/images/multi-device-pillar/workflow.png" alt="Grunt and Yeoman logos">
+    </article>
+
+    <article>
+    <h4 class="label">Chrome for iOS</h4>
+    <h2>Opening links in Chrome for iOS</h2>
+    <p><b>In iOS, there are several methods for opening links in Chrome.</b> On iOS, URLs are opened in 
+    Safari by default.  However, applications can check whether Chrome is installed, and explicitly 
+    open links in Chrome if desired.
+    </p>
+    <p><a href="/multidevice/ios/links.html">Learn more</a></p>
+    </article>
+
+    <article>
+    <h4 class="label">Chrome for Android</h4>
+    <h2>Android Intents with Chrome</h2>
+    <p><b>Using an Android Intent URI lets you launch Android apps directly from a web page 
+    or web application.</b>
+    </p>
+    <p><a href="/multidevice/android/intents.html">Learn more</a></p>
+    </article>
+
+
+	<!--
+    <div class="load-more-articles">
+      <a href="" class="nav-arrow down-arrow">More articles</a>
+    </div>
+    -->
+
+  </section>
+
+  <section class="g-section g-tpl-50-50">
+    <h2>Further Resources</h2>
+    <div class="g-unit g-first">
+      <article class="g-content">
+        <h2>Debug with DevTools</h2>
+        <p>Use Chrome DevTools to debug apps running in your Android devices.</p>
+        <p><a href="/devtools/docs/remote-debugging.html">Learn more</a></p>
+      </article>
+    </div>
+        <div class="g-unit g-last">
+          <article class="g-content">
+            <h2>Mobile Emulation</h2>
+             <p>Use the Chrome DevTools Mobile Emulation features to test how your web app will work
+             on different devices. </p>
+            <p><a href="/devtools/docs/mobile-emulation.html">Learn more</a></p>
+          </article>
+        </div>
+      </div>
+    </div>
+  </section>
+
+</div>
+{{/partials.site}}