aemsites / sling

Apache License 2.0
1 stars 0 forks source link

Update blog-hero gradients + image #180

Closed helms-charity closed 2 months ago

helms-charity commented 2 months ago

Sling has changed their gradients and the image in the top banner of the 1st level category pages. See https://www.sling.com/whatson/announcements for a new example.

Task: please update these gradients based on the live site the way they look in Mobile view, because I noticed you can't see the full gradient in wider screens. For example, we should capture the orange and black: image

Also, the image is only "whats on", so new desktop + mobile images need to be used. See https://main--sling--aemsites.aem.page/whatson/announcements for example where I have updated it already, copy + paste to the others. blog-hero.css image

helms-charity commented 2 months ago

After looking at the new colors, let's do this.

/whatson = "red", DONE /whatson/announcements = "cyan", UPDATE EXISTING VALUES (in progress) /whatson/sports = "green", ADD NEW CLASS/STYLE /whatson/entertainment = "dark-orange", ADD NEW CLASS/STYLE /whaston/movies = "blue", UPDATE EXISTING VALUES /whatson/international = "yellow", ADD NEW CLASS/STYLE /whatson/freestream = "orange", ADD NEW CLASS/STYLE

You can leave the other colors in the css file for now as other options.

neetunegi commented 2 months ago

for yellow i have to go with more color points to match sling otherwise it was not at all matching. it was looking very dull compared to sling.