From: Ben Beltran <redacted>
Date: Sun, 13 Apr 2014 07:40:10 +0000 (-0500)
Subject: New version, new post. Yup
X-Git-Url: https://git.r.bdr.sh/rbdr/r.bdr.sh/commitdiff_plain/23760dda4174ba8eced33991c1294fd529e8ad42?ds=sidebyside;hp=d9f696ca4adc41884c2cb695cab81fff37d07c06

New version, new post. Yup
---

diff --git a/jekyll/_layouts/default.html b/jekyll/_layouts/default.html
index 1174c8e..f9718d7 100644
--- a/jekyll/_layouts/default.html
+++ b/jekyll/_layouts/default.html
@@ -9,7 +9,7 @@
     <link rel="stylesheet" type="text/css" href="/css/bootstrap-responsive.min.css" />
     <link rel="stylesheet" type="text/css" href="/css/application.css" />
     <title>N, S o Vocal &bull; {{ page.title }}</title>
-    <link href='http://fonts.googleapis.com/css?family=Signika+Negative:300|Open+Sans+Condensed:300&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
+    <link href='http://fonts.googleapis.com/css?family=Lato:100,400,700,400italic,700italic|Oswald:400,300' rel='stylesheet' type='text/css'>
     <link href="/atom.xml" type="application/atom+xml" rel="alternate" title="N, S o Vocal — The ATOM!">
     <script type="text/javascript">
 
@@ -37,26 +37,10 @@
         <li><a href="/etc.html">Etc</a></li>
       </ul>
     </nav>
-    <div class="container">
-      <div class="row main-container">
-        <section class="span7 offset1">
-          {{ content }}
-        </section>
-        <aside class="span3 offset1">
-          <h3>Categor&iacute;as</h3>
-          <ul>
-          {% for category in site.categories %}
-          <li{% cycle '', ' class="alt" ' %}><a href="/categories/{{ category | first }}/">{{ category | first }}</a> <span class="counter">{{ category | last | size}}</span></li>
-          {% endfor %}
-          </ul>
-          <h3>Tags</h3>
-          <ul>
-          {% for tag in site.tags %}
-          <li{% cycle '', ' class="alt" ' %}><a href="/tags/{{ tag | first}}" >{{ tag | first }}</a> <span class="counter">{{ tag | last | size }}</span></li>
-          {% endfor %}
-          </ul>
-        </aside>
-      </div>
+    <div class="main-container">
+      <section>
+        {{ content }}
+      </section>
     </div>
   </body>
 </html>
diff --git a/jekyll/_layouts/post.html b/jekyll/_layouts/post.html
index ba87cce..8ce9d14 100644
--- a/jekyll/_layouts/post.html
+++ b/jekyll/_layouts/post.html
@@ -2,22 +2,21 @@
 layout: default
 ---
 
-<div class="postcontainer">
-          <h1>{{ page.title }}</h1>
-          <div class="postmeta">
-            {{ page.author_email | gravatar_tag }} <a href="mailto:{{page.author_email }}" class="author">{{ page.author_name }}</a>
+<div class="postcontainer {{page.color}}">
+          <div class="post-image">
+            <img src="/img/headers/{{ page.header_image }}">
           </div>
-          <div class="posttags row">
-            <div class="span3">
-              <i class="icon-tags"></i>
-                {% for tag in page.tags %}
-                  <a href="/tags/{{tag}}">{{tag}}</a>
-                {% endfor %}
+          <h1 id="post-title">{{ page.title }}</h1>
+          <div class="post-meta">
+            <div class="post-date"><a href="{{ page.url }}">{{ page.date | date: "%Y-%m-%e"}}</a></div>
+            <div class="post-tags">
+              {% for tag in page.tags %}
+                <a href="/tags/{{tag}}">{{tag}}</a>
+              {% endfor %}
             </div>
-            <div class="span2"><i class="icon-folder-close"></i> <a href="/categories/{{page.category}}">{{ page.category }}</a></div>
-            <div class="span1"><i class="icon-calendar"></i> <a href="{{ page.url }}">{{ page.date | date: "%m/%e/%Y"}}</a></div>
           </div>
           <div class="postcontent">
             {{ content }}
           </div>
+          <a class="go-to-top" href="#post-title">↑ Go to top of article</a>
         </div>
diff --git a/jekyll/_layouts/tag_index.html b/jekyll/_layouts/tag_index.html
index 4c85c02..0c872f0 100644
--- a/jekyll/_layouts/tag_index.html
+++ b/jekyll/_layouts/tag_index.html
@@ -7,7 +7,8 @@ layout: default
     <ul>
       {% for post in site.tags[page.tag] %}
       <li>
-	<span>{{ post.date | date: "%m/%e/%Y" }}</span> <a href="{{ post.url }}">{{ post.title }}</a>
+      <span>{{ post.date | date: "%m/%e/%Y" }}</span> <a
+        class="{{post.color}}" href="{{ post.url }}">{{ post.title }}</a>
       </li>
       {% endfor %}
     </ul>
diff --git a/jekyll/_posts/2012-09-25-hola-mundo.md b/jekyll/_posts/2012-09-25-hola-mundo.md
index 8a9729e..37b1a4b 100644
--- a/jekyll/_posts/2012-09-25-hola-mundo.md
+++ b/jekyll/_posts/2012-09-25-hola-mundo.md
@@ -2,12 +2,12 @@
 layout: post
 title: Hola Jekyll
 category: proyectos
