search

schlosser / eventum

An event-driven CMS that syncs with Google Apps
21 stars 15 forks source link

Allow multiple image styles #80

Open schlosser opened 10 years ago

schlosser commented 10 years ago

Right now, all images are background images that are set to cover the desired frame (they are cropped to fit). This is done in css with:

i {
    background-size: cover;
}

We should have a toggle, where images that may readily be cropped are displayed as they are right now, and images like logos, screenshots, etc that should be displayed as <img> tags with a max-width and max-height, or a background image with the css:

i {
    background-image: contain;
}

For example: The headline image in this blog post is pretty underwhelming because it is cropped.

This should be set in the admin interface (when the media item is uploaded) and stored on the image object (in Image.py).

schlosser commented 10 years ago

https://github.com/tapmodo/Jcrop

schlosser commented 10 years ago

Show the people what the images will look like, maybe in an interim modal?