Adds styling, base content, and new template

[barnesjoseph]

No description provided.

[jakevdp]

I think this was an early draft of the logo. Do you have an updated version?

[barnesjoseph]

Our designer confirmed this is the most updated image.

[jakevdp]

I think lines 20-22 are unnecessary because we don't have any API docs.

[barnesjoseph]

Removed

[jakevdp]

The length of the underline should match the length of the test (I believe sphinx generates warnings if it doesn't)

[barnesjoseph]

Updated

[jakevdp]

This looks like an early draft of the content copy – we'll need to update before we can merge this PR.

[barnesjoseph]

It is an early version, I'm still waiting on final copy but will update soon.

[trallard]

@barnesjoseph we recently made updates to swap from the Alabaster theme to JupyterBook (as in the JAX docs) - ref: #101

There might now be some conflicts between main and your PR. Would you be able to look into and resolve these?
Feel free to ping if you need an extra set of eyes 👀

[barnesjoseph]

@barnesjoseph we recently made updates to swap from the Alabaster theme to JupyterBook (as in the JAX docs) - ref: #101

There might now be some conflicts between main and your PR. Would you be able to look into and resolve these? Feel free to ping if you need an extra set of eyes 👀

I've merged main into my branch and resolved conflicts.

[trallard]

Thanks for the super quick update, @barnesjoseph! I just had a quick check, and everything seems okay with the PR build.

Something I noticed is that the tutorials/docs do not have a logo shown. For example, the JAX documentation shows the JAX logo (screenshots included)

So, I wanted to check if this is intentional or if the logo should also be added to the tutorial sidebar.

Also, when hovering over the buttons in light mode, the background colour darkens, which has decent enough contrast with the white text; however, in dark mode and due to the

.button-primary:visited:hover {
    color: white !important;
}

The button background lightens, and the minimal contrast between it and the text makes it hard to read (which hinders accessibility). I thought I would flag this up but not mark it as a must-fix for now (screenshot attached below).

[barnesjoseph]

Thanks for the super quick update, @barnesjoseph! I just had a quick check, and everything seems okay with the PR build.

Something I noticed is that the tutorials/docs do not have a logo shown. For example, the JAX documentation shows the JAX logo (screenshots included)

So, I wanted to check if this is intentional or if the logo should also be added to the tutorial sidebar.

Also, when hovering over the buttons in light mode, the background colour darkens, which has decent enough contrast with the white text; however, in dark mode and due to the

.button-primary:visited:hover {
    color: white !important;
}

The button background lightens, and the minimal contrast between it and the text makes it hard to read (which hinders accessibility). I thought I would flag this up but not mark it as a must-fix for now (screenshot attached below).

I've added some updated CSS to fix the button contrast issue on dark mode. Regarding the docs image comment, this is not in scope for the work my team was tasked with. Our work on this project has concluded as of a couple weeks ago and only pertains directly to the landing page, so any other changes from this point should be directed to Jake.

[trallard]

Thanks for the context. Will bring up the logo item with the rest of the team then.