Scott Main 4aa9c6d5d3 DO NOT MERGE
Revert "Revert "add 'coming soon' page for google io announcements""

This reverts commit 87670bcb34c308731bbec177dae99cd9981656fb.

Change-Id: Ica55fdc9f345c55ab038ecbf836673be4f4bb1a0
2014-06-25 00:58:45 +00:00

406 lines
12 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=970" />
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />
<title>Coming Soon | 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="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;
}
</style>
<style>
#footer {
display: none;
}
.content-footer {
display: none;
}
.landing-section h2 {
font-size:50px;
text-align:center;
font-weight:100;
}
h1.landing-h1 {
margin:80px 0 60px;
}
</style>
<div class="landing-rest-of-page">
<h1 class="landing-h1">Coming June 26, 2014</h1>
<div class="landing-subhead" style="margin-bottom:160px">
We've just announced these new developer platforms!<br>
Visit <a href="http://developer.android.com">developer.android.com</a> tomorrow to get started.
</div>
<div class="landing-section landing-gray-background" style="padding-top:30px">
<div class="wrap">
<div class="landing-section-header" style="margin:0">
<h2 class="norule">Android L Developer Preview</h2>
<div class="landing-subhead">
Get an early look at the next platform release and get your apps ready for when
it officially launches.
</div>
<img src="/preview/images/l-dev-prev.png" style=" margin:0px 0 0 40px" width="860px"/>
</div>
<div class="landing-body">
<div class="landing-breakout cols" style="margin-top:0">
<div class="col-4">
<p>A New UI Design</p>
<p class="landing-small">
Create a consistent experience across mobile and the web with
<b>material design</b>, the new Google-wide standard.
</p>
</div>
<div class="col-4">
<p>A New 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>
</div>
<div class="col-4">
<p style="width:230px">Enhanced Notifications</p>
<p class="landing-small">
Get control over where notifications appear,
how they look, and how they sync to non-handheld devices.
</p>
</div>
<div class="col-4">
<p>Increased Efficiency</p>
<p class="landing-small">
<b>Project Volta</b> is our effort to make the platform energy efficient and
to give you more control over resource usage.
</p>
</div>
</div>
</div>
</div> <!-- end .wrap -->
</div> <!-- end .landing-section -->
<div class="landing-section">
<div class="wrap">
<div class="landing-section-header">
<h2 class="norule">Android Wear SDK</h2>
<div class="landing-subhead">
Android Wear extends the Android platform to a new generation of devices,
with a user experience that's designed specifically for wearables.
</div>
</div>
<div class="landing-body">
<div class="landing-breakout cols">
<div class="col-4">
<img src="/preview/images/wear-data.png" alt="">
<p>Synced Notifications</p>
<p class="landing-small">
Notifications on handhelds can automatically sync to wearables, so design them
with both devices in mind.
</p>
</div>
<div class="col-4">
<img src="/preview/images/wear-apps.png" alt="">
<p>Wearable Apps</p>
<p class="landing-small">
Create custom experiences with activities, services, sensors, and much
more with the Android SDK.
</p>
</div>
<div class="col-4">
<img src="/preview/images/wear-data.png" alt="">
<p>Send Data</p>
<p class="landing-small">
Send data and actions between handhelds and wearables with
data replication APIs and RPCs.
</p>
</div>
<div class="col-4">
<img src="/preview/images/wear-voice.png" alt="">
<p>Voice Actions</p>
<p class="landing-small">
Register your app to handle voice actions, like "Ok Google, take a&nbsp;note,"
for a hands-free experience.
</p>
</div>
</div>
</div>
</div> <!-- end .wrap -->
</div>
<div class="landing-section landing-gray-background">
<div class="wrap">
<div class="landing-section-header">
<h2 class="norule">Android TV Preview SDK</h2>
<div class="landing-subhead">
Design your app to shine on the biggest screen in the house.
</div>
</div>
<div class="landing-body">
<div class="landing-breakout cols">
<div class="col-3-wide">
<img src="/preview/images/tv-components.png" alt="TV layout components" style="margin-left: 23px;">
<p>Made for TV</p>
<p class="landing-small">
Take advantage of pre-built fragments for browsing and interacting with media
catalogs.
</p>
</div>
<div class="col-3-wide">
<img src="/preview/images/tv-search.png" alt="Search" style="margin-left: 23px;">
<p>Get Found</p>
<p class="landing-small">
Help users find your content quickly with in-app searching.
</p>
</div>
<div class="col-3-wide">
<img src="/preview/images/tv-recommendations.png" alt="Recommendations" style="margin-left: 23px;">
<p>Recommend</p>
<p class="landing-small">
Suggest content from your app to keep your users coming back.
</p>
</div>
</div>
</div>
</div> <!-- end .wrap -->
</div>
<div class="landing-section">
<div class="wrap">
<div class="landing-section-header">
<h2 class="norule">Android Auto SDK</h2>
<div class="landing-subhead">
Later this year, you'll be able to extend your apps to cars with the Auto SDK
</div>
</div>
<div class="landing-body">
<div class="landing-breakout cols">
<div class="col-8">
<img src="/preview/images/auto-nav.png" alt="">
<p style="padding:0">Build for One Platform</p>
<p style="padding:0" class="landing-small">
Write your apps without having to worry about vehicle-specific hardware differences like screen resolution, software interfaces, knobs, and touch controls. Your users get the same experience on any compatible vehicle such as a consistent app launcher and system events such as notifications.
</p>
</div>
<div class="col-8">
<img src="/preview/images/auto-music.png" alt="">
<p style="padding:0">Minimize Distraction</p>
<p style="padding:0" class="landing-small">
Android Auto defines the user interaction model for all apps and let you hook into a standard UI with touch and voice controls. The interface is designed to reduce driver distraction while still letting you customize and brand them to properly deliver your content.
</p>
</div>
</div>
</div>
</div> <!-- end .wrap -->
</div>
<div class="landing-section landing-gray-background">
<div class="wrap">
<div class="landing-section-header">
<h2 class="norule">Related Links</h2>
<div class="landing-subhead">
Learn more about these Android announcements
</div>
</div>
<div class="landing-body">
<div class="landing-breakout cols">
<div class="col-4">
<p><a href="http://www.android.com/wear/index.html">Android Wear</a></p>
</div>
<div class="col-4">
<p><a href="http://www.android.com/tv/index.html">Android TV</a></p>
</div>
<div class="col-4">
<p><a href="http://www.android.com/auto/index.html">Android Auto</a></p>
</div>
<div class="col-4">
<p><a href="http://android-developers.blogspot.com/">Developer Blog</a></p>
</div>
</div>
</div>
</div><!-- wrap -->
</div><!-- landing section -->
<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>
</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>
</div>
</div> <!-- end landing-body-content -->
<script>
$("a.landing-down-arrow").on("click", function(e) {
$("body").animate({
scrollTop: $(".preview-hero").height() + 76
}, 1000, "easeOutQuint");
e.preventDefault();
});
</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>