Fix "Try it with JupyterLite" button in user guide

[mfisher87]

It was a relative link but lite is installed at the root. The button on the index page works fine, but the button in the user guide doesn't work.

Replacing with /lite also doesn't work (see comments below). I switched to using the jupyterlite directive provided by jupyterlite-sphinx. Pretty sweet, but it doesn't include CSS. I opened a PR on the jupyterlite-sphinx repo to fix a constrast issue with their CSS and also ask about why the CSS wasn't bundled: jupyterlite/jupyterlite-sphinx#269

---

📚 Documentation preview: https://jupytergis--470.org.readthedocs.build/en/470/
💡 JupyterLite preview: https://jupytergis--470.org.readthedocs.build/en/470/lite

[github-actions]

👈 Launch a Binder on branch mfisher87/jupytergis/fix-lite-button

[github-actions]

Integration tests report: appsharing.space

[mfisher87]

With da6ca65, the generated URL is https://jupytergis--470.org.readthedocs.build/en/470/user_guide/index.html#/lite. :( In any case, looks like the sphinx extension we're using has been capable of rendering buttons the whole time!

However, the button renders extremely inaccessibly. The white-on-yellow text is almost impossible for me to read with excellent vision ( 🤜 🪵 ). Contrast is 1.34:1 when WCAG AA guidelines specify a minimum of 4.5:1.

[mfisher87]

  + zeromq                                  4.3.5  h3b0a872_7          conda-forge     335kB
  + zipp                                   3.21.0  pyhd8ed1ab_1        conda-forge      22kB
  + zstandard                              0.23.0  py312hef9b889_1     conda-forge     420kB
  + zstd                                    1.5.6  ha6fb4c9_0          conda-forge     555kB

  Summary:

  Install: 175 packages

  Total download: 96MB

──────────────────────────────────────────────────────────────────────────────────────────────


Confirm changes: [Y/n] 
Transaction starting
Unexpected error 9 on netlink descriptor 7.
Aborted (core dumped)

Weird... RTD hiccup? EDIT: Yes, re-running the build fixed it.

[mfisher87]

Ugh. Using the directive creates a functional button, but it looks like:

[mfisher87]

CSS copied from jupyterlite-sphinx project's docs

[arjxn-py]

Thanks for this and the followed you opened on jupyterlite-sphinx. Looks Good to me :)

[mfisher87]

Thanks for the review! ❤️