Skip to content

Add footer with updated text #536

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Draft
wants to merge 4 commits into
base: main
Choose a base branch
from
Draft

Add footer with updated text #536

Changes from 2 commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
f340064
myst.yml
brian-rose Jun 24, 2025
bbd7bf6
[pre-commit.ci] auto fixes from pre-commit.com hooks
pre-commit-ci[bot] Jun 24, 2025
8e3e231
text tweak
brian-rose Jun 24, 2025
482563a
Refactor content divs and footer path
dcamron Jun 30, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
35 changes: 35 additions & 0 deletions myst.yml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -88,3 +88,38 @@ project:
- file: appendix/how-to-contribute.md
children:
- file: appendix/template.ipynb

site:
parts:
footer: |
:::::{grid} 4
:class: items-center
Copy link
Member

Choose a reason for hiding this comment

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

The logos don't look exactly centered in the preview, though they look fine on the portal.

Copy link
Member Author

Choose a reason for hiding this comment

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

The preview shows exactly how they will look. They aren't exactly centered because the 2i2c logo has much narrower width than the other logos.

I don't know why :class: items-center doesn't center each image in its grid element. Maybe there's a different CSS class that we can use. But I'm not very knowledgeable about this.

Copy link
Contributor

Choose a reason for hiding this comment

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

```{image} <url>
:align: center
```

May help here. I haven't tried locally


```{image} https://raw.githubusercontent.com/ProjectPythia/pythia-config/main/logos/UAlbany.svg
Copy link
Member

Choose a reason for hiding this comment

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

I think the slightly taller UAlbany logo (Minerva 2 on this page) would fit better with the size of the other logos. Also, I think it would look better if all logos had the same height.

Copy link
Member Author

Choose a reason for hiding this comment

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

Do you like the "gold with black text" version, purple & white, or black & white here?

Copy link
Member

Choose a reason for hiding this comment

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

I'd say gold & black.

This isn't high priority, but if there's an option to change it based on light/dark mode, it would be nice to have gold & white in dark mode (and similar for the other logos if available).

Copy link
Member Author

Choose a reason for hiding this comment

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

Figuring out how to support different images in the footer for dark and light mode is not in scope for now, but please open an issue to track it.

Copy link
Contributor

Choose a reason for hiding this comment

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

These classes should work, though I'm not sure how hidden divs will interact with grid numbering. That can be for the future once the footer lives upstream, though.

Copy link
Contributor

Choose a reason for hiding this comment

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

I confirmed locally that they do work. We can specify light and dark mode images and the grid will behave appropriately (now or in the future 😉 )

:alt: UAlbany Logo
```

```{image} https://raw.githubusercontent.com/ProjectPythia/pythia-config/main/logos/NSF-NCAR.png
:alt: NCAR Logo
```

```{image} https://raw.githubusercontent.com/ProjectPythia/pythia-config/main/logos/NSF-Unidata.png
:alt: Unidata Logo
```

```{image} https://raw.githubusercontent.com/2i2c-org/2i2c-org.github.io/main/assets/media/logo.svg
:alt: 2i2c Logo
```

:::::

:::::{div}
:class: flex items-center gap-4 text-disclaimer

```{image} https://raw.githubusercontent.com/ProjectPythia/pythia-config/main/logos/nsf.jpg
:alt: NSF Logo
:height: 60px
```

The [Project Pythia website](https://projectpythia.org), [Pythia Foundations](https://foundations.projectpythia.org), and the shared [Cookbook](https://cookbooks.projectpythia.org) infrastructure are based upon work supported by the National Science Foundation awards 2026899, 2026863, 2324302, 2324303 and 2324304. Any opinions, findings, and conclusions or recommendations expressed in this material are those of the author(s) and do not necessarily reflect the views of the National Science Foundation.
:::::