Homepage updates (includes mentions to DPG and OKFN)

[lucpretti]

This issue proposes some changes to the visual narrative and content of the homepage, as it is beneficial to CKAN's narrative to highlight that it was recently recognized as a Digital Public Good by the DPGA.

---

Update header

• Replace CKAN logo (with the DPG badge)
  Source file: https://drive.google.com/open?id=1MpqHW6IlvK6o_eQI_YXSrAHGWw-quPgA&usp=drive_fs

Expected result:

---

Update footer

• Add OKFN logo (source file: https://drive.google.com/open?id=1YTgml6HIgRh3vr-noy0CJO-hC8MeawBb&usp=drive_fs)
• Move and centralise the newsletter section at the bottom

Expected result:

---

Update contents

• Add DPG section
  Place it between "Powered by CKAN" and "Join our next webinar" sections with the following content:

Headline: CKAN is now a Digital Public Good
Text: CKAN has been added to the Digital Public Registry and is now officially recognised as a data management system helping tackle 9 of the 17 Sustainable Development Goals (SDGs) of the 2030 Agenda set by the United Nations (UN).
Image: https://drive.google.com/open?id=1Mqb0M7YfhsimDSnXEMiRVhDpuqx63xjv&usp=drive_fs
Button: Learn more
Button link: https://blog.okfn.org/2023/06/15/ckan-is-now-a-digital-public-good/

Expected result:

---

Here's how the entire homepage should look like after the changes:

[amercader]

@Alex-Pavlyuk @popovayoana can we include this in the next round of changes to ckan.org? Please ping @lucpretti for any questions, thanks!

[Alex-Pavlyuk]

@Alex-Pavlyuk @popovayoana can we include this in the next round of changes to ckan.org? Please ping @lucpretti for any questions, thanks!

yes, we can. @popovayoana do you have any thoughts about it?

[popovayoana]

@lucpretti, fantastic initiative on integrating the DPG element on our homepage - it's a valuable addition! I've reviewed the proposed changes and have a couple of suggestions to further refine the design:

1. OKF Logo Placement
   I'd try aligning it differently for a more cohesive look e.g.:
   

2. Differentiating Sections
   I noticed that the "CKAN is now DPG" and "Join our next webinar" sections seem to merge visually (in spite of the dividers. To enhance UX and make each section distinct, how about having a subtle background color for the "Join our next webinar" section (the whole container)? This could help in clearly demarcating the two sections, making the page more navigable and aesthetically pleasing.

let me know what you think // cc @Alex-Pavlyuk @amercader

[lucpretti]

@popovayoana Your suggestions are great, thanks for that. All good on our side. If @Alex-Pavlyuk and @amercader are ok with them, you can please proceed with implementing the changes.

[Alex-Pavlyuk]

@popovayoana Your suggestions are great, thanks for that. All good on our side. If @Alex-Pavlyuk and @amercader are ok with them, you can please proceed with implementing the changes.

I think we can start to work on it when we have time\resources. lets take it into work

[alexmorev]

@popovayoana It's done. Please check. Waiting for your feedback.

[popovayoana]

@alexmorev love it! just a few quick adjustments:

Footer

• title-body text spacing - decrease the space between the titles and body text with ½ (see the attached image for what I'm thinking)
• spacing between blocks 6 and 7 - the gap here is larger than between blocks 5 and 6. let's cut it down a bit to keep it consistent
• in blocks 6 and 7 - the space between the text and the CTAs (login, contact us) is too big. let's reduce it by ⅔?
• OKF logo block - this needs to match the other logo block in height
• typo fix -“we`are here to assist” should be “we are here to assist”

important: when making these changes, please ensure that the left text container aligns with the right one. the text in both columns should start and end at the same levels - the beginnings and endings should line up perfectly.

CKAN is now a Digital Public Good section

• make the background grey-colored container full-width (it should stretch from edge to edge, without any padding)
• the logo looks blurred - can we have it HQ?

[alexmorev]

@popovayoana Done. Please check and give your feedback

[popovayoana]

@alexmorev will provide more input re footer but for now, can we quickly fix this:

• text container should not be full width, it was fine before (just background container should be full width)
• DPGA logo looks huge, can we decrease it by ~1/3?

[alexmorev]

@popovayoana Fixed.