Host GIFs and video examples in `iced.rs`

RIP Gfycat

24 files changed, 40 insertions, 90 deletions

diff --git a/README.md b/README.md
index 431f14f9..825219aa 100644
--- a/README.md
+++ b/README.md
@@ -15,11 +15,11 @@
 A cross-platform GUI library for Rust focused on simplicity and type-safety.
 Inspired by [Elm].
 
-<a href="https://gfycat.com/littlesanehalicore">
-  <img src="https://thumbs.gfycat.com/LittleSaneHalicore-small.gif" width="275px">
+<a href="https://iced.rs/examples/todos.mp4">
+  <img src="https://iced.rs/examples/todos.gif" width="275px">
 </a>
-<a href="https://gfycat.com/politeadorableiberianmole">
-  <img src="https://thumbs.gfycat.com/PoliteAdorableIberianmole-small.gif" width="273px">
+<a href="https://iced.rs/examples/tour.mp4">
+  <img src="https://iced.rs/examples/tour.gif" width="273px">
 </a>
 
 </div>
@@ -47,9 +47,9 @@ __Iced is currently experimental software.__ [Take a look at the roadmap],
 
 [Cross-platform support]: https://raw.githubusercontent.com/iced-rs/iced/master/docs/images/todos_desktop.jpg
 [the Web]: https://github.com/iced-rs/iced_web
-[text inputs]: https://gfycat.com/alertcalmcrow-rust-gui
-[scrollables]: https://gfycat.com/perkybaggybaboon-rust-gui
-[Debug overlay with performance metrics]: https://gfycat.com/incredibledarlingbee
+[text inputs]: https://iced.rs/examples/text_input.mp4
+[scrollables]: https://iced.rs/examples/scrollable.mp4
+[Debug overlay with performance metrics]: https://iced.rs/examples/debug.mp4
 [Modular ecosystem]: ECOSYSTEM.md
 [renderer-agnostic native runtime]: runtime/
 [`wgpu`]: https://github.com/gfx-rs/wgpu
diff --git a/examples/README.md b/examples/README.md
index 111e8910..71dad13e 100644
--- a/examples/README.md
+++ b/examples/README.md
@@ -10,8 +10,8 @@ A simple UI tour that can run both on native platforms and the web! It showcases
 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__.
 
 <div align="center">
-  <a href="https://gfycat.com/politeadorableiberianmole">
-    <img src="https://thumbs.gfycat.com/PoliteAdorableIberianmole-small.gif">
+  <a href="https://iced.rs/examples/tour.mp4">
+    <img src="https://iced.rs/examples/tour.gif">
   </a>
 </div>
 
@@ -33,8 +33,8 @@ A todos tracker inspired by [TodoMVC]. It showcases dynamic layout, text input,
 The example code is located in the __[`main`](todos/src/main.rs)__ file.
 
 <div align="center">
-  <a href="https://gfycat.com/littlesanehalicore">
-    <img src="https://thumbs.gfycat.com/LittleSaneHalicore-small.gif" height="400px">
+  <a href="https://iced.rs/examples/todos.mp4">
+    <img src="https://iced.rs/examples/todos.gif" height="400px">
   </a>
 </div>
 
