geojupyter · mfisher87 · Feb 16, 2025 · Feb 15, 2025 · Feb 16, 2025 · Feb 16, 2025
diff --git a/.pre-commit-config.yaml b/.pre-commit-config.yaml
@@ -37,4 +37,4 @@ repos:
     rev: v6.2.4
     hooks:
       - id: rstcheck
-        args: ['--ignore-directives=tabs,toctree,autoclass,cssclass,include', '--report-level=warning']
+        args: ['--ignore-directives=jupyterlite,tabs,toctree,autoclass,cssclass,include', '--report-level=warning']
diff --git a/docs/assets/css/custom.css b/docs/assets/css/custom.css
@@ -1,17 +1,17 @@
-.try-in-jupyterlite-button a {
+.try_examples_button {
   background-color: #f7dc1e;
-  color: black;
-  text-decoration: none;
-
   border: none;
   padding: 5px 10px;
   border-radius: 15px;
   font-family: vibur;
   font-size: larger;
   box-shadow: 0 2px 5px rgba(108, 108, 108, 0.2);
+  color: black;
 }
 
-.try-in-jupyterlite-button a:hover {
+.try_examples_button:hover {
+  transform: scale(1.02);
+  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
+  cursor: pointer;
   color: white;
-  box-shadow: 0 2px 5px #f7dc1e;
 }
diff --git a/docs/index.rst b/docs/index.rst
@@ -2,9 +2,9 @@
 JupyterGIS
 ==========
 
-.. cssclass:: try-in-jupyterlite-button
-
-  `Try it with JupyterLite! <lite/>`_
+.. jupyterlite::
+   :new_tab: True
+   :new_tab_button_text: Try it with JupyterLite!
 
 JupyterGIS is a JupyterLab extension for collaborative GIS (Geographical Information System). It is designed to
 allow multiple people to work on the same geospatial project simultaneously, facilitating discussion and collaboration

diff --git a/docs/user_guide/index.md b/docs/user_guide/index.md
@@ -2,9 +2,9 @@
 
 Thanks for trying out JupyterGIS!
 
-```{cssclass} try-in-jupyterlite-button
-
-[Try it with JupyterLite!](lite/)
+```{jupyterlite}
+:new_tab: True
+:new_tab_button_text: Try it with JupyterLite!
 ```
 
 JupyterGIS offers: