diff options
| author | 2014-06-18 03:22:17 +0000 | |
|---|---|---|
| committer | 2014-06-18 03:22:17 +0000 | |
| commit | 6827bded7842957bec53a2078e4066f2941bb26c (patch) | |
| tree | 66bebb7f25f21e6a64b5456d586f3df4773300b4 | |
| parent | af991947142495e38631389f9bb9014a7c9416c6 (diff) | |
| parent | 04095773beb2fed34ae7cd3d80c8f6f8e8cea05e (diff) | |
am 04095773: am b5d79bd2: Merge "Android TV Landing Page" into klp-modular-dev
* commit '04095773beb2fed34ae7cd3d80c8f6f8e8cea05e':
Android TV Landing Page
| -rw-r--r-- | docs/html/tv/images/hero.jpg | bin | 18235 -> 25385 bytes | |||
| -rw-r--r-- | docs/html/tv/index.jd | 94 |
2 files changed, 43 insertions, 51 deletions
diff --git a/docs/html/tv/images/hero.jpg b/docs/html/tv/images/hero.jpg Binary files differindex c42a43617a9d..e95116726653 100644 --- a/docs/html/tv/images/hero.jpg +++ b/docs/html/tv/images/hero.jpg diff --git a/docs/html/tv/index.jd b/docs/html/tv/index.jd index e1cae8cb65c4..3e7652c733b7 100644 --- a/docs/html/tv/index.jd +++ b/docs/html/tv/index.jd @@ -4,7 +4,6 @@ fullpage=true no_footer_links=true page.type=about - @jd:body <style> @@ -14,17 +13,9 @@ page.type=about } </style> -<style> -#footer { - display: none; -} -.content-footer { - display: none; -} -</style> - <div class="landing-body-content"> + <div class="landing-hero-container"> <div class="landing-section tv-hero"> @@ -42,9 +33,11 @@ page.type=about Put your app on TV and bring everyone into the action.</p> </div> + </div> <div class="landing-body"> - <a href="{@docRoot}preview/tv/index.html" class="landing-button landing-primary" style="margin-top: 40px;"> + <a href="{@docRoot}preview/tv/start/index.html" class="landing-button + landing-primary" style="margin-top: 40px;"> Get Started </a> </div> @@ -58,11 +51,10 @@ page.type=about </a> </div> </div> <!-- end .landing-section .landing-hero --> - </div> <!-- end .landing-hero-container --> <div class="landing-rest-of-page"> - <div class="landing-section landing-gray-background" id="reimagine-your-app"> + <div class="landing-section" style="background-color:#f5f5f5" id="reimagine-your-app"> <div class="wrap"> <div class="landing-section-header"> <div class="landing-h1">Reimagine Your App</div> @@ -71,7 +63,6 @@ page.type=about </div> </div> - <div class="landing-body"> <div class="landing-breakout cols"> @@ -119,13 +110,13 @@ page.type=about </div> <!-- end .wrap --> </div> <!-- end .landing-section --> - <div class="landing-section" style="background-color:#f5f5f5"> + <div class="landing-section landing-gray-background"> <div class="wrap"> <div class="landing-section-header"> <div class="landing-h1">Build to Entertain</div> <div class="landing-subhead"> - Android TV let's you engage your users in a new, shared environment.<br> - Find out how to get your app ready for it's big screen debut. + Android TV lets you engage your users in a new, shared environment.<br> + Find out how to get your app ready for its big-screen debut. </div> </div> @@ -142,7 +133,7 @@ page.type=about catalogs. </p> <p class="landing-small"> - <a href="{@docRoot}design/tv/index.html">Learn pre-built fragments</a> + <a href="{@docRoot}preview/tv/ui/browse.html">Learn pre-built fragments</a> </p> </div> @@ -151,11 +142,10 @@ page.type=about <p>Get Found</p> <p class="landing-small"> - Give your content the attention it deserves by including it in Android TV's global - search results. + Help users find your content quickly with in-app searching. </p> <p class="landing-small"> - <a href="{@docRoot}design/tv/index.html">Learn about TV design</a> + <a href="{@docRoot}preview/tv/ui/in-app-search.html">Learn about app search</a> </p> </div> @@ -167,7 +157,8 @@ page.type=about Suggest content from your app to keep your users coming back. </p> <p class="landing-small"> - <a href="{@docRoot}design/tv/index.html">Learn about design for TV</a> + <a href="{@docRoot}preview/tv/ui/recommendations.html">Learn about + recommendations</a> </p> </div> @@ -182,28 +173,26 @@ page.type=about <div class="landing-section-header"> <div class="landing-h1 landing-align-left">Get Started with Android TV</div> <div class="landing-body"> - <p>You can begin building apps right away using these developer resources.</p> + <p>Begin building TV apps right away using these developer resources:</p> </div> </div> <div class="landing-body"> <div class="landing-breakout cols"> - <div class="col-8"> - <p>Preview SDK</p> + <div class="col-8" style="margin-left: -8px;"> + <p style="font-size: 24px;">L-Preview SDK</p> <p> - Get started building for Android TV using the Android L-preview SDK. The preview - SDK includes the Android TV emulator so you can start building your TV app right - away. + The preview SDK includes all the tools you need to build and test apps for TV. + Download it and start creating your big-screen app. </p> </div> <div class="col-8"> - <p>ADT-1 Developer Kit</p> + <p style="font-size: 24px;">ADT-1 Developer Kit</p> <p> - While supplies last, developers can request an ADT-1 Developer Kit, a compact and - powerful streaming media player and gamepad, ideal for developing apps for Android - TV. + Request an ADT-1 Developer Kit, a compact and powerful streaming media player + and gamepad, ideal for developing and testing apps for TV. </p> </div> @@ -215,15 +204,16 @@ page.type=about <div class="landing-breakout cols"> <div class="col-8"> - <a href="{@docRoot}preview/download.html" class="landing-button landing-secondary"> + <a href="{@docRoot}preview/setup-sdk.html" class="landing-button landing-secondary"> Download the Preview SDK </a> </div> <div class="col-8"> - <a href="{@docRoot}tv/adt-1/request.html" class="landing-button landing-secondary"> + <a href="{@docRoot}preview/tv/adt-1/request.html" class="landing-button landing-secondary"> Request ADT-1 Developer Kit </a> + </div> </div> </div> @@ -232,31 +222,33 @@ page.type=about </div> <!-- end .landing-rest-of-page --> - - <div class="content-footer wrap" itemscope="" itemtype="http://schema.org/SiteNavigationElement"> - <div class="layout-content-col col-16" style="padding-top:4px"> - <style>#___plusone_0 {float:right !important;}</style> - <div class="g-plusone" data-size="medium"></div> + <div class="content-footer wrap" itemscope="" itemtype="http://schema.org/SiteNavigationElement" + style="border-top: none;"> + <div class="layout-content-col col-16" style="padding-top:4px"> + <style>#___plusone_0 {float:right !important;}</style> + <div class="g-plusone" data-size="medium"></div> + </div> </div> - </div> - <div id="footer" class="wrap" style="width:940px;position:relative;top:-35px;z-index:-1"> - <div id="copyright"> - Except as noted, this content is - licensed under <a href="http://creativecommons.org/licenses/by/2.5/"> - Creative Commons Attribution 2.5</a>. For details and - restrictions, see the <a href="/license.html">Content - License</a>. + <div id="footer" class="wrap" style="width:940px;position:relative;top:-35px;z-index:-1"> + <div id="copyright"> + Except as noted, this content is + licensed under <a href="http://creativecommons.org/licenses/by/2.5/"> + Creative Commons Attribution 2.5</a>. For details and + restrictions, see the <a href="/license.html">Content + License</a>. + </div> </div> - </div> - - </div> <!-- end landing-body-content --> + </div> <!-- end .landing-hero-container --> <script> $("a.landing-down-arrow").on("click", function(e) { $("body").animate({ - scrollTop: $(".wear-hero").height() + 76 + scrollTop: $(".tv-hero").height() + 120 }, 1000, "easeOutQuint"); e.preventDefault(); }); </script> + +</div> <!-- end landing-body-content --> + |