Merge "new lmp prev landing page" into klp-modular-dev

This commit is contained in:
Robert Ly
2014-06-19 06:52:33 +00:00
committed by Android (Google) Code Review
3 changed files with 231 additions and 95 deletions

View File

@@ -14,6 +14,17 @@
ALL_RESOURCES_BY_URL. */
DISTRIBUTE_RESOURCES = DISTRIBUTE_RESOURCES.concat([
{
"title":"Android L Developer Preview",
"titleFriendly":"",
"summary":"<p style='font-size:18px;'>Get an early look at the next release and get your apps ready when the platform officially launches.</p>",
"url":"preview/index.html",
"group":"",
"keywords": [],
"tags": [],
"image":"preview/images/l-dev-prev.png",
"type":""
},
{
"title":"Developer Registration",
"titleFriendly":"",

Binary file not shown.

After

Width:  |  Height:  |  Size: 154 KiB

View File

@@ -1,13 +1,143 @@
page.title=Android L Developer Preview
page.viewport_width=970
fullpage=true
no_footer_links=true
page.type=about
page.metaDescription=Test and build your apps against the next version of Android to ensure they're ready when the platform officially launches.
page.image={@docRoot}preview/images/hero.jpg
@jd:body
<!DOCTYPE html>
<style>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=970" />
<meta name="Description" content="Test and build your apps against the next version of Android to ensure they're ready when the platform officially launches.">
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />
<title>Android L Developer Preview | Android Developers</title>
<!-- STYLESHEETS -->
<link rel="stylesheet"
href="//fonts.googleapis.com/css?family=Roboto+Condensed">
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Roboto:light,regular,medium,thin,italic,mediumitalic,bold"
title="roboto">
<link href="/assets/css/default.css" rel="stylesheet" type="text/css">
<!-- JAVASCRIPT -->
<script src="//www.google.com/jsapi" type="text/javascript"></script>
<script src="/assets/js/android_3p-bundle.js" type="text/javascript"></script>
<script type="text/javascript">
var toRoot = "/";
var metaTags = [];
var devsite = false;
</script>
<script src="/assets/js/docs.js" type="text/javascript"></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-5831155-1', 'android.com');
ga('create', 'UA-49880327-2', 'android.com', {'name': 'universal'}); // New tracker);
ga('send', 'pageview');
ga('universal.send', 'pageview'); // Send page view for new tracker.
</script>
</head>
<body class="gc-documentation
" itemscope itemtype="http://schema.org/Article">
<a name="top"></a>
<div id="body-content">
<div class="fullpage" >
<div id="jd-content">
<div class="jd-descr" itemprop="articleBody">
<style>
.fullpage>#footer,
#jd-content>.content-footer.wrap {
display:none;
@@ -23,61 +153,36 @@ page.image={@docRoot}preview/images/hero.jpg
}
</style>
<div class="landing-body-content">
<div class="landing-hero-container">
<div class="landing-section preview-hero">
<div class="landing-hero-scrim"></div>
<div class="landing-hero-wrap">
<div class="vertical-center-outer">
<div class="vertical-center-inner">
<div class="col-12">
<div class="landing-section-header">
<div class="landing-h1 hero">L Developer Preview</div>
<div class="landing-subhead hero">
<p>An early look at the next release</p>
</div>
<div class="landing-hero-description">
<p>Test and build your apps against the next<br />
version of Android to ensure they're ready<br/>
when the platform officially launches.</p>
</div>
<div class="landing-body">
<a href="/preview/setup-sdk.html" class="landing-button landing-primary" style="margin-top: 40px;">
Get Started
</a>
</div>
</div>
</div>
</div>
</div> <!-- end .wrap -->
<div class="landing-scroll-down-affordance">
<a class="landing-down-arrow" href="#extending-android-to-landingables">
<img src="/wear/images/carrot.png" alt="Scroll down to read more">
</a>
</div>
</div> <!-- end .landing-section .landing-hero -->
</div> <!-- end .landing-hero-container -->
<div class="landing-rest-of-page">
<div class="landing-section" id="extending-android-to-landingables">
<div class="landing-section" style="padding-top:30px">
<div class="wrap">
<div class="landing-section-header">
<div class="landing-h1">See What's New</div>
<div class="landing-h1">Android L Developer Preview</div>
<div class="landing-subhead">
Take advantage of all the new capabilities, which are focused on design and performance.
Get an early look at the next release and get your apps ready when the
platform officially launches.
</div>
<img src="/preview/images/l-dev-prev.png" style=" margin:10px 0 0 100px" width="700px"/>
<div class="col-6" style="margin-left:630px; margin-top:-40px">
<a href="/preview/setup-sdk.html" class="landing-button landing-secondary" style="position:absolute;z-index:100;float:right;margin-top: 0px; background-color:#09c">Get Started</a><!--
<p>Set up your environment and check out all the docs to get up and running.</p>-->
</div>
</div>
</div> <!-- end .wrap -->
</div> <!-- end .landing-section -->
<div class="landing-body">
<div class="landing-section landing-gray-background" style="margin-top:-80px; padding-bottom:20px">
<div class="wrap">
<div class="cols">
<div class="landing-body" style="margin-top:-80px" >
<div class="landing-breakout cols">
<div class="col-4">
<img src="/preview/images/material.png" style="opacity:.6" alt="">
<p>A New UI Design</p>
<p class="landing-small">
Create a consistent experience across mobile and the web with
@@ -88,19 +193,16 @@ page.image={@docRoot}preview/images/hero.jpg
</p>
</div>
<div class="col-4">
<img src="/preview/images/art.png" alt="">
<p>A Rehauled Runtime</p>
<p class="landing-small">
Test your apps and get them ready for <b>ART</b> (<b>A</b>ndroid <b>R</b>un<b>t</b>ime),
the default runtime in the next release.
</p>
<p class="landing-small">
<a href="/preview/api-overview.html#ART">Learn about ART</a>
</p>
</div>
<div class="col-4">
<img src="/preview/images/notifications.png" alt="">
<p style="width:230px">Enhanced Notifications</p>
<p class="landing-small">
Get more control over where notifications appear,
@@ -111,7 +213,6 @@ page.image={@docRoot}preview/images/hero.jpg
</p>
</div>
<div class="col-4">
<img src="/preview/images/volta.png" alt="">
<p>Project Volta</p>
<p class="landing-small">
We've tuned the platform to be more energy efficient and
@@ -122,44 +223,17 @@ page.image={@docRoot}preview/images/hero.jpg
</p>
</div>
</div>
<p>See the <a href="{@docRoot}preview/api-overview.html">API overview</a> for more information
<p style="margin-left:20px">See the <a href="/preview/api-overview.html">API overview</a> for more information
on the rest of the new and updated features.</p>
</div>
</div> <!-- end .wrap -->
</div> <!-- end .landing-section -->
<div class="landing-section landing-gray-background">
<div class="wrap">
<div class="landing-section-header">
<div class="landing-h1">Get Your Apps Ready</div>
<div class="landing-subhead">
<p>We're giving you an early look at the SDK, so you can test your apps and build in new features.</p>
</div>
</div>
<div class="landing-body">
<p>You'll get the system images for the Nexus 5, Nexus 7 (v2),
and the emulator to take the new platform for a spin. In addition, you'll have
access to all the APIs with a preview build of the SDK.
</p>
<p>Check out the getting started, developer guides, and reference documentation
for all the information you need to get up and running.</p>
<a href="/preview/setup-sdk.html" class="landing-button landing-secondary" style="margin-top: 20px;">
Get Started
</a>
</div>
</div>
</div>
</div></div></div>
<div class="landing-section">
<div class="wrap">
<div class="cols">
<div class="landing-body">
<div class="col-3-wide">
<a target="_blank" href="http://submit-bugs!">
<img class="landing-social-image" src="{@docRoot}preview/images/bugs.png" alt="">
<a target="_blank" href="https://code.google.com/p/android-developer-preview/">
<img class="landing-social-image" src="/preview/images/bugs.png" alt="">
</a>
<div class="landing-social-copy">
<p>Issue Tracker</p>
@@ -167,7 +241,7 @@ page.image={@docRoot}preview/images/hero.jpg
Let us know when you encounter problems, so we can fix them and make
the platform better for you and your users.
</p><p class="landing-small">
<a target="_blank" href="http://submit-bugs!">
<a target="_blank" href="https://code.google.com/p/android-developer-preview/">
Report Issues</a>
</p>
<p></p>
@@ -189,8 +263,8 @@ page.image={@docRoot}preview/images/hero.jpg
</div>
</div>
<div class="col-3-wide">
<a target="_blank" href="{@docRoot}preview/release-notes.html">
<img class="landing-social-image" src="{@docRoot}preview/images/updates.png" alt="">
<a target="_blank" href="/preview/support.html">
<img class="landing-social-image" src="/preview/images/updates.png" alt="">
</a>
<div class="landing-social-copy">
<p>Support and Updates</p>
@@ -200,13 +274,13 @@ page.image={@docRoot}preview/images/hero.jpg
for news about the changes.
</p>
<p class="landing-small">
<a target="_blank" href="{@docRoot}preview/support.html">Get Support</a>
<a target="_blank" href="/preview/support.html">Get Support</a>
</p>
</div>
</div>
</div>
</div>
</div> <!-- end .wrap -->
</div>
</div>
<div class="content-footer wrap" itemscope="" itemtype="http://schema.org/SiteNavigationElement">
@@ -233,4 +307,55 @@ page.image={@docRoot}preview/images/hero.jpg
}, 1000, "easeOutQuint");
e.preventDefault();
});
</script>
</script>
</div>
<div class="content-footer wrap"
itemscope itemtype="http://schema.org/SiteNavigationElement">
<div class="paging-links layout-content-col col-10">
</div>
<div class="layout-content-col plus-container col-2" >
<style>#___plusone_0 {float:right !important;}</style>
<div class="g-plusone" data-size="medium"></div>
</div>
</div>
</div> <!-- end jd-content -->
<div id="footer" class="wrap" style="width:940px">
<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> <!-- end footer -->
</div><!-- end doc-content -->
</div> <!-- end body-content -->
<script src="https://developer.android.com/ytblogger_lists_unified.js" type="text/javascript"></script>
<script src="/jd_lists_unified.js" type="text/javascript"></script>
<script src="/jd_extras.js" type="text/javascript"></script>
<script src="/jd_collections.js" type="text/javascript"></script>
<script src="/jd_tag_helpers.js" type="text/javascript"></script>
</body>
</html>