Uploaded image for project: 'Planet4'
  1. Planet4
  2. PLANET-3965

P4CG - Create a new Climate Emergency theme

XMLWordPrintable

    • 8
    • Campaigns
    • Sprint #99

      Climate Emergency requires it's own theme. The theme should build upon the structure of the oil theme. It should follow the design styling created by wmorrisj in https://jira.greenpeace.org/browse/PLANET-3909 The font, gradient reference and background image can be found here - https://www.dropbox.com/sh/qjgukh2s3sr5wkz/AADPykWF9vIrCGNPW-bf6TnIa?dl=0 

      The font is free to use and it is called Jost* for languages that are not supported (Arabic, greek) the we should use Noto/Roboto as we do with other CPP campaign fonts.

      nroussos is creating a example page based on the initial UI designs. The EN form block needs a modified CSS that enables us to create a scrolling div. I have added an image showing the example of the blocks we can use.

      The letter text : 1.125rem line height 1.25rem font Jost* Book (400) and the bold line of text Jost* Black (900) in Caps

      The gradient : R:255 G:0 B:0 alpha: 100 > R:255 G:0 B:0 alpha: 0

      Tasks

      • Create theme
      • Add theme to Campaign customizer

      CSS changes for this ticket will go here - https://jira.greenpeace.org/browse/PLANET-3999

        1. Background.jpg
          Background.jpg
          668 kB
        2. climate_emergency_18pt.jpg
          climate_emergency_18pt.jpg
          706 kB
        3. climate_emergency_M_S.jpg
          climate_emergency_M_S.jpg
          868 kB
        4. climate_emergency_P4_templates_XL.jpg
          climate_emergency_P4_templates_XL.jpg
          2.57 MB
        5. climate_emergency-[Recovered].jpg
          climate_emergency-[Recovered].jpg
          740 kB
        6. red_gradient_overlay.png
          red_gradient_overlay.png
          66 kB
        7. white_logo.png
          white_logo.png
          22 kB

            nroussos Nikos Roussos
            wmorrisj William Morris-Julien (Inactive)
            Votes:
            0 Vote for this issue
            Watchers:
            0 Start watching this issue

              Created:
              Updated:
              Resolved: