Merge "Android TV Landing Page" into klp-modular-dev (b5d79bd2) · Commits · e / os / android_frameworks_base

docs/html/tv/images/hero.jpg

+6.98 KiB (24.8 KiB)

Loading image diff...

docs/html/tv/index.jd

+43 −51

Original line number	Diff line number	Diff line
		@@ -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,25 +204,26 @@ 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>

		</div> <!-- end .wrap -->
		</div> <!-- end .landing-section -->

		</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">
		<style>#___plusone_0 {float:right !important;}</style>
		<div class="g-plusone" data-size="medium"></div>
		@@ -249,14 +239,16 @@ page.type=about
		</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 -->