Openscapes / website-new

Openscapes.org website, made with Quarto and GitHub, published with Netlify
https://openscapes.org
7 stars 3 forks source link

To discuss with Sam #28

Open jules32 opened 1 year ago

jules32 commented 1 year ago

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 commented 1 year ago

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 commented 1 year ago

INITIATIVES PAGE

Rethinking yellow boxes / arrangement

Screen Shot 2023-06-14 at 6 22 28 PM
samanthacsik commented 1 year ago

Users:

try adding icons for each?

jules32 commented 1 year ago

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

jules32 commented 1 year ago

TEAMS PAGE

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

samanthacsik commented 1 year ago

Events & Blogs

jules32 commented 1 year ago

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:

image
samanthacsik commented 1 year ago

@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:

Screen Shot 2023-06-17 at 10 22 50 PM Screen Shot 2023-06-17 at 10 22 58 PM

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.

Screen Shot 2023-06-17 at 10 36 35 PM

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

jules32 commented 1 year ago

Hi Sam!

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

samanthacsik commented 1 year ago

@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):

Screen Shot 2023-06-19 at 5 19 56 PM

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:

Screen Shot 2023-06-19 at 5 13 29 PM

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?

Screen Shot 2023-06-19 at 5 06 41 PM

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

jules32 commented 1 year ago

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

samanthacsik commented 1 year ago

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:
image

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.:

Screen Shot 2023-06-20 at 9 23 03 AM

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?!