docs: fix index pages
Change-Id: I2a011ee5a3539d908d10ac5dbc9c0df3e7633220
diff --git a/docs/html/auto/index.jd b/docs/html/auto/index.jd
index 63772e2..652ea1a 100644
--- a/docs/html/auto/index.jd
+++ b/docs/html/auto/index.jd
@@ -13,29 +13,20 @@
}
</style>
-
-
-
-<div id="video-container">
- <div id="video-frame">
- <div class="video-close">
- <span id="icon-video-close"> </span>
- </div>
- <script src="//ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>
- <div id="ytapiplayer">
- <a href="http://www.youtube.com/watch?v=0xQ3y902DEQ"><img width=940
- src="https://i1.ytimg.com/vi/0xQ3y902DEQ/maxresdefault.jpg"></a><!--You need Flash player 8+ and JavaScript enabled to view this video. -->
- </div>
- </div>
-</div>
-
+<style>
+#footer {
+ display: none;
+}
+.content-footer {
+ display: none;
+}
+</style>
<div class="landing-body-content">
<div class="landing-hero-container">
<div class="landing-section auto-hero">
-
<div class="landing-hero-scrim"></div>
<div class="landing-hero-wrap">
<div class="vertical-center-outer">
@@ -45,12 +36,11 @@
<div class="landing-section-header">
<div class="landing-h1 hero">Android Auto</div>
<div class="landing-subhead hero">Entertainment and services on your dashboard</div>
- </div>
- <div class="landing-hero-description">
- <p>Maps, music, search and more in your vehicle, powered by your Android phone.
- Voice actions and feedback. Useful local information. Clean user interfaces to
- keep your eyes on the road.</p>
- </div>
+ <div class="landing-hero-description">
+ <p>Display and control your handheld app in vehicles.
+ Build apps with easy-to-use UI templates that
+ let users keep ther eyes on the road.</p>
+ </div>
<div class="landing-body">
<a href="{@docRoot}auto/overview.html" class="landing-button landing-primary" style="margin-top: 40px;">
diff --git a/docs/html/index.jd b/docs/html/index.jd
index c10fcdd..606baf8 100644
--- a/docs/html/index.jd
+++ b/docs/html/index.jd
@@ -13,7 +13,7 @@
<div class="vcenter">
<div class="wrap clearfix">
<div class="resource-widget resource-flow-layout wrap col-16"
- data-query="collection:launch/static"
+ data-query="collection:index/primary"
data-resourceStyle="card"
data-sortOrder="-timestamp"
data-numStacks="3"
@@ -28,10 +28,10 @@
<div class="actions-bar">
<div class="wrap">
<div class="actions">
- <div><a href="http://developer.android.com/sdk/index.html">Get the SDK</a></div>
- <div><a href="http://developer.android.com/samples/index.html">Sample Code</a></div>
- <div><a href="http://developer.android.com/design/videos/index.html">Videos</a></div>
- <div><a href="https://developer.android.com/distribute/googleplay/developer-console.html">Developer Console</a></div>
+ <div><a href="{@docRoot}sdk/index.html">Get the SDK</a></div>
+ <div><a href="{@docRoot}samples/index.html">Browse Samples</a></div>
+ <div><a href="//www.youtube.com/user/androiddevelopers">Watch Videos</a></div>
+ <div><a href="{@docRoot}distribute/googleplay/developer-console.html">Manage Your Apps</a></div>
</div><!-- end .actions -->
</div><!-- end .wrap -->
</div><!-- end .actions-bar -->
@@ -45,20 +45,16 @@
<div class="landing-h1">Android, Everywhere You Need It</div>
<div class="landing-subhead">
Android runs on hundreds of millions of handheld devices around the world, <br /> and it now supports these exciting, new form-factors.
-
</div>
</div>
-
-
-
-
<div class="landing-body">
<div class="landing-breakout cols">
-<!--<div class="resource-widget resource-flow-layout col-16" data-query="collection:index/devices" data-sortorder="" data-cardsizes="6x2, 6x2, 6x2" data-maxresults="3"></div>-->
+ <!-- <div class="resource-widget resource-flow-layout col-16" data-query="collection:index/devices"
+ data-sortorder="" data-cardsizes="6x6, 6x6, 6x6" data-maxresults="3"></div>-->
<div class="col-3-wide">
- <img src="{@docRoot}tv/images/placeholder-square.png" alt="">
+ <img src="" alt="">
<p>Wear</p>
<p class="landing-small">
@@ -70,7 +66,7 @@
</div>
<div class="col-3-wide">
- <img src="{@docRoot}tv/images/placeholder-square.png" alt="">
+ <img src="" alt="">
<p>TV</p>
<p class="landing-small">
@@ -82,7 +78,7 @@
</div>
<div class="col-3-wide">
- <img src="{@docRoot}tv/images/placeholder-square.png" alt="">
+ <img src="" alt="">
<p>Auto</p>
<p class="landing-small">
diff --git a/docs/html/jd_collections.js b/docs/html/jd_collections.js
index 5ee01f3..ca19c02 100644
--- a/docs/html/jd_collections.js
+++ b/docs/html/jd_collections.js
@@ -1,4 +1,21 @@
var RESOURCE_COLLECTIONS = {
+ "index/primary": {
+ "title": "",
+ "resources": [
+ "preview/index.html",
+ "preview/material/index.html",
+ "preview/material/index.html",
+ "preview/material/index.html"
+ ]
+ },
+ "index/devices": {
+ "title": "",
+ "resources": [
+ "wear/index.html",
+ "tv/index.html",
+ "auto/index.html"
+ ]
+ },
"launch/static": {
"title": "",
"resources": [
diff --git a/docs/html/tv/index.jd b/docs/html/tv/index.jd
index 0427469..e1cae8c 100644
--- a/docs/html/tv/index.jd
+++ b/docs/html/tv/index.jd
@@ -1,9 +1,10 @@
-heropage.title=Android TV
+page.title=Android TV
page.viewport_width=970
fullpage=true
no_footer_links=true
page.type=about
+
@jd:body
<style>
@@ -22,18 +23,6 @@
}
</style>
-<div id="video-container">
- <div id="video-frame">
- <div class="video-close">
- <span id="icon-video-close"> </span>
- </div>
- <script src="//ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>
- <div id="ytapiplayer">
- <a href="http://www.youtube.com/watch?v=0xQ3y902DEQ"><img width=940
- src="https://i1.ytimg.com/vi/0xQ3y902DEQ/maxresdefault.jpg"></a><!--You need Flash player 8+ and JavaScript enabled to view this video. -->
- </div>
- </div>
-</div>
<div class="landing-body-content">
<div class="landing-hero-container">
@@ -47,48 +36,19 @@
<div class="col-10">
<div class="landing-section-header">
<div class="landing-h1 hero">Android TV</div>
- <div class="landing-subhead hero">
- <p>Big screen, big experience</p>
+ <div class="landing-subhead hero">Your apps on the big screen</div>
+ <div class="landing-hero-description">
+ <p>Engage users from the comfort of their couches.
+ Put your app on TV and bring everyone into
+ the action.</p>
</div>
- <div class="landing-hero-description">
- <p>Engage your users from the comfort of their couch.
- Put your app on TV and bring the whole family into
- the action.</p>
- </div>
<div class="landing-body">
- <a href="{@docRoot}wear/preview/start.html" class="landing-button landing-primary" style="margin-top: 40px;">
+ <a href="{@docRoot}preview/tv/index.html" class="landing-button landing-primary" style="margin-top: 40px;">
Get Started
</a>
- <a id="watchVideo" href="https://youtube.googleapis.com/v/0xQ3y902DEQ">
- <div class="landing-video-link">Watch the video</div>
- </a>
-<script>
-$("#watchVideo").on("click", function(e) {
- $("#video-container").fadeIn(400, function(){$("#video-frame").show()});
-
- var params = { allowScriptAccess: "always"};
- var atts = { id: "ytapiplayer" };
- swfobject.embedSWF("//www.youtube.com/v/0xQ3y902DEQ?enablejsapi=1&playerapiid=ytplayer&version=3&HD=1;rel=0;showinfo=0;modestbranding;origin=developer.android.com;autohide=1;autoplay=1",
- "ytapiplayer", "940", "526.4", "8", null, null, params, atts);
-
- e.preventDefault();
-});
-$("#icon-video-close").on("click", function() {
- ytplayer = document.getElementById("ytapiplayer");
- try {
- ytplayer.stopVideo();
- $(ytplayer).hide();
- $("#video-container").fadeOut(400);
- } catch(e) {
- console.log('Video not available');
- $("#video-container").fadeOut(400);
- }
-});
-</script>
</div>
</div>
-
</div>
</div>
</div> <!-- end .wrap -->
diff --git a/docs/html/wear/images/hero.jpg b/docs/html/wear/images/hero.jpg
index 565ffb8..7850a81 100644
--- a/docs/html/wear/images/hero.jpg
+++ b/docs/html/wear/images/hero.jpg
Binary files differ
diff --git a/docs/html/wear/index.jd b/docs/html/wear/index.jd
index 4c56cf2..026698c 100644
--- a/docs/html/wear/index.jd
+++ b/docs/html/wear/index.jd
@@ -182,11 +182,9 @@
</div>
</div> <!-- end .wrap -->
</div> <!-- end .landing-section -->
-<<<<<<< HEAD
-<!--
-=======
->>>>>>> add page.types to various pages for dynamic content
+<!--
+
<div class="landing-section landing-white-background">
<div class="wrap">
<div class="landing-section-header">
