mozilla / learning.mozilla.org

This repo is for tracking initiatives of the Mozilla Learning Networks team.
https://learning.mozilla.org
Mozilla Public License 2.0
60 stars 91 forks source link

TEACHING ACTIVITIES: Add banner photo #473

Closed iamjessklein closed 9 years ago

iamjessklein commented 9 years ago

To be consistent with the parent pages, this page should have a "hero" image.

sabrinang commented 9 years ago

some photos that may work as teaching activities banner photo (dark center gradient photo treatment):

screen shot 2015-04-06 at 2 37 57 pm screen shot 2015-04-06 at 2 38 08 pm screen shot 2015-04-06 at 2 38 20 pm

iamjessklein commented 9 years ago

My preference is the middle image. Thoughts @vazquez @ldecoursy ? I like the center gradient treatment.

vazquez commented 9 years ago

If you are going for a gradient, I would make it a radial gradient. Right now there are clear edges of where the gradient ends (the guy's shirt on the 3rd option shows it clearly). I would also Multiply the gradient, so that it allows colour to blend in, as it feels like a black brush overlayed on top of the image at the moment.

Good selection of photos. In terms of composition, I think the 3rd one works best. However, the 1st one looks good because of the appropriate use of depth of field. The 2nd one I like for it's brightness, but I find compositionally challenging. It would be nice to focus the image on what the kids are making, but its hard because the persons on the corners are standing. The image also has a shallow depth of field which makes for a more complex than needed scene.

hannahkane commented 9 years ago

I like the third image best. @ldecoursy - do you have a preference?

ldecoursy commented 9 years ago

I like the third image too.

sabrinang commented 9 years ago

Great, I will use the third image and this photo will be treated and added to #471. Closing this bug.

sabrinang commented 9 years ago

Note: I smoothed out the linear gradient and added a subtle blur to the center. I tried the radial gradient but isn't as versatile on mobile when the photo shifts horizontally. herobanner-teaching-activities