@@ -53,9 +53,7 @@ It runs a simulation in a background thread while allowing interaction with a `C
 The relevant code is located in the __[`main`](game_of_life/src/main.rs)__ file.
 
 <div align="center">
-  <a href="https://gfycat.com/briefaccurateaardvark">
-    <img src="https://thumbs.gfycat.com/BriefAccurateAardvark-size_restricted.gif">
-  </a>
+  <img src="https://iced.rs/examples/game_of_life.gif">
 </div>
 
 You can run it with `cargo run`:
@@ -72,9 +70,7 @@ An example showcasing custom styling with a light and dark theme.
 The example code is located in the __[`main`](styling/src/main.rs)__ file.
 
 <div align="center">
-  <a href="https://user-images.githubusercontent.com/518289/71867993-acff4300-310c-11ea-85a3-d01d8f884346.gif">
-    <img src="https://user-images.githubusercontent.com/518289/71867993-acff4300-310c-11ea-85a3-d01d8f884346.gif" height="400px">
-  </a>
+  <img src="https://iced.rs/examples/styling.gif">
 </div>
 
 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
 
 
 <div align="center">
-  <a href="https://gfycat.com/gloomyweakhammerheadshark">
-    <img src="https://thumbs.gfycat.com/GloomyWeakHammerheadshark-small.gif">
-  </a>
+  <img src="https://iced.rs/examples/coffee.gif">
 </div>
 
 [Iced was born in May 2019]: https://github.com/hecrj/coffee/pull/35
diff --git a/examples/bezier_tool/README.md b/examples/bezier_tool/README.md
index ebbb12cc..6dc13785 100644
--- a/examples/bezier_tool/README.md
+++ b/examples/bezier_tool/README.md
@@ -5,9 +5,7 @@ A Paint-like tool for drawing Bézier curves using the `Canvas` widget.
 The __[`main`]__ file contains all the code of the example.
 
 <div align="center">
-  <a href="https://gfycat.com/soulfulinfiniteantbear">
-    <img src="https://thumbs.gfycat.com/SoulfulInfiniteAntbear-small.gif">
-  </a>
+  <img src="https://iced.rs/examples/bezier_tool.gif">
 </div>
 
 You can run it with `cargo run`:
diff --git a/examples/color_palette/README.md b/examples/color_palette/README.md
index f90020b1..9c135937 100644
--- a/examples/color_palette/README.md
+++ b/examples/color_palette/README.md
@@ -3,13 +3,11 @@
 A color palette generator, based on a user-defined root color.
 
 <div align="center">
-  <a href="https://gfycat.com/dirtylonebighornsheep">
-    <img src="screenshot.png">
-  </a>
+  <img src="screenshot.png">
 </div>
 
 You can run it with `cargo run`:
 
 ```
-cargo run --package pure_color_palette
+cargo run --package color_palette
 ```
diff --git a/examples/counter/README.md b/examples/counter/README.md
index 4d9fc5b9..53243c24 100644
--- a/examples/counter/README.md
+++ b/examples/counter/README.md
@@ -5,9 +5,7 @@ The classic counter example explained in the [`README`](../../README.md).
 The __[`main`]__ file contains all the code of the example.
 
 <div align="center">
-  <a href="https://gfycat.com/fairdeadcatbird">
-    <img src="https://thumbs.gfycat.com/FairDeadCatbird-small.gif">
-  </a>
+  <img src="https://iced.rs/examples/counter.gif">
 </div>
 
 You can run it with `cargo run`:
diff --git a/examples/custom_widget/README.md b/examples/custom_widget/README.md
index 3d6cf902..b80e898f 100644
--- a/examples/custom_widget/README.md
+++ b/examples/custom_widget/README.md
@@ -5,9 +5,7 @@ A demonstration of how to build a custom widget that draws a circle.
 The __[`main`]__ file contains all the code of the example.
 
 <div align="center">
-  <a href="https://gfycat.com/jealouscornyhomalocephale">
-    <img src="https://thumbs.gfycat.com/JealousCornyHomalocephale-small.gif">
-  </a>
+  <img src="https://iced.rs/examples/custom_widget.gif">
 </div>
 
 You can run it with `cargo run`:
diff --git a/examples/download_progress/README.md b/examples/download_progress/README.md
index 7999ce94..19cb2966 100644
--- a/examples/download_progress/README.md
+++ b/examples/download_progress/README.md
@@ -5,9 +5,7 @@ A basic application that asynchronously downloads multiple dummy files of 100 MB
 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.
 
 <div align="center">
-  <a href="https://gfycat.com/wildearlyafricanwilddog">
-    <img src="https://thumbs.gfycat.com/WildEarlyAfricanwilddog-small.gif">
-  </a>
+  <img src="https://iced.rs/examples/download_progress.gif">
 </div>
 
 You can run it with `cargo run`:
diff --git a/examples/events/README.md b/examples/events/README.md
index 3c9a1cab..fd7f9b47 100644
--- a/examples/events/README.md
+++ b/examples/events/README.md
@@ -4,12 +4,6 @@ A log of native events displayed using a conditional `Subscription`.
 
 The __[`main`]__ file contains all the code of the example.
 
-<div align="center">
-  <a href="https://gfycat.com/infamousicyermine">
-    <img src="https://thumbs.gfycat.com/InfamousIcyErmine-small.gif">
-  </a>
-</div>
-
 You can run it with `cargo run`:
 ```
 cargo run --package events
