To discuss with Sam

[jules32]

A few things to discuss

1. ideas for less redundancy on resources.qmd headers (related to yellow boxes #23 ). How to make this look different-enough but reuse visuals from the Initiatives page?
2. highlighting navbar menus when they are clicked? see #25
3. freeze
4. page-hypens rather than page_underscores

[jules32]

Rethink Resources page

Reorg this page based on user-type: If you're interested in x, see this. Sam took notes, 2 comments below this one –

[samanthacsik]

INITIATIVES PAGE

Rethinking yellow boxes / arrangement

• goal: highlight important links in yellow box; other text outside of box

[samanthacsik]

Users:

try adding icons for each?

• do you use NASA Earthdata and are interested in transiting your workflow to the cloud? > COOKBOOK
• do you want to revisit or share CP resources? > LESSON SERIES
• do you want to reuse our facilitation style/approach > OAG
• are you looking for NOAA fisheries-specific guidelines > NOAA
• are you looking for CA waterboards-specific guidelines > CA water
• are you looking for hands-on reproducible research or collaborative documentation tutorials? > Quarto & R for Excel

[jules32]

Let's try only 2 quotes: Ileana and Malin Malin's headshot: https://twitter.com/pinskylab/

[jules32]

TEAMS PAGE

Note to Sam: Old code from distill site - update with new CSS grid to make wider

[samanthacsik]

Events & Blogs

• grab any new events/blogs

[jules32]

Navbar submenu

Hi Sam, another topic we discussed - to check whether we can:

1) highlight the navbar item when you've clicked to reveal its pull-down 2) indent the sub-items on the initiatives page:

[samanthacsik]

@jules32 @stefaniebutland I've been playing around with the resources page, trying to find a way to keep things simple (i.e. less text, fewer links) and organizing by user-type. For some reason, this has been really hard for me to reimagine, and I'm currently stuck on this:

I'm not sure how I feel about it, but I'm also struggling to find another way to present this info in a way -- I've tried different variations on a bullet point list and haven't been stoked on any of them.

Curious to hear your thoughts! (changes on the resources-reorg branch if you want to build locally)

[jules32]

Hi Sam!

I like what you've done with the boxes and icons, let's go with that!

[samanthacsik]

@jules32 another update for ya! wanted to get your thoughts on the following changes to the yellow boxes on the Initiatives page. We spoke (above, 3rd comment from the top) about moving some text from inside the yellow boxes to outside and next to the boxes (reserving the yellow boxes for main links):

I tried fiddling with this and couldn't get things to look quite neat. I also wasn't able to fully avoid redundant text (still felt like the links inside the boxes needed some context/explanation, and moving that outside the yellow box made it seem disjointed).

Instead, I've kept all text inside the yellow boxes, but (1) made the boxes a bit smaller i.e. they don't stretch the full width of the page and (2) changed the title of each box to "___ Resources" to avoid redundancy in the box titles and following linked materials:

I also added a yellow box to the bottom of the Resources page, directing folks to the initiatives page. I'm hoping the yellow box here will help users recognize the yellow boxes on the Initiatives page as a place to look for resources?

Let me know what you think (can definitely keep iterating) :)

[jules32]

Hi Sam, I like this! Thanks for all the iterating, I think this is the way to go :)

[samanthacsik]

Re:

Navbar submenu

Hi Sam, another topic we discussed - to check whether we can:

1. highlight the navbar item when you've clicked to reveal its pull-down
2. indent the sub-items on the initiatives page:

I unfortunately haven't been able to figure either of these out fully :( I was able to borrow some CSS that at least highlights the navbar item when a drop down menu is opened, e.g.:

but it doesn't stay highlighted once the user clicks on a submenu item and is navigated to that page.

And I haven't been able to figure out any sort of indentation of drop down list items, but maybe that feature is coming one day?!