Improve docs landing page (#163)

* Improve docs landing page

* Missing extensions

* Linter

Author: martinRenou

docs/build-environment.yml

@@ -12,6 +12,7 @@ dependencies:
   - typer
   - linkify-it-py
   - myst-parser
+  - sphinx-design
   - pydata-sphinx-theme
   - jupyterlab >=4.0.5,<5
   - jupyterlite-core >=0.2,<0.5

docs/conf.py

@@ -1,10 +1,12 @@
 extensions = [
     "jupyterlite_sphinx",
     "myst_parser",
+    "sphinx_design",
 ]
 
 myst_enable_extensions = [
     "linkify",
+    "colon_fence",
 ]
 
 master_doc = "index"

docs/index.md

@@ -16,6 +16,9 @@ We are also working on bringing [xeus-cpp](https://github.com/compiler-research/
 
 Try it here!
 
+::::{tab-set}
+:::{tab-item} Python
+
 ```{eval-rst}
 .. replite::
    :kernel: xpython
@@ -35,18 +38,26 @@ Try it here!
    m
 ```
 
+:::
+:::{tab-item} Lua
+
 ```{eval-rst}
 .. replite::
    :kernel: xlua
    :height: 600px
+   :prompt: Try Lua!
 
    print("Hello from xeus-lua!")
 ```
 
+:::
+:::{tab-item} R
+
 ```{eval-rst}
 .. replite::
    :kernel: xr
    :height: 600px
+   :prompt: Try R!
 
    print("Hello from R!")
 
@@ -60,6 +71,9 @@ Try it here!
    print(eigen_result$vectors)
 ```
 
+:::
+::::
+
 ## Installation
 
 You can install `jupyterlite-xeus` with conda/mamba