Update screenshots (#1701)

Add screenshots from WCUS2018 slides
ampproject · Dec 4, 2018 · 9e51b38 · 9e51b38
1 parent 7330c59
commit 9e51b38
Show file tree

Hide file tree

Showing 16 changed files with 40 additions and 15 deletions.
diff --git a/readme.md b/readme.md
@@ -43,25 +43,45 @@ If you are a developer, we encourage you to follow along or [contribute](https:/
 
 ## Screenshots ##
 
-### Post rendered in AMP template.
+### Theme support enables you to reuse the active theme's templates and stylesheets; all WordPress features (menus, widgets, comments) are available in AMP.
 
-![Post rendered in AMP template.](wp-assets/screenshot-1.png)
+![Theme support enables you to reuse the active theme's templates and stylesheets; all WordPress features (menus, widgets, comments) are available in AMP.](wp-assets/screenshot-1.png)
 
-### Customizing appearance of AMP template.
+### Many themes can be served as AMP without any changes; the default experience is as if JavaScript is turned off in the browser since scripts are removed.
 
-![Customizing appearance of AMP template.](wp-assets/screenshot-2.png)
+![Many themes can be served as AMP without any changes; the default experience is as if JavaScript is turned off in the browser since scripts are removed.](wp-assets/screenshot-2.png)
 
-### Article from New York Post showing customized AMP template.
+### Classic templates are still available, but they are are limited. Not only do they differ from the active theme, any validation errors are silently sanitized.
 
-![Article from New York Post showing customized AMP template.](wp-assets/screenshot-3.png)
+![Classic templates are still available, but they are are limited. Not only do they differ from the active theme, any validation errors are silently sanitized.](wp-assets/screenshot-3.png)
 
-### Article from TNW showing customized AMP template.
+### Switch from Classic to Paired or Native modes in AMP settings screen. You may need to disable the admin bar in AMP if your theme has a larger amount of CSS.
 
-![Article from TNW showing customized AMP template.](wp-assets/screenshot-4.png)
+![Switch from Classic to Paired or Native modes in AMP settings screen. You may need to disable the admin bar in AMP if your theme has a larger amount of CSS.](wp-assets/screenshot-4.png)
 
-### Article from Halfbrick showing customized AMP template.
+### Make the entire site available in AMP or pick specific post types and templates; you can also opt-out on per-post basis.
 
-![Article from Halfbrick showing customized AMP template.](wp-assets/screenshot-5.png)
+![Make the entire site available in AMP or pick specific post types and templates; you can also opt-out on per-post basis.](wp-assets/screenshot-5.png)
+
+### Plugin checks for AMP validity and will indicate when either: no issues are found, new issues need moderation, or issues block AMP from being served.
+
+![Plugin checks for AMP validity and will indicate when either: no issues are found, new issues need moderation, or issues block AMP from being served.](wp-assets/screenshot-6.png)
+
+### The editor will surface validation issues during content authoring. The specific blocks with validation errors are indicated.
+
+![The editor will surface validation issues during content authoring. The specific blocks with validation errors are indicated.](wp-assets/screenshot-7.png)
+
+### Validated URLs include the list of validation errors encountered, giving control over whether sanitization for a validation error is accepted or rejected.
+
+![Validated URLs include the list of validation errors encountered, giving control over whether sanitization for a validation error is accepted or rejected.](wp-assets/screenshot-8.png)
+
+### Styles added by themes and plugins are automatically concatenated, minified, and tree-shaken to try to keep the total under 50KB of inline CSS.
+
+![Styles added by themes and plugins are automatically concatenated, minified, and tree-shaken to try to keep the total under 50KB of inline CSS.](wp-assets/screenshot-9.png)
+
+### A WP-CLI command is provided to check the URLs on a site for AMP validity. Results are available in the admin for inspection.
+
+![A WP-CLI command is provided to check the URLs on a site for AMP validity. Results are available in the admin for inspection.](wp-assets/screenshot-10.png)
 
 ## Changelog ##
 

diff --git a/readme.txt b/readme.txt
@@ -39,11 +39,16 @@ If you are a developer, we encourage you to follow along or [contribute](https:/
 
 == Screenshots ==
 
-1. Post rendered in AMP template.
-1. Customizing appearance of AMP template.
-1. Article from New York Post showing customized AMP template.
-1. Article from TNW showing customized AMP template.
-1. Article from Halfbrick showing customized AMP template.
+1. Theme support enables you to reuse the active theme's templates and stylesheets; all WordPress features (menus, widgets, comments) are available in AMP.
+1. Many themes can be served as AMP without any changes; the default experience is as if JavaScript is turned off in the browser since scripts are removed.
+1. Classic templates are still available, but they are are limited. Not only do they differ from the active theme, any validation errors are silently sanitized.
+1. Switch from Classic to Paired or Native modes in AMP settings screen. You may need to disable the admin bar in AMP if your theme has a larger amount of CSS.
+1. Make the entire site available in AMP or pick specific post types and templates; you can also opt-out on per-post basis.
+1. Plugin checks for AMP validity and will indicate when either: no issues are found, new issues need moderation, or issues block AMP from being served.
+1. The editor will surface validation issues during content authoring. The specific blocks with validation errors are indicated.
+1. Validated URLs include the list of validation errors encountered, giving control over whether sanitization for a validation error is accepted or rejected.
+1. Styles added by themes and plugins are automatically concatenated, minified, and tree-shaken to try to keep the total under 50KB of inline CSS.
+1. A WP-CLI command is provided to check the URLs on a site for AMP validity. Results are available in the admin for inspection.
 
 == Changelog ==
 

diff --git a/wp-assets/banner-1544x500.png b/wp-assets/banner-1544x500.png
diff --git a/wp-assets/banner-772x250.png b/wp-assets/banner-772x250.png
diff --git a/wp-assets/icon-128x128.png b/wp-assets/icon-128x128.png
diff --git a/wp-assets/icon-256x256.png b/wp-assets/icon-256x256.png
diff --git a/wp-assets/screenshot-1.png b/wp-assets/screenshot-1.png
diff --git a/wp-assets/screenshot-10.png b/wp-assets/screenshot-10.png
diff --git a/wp-assets/screenshot-2.png b/wp-assets/screenshot-2.png
diff --git a/wp-assets/screenshot-3.png b/wp-assets/screenshot-3.png
diff --git a/wp-assets/screenshot-4.png b/wp-assets/screenshot-4.png
diff --git a/wp-assets/screenshot-5.png b/wp-assets/screenshot-5.png
diff --git a/wp-assets/screenshot-6.png b/wp-assets/screenshot-6.png
diff --git a/wp-assets/screenshot-7.png b/wp-assets/screenshot-7.png
diff --git a/wp-assets/screenshot-8.png b/wp-assets/screenshot-8.png
diff --git a/wp-assets/screenshot-9.png b/wp-assets/screenshot-9.png