Colorizes about, adds recorderjs, cheese trigger

diff --git a/jekyll/_layouts/default.html b/jekyll/_layouts/default.html
index fe583f0bd418823a183e4e014b25207ddcd9a73f..416f382bbda449cc34d2ccf3553c06de887d70a8 100644 (file)
--- 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 a9a2d93da1b74b2f448acaa70abf08bd3fa3efa4..fb299811f43e39e80397eeacdfeac8a0264c7780 100644 (file)
--- 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 5113a85dd76ecfd082d13d3bbbdd4f443ea6f404..1059a6053a6c2662551b5a34d6f334b8805b1866 100644 (file)
--- 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() {