Android/frameworks_base
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

am b5d79bd2: Merge "Android TV Landing Page" into klp-modular-dev

Browse Source 
* commit 'b5d79bd2ab8b0382e05f38653ce0fbb56290ea58':
  Android TV Landing Page
This commit is contained in:
Robert Ly
2014-06-18 03:13:19 +00:00
committed by Android Git Automerger
parent 003ff78a84 b5d79bd2ab
commit 04095773be
2 changed files with 43 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
docs/html/tv/images/hero.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 18 KiB

After

Width:  |  Height:  |  Size: 25 KiB

70
docs/html/tv/index.jd
View File

@@ -4,7 +4,6 @@ fullpage=true
no_footer_links=true no_footer_links=true
page.type=about page.type=about
@jd:body @jd:body
<style> <style>
@@ -14,17 +13,9 @@ page.type=about
} }
</style> </style>
<style>
#footer {
display: none;
}
.content-footer {
display: none;
}
</style>
<div class="landing-body-content"> <div class="landing-body-content">
<div class="landing-hero-container"> <div class="landing-hero-container">
<div class="landing-section tv-hero"> <div class="landing-section tv-hero">
@@ -42,9 +33,11 @@ page.type=about
Put your app on TV and bring everyone into Put your app on TV and bring everyone into
the action.</p> the action.</p>
</div> </div>
</div>
<div class="landing-body"> <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 Get Started
</a> </a>
</div> </div>
@@ -58,11 +51,10 @@ page.type=about
</a> </a>
</div> </div>
</div> <!-- end .landing-section .landing-hero --> </div> <!-- end .landing-section .landing-hero -->
</div> <!-- end .landing-hero-container -->
<div class="landing-rest-of-page"> <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="wrap">
<div class="landing-section-header"> <div class="landing-section-header">
<div class="landing-h1">Reimagine Your App</div> <div class="landing-h1">Reimagine Your App</div>
@@ -71,7 +63,6 @@ page.type=about
</div> </div>
</div> </div>
<div class="landing-body"> <div class="landing-body">
<div class="landing-breakout cols"> <div class="landing-breakout cols">
@@ -119,13 +110,13 @@ page.type=about
</div> <!-- end .wrap --> </div> <!-- end .wrap -->
</div> <!-- end .landing-section --> </div> <!-- end .landing-section -->
<div class="landing-section" style="background-color:#f5f5f5"> <div class="landing-section landing-gray-background">
<div class="wrap"> <div class="wrap">
<div class="landing-section-header"> <div class="landing-section-header">
<div class="landing-h1">Build to Entertain</div> <div class="landing-h1">Build to Entertain</div>
<div class="landing-subhead"> <div class="landing-subhead">
Android TV let's you engage your users in a new, shared environment.<br> Android TV lets you engage your users in a new, shared environment.<br>
Find out how to get your app ready for it's big screen debut. Find out how to get your app ready for its big-screen debut.
</div> </div>
</div> </div>
@@ -142,7 +133,7 @@ page.type=about
catalogs. catalogs.
</p> </p>
<p class="landing-small"> <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> </p>
</div> </div>
@@ -151,11 +142,10 @@ page.type=about
<p>Get Found</p> <p>Get Found</p>
<p class="landing-small"> <p class="landing-small">
Give your content the attention it deserves by including it in Android TV's global Help users find your content quickly with in-app searching.
search results.
</p> </p>
<p class="landing-small"> <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> </p>
</div> </div>
@@ -167,7 +157,8 @@ page.type=about
Suggest content from your app to keep your users coming back. Suggest content from your app to keep your users coming back.
</p> </p>
<p class="landing-small"> <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> </p>
</div> </div>
@@ -182,28 +173,26 @@ page.type=about
<div class="landing-section-header"> <div class="landing-section-header">
<div class="landing-h1 landing-align-left">Get Started with Android TV</div> <div class="landing-h1 landing-align-left">Get Started with Android TV</div>
<div class="landing-body"> <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> </div>
<div class="landing-body"> <div class="landing-body">
<div class="landing-breakout cols"> <div class="landing-breakout cols">
<div class="col-8"> <div class="col-8" style="margin-left: -8px;">
<p>Preview SDK</p> <p style="font-size: 24px;">L-Preview SDK</p>
<p> <p>
Get started building for Android TV using the Android L-preview SDK. The preview The preview SDK includes all the tools you need to build and test apps for TV.
SDK includes the Android TV emulator so you can start building your TV app right Download it and start creating your big-screen app.
away.
</p> </p>
</div> </div>
<div class="col-8"> <div class="col-8">
<p>ADT-1 Developer Kit</p> <p style="font-size: 24px;">ADT-1 Developer Kit</p>
<p> <p>
While supplies last, developers can request an ADT-1 Developer Kit, a compact and Request an ADT-1 Developer Kit, a compact and powerful streaming media player
powerful streaming media player and gamepad, ideal for developing apps for Android and gamepad, ideal for developing and testing apps for TV.
TV.
</p> </p>
</div> </div>
@@ -215,25 +204,26 @@ page.type=about
<div class="landing-breakout cols"> <div class="landing-breakout cols">
<div class="col-8"> <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 Download the Preview SDK
</a> </a>
</div> </div>
<div class="col-8"> <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 Request ADT-1 Developer Kit
</a> </a>
</div> </div>
</div> </div>
</div>
</div> <!-- end .wrap --> </div> <!-- end .wrap -->
</div> <!-- end .landing-section --> </div> <!-- end .landing-section -->
</div> <!-- end .landing-rest-of-page --> </div> <!-- end .landing-rest-of-page -->
<div class="content-footer wrap" itemscope="" itemtype="http://schema.org/SiteNavigationElement"
<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"> <div class="layout-content-col col-16" style="padding-top:4px">
<style>#___plusone_0 {float:right !important;}</style> <style>#___plusone_0 {float:right !important;}</style>
<div class="g-plusone" data-size="medium"></div> <div class="g-plusone" data-size="medium"></div>
@@ -249,14 +239,16 @@ page.type=about
</div> </div>
</div> </div>
</div> <!-- end .landing-hero-container -->
</div> <!-- end landing-body-content -->
<script> <script>
$("a.landing-down-arrow").on("click", function(e) { $("a.landing-down-arrow").on("click", function(e) {
$("body").animate({ $("body").animate({
scrollTop: $(".wear-hero").height() + 76 scrollTop: $(".tv-hero").height() + 120
}, 1000, "easeOutQuint"); }, 1000, "easeOutQuint");
e.preventDefault(); e.preventDefault();
}); });
</script> </script>
</div> <!-- end landing-body-content -->