Skip to content

Commit 6fd2c15

Browse files
hecrjhecrj
committed
Host GIFs and video examples in iced.rs
RIP Gfycat
1 parent e5afaa0 commit 6fd2c15

File tree

24 files changed

+40
-90
lines changed

24 files changed

+40
-90
lines changed

‎README.md

+7-7
Original file line numberDiff line numberDiff line change
@@ -15,11 +15,11 @@
1515
A cross-platform GUI library for Rust focused on simplicity and type-safety.
1616
Inspired by [Elm].
1717

18-
<a href="https://gfycat.com/littlesanehalicore">
19-
<img src="https://thumbs.gfycat.com/LittleSaneHalicore-small.gif" width="275px">
18+
<a href="https://iced.rs/examples/todos.mp4">
19+
<img src="https://iced.rs/examples/todos.gif" width="275px">
2020
</a>
21-
<a href="https://gfycat.com/politeadorableiberianmole">
22-
<img src="https://thumbs.gfycat.com/PoliteAdorableIberianmole-small.gif" width="273px">
21+
<a href="https://iced.rs/examples/tour.mp4">
22+
<img src="https://iced.rs/examples/tour.gif" width="273px">
2323
</a>
2424

2525
</div>
@@ -47,9 +47,9 @@ __Iced is currently experimental software.__ [Take a look at the roadmap],
4747

4848
[Cross-platform support]: https://raw.githubusercontent.com/iced-rs/iced/master/docs/images/todos_desktop.jpg
4949
[the Web]: https://github.com/iced-rs/iced_web
50-
[text inputs]: https://gfycat.com/alertcalmcrow-rust-gui
51-
[scrollables]: https://gfycat.com/perkybaggybaboon-rust-gui
52-
[Debug overlay with performance metrics]: https://gfycat.com/incredibledarlingbee
50+
[text inputs]: https://iced.rs/examples/text_input.mp4
51+
[scrollables]: https://iced.rs/examples/scrollable.mp4
52+
[Debug overlay with performance metrics]: https://iced.rs/examples/debug.mp4
5353
[Modular ecosystem]: ECOSYSTEM.md
5454
[renderer-agnostic native runtime]: runtime/
5555
[`wgpu`]: https://github.com/gfx-rs/wgpu

‎examples/README.md

+7-13
Original file line numberDiff line numberDiff line change
@@ -10,8 +10,8 @@ A simple UI tour that can run both on native platforms and the web! It showcases
1010
The __[`main`](tour/src/main.rs)__ file contains all the code of the example! All the cross-platform GUI is defined in terms of __state__, __messages__, __update logic__ and __view logic__.
1111

1212
<div align="center">
13-
<a href="https://gfycat.com/politeadorableiberianmole">
14-
<img src="https://thumbs.gfycat.com/PoliteAdorableIberianmole-small.gif">
13+
<a href="https://iced.rs/examples/tour.mp4">
14+
<img src="https://iced.rs/examples/tour.gif">
1515
</a>
1616
</div>
1717

@@ -33,8 +33,8 @@ A todos tracker inspired by [TodoMVC]. It showcases dynamic layout, text input,
3333
The example code is located in the __[`main`](todos/src/main.rs)__ file.
3434

3535
<div align="center">
36-
<a href="https://gfycat.com/littlesanehalicore">
37-
<img src="https://thumbs.gfycat.com/LittleSaneHalicore-small.gif" height="400px">
36+
<a href="https://iced.rs/examples/todos.mp4">
37+
<img src="https://iced.rs/examples/todos.gif" height="400px">
3838
</a>
3939
</div>
4040

