mirror of
https://github.com/Textualize/textual.git
synced 2025-10-17 02:38:12 +03:00
disable live demos
This commit is contained in:
@@ -28,14 +28,7 @@ I wanted to write-up some of the solutions we came up with, and the 1.0 mileston
|
||||
|
||||
<!-- more -->
|
||||
|
||||
If you haven't followed along with Textual's development, here is a demo of what it can do.
|
||||
This is a Textual app, running remotely, served by your browser:
|
||||
|
||||
<a href="https://textual-web.io/textualize/demo" target="_blank">
|
||||
Launch Textual Demo
|
||||
</a>
|
||||
|
||||
I cheaped out on the VMs — so if the demo is down, you could run it locally (with [uv](https://docs.astral.sh/uv/)):
|
||||
Run the demo with a single line (with [uv](https://docs.astral.sh/uv/) is installed):
|
||||
|
||||
```
|
||||
uvx --python 3.12 textual-demo
|
||||
|
||||
@@ -633,10 +633,6 @@ Here's a sketch of what the app should ultimately look like:
|
||||
|
||||
There are three types of built-in widget in the sketch, namely ([Input](../widgets/input.md), [Label](../widgets/label.md), and [Switch](../widgets/switch.md)). Rather than manage these as a single collection of widgets, we can arrange them into logical groups with compound widgets. This will make our app easier to work with.
|
||||
|
||||
??? textualize "Try in Textual-web"
|
||||
|
||||
<div class="textual-web-demo" data-app="byte03"></div>
|
||||
|
||||
### Identifying components
|
||||
|
||||
We will divide this UI into three compound widgets:
|
||||
|
||||
@@ -26,12 +26,6 @@ Here's our sketch:
|
||||
|
||||
It's rough, but it's all we need.
|
||||
|
||||
|
||||
??? textualize "Try in Textual-web"
|
||||
|
||||
<div class="textual-web-demo" data-app="layout06"></div>
|
||||
|
||||
|
||||
## Tip 2. Work outside in
|
||||
|
||||
Like a sculpture with a block of marble, it is best to work from the outside towards the center.
|
||||
|
||||
@@ -6,7 +6,7 @@ The packaging process for Textual apps is much the same as any Python library, w
|
||||
|
||||
!!! tip
|
||||
|
||||
An alternative to packaging your app is to turn it into a web application with [textual-web](https://github.com/Textualize/textual-web).
|
||||
An alternative to packaging your app is to turn it into a web application with [textual-serve](https://github.com/Textualize/textual-serve).
|
||||
|
||||
In this How To we will cover how to use [Hatch](https://github.com/pypa/hatch) to package an example application.
|
||||
|
||||
|
||||
@@ -24,7 +24,7 @@ Welcome to the [Textual](https://github.com/Textualize/textual) framework docume
|
||||
Textual is a *Rapid Application Development* framework for Python, built by [Textualize.io](https://www.textualize.io).
|
||||
|
||||
|
||||
Build sophisticated user interfaces with a simple Python API. Run your apps in the terminal *or* a [web browser](https://github.com/Textualize/textual-web)!
|
||||
Build sophisticated user interfaces with a simple Python API. Run your apps in the terminal *or* a [web browser](https://github.com/Textualize/textual-serve)!
|
||||
|
||||
|
||||
|
||||
@@ -78,14 +78,6 @@ Build sophisticated user interfaces with a simple Python API. Run your apps in t
|
||||
</div>
|
||||
|
||||
|
||||
---
|
||||
|
||||
# Live Demo
|
||||
|
||||
The official [Textual demo](https://github.com/textualize/textual-demo).
|
||||
|
||||
<div class="textual-web-demo" data-app="demo"></div>
|
||||
|
||||
|
||||
---
|
||||
|
||||
|
||||
@@ -37,21 +37,6 @@ Here's what the finished app will look like:
|
||||
This is the [Command Palette](./guide/command_palette.md).
|
||||
You can think of it as a dedicated command prompt for your app.
|
||||
|
||||
### Try it out!
|
||||
|
||||
The following is *not* a screenshot, but a fully interactive Textual app running in your browser.
|
||||
|
||||
|
||||
!!! textualize "Try in Textual-web"
|
||||
|
||||
<div class="textual-web-demo" data-app="tutorial"></div>
|
||||
|
||||
|
||||
!!! tip
|
||||
|
||||
See [textual-web](https://github.com/Textualize/textual-web) if you are interested in publishing your Textual apps on the web.
|
||||
|
||||
|
||||
### Get the code
|
||||
|
||||
If you want to try the finished Stopwatch app and follow along with the code, first make sure you have [Textual installed](getting_started.md) then check out the [Textual](https://github.com/Textualize/textual) repository:
|
||||
|
||||
Reference in New Issue
Block a user