search

ioos / ioos-us

The homepage for the IOOS.us website
https://ioos.us/
MIT License
0 stars 16 forks source link

Modify ioos.us homepage tiles #244

Closed mwengren closed 1 year ago

mwengren commented 3 years ago

@nguyandy Related to the SanctSound tile discussion, below is a list of changes we'd like to make to the homepage tiles on ioos.us:

I think that's all for now. These changes can be made at any time in advance of the release of the SanctSound site/tile.

A future change will be to the IOOS Data Demo center tile pending modifications to that site first. cc @MathewBiddle on that.

nguyandy commented 3 years ago

Thanks @mwengren, @kellydesent has been handling the changes for ioos.us, I'll give her a ping for these modifications.

kellydesent commented 3 years ago

july-tile-updates

kellydesent commented 3 years ago

@mwengren @nguyandy, this has been updated. After all of the sizing changes, there was an extra box on a new row. So, I sized HF Radar down to one by one so they all fit on the same row. Please let me know if you'd like any changes. Here is the PR: https://github.com/ioos/ioos-us/pull/245

nguyandy commented 3 years ago

Thanks @kellydesent!

@mwengren What do you think?

mwengren commented 3 years ago

@kellydesent Thanks for taking a crack at this! I have a couple comments:

  1. The IOOS Catalog image is not too inspiring. Can you adapt this map image that was made using Catalog data for the background? If it's too dark, I can try to regenerate with a lighter background map. Will send along a lighter version as well soon.
  2. For the Regional Associations map, can that be centered on the US and still look OK?
  3. Smaller HF Radar tile is ok for now I think, however we will soon have a 1x1 SanctSound tile to add and when that is included, we might want to go back to 2 x 1 HF Radar tile and perhaps expand MBON tile to 2 x 1, and maybe one more to make a full row? Regional Associations tile might be a good candidate for 2 x 1 if necessary.

kmjidpijidjmphck

mwengren commented 3 years ago

@kellydesent Here's another IOOS Catalog image to use for the background tile. Please give this one a shot instead - cropping will be necessary to only the map portion, sorry. Thanks!

Screenshot (43)

kellydesent commented 3 years ago

@nguyandy @mwengren Here is a screenshot of what it will look like now with the updates above. For 3, that sounds like a good plan. I'll keep this in mind whenever you're ready to add the next tile. Adding another row will definitely be the way to go since the bottom row is all 1x1s anyways.

Screen Shot 2021-08-26 at 2 00 01 PM
MathewBiddle commented 3 years ago

can we update the Data Demo Center tile to be the IOOS CodeLab, which links to https://ioos.github.io/ioos_code_lab/content/intro.html

And use the new graphic test

kellydesent commented 3 years ago

@nguyandy @mwengren @MathewBiddle Here is a screenshot of the update. Please let us know if this change as well as the previous updates are all set and we will make them live. Thanks!

Screen Shot 2021-09-07 at 12 30 47 PM
MathewBiddle commented 3 years ago

Looks fantastic! One adjustment, could we change the text Data Demo Center -> CodeLab?

kellydesent commented 3 years ago

Yep, like this?

Screen Shot 2021-09-07 at 1 04 32 PM
MathewBiddle commented 3 years ago

LGTM.

Ping @mwengren for final say.

mwengren commented 2 years ago

Looks good to me, thanks!

nguyandy commented 2 years ago

@mwengren @MathewBiddle , Kelly's update has been deployed to https://ioos.us/

mwengren commented 2 years ago

Hi @nguyandy tile changes look good, thanks!

Looking at the site now, I see one change we must have missed: the link for the CodeLab tile still goes to the old URL, it should be: https://ioos.github.io/ioos_code_lab/. At the moment users have to wait for a redirect to go to the new site.

There other other changes we could make to ioos.us like updating the menu links, but for now can we get that one navigation issue resolved?

MathewBiddle commented 2 years ago

