improve landing page design

[cmbarton]

• [x] Background. Make top color match blue on openmodelingfoundation.org. Make the bottom color white, like the OMF web site.
• [x] Make this text a bit bigger "Enabling next generation modeling of human and natural systems"
• [ ] Need to clean up stuff at the very bottom.
  • [x] Add an "About" section like Standards and Organization & Governance. The about button/link should go to an about page. Can start out blank, but we'll need some text eventually (migrating from WordPress site).
  • [x] Get rid of the Contribute stuff. We don't want people doing a pull request from the splash page.
  • [ ] Leave the Community in and maybe make a link to the community statement that Allen posted about.
• [ ] Add a "help" button at the top and something like "How to use this site to contribute to community standards and OMF governance"

[alee]

Looks like the blue top has been fixed, but now the bottom aqua footer is burning my eyes :smile:

Can we come up with a color palette that we can use consistently? Maybe @chyhuang can help out here? I've invited her to the repo.

[chyhuang]

The colours that I've been using for the OMF Wordpress site are three different shades of blue and an orange for emphasis: A light blue for background: #f5fafd A medium blue for buttons: #03a9f4 A darker blue: #2b4db0 Orange: #ff9800

I think most of them were defaults that came with the theme though, so if we want to change the Github palette, I can also change the Wordpress site.

[cmbarton]

For visuals:

Here are the colors of the WordPress site

Top half

White

This light grey below the white

Buttons

Here are the colors of the OMF GitHub site

Top band

Middle band

Next to bottom band

Bottom band

It would visually more appealing and consistent if we could match reasonably closely across the 2 sites.

Michael

On Apr 28, 2020, at 1:23 PM, chyhuang notifications@github.com wrote:

The colours that I've been using for the OMF Wordpress site are three different shades of blue and an orange for emphasis: A light blue for background: #f5fafd A medium blue for buttons: #03a9f4 A darker blue: #2b4db0 Orange: #ff9800

I think most of them were defaults that came with the theme though, so if we want to change the Github palette, I can also change the Wordpress site.

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub https://github.com/openmodelingfoundation/openmodelingfoundation.github.io/issues/31#issuecomment-620834719, or unsubscribe https://github.com/notifications/unsubscribe-auth/ACENLL3IT4MWHBQSXCBENH3RO43NNANCNFSM4MTB23KQ.

[cmbarton]

Thanks Cindy,

This is helpful

Michael

On Apr 28, 2020, at 1:23 PM, chyhuang notifications@github.com wrote:

The colours that I've been using for the OMF Wordpress site are three different shades of blue and an orange for emphasis: A light blue for background: #f5fafd A medium blue for buttons: #03a9f4 A darker blue: #2b4db0 Orange: #ff9800

I think most of them were defaults that came with the theme though, so if we want to change the Github palette, I can also change the Wordpress site.

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub https://github.com/openmodelingfoundation/openmodelingfoundation.github.io/issues/31#issuecomment-620834719, or unsubscribe https://github.com/notifications/unsubscribe-auth/ACENLL3IT4MWHBQSXCBENH3RO43NNANCNFSM4MTB23KQ.

[chrstngyn]

I'll work on changing the color palette of the github site

[cmbarton]

Thanks Christine.

[chrstngyn]

  * Leave the Community in and maybe make a link to the community statement that Allen posted about.

can someone post the link the this statement?

[cmbarton]

I think this is now linked in the contribute page

[chrstngyn]

@cmbarton I think this issue is ready to be closed because these suggestions have been resolved by various commits

[cmbarton]

I think we need to keep this open. The big blank blue area is still something to be dealt with eventually.

[chrstngyn]

we could add a stock image to fill up the blue title page space

[cmbarton]

But why? Why separate the buttons from the explanatory text? Why does the blue part expand when I make my window bigger, moving the explanations even farther from the buttons. It should not be dynamically expandable IMHO.

[chrstngyn]

@cmbarton In the current theme we're using, it configures the size of each section to match the size of the browser window. So when the browser size is adjusted to expand or condense, the theme tries to compensate for browser real estate that is lost or gained

I adjusted the size of the top section so it doesn't take up the the full browser window, and modified the arrangement of the subtitle and buttons. Is this closer to what you're looking for?

[cmbarton]

Not really. May not be doable easily. It should expand horizontally but not vertically. Somehow it is configured so that the bottom stuff in white and grey never shows up in the window without scrolling, even though there it is all blank space.

[chrstngyn]

We would have to create a custom page layout that is different from the pre-configured layouts from the Hugo theme. Creating custom page layouts are doable but will take time to implement. Looking into custom layouts now

[cmbarton]

OK. But not high priority before the workshop. Thanks. It looks pretty good as it is, just a bit clunky to read.