@@ -53,9 +53,7 @@ It runs a simulation in a background thread while allowing interaction with a `C
5353
The relevant code is located in the __[`main`](game_of_life/src/main.rs)__ file.
5454

5555
<div align="center">
56-
<a href="https://gfycat.com/briefaccurateaardvark">
57-
<img src="https://thumbs.gfycat.com/BriefAccurateAardvark-size_restricted.gif">
58-
</a>
56+
<img src="https://iced.rs/examples/game_of_life.gif">
5957
</div>
6058

6159
You can run it with `cargo run`:
@@ -72,9 +70,7 @@ An example showcasing custom styling with a light and dark theme.
7270
The example code is located in the __[`main`](styling/src/main.rs)__ file.
7371

7472
<div align="center">
75-
<a href="https://user-images.githubusercontent.com/518289/71867993-acff4300-310c-11ea-85a3-d01d8f884346.gif">
76-
<img src="https://user-images.githubusercontent.com/518289/71867993-acff4300-310c-11ea-85a3-d01d8f884346.gif" height="400px">
77-
</a>
73+
<img src="https://iced.rs/examples/styling.gif">
7874
</div>
7975

8076
You can run it with `cargo run`:
@@ -120,9 +116,7 @@ Since [Iced was born in May 2019], it has been powering the user interfaces in
120116

121117

122118
<div align="center">
123-
<a href="https://gfycat.com/gloomyweakhammerheadshark">
124-
<img src="https://thumbs.gfycat.com/GloomyWeakHammerheadshark-small.gif">
125-
</a>
119+
<img src="https://iced.rs/examples/coffee.gif">
126120
</div>
127121

128122
[Iced was born in May 2019]: https://github.com/hecrj/coffee/pull/35

‎examples/bezier_tool/README.md

+1-3
Original file line numberDiff line numberDiff line change
@@ -5,9 +5,7 @@ A Paint-like tool for drawing Bézier curves using the `Canvas` widget.
55
The __[`main`]__ file contains all the code of the example.
66

77
<div align="center">
8-
<a href="https://gfycat.com/soulfulinfiniteantbear">
9-
<img src="https://thumbs.gfycat.com/SoulfulInfiniteAntbear-small.gif">
10-
</a>
8+
<img src="https://iced.rs/examples/bezier_tool.gif">
119
</div>
1210

1311
You can run it with `cargo run`:

‎examples/color_palette/README.md

+2-4
Original file line numberDiff line numberDiff line change
@@ -3,13 +3,11 @@
33
A color palette generator, based on a user-defined root color.
44

55
<div align="center">
6-
<a href="https://gfycat.com/dirtylonebighornsheep">
7-
<img src="screenshot.png">
8-
</a>
6+
<img src="screenshot.png">
97
</div>
108

119
You can run it with `cargo run`:
1210

1311
```
14-
cargo run --package pure_color_palette
12+
cargo run --package color_palette
1513
```

‎examples/counter/README.md

+1-3
Original file line numberDiff line numberDiff line change
@@ -5,9 +5,7 @@ The classic counter example explained in the [`README`](../../README.md).
55
The __[`main`]__ file contains all the code of the example.
66

77
<div align="center">
8-
<a href="https://gfycat.com/fairdeadcatbird">
9-
<img src="https://thumbs.gfycat.com/FairDeadCatbird-small.gif">
10-
</a>
8+
<img src="https://iced.rs/examples/counter.gif">
119
</div>
1210

1311
You can run it with `cargo run`:

‎examples/custom_widget/README.md

+1-3
Original file line numberDiff line numberDiff line change
@@ -5,9 +5,7 @@ A demonstration of how to build a custom widget that draws a circle.
55
The __[`main`]__ file contains all the code of the example.
66

77
<div align="center">
8-
<a href="https://gfycat.com/jealouscornyhomalocephale">
9-
<img src="https://thumbs.gfycat.com/JealousCornyHomalocephale-small.gif">
10-
</a>
8+
<img src="https://iced.rs/examples/custom_widget.gif">
119
</div>
1210

1311
You can run it with `cargo run`:

‎examples/download_progress/README.md

+1-3
Original file line numberDiff line numberDiff line change
@@ -5,9 +5,7 @@ A basic application that asynchronously downloads multiple dummy files of 100 MB
55
The example implements a custom `Subscription` in the __[`download`](src/download.rs)__ module. This subscription downloads and produces messages that can be used to keep track of its progress.
66

77
<div align="center">
8-
<a href="https://gfycat.com/wildearlyafricanwilddog">
9-
<img src="https://thumbs.gfycat.com/WildEarlyAfricanwilddog-small.gif">
10-
</a>
8+
<img src="https://iced.rs/examples/download_progress.gif">
119
</div>
1210

1311
You can run it with `cargo run`:

‎examples/events/README.md

-6
Original file line numberDiff line numberDiff line change
@@ -4,12 +4,6 @@ A log of native events displayed using a conditional `Subscription`.
44

55
The __[`main`]__ file contains all the code of the example.
66

7-
<div align="center">
8-
<a href="https://gfycat.com/infamousicyermine">
9-
<img src="https://thumbs.gfycat.com/InfamousIcyErmine-small.gif">
10-
</a>
11-
</div>
12-
137
You can run it with `cargo run`:
148
```
159
cargo run --package events

