diff --git a/js/examples/iot/img/flames.gif b/js/examples/iot/img/flames.gif
new file mode 100644
index 0000000..1079ca1
Binary files /dev/null and b/js/examples/iot/img/flames.gif differ
diff --git a/js/examples/iot/index.html b/js/examples/iot/index.html
index d03b18b..9654b54 100644
--- a/js/examples/iot/index.html
+++ b/js/examples/iot/index.html
@@ -19,6 +19,7 @@
     <section>
       <section>
         <h3>TV</h3>
+        <div class="flamecontainer"><img class="flames" src="img/flames.gif"></div>
         <div id="tv-container">
           &nbsp;
           <ul id="tv" class="alerts">
diff --git a/js/examples/iot/index.js b/js/examples/iot/index.js
index 7504683..52c8e41 100644
--- a/js/examples/iot/index.js
+++ b/js/examples/iot/index.js
@@ -117,6 +117,9 @@ function spawnTimeoutListener() {
               on asserted Syndicate.Timer.timeLaterThan(powerOnTime + 3000) {
                 react { assert tvAlert('Stove on too long?'); }
               }
+              on asserted Syndicate.Timer.timeLaterThan(powerOnTime + 10000) {
+                $("img.flames").show();
+              }
             }
           }
         }
diff --git a/js/examples/iot/style.css b/js/examples/iot/style.css
index 0f34cb3..a676bfb 100644
--- a/js/examples/iot/style.css
+++ b/js/examples/iot/style.css
@@ -2,6 +2,20 @@ template {
     display: none;
 }
 
+div.flamecontainer {
+    position: relative;
+    width: 0;
+    height: 0;
+}
+
+img.flames {
+    display: none;
+    position: absolute;
+    bottom: -20px;
+    left: 25px;
+    width: 356px;
+}
+
 #tv-container {
     background: url('img/tvscreen.gif');
     background-size: 100%;