Press This Desktop

I’ve taken into account ideas from @folletto and @stephdau in these latest set of mockups.

Post after pressing an website

Press this bookmarklet Post
* The images are arranged and sized by priority using meta-data.
* The interface colors and buttons are pulled from WordPress defaults.

Post with images selected

Press this bookmarklet Post with selected images
* After selecting images, they are inserted where the cursor was last or at the top.

Image dragging

If feasible, it would be nice to have drag and drop usage as well to add and move media around. I think it would be a nice fairly discoverable way to easily move images around on both desktop and mobile.
Press this bookmarklet Post dragged image 1
The paragraphs shift to show where the image will go.
Press this bookmarklet Post dragged image 2
Press this bookmarklet Post dragged image 3

Image Added

On release (if dragged) or insert, the image is dropped in full-width.
Press this bookmarklet Post image in added

Empty post

An empty post to show the placeholders
Press this bookmarklet Post empty

A pressed quote

Press this bookmarklet Post with quote
* This is still using markup.
* Strong and emphasis are shown.

#desktop-mockups