‎examples/game_of_life/README.md

+1-3
Original file line numberDiff line numberDiff line change
@@ -7,9 +7,7 @@ It runs a simulation in a background thread while allowing interaction with a `C
77
The __[`main`]__ file contains the relevant code of the example.
88

99
<div align="center">
10-
<a href="https://gfycat.com/WhichPaltryChick">
11-
<img src="https://thumbs.gfycat.com/WhichPaltryChick-size_restricted.gif">
12-
</a>
10+
<img src="https://iced.rs/examples/game_of_life.gif">
1311
</div>
1412

1513
You can run it with `cargo run`:

‎examples/geometry/README.md

+1-3
Original file line numberDiff line numberDiff line change
@@ -5,9 +5,7 @@ A custom widget showcasing how to draw geometry with the `Mesh2D` primitive in [
55
The __[`main`]__ file contains all the code of the example.
66

77
<div align="center">
8-
<a href="https://gfycat.com/activeunfitkangaroo">
9-
<img src="https://thumbs.gfycat.com/ActiveUnfitKangaroo-small.gif">
10-
</a>
8+
<img src="https://iced.rs/examples/geometry.gif">
119
</div>
1210

1311
You can run it with `cargo run`:

‎examples/integration/README.md

+1-3
Original file line numberDiff line numberDiff line change
@@ -5,9 +5,7 @@ A demonstration of how to integrate Iced in an existing [`wgpu`] application.
55
The __[`main`]__ file contains all the code of the example.
66

77
<div align="center">
8-
<a href="https://gfycat.com/nicemediocrekodiakbear">
9-
<img src="https://thumbs.gfycat.com/NiceMediocreKodiakbear-small.gif">
10-
</a>
8+
<img src="https://iced.rs/examples/integration.gif">
119
</div>
1210

1311
You can run it with `cargo run`:

‎examples/loading_spinners/README.md

-6
Original file line numberDiff line numberDiff line change
@@ -2,12 +2,6 @@
22

33
Example implementation of animated indeterminate loading spinners.
44

5-
<div align="center">
6-
<a href="https://gfycat.com/importantdevotedhammerheadbird">
7-
<img src="https://thumbs.gfycat.com/ImportantDevotedHammerheadbird-small.gif">
8-
</a>
9-
</div>
10-
115
You can run it with `cargo run`:
126
```
137
cargo run --package loading_spinners

‎examples/pane_grid/README.md

+1-3
Original file line numberDiff line numberDiff line change
@@ -15,9 +15,7 @@ This example showcases the `PaneGrid` widget, which features:
1515
The __[`main`]__ file contains all the code of the example.
1616

1717
<div align="center">
18-
<a href="https://gfycat.com/frailfreshairedaleterrier">
19-
<img src="https://thumbs.gfycat.com/FrailFreshAiredaleterrier-small.gif">
20-
</a>
18+
<img src="https://iced.rs/examples/pane_grid.gif">
2119
</div>
2220

2321
You can run it with `cargo run`:

‎examples/pokedex/README.md

+1-3
Original file line numberDiff line numberDiff line change
@@ -4,9 +4,7 @@ An application that loads a random Pokédex entry using the [PokéAPI].
44
All the example code can be found in the __[`main`](src/main.rs)__ file.
55