-tags: español
+tags: espanol
+color: grey
+header_image: jekyll-and-hyde.png
 description: "N, S o Vocal ha migrado: diganle hola a jekyll. Woo."
 ---
 
-![Jekyll Und Hyde][heading_image]
-
 Quien tiene tiempo de administrar un servidor con wordpress hoy en día.
 Nadie, eso es quien. Y por nadie quiero decir "yo no". Y por "Quien tiene
 tiempo de administrar un servidor con wordpress" quiero decir "Quien
@@ -32,7 +32,6 @@ algunos lugares donde pueden encontrarme.
 * [Email][email_address]
 * [Github][github_address]
 
-[heading_image]: /img/articles/hello-jekyll/jekyll-und-hyde.png
 [twitter_address]: http://twitter.com/benbeltran
 [email_address]: mailto:ben@nsovocal.com
 [github_address]: http://github.com
diff --git a/jekyll/_posts/2012-10-29-cuatro-tips-para-ser-un-buen-junkie-de-la-terminal.md b/jekyll/_posts/2012-10-29-cuatro-tips-para-ser-un-buen-junkie-de-la-terminal.md
index 386350f..46cc1eb 100644
--- a/jekyll/_posts/2012-10-29-cuatro-tips-para-ser-un-buen-junkie-de-la-terminal.md
+++ b/jekyll/_posts/2012-10-29-cuatro-tips-para-ser-un-buen-junkie-de-la-terminal.md
@@ -2,12 +2,12 @@
 layout: post
 title: Cuatro tips para ser un buen junkie de la terminal
 category: posts
-tags: español vim zsh tmux tips
+tags: espanol vim zsh tmux tips
+color: cyan
+header_image: tips-4-terminal.png
 description: "Cuatro tips para mantener y/o amplificar tu adicción a la terminal. De manera legal! (woo)"
 ---
 
-![Veces que esta escena ha sucedido en la vida real: 0][junkie-header]
-
 La terminal es un lugar bonito: todo es más rápido y conciso, puedes hacer más en un comando de lo que puedes hacer en una hora dando clicks, además, siempre te devuelve los libros que le prestas y no se queja si llegas repentinamente a su casa de visita; es casi perfecta. Así sin cambiar nada en cualquier sistema unixoso, ya sea una mac o linux o lo que sea que uses, puedes hacer mucho más de lo que creías que era posible con tan solo abrir una terminal y ponerte a regurgitar comandos.
 
 Lamentablemente no todo es bonito en el mundo de las terminales, oh no. La terminal es una adicción. Empieza de manera inocente: solo la abres para copiar algunas cosas o listar directorios, tal vez un grep de vez en cuando; o, "yo no quería usarla pero me dijeron que arreglaría mis problemas". Todos tenemos historias como esa, todos empezamos así, pero lo inocente pronto va escalando y ya no entras solo por un `ls` o un `cp`, ahora estás entrando a tu servidor por `ssh`; dejaste el `grep` y ahora usas `ack`; empiezas a usar tu source control sin GUI. Va empeorando cada vez más: Empiezas a ponerte nervioso cada vez que tienes que salir de la terminal, notas como el mouse no es tu amigo como lo pensabas, le gritas sudo a las personas cuando no quieren pasarte la salsa. Oh, es un problema muy grande y cada vez quieres más y más. Una vez que llegas a este estado no queda más que dejarse llevar, pero cada vez tocas límites más oscuros del internet: empiezas a buscar aplicaciones, tips, one-liners y plugins. ¡ALGUIEN PIENSE EN LOS NIÑOS!
@@ -83,4 +83,4 @@ Espero que haya sido de utilidad para esos junkies que estan buscando que más p
 [oh-my-zsh]: https://github.com/robbyrussell/oh-my-zsh
 [twitter]: https://twitter.com/benbeltran
 [mail]: mailto:ben@nsovocal.com
-[junkie-header]: /img/articles/junkie/junkie-header.png
\ No newline at end of file
+[junkie-header]: /img/articles/junkie/junkie-header.png
diff --git a/jekyll/_posts/2012-10-31-seis-meses-despues-la-vida-sin-facebook.md b/jekyll/_posts/2012-10-31-seis-meses-despues-la-vida-sin-facebook.md
index 0ff949e..98a83b4 100644
--- a/jekyll/_posts/2012-10-31-seis-meses-despues-la-vida-sin-facebook.md
+++ b/jekyll/_posts/2012-10-31-seis-meses-despues-la-vida-sin-facebook.md
@@ -2,12 +2,12 @@
 layout: post
 title: "Seis meses después: la vida sin facebook."
 category: posts
-tags: español facebook
+tags: espanol facebook
+color: blue
+header_image: vida-sin-facebook.png
 description: "Hace seis meses abandoné facebook, hoy hago una retrospectiva. Spoilers: BUENA decision."
 ---
 
-![INTERACCIÓN SOCIAL][header]
-
 Ya hace poco más de seis meses que abandoné facebook por completo *(bueno, no por completo, tengo una cuenta privada con un solo amigo, pero ese es otro cuento.)*. Seis meses es bastante tiempo, suficiente para pasar el tumulto del cambio inicial y llegar a una nueva normalidad. ¿Cómo han sido esos seis meses? ¿Fue una buena decisión? ¿Me arrepiento? ¿Estoy interesado en comprar un seguro para mi auto a precios competitivos? La respuesta a todas las preguntas anteriores es: si.
 
 ## Una interacción social más sana
