From: Ben Beltran <redacted>
Date: Wed, 18 Feb 2015 05:51:13 +0000 (-0600)
Subject: Colorizes about, adds recorderjs, cheese trigger
X-Git-Url: https://git.r.bdr.sh/rbdr/r.bdr.sh/commitdiff_plain/cebe2ef30d60fdfbc73e43e910f13130f8d48418

Colorizes about, adds recorderjs, cheese trigger
---

diff --git a/jekyll/_layouts/default.html b/jekyll/_layouts/default.html
index fe583f0..416f382 100644
--- a/jekyll/_layouts/default.html
+++ b/jekyll/_layouts/default.html
@@ -15,12 +15,16 @@
     <script src="/js/prism.min.js" type="text/javascript"></script>
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
     <script src="https://cdn.firebase.com/js/client/1.0.21/firebase.js"></script>
+
     <script src="/js/vendor/neon/neon.js"></script>
     <script src="/js/vendor/neon/stdlib/node_support.js"></script>
     <script src="/js/vendor/neon/stdlib/custom_event.js"></script>
     <script src="/js/vendor/neon/stdlib/custom_event_support.js"></script>
     <script src="/js/vendor/neon/stdlib/widget.js"></script>
 
+    <script src="/js/vendor/recorderjs/recorder.js"></script>
+    <script src="/js/vendor/recorderjs/recorderWorker.js"></script>
+
     <script src="js/unlimited_pizza.js"></script>
     <script src="js/unlimited_pizza/melty_cheese.js"></script>
     <script type="text/javascript">
diff --git a/jekyll/about.html b/jekyll/about.html
index a9a2d93..fb29981 100644
--- a/jekyll/about.html
+++ b/jekyll/about.html
@@ -12,25 +12,25 @@ in spanish: Unlimited Pizza es donde pongo cosas... (el nombre viene más atrás
     <p><img src="/img/selfie.gif" alt="An image of @pigeonfolk."/></p>
 
     <p>Unlimited Pizza is brought to you by
-    <a href="https://twitter.com/pigeonfolk">@pigeonfolk</a>,
+    <a href="https://twitter.com/pigeonfolk" class="cyan">@pigeonfolk</a>,
     usually nerding out elsewhere and not writing here.
     Still not sure what language to use on the internet,
     so why not both ¯\_(ツ)_/¯.  Sometimes I like to
-    <a href="https://soundcloud.com/benbeltran">make music</a>, sometimes I like to
-    <a href="http://petitcochon.co">make games</a>, but most of the time
-    I'm <a href="https://github.com/benbeltran">doing something else</a>.
+    <a href="https://soundcloud.com/benbeltran" class="orange">make music</a>, sometimes I like to
+    <a href="http://petitcochon.co" class="green">make games</a>, but most of the time
+    I'm <a href="https://github.com/benbeltran" class="red">doing something else</a>.
     To get in touch you can <a href="mailto:ruben+up@unlimited.pizza">send me
       an email</a> and I'll probably respond; requests for crude drawings
     WILL be honored.</p>
 
     <p><em>Unlimited Pizza es traído a ti por
-    <a href="https://twitter.com/pigeonfolk">@pigeonfolk</a>,
+    <a href="https://twitter.com/pigeonfolk" class="cyan">@pigeonfolk</a>,
     usualmente nerdeando en otros lados y no escribiendo aquí.
     Aún no estoy seguro de que lenguaje usar en el internet,
     así que por que no los dos ¯\_(ツ)_/¯. A veces me gusta 
-    <a href="https://soundcloud.com/benbeltran">hacer música</a>, a veces me gusta
-    <a href="http://petitcochon.co">hacer juegos</a>, pero la mayoría de las veces
-    estoy <a href="https://github.com/benbeltran">haciendo algo más</a>.
+    <a href="https://soundcloud.com/benbeltran" class="orange">hacer música</a>, a veces me gusta
+    <a href="http://petitcochon.co" class="green">hacer juegos</a>, pero la mayoría de las veces
+    estoy <a href="https://github.com/benbeltran" class="red">haciendo algo más</a>.
     Para entrar en contacto puedes <a href="mailto:ruben+up@unlimited.pizza">mandar
       un mail</a> y probablemente responderé; solicitudes de dibujos crudos
     SERÁN atendidas.</em></p>
diff --git a/jekyll/js/unlimited_pizza/melty_cheese.js b/jekyll/js/unlimited_pizza/melty_cheese.js
index 5113a85..1059a60 100644
--- a/jekyll/js/unlimited_pizza/melty_cheese.js
+++ b/jekyll/js/unlimited_pizza/melty_cheese.js
@@ -37,6 +37,7 @@ Class(UnlimitedPizza, "MeltyCheese").inherits(Widget)({
       this._bindEvents();
 
       this.image = this.element.find('img')
+      this._onScroll();
     },
 
     _unload : function _unload() {