66
<div align="center">
7-
<a href="https://gfycat.com/aggressivedarkelephantseal-rust-gui">
8-
<img src="https://thumbs.gfycat.com/AggressiveDarkElephantseal-small.gif" height="400px">
9-
</a>
7+
<img src="https://iced.rs/examples/pokedex.gif">
108
</div>
119

1210
You can run it on native platforms with `cargo run`:

‎examples/progress_bar/README.md

+1-3
Original file line numberDiff line numberDiff line change
@@ -5,9 +5,7 @@ A simple progress bar that can be filled by using a slider.
55
The __[`main`]__ file contains all the code of the example.
66

77
<div align="center">
8-
<a href="https://gfycat.com/importantdevotedhammerheadbird">
9-
<img src="https://thumbs.gfycat.com/ImportantDevotedHammerheadbird-small.gif">
10-
</a>
8+
<img src="https://iced.rs/examples/pokedex.gif">
119
</div>
1210

1311
You can run it with `cargo run`:

‎examples/qr_code/README.md

+1-3
Original file line numberDiff line numberDiff line change
@@ -5,9 +5,7 @@ A basic QR code generator that showcases the `QRCode` widget.
55
The __[`main`]__ file contains all the code of the example.
66

77
<div align="center">
8-
<a href="https://gfycat.com/heavyexhaustedaracari">
9-
<img src="https://thumbs.gfycat.com/HeavyExhaustedAracari-size_restricted.gif">
10-
</a>
8+
<img src="https://iced.rs/examples/qr_code.gif">
119
</div>
1210

1311
You can run it with `cargo run`:

‎examples/sierpinski_triangle/README.md

