yannickfunk
diff --git a/‎docs/concepts/what-is-pyscript.md
Lines changed: 3 additions & 1 deletion b/‎docs/concepts/what-is-pyscript.md
Lines changed: 3 additions & 1 deletion
diff --git a/‎docs/conf.py
Lines changed: 1 addition & 0 deletions b/‎docs/conf.py
Lines changed: 1 addition & 0 deletions
diff --git a/‎docs/environment.yml
Lines changed: 2 additions & 0 deletions b/‎docs/environment.yml
Lines changed: 2 additions & 0 deletions
diff --git a/‎docs/tutorials/getting-started.md
Lines changed: 19 additions & 4 deletions b/‎docs/tutorials/getting-started.md
Lines changed: 19 additions & 4 deletions
@@ -9,8 +9,10 @@ PyScript turns the browser into a code deployment tool that a
8000
nyone can learn to
 In this example, we are using the `<py-script>` HTML tag to generate a Matplotlib figure and display it as an image.
 Click **Preview** to see the rendered HTML.
 
-To try it in your browser, copy the HTML source to a new HTML file and double-click it to open.
+To try it in your browser, copy the code below into an online HTML editor like W3School's [Tryit Editor](https://www.w3schools.com/html/tryit.asp?filename=tryhtml_default_default), which allows you to modify, run, and even save your code. Watch the video below to see it in action!
 
+```{youtube} ZtC7TCt_LhU
+```
 
 ::::{tab-set}
 :::{tab-item} HTML Source
 
@@ -35,6 +35,7 @@
     "sphinx_togglebutton",
     "sphinx_sitemap",
     "sphinxemoji.sphinxemoji",
+    "sphinxcontrib.youtube",
 ]
 
 # Add any paths that contain templates here, relative to this directory.
 
@@ -10,7 +10,9 @@ dependencies:
 -   sphinx-copybutton
 -   sphinx-design
 -   sphinx-togglebutton
+
 -   pip:
     -   sphinxemoji
     -   sphinx-sitemap
     -   sphinx-autobuild
+    -   sphinxcontrib-youtube
@@ -72,13 +72,13 @@ print(s)
 
 ### Writing into labeled elements
 
-In the example above, we had a single `<py-script>` tag and it printed
+In the example above, we had a single `<py-script>` tag printing
 one or more lines onto the page in order. Within the `<py-script>`, you
 have access to the `pyscript` module, which provides a `.write()` method
 to send strings into labeled elements on the page.
 
 For example, we'll add some style elements and provide place holders for
-the `<py-script>` tag write to.
+the `<py-script>` tag to write to.
 
 ```html
 <html>
@@ -109,12 +109,12 @@ pyscript.write('pi', f'π is approximately {pi:.3f}')
 </html>
 ```
 
-## Packages and modules
+## The py-env tag
 
 In addition to the [Python Standard Library](https://docs.python.org/3/library/) and
 the `pyscript` module, many 3rd-party OSS packages will work out-of-the-box with PyScript.
 
-In order to use them, you will need to declare the dependencies using the `<py-env>` in the
+In order to use them, you will need to declare the dependencies using the `<py-env>` tag in the
 HTML head. You can also link to `.whl` files directly on disk like in our [toga example](https://github.com/pyscript/pyscript/blob/main/pyscriptjs/examples/toga/freedom.html).
 
 ```
@@ -207,3 +207,18 @@ fig
   </body>
 </html>
 ```
+## The py-repl tag
+
+The `<py-repl>` tag creates a REPL component that is rendered to the page as a code editor, allowing you to write executable code inline.
+
+## Visual components
+
+The following tags control visual attributes of your HTML page.
+
+| Tag             | Description |
+| ---             | ----------- |
+| `<py-inputbox>` | TBD         |
+| `<py-box>`      | TBD         |
+| `<py-button>`   | TBD         |
+| `<py-list>`     | TBD         |
+| `<py-title>`    | TBD         |
Original file line number	Diff line number	Diff line change
`@@ -35,6 +35,7 @@`
`35`	`35`	`"sphinx_togglebutton",`
`36`	`36`	`"sphinx_sitemap",`
`37`	`37`	`"sphinxemoji.sphinxemoji",`
	`38`	`+ "sphinxcontrib.youtube",`
`38`	`39`	`]`
`39`	`40`
`40`	`41`	`# Add any paths that contain templates here, relative to this directory.`