adding red thinger

site/coffee/main.coffee

@@ -45,10 +45,14 @@ reload = ->
         PyCodeMirror.setValue(result)
         now = new Date().getTime();
         $("#build-msgs").text(now + " Updated.")
+        $("#repl-root").removeClass("error")
+        $("#repl-root").addClass("ok")
       statusCode: {
         500: (response) ->
           now = new Date().getTime();
           $("#build-msgs").text(now + " " + response.responseText)
+          $("#repl-root").removeClass("ok")
+          $("#repl-root").addClass("error")
       }
   });
 

site/less/layout.less

@@ -25,13 +25,21 @@ h1 {
     .reset;
 }
 
-.blueshade {
+.border {
-    border-color:       rgba(82, 168, 236, 0.8);
     outline:            0;
     outline:            thin dotted \9;
-    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
+}
-    -moz-box-shadow:    inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
+
+.ok {
+    border-color:       rgba(82, 168, 236, 0.8);
     box-shadow:         inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
+    .border;
+}
+
+.error {
+    border-color:       rgba(236, 103, 82, 0.8);
+    box-shadow:         inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(236, 103, 82, 0.6);
+    .border;
 }
 
 .repl-root {
@@ -40,7 +48,6 @@ h1 {
     height:                 90%;
     margin-left:            auto;
     margin-right:           auto;
-    .blueshade;
 }
 
 #python-repl {

site/templates/repl.html

@@ -15,7 +15,7 @@
 {% endblock %}
 
 {% block content %}
-<div class='repl-root' >
+<div id='repl-root' class='repl-root' >
 <div class='repl' id='hython-repl'>
 <textarea id="hython-target">
 ;;;; This is Hy. Hy is a Lisp variant that