diff --git a/examples/game_of_life/README.md b/examples/game_of_life/README.md
index aa39201c..60033c1a 100644
--- a/examples/game_of_life/README.md
+++ b/examples/game_of_life/README.md
@@ -7,9 +7,7 @@ It runs a simulation in a background thread while allowing interaction with a `C
 The __[`main`]__ file contains the relevant code of the example.
 
 <div align="center">
-  <a href="https://gfycat.com/WhichPaltryChick">
-    <img src="https://thumbs.gfycat.com/WhichPaltryChick-size_restricted.gif">
-  </a>
+  <img src="https://iced.rs/examples/game_of_life.gif">
 </div>
 
 You can run it with `cargo run`:
diff --git a/examples/geometry/README.md b/examples/geometry/README.md
index 4d5c81cb..16be8d19 100644
--- a/examples/geometry/README.md
+++ b/examples/geometry/README.md
@@ -5,9 +5,7 @@ A custom widget showcasing how to draw geometry with the `Mesh2D` primitive in [
 The __[`main`]__ file contains all the code of the example.
 
 <div align="center">
-  <a href="https://gfycat.com/activeunfitkangaroo">
-    <img src="https://thumbs.gfycat.com/ActiveUnfitKangaroo-small.gif">
-  </a>
+  <img src="https://iced.rs/examples/geometry.gif">
 </div>
 
 You can run it with `cargo run`:
diff --git a/examples/integration/README.md b/examples/integration/README.md
index ece9ba1e..996cdc17 100644
--- a/examples/integration/README.md
+++ b/examples/integration/README.md
@@ -5,9 +5,7 @@ A demonstration of how to integrate Iced in an existing [`wgpu`] application.
 The __[`main`]__ file contains all the code of the example.
 
 <div align="center">
-  <a href="https://gfycat.com/nicemediocrekodiakbear">
-    <img src="https://thumbs.gfycat.com/NiceMediocreKodiakbear-small.gif">
-  </a>
+  <img src="https://iced.rs/examples/integration.gif">
 </div>
 
 You can run it with `cargo run`:
diff --git a/examples/loading_spinners/README.md b/examples/loading_spinners/README.md
index 3573c6f6..75b88804 100644
--- a/examples/loading_spinners/README.md
+++ b/examples/loading_spinners/README.md
@@ -2,12 +2,6 @@
 
 Example implementation of animated indeterminate loading spinners.
 
-<div align="center">
-  <a href="https://gfycat.com/importantdevotedhammerheadbird">
-    <img src="https://thumbs.gfycat.com/ImportantDevotedHammerheadbird-small.gif">
-  </a>
-</div>
-
 You can run it with `cargo run`:
 ```
 cargo run --package loading_spinners
diff --git a/examples/pane_grid/README.md b/examples/pane_grid/README.md
index a4cfcb7d..65357b23 100644
--- a/examples/pane_grid/README.md
+++ b/examples/pane_grid/README.md
@@ -15,9 +15,7 @@ This example showcases the `PaneGrid` widget, which features:
 The __[`main`]__ file contains all the code of the example.
 
 <div align="center">
-  <a href="https://gfycat.com/frailfreshairedaleterrier">
-    <img src="https://thumbs.gfycat.com/FrailFreshAiredaleterrier-small.gif">
-  </a>
+  <img src="https://iced.rs/examples/pane_grid.gif">
 </div>
 
 You can run it with `cargo run`:
diff --git a/examples/pokedex/README.md b/examples/pokedex/README.md
index 50720f57..8e8562ac 100644
--- a/examples/pokedex/README.md
+++ b/examples/pokedex/README.md
@@ -4,9 +4,7 @@ An application that loads a random Pokédex entry using the [PokéAPI].
 All the example code can be found in the __[`main`](src/main.rs)__ file.
 
 <div align="center">
-  <a href="https://gfycat.com/aggressivedarkelephantseal-rust-gui">
-    <img src="https://thumbs.gfycat.com/AggressiveDarkElephantseal-small.gif" height="400px">
-  </a>
+  <img src="https://iced.rs/examples/pokedex.gif">
 </div>
 
 You can run it on native platforms with `cargo run`:
