Added missing "Code is Poetry" block in some packages (#13101)

* docs: added correct name for font site 50

* Remove old changes

* Added missing "Code is Poetry" block in some packages documents

* Revert "Remove old changes"

This reverts commit c7622d9.

* Revert "docs: added correct name for font site 50"

This reverts commit b30c96a.

* Fix display issue in wordcount package

* Fix end tag for js block

packages/annotations/README.md

@@ -13,3 +13,5 @@ npm install @wordpress/annotations --save
 _This package assumes that your code will run in an **ES2015+** environment. If you're using an environment that has limited or no support for ES2015+ such as lower versions of IE then using [core-js](https://github.com/zloirock/core-js) or [@babel/polyfill](https://babeljs.io/docs/en/next/babel-polyfill) will add support for these methods. Learn more about it in [Babel docs](https://babeljs.io/docs/en/next/caveats)._
 
 ## Usage
+
+<br/><br/><p align="center"><img src="https://s.w.org/style/images/codeispoetry.png?1" alt="Code is Poetry." /></p>

packages/babel-plugin-makepot/README.md

@@ -15,3 +15,5 @@ Install the module:
 ```bash
 npm install @wordpress/babel-plugin-makepot --save-dev
 ```
+
+<br/><br/><p align="center"><img src="https://s.w.org/style/images/codeispoetry.png?1" alt="Code is Poetry." /></p>

packages/data/README.md

@@ -416,3 +416,5 @@ Specific implementation differences from Redux and React Redux:
    - In `@wordpress/data`, a `withSelect` mapping function can return `undefined` if it has no props to inject.
 - In React Redux, the `mapDispatchToProps` argument can be defined as an object or a function.
    - In `@wordpress/data`, the `withDispatch` higher-order component creator must be passed a function.
+
+<br/><br/><p align="center"><img src="https://s.w.org/style/images/codeispoetry.png?1" alt="Code is Poetry." /></p>

packages/editor/README.md

@@ -120,3 +120,5 @@ Example:
 	window.wp.element
 );
 ```
+
+<br/><br/><p align="center"><img src="https://s.w.org/style/images/codeispoetry.png?1" alt="Code is Poetry." /></p>

packages/nux/README.md

@@ -100,3 +100,5 @@ console.log( 'Tips in this guide:', guide.tipIds );
 console.log( 'Currently showing:', guide.currentTipId );
 console.log( 'Next to show:', guide.nextTipId );
 ```
+
+<br/><br/><p align="center"><img src="https://s.w.org/style/images/codeispoetry.png?1" alt="Code is Poetry." /></p>

packages/plugins/README.md

@@ -162,3 +162,5 @@ const Layout = () => (
 );
 ```
 {% end %}
+
+<br/><br/><p align="center"><img src="https://s.w.org/style/images/codeispoetry.png?1" alt="Code is Poetry." /></p>

packages/viewport/README.md

@@ -72,3 +72,5 @@ function MyComponent( { isMobile } ) {
 
 MyComponent = withViewportMatch( { isMobile: '< small' } )( MyComponent );
 ```
+
+<br/><br/><p align="center"><img src="https://s.w.org/style/images/codeispoetry.png?1" alt="Code is Poetry." /></p>

packages/wordcount/README.md

@@ -27,3 +27,6 @@ count accepts three parameters:
 ```JS
 import { count } from '@wordpress/wordcount';
 const numberOfWords = count( 'Words to count', 'words', {} )
+```
+
+<br/><br/><p align="center"><img src="https://s.w.org/style/images/codeispoetry.png?1" alt="Code is Poetry." /></p>