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.

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
Show file tree
Hide file tree
Changes from all commits
Commits
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
66 changes: 66 additions & 0 deletions footer.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,66 @@
<!-- This flow div controls the row of logos, matching heights, shifts to columns at small screen size -->
:::::{div}
:class: mx-auto flex flex-col md:flex-row md:items-stretch gap-4 p-4

% example of dark-mode only div
````{div}
:class: flex-1 min-w-0 h-64 items-center justify-center hidden dark:block
```{image} https://raw.githubusercontent.com/ProjectPythia/pythia-config/main/logos/UAlbany.svg
:alt: UAlbany Logo
:align: center
```
````

% example of light-mode only div
````{div}
:class: flex flex-1 min-w-0 h-64 items-center justify-center dark:hidden
```{image} https://raw.githubusercontent.com/ProjectPythia/pythia-config/main/logos/UAlbany.svg
:alt: UAlbany Logo
:align: center
```
````

````{div}
:class: flex flex-1 min-w-0 h-64 items-center justify-center
```{image} https://raw.githubusercontent.com/ProjectPythia/pythia-config/main/logos/NSF-NCAR.png
:alt: NCAR Logo
:align: center
```
````

````{div}
:class: flex flex-1 min-w-0 h-64 items-center justify-center
```{image} https://raw.githubusercontent.com/ProjectPythia/pythia-config/main/logos/NSF-Unidata.png
:alt: Unidata Logo
:align: center
```
````

````{div}
:class: flex flex-1 min-w-0 h-64 items-center justify-center
```{image} https://raw.githubusercontent.com/2i2c-org/2i2c-org.github.io/main/assets/media/logo.svg
:alt: 2i2c Logo
:align: center
:width: 64
```
````{div}
:::::

<!-- This flow div controls the following row of logo + text, matching heights and scaling widths, and shifts to columns at small screen size -->
:::::{div}
:class: mx-auto flex flex-col md:flex-row md:items-stretch gap-4 p-4

% TODO: I think this image width spec could be handled better by the divs - not sure
````{div}
:class: flex items-center justify-center
```{image}https://raw.githubusercontent.com/ProjectPythia/pythia-config/main/logos/nsf.jpg
:alt: NSF Logo
:width: 100
```
````

````{div}
:class: flex-1
The [Project Pythia website](https://projectpythia.org), [Pythia Foundations](https://foundations.projectpythia.org), and the shared [Pythia 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.
````
:::::
4 changes: 4 additions & 0 deletions myst.yml
Original file line number Diff line number Diff line change
Expand Up @@ -88,3 +88,7 @@ project:
- file: appendix/how-to-contribute.md
children:
- file: appendix/template.ipynb

site:
parts:
footer: footer.md