+1-3
Original file line numberDiff line numberDiff line change
@@ -5,9 +5,7 @@ A simple [Sierpiński triangle](https://en.wikipedia.org/wiki/Sierpi%C5%84ski_tr
55
Left-click add fixed point, right-click remove fixed point.
66

77
<div align="center">
8-
<a href="https://gfycat.com/flippantrectangularechidna">
9-
<img src="https://thumbs.gfycat.com/FlippantRectangularEchidna-size_restricted.gif">
10-
</a>
8+
<img src="https://iced.rs/examples/sierpinski_triangle.gif">
119
</div>
1210

1311
You can run with cargo:

‎examples/solar_system/README.md

+1-3
Original file line numberDiff line numberDiff line change
@@ -5,9 +5,7 @@ An animated solar system drawn using the `Canvas` widget and showcasing how to c
55
The __[`main`]__ file contains all the code of the example.
66

77
<div align="center">
8-
<a href="https://gfycat.com/selfassuredaromaticdunnart">
9-
<img src="https://thumbs.gfycat.com/SelfassuredAromaticDunnart-small.gif">
10-
</a>
8+
<img src="https://iced.rs/examples/solar_system.gif">
119
</div>
1210

1311
You can run it with `cargo run`:

‎examples/stopwatch/README.md

+1-3
Original file line numberDiff line numberDiff line change
@@ -5,9 +5,7 @@ A watch with start/stop and reset buttons showcasing how to listen to time.
55
The __[`main`]__ file contains all the code of the example.
66

77
<div align="center">
8-
<a href="https://gfycat.com/granularenviousgoitered-rust-gui">
9-
<img src="https://thumbs.gfycat.com/GranularEnviousGoitered-small.gif">
10-
</a>
8+
<img src="https://iced.rs/examples/stopwatch.gif">
119
</div>
1210

1311
You can run it with `cargo run`:

‎examples/styling/README.md

+1-3
Original file line numberDiff line numberDiff line change
@@ -4,9 +4,7 @@ An example showcasing custom styling with a light and dark theme.
44
All the example code is located in the __[`main`](src/main.rs)__ file.
55

66
<div align="center">
7-
<a href="https://user-images.githubusercontent.com/518289/71867993-acff4300-310c-11ea-85a3-d01d8f884346.gif">
8-
<img src="https://user-images.githubusercontent.com/518289/71867993-acff4300-310c-11ea-85a3-d01d8f884346.gif" height="400px">
9-
</a>
7+
<img src="https://iced.rs/examples/styling.gif">
108
</div>
119

1210
You can run it with `cargo run`:

‎examples/todos/README.md

+2-2
Original file line numberDiff line numberDiff line change
@@ -5,8 +5,8 @@ A todos tracker inspired by [TodoMVC]. It showcases dynamic layout, text input,
55
All the example code is located in the __[`main`]__ file.
66

77
<div align="center">
8-
<a href="https://gfycat.com/littlesanehalicore">
9-
<img src="https://thumbs.gfycat.com/LittleSaneHalicore-small.gif" height="400px">
8+
<a href="https://iced.rs/examples/todos.mp4">
9+
<img src="https://iced.rs/examples/todos.gif">
1010
</a>
1111
</div>
1212

‎examples/tour/README.md

+2-2
Original file line numberDiff line numberDiff line change
@@ -5,8 +5,8 @@ A simple UI tour that can run both on native platforms and the web! It showcases
55
The __[`main`]__ file contains all the code of the example! All the cross-platform GUI is defined in terms of __state__, __messages__, __update logic__ and __view logic__.
66

77
<div align="center">
8-
<a href="https://gfycat.com/politeadorableiberianmole">
9-
<img src="https://thumbs.gfycat.com/PoliteAdorableIberianmole-small.gif">
8+
<a href="https://iced.rs/examples/tour.mp4">
9+
<img src="https://iced.rs/examples/tour.gif">
1010
</a>
1111
</div>
1212

‎src/lib.rs

+3-3
Original file line numberDiff line numberDiff line change
@@ -20,9 +20,9 @@
2020
//! Check out the [repository] and the [examples] for more details!
2121
//!
2222
//! [Cross-platform support]: https://github.com/iced-rs/iced/blob/master/docs/images/todos_desktop.jpg?raw=true
23-
//! [text inputs]: https://gfycat.com/alertcalmcrow-rust-gui
24-
//! [scrollables]: https://gfycat.com/perkybaggybaboon-rust-gui
25-
//! [Debug overlay with performance metrics]: https://gfycat.com/incredibledarlingbee
23+
//! [text inputs]: https://iced.rs/examples/text_input.mp4
24+
//! [scrollables]: https://iced.rs/examples/scrollable.mp4
25+
//! [Debug overlay with performance metrics]: https://iced.rs/examples/debug.mp4
2626
//! [Modular ecosystem]: https://github.com/iced-rs/iced/blob/master/ECOSYSTEM.md
2727
//! [renderer-agnostic native runtime]: https://github.com/iced-rs/iced/tree/0.10/runtime
2828
//! [`wgpu`]: https://github.com/gfx-rs/wgpu-rs

‎widget/src/pane_grid.rs

+2-2
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
//! Let your users split regions of your application and organize layout dynamically.
22
//!
3-
//! [![Pane grid - Iced](https://thumbs.gfycat.com/MixedFlatJellyfish-small.gif)](https://gfycat.com/mixedflatjellyfish)
3+
//! ![Pane grid - Iced](https://iced.rs/examples/pane_grid.gif)
44
//!
55
//! # Example
66
//! The [`pane_grid` example] showcases how to use a [`PaneGrid`] with resizing,
@@ -49,7 +49,7 @@ use crate::core::{
4949
/// A collection of panes distributed using either vertical or horizontal splits
5050
/// to completely fill the space available.
5151
///
52-
/// [![Pane grid - Iced](https://thumbs.gfycat.com/FrailFreshAiredaleterrier-small.gif)](https://gfycat.com/frailfreshairedaleterrier)
52+
/// ![Pane grid - Iced](https://iced.rs/examples/pane_grid.gif)
5353
///
5454
/// This distribution of space is common in tiling window managers (like
5555
/// [`awesome`](https://awesomewm.org/), [`i3`](https://i3wm.org/), or even

0 commit comments

Comments
 (0)