From 1daccbe5cac40b64dbf2ab67343d886454708a58 Mon Sep 17 00:00:00 2001
From: "Paul R. Tagliamonte" <paultag@debian.org>
Date: Wed, 13 Mar 2013 22:09:57 -0400
Subject: [PATCH] adding red thinger

---
 site/coffee/main.coffee  |  4 ++++
 site/less/layout.less    | 17 ++++++++++++-----
 site/templates/repl.html |  2 +-
 3 files changed, 17 insertions(+), 6 deletions(-)

diff --git a/site/coffee/main.coffee b/site/coffee/main.coffee
index ba1ab3c..8f2a819 100644
--- a/site/coffee/main.coffee
+++ b/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")
       }
   });
 
diff --git a/site/less/layout.less b/site/less/layout.less
index 26e8eac..33e70f3 100644
--- a/site/less/layout.less
+++ b/site/less/layout.less
@@ -25,13 +25,21 @@ h1 {
     .reset;
 }
 
-.blueshade {
-    border-color:       rgba(82, 168, 236, 0.8);
+.border {
     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 {
diff --git a/site/templates/repl.html b/site/templates/repl.html
index a24a25d..d230a32 100644
--- a/site/templates/repl.html
+++ b/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