todos

docs/guide/CSS.md

@@ -391,3 +391,7 @@ Button:hover {
   background: blue !important;
 }
 ```
+
+## CSS Variables
+
+TODO: Variables

docs/guide/actions.md

@@ -1 +1,3 @@
 # Actions
+
+TODO: Actions docs

docs/guide/events.md

@@ -1,5 +1,7 @@
 ## Events
 
+TODO: events docs
+
 - What are events
 - Handling events
 - Auto calling base classes

docs/guide/layout.md

@@ -2,6 +2,8 @@
 
 In textual the *layout* defines how widgets will be arranged (or *layed out*) on the screen. Textual supports a number of layouts which can be set either via a widgets `styles` object or via CSS.
 
+TODO: layout docs
+
 ## Vertical 
 
 A vertical layout will place new widgets below previous widgets, starting from the top of the screen.

docs/guide/reactivity.md

@@ -1,5 +1,7 @@
 # Reactivity
 
+TODO: Reactivity docs
+
 - What is reactivity
 - Reactive variables
   - Demo

docs/guide/screens.md

@@ -1,5 +1,7 @@
 # Screens
 
+TODO: Screens docs
+
 - Explanation of screens
 - Screens API
   - Install screen

docs/guide/styles.md

@@ -1,5 +1,7 @@
 # Styles
 
+TODO: Styles docs
+
 - What are styles
 - Styles object on widgets / app
 - Setting styles via CSS

docs/guide/widgets.md

@@ -1,5 +1,7 @@
 # Widgets
 
+TODO: Widgets docs
+
 - What is a widget
 - Defining a basic widget
   - Base classes Widget or Static

docs/index.md

@@ -59,16 +59,10 @@ Textual is a framework for building applications that run within your terminal.
 <hr>
 
 
+```{.textual path="docs/examples/demo.py" columns=100 lines=48}
 
-<!-- TODO: More examples split in to tabs  -->
-
-=== "Example 1"
-
-    ```{.textual path="docs/examples/demo.py" columns=100 lines=48}
-
-    ```
-
-=== "Example 2"
+```
 
+TODO: Add more example screenshots