diff --git a/docs/framework/builder-basics.mdx b/docs/framework/builder-basics.mdx index 7d67e1435..5eee6a07e 100644 --- a/docs/framework/builder-basics.mdx +++ b/docs/framework/builder-basics.mdx @@ -10,13 +10,13 @@ You can switch modes between _User Interface_, _Code_ and _Preview_ using the bu ### User Interface -![Streamsync Builder - Mode: User Interface](/docs/framework/images/builder-basics.ui.png) +![Streamsync Builder - Mode: User Interface](/framework/images/builder-basics.ui.png) The default mode. Allows you to focus on building the interface. ### Code -![Streamsync Builder - Mode: Code](/docs/framework/images/builder-basics.code.png) +![Streamsync Builder - Mode: Code](/framework/images/builder-basics.code.png) This mode displays the code editor and the application log, while still allowing you to access the _Component Tree_ and _Settings_. @@ -40,7 +40,7 @@ Exceptions raised by your application are shown here, as log entries. Standard o ### Preview -![Streamsync Builder - Mode: Preview](/docs/framework/images/builder-basics.preview.png) +![Streamsync Builder - Mode: Preview](/framework/images/builder-basics.preview.png) The _Preview_ mode shows the application exactly like the user will see it. It allocates the whole width of the viewport to the app. diff --git a/docs/framework/introduction.mdx b/docs/framework/introduction.mdx index 0d3400a0d..130eeeaa4 100644 --- a/docs/framework/introduction.mdx +++ b/docs/framework/introduction.mdx @@ -6,7 +6,7 @@ title: "Introduction" Streamsync is an open-source framework for creating data apps. Build user interfaces using a visual editor; write the backend code in Python. -![Streamsync Builder screenshot](/docs/framework/public/builder.png) +![Streamsync Builder screenshot](/framework/public/builder.png) It's an alternative to Plotly Dash, Streamlit and Gradio. Its focused on the creation of web applications for data analytics and machine learning. @@ -28,7 +28,7 @@ ss.init_state({ The event handler and state are linked to the UI using Streamsync Builder, the framework's visual editor. -![Counter Increment example](/docs/framework/public/introduction.counter.gif) +![Counter Increment example](/framework/public/introduction.counter.gif) ### Developer-friendly - It's all contained in a standard Python package, just one `pip install` away.