diff --git a/examples/progress_bar/README.md b/examples/progress_bar/README.md
index 1e927b3c..1268ac6b 100644
--- a/examples/progress_bar/README.md
+++ b/examples/progress_bar/README.md
@@ -5,9 +5,7 @@ A simple progress bar that can be filled by using a slider.
 The __[`main`]__ file contains all the code of the example.
 
 <div align="center">
-  <a href="https://gfycat.com/importantdevotedhammerheadbird">
-    <img src="https://thumbs.gfycat.com/ImportantDevotedHammerheadbird-small.gif">
-  </a>
+  <img src="https://iced.rs/examples/pokedex.gif">
 </div>
 
 You can run it with `cargo run`:
diff --git a/examples/qr_code/README.md b/examples/qr_code/README.md
index 2dd89c26..0d1abaa7 100644
--- a/examples/qr_code/README.md
+++ b/examples/qr_code/README.md
@@ -5,9 +5,7 @@ A basic QR code generator that showcases the `QRCode` widget.
 The __[`main`]__ file contains all the code of the example.
 
 <div align="center">
-  <a href="https://gfycat.com/heavyexhaustedaracari">
-    <img src="https://thumbs.gfycat.com/HeavyExhaustedAracari-size_restricted.gif">
-  </a>
+  <img src="https://iced.rs/examples/qr_code.gif">
 </div>
 
 You can run it with `cargo run`:
