minor improvements to landing page

Author: rmorshea

docs/Dockerfile

@@ -18,7 +18,6 @@ RUN pip install --upgrade pip
 # Install IDOM
 # ------------
 ADD requirements ./requirements
-ADD .git ./.git
 ADD src ./src
 ADD scripts ./scripts
 ADD setup.py ./

docs/source/_custom_js/src/index.js

@@ -28,7 +28,7 @@ export function mountWidgetExample(
   }
 
   const enableWidgetButton = document.createElement("button");
-  enableWidgetButton.appendChild(document.createTextNode("Enable Widget"));
+  enableWidgetButton.appendChild(document.createTextNode("Activate"));
   enableWidgetButton.setAttribute("class", "enable-widget-button");
 
   enableWidgetButton.addEventListener("click", () =>

docs/source/_examples/hello_world.py

@@ -0,0 +1,9 @@
+from idom import component, html, run
+
+
+@component
+def App():
+    return html.h1(f"Hello, World!")
+
+
+run(App)

docs/source/_exts/widget_example.py

@@ -19,12 +19,15 @@ class WidgetExample(SphinxDirective):
 
     option_spec = {
         "linenos": directives.flag,
-        "live-example-is-default-tab": directives.flag,
+        "result-is-default-tab": directives.flag,
+        "activate-result": directives.flag,
     }
 
     def run(self):
         example_name = self.arguments[0]
         show_linenos = "linenos" in self.options
+        live_example_is_default_tab = "result-is-default-tab" in self.options
+        activate_result = "activate-result" in self.options
 
         py_ex_path = examples / f"{example_name}.py"
         if not py_ex_path.exists():
@@ -34,26 +37,32 @@ def run(self):
             )
 
         labeled_tab_items = {
-            "Python Code": _literal_include_py(
+            "python": _literal_include_py(
                 name=example_name,
                 linenos=show_linenos,
             ),
-            "Live Example": _interactive_widget(
+            "result": _interactive_widget(
                 name=example_name,
-                with_activate_button="live-example-is-default-tab" not in self.options,
+                with_activate_button=not activate_result,
             ),
         }
 
+        labeled_tab_titles = {
+            "python": "Python",
+            "javascript": "Javascript",
+            "result": "▶️ Result",
+        }
+
         if (examples / f"{example_name}.js").exists():
-            labeled_tab_items["Javascript Code"] = _literal_include_js(
+            labeled_tab_items["javascript"] = _literal_include_js(
                 name=example_name,
                 linenos=show_linenos,
             )
 
         tab_label_order = (
-            ["Live Example", "Python Code", "Javascript Code"]
-            if "live-example-is-default-tab" in self.options
-            else ["Python Code", "Javascript Code", "Live Example"]
+            ["result", "python", "javascript"]
+            if live_example_is_default_tab
+            else ["python", "javascript", "result"]
         )
 
         return TabSetDirective(
@@ -62,7 +71,7 @@ def run(self):
             {},
             _make_tab_items(
                 [
-                    (label, labeled_tab_items[label])
+                    (labeled_tab_titles[label], labeled_tab_items[label])
                     for label in tab_label_order
                     if label in labeled_tab_items
                 ]

docs/source/_static/css/larger-headings.css

@@ -4,14 +4,6 @@ h3,
 h4,
 h5,
 h6 {
-  margin-top: 2em !important;
+  margin-top: 1.5em !important;
   font-weight: 900 !important;
 }
-
-h2 {
-  font-size: 1.8em !important;
-}
-
-h3 {
-  font-size: 1.4em !important;
-}

docs/source/_static/css/widget-output-css-overrides.css

@@ -0,0 +1,8 @@
+.widget-container h1,
+.widget-container h2,
+.widget-container h3,
+.widget-container h4,
+.widget-container h5,
+.widget-container h6 {
+  margin: 0 !important;
+}

docs/source/_static/custom.js

@@ -2005,7 +2005,7 @@ function mountWidgetExample(
   }
 
   const enableWidgetButton = document.createElement("button");
-  enableWidgetButton.appendChild(document.createTextNode("Enable Widget"));
+  enableWidgetButton.appendChild(document.createTextNode("Activate"));
   enableWidgetButton.setAttribute("class", "enable-widget-button");
 
   enableWidgetButton.addEventListener("click", () =>

docs/source/_static/idom-in-jupyterlab.gif

@@ -65,7 +65,6 @@
     "patched_html_translator",
     "widget_example",
     "build_custom_js",
-    "myst_parser",
 ]
 
 # Add any paths that contain templates here, relative to this directory.