fix: updated docs with higher res screenshots and fixed typos/errors …

…in code (#382) * updated docs with higher res screenshots and to fix typos/errors in code * minor docs updates and saving/reading as python file * made slight change to handle multine cell definitions in parser * restored backend and moved saving to python file to new branch * fix: Restore yarn lock and remove unwanted changes * fix: space --------- Co-authored-by: Red Giuliano <red.giuliano@zero-true.com> Co-authored-by: Carson-Shaar <carson.shaar@zero-true.com>
Zero-True · Dec 11, 2024 · efa5add · efa5add
1 parent 43f829f
commit efa5add
Show file tree

Hide file tree

Showing 27 changed files with 51 additions and 6,265 deletions.
diff --git a/mintlify-docs/blogs/Buttons in zero-true.mdx b/mintlify-docs/blogs/Buttons in zero-true.mdx
@@ -7,8 +7,9 @@ title: 'Buttons in Zero-True'
 Creating a button in zero-true is very easy. It’s as simple as 
 
 ```py
-import zero-true as zt
-button=zt.Button(id=’btn’)
+import zero_true as zt
+button=zt.Button(id='btn')
+
 ```
 
 ![](/blogs/photos/button.png)
@@ -18,12 +19,20 @@ button=zt.Button(id=’btn’)
 Buttons return True when clicked and False otherwise. There is no need to write callbacks, simply reference buttons as follows.
 
 ```py
-if button.value==True:	print("hello")else:	print("goodbye")
+if button.value==True:
+	print("hello")
+else:
+	print("goodbye")
 ```
 
 ## Button Use Cases
 
-Buttons have a ton of potential use cases in zero-true. The example above uses a button to toggle different printed statements but logic can be used to render more complicated layouts. One of the more common patterns for using buttons in zero-true are gating expensive computations, for example:
+Buttons have a ton of potential use cases in zero-true. 
+The example above uses a button to toggle different printed statements but logic can be used to render more complicated layouts. 
+
+### Expensive Computations
+
+One of the more common patterns for using buttons in zero-true are gating expensive computations, for example:
 
 ```py
 import zero_true as zt 
@@ -33,16 +42,21 @@ def expensive_computation():
 	time.sleep(30)
 
 if button.value==True:
-expensive_computation()
+	expensive_computation()
 
 else:
-print("Press Button to Run Expensive Computation")	
+	print("Press Button to Run Expensive Computation")	
 ```
 
-Another use case for buttons in zero-true is getting user confirmation before submitting a form. In the example below we save feedback that a user submits in a text area under a .txt file under their name.
+![title](/blogs/gifs/button_computation.gif)
+
+### Creating a Form
+
+
+Another use case for buttons in zero-true is getting user confirmation before submitting a form.
+In the example below we save feedback that a user submits in a text area under a .txt file under their name.
 
 
-![title](/blogs/gifs/button_computation.gif)
 
 ```py
 import zero_true as zt
@@ -60,11 +74,12 @@ text_area = zt.TextArea(id='txt_a',label='Write  your feedback here')
 button=zt.Button(id='btn', label= 'Submit you feedback')
 
 if button.value==True and name_input.value:
-write_feedback(name_input.value, text_area.value)
+	write_feedback(name_input.value, text_area.value)
 ```
 
 ![](/blogs/photos/button_form.png)
 
 ##  Customizing your button
 
-You can also add different colors and labels to your button to make things more interesting. Feel free to play around with all the attributes in the documentation.
+You can also add different colors and labels to your button to make things more interesting. 
+Feel free to play around with all the attributes in the documentation.
diff --git a/mintlify-docs/blogs/Displaying a Matplotlib Plot in zero-true.mdx b/mintlify-docs/blogs/Displaying a Matplotlib Plot in zero-true.mdx
diff --git a/mintlify-docs/blogs/Displaying a Pandas DataFrame in zero-true.mdx b/mintlify-docs/blogs/Displaying a Pandas DataFrame in zero-true.mdx
diff --git a/mintlify-docs/blogs/Displaying a Plotly Plot in zero-true.mdx b/mintlify-docs/blogs/Displaying a Plotly Plot in zero-true.mdx
diff --git a/mintlify-docs/blogs/Range Sliders in zero-true.mdx b/mintlify-docs/blogs/Range Sliders in zero-true.mdx
@@ -7,11 +7,11 @@ title: 'Range Sliders in zero-true'
 Creating a rage slider in zero-true is simple. Type:
 
 ```py
-import zero-true as zt
+import zero_true as zt
 range_slider=zt.RangeSlider(id='slider')
 ```
 
-![][image1]
+![](/blogs/photos/range_slider.png)
 
 Run the cell in your notebook, and watch the range slider appear below.
 
@@ -26,7 +26,7 @@ min = range_slider.value[1]
 print("Min val is "+str(min)+ " and max val is "+str(max))
 ```
 
-## ![][image2]
+![](/blogs/photos/range_slider2.png)
 
 ## Range Slider Use Cases
 

diff --git a/mintlify-docs/blogs/Running a cell on a timer.mdx b/mintlify-docs/blogs/Running a cell on a timer.mdx
@@ -0,0 +1,3 @@
+---
+title: 'Running Cells on a Timer'
+---
diff --git a/mintlify-docs/blogs/Sliders in zero-true.mdx b/mintlify-docs/blogs/Sliders in zero-true.mdx
diff --git a/mintlify-docs/blogs/Text Areas in zero-true.mdx b/mintlify-docs/blogs/Text Areas in zero-true.mdx
diff --git a/mintlify-docs/blogs/Text Inputs in zero-true.mdx b/mintlify-docs/blogs/Text Inputs in zero-true.mdx
diff --git a/mintlify-docs/blogs/UI Components in zero-true.mdx b/mintlify-docs/blogs/UI Components in zero-true.mdx
@@ -11,7 +11,7 @@ Some components in zero-true are static, they can be used to display information
 * zt.Image  
 * zt.Text  
 * zt.Matplotlib  
-  zt.Plotly  
+* zt.Plotly  
 * zt.DataFrame  
 * zt.Layout  
 * zt.Row  

diff --git a/mintlify-docs/blogs/photos/button.png b/mintlify-docs/blogs/photos/button.png
diff --git a/mintlify-docs/blogs/photos/button_form.png b/mintlify-docs/blogs/photos/button_form.png
diff --git a/mintlify-docs/blogs/photos/dataframe.png b/mintlify-docs/blogs/photos/dataframe.png
diff --git a/mintlify-docs/blogs/photos/matplotlib.png b/mintlify-docs/blogs/photos/matplotlib.png
diff --git a/mintlify-docs/blogs/photos/merged_csv_2024-11-20_1.csv b/mintlify-docs/blogs/photos/merged_csv_2024-11-20_1.csv
diff --git a/mintlify-docs/blogs/photos/plotly.png b/mintlify-docs/blogs/photos/plotly.png
diff --git a/mintlify-docs/blogs/photos/range_slider.png b/mintlify-docs/blogs/photos/range_slider.png
diff --git a/mintlify-docs/blogs/photos/range_slider_2.png b/mintlify-docs/blogs/photos/range_slider_2.png
diff --git a/mintlify-docs/blogs/photos/slider.png b/mintlify-docs/blogs/photos/slider.png
diff --git a/mintlify-docs/blogs/photos/slider2.png b/mintlify-docs/blogs/photos/slider2.png
diff --git a/mintlify-docs/blogs/photos/text_area.png b/mintlify-docs/blogs/photos/text_area.png
diff --git a/mintlify-docs/blogs/photos/text_area_1.png b/mintlify-docs/blogs/photos/text_area_1.png
diff --git a/mintlify-docs/blogs/photos/text_area_2.png b/mintlify-docs/blogs/photos/text_area_2.png
diff --git a/mintlify-docs/blogs/photos/text_area_3.png b/mintlify-docs/blogs/photos/text_area_3.png
diff --git a/mintlify-docs/blogs/photos/text_input.png b/mintlify-docs/blogs/photos/text_input.png
diff --git a/mintlify-docs/blogs/photos/text_input_1.png b/mintlify-docs/blogs/photos/text_input_1.png
diff --git a/mintlify-docs/mint.json b/mintlify-docs/mint.json
@@ -63,6 +63,7 @@
         "blogs/Range Sliders in zero-true",
         "blogs/Text Inputs in zero-true",
         "blogs/Text Areas in zero-true",
+        "blogs/Displaying a Pandas DataFrame in zero-true",
         "blogs/Displaying a Matplotlib Plot in zero-true",
         "blogs/Displaying a Plotly Plot in zero-true",
         "CLI",