diff --git a/demo/app.py b/demo/app.py
index e6b6a69..d881419 100644
--- a/demo/app.py
+++ b/demo/app.py
@@ -12,6 +12,11 @@ def index():
     return render_template('index.html')
 
 
+@app.route('/popup')
+def popup():
+    return render_template('popover.html')
+
+
 @app.route('/translate', methods=['POST'])
 def translate():
     lines = request.form['code']
diff --git a/demo/templates/base.html b/demo/templates/base.html
index 7b61cd9..88041e5 100644
--- a/demo/templates/base.html
+++ b/demo/templates/base.html
@@ -2,64 +2,21 @@
 <html>
     <head>
         <title>{% block title %}{% endblock %} | hy</title>
-        <link rel="stylesheet" href = "{{ url_for('static', filename='css/debuild.css') }}" ></link>
+        <link rel = "stylesheet" href = "{{ url_for('static', filename='css/debuild.css') }}" ></link>
         <script src = '{{ url_for('static', filename='jquery.min.js') }}' ></script>
-    <script type="text/javascript">
-function reload() {
-    var input = $("#repl-input").val();
-    console.log("Input: " + input);
-    $('#repl-output').load(
-        '/translate',
-        {"code": input}
-    );
-}
-
+        <script type="text/javascript">
 $(document).ready(function() {
-    $("#repl-input").keyup(function(e) {
-        reload();
+    $("#try").click(function() {
+        $('#popshim').load(
+            '/popup'
+        );
+        return false;
     });
-    reload();
 });
-    </script>
+        </script>
     </head>
     <body>
-        <div class = 'popover' >
-            <div class = 'focus' >
-                <div class = 'repl' >
-                    <textarea id = 'repl-input' class = 'repl-left repl-pane' >
-(import "os")
-
-(print (os.path.abspath "."))
-; something like /home/tag
-
-
-(defn square [x]
-  (* x x))
-
-
-(defn factorial (n)
-  (if (&lt;= n 1)
-    1
-    (* n (factorial (- n 1)))))
-
-
-(defn fib (n)
-  (if (&lt; n 2)
-    n
-    (+ (fib (- n 1)) (fib (- n 2)))))
-
-
-(print (fib 2))
-; 1
-
-
-(print "4! =" (factorial 4))
-; 4! = 24
-</textarea>
-                    <pre id = 'repl-output' class = 'repl-right repl-pane' ></pre>
-                </div>
-            </div>
-        </div>
+        <div id = 'popshim' ></div>
         <div class = 'headblock' >
             <div class = 'spacer' ></div>
         </div>
@@ -67,7 +24,7 @@ $(document).ready(function() {
             <div class = 'banner' >
                 <ul>
                     <li><a href = '#' >Home</a></li>
-                    <li><a href = '#' >Try it</a></li>
+                    <li><a id = 'try' href = '#' >Try it</a></li>
                     <li><a href = '#' >Source</a></li>
                 </ul>
             </div>
diff --git a/demo/templates/popover.html b/demo/templates/popover.html
new file mode 100644
index 0000000..2b32c38
--- /dev/null
+++ b/demo/templates/popover.html
@@ -0,0 +1,59 @@
+        <script type="text/javascript">
+function reload() {
+    var input = $("#repl-input").val();
+    console.log("Input: " + input);
+    $('#repl-output').load(
+        '/translate',
+        {"code": input}
+    );
+}
+
+$(document).ready(function() {
+    $("#repl-input").keyup(function(e) {
+        reload();
+    });
+    reload();
+    $(document).keyup(function(e) {
+        if (e.keyCode == 27) {
+            $("#popshim").html("");
+        }
+    });
+});
+        </script>
+        <div class = 'popover' >
+            <div class = 'focus' >
+                <div class = 'repl' >
+                    <textarea id = 'repl-input' class = 'repl-left repl-pane' >
+(import "os")
+
+(print (os.path.abspath "."))
+; something like /home/tag
+
+
+(defn square [x]
+  (* x x))
+
+
+(defn factorial (n)
+  (if (&lt;= n 1)
+    1
+    (* n (factorial (- n 1)))))
+
+
+(defn fib (n)
+  (if (&lt; n 2)
+    n
+    (+ (fib (- n 1)) (fib (- n 2)))))
+
+
+(print (fib 2))
+; 1
+
+
+(print "4! =" (factorial 4))
+; 4! = 24
+</textarea>
+                    <pre id = 'repl-output' class = 'repl-right repl-pane' ></pre>
+                </div>
+            </div>
+        </div>
