diff --git a/README.md b/README.md index 7e5d4756a3f..7a4e287d249 100644 --- a/README.md +++ b/README.md @@ -173,7 +173,7 @@ We have a few tools to help with the development of .slint files: - A [**slint-viewer**](./tools/viewer) tool which displays the .slint files. The `--auto-reload` argument makes it easy to preview your UI while you are working on it (when using the LSP preview is not possible). -- An [**online editor**](https://slint-ui.com/editor) to try out .slint syntax +- [**SlintPad**](https://slint-ui.com/editor), an online editor to try out .slint syntax without installing anything ([sources](./tools/online_editor)). - An [**updater**](./tools/updater) to convert the .slint files from previous versions to newer versions. diff --git a/examples/README.md b/examples/README.md index 5e457b55564..ffbaf5dd4db 100644 --- a/examples/README.md +++ b/examples/README.md @@ -6,7 +6,7 @@ These examples demonstrate the main features of Slint and how to use them in dif A fictional user interface for the touch screen of a printer -| `.slint` Design | Rust Source | C++ Source | Node Source | Online wasm Preview | Open in code editor | +| `.slint` Design | Rust Source | C++ Source | Node Source | Online wasm Preview | Open in SlintPad | | --- | --- | --- | --- | --- | --- | | [`ui.slint`](./printerdemo/ui/printerdemo.slint) | [`main.rs`](./printerdemo/rust/main.rs) | [`main.cpp`](./printerdemo/cpp/main.cpp) | [`main.js`](./printerdemo/node/main.js) | [Online simulation](https://slint-ui.com/snapshots/master/demos/printerdemo/) | [Preview in Online Code Editor](https://slint-ui.com/snapshots/master/editor?load_url=https://raw.githubusercontent.com/slint-ui/slint/master/examples/printerdemo/ui/printerdemo.slint) | @@ -16,7 +16,7 @@ A fictional user interface for the touch screen of a printer A simple application showing the different widgets -| `.slint` Design | Rust Source | C++ Source | Online wasm Preview | Open in code editor | +| `.slint` Design | Rust Source | C++ Source | Online wasm Preview | Open in SlintPad | | --- | --- | --- | --- | --- | | [`gallery.slint`](./gallery/gallery.slint) | [`main.rs`](./gallery/main.rs) | [`main.cpp`](./gallery/main.cpp) | [Online simulation](https://slint-ui.com/snapshots/master/demos/gallery/) | [Preview in Online Code Editor](https://slint-ui.com/snapshots/master/editor?load_url=https://raw.githubusercontent.com/slint-ui/slint/master/examples/gallery/gallery.slint) | @@ -26,7 +26,7 @@ A simple application showing the different widgets A simple todo mvc application -| `.slint` Design | Rust Source | C++ Source | NodeJS | Online wasm Preview | Open in code editor | +| `.slint` Design | Rust Source | C++ Source | NodeJS | Online wasm Preview | Open in SlintPad | | --- | --- | --- | --- | --- | --- | | [`todo.slint`](./todo/ui/todo.slint) | [`main.rs`](./todo/rust/main.rs) | [`main.cpp`](./todo/cpp/main.cpp) | [`main.js`](./todo/node/main.js) | [Online simulation](https://slint-ui.com/snapshots/master/demos/todo/) | [Preview in Online Code Editor](https://slint-ui.com/snapshots/master/editor?load_url=https://raw.githubusercontent.com/slint-ui/slint/master/examples/todo/ui/todo.slint) | @@ -38,7 +38,7 @@ A custom carousel widget that can be controlled by touch, mouse and keyboard The example can be run on desktop, wasm and mcu platforms -| `.slint` Design | Rust Source | C++ Source | Node Source | Online wasm Preview | Open in code editor | +| `.slint` Design | Rust Source | C++ Source | Node Source | Online wasm Preview | Open in SlintPad | | --- | --- | --- | --- | --- | --- | | [`ui.slint`](./carousel/ui/carousel_demo.slint) | [`main.rs`](./carousel/rust/main.rs) | [`main.cpp`](./carousel/cpp/main.cpp) | [`main.js`](./carousel/node/main.js) | [Online simulation](https://slint-ui.com/snapshots/master/demos/carousel/) | [Preview in Online Code Editor](https://slint-ui.com/snapshots/master/editor?load_url=https://raw.githubusercontent.com/slint-ui/slint/master/examples/carousel/ui/carousel_demo.slint) | @@ -48,7 +48,7 @@ The example can be run on desktop, wasm and mcu platforms Puzzle game based on a Flutter example. See [Readme](./slide_puzzle) -| `.slint` Design | Rust Source | Online wasm Preview | Open in code editor | +| `.slint` Design | Rust Source | Online wasm Preview | Open in SlintPad | | --- | --- | --- | --- | | [`slide_puzzle.slint`](./slide_puzzle/slide_puzzle.slint) | [`main.rs`](./todo/rust/main.rs) | [Online simulation](https://slint-ui.com/snapshots/master/demos/slide_puzzle/) | [Preview in Online Code Editor](https://slint-ui.com/snapshots/master/editor?load_url=https://raw.githubusercontent.com/slint-ui/slint/master/examples/slide_puzzle/slide_puzzle.slint) | @@ -61,7 +61,7 @@ A basic memory game used as an example the tutorial: * [Memory Game Tutorial (Rust)](https://slint-ui.com/docs/tutorial/rust) * [Memory Game Tutorial (C++)](https://slint-ui.com/docs/tutorial/cpp) -| `.slint` Design | Rust Source | C++ Source | Online wasm Preview | Open in code editor | +| `.slint` Design | Rust Source | C++ Source | Online wasm Preview | Open in SlintPad | | --- | --- | --- | --- | --- | | [`memory.slint`](./memory/memory.slint) | [`main.rs`](./memory/main.rs) | [`memory.cpp`](./memory/memory.cpp) | [Online simulation](https://slint-ui.com/snapshots/master/demos/memory/) | [Preview in Online Code Editor](https://slint-ui.com/snapshots/master/editor?load_url=https://raw.githubusercontent.com/slint-ui/slint/master/examples/memory/memory.slint) | @@ -71,7 +71,7 @@ A clone of one demo from the [QSkinny framework](https://qskinny.github.io/). Also show how a way to dynamically load widgets with the interpreter from C++. -| `.slint` Design | C++ Source | Online wasm Preview | Open in code editor | +| `.slint` Design | C++ Source | Online wasm Preview | Open in SlintPad | | --- | --- | --- | --- | | [`main.slint`](./iot-dashboard/main.slint) | [`main.cpp`](./iot-dashboard/main.cpp) | [Online preview](https://slint-ui.com/snapshots/master/editor/preview.html?load_url=https://raw.githubusercontent.com/slint-ui/slint/master/examples/iot-dashboard/main.slint) | [Preview in Online Code Editor](https://slint-ui.com/snapshots/master/editor?load_url=https://raw.githubusercontent.com/slint-ui/slint/master/examples/iot-dashboard/main.slint) | diff --git a/examples/carousel/rust/index.html b/examples/carousel/rust/index.html index 5b2d460f5c3..63725daaff3 100644 --- a/examples/carousel/rust/index.html +++ b/examples/carousel/rust/index.html @@ -32,6 +32,7 @@ height: 100vh !important; } } + @@ -46,9 +47,8 @@