@@ -33,4 +33,4 @@ Si me extrañas en facebook, o más probablemente, si quieres regañarme por tom
 
 [header]: /img/articles/facebook/facebook-header.png
 [twitter]: http://twitter.com/benbeltran
-[jabber]: mailto:ben@nsovocal.com
\ No newline at end of file
+[jabber]: mailto:ben@nsovocal.com
diff --git a/jekyll/_posts/2012-11-01-creando-un-juego-en-ruby-con-gamebox-0.md b/jekyll/_posts/2012-11-01-creando-un-juego-en-ruby-con-gamebox-0.md
deleted file mode 100644
index b2ccc33..0000000
--- a/jekyll/_posts/2012-11-01-creando-un-juego-en-ruby-con-gamebox-0.md
+++ /dev/null
@@ -1,111 +0,0 @@
----
-layout: post
-title: Creando un juego en ruby con gamebox
-category: posts
-tags: español ruby tutorial ruby-pong
-description: "Preámbulo para una serie de tutoriales en la que haremos un juego clon de pong utilizando la librería gamebox de ruby."
----
-
-![PEEEEWWWWWWWWWW][header]
-
-Este es el preámbulo de una serie de tutoriales para hacer un juego
-utilizando [gamebox][gamebox], una librería de ruby que nos permite
-hacer juegos de manera sencilla. En esta primera lección empezaremos el
-proyecto y analizaremos un poco los archivos que se crean, para poder
-empezar a hacer el juego realmente en nuestras sigueintes lecciones.
-
-El tutorial asume varias cosas, y es importante mantenerlas en mente al
-seguir el tutorial:
-
-1. El tutorial está pensado para OS X. Esto es particularmente
-   importante cuando instalemos librerías con `brew`. Si estás haciendo
-   el tutorial en linux, puedes usar herramientas para instalar paquetes
-   en tu distribución como `apt-get` o `yum`.
-
-2. La versión de ruby que usaremos es 1.9.3 ... el uso de rvm es
-   recomendado.
-
-## Parte 0: Instalar gamebox y empezar un proyecto.
-
-Instalar gamebox es fácil, solo tenemos que instalar la gema:
-
-    gem install gamebox
-
-Listo. Hemos instalado gamebox, pero esto no nos ayuda mucho, sólo nos
-permite crear el proyecto, aún falta un poco para poder empezar a hacer
-el juego. Para crear el proyecto es sencillo también:
-
-    gamebox ruby-pong
-
-Esto creará un directorio llamado ruby-pong que contiene varios
-archivos. Ya tendremos tiempo de revisarlos más a fondo, pero veamos
-rápido:
-
-    .
-    ├── Gemfile
-    ├── README
-    ├── Rakefile
-    ├── config
-    │   ├── boot.rb
-    │   ├── environment.rb
-    │   ├── game.yml
-    │   ├── gamebox_generator_version.yml
-    │   └── stage_config.yml
-    ├── data
-    │   ├── fonts
-    │   │   └── FONTS_GO_HERE
-    │   ├── graphics
-    │   │   └── GRAPHICS_GO_HERE
-    │   ├── music
-    │   │   └── MUSIC_GOES_HERE
-    │   └── sounds
-    │       └── SOUND_FX_GO_HERE
-    ├── doc
-    ├── lib
-    ├── script
-    │   └── generate
-    ├── spec
-    │   └── helper.rb
-    └── src
-        ├── app.rb
-        ├── demo_stage.rb
-        ├── game.rb
-        └── my_actor.rb
-
-Gamebox creó el esqueleto del proyecto por nosotros. Tenemos directorios
-bastante básicos para un proyecto de ruby: `src` que contiene nuestro
-código fuente, `config` que contiene archivos de configuración, `doc`
-donde va nuestra documentación, `lib` en donde pondremos librerías de
-apoyo para nuestro juego, `script` que contiene scripts para ayudar a
-generar elementos del juego, `spec` en donde haremos nuestras pruebas y
-`data` donde pondremos assets para nuestro juego como fonts, gráficos,
-música y efectos de sonido.
-
-Listo, nada fuera de lo normal ahí. Entre los archivos creados se
-encuentra un Gemfile. Lamentablemente, tiene algunas cosas que no
-sirven. Entonces hay que comentar o borrar la línea que dice `gem
-'chipmunk'` y se tiene que agregar una línea nueva al final del
-documento: `gem 'kvo', '0.0.2'`.
-
-Con eso listo solo nos quedan dos pasos para hacer:
-
-    $ bundle install
-    $ ruby src/app
-
-Listo! tienes tu primer juego corriendo. Aunque más que un juego es una
-pantalla negra con un cuadrito rojo... difícilmente algo que llamarías
-un juego. Pero pronto empezarán los tutoriales reales y haremos juntos
-un pong, como los viejos colonistas.
-
-P.S. En [Github][github] puedes encontrar un repositorio con el código que iremos
-haciendo. Habrá un branch para cada parte del tutorial.
-
-P.P.S. Si sabes instalar chipmunk en OS X 10.8 con Xcode 4.5, o si
-tienes alguna recomendación o pregunta, por favor hazla llegar
-por [Twitter][twitter] o [Email / Jabber][jabber]
-
-[header]: /img/articles/ruby-game-dev-0/header.png
-[gamebox]: http://shawn42.github.com/gamebox/
-[twitter]: http://twitter.com/benbeltran
-[jabber]: mailto:ben@nsovocal.com
-[github]: https://github.com/benbeltran/ruby-pong
diff --git a/jekyll/_posts/2013-03-12-introducing-lyricli.md b/jekyll/_posts/2013-03-12-introducing-lyricli.md
index a5c46b9..00954a9 100644
--- a/jekyll/_posts/2013-03-12-introducing-lyricli.md
+++ b/jekyll/_posts/2013-03-12-introducing-lyricli.md
@@ -3,8 +3,8 @@ layout: post
 title: "Introducing Lyricli — Command line lyrics."
 category: posts
 tags: english lyricli tools
