Skip to content

Conversation

@julia-pfarr
Copy link
Member

@julia-pfarr julia-pfarr commented Oct 1, 2025

I made a first draft for the modified landing page. Please give input on

  • color
  • content
  • spacing and other details

Also, since I am not super skilled with html, please review the code and refactor. I guess there's also a lot in the code that is actually not needed/used or could be simplified. I didn't do a proper code review in the end because I am just happy that I got this far at all :-D

I am also imagining some nice figure between the "in a nutshell" and the "stats" section, does anyone have an idea?


📚 Documentation preview 📚: https://bids-website--725.org.readthedocs.build/en/725/

@julia-pfarr
Copy link
Member Author

I don't know why it doesn't show the background image and the images in the sponsors section, it works in my local build

@effigies
Copy link
Contributor

effigies commented Oct 1, 2025

image

https://bids-website--725.org.readthedocs.build/en/assets/img/logos/NIH.png instead of https://bids-website--725.org.readthedocs.build/en/725/assets/img/logos/NIH.png

Not sure how to fix that...

Copy link
Contributor

@effigies effigies left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Possibly just:

Co-authored-by: Chris Markiewicz <[email protected]>
@julia-pfarr
Copy link
Member Author

nice, this worked, thanks @effigies

Copy link
Contributor

@Remi-Gau Remi-Gau left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Did a quick first pass

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

not opposed to having a PR template even if this is is out of the scope of the PR. 😉

maybe let's stick to a single template for now and name it: .github/pull_request_template.md

see: https://docs.github.com/en/communities/using-templates-to-encourage-useful-issues-and-pull-requests/creating-a-pull-request-template-for-your-repository

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

sorry, I didn't know this one slipped in here. I'll change the name. I just wasn't sure if I could remove the other one, because there was already one but I didn't see it being used in the PRs here, so I was confused

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

not a big fan of ducplicating files that we can already exist from the specification sudmodule, maybe just copy it during the build process? or symlink to it?

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Ok, I haven't been working with submodules that much, so didn't know about that. Will change.

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@Remi-Gau I tried it with the submodule, but the logo doesn't show in the preview. Could you make a suggestion for how to solve this?

</div>
</section>

<!-- Stats/Social proof section -->
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I think for those we could maybe add links to the other relevant sections of the website

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

You mean that if I click on "2000+ public datasets", for example, it should direct me to the "Datasets" section of our BIDS website?

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

yes exactly

</div>
</div>
</section>

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I feel we should have a 2 liners text describing BIDS below the hero and the feature section, otherwise it feels a bit empty

Or simpler reduce vertical spacing the mdx-containers?

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

maybe reduce the vertical spacing because in the feature section there is already text describing BIDS? But I'm fine with either. After the feature section I also feel like we need something between feature and stats section. Do you have an idea for a nice figure @Remi-Gau ? Nothing too complex. Like the current one I (this mermaid diagram) I find too intimidating for the landing page :-D

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Or maybe add the benefits section from the current one?

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

wonder if we could use scss to make it easier to navigate the css overall, seems that mkdocs material does it but it is not mentioned in the mkdocs so I figure we may have to generate the css at build time

https://github.com/squidfunk/mkdocs-material/blob/master/src/overrides/assets/stylesheets/custom.scss

margin-left: 0 !important;
}

/* Mobile adjustments */
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I think there are some issues with the look on tablet and mobile but I would leave this kind of tweaking to a follow up PR.

Image

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

to make the review easier we could keep all the @media adjustements for a follow up PR

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Yes, good idea. And yes, I haven't been paying attention to tablet and phone adjustments, just focused on keeping the stuff going for laptop

Copy link
Contributor

@christinerogers christinerogers left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Love it. 👏
I'd go with blue or green for easier on the eyes, but no objection to the red if everyone loves it.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants