From c4cc6cd57edb6849f54c6deac2e7fa6fbd5df4d7 Mon Sep 17 00:00:00 2001
From: Peter Cottle <petermcottle@gmail.com>
Date: Mon, 13 Aug 2012 12:54:02 -0700
Subject: [PATCH] now working for art of presence

---
 lib/rgbcolor.js    | 20 +++++++++++++++++---
 src/mine.js        |  2 +-
 src/style/main.css | 19 +++++++++++++++++++
 3 files changed, 37 insertions(+), 4 deletions(-)
 create mode 100644 src/style/main.css

diff --git a/lib/rgbcolor.js b/lib/rgbcolor.js
index 773fed81..61cc75df 100644
--- a/lib/rgbcolor.js
+++ b/lib/rgbcolor.js
@@ -60,7 +60,7 @@ function Color(color_string)
         },
         {
             re: /^rgba\((\d{1,3}),\s*(\d{1,3}),\s*(\d{1,3}),\s*([0-9.]+)\)*$/,
-            example: ['rgba(123, 234, 45, 0.2)', 'rgb(255,234,245,1)'],
+            example: ['rgba(123, 234, 45, 0.2)', 'rgba(255,234,245,1)'],
             process: function (bits){
                 return [
                     parseInt(bits[1]),
@@ -69,7 +69,21 @@ function Color(color_string)
                     parseFloat(bits[4])
                 ];
             }
-
+        },
+        {
+            re: /^rgba\((\d{1,3})%,\s*(\d{1,3})%,\s*(\d{1,3})%,\s*([0-9.]+)\)*$/,
+            example: ['rgba(100%, 97%, 45%, 0.2)', 'rgba(1%,4%,245%,1)'],
+            process: function (bits){
+                var parseRound = function(bit) {
+                  return Math.round((parseInt(bit) / 100) * 256);
+                };
+                return [
+                    parseRound(bits[1]),
+                    parseRound(bits[2]),
+                    parseRound(bits[3]),
+                    parseFloat(bits[4])
+                ];
+            }
         }
     ];
 
@@ -104,7 +118,7 @@ function Color(color_string)
         return 'rgb(' + this.r + ', ' + this.g + ', ' + this.b + ')';
     }
     this.toRGBA = function() {
-        return 'rgb(' + this.r + ', ' + this.g + ', ' + this.b + ', ' + this.a;
+        return 'rgba(' + this.r + ', ' + this.g + ', ' + this.b + ', ' + this.a + ')';
     }
 
     this.toHex = function () {
diff --git a/src/mine.js b/src/mine.js
index 1e59f740..23c4dc79 100644
--- a/src/mine.js
+++ b/src/mine.js
@@ -114,7 +114,7 @@ function Breather(closure, baseline, delta, period, wait) {
   var period_in_seconds = period || time.breathePeriod;
   this.period = 2 * Math.PI * 1000 * period_in_seconds;
 
-  this.interpolationFunction = TWEEN.Easing.Wave.Triangle;
+  this.interpolationFunction = TWEEN.Easing.Cubic.EaseInOut;
 
   if (wait) {
     var _this = this;
diff --git a/src/style/main.css b/src/style/main.css
new file mode 100644
index 00000000..c5566dc4
--- /dev/null
+++ b/src/style/main.css
@@ -0,0 +1,19 @@
+html,body {
+    overflow:hidden;
+
+  background: -moz-radial-gradient(center, ellipse cover, #0066cc 0%, #000000 90%);
+  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#0066cc), color-stop(90%,#000000));
+  background: -webkit-radial-gradient(center, ellipse cover, #0066cc 0%,#000 90%);
+  background: -o-radial-gradient(center, ellipse cover, #0066cc 0%,#000000 90%);
+  background: -ms-radial-gradient(center, ellipse cover, #0066cc 0%,#000000 90%);
+  background: radial-gradient(center, ellipse cover, #0066cc 0%,#000000 90%);
+  -webkit-perspective:600px;
+  font-family: 'Lato', Times, 'Times New Roman', serif;
+  font-size: 36px;
+  font-weight: 200;
+  letter-spacing: -0.02em;
+  
+  color: #eee;
+  
+}
+