diff --git a/examples/sierpinski_triangle/README.md b/examples/sierpinski_triangle/README.md
index 9fd18257..8b7676d1 100644
--- a/examples/sierpinski_triangle/README.md
+++ b/examples/sierpinski_triangle/README.md
@@ -5,9 +5,7 @@ A simple [Sierpiński triangle](https://en.wikipedia.org/wiki/Sierpi%C5%84ski_tr
 Left-click add fixed point, right-click remove fixed point.
 
 <div align="center">
-  <a href="https://gfycat.com/flippantrectangularechidna">
-    <img src="https://thumbs.gfycat.com/FlippantRectangularEchidna-size_restricted.gif">
-  </a>
+  <img src="https://iced.rs/examples/sierpinski_triangle.gif">
 </div>
 
 You can run with cargo:
diff --git a/examples/solar_system/README.md b/examples/solar_system/README.md
index acfbc466..81ffd3a5 100644
--- a/examples/solar_system/README.md
+++ b/examples/solar_system/README.md
@@ -5,9 +5,7 @@ An animated solar system drawn using the `Canvas` widget and showcasing how to c
 The __[`main`]__ file contains all the code of the example.
 
 <div align="center">
-  <a href="https://gfycat.com/selfassuredaromaticdunnart">
-    <img src="https://thumbs.gfycat.com/SelfassuredAromaticDunnart-small.gif">
-  </a>
+  <img src="https://iced.rs/examples/solar_system.gif">
 </div>
 
 You can run it with `cargo run`:
diff --git a/examples/stopwatch/README.md b/examples/stopwatch/README.md
index 4cf4582e..1cf370bd 100644
--- a/examples/stopwatch/README.md
+++ b/examples/stopwatch/README.md
@@ -5,9 +5,7 @@ A watch with start/stop and reset buttons showcasing how to listen to time.
 The __[`main`]__ file contains all the code of the example.
 
 <div align="center">
-  <a href="https://gfycat.com/granularenviousgoitered-rust-gui">
-    <img src="https://thumbs.gfycat.com/GranularEnviousGoitered-small.gif">
-  </a>
+  <img src="https://iced.rs/examples/stopwatch.gif">
 </div>
 
 You can run it with `cargo run`:
diff --git a/examples/styling/README.md b/examples/styling/README.md
index 6c198a54..fd12300d 100644
--- a/examples/styling/README.md
+++ b/examples/styling/README.md
@@ -4,9 +4,7 @@ An example showcasing custom styling with a light and dark theme.
 All the example code is located in the __[`main`](src/main.rs)__ file.
 
 <div align="center">
-  <a href="https://user-images.githubusercontent.com/518289/71867993-acff4300-310c-11ea-85a3-d01d8f884346.gif">
-    <img src="https://user-images.githubusercontent.com/518289/71867993-acff4300-310c-11ea-85a3-d01d8f884346.gif" height="400px">
-  </a>
+  <img src="https://iced.rs/examples/styling.gif">
 </div>
 
 You can run it with `cargo run`:
diff --git a/examples/todos/README.md b/examples/todos/README.md
index 9c2598b9..852dd88d 100644
--- a/examples/todos/README.md
+++ b/examples/todos/README.md
@@ -5,8 +5,8 @@ A todos tracker inspired by [TodoMVC]. It showcases dynamic layout, text input,
 All the example code is located in the __[`main`]__ file.
 
 <div align="center">
-  <a href="https://gfycat.com/littlesanehalicore">
-    <img src="https://thumbs.gfycat.com/LittleSaneHalicore-small.gif" height="400px">
+  <a href="https://iced.rs/examples/todos.mp4">
+    <img src="https://iced.rs/examples/todos.gif">
   </a>
 </div>
 
diff --git a/examples/tour/README.md b/examples/tour/README.md
index 731e7e66..1c01236b 100644
--- a/examples/tour/README.md
+++ b/examples/tour/README.md
@@ -5,8 +5,8 @@ A simple UI tour that can run both on native platforms and the web! It showcases
 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__.
 
 <div align="center">
-  <a href="https://gfycat.com/politeadorableiberianmole">
-    <img src="https://thumbs.gfycat.com/PoliteAdorableIberianmole-small.gif">
+  <a href="https://iced.rs/examples/tour.mp4">
+    <img src="https://iced.rs/examples/tour.gif">
   </a>
 </div>
 
diff --git a/src/lib.rs b/src/lib.rs
index 840802cc..91c78423 100644
--- a/src/lib.rs
+++ b/src/lib.rs
@@ -20,9 +20,9 @@
 //! Check out the [repository] and the [examples] for more details!
 //!
 //! [Cross-platform support]: https://github.com/iced-rs/iced/blob/master/docs/images/todos_desktop.jpg?raw=true
-//! [text inputs]: https://gfycat.com/alertcalmcrow-rust-gui
-//! [scrollables]: https://gfycat.com/perkybaggybaboon-rust-gui
-//! [Debug overlay with performance metrics]: https://gfycat.com/incredibledarlingbee
+//! [text inputs]: https://iced.rs/examples/text_input.mp4
+//! [scrollables]: https://iced.rs/examples/scrollable.mp4
+//! [Debug overlay with performance metrics]: https://iced.rs/examples/debug.mp4
 //! [Modular ecosystem]: https://github.com/iced-rs/iced/blob/master/ECOSYSTEM.md
 //! [renderer-agnostic native runtime]: https://github.com/iced-rs/iced/tree/0.10/runtime
 //! [`wgpu`]: https://github.com/gfx-rs/wgpu-rs
diff --git a/widget/src/pane_grid.rs b/widget/src/pane_grid.rs
index d8c98858..40833622 100644
--- a/widget/src/pane_grid.rs
+++ b/widget/src/pane_grid.rs
@@ -1,6 +1,6 @@
 //! Let your users split regions of your application and organize layout dynamically.
 //!
-//! [![Pane grid - Iced](https://thumbs.gfycat.com/MixedFlatJellyfish-small.gif)](https://gfycat.com/mixedflatjellyfish)
+//! ![Pane grid - Iced](https://iced.rs/examples/pane_grid.gif)
 //!
 //! # Example
 //! The [`pane_grid` example] showcases how to use a [`PaneGrid`] with resizing,
@@ -49,7 +49,7 @@ use crate::core::{
 /// A collection of panes distributed using either vertical or horizontal splits
 /// to completely fill the space available.
 ///
-/// [![Pane grid - Iced](https://thumbs.gfycat.com/FrailFreshAiredaleterrier-small.gif)](https://gfycat.com/frailfreshairedaleterrier)
+/// ![Pane grid - Iced](https://iced.rs/examples/pane_grid.gif)
 ///
 /// This distribution of space is common in tiling window managers (like
 /// [`awesome`](https://awesomewm.org/), [`i3`](https://i3wm.org/), or even