-description: "Introducing lyricli, a lyrics client for your terminal
-written in ruby"
+header_image: lyricli.png
+description: "Introducing lyricli, a lyrics client for your terminal written in ruby"
 ---
 
 I'm the kind of person that enjoys reading lyrics of some songs while I listen to music. I'm also the kind of person that enjoys listening to music with lyrics while working. Also, the kind of person that spends a lot of time inside a terminal. So I decided to do a little lyrics client to use inside a pane of my tmux sessions. I've been using it for a while, but hadn't released it because I never got to writing tests for it.
diff --git a/jekyll/_posts/2014-04-13-from-the-journal-polarity-and-cows-updates.md b/jekyll/_posts/2014-04-13-from-the-journal-polarity-and-cows-updates.md
new file mode 100644
index 0000000..291acb6
--- /dev/null
+++ b/jekyll/_posts/2014-04-13-from-the-journal-polarity-and-cows-updates.md
@@ -0,0 +1,70 @@
+---
+layout: post
+title: "From the Journal: Polarity and Cows updates!"
+tags: english gamedev cows polarity
+color: green
+header_image: from-the-journal.png
+description: "A quick update of what's been going on with my game
+projects. There's some updates on polarity, the magnetic arena shooter;
+and a brief overview of what's been going down with cows, the bovine
+platform game."
+---
+
+I stopped uploading videos of cows development because my computer died a while ago because of water damage, now I'm finally in the land of the living and some updates for the projects. Cows and Polarity II are the two games I'm focusing on this year, Polarity II should release sometime this year since it's pretty simple and Cows should have a one level demo by december.  
+
+Polarity II is still being done with MonoGame and there are now working linux, mac and windows builds (That was the february goal.) The march goal was to get the waves system and the first wave working, but I got sidetracked and haven't done any coding. I do have some updates with that though, here are some crappy pics from the journal.
+
+![The difficulty table][polarity-difficulty-table]
+
+This is the difficulty table for polarity. The plan right now is to have a set of 10 waves each with different sets of baddies, and every time you clear the set you start from wave 1 (eg. 11) but with some difficulty modifier. This table lists what I thought was reasonable, though I still need to test it out in-game. There are only four factors to modify: Number of enemies, probability to randomly spawn a scout instead of a regular ship, probability to randomly spawn a shooter instead of a regular ship, and finally HP multiplier.
+
+![Trying to define waves][polarity-wave-baddies]
+
+I tried to define which baddies to use in which wave trying to introduce the special ones later. Pardon my drawing skills, but here's a guide: round with three prongs = regular ship, droplet = scout, round with many prongs = heavy, concave top + three prongs = shooter, concave top + many prongs = heavy shooter. There's also a small sketch of the wave screen, which now looks like this:
+
+![Polarity wave screen mock][polarity-wave-screen-mock]
+[Click to open with annotations.][polarity-wave-screen-mock-annottated]
+
+![First wave of polarity][polarity-first-wave]
+
+I kinda sketched the first wave with a notation I made quickly and annotated on the side. It's only an idea and I need to send it to the big book of levels.
+
+![Animationstuffs][polarity-animations]
+
+For polarity I also sketched out some ideas for the UI, trying to keep the chain information clear but unobstrusive. I mocked the chain break animation and giffed it with [recordit][recordit], which, btw, I help build :D
+
+![GIF][polarity-animation-mock]
+
+Cows has had a lot of progress too! For starters We're no longer going to use löve2d, it's an awesome tool and I'm really into lua, but we're doing everything in unity now which will make a lot of things waaay easier.[Toily][toily-twitter] jumped in to help and he and I are going to be working on it throughout the year to try and release a demo with part of the hub and vegetable fields.
+
+![The hub][cows-hub]
+
+The hub is pretty simple, but it ties all the other areas together. There's Ushi's dojo in the center, there's the milk bar for some hints, the exits to all the levels, and the fruit store which is important now. Every time you enter the hub from another area, your stomach will be emptied. However, there are fruit seeds found in the different areas which allow you to get the transformation from the fruit store and enter any level with any powerup. So that's fun.
+
+![Level one overview][cows-level-one-overview]
+
+The demo of the game will have the first area available, here's an overview of the basic makeup of the level including the expected route and a quick sketch of how it's distributed. These blocks don't mach 1:1 to a room though. They're just to easily separate the "zones" inside the vegetable fields.
+
+![Conceptish][cows-level-one-concept]
+
+I tried to draw a visual concept for the vegetable fields. I really want it to be a vegetable wasteland with lots of plantish debris, like ramps made out of giant carrots, giant eggplants half-buried in the ground, etc.
+
+![Sketch of bovine plains][cows-level-one-area-one]
+
+The first area will be bovine plains, this is quick sketch, trying to draw out the paths and the expected behaviors. I don't know what I'm doing. In the bottom is an allocation of space for the maps, we have to fit them all and maintain consistency with their position. That's going to mean a lot of sky tiles to the sides of the sky fortress. It would be a shame if someone hid something there.
+
+That's al the updates I have for now. Toily has a bunch of drawings, it would be awesome if he could share them as well! *\*nudge\**.
+
+[toily-twitter]: http://twitter.com/escusado
+[recordit]: http://recordit.co
+[polarity-difficulty-table]: /img/articles/from-the-journal/polarity-difficulty-table.jpg
+[polarity-wave-baddies]: /img/articles/from-the-journal/polarity-wave-baddies.jpg
+[polarity-wave-screen-mock-annottated]: /img/articles/from-the-journal/polarity-wave-screen-mock-annottated.png
+[polarity-wave-screen-mock]: /img/articles/from-the-journal/polarity-wave-screen-mock.png
+[polarity-first-wave]: /img/articles/from-the-journal/polarity-first-wave.jpg
+[polarity-animations]: /img/articles/from-the-journal/polarity-animations.jpg
+[polarity-animation-mock]: /img/articles/from-the-journal/polarity-animation-mock.gif
+[cows-hub]: /img/articles/from-the-journal/cows-hub.jpg
+[cows-level-one-overview]: /img/articles/from-the-journal/cows-level-one-overview.jpg
+[cows-level-one-concept]: /img/articles/from-the-journal/cows-level-one-concept.jpg
+[cows-level-one-area-one]: /img/articles/from-the-journal/cows-level-one-area-one.jpg
diff --git a/jekyll/css/application.css b/jekyll/css/application.css
index 76fe54d..f8b1bf2 100644
--- a/jekyll/css/application.css
+++ b/jekyll/css/application.css
@@ -1,54 +1,38 @@
-body {background-image: url(/img/bg.png)}
-a.logo {display: block; margin: 6.4616em auto 0; auto; width: 540px; height: 60px; background-image: url(/img/logo.png)}
+body {background-color: #fff}
+a.logo {display: block; margin: 1.538em 0 0 1.538em; width: 44.615em; height: 7.692em; background-image: url(/img/header.gif)}
 a.logo span {display:none}
-em {color: #7a8793}
+em {color:#99a3a4}
 
 nav ul{
   list-style: none;
-  margin: 0 auto 6.4616em;
-  text-align: center;
+  margin: 1.536em;
 }
 
 nav ul li{
   display: inline;
-  font-family: 'Open Sans condensed', sans-serif;
+  font-family: 'Oswald', sans-serif;
   text-transform: uppercase;
-  font-weight: 300;
-  font-size: 2em;
-  margin: 0.5em
+  font-weight: 400;
+  font-size: 2.769em;
+  margin: 0.555em;
 }
 
 nav ul li a{
-  color: #03090f;
+  color: #54575a;
   text-decoration: none;
 }
 
 nav ul li a:hover,
 nav ul li a:active,
 nav ul li a:focus {
-  color: #009edb;
+  color: #74777a;
   text-decoration: none;
 }
 
-.posttags{
-  font-family: 'Signika Negative', sans-serif;
-  background-color: #fff;
-  margin: 1em 0;
-  color: #03090f;
+.main-container {
+  margin: 3.077em 0;
 }
 
-.posttags .span1,
-.posttags .span2,
-.posttags .span3{
-  margin-left: 0;
-  margin-right: 0;
-  padding: 0.6154em 0.7692em;
-}
-
-.posttags .span1{width: 110px}
-.posttags .span2{width: 140px}
-.posttags .span3{width: 260px}
-
 .postcontainer{
   margin: 2em 0;
   font-family: 'Signika', sans-serif;
@@ -58,64 +42,103 @@ nav ul li a:focus {
 }
 
 .postcontainer h1{
-  font-family: 'Open Sans Condensed', sans-serif;
+  font-family: 'Oswald', sans-serif;
   text-transform: uppercase;
   font-weight: 300;
-  font-size: 2.77em;
+  color: #d30058;
+  margin: 0.666em 1.333em 0;
 }
 
-aside h3{
-  font-family: 'Open Sans Condensed', sans-serif;
-  font-weight: 300;
-  font-size: 1.85em;
-  margin: 1.0833em 0;
+.postcontainer.blue h1 {color: #0081cb}
+.postcontainer.green h1 {color: #43da30}
+.postcontainer.grey h1 {color: #9e978e}
+.postcontainer.yellow h1 {color: #ffda00}
+.postcontainer.orange h1 {color: #fd3839}
+.postcontainer.red h1 {color: #f32240}
+.postcontainer.cyan h1 {color: #74d0eb}
+.postcontainer.purple h1 {color: #400098}
+
+.post-meta {
+  margin-left: 3.077em;
 }
 
-aside ul{
-  margin-left: 0;
-  list-style: none;
+.post-meta > div {
+  display: inline-block;
+  font-size: 1.077em;
 }
 
-aside li{
-  display: block;
-  margin: 0;
-  background-color: #fff;
-  color: #03090f;
-  height: 2.9167em;
+.post-meta .post-date{width: 5.714em}
+.post-date a {color:#99a3a4}
+.post-tags a {color:#d30058; text-decoration: underline}
+
+.postcontainer.blue .post-tags a {color: #0081cb}
+.postcontainer.green .post-tags a {color: #43da30}
+.postcontainer.grey .post-tags a {color: #9e978e}
+.postcontainer.yellow .post-tags a {color: #ffda00}
+.postcontainer.orange .post-tags a {color: #fd3839}
+.postcontainer.red .post-tags a {color: #f32240}
+.postcontainer.cyan .post-tags a {color: #74d0eb}
+.postcontainer.purple .post-tags a {color: #400098}
+
+.post-image {height: 36.923em; background-color: #d30058; margin-top: 3.077em}
+
+.postcontainer.blue .post-image {background-color: #0081cb}
+.postcontainer.green .post-image {background-color: #43da30}
+.postcontainer.grey .post-image {background-color: #9e978e}
+.postcontainer.yellow .post-image {background-color: #ffda00}
+.postcontainer.orange .post-image {background-color: #fd3839}
+.postcontainer.red .post-image {background-color: #f32240}
+.postcontainer.cyan .post-image {background-color: #74d0eb}
+.postcontainer.purple .post-image {background-color: #400098}
+
+.postcontent {margin: 1.538em 3.077em;
+  -webkit-column-width: 36.923em;
+     -moz-column-width: 36.923em;
+          column-width: 36.923em;
+  -webkit-column-gap: 6.154em;
+     -moz-column-gap: 6.154em;
+          column-gap: 6.154em;
 }
 
-aside li.alt{
-  color: #333;
-  background-color: #fafafa;
-}
-
-aside li a,
-aside li a:visited,
-aside li a:hover,
-aside li a:active{ color: #03090f; padding: 0.7692em; line-height: 2.9167em }
-
-aside li.alt a,
-aside li.alt a:visited,
-aside li.alt a:hover,
-aside li.alt a:active{ color: #333 }
-
-aside .counter{ display: block; float: right; font-weight: bold; width: 2.9167em; height: 2.9167em; text-align: center; background-color: #00af4c; color: #fff; line-height: 2.9167em}
-aside li.alt .counter { background-color: #009edb}
-
 .postcontent p, .postcontent li{
-  font-size: 1.1em;
+  font-size: 1.077em;
   line-height: 1.6em;
   padding: 8px 0;
 }
 
-.postcontent em{
-  color: #666;
-  font-family: 'PT Sans', sans-serif;
-}
-
 .postcontent strong{
   font-weight: 400;
 }
 
+.go-to-top {color:#99a3a4; margin: 1.538em 3.077em; display: block}
+
 .main-container section,
 .main-container aside{ text-align: left}
+
+/* List pages */
+
+.related  {margin: 0 3.077em}
+.related ul {margin: 0 1.538em}
+.related li {font-size: 1.077em; font-family: "Lato"}
+.related a {color: #d30058}
+
+.related a.blue {color: #0081cb}
+.related a.green {color: #43da30}
+.related a.grey {color: #9e978e}
+.related a.yellow {color: #ffda00}
+.related a.orange {color: #fd3839}
+.related a.red {color: #f32240}
+.related a.cyan {color: #74d0eb}
+.related a.purple {color: #400098}
+
+.related h1{
+  font-family: 'Oswald', sans-serif;
+  text-transform: uppercase;
+  font-weight: 300;
+  padding-bottom: 0.666em;
+  color:#99a3a4;
+}
+
+/* Paginator */
+
+.paginator {font-size: 1.077em; margin: 2.857em; font-family: "Lato", sans-serif}
diff --git a/jekyll/css/new.css b/jekyll/css/new.css
new file mode 100644
index 0000000..00fd507
--- /dev/null
+++ b/jekyll/css/new.css
@@ -0,0 +1,9 @@
+@import url(http://fonts.googleapis.com/css?family=Quicksand:300|Josefin+Slab&subset=latin,latin-ext);
+
+header .logo {font-family: Quicksand, sans-serif; font-weight: 300; text-transform: lowercase; font-size: 7.2em; display: block; color: #fff; background-color: #c00; padding: 1em;}
+header .logo:hover {text-decoration: none; background-color: #d11}
+
+nav ul {list-style: none; background-color: #00A0B0; margin: 0 0 4em; padding-left: 6em}
+nav ul li {display: inline-block;}
+nav ul li a {display: block; height: 0.9em; padding: 1em; font-size: 1.84em; font-family: "Josefin Slab", sans-serif; text-transform: uppercase font-weight: normal; color: #fff}
+nav ul li a:hover {background-color: #11B1C1; color: #fff; text-decoration: none; border: none}
\ No newline at end of file
diff --git a/jekyll/etc.html b/jekyll/etc.html
index 9b1ca72..6ca7256 100644
--- a/jekyll/etc.html
+++ b/jekyll/etc.html
@@ -15,8 +15,6 @@ description: "Cosas que he hecho que no son tal cual proyectos. En general exper
     <ul>
       <li><strong><a href="/wooyay.php">Woo Yay!</a>:
         </strong> Página para celebrar. • <em> Celebration page </em></li>
-      <li><strong><a href="/esposario/">Esposario</a>:
-      </strong> Un esposo para cada semana. • <em> A husband a day </em></li>
       <li><strong><a href="/clima/">Termometro Fuzzy 1</a>:
       </strong> Un termometro fuzzy minimalista para Juárez. •
       <em> A fuzzy and minimalist thermometer for Juarez. </em></li>
diff --git a/jekyll/img/articles/from-the-journal/cows-hub.jpg b/jekyll/img/articles/from-the-journal/cows-hub.jpg
new file mode 100644
index 0000000..69a7262
Binary files /dev/null and b/jekyll/img/articles/from-the-journal/cows-hub.jpg differ
diff --git a/jekyll/img/articles/from-the-journal/cows-level-one-area-one.jpg b/jekyll/img/articles/from-the-journal/cows-level-one-area-one.jpg
new file mode 100644
index 0000000..07e9845
Binary files /dev/null and b/jekyll/img/articles/from-the-journal/cows-level-one-area-one.jpg differ
diff --git a/jekyll/img/articles/from-the-journal/cows-level-one-concept.jpg b/jekyll/img/articles/from-the-journal/cows-level-one-concept.jpg
new file mode 100644
index 0000000..cc2729d
Binary files /dev/null and b/jekyll/img/articles/from-the-journal/cows-level-one-concept.jpg differ
diff --git a/jekyll/img/articles/from-the-journal/cows-level-one-overview.jpg b/jekyll/img/articles/from-the-journal/cows-level-one-overview.jpg
new file mode 100644
index 0000000..18eee03
Binary files /dev/null and b/jekyll/img/articles/from-the-journal/cows-level-one-overview.jpg differ
diff --git a/jekyll/img/articles/from-the-journal/polarity-animation-mock.gif b/jekyll/img/articles/from-the-journal/polarity-animation-mock.gif
new file mode 100644
index 0000000..6367bb9
Binary files /dev/null and b/jekyll/img/articles/from-the-journal/polarity-animation-mock.gif differ
diff --git a/jekyll/img/articles/from-the-journal/polarity-animations.jpg b/jekyll/img/articles/from-the-journal/polarity-animations.jpg
new file mode 100644
index 0000000..40a4967
Binary files /dev/null and b/jekyll/img/articles/from-the-journal/polarity-animations.jpg differ
diff --git a/jekyll/img/articles/from-the-journal/polarity-difficulty-table.jpg b/jekyll/img/articles/from-the-journal/polarity-difficulty-table.jpg
new file mode 100644
index 0000000..d4c3062
Binary files /dev/null and b/jekyll/img/articles/from-the-journal/polarity-difficulty-table.jpg differ
diff --git a/jekyll/img/articles/from-the-journal/polarity-first-wave.jpg b/jekyll/img/articles/from-the-journal/polarity-first-wave.jpg
new file mode 100644
index 0000000..ab2aff5
Binary files /dev/null and b/jekyll/img/articles/from-the-journal/polarity-first-wave.jpg differ
diff --git a/jekyll/img/articles/from-the-journal/polarity-wave-baddies.jpg b/jekyll/img/articles/from-the-journal/polarity-wave-baddies.jpg
new file mode 100644
index 0000000..54a7faa
Binary files /dev/null and b/jekyll/img/articles/from-the-journal/polarity-wave-baddies.jpg differ
diff --git a/jekyll/img/articles/from-the-journal/polarity-wave-screen-mock-annottated.png b/jekyll/img/articles/from-the-journal/polarity-wave-screen-mock-annottated.png
new file mode 100644
index 0000000..5317952
Binary files /dev/null and b/jekyll/img/articles/from-the-journal/polarity-wave-screen-mock-annottated.png differ
diff --git a/jekyll/img/articles/from-the-journal/polarity-wave-screen-mock.png b/jekyll/img/articles/from-the-journal/polarity-wave-screen-mock.png
new file mode 100644
index 0000000..5930d69
Binary files /dev/null and b/jekyll/img/articles/from-the-journal/polarity-wave-screen-mock.png differ
diff --git a/jekyll/img/articles/hello-jekyll/jekyll-und-hyde.png b/jekyll/img/articles/hello-jekyll/jekyll-und-hyde.png
deleted file mode 100644
index b0a251d..0000000
Binary files a/jekyll/img/articles/hello-jekyll/jekyll-und-hyde.png and /dev/null differ
diff --git a/jekyll/img/header.gif b/jekyll/img/header.gif
new file mode 100644
index 0000000..4a96401
Binary files /dev/null and b/jekyll/img/header.gif differ
diff --git a/jekyll/img/headers/from-the-journal.png b/jekyll/img/headers/from-the-journal.png
new file mode 100644
index 0000000..3877192
Binary files /dev/null and b/jekyll/img/headers/from-the-journal.png differ
diff --git a/jekyll/img/headers/jekyll-and-hyde.png b/jekyll/img/headers/jekyll-and-hyde.png
new file mode 100644
index 0000000..f4cd18c
Binary files /dev/null and b/jekyll/img/headers/jekyll-and-hyde.png differ
diff --git a/jekyll/img/headers/lyricli.png b/jekyll/img/headers/lyricli.png
new file mode 100644
index 0000000..45af18e
Binary files /dev/null and b/jekyll/img/headers/lyricli.png differ
diff --git a/jekyll/img/headers/tips-4-terminal.png b/jekyll/img/headers/tips-4-terminal.png
new file mode 100644
index 0000000..6300eb5
Binary files /dev/null and b/jekyll/img/headers/tips-4-terminal.png differ
diff --git a/jekyll/img/headers/vida-sin-facebook.png b/jekyll/img/headers/vida-sin-facebook.png
new file mode 100644
index 0000000..1177081
Binary files /dev/null and b/jekyll/img/headers/vida-sin-facebook.png differ
diff --git a/jekyll/index.html b/jekyll/index.html
index b56530b..891515b 100644
--- a/jekyll/index.html
+++ b/jekyll/index.html
@@ -5,26 +5,27 @@ description: "N, S o Vocal. El lote abandonado de Ben Beltran. Juegos, Web y ño
 ---
 <div class="content">
       {% for post in paginator.posts %}
-        <div class="postcontainer">
-          <h1>{{ post.title }}</h1>
-          <div class="posttags row">
-            <div class="span3">
-              <i class="icon-tags"></i>
+        <div class="postcontainer {{post.color}}">
+            <div class="post-image">
+              <img src="/img/headers/{{ post.header_image }}">
+            </div>
+            <h1 id="{{post.id}}">{{ post.title }}</h1>
+            <div class="post-meta">
+              <div class="post-date"><a href="{{ post.url }}">{{ post.date | date: "%Y-%m-%e"}}</a></div>
+              <div class="post-tags">
                 {% for tag in post.tags %}
                   <a href="/tags/{{tag}}">{{tag}}</a>
                 {% endfor %}
+              </div>
             </div>
-            <div class="span2"><i class="icon-folder-close"></i> <a href="/categories/{{ post.category }}">{{ post.category }}</a></div>
-            <div class="span1"><i class="icon-calendar"></i> <a href="{{ post.url }}">{{ post.date | date: "%m/%e/%Y"}}</a></div>
-          </div>
-          <div class="postcontent">
-            {{ post.content }}
+            <div class="postcontent">
+              {{ post.content }}
+            </div>
+            <a class="go-to-top" href="#{{post.id}}">↑ Go to top of article</a>
           </div>
-        </div>
-          <hr/>
       {% endfor %}
 </div>
-  <div class="row">
+  <div class="row paginator">
     <div class="span2">
     {% if paginator.previous_page %}
     {% if paginator.previous_page == 1 %}
@@ -45,3 +46,4 @@ description: "N, S o Vocal. El lote abandonado de Ben Beltran. Juegos, Web y ño
       &nbsp;
     {% endif %}
     </div>
+  </div>
diff --git a/jekyll/projects.html b/jekyll/projects.html
index 490cfa6..25d445e 100644
--- a/jekyll/projects.html
+++ b/jekyll/projects.html
@@ -8,6 +8,21 @@ description: "Lista de proyectos de Ben Beltran... cosas en las que estoy o esta
   <div class="related">
     <h1>Proyectos / Projects</h1>
     <ul>
+      <li>
+        <strong><a
+            href="http://github.com/freshout-dev/thulium">Thulium</a>:</strong>
+        Un sistema de templetes muy rápido para javascript, con soporte
+        de bloques rompibles imprimibles, una sintaxis sana y spec como
+        se debe.
+        • <em> A really fast templating engine for javascript with breakable
+        printable blocks, a sane syntax and a proper spec.</em>
+      </li>
+      <li>
+        <strong><a
+            href="http://github.com/benbeltran/cobalt">Cobalt</a>:</strong>
+        Un multiplexor sencillo de logs en formato JSON.
+        • <em> A really simple JSON format log multiplexer.</em>
+      </li>
       <li>
         <strong><a
             href="http://github.com/benbeltran/lyricli">Lyricli</a>:</strong>
@@ -19,20 +34,10 @@ description: "Lista de proyectos de Ben Beltran... cosas en las que estoy o esta
             Magnetism! </em>
       </li>
       <li><strong>Polarity II (WIP): </strong>
-      La siguiente iteración de polarity para Xbox Indie Games, Windows
-      y Mac. Desarrollandose con <a
-        href="http://twitter.com/loose24">Loose</a> bajo el nombre de
-      Powerdown Games.
-      •
-      <em> The next iteration of
-      polarity, for Xbox Indie Games, Windows and Mac. Being developed
-      with <a href="http://twitter.com/loose24">Loose</a> under the name
-      Powerdown Games.</em></li>
-      <li><strong><a
-          href="http://abuguet.net/2012/08/03/i-heart-cats-un-juego-sobre-gatos/">I
-          Heart Cats (WIP)</a>: </strong>
-      Un juego de gatos, de Powerdown Games • <em> A game about cats, by
-        Powerdown Games</em>
+      Arena Shooter magnetico para Windows, Mac y Linux, hecho con
+      MonoGame•
+      <em> Next version of the magnetic arena shooter polarity, for
+        Windows, Mac and Linux; made with magnetism.</em>
       </li>
       <li>
       <strong><a href="https://github.com/benbeltran/Pico-Engine">Pico
@@ -44,12 +49,6 @@ description: "Lista de proyectos de Ben Beltran... cosas en las que estoy o esta
           game programming. It has long since been abandoned and the
           code is a mess, but there it is. Written in C and Lua.</em>
       </li>
-      <li><strong>Temporada de Patos: </strong> Expo, Torneo y
-      Convención de videojuegos hecho por gamers, para gamers. • <em>
-       Videogame Expo, Convention and Tournament made by gamers, for
-       gamers.</em>
-       </li>
-       <li><strong>Abuguet: </strong> It's complicated.</li>
       <li>
         <strong><a
             href="/cursoc">Curso Express de C</a>:</strong>