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

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

@@ -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 -->