MC-5769: Complete content type tutorial

Getting docs back in sync after beta 2 release

Author: bdenham

docs/component-status.md

@@ -1,6 +1,7 @@
 # Component status
 
-**Last Updated: November 27, 2018**
+
+**Last Updated: December 10, 2018**
 
 <style type="text/css" style="display: none">
 .status {

docs/component-status2.md

@@ -0,0 +1,61 @@
+# Component status
+
+**Last Updated: December 10, 2018**
+
+<style type="text/css" style="display: none">
+.status {
+  padding: 3px 5px;
+  border-radius: 2px;
+}
+.status.red {
+  color: #fff;
+  background-color: #d04437;
+}
+.status.yellow {
+  background-color: #f6c342;
+}
+.status.green {
+  background-color: #14892c;
+  color: #fff;
+}
+</style>
+
+This page shows the status of each content type and component in Page Builder beta as a measure of readiness for each.
+
+Each status color indicates the severity and number of issues for a particular component.
+
+- <span class="status red">Red</span> - The content type or component has critical and blocking issues that make this module unstable.
+- <span class="status yellow">Yellow</span> - The content type or component has some issues that may cause problems, but it is still functional.
+- <span class="status green">Green</span> - The content type or component has no significant or outstanding issues.
+
+The issues used to generate the status of these components come from verified internal and GitHub reports for Page Builder beta.
+Issues that are not related to Page Builder beta are not part of this report.
+
+## Content Types
+
+| Name               | Status                                    | Notes                                     |
+| ------------------ | ----------------------------------------- | ----------------------------------------- |
+| Row                | <span class='status green'>Green</span>   |  |
+| Column             | <span class='status green'>Green</span>   |  |
+| Tabs               | <span class='status green'>Green</span>   |  |
+| Text               | <span class='status green'>Green</span>   |  |
+| Heading            | <span class='status green'>Green</span>   |  |
+| Buttons            | <span class='status green'>Green</span>   |  |
+| Divider            | <span class='status green'>Green</span>   |  |
+| HTML Code          | <span class='status green'>Green</span>   |  |
+| Image              | <span class='status green'>Green</span>   |  |
+| Video              | <span class='status green'>Green</span>   |  |
+| Banner             | <span class='status green'>Green</span>   |  |
+| Slider             | <span class='status green'>Green</span>   |  |
+| Map                | <span class='status green'>Green</span>   |  |
+| Block              | <span class='status green'>Green</span>   |  |
+| Dynamic Block      | <span class='status green'>Green</span>   |  |
+| Products           | <span class='status green'>Green</span>   |  |
+{:style="table-layout:auto"}
+
+## Migration
+
+| Name                              | Status                                  | Notes                                     |
+| --------------------------------- | --------------------------------------- | ----------------------|
+| Bluefoot to Page Builder          | <span class='status red'>Red</span>     | The renderers provided out of the box are not fully updated with the latest changes to their respective content types.|
+{:style="table-layout:auto"}

docs/getting-started/introduction.md

@@ -72,7 +72,7 @@ See [Install Page Builder](install-pagebuilder.md)
 ### Other
 
 * [Release notes](../release-notes.md)
-* [Component status](../component-status.md)
+* [Component status](../component-status2.md)
 * [Contribution guide](https://github.com/magento/magento2-page-builder/blob/develop/CONTRIBUTING.md)
 
 <!-- {% endcomment %} -->