Good catch @mwengren! I missed that.

kellydesent commented 2 years ago

@mwengren @MathewBiddle I just fixed it, it should be all set now! Thanks!

MathewBiddle commented 2 years ago

LGTM, thanks!

MathewBiddle commented 2 years ago

Bringing this back to the SanctSound discussion. There are three images we can use:

IOOS-tile Screen Shot 2022-03-21 at 8 38 16 PM SanctSound

From Jennifer Brown:

we realize that placement of the tile on the page is IOOS's call, but would respectfully ask that the tile be somewhere further up on the page during the roll-out of this product, understanding that it might not always stay there. If further input is welcomed, we suggest avoiding putting it next to the 'Compliance Checker' or the 'Regional Associations' tiles as the color schemes of those will blend and make them hard to discriminate from each other.

Previously @mwengren said:

Smaller HF Radar tile is ok for now I think, however we will soon have a 1x1 SanctSound tile to add and when that is included, we might want to go back to 2 x 1 HF Radar tile and perhaps expand MBON tile to 2 x 1, and maybe one more to make a full row? Regional Associations tile might be a good candidate for 2 x 1 if necessary.

I think Regional Associations tile should go to 2x1. We should move IOOS By The Numbers down lower and put the SanctSound tile in place of it.

ping @nguyandy

nguyandy commented 2 years ago

@MathewBiddle If we make Regional Associations 2x1, does that mean the new top row will be

MathewBiddle commented 2 years ago

humm, that wont work. I would like to keep model viewer 2x1. Then Sanctsound (1x1), then IOOS by the numbers (1x1)

What if we shrunk Gliders to 1x1 and moved regional associations (1x1) to the second row?

nguyandy commented 2 years ago

I think that works!

nguyandy commented 2 years ago

fyi @kvmartin001

MathewBiddle commented 2 years ago

FYI Everything will go live on the 22nd. So, we should have pieces in place to go on next Friday.

MathewBiddle commented 2 years ago

Actually, can we look to push it out Thursday so other folks can take a look before Friday roll out?

MathewBiddle commented 2 years ago

Link should go to https://sanctsound.ioos.us/index.html (not live yet)

nguyandy commented 2 years ago

Actually, can we look to push it out Thursday so other folks can take a look before Friday roll out?

Hey @MathewBiddle, so you want the updates pushed live on https://ioos.us next Thursday (21st)?

MathewBiddle commented 2 years ago

yeah, just so folks can test and make sure everything is working by Friday.

nguyandy commented 2 years ago

Sounds good! fyi @kvmartin001

kvmartin001 commented 2 years ago

Hi @mwengren @MathewBiddle, I am on @nguyandy's dev team and have made the edits mentioned here. I can't tag reviewers on the PR, so figured I would tag you here. Thanks!

nguyandy commented 2 years ago
Screen Shot 2022-04-12 at 10 11 41 AM Screen Shot 2022-04-12 at 10 12 24 AM Screen Shot 2022-04-12 at 10 12 07 AM
MathewBiddle commented 2 years ago

Thanks @kvmartin001! One comment. Is it possible to have the spelled out "Sanctuary Soundscape" with "(SanctSound)" underneath it both centered if possible, both same size white text like the other tile labels?

Example: image

kvmartin001 commented 2 years ago

@MathewBiddle Sure thing, I'll change the text.

nguyandy commented 2 years ago

@MathewBiddle how does this look?

Screen Shot 2022-04-12 at 11 05 59 PM
MathewBiddle commented 2 years ago

@nguyandy Looks great! Thanks for the quick turn around. Seems like everything is in place for next Thursday.

MathewBiddle commented 2 years ago

FYI, the portal team will be ready for testing of connectivity NLT 1600 eastern today so that Friday April 22 AM eastern is good to go for publicity.

Let me know if there are any last minute items to address as we make the changes.

Thanks for all your hard work on this.