Merge pull request #187 from 10up/tweak/readme

add banner image, tweak badges

README.md

@@ -1,20 +1,20 @@
 # Insecure Content Warning
 
-> Prevent editors from adding insecure content in the editor.
+![Insecure Content Warning](https://github.com/10up/insecure-content-warning/blob/develop/.wordpress-org/banner-1544x500.png)
 
-[![Support Level](https://img.shields.io/badge/support-stable-blue.svg)](#support-level) ![WordPress tested up to version](https://img.shields.io/wordpress/plugin/tested/insecure-content-warning?label=WordPress) [![GPLv2 License](https://img.shields.io/github/license/10up/insecure-content-warning.svg)](https://github.com/10up/insecure-content-warning/blob/develop/LICENSE.md) [![WordPress Plugin Version](https://img.shields.io/wordpress/plugin/v/insecure-content-warning?logo=wordpress&logoColor=FFFFFF&label=Playground%20Demo&labelColor=3858E9&color=3858E9)](https://playground.wordpress.net/?blueprint-url=https://raw.githubusercontent.com/10up/insecure-content-warning/develop/.wordpress-org/blueprints/blueprint.json)
+[![Support Level](https://img.shields.io/badge/support-stable-blue.svg)](#support-level) ![WordPress tested up to version](https://img.shields.io/wordpress/plugin/tested/insecure-content-warning?label=WordPress) [![GPLv2 License](https://img.shields.io/github/license/10up/insecure-content-warning.svg)](https://github.com/10up/insecure-content-warning/blob/develop/LICENSE.md) [![Dependency Review](https://github.com/10up/insecure-content-warning/actions/workflows/dependency-review.yml/badge.svg)](https://github.com/10up/insecure-content-warning/actions/workflows/dependency-review.yml) [![WordPress Plugin Version](https://img.shields.io/wordpress/plugin/v/insecure-content-warning?logo=wordpress&logoColor=FFFFFF&label=Playground%20Demo&labelColor=3858E9&color=3858E9)](https://playground.wordpress.net/?blueprint-url=https://raw.githubusercontent.com/10up/insecure-content-warning/develop/.wordpress-org/blueprints/blueprint.json)
 
-[![E2E test](https://github.com/10up/insecure-content-warning/actions/workflows/cypress.yml/badge.svg)](https://github.com/10up/insecure-content-warning/actions/workflows/cypress.yml) [![Linting](https://github.com/10up/insecure-content-warning/actions/workflows/lint.yml/badge.svg)](https://github.com/10up/insecure-content-warning/actions/workflows/lint.yml) [![PHP Compatibility](https://github.com/10up/insecure-content-warning/actions/workflows/php-compatibility.yml/badge.svg)](https://github.com/10up/insecure-content-warning/actions/workflows/php-compatibility.yml) [![Dependency Review](https://github.com/10up/insecure-content-warning/actions/workflows/dependency-review.yml/badge.svg)](https://github.com/10up/insecure-content-warning/actions/workflows/dependency-review.yml)
+[![E2E test](https://github.com/10up/insecure-content-warning/actions/workflows/cypress.yml/badge.svg)](https://github.com/10up/insecure-content-warning/actions/workflows/cypress.yml) [![Linting](https://github.com/10up/insecure-content-warning/actions/workflows/lint.yml/badge.svg)](https://github.com/10up/insecure-content-warning/actions/workflows/lint.yml) [![PHP Compatibility](https://github.com/10up/insecure-content-warning/actions/workflows/php-compatibility.yml/badge.svg)](https://github.com/10up/insecure-content-warning/actions/workflows/php-compatibility.yml) [![CodeQL](https://github.com/10up/insecure-content-warning/actions/workflows/github-code-scanning/codeql/badge.svg)](https://github.com/10up/insecure-content-warning/actions/workflows/github-code-scanning/codeql)
 
-![Example of attempting to publish a post with insecure content - classic editor.](.wordpress-org/screenshot-1.png)
+> Prevent editors from adding insecure content in the editor.
 
 ## Description
 
 Insecure Content Warning helps content creators with secure (HTTPS) websites avoid insecure-content warnings in the browser by flagging any elements in the editor (such as images and embeds) that are being delivered or sourced from an insecure (HTTP) web address. All insecure elements are flagged before the content is published, and can be fixed manually or simply by clicking "fix it."
 
 Compatible with both the block and classic editors.
 
-![Example of attempting to publish a post with insecure content - block editor.](.wordpress-org/screenshot-2.png)
+![Example of attempting to publish a post with insecure content - classic editor.](.wordpress-org/screenshot-1.png)
 
 ## Requirements
 
@@ -31,6 +31,8 @@ Compatible with both the block and classic editors.
 
 This plugin requires no configuration. Simply activate and the plugin will prevent posts with insecure elements from being published, as well as provide a banner with information on the offending assets.
 
+![Example of attempting to publish a post with insecure content - block editor.](.wordpress-org/screenshot-2.png)
+
 ### Optional WP-CLI Commands
 
 These are not required for normal usage of the plugin, but are available as a utility for more advanced usage.