Planet 4 gets faster! Across live and implementing NROs we noticed a few improvements, related to image compression, could make the difference loading speed. Done! Take Action Tasks and search icon have been adjust to the P4 colour palette, breadcrumb and organic navigation made to support multi-lingual site and a few bugs fixed.

New features / improvements..

  • PLANET-2128 – Handbook: header tags font should be Roboto
    • Headers were behaving weirdly in this awesome handbook, now they are all in Roboto
  • PLANET-2260 – Change Search icon colour
    • Continuing our colour consistency changes, now the search icon has the #074365
  • PLANET-2261 – Take Action Tasks Block: Change number colour
    • The Background colour of the Take Action Tasks has been harmonised to #074365 and the Active colour (when hovering over) to #04789a
The colour of the items of the take Action Tasks cover has changed to the P4 blue #074365 for background and to #074365 for active 
  • PLANET-2312 – Search results: remove border radius on search results page
    • The Search results page has no rounded corner anymore, more consistent with the overall website layout
The previously rounded search results corner have been replaced by a square ones
  • PLANET-2327Remove clouds background from master theme
    • This background is called in the CSS on Take Action pages, but it doesn’t seem to be used. It was adding weight to page loads, so we removed it.
  • PLANET-2328 – Make background image on home page smaller
    • Another improvement to make page load faster, there was no need to have a 226Kb image as home background
  • PLANET-2347 – Apply solution for better image compression to master theme
    • Aye! P4 will be waaaay faster with the new solution for image compression, which will also get better overall quality. Following this github tests –  https://greenpeace.github.io/planet4-imagestest-results/ we applied the Option #6:
      • Resize: Lanczos
      • Sharpening: unsharpMask (Radius 1, Sigma 0.45, Amount 3, Threshold 0)
      • Compression: Interlace_Plane
      • Quality: 60
This is an image automatically adjusted to 1024 px width, weighting 140 KB – still good quality but way lighter to load

Bug Fixes – hi-ha!

  • PLANET-2083 – Static Four Column Details: title not available on front end
  • PLANET-2087 – Instagram embed: not pulling description on front end
    • Now you can embed Instagram content in all its glory, including author, description, emojis..

  • PLANET-2207 – Featured images: missing
    • Some posts did not have featured images pulled out correctly. Why? No idea. The important thing is that now they do.
  • PLANET-2314 – Category link not clickable in articles block
    • Organic navigation from the Articles block got better, allowing users to switch across post types (Stories | Publications | Press Releases) from articles block
Clicking on the Post Type will redirect users to a pre-filtered Search Result page, which will pull out only content of the same type.
  • PLANET-2317 – Carousel: image height on mobile
    • Image height got harmonised for mobile versions of the Carousel block
  • PLANET-2355 – Tasks: Cursor as hand on hover
    • For a Take Action Task button the cursor (on Desktop) will become a hand.
  • PLANET-2372 – Clicking on PageType on specific languages leads to search in both languages
    • Important UX fix for multi-lingual sites, allowing breadcrumb navigation to follow the language being consumed when clicking
  • PLANET-2378 – Tasks block: Button alignment
    • Cosmetic fix, the button was misaligned, and it was freaking us out!