diff --git a/README.md b/README.md index e8c31b87ddc8d3..eafa521d535f30 100644 --- a/README.md +++ b/README.md @@ -3,6 +3,7 @@ Prototyping since 1440. This is the development and prototyping hub for the editor focus in core. +Gutenberg is the project name. Conversations and discussions take place in #core-editor in Slack. > The editor will endeavour to create a new page and post building experience that makes writing rich posts effortless, and has “blocks” to make it easy what today might take shortcodes, custom HTML, or “mystery meat” embed discovery. — Matt Mullenweg @@ -10,7 +11,6 @@ This is the development and prototyping hub for the editor focus in core. - What are little blocks made of? - Editor Technical Overview -- Mockups: https://cloudup.com/c9pKpaoDpQ4 ## Prototypes @@ -22,6 +22,34 @@ This is the development and prototyping hub for the editor focus in core. - WP Post grammar parser. ----- +## Mockups -Conversations and discussions take place in #core-editor in Slack. +These mockups are all subject to change and feedback. + +See also, clickable prototype. + +**Formatting** + +![Hover](mockups/Formatting, Hover.png) + +![Click](mockups/Formatting, Click.png) + +**New Blocks** + +![New Blocks](mockups/New Blocks.png) +![Insert Between](mockups/Insert Between.png) +![Insert](mockups/Insert.png) + +**Type Switcher** + +![Switcher](mockups/Type Switcher.png) + +**Other Blocks** + +![Image](mockups/Image.png) +![Quote](mockups/Quote.png) +![Headings](mockups/Headings.png) + +**Mobile** + +![Mobile](mockups/Mobile.png) diff --git a/mockups/Formatting, Click.png b/mockups/Formatting, Click.png new file mode 100644 index 00000000000000..2d97051e1dfb6d Binary files /dev/null and b/mockups/Formatting, Click.png differ diff --git a/mockups/Formatting, Hover.png b/mockups/Formatting, Hover.png new file mode 100644 index 00000000000000..32954d15d2d3e8 Binary files /dev/null and b/mockups/Formatting, Hover.png differ diff --git a/mockups/Headings.png b/mockups/Headings.png new file mode 100644 index 00000000000000..9364fc87191029 Binary files /dev/null and b/mockups/Headings.png differ diff --git a/mockups/Image.png b/mockups/Image.png new file mode 100644 index 00000000000000..4b44ca4831a1b5 Binary files /dev/null and b/mockups/Image.png differ diff --git a/mockups/Insert Between.png b/mockups/Insert Between.png new file mode 100644 index 00000000000000..3f1cdc125f0e1d Binary files /dev/null and b/mockups/Insert Between.png differ diff --git a/mockups/Insert.png b/mockups/Insert.png new file mode 100644 index 00000000000000..56eb9f2a0f7f00 Binary files /dev/null and b/mockups/Insert.png differ diff --git a/mockups/Mobile.png b/mockups/Mobile.png new file mode 100644 index 00000000000000..c4e2b1ae711f52 Binary files /dev/null and b/mockups/Mobile.png differ diff --git a/mockups/New Blocks.png b/mockups/New Blocks.png new file mode 100644 index 00000000000000..e6c7b2ce175006 Binary files /dev/null and b/mockups/New Blocks.png differ diff --git a/mockups/Quote.png b/mockups/Quote.png new file mode 100644 index 00000000000000..4f823ab8d33bef Binary files /dev/null and b/mockups/Quote.png differ diff --git a/mockups/Type Switcher.png b/mockups/Type Switcher.png new file mode 100644 index 00000000000000..af70d2ae507e76 Binary files /dev/null and b/mockups/Type Switcher.png differ