UI tweaks

[coandco]

As I'm not really the best graphic-design person myself, this ticket is a dumping ground for suggestions about the UI from those more qualified than I am.

[Latent-Logic]

The web icon options should be ordered by grey value. (dark-grey-white instead of dark-white-grey)

[ryanvilbrandt]

Popup backgrounds should be a bit more opaque. Right now they're see-through windows that are kinda opaque. They should be opaque windows that are kinda see-through.

[ryanvilbrandt]

Cayt's (possibly uneducated) notes:

• mention somewhere that overflow between the power text and the flavor text will get somewhat fixed in export
• Deal with attribute/keyword overflow in export (cut off at a certain point like in the preview)
• Change "Attribute" to "Keyword" since we use that as an actual game term
• Change "effect" to "Body Text" For same reason? (maybe)
• Note what image file types are accepted. (I assume JPG and PNG?)

NICE TO HAVEs

• When an image that is too tall is cropped, is there any way to allow the user to move the image along the y axis to a more desirable crop? For example: http://imgur.com/955Hyxj The squirrel's head is not in view for this one. (here's the image I grabbed http://imgur.com/gallery/CG1DxZd )
• What about resizing an image? For example: http://imgur.com/Qpbqh0r I would love to be able to make this image bigger, and recenter it.
  ("This is SUPER EASY, RIGHT?" says the worst client ever. HI!)

[coandco]

For cropping/resizing an image, if it's one you've uploaded, imgur has a handy-dandy "edit" link that will let you do what you want. You can see their (slightly out-of-date, but still mostly accurate) blogpost about it here: http://imgur.com/blog/2011/05/26/advanced-image-editor/

If it's not one you've uploaded, you can just copy the image URL and paste it into imgur's upload box. Voila, a version of it that you have control over.

[coandco]

As far as what image types are supported, the site currently supports whatever the Python Imaging Library supports. That's part of the reason we're restricting the sites we'll accept images from -- I don't want to have to worry about random sites with specially-crafted exploit packages named *.PNG. If the url starts with http://i.imgur.com, though, I can be pretty sure that whatever follows is a valid image file of some type. Similar logic applies for derpibooru's CDN and the secretshipfic booru. Obviously, we don't support .webm HTML5 videos or anything, but we should be good to go on pretty much any static image format.

[coandco]

Hmm. Maybe I should make a FAQ page and link to it from the generator itself. It'd be a decent way of presenting these bits and bobs of information without cluttering up the main interface...

[coandco]

Hmm. Quick question, Ryan -- shouldn't the "Body Text" be referred to as "Power", since that's what it's called in the "love poison" template ("Instead of playing this ship with a Pony card from your hand, or connecting two ponies already on the grid, take a Pony card from the shipping grid and reattach it elsewhere with this Ship. That card's power activates.")?

[marco262]

Technically, that section is called the body text, though on Pony cards the body text contains the power name, type, and description. For Goal cards, for example, that part of the card wouldn't be called the Power.