From abc5b7b67ac9eec3113876398da34fed87ab165b Mon Sep 17 00:00:00 2001
From: githubshrek <hugh.prior@skynet.be>
Date: Wed, 16 Jul 2014 13:40:23 +0200
Subject: [PATCH] Make the example runnable

The proposed changes, together with the style sheet suggestion proposed in the previous proposed change (and shown below), means that the example moves from being abstract, and students can directly copy/paste the example and see it work.

  <style>
  .on { background-color: yellow; }
  .off { background-color: black; color: white; }
  </style>
---
 page/events/introduction-to-custom-events.md | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/page/events/introduction-to-custom-events.md b/page/events/introduction-to-custom-events.md
index 7074fa54..eb791d52 100644
--- a/page/events/introduction-to-custom-events.md
+++ b/page/events/introduction-to-custom-events.md
@@ -78,18 +78,18 @@ Let's make our example a little more interesting. We'll add another room to our
 
 ```
 <div class="room" id="kitchen">
-	<div class="lightbulb on"></div>
-	<div class="switch"></div>
-	<div class="switch"></div>
-	<div class="clapper"></div>
+	<div class="lightbulb on">Kitchen light</div>
+	<div class="switch">Kitchen switch 1</div>
+	<div class="switch">Kitchen switch 1</div>
+	<div class="clapper">Kitchen clapper switch</div>
 </div>
 <div class="room" id="bedroom">
-	<div class="lightbulb on"></div>
-	<div class="switch"></div>
-	<div class="switch"></div>
-	<div class="clapper"></div>
+	<div class="lightbulb on">Bedroom light</div>
+	<div class="switch">Bedroom switch 1</div>
+	<div class="switch">Bedroom switch 2</div>
+	<div class="clapper">Bedroom clapper switch</div>
 </div>
-<div id="master_switch"></div>
+<div id="master_switch">Master switch</div>
 ```
 
 If there are any lights on in the house, we want the master switch to turn all