Create HTML version of working group brief

We would like to create a page on eclipse.org/collaborations/working-groups/brief

The content can be found here: https://docs.google.com/document/d/1txr-cViq8ORKZmpXugQfRxxqJxOfEa3m/edit. Note that we are missing one quote in section 2, but that won't impact the layout.

@mkokabi will provide the design assets.

This is a Q4 MBO, but launching it in October or November would be preferred.

added team:webdev label

@sgiacomoni2as Absolutely! The assets will be added here shortly.

assigned to @oliviergoulet

added MBO label

added priorityhigh severitylow statetodo labels

changed due date to November 11, 2022

@mkokabi Can we expect the assets to be shared with us this week? Thanks

Hi @cguindon, I am currently working on it, will highly likely share it with you/your team by the end of the day today.

Awesome! Thanks @mkokabi

Hi, please find attached, the webpage assets.

webpage_assets.zip

In addition to our branding colours, the 2 big columns in the centre are: #E2DDDD #070706

The size of the big orange numbers is 150px, Roboto regular, with 15% opacity black shadow

I have enclosed the HTML, CSS also just in case! Thought it might be helpful for spacing, margin, and padding. Also, the top orange bar has a hover-over effect. please find the screenshot below.

Let me know if you need more information. As always thanks for your support,

@sgiacomoni2as I currently don't have access to the Google Doc. I submitted a request which would probably be in your email.

You should have access now.

mentioned in merge request !37 (merged)

added statewip label and removed statetodo label

The page is nearly complete. Here is a preview link: https://preview-37--www-eclipse-org.eclipsecontent.org/collaborations/working-groups/brief

I just need the following content:

• Section 2's quote
• The urls for the links at the bottom of the page

Also, @mkokabi, two things:

1. We may need a mockup for the sticky menu on mobile screens. Currently it looks like this on iPhone SE:

I'm thinking we can make the expanded gray part be full width beneath the orange number row.

2. The background color of the section content turns orange on hover. Our links don't contrast with this background. Is there any colors you can suggest for the links (visited color, and normal color)?

Hi @oliviergoulet, Good suggestion yes for the mobile view we do not need to go with this triangle shape. instead, we go with a full-screen grey box. As for colour contrast, please make the fonts black on rollover. Let me know if you want me to make a mockup for this. Thanks for your help!

@oliviergoulet sorry for the delay. This is still on my review list. I will try to look while traveling so you have feedback next week.

Sorry for the delay. I have followed up on the missing quote, but here are some additional edits:

• Can we bump up the size of "Eclipse Foundation Members Have Easy Access to a “Foundation in a Box”" so it's the same as the H2 at the bottom of the page ("Jumpstart Open Source Innovation at the Eclipse Foundation")
• Link missing from "Working groups at the Eclipse Foundation receive services and benefits that allow them to openly collaborate and innovate"
• Remove "Here’s a closer look at why a working group is a great alternative to a traditional association." from the black section, and replace "Here’s a closer look at why that is:" in just below with "Here’s a closer look at why a working group is a great alternative to a traditional association"
• Remove the bold from the paragraphs in sections 1-5 (whole paragraphs look bold right now)
• Please remove the leading quotation mark from the quotes, as he orange quote image acts as the opening quotation mark
• Can we change the styling of links like "The Oniro Working Group" (section 2 and 5) so they look like links before hovering? @mkokabi suggestions?
• Leave the quote on the right bold, but unbold the attributions (ex "Davide Ricci, Director of Consumer Business Group European Open Source Technology Center, Huawei")
• Are the logos in Section 2 pulling from the member database or hard coded? Just wondering about the maintenance
• "contact us today" link at the very end should be mailto:collaborations@eclipse-foundation.org

Thanks again @oliviergoulet for all your work on this. Hopefully, we will get the missing quote soon so we can wrap up this project in November.

I started to make these changes. I will ping you back when they are all completed.

Answer to the logo question:

Yes, they are hard-coded but if we have a database with these orgs then I will try to update it to use that instead.

edit: My thought process was that it should be hard-coded in case some member gets removed from the API for whatever reason. What I can do instead is fetch from the API but if the member isn't found there, we'll use the hard-coded logo as a fallback.

@sgiacomoni2as I have incorporated the feedback into the page.

The changes look good. We are just waiting on the quote. If we don't get the quote by the end of Nov, we will remove the quote block from that section and publish the page without it.

Moving out the due date since we are still waiting on the quote.

changed due date to November 30, 2022

changed due date to December 07, 2022

Moving the due date since @sgiacomoni2as is on vacation this week and can't approve this work!

@oliviergoulet can we remove the quote block from section 2?

We will just leave it without a quote, like we did in section 4.

After that we will be good to launch.

Ok, the quote has been removed. I'll start the code review process to get this launched.

added statereview label and removed statewip label

+1 to launch https://preview-37--www-eclipse-org.eclipsecontent.org/collaborations/working-groups/brief/

@oliviergoulet can we push this live this week?

Yes, it will be live this week. Taking a bit longer for review because we're trying a new way to create our pages. We're wrapping up though.

@sgiacomoni2as Just noticed this page isn't linked anywhere. Is there anywhere you want to link it from?

Can we add it to the working group's side menu (ex found here: https://www.eclipse.org/org/workinggroups/about.php). The menu item can be shortened to "5 Reasons to Collaborate"

Here is a preview for the sidebar https://staging.eclipse.org/org/workinggroups/about.php

Link doesn't work (because its staging), but location looks good.

mentioned in commit 57fcce46

closed with merge request !37 (merged)