readme: add badge for online demo

3 files changed, 5 insertions, 2 deletions

diff --git a/README.md b/README.md
index e1cdcd1..60c8503 100644
--- a/README.md
+++ b/README.md
@@ -1,11 +1,14 @@
 # Virtual Flight Deck for UAVs
 
+<a title="See demo" href="http://vfd.herokuapp.com">
+<object data="http://vfd.herokuapp.com/assets/badges/demo-live.png" type="image/png" style="display: inline-block;">
+	<img src="vfd-main/public/badges/demo-down.png" alt="See demo" style="display: inline-block;"/>
+</object>
+</a>
 [![Join the chat at https://gitter.im/jodersky/vfd](https://badges.gitter.im/Join%20Chat.svg)](https://gitter.im/jodersky/vfd?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)
 
 Web interface simulating a cockpit of an unmanned aerial vehicle, built with Akka, Play and ScalaJS.
 
-See [demo](http://vfd.herokuapp.com).
-
 # Getting started
 SBT is used as the build tool. To get started:
 
diff --git a/vfd-main/public/badges/demo-down.png b/vfd-main/public/badges/demo-down.png
new file mode 100644
index 0000000..ec595b5
--- /dev/null
+++ b/vfd-main/public/badges/demo-down.png
diff --git a/vfd-main/public/badges/demo-live.png b/vfd-main/public/badges/demo-live.png
new file mode 100644
index 0000000..cb413f6
--- /dev/null
+++ b/vfd-main/public/badges/demo-live.png