docs: M Preview Program Overview page

Change-Id: I3d5c06d8f5196d0fc1c216038221e6e31fc4f626

3 files changed, 333 insertions, 2 deletions

diff --git a/docs/html/preview/images/m-preview-timeline.png b/docs/html/preview/images/m-preview-timeline.png
new file mode 100644
index 0000000..a065c21
--- /dev/null
+++ b/docs/html/preview/images/m-preview-timeline.png
diff --git a/docs/html/preview/overview.jd b/docs/html/preview/overview.jd
index 00f1cfe..0c8931d 100644
--- a/docs/html/preview/overview.jd
+++ b/docs/html/preview/overview.jd
@@ -3,5 +3,54 @@ page.title=Preview Program Overview
 @jd:body
 
 <p>
-  This is an overview of the program. Bacon.
-</p>
\ No newline at end of file
+  The M Developer Preview program is an opportunity for you to test the compatibility of your apps
+  with the next platform release, try out early versions of new API features, and provide feedback
+  to the Android team. The program includes update releases during course of the program to allow
+  you to follow the progress of feature development and fixes, leading up to the official release
+  of the platform, as shown in Figure 1.
+</p>
+
+<img src="{@docRoot}preview/images/m-preview-timeline.png"
+  alt="Preview program timeline" id="figure1" style="margin-top: 15px;">
+<p class="img-caption">
+  <b>Figure 1.</b> Timeline for the M Developer Preview program.
+</p>
+
+<p>
+  We strongly encourage you to provide feedback for the M Preview releases through our <a href=
+  "https://code.google.com/p/android-developer-preview/">issue tracker</a>. Issues reported early
+  in the program have a better chance of being addressed before the official release, so reports
+  provided by June 30, 2015 receive priority processing by the Android team.
+</p>
+
+<p>
+  To get started testing your app:
+</p>
+
+<ul>
+  <li>Review the <a href="{@docRoot}preview/api-overview.html">
+	API Overview</a> and <a href=
+	"{@docRoot}preview/api-changes.html">Behavior Changes</a> to
+	get an idea of what's new and how it affects your app.
+  </li>
+
+  <li>Setup for testing and development by following the instructions for <a href=
+  "{@docRoot}preview/setup-sdk.html">Setting up the Preview
+  SDK</a> and configuring test devices.
+  </li>
+
+  <li>Review the <a href="{@docRoot}preview/reference.html">M
+  Preview API Reference</a> and <a href=
+  "{@docRoot}preview/samples.html">M Preview samples</a> to
+  gain more insight into new API features and how to use them in your app.
+  </li>
+
+  <li>Join the <a href="https://plus.google.com/communities/101985907812750684586">M Preview
+  Google+ developer community</a> to get the latest developer updates and connect with other
+  developers working with the preview.
+  </li>
+</ul>
+
+<p>
+  Thanks in advance for your participation in the developer preview program!
+</p>
diff --git a/docs/image_sources/preview/m-preview-timeline.svg b/docs/image_sources/preview/m-preview-timeline.svg
new file mode 100644
index 0000000..b05dc98
--- /dev/null
+++ b/docs/image_sources/preview/m-preview-timeline.svg
@@ -0,0 +1,282 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="1052.3622"
+   height="744.09448"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.48.4 r9939"
+   sodipodi:docname="m-preview-timeline.svg"
+   inkscape:export-filename="/usr/local/google/home/joefernandez/projects/2015-05-006-m-preview-landing-page/m-preview-timeline.png"
+   inkscape:export-xdpi="119.84538"
+   inkscape:export-ydpi="119.84538">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="1.1315767"
+     inkscape:cx="526.18109"
+     inkscape:cy="372.04724"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     inkscape:window-width="1491"
+     inkscape:window-height="1008"
+     inkscape:window-x="313"
+     inkscape:window-y="118"
+     inkscape:window-maximized="0"
+     showguides="true"
+     inkscape:guide-bbox="true">
+    <sodipodi:guide
+       orientation="0,1"
+       position="196.21345,346.92813"
+       id="guide3936" />
+    <sodipodi:guide
+       orientation="0,1"
+       position="201.9008,562.0994"
+       id="guide4068" />
+    <sodipodi:guide
+       orientation="0,1"
+       position="418.01996,410.43683"
+       id="guide4088" />
+    <sodipodi:guide
+       orientation="0,1"
+       position="194.31767,462.57084"
+       id="guide4108" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-308.2677)">
+    <rect
+       style="color:#000000;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+       id="rect4170"
+       width="880.83386"
+       height="5"
+       x="25.750326"
+       y="649.00873" />
+    <rect
+       style="color:#000000;fill:#99cc00;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+       id="rect2987"
+       width="673.49542"
+       height="8.5310192"
+       x="117.70681"
+       y="647.24158" />
+    <path
+       sodipodi:type="arc"
+       style="color:#000000;fill:#99cc00;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+       id="path3757"
+       sodipodi:cx="104.26801"
+       sodipodi:cy="404.74948"
+       sodipodi:rx="14.218366"
+       sodipodi:ry="14.218366"
+       d="m 118.48638,404.74948 c 0,7.85259 -6.36578,14.21837 -14.21837,14.21837 -7.852584,0 -14.218363,-6.36578 -14.218363,-14.21837 0,-7.85259 6.365779,-14.21836 14.218363,-14.21836 7.85259,0 14.21837,6.36577 14.21837,14.21836 z"
+       transform="translate(53.377673,246.4966)" />
+    <flowRoot
+       xml:space="preserve"
+       id="flowRoot3759"
+       style="font-size:36px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:center;line-height:125%;writing-mode:lr-tb;text-anchor:middle;color:#000000;fill:#666666;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate;font-family:Roboto;-inkscape-font-specification:Roboto Light"
+       transform="translate(-9.180856,193.63686)"><flowRegion
+         id="flowRegion3761"><rect
+           id="rect3763"
+           width="155.34293"
+           height="135.3176"
+           x="50.939774"
+           y="260.83688"
+           style="text-align:center;text-anchor:middle;fill:#666666" /></flowRegion><flowPara
+         style="text-align:center;text-anchor:middle;fill:#666666"
+         id="flowPara3766">Preview </flowPara><flowPara
+         style="text-align:center;text-anchor:middle;fill:#666666"
+         id="flowPara3046">Release</flowPara><flowPara
+         style="font-size:24px;text-align:center;text-anchor:middle;fill:#666666"
+         id="flowPara3967">(Google I/O)</flowPara></flowRoot>    <path
+       sodipodi:type="arc"
+       style="color:#000000;fill:#99cc00;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+       id="path3757-1"
+       sodipodi:cx="104.26801"
+       sodipodi:cy="404.74948"
+       sodipodi:rx="14.218366"
+       sodipodi:ry="14.218366"
+       d="m 118.48638,404.74948 c 0,7.85259 -6.36578,14.21837 -14.21837,14.21837 -7.852584,0 -14.218363,-6.36578 -14.218363,-14.21837 0,-7.85259 6.365779,-14.21836 14.218363,-14.21836 7.85259,0 14.21837,6.36577 14.21837,14.21836 z"
+       transform="translate(279.50908,246.65479)" />
+    <path
+       sodipodi:type="arc"
+       style="color:#000000;fill:#99cc00;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+       id="path3757-1-8"
+       sodipodi:cx="104.26801"
+       sodipodi:cy="404.74948"
+       sodipodi:rx="14.218366"
+       sodipodi:ry="14.218366"
+       d="m 118.48638,404.74948 c 0,7.85259 -6.36578,14.21837 -14.21837,14.21837 -7.852584,0 -14.218363,-6.36578 -14.218363,-14.21837 0,-7.85259 6.365779,-14.21836 14.218363,-14.21836 7.85259,0 14.21837,6.36577 14.21837,14.21836 z"
+       transform="translate(505.64051,247.60268)" />
+    <path
+       sodipodi:type="arc"
+       style="color:#000000;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+       id="path3757-1-84"
+       sodipodi:cx="104.26801"
+       sodipodi:cy="404.74948"
+       sodipodi:rx="14.218366"
+       sodipodi:ry="14.218366"
+       d="m 118.48638,404.74948 c 0,7.85259 -6.36578,14.21837 -14.21837,14.21837 -7.852584,0 -14.218363,-6.36578 -14.218363,-14.21837 0,-7.85259 6.365779,-14.21836 14.218363,-14.21836 7.85259,0 14.21837,6.36577 14.21837,14.21836 z"
+       transform="translate(731.7719,245.70689)" />
+    <flowRoot
+       xml:space="preserve"
+       id="flowRoot3759-2"
+       style="font-size:36px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:center;line-height:125%;writing-mode:lr-tb;text-anchor:middle;color:#000000;fill:#666666;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate;font-family:Roboto;-inkscape-font-specification:Roboto Light"
+       transform="translate(-1.0121143,408.40861)"><flowRegion
+         id="flowRegion3761-9"><rect
+           id="rect3763-3"
+           width="80.11277"
+           height="51.644661"
+           x="50.939774"
+           y="260.83688"
+           style="text-align:center;text-anchor:middle;fill:#666666" /></flowRegion><flowPara
+         style="text-align:center;text-anchor:middle;fill:#666666"
+         id="flowPara3766-9">May</flowPara></flowRoot>    <flowRoot
+       xml:space="preserve"
+       id="flowRoot3759-2-1"
+       style="font-size:36px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:center;line-height:125%;writing-mode:lr-tb;text-anchor:middle;color:#000000;fill:#666666;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate;font-family:Roboto;-inkscape-font-specification:Roboto Light"
+       transform="translate(177.38621,408.98166)"><flowRegion
+         id="flowRegion3761-9-4"><rect
+           id="rect3763-3-3"
+           width="80.11277"
+           height="51.644661"
+           x="50.939774"
+           y="260.83688"
+           style="text-align:center;text-anchor:middle;fill:#666666" /></flowRegion><flowPara
+         style="text-align:center;text-anchor:middle;fill:#666666"
+         id="flowPara3766-9-1">June</flowPara></flowRoot>    <flowRoot
+       xml:space="preserve"
+       id="flowRoot3759-2-1-2"
+       style="font-size:36px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:center;line-height:125%;writing-mode:lr-tb;text-anchor:middle;color:#000000;fill:#666666;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate;font-family:Roboto;-inkscape-font-specification:Roboto Light"
+       transform="translate(406.04158,409.3565)"><flowRegion
+         id="flowRegion3761-9-4-5"><rect
+           id="rect3763-3-3-1"
+           width="80.11277"
+           height="51.644661"
+           x="50.939774"
+           y="260.83688"
+           style="text-align:center;text-anchor:middle;fill:#666666" /></flowRegion><flowPara
+         style="text-align:center;text-anchor:middle;fill:#666666"
+         id="flowPara3766-9-1-3">July</flowPara></flowRoot>    <flowRoot
+       xml:space="preserve"
+       id="flowRoot3759-2-1-2-6"
+       style="font-size:36px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:center;line-height:125%;writing-mode:lr-tb;text-anchor:middle;color:#000000;fill:#666666;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate;font-family:Roboto;-inkscape-font-specification:Roboto Light"
+       transform="translate(608.0263,409.3565)"><flowRegion
+         id="flowRegion3761-9-4-5-0"><rect
+           id="rect3763-3-3-1-1"
+           width="127.50733"
+           height="51.644653"
+           x="50.939774"
+           y="260.83688"
+           style="text-align:center;text-anchor:middle;fill:#666666" /></flowRegion><flowPara
+         style="text-align:center;text-anchor:middle;fill:#666666"
+         id="flowPara3766-9-1-3-0">August</flowPara></flowRoot>    <flowRoot
+       xml:space="preserve"
+       id="flowRoot3759-8"
+       style="font-size:36px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:center;line-height:125%;writing-mode:lr-tb;text-anchor:middle;color:#000000;fill:#666666;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate;font-family:Roboto;-inkscape-font-specification:Roboto Light"
+       transform="translate(149.48728,293.44548)"><flowRegion
+         id="flowRegion3761-2"><rect
+           id="rect3763-4"
+           width="194.80757"
+           height="45.009438"
+           x="50.939774"
+           y="260.83688"
+           style="text-align:center;text-anchor:middle;fill:#666666" /></flowRegion><flowPara
+         style="font-size:36px;text-align:center;text-anchor:middle;fill:#666666"
+         id="flowPara3967-7">Update 1</flowPara></flowRoot>    <flowRoot
+       xml:space="preserve"
+       id="flowRoot3759-8-3"
+       style="font-size:36px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:center;line-height:125%;writing-mode:lr-tb;text-anchor:middle;color:#000000;fill:#666666;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate;font-family:Roboto;-inkscape-font-specification:Roboto Light"
+       transform="translate(295.61638,193.80278)"><flowRegion
+         id="flowRegion3761-2-2"><rect
+           id="rect3763-4-5"
+           width="162.57927"
+           height="43.113655"
+           x="50.939774"
+           y="260.83688"
+           style="text-align:center;text-anchor:middle;fill:#666666" /></flowRegion><flowPara
+         style="text-align:center;text-anchor:middle;fill:#666666"
+         id="flowPara3766-1-4">Update 2</flowPara><flowPara
+         style="font-size:24px;text-align:center;text-anchor:middle;fill:#666666"
+         id="flowPara3967-7-8" /></flowRoot>    <flowRoot
+       xml:space="preserve"
+       id="flowRoot3759-8-9"
+       style="font-size:36px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:center;line-height:125%;writing-mode:lr-tb;text-anchor:middle;color:#000000;fill:#666666;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate;font-family:Roboto;-inkscape-font-specification:Roboto Light"
+       transform="translate(434.6735,292.06086)"><flowRegion
+         id="flowRegion3761-2-3"><rect
+           id="rect3763-4-1"
+           width="169.21451"
+           height="45.957329"
+           x="50.939774"
+           y="260.83688"
+           style="text-align:center;text-anchor:middle;fill:#666666" /></flowRegion><flowPara
+         style="font-size:36px;text-align:center;text-anchor:middle;fill:#666666"
+         id="flowPara3967-7-4">Update 3</flowPara></flowRoot>    <path
+       style="fill:none;stroke:#000000;stroke-width:1.49251163px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 119.43972,584.77048 c 0,55.54049 0,55.54049 0,55.54049"
+       id="path4048"
+       inkscape:connector-curvature="0" />
+    <path
+       style="fill:none;stroke:#000000;stroke-width:1.76536787px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 424.475,506.61135 c 0,134.1317 0,134.1317 0,134.1317"
+       id="path4048-8"
+       inkscape:connector-curvature="0" />
+    <path
+       style="fill:none;stroke:#000000;stroke-width:1.43408465px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 288.17078,601.45265 c 0,40.18609 0,40.18609 0,40.18609"
+       id="path4048-8-9"
+       inkscape:connector-curvature="0" />
+    <path
+       style="fill:none;stroke:#000000;stroke-width:1.52709746px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 570.63062,598.15011 c 0,42.05171 0,42.05171 0,42.05171"
+       id="path4048-8-9-7"
+       inkscape:connector-curvature="0" />
+    <flowRoot
+       xml:space="preserve"
+       id="flowRoot3759-8-3-0"
+       style="font-size:36px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:center;line-height:125%;writing-mode:lr-tb;text-anchor:middle;color:#000000;fill:#666666;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate;font-family:Roboto;-inkscape-font-specification:Roboto Light"
+       transform="translate(635.68275,194.45687)"><flowRegion
+         id="flowRegion3761-2-2-4"><rect
+           id="rect3763-4-5-9"
+           width="203.33855"
+           height="86.562088"
+           x="50.939774"
+           y="260.83688"
+           style="text-align:center;text-anchor:middle;fill:#666666" /></flowRegion><flowPara
+         style="text-align:center;text-anchor:middle;fill:#666666"
+         id="flowPara3766-1-4-3">Official SDK Release </flowPara><flowPara
+         style="font-size:24px;text-align:center;text-anchor:middle;fill:#666666"
+         id="flowPara3967-7-8-2" /></flowRoot>    <path
+       style="fill:none;stroke:#000000;stroke-width:1.62254512px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 790.21294,546.10533 c 0,95.71447 0,95.71447 0,95.71447"
+       id="path4048-8-1"
+       inkscape:connector-curvature="0" />
+  </g>
+</svg>