Merge pull request #4022 from storybooks/replace-demo-gif

Replace demo.gif

README.md

@@ -16,7 +16,7 @@ It allows you to browse a component library, view the different states of each c
 
 ## Intro
 
-![Storybook Screenshot](media/demo.gif)
+![Storybook Screenshot](media/storybook-intro.gif)
 
 Storybook runs outside of your app. This allows you to develop UI components in isolation, which can improve component reuse, testability, and development speed. You can build quickly without having to worry about application-specific dependencies.
 

app/angular/README.md

@@ -3,7 +3,7 @@
 Storybook for Angular is a UI development environment for your Angular components.
 With it, you can visualize different states of your UI components and develop them interactively.
 
-![Storybook Screenshot](https://github.com/storybooks/storybook/blob/master/media/demo.gif)
+![Storybook Screenshot](https://github.com/storybooks/storybook/blob/master/media/storybook-intro.gif)
 
 Storybook runs outside of your app.
 So you can develop UI components in isolation without worrying about app specific dependencies and requirements.

app/html/README.md

@@ -5,7 +5,7 @@
 Storybook for HTML is a UI development environment for your plain HTML snippets.
 With it, you can visualize different states of your UI components and develop them interactively.
 
-![Storybook Screenshot](https://github.com/storybooks/storybook/blob/master/app/html/docs/demo.png)
+![Storybook Screenshot](https://github.com/storybooks/storybook/blob/master/media/storybook-intro.gif)
 
 Storybook runs outside of your app.
 So you can develop UI components in isolation without worrying about app specific dependencies and requirements.

app/marko/README.md

@@ -3,7 +3,7 @@
 Storybook for Marko is a UI development environment for your Marko components.
 With it, you can visualize different states of your UI components and develop them interactively.
 
-![Storybook Screenshot](docs/demo.gif)
+![Storybook Screenshot](https://github.com/storybooks/storybook/blob/master/media/storybook-intro.gif)
 
 Storybook runs outside of your app.
 So you can develop UI components in isolation without worrying about app specific dependencies and requirements.

app/mithril/README.md

@@ -3,7 +3,7 @@
 Storybook for Mithril is a UI development environment for your Mithril components.
 With it, you can visualize different states of your UI components and develop them interactively.
 
-![Storybook Screenshot](https://github.com/storybooks/storybook/blob/master/media/demo.gif)
+![Storybook Screenshot](https://github.com/storybooks/storybook/blob/master/media/storybook-intro.gif)
 
 Storybook runs outside of your app.
 So you can develop UI components in isolation without worrying about app specific dependencies and requirements.

app/polymer/README.md

@@ -5,7 +5,7 @@ With it, you can visualize different states of your UI components and develop th
 
 > Storybook for Polymer is at the **EXPERIMENTAL** stage!
 
-![Storybook Screenshot](https://github.com/storybooks/storybook/blob/master/media/demo.gif)
+![Storybook Screenshot](https://github.com/storybooks/storybook/blob/master/media/storybook-intro.gif)
 
 Storybook runs outside of your app.
 So you can develop UI components in isolation without worrying about app specific dependencies and requirements.

app/react/README.md

@@ -3,7 +3,7 @@
 Storybook for React is a UI development environment for your React components.
 With it, you can visualize different states of your UI components and develop them interactively.
 
-![Storybook Screenshot](https://github.com/storybooks/storybook/blob/master/media/demo.gif)
+![Storybook Screenshot](https://github.com/storybooks/storybook/blob/master/media/storybook-intro.gif)
 
 Storybook runs outside of your app.
 So you can develop UI components in isolation without worrying about app specific dependencies and requirements.

app/svelte/README.md

@@ -3,7 +3,7 @@
 Storybook for Svelte is a UI development environment for your Svelte components.
 With it, you can visualize different states of your UI components and develop them interactively.
 
-![Storybook Screenshot](https://github.com/storybooks/storybook/blob/master/media/demo.gif)
+![Storybook Screenshot](https://github.com/storybooks/storybook/blob/master/media/storybook-intro.gif)
 
 Storybook runs outside of your app.
 So you can develop UI components in isolation without worrying about app specific dependencies and requirements.

app/vue/README.md

@@ -3,7 +3,7 @@
 Storybook for Vue is a UI development environment for your Vue components.
 With it, you can visualize different states of your UI components and develop them interactively.
 
-![Storybook Screenshot](https://github.com/storybooks/storybook/blob/master/media/demo.gif)
+![Storybook Screenshot](https://github.com/storybooks/storybook/blob/master/media/storybook-intro.gif)
 
 Storybook runs outside of your app.
 So you can develop UI components in isolation without worrying about app specific dependencies and requirements.

docs/src/components/Homepage/Demo/index.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import demoImg from './images/demo.gif';
+import demoImg from './images/storybook-intro.gif';
 import './style.css';
 
 const Demo = () => (