]> git.r.bdr.sh - rbdr/r.bdr.sh/commitdiff
Merge branch 'master' of bitbucket.org:benbeltran/n-s-o-vocal
authorBen Beltran <redacted>
Wed, 6 Mar 2013 15:07:44 +0000 (09:07 -0600)
committerBen Beltran <redacted>
Wed, 6 Mar 2013 15:07:44 +0000 (09:07 -0600)
12 files changed:
jekyll/_layouts/default.html
jekyll/_layouts/post.html
jekyll/_posts/2012-10-29-cuatro-tips-para-ser-un-buen-junkie-de-la-terminal.md
jekyll/_posts/2012-10-31-seis-meses-despues-la-vida-sin-facebook.md [new file with mode: 0644]
jekyll/about.html
jekyll/cerdoaleatorio/index.htm
jekyll/cerdoaleatorio/script.coffee [new file with mode: 0644]
jekyll/curriculum/index.htm
jekyll/curriculum/index.htm.bak [new file with mode: 0644]
jekyll/etc.html
jekyll/img/articles/facebook/facebook-header.png [new file with mode: 0644]
jekyll/index.html

index f305b09bb85c3f89847edf69fb8425963f53d575..4124b15b7940b095284ce56b5694356adaf42f97 100644 (file)
@@ -13,8 +13,7 @@
     <script type="text/javascript">
 
       var _gaq = _gaq || [];
-      _gaq.push(['_setAccount', 'UA-20018878-2']);
-      _gaq.push(['_setDomainName', 'nsovocal.com']);
+      _gaq.push(['_setAccount', 'UA-20018878-4']);
       _gaq.push(['_trackPageview']);
 
       (function() {
index 395f741f66061d2dfc8faea34fd7ba83eddd054c..4fe1cca2d73bf7df13827d58b5bc3525e239f57a 100644 (file)
@@ -11,10 +11,10 @@ layout: default
             <div class="span4">
               <i class="icon-tags"></i>
                 {% for tag in page.tags %}
-                  <a href="/">{{tag}}</a>
+                  <a href="/tags/{{tag}}">{{tag}}</a>
                 {% endfor %}
             </div>
-            <div class="span2"><i class="icon-folder-close"></i> <a href="/">{{ page.category }}</a></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">
index dd425cd717173c154cc59dc6766a52289195d33d..386350f83558c298563a61cdcdfdd85548261dc4 100644 (file)
@@ -1,70 +1,78 @@
-# Cuatro tips para ser un buen junkie de la terminal
+---
+layout: post
+title: Cuatro tips para ser un buen junkie de la terminal
+category: posts
+tags: español vim zsh tmux tips
+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!
 
-Afortunadamente no tienes que buscar muy lejos, pues tengo aquí un programa de cuatro pasos para hacerte un mejor junkie de la terminal *(¿Qué, quién dijo algo sobre curar la adicci��n... que monstruo har��a tal cosa?)*
+Afortunadamente no tienes que buscar muy lejos, pues tengo aquí un programa de cuatro pasos para hacerte un mejor junkie de la terminal *(¿Qué, quién dijo algo sobre curar la adicción... que monstruo haría tal cosa?)*
 
 ## 1. Usa vim
 
-`vim` es una droga bastante particular: ves a los usuarios veteranos y te sorprende la velocidad con la que hacen todo, parecen magos controlando texto; aut��nticos code-benders. Luego decides intentarlo y te quedas pasmado por aproximadamente quince minutos pensando: "��Que significa normal? ��� ��Dej�� el horno prendido? ��� ��Como empiezo a escribir? ... ��cre�� que era un editor de texto!" y luego lo cerrar��s con un gran sentido de confusi��n solo para reintentarlo cuando el siguiente art��culo sobre `vim` llegue al frontpage de Hacker News. Pero no te rindas:
+`vim` es una droga bastante particular: ves a los usuarios veteranos y te sorprende la velocidad con la que hacen todo, parecen magos controlando texto; auténticos code-benders. Luego decides intentarlo y te quedas pasmado por aproximadamente quince minutos pensando: "¿Que significa normal? — ¿Dejé el horno prendido? — ¿Como empiezo a escribir? ... ¡creí que era un editor de texto!" y luego lo cerrarás con un gran sentido de confusión solo para reintentarlo cuando el siguiente artículo sobre `vim` llegue al frontpage de Hacker News. Pero no te rindas:
 
-1. Es normal sentirse as��.
+1. Es normal sentirse así.
 2. Todo va a mejorar.
 3. Vas a subestimar lo que quiero decir con "Todo va a mejorar".
 4. Code-bending.
 
-Empezar con `vim` es una experiencia m��s bien rara porque no est��s acostumbrado a usar un editor con esa filosof��a, y eso toma pr��ctica; es como aprender un nuevo lenguaje. Mi consejo es el siguiente: avientate un tutorial b��sico, luego usa vim, luego usa vim, luego usa vim y luego por dios y todo lo sagrado usa vim. Los comandos tienen que grabarse en tu memoria muscular y la mejor forma de hacerlo es usandolos una y otra vez. Guarda un [cheat sheet][vim-cheat2] y consultalo cuando no sepas que hacer y sigue trabajandolo. ��� Ah, si, una recomendaci��n que puede no ser muy popular en algunos c��rculos es que no instales plugins cuando est��s empezando: aprender a usar lo que el editor solo te ofrece te ayudar�� a conocer m��s el n��cleo y te har�� r��pido sin hacerte dependiente en una serie de add-ons que pueden o no existir en el `vim` de tu abuelita (si, tu abuelita lo usa y es muy buena con ��l, pero no instala plugins ��� bueno, solo CtrlP)
+Empezar con `vim` es una experiencia más bien rara porque no estás acostumbrado a usar un editor con esa filosofía, y eso toma práctica; es como aprender un nuevo lenguaje. Mi consejo es el siguiente: avientate un tutorial básico, luego usa vim, luego usa vim, luego usa vim y luego por dios y todo lo sagrado usa vim. Los comandos tienen que grabarse en tu memoria muscular y la mejor forma de hacerlo es usandolos una y otra vez. Guarda un [cheat sheet][vim-cheat2] y consultalo cuando no sepas que hacer y sigue trabajandolo. — Ah, si, una recomendación que puede no ser muy popular en algunos círculos es que no instales plugins cuando estés empezando: aprender a usar lo que el editor solo te ofrece te ayudará a conocer más el núcleo y te hará rápido sin hacerte dependiente en una serie de add-ons que pueden o no existir en el `vim` de tu abuelita (si, tu abuelita lo usa y es muy buena con él, pero no instala plugins — bueno, solo CtrlP)
 
-Es com��n que durante tus primeros hits de `vim` quieras dejarlo y volver al abrazo c��lido y familiar de tu editor de costumbre. No. Lo. Hagas. Sigue editando hasta que te sangren los dedos y obligate a usarlo hata que te sientas c��modo: Una vez que superes la barrera inicial, ir��s haciendote m��s r��pido, m��s r��pido, hasta el grado en que te empieza a molestar no tener los controles de `vim` en los clientes de correo, en los `<textarea>` y en los cuadernos de composici��n.
+Es común que durante tus primeros hits de `vim` quieras dejarlo y volver al abrazo cálido y familiar de tu editor de costumbre. No. Lo. Hagas. Sigue editando hasta que te sangren los dedos y obligate a usarlo hata que te sientas cómodo: Una vez que superes la barrera inicial, irás haciendote más rápido, más rápido, hasta el grado en que te empieza a molestar no tener los controles de `vim` en los clientes de correo, en los `<textarea>` y en los cuadernos de composición.
 
-Un tutorial recomendado es `vimtutor`: corriendo ese comando en la terminal, podr��s seguir un ��til tutorial guiado usando9 el mismo editor. Puedes complementarlo con [uno de tantos][vim-cheat2] [Cheat Sheets.][vim-cheat1]
+Un tutorial recomendado es `vimtutor`: corriendo ese comando en la terminal, podrás seguir un útil tutorial guiado usando el mismo editor. Puedes complementarlo con [uno de tantos][vim-cheat2] [Cheat Sheets.][vim-cheat1]
 
 ## 2. Usa tmux
 
-��Qu�� es mejor que una terminal? ��Muchas terminales!. Cantidades enormes de terminales entre las que te puedes mover con el teclado. `tmux` o `terminal multiplexer` es una aplicaci��n que te ayuda a partir tus sesiones de terminal en pesta��as y p��neles para particionar tu pantalla y organizar mejor tus diferentes terminales. ��Cu��l es el beneficio? Pues todo depende de para que lo uses; en mi caso: Puedo poner `vim` en la mitad izquierda de la pantalla y dos sesiones de `zsh` en la otra mitad, una arriba de la otra; en la de arriba puedo correr comandos como `ack` y `tree`, o hacer operaciones en el disco; en el otro puedo tener el servidor de rails, un irb o algun log con `less` o `tail`; cuando tengo el monitor extra conectado puedo poner una columna con la letra de la canci��n que estoy escuchando en rdio; tambi��n podr��a tener `vim` y `zsh` en una pesta��a, `irb`, `rails s` o `mongo` en otro; o puedo tener un proyecto de rails en un tab, cada rack engine que est�� usando en otro y el server de staging en ssh en otro... `htop` en bla bla bla bla bla bla ... De verdad cambia como organizas tu trabajo.
+¿Qué es mejor que una terminal? ¡Muchas terminales!. Cantidades enormes de terminales entre las que te puedes mover con el teclado. `tmux` o `terminal multiplexer` es una aplicación que te ayuda a partir tus sesiones de terminal en pestañas y páneles para particionar tu pantalla y organizar mejor tus diferentes terminales. ¿Cuál es el beneficio? Pues todo depende de para que lo uses; en mi caso: Puedo poner `vim` en la mitad izquierda de la pantalla y dos sesiones de `zsh` en la otra mitad, una arriba de la otra; en la de arriba puedo correr comandos como `ack` y `tree`, o hacer operaciones en el disco; en el otro puedo tener el servidor de rails, un irb o algun log con `less` o `tail`; cuando tengo el monitor extra conectado puedo poner una columna con la letra de la canción que estoy escuchando en rdio; también podría tener `vim` y `zsh` en una pestaña, `irb`, `rails s` o `mongo` en otro; o puedo tener un proyecto de rails en un tab, cada rack engine que esté usando en otro y el server de staging en ssh en otro... `htop` en bla bla bla bla bla bla ... De verdad cambia como organizas tu trabajo.
 
-La otra cosa que hace muy bien es permitirte despegarte de una sesi��n para reconectarte luego. Puedes abrir una sesi��n de `tmux` para un proyecto, y cuando ya quieras olvidarte de el simplemente te despegas de la sesi��n y vuelves a tu terminal normal o empiezas a trabajar en otro proyecto. Cuando quieras volver a el, solo vuelves a pegarte a la sesi��n y de nuevo estar��n tus ventanas como las hab��as dejado. Es bastante sorprendente el cambio que hace poder "entrar y salir" de contextos: cuando vuelves a la posici��n de un proyecto anterior, es como si tu cerebro se cambiara de modo al mismo en que estabas cuando lo dejaste. Incluso puedes cerrar la terminal y seguir��n ah�� (solo no apagues la computadora, para eso hay que seguir leyendo)
+La otra cosa que hace muy bien es permitirte despegarte de una sesión para reconectarte luego. Puedes abrir una sesión de `tmux` para un proyecto, y cuando ya quieras olvidarte de el simplemente te despegas de la sesión y vuelves a tu terminal normal o empiezas a trabajar en otro proyecto. Cuando quieras volver a el, solo vuelves a pegarte a la sesión y de nuevo estarán tus ventanas como las habías dejado. Es bastante sorprendente el cambio que hace poder "entrar y salir" de contextos: cuando vuelves a la posición de un proyecto anterior, es como si tu cerebro se cambiara de modo al mismo en que estabas cuando lo dejaste. Incluso puedes cerrar la terminal y seguirán ahí (solo no apagues la computadora, para eso hay que seguir leyendo)
 
-Adem��s, te hace ver interesante.
+Además, te hace ver interesante.
 
-Si quieres configurar mejor tu `tmux` y aprender algo sobre que puede hacer, recomiendo [esta gu��a][tmux1] [en dos partes][tmux2]. 
+Si quieres configurar mejor tu `tmux` y aprender algo sobre que puede hacer, recomiendo [esta guía][tmux1] [en dos partes][tmux2]. 
 
 ### Extra hit: tmuxinator ###
 
-Si empiezas a usar `tmux` y quieres tener m��s control sobre como empezar proyectos y que hacer en caso de que apagues la computadora y se mueran tus sesiones, entonces necesitas [`tmuxinator`][tmuxinator]: una gema de ruby que te permite definir tus pesta��as, p��neles y los comandos que correr�� cada uno en un conveniente archivo de yaml que se usar�� para generar tu ambiente cada vez que tenga que reiniciar la sesi��n.
+Si empiezas a usar `tmux` y quieres tener más control sobre como empezar proyectos y que hacer en caso de que apagues la computadora y se mueran tus sesiones, entonces necesitas [`tmuxinator`][tmuxinator]: una gema de ruby que te permite definir tus pestañas, páneles y los comandos que correrá cada uno en un conveniente archivo de yaml que se usará para generar tu ambiente cada vez que tenga que reiniciar la sesión.
 
 ## 3. Sincroniza tus dotfiles
 
-Llega un punto en la vida de todo junkie en la cual tiene que usar una computadora nueva, prestada o robada. Ach! Terrible. Despu��s de todo el tiempo que invertiste configurando tu prompt, tus opciones de `ack`, tu configuraci��n de `vim`, tu profile de `bash` o `zsh`; solo para perderlo todo. Llegas a un triste prompt blanco y vac��o y tienes tres opciones: a) re-configuras todo hasta un modo aceptable, b) usar la terminal en modo vainilla, o c) pasar tus archivos de configuraci��n de una maquina a otra.
+Llega un punto en la vida de todo junkie en la cual tiene que usar una computadora nueva, prestada o robada. Ach! Terrible. Después de todo el tiempo que invertiste configurando tu prompt, tus opciones de `ack`, tu configuración de `vim`, tu profile de `bash` o `zsh`; solo para perderlo todo. Llegas a un triste prompt blanco y vacío y tienes tres opciones: a) re-configuras todo hasta un modo aceptable, b) usar la terminal en modo vainilla, o c) pasar tus archivos de configuración de una maquina a otra.
 
-Obviamente, la raz��n m��s sana es c), pero cargar los archivos es una molestia y adem��s, ��Qu�� pasa si luego modificas una en otra maquina? o ��Qu�� pasa si tienes que usar la terminal remota de un hermita��o que no te permite conectar dispositivos f��sicos? ... Si tan solo *git* hubiera *git* algo *git* que haga *git* el manejo *git* de versiones de archivos de texto *giiiiit* de una manera *giiiiiiiit* distribuida y que adem��s sea f��cil *giiiiiiiiiiiiiiiit* de *giiiiiiiiiiiiiiiiiiiiiit*....
+Obviamente, la razón más sana es c), pero cargar los archivos es una molestia y además, ¿Qué pasa si luego modificas una en otra maquina? o ¿Qué pasa si tienes que usar la terminal remota de un hermitaño que no te permite conectar dispositivos físicos? ... Si tan solo *git* hubiera *git* algo *git* que haga *git* el manejo *git* de versiones de archivos de texto *giiiiit* de una manera *giiiiiiiit* distribuida y que además sea fácil *giiiiiiiiiiiiiiiit* de *giiiiiiiiiiiiiiiiiiiiiit*....
 
 `git`.
 
-Puedes crear un directorio `.dotfiles` en tu directorio base y hacer un repo de git ah�� y meter todos tus "dotfiles" como `.bash_profile` o `.ackrc` o todo el directorio `.vim`. Luego solo es cuesti��n de hacer links a su lugar original y ahora podr��s clonar tu repo y reaplicar tus configuraciones en cualquier maquina que tenga git. ��Y si no tiene `git`? ��Por qu�� no lo tiene? ��Por qu�� la estas usando? ��De qui��n es? ��Qui��n podr��a estar a la puerta a estas horas? ��Acaso es el due��o de la computadora? Ahora si que est��s en problemas.
+Puedes crear un directorio `.dotfiles` en tu directorio base y hacer un repo de git ahí y meter todos tus "dotfiles" como `.bash_profile` o `.ackrc` o todo el directorio `.vim`. Luego solo es cuestión de hacer links a su lugar original y ahora podrás clonar tu repo y reaplicar tus configuraciones en cualquier maquina que tenga git. ¿Y si no tiene `git`? ¿Por qué no lo tiene? ¿Por qué la estas usando? ¿De quién es? ¿Quién podría estar a la puerta a estas horas? ¿Acaso es el dueño de la computadora? Ahora si que estás en problemas.
 
-Si tienes dudas, puedes consultar [esta buena gu��a][dotfiles] para tener tus dotfiles sincronizados en "la nuuuubeeeeee" *(agregue un efecto de arcoiris)*.
+Si tienes dudas, puedes consultar [esta buena guía][dotfiles] para tener tus dotfiles sincronizados en "la nuuuubeeeeee" *(agregue un efecto de arcoiris)*.
 
 ## 4. Usa zsh
 
-`bash` es una buena terminal y ha sido mi amiga desde hace a��os: hemos vivido tantas cosas juntos que se podr��a decir que nuestra relaci��n es tal que solo una persona superficial la dejar��a. Pues soy superficial, y la dej��. Por algo mejor: `zsh`.
+`bash` es una buena terminal y ha sido mi amiga desde hace años: hemos vivido tantas cosas juntos que se podría decir que nuestra relación es tal que solo una persona superficial la dejaría. Pues soy superficial, y la dejé. Por algo mejor: `zsh`.
 
-��Blasfemia! ��Qu�� podr��a tener de mejor `zsh`? Una lista de mis features favoritos:
+¡Blasfemia! ¿Qué podría tener de mejor `zsh`? Una lista de mis features favoritos:
 
 * Autocomplete en los parametros de comandos *(e.g. con kill te muestra una lista de procesos y con git te muestra los comandos como checkout, merge, etc.)*
 * Autocompletado interno de paths *(e.g. /Us/be/Do/pr/m + tab => /Users/benbeltran/Documents/projects/my-project.)*
 * Historial compartido.
-* Correci��n de errores *(e.g. si escribes vmi, te preguntar�� si no quieres decir vim :)*
+* Correción de errores *(e.g. si escribes vmi, te preguntará si no quieres decir vim :)*
 * Poder navegar con las flechas cuando aparecen las opciones para tab completion
-* Globbing avanzado que te permite hacer operaciones avanzadas como seleccionar solo los symlinks de un subdirectorio, o solo los directorios que tengan cierto patr��n. * Muchos, muchos plugins.
+* Globbing avanzado que te permite hacer operaciones avanzadas como seleccionar solo los symlinks de un subdirectorio, o solo los directorios que tengan cierto patrón. * Muchos, muchos plugins.
 
-La mejor forma de disfrutar `zsh` es utilizando [oh-my-zsh][oh-my-zsh]: una forma sencilla de instalar `zsh` con una buena cantidad de plugins, temas y configuraciones que te har��n la vida m��s f��cil. Yo personalmente uso una versi��n modificada del tema "prose", pero hay mucha variedad para elegir.
+La mejor forma de disfrutar `zsh` es utilizando [oh-my-zsh][oh-my-zsh]: una forma sencilla de instalar `zsh` con una buena cantidad de plugins, temas y configuraciones que te harán la vida más fácil. Yo personalmente uso una versión modificada del tema "prose", pero hay mucha variedad para elegir.
 
 ---------------------------------
 
-Espero que haya sido de utilidad para esos junkies que estan buscando que m��s pueden hacer con su terminal, y espero que caigan m��s y m��s en el vicio. Si quieres rega��arme o exigirme pago por alg��n destrozo que haya causado en tu casa, o si le molesta que lo tutee, puede encontrarme en [twitter][twitter] o por [correo / jabber][mail].
+Espero que haya sido de utilidad para esos junkies que estan buscando que más pueden hacer con su terminal, y espero que caigan más y más en el vicio. Si quieres regañarme o exigirme pago por algún destrozo que haya causado en tu casa, o si le molesta que lo tutee, puede encontrarme en [twitter][twitter] o por [correo / jabber][mail].
 
 [vim-cheat1]: http://www.viemu.com/vi-vim-cheat-sheet.gif
 [vim-cheat2]: http://www.tuxfiles.org/linuxhelp/vimcheat.html
@@ -75,3 +83,4 @@ Espero que haya sido de utilidad para esos junkies que estan buscando que m�
 [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
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
new file mode 100644 (file)
index 0000000..0ff949e
--- /dev/null
@@ -0,0 +1,36 @@
+---
+layout: post
+title: "Seis meses después: la vida sin facebook."
+category: posts
+tags: español facebook
+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
+
+Creo que uno de los aspectos que ha cambiado más significativamente desde mi auto-ostracismo de facebook es que tengo mucho menos ruido social: en facebook agregar a personas es un contrato de dos lados en el que alguien te pide ser su amigo y otra persona tiene que contestar. El problema es que la interacción es más similar a que un tipo llegue en medio de todos tus amigos, conocidos y familiares y grite "¿Quieres ser mi amigo?", decirle que no se vuelve algo de mala educación, y es asunto público. En facebook tenías dos opciones: o agregas a gente que no quieres, o aceptas tu nueva etiqueta de mamón. El problema se hace más grande si participas en alguna comunidad de algún tipo: como organizador de Temporada de Patos tenía muchos requests de personas de la comunidad que dificilmente conocía, pero terminaría siendo mal visto si no los agregara, todo se mezclaba con mi vida personal, es horrible.
+
+Hoy en día no la sufro tanto, hablo con un diminuto porcentaje de las personas con que hablaba antes pero tengo mejores conversaciones con ellos. Claro que hay dos o tres contactos con los cuales lamento no tener comunicación, pero la mayoría se donde encontrarlos y ellos saben donde encontrarme, si a ambos nos importa lo suficiente: Twitter, Google Talk / G+, Steam, etc. No he perdido a mis amigos, al contrario, he fortalecido relaciones con algunos gracias al hecho de que nuestra relación social ya no es algo que solo está ahí, como todo, en facebook.
+
+## ¿Pero que alternativas puedes estar usando?
+
+No es mucha diferencia, hoy en día uso mucho twitter para comunicación más casual y de poco significado, la comunidad de videojuegos la veo en steam, y todo lo demás lo tengo en G+ que es lo más cercano a mi sustituto de facebook. Google+ me agrada mucho y pienso que me quita muchos de los problemas de facebook:
+
+* Agregar amigos es un movimiento unilateral, quitando el estrés de agregar por educación
+* El control sobre que veo y cuando es más claro y efectivo
+* El contenido es mejor (argumentablemente es porque solo cierto tipo de personas están ahí ahora)
+* Hangouts. HANGOUTS!
+
+¿Hay algo que extrañe de facebook? … La verdad si: los grupos con chat + muro. No creo que haya encontrado algo que funcione tan bien en otro lado, pero en el gran esquema de las cosas es algo pequeño para extrañar. Definitivamente no me gustaría volver y cada que veo noticias sobre los males de facebook no puedo evitar pensar: evadí esa bala.
+
+----
+
+Si me extrañas en facebook, o más probablemente, si quieres regañarme por tomar la decisión de dejar facebook, entonces puedes encontrarme en [twitter][twitter] o en [google+ / jabber][jabber]
+
+[header]: /img/articles/facebook/facebook-header.png
+[twitter]: http://twitter.com/benbeltran
+[jabber]: mailto:ben@nsovocal.com
\ No newline at end of file
index 0e64bca6f55bc6c71966a21c8bce9ffe93ed8c16..ba9bc62ed0174cf4e1bb748b6889ce912abd6f09 100644 (file)
@@ -7,7 +7,7 @@ description: "N, S o Vocal es escrito por Ben Beltran cuando anda de humor. Ben.
 <div class="content">
   <div class="related">
     <h1>Ben Beltran</h1>
-    <p>N, S o Vocal es escrito por <a href="/curriculum">Ben Beltrán</a> cuando anda de humor (malo,
+    <p>N, S o Vocal es escrito por <a href="http://twitter.com/benbeltran">Ben Beltrán</a> cuando anda de humor (malo,
     generalmente.) Ya sea desarrollo web, videojuegos o nerdura general.
     No es raro ver español e inglés usados libremente en el sitio, lo
     cual ha causado protestas de muchos grupos que creen que el internet
@@ -18,13 +18,14 @@ description: "N, S o Vocal es escrito por Ben Beltran cuando anda de humor. Ben.
     <p> Para entrar en contacto, por favor dirígase a: </p>
     <ul>
       <li><a href="http://twitter.com/benbeltran">Twitter</a></li>
+      <li><a href="https://alpha.app.net/benbeltran">App.net</a></li>
       <li><a href="mailto:ben@nsovocal.com">Email/Jabber</a></li>
       <li><a href="http://github.com/benbeltran">Github</a></li>
       <li><a
         href="https://plus.google.com/106965839947310908254">G+</a></li>
     </ul>
     <hr/>
-    <p><em>N, S o Vocal is written by Ben Beltran when in the right mood
+    <p><em>N, S o Vocal is written by <a href="http://twitter.com/benbeltran">Ben Beltrán</a> when in the right mood
       (angry, generally), be it web development, videogames or general
       nerdstuffs. It is not uncommon to see english and spanish freely
       mixed in the site, which has caused protests from many groups who
@@ -35,6 +36,7 @@ description: "N, S o Vocal es escrito por Ben Beltran cuando anda de humor. Ben.
     <p><em>To contact me, please refer to:</em></p>
     <ul>
       <li><a href="http://twitter.com/benbeltran">Twitter</a></li>
+      <li><a href="https://alpha.app.net/benbeltran">App.net</a></li>
       <li><a href="mailto:ben@nsovocal.com">Email/Jabber</a></li>
       <li><a href="http://github.com/benbeltran">Github</a></li>
       <li><a
index 64773d9b22933f164eaf67c7fd65cedc178590fa..191f32abf5f219a3bcd66ca82cdf7b5a18d2a5d3 100644 (file)
Binary files a/jekyll/cerdoaleatorio/index.htm and b/jekyll/cerdoaleatorio/index.htm differ
diff --git a/jekyll/cerdoaleatorio/script.coffee b/jekyll/cerdoaleatorio/script.coffee
new file mode 100644 (file)
index 0000000..8a9439a
--- /dev/null
@@ -0,0 +1,23 @@
+class RandomPig
+
+  # Initializes the RandomPig instance
+  constructor:
+    @imageSearch = null
+
+    @queries = [ "Cute Pig -meat", "Piggie", "Nice Pig -meat",
+                      "Happy Pig -meat", "Pig Toy", "Pig Plush", "Pig Cartoon",
+                      "Cerdo Feliz", "Cerdito Feliz", "Cute Piggies",
+                      "Happy Piggies", "piglets", "Cute piglets",
+                      "Happy piglets", "かわいい 豚", "Funny Pig"]
+    @bufferSize = 5
+    @history = 10
+
+  searchForPig:
+
+  search:
+
+  putPig:
+
+  nextPig:
+
+  lastPig:
index 6615f3b5236f493ac47f3826d15152dd8defe851..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391 100644 (file)
@@ -1,223 +0,0 @@
-<!DOCTYPE html>
-<html>
-       <head>
-               <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
-               
-               <link rel="stylesheet" type="text/css" href="/curriculum/style.css" title="default" />
-               <link rel="stylesheet" type="text/css" href="/curriculum/jquery.lightbox-0.5.css" />
-               
-               <script type="text/javascript" src="http://www.google.com/jsapi?key=ABQIAAAA1B1-bxPhCe7u4Ba7aYKUTBTYEM4E4N0vns0MLUjR2DwB0E_9RRQgU6-MNsJCdkd1daX-Mv1HUnibjw"></script>
-               
-               <script language="Javascript" type="text/javascript"> 
-                       //<![CDATA[
-                               google.load("jquery", "1.5.2"); 
-               //]]>
-       </script> 
-       
-       <script type="text/javascript" src="js/jquery.lightbox-0.5.pack.js"></script>
-       
-       <script type="text/javascript"> 
-               //<![CDATA[
-                        $(document).ready(function(){
-                               // Hide all dds
-                               $("#hideme").hide();
-                               //  When a dt is clicked, 
-                               $("#clickme").click(function () {
-                                 //  Toggle the slideVisibility of the dd directly after the clicked dt
-                                 $("#hideme").slideToggle("slow");
-                               });
-                               
-                               $(function() {
-                                       // Use this example, or...
-                                       $('a.pico').lightBox(); // Select all links with lightbox class
-                                       $('a.polarity').lightBox(); // Select all links with lightbox class
-                                       $('a.grita').lightBox(); // Select all links with lightbox class
-                                       $('a.abuguet').lightBox(); // Select all links with lightbox class
-                               });
-                        });
-               //]]>
-               </script> 
-               
-               <title>Ben Beltrán &middot; Curriculum Vitae</title>
-       </head>
-       <body>
-               <div id="wrapper">
-                       <div id="info">
-                               <h1>Ben Beltrán</h1>
-                               <h2 class="subtitle">Curriculum Vitae</h2>
-                               <div id="quickinfo">
-                                       <p>Ingeniero en Tecnologias Computacionales con espe&shy;cialidad en Sistemas Inte&shy;ligentes y Computo Visual.</p>
-                               </div>
-                               <h2 class="contactheader">Contacto</h2>
-                               <ul class="contactinfo">
-                                       <li class="phone"><span class="type">Teléfono: </span> (&#54;&#53;&#54;)&#32;&#51;&#48;&#49;&#45;&#53;&#55;&#53;&#50; </li>
-                                       <li class="site"><span class="type">Sitio Web: </span> <a href="http://www.nsovocal.com">www.nsovocal.com</a></li>
-                                       <li class="mail"><span class="type">E-mail: </span> &#98;&#101;&#110;&#64;&#110;&#115;&#111;&#118;&#111;&#99;&#97;&#108;&#46;&#99;&#111;&#109;</li>
-                                       <li class="twitter"><span class="type">Twitter: </span><a href="http://twitter.com/benbeltran">@benbeltran</a></li>
-                               </ul>
-                       </div>
-                       <div id="profile">
-                               <h2>Perfil</h2>
-                               <p>He tenido una formación académica enfocada al uso de algoritmos inteligentes y gráficos computacionales para el desarrollo de aplicaciones: Videojuegos, visualización de datos, minería de datos, etc.</p>
-                               <p>Profesionalmente mi desarrollo ha sido principalmente en las áreas de Desarrollo Web, incluyendo programación, arquitectura de bases de datos y diseño de experiencia de usuario. Igualmente, he tenido la oportunidad de desarrollar habilidades de diseño de imagen y manejo de tipografía.</p>
-                               <div class="visualaid">
-                                       <img src="/curriculum/images/venndiagram.png" alt="[Diagrama: Web, Sistemas Inteligentes y Diseño]" />
-                               </div>
-                       </div>
-                       <div id="experience">
-                               <h2>Experiencia Profesional</h2>
-                               <ul class="trabajos">
-                                       <li>
-                                               <h3>
-                                               <span class="puesto">Co-Fundador</span>
-                                               en <span class="empresa">Koala Workshop</span>
-                                               de <span class="fecha">2010</span> a <span class="fecha">Presente</span> 
-                                               en <span class="lugar">Ciudad Juarez, Chih.</span>
-                                               </h3>
-                                               <p>Soy uno de los dos co-fundadores de Koala Workshop, una empresa de diseño y desarrollo de tecnologías web, hemos trabajado en la creación de soluciones de eventos para expos y convenciones internacionales y manejamos clientes binacionales que tienen un enfoque en hacer negocios en inglés y español.</p>
-                                       </li>
-                                       <li>
-                                               <h3>
-                                               <span class="puesto">Instructor de Fotografía Digital</span>
-                                               en <span class="empresa">ITESM</span>
-                                               de <span class="fecha">2010</span> a <span class="fecha">2011</span> 
-                                               en <span class="lugar">Ciudad Juárez, Chih.</span>
-                                               </h3>
-                                               <p>Estuve encargado de planear y dar el curso co-curricular de fotografía digital en el Tecnológico de Monterrey Campus Ciudad Juárez, en el cual se ven temas de funcionalidades de las cámaras digitales, técnicas de composición artística y por último el manejo de Adobe Photoshop para hacer modificaciones no destructivas.</p>
-                                       </li>
-                                       <li>
-                                               <h3>
-                                               <span class="puesto">Organizador</span>
-                                               en <span class="empresa">Temporada de Patos</span>
-                                               de <span class="fecha">2010</span> a <span class="fecha">Presente</span> 
-                                               en <span class="lugar">Ciudad Juárez, Chih.</span>
-                                               </h3>
-                                               <p>Encargado de planear la organización de la convención, expo y torneo nacional de videojuegos Temporada de Patos. Mis responsabilidades incluían contactar ponentes, planeación de logística, contactar proveedores, organización de voluntarios, diseño de imagen, desarrollo de plataforma tecnológica para registro de usuarios, desarrollo web, montaje de evento, maestro de ceremonias y otras actividades auxiliares requeridas para todo tipo de eventos.</p>
-                                               <p>Particularmente, me ha permitido tener un contacto con la industria de los videojuegos internacional, que tiene desde desarrolladores indie canadienses y líderes de comunidad de sitios importantes hasta algunos de los padres de la industria.</p>
-                                       </li>
-                                       <li>
-                                               <h3>
-                                               <span class="puesto">Instructor de Curso de C</span>
-                                               en <span class="empresa">ITESM</span>
-                                               en el año <span class="fecha">2010</span> 
-                                               en <span class="lugar">Ciudad Juárez, Chih.</span>
-                                               </h3>
-                                               <p>Di un curso intensivo de programación en C para alumnos de Ingeniería en Tecnologías Computacionales que cubría la totalidad del lenguaje. Mis labores incluyeron la planeación del curso y el diseño de laboratorios.</p>
-                                       </li>
-                                       <li>
-                                               <h3>
-                                               <span class="puesto">Encargado de Servidores</span>
-                                               en <span class="empresa">ITESM</span>
-                                               de <span class="fecha">2009</span> a <span class="fecha">2010</span>
-                                               en <span class="lugar">Ciudad Juárez, Chih.</span>
-                                               </h3>
-                                               <p>En mi tiempo como encargado del laboratorio de servidores estuve a cargo del manejo e implementación de servidores UNIX con servicios de: Bases de datos Oracle, repositorios SVN y depósito de archivos.</p>
-                                       </li>
-                                       <li>
-                                               <h3>
-                                               <span class="puesto">Instructor de Desarrollo Web</span>
-                                               en <span class="empresa">ITESM</span>
-                                               en los años <span class="fecha">2006</span> y <span class="fecha">2008</span>
-                                               en <span class="lugar">Ciudad Juárez, Chih.</span>
-                                               </h3>
-                                               <p>En el 2006 estuve encargado de planear un curso básico de desarrollo web para alumnos de preparatoria que cubriera las tecnologías básicas como HTML y CSS.</p>
-                                               <p>En el 2008 tuve a cargo la planeación de un curso similar para alumnos de universidad que tuviera prácticas con configuración de ambientes LAMP, el uso lenguaje PHP y la arquitectura de bases de datos.</p>
-                                       </li>
-                                       <li>
-                                               <h3>
-                                               <span class="puesto">Líder de Proyecto</span>
-                                               en <span class="empresa">Compañía de Anuncios</span>
-                                               de <span class="fecha">2007</span> a <span class="fecha">2008</span>
-                                               en <span class="lugar">Ciudad Juárez, Chih.</span>
-                                               </h3>
-                                               <p>En este tiempo estuve encargado de la programación y diseño de un proyecto llamado Shopping Hood en el cual tuve que desarrollar un portal dinámico para categorización y búsqueda de ofertas.</p>
-                                       </li>
-                               </ul>
-                       </div>
-                       <div id="projects">
-                               <h2>Otros Proyectos</h2>
-                               <div id="projectsvg">
-                               <h3 class="vgheader">Video Juegos</h3>
-                                       <ul class="projects vglist">
-                                               <li><h4>Polarity</h4>
-                                                       <h5>Arena shooter con elementos de magnetismo.</h5>
-                                                       <p>Polarity es un arena shooter sencillo en el que debes controlar tu campo magnético para maximizar tu supervivencia y tu puntaje.</p>
-                                                       <ul class="screenshots">
-                                                               <li class="first"><a href="/curriculum/images/shots/polarity-title.png" class="polarity"><img src="/curriculum/images/shots/thumbs/polarity-title.png" alt="Polarity - Pantalla de Titulo" /></a></li>
-                                                               <li><a href="/curriculum/images/shots/polarity-game.png" class="polarity"><img src="/curriculum/images/shots/thumbs/polarity-game.png" alt="Polarity - Pantalla de Juego" /></a></li>
-                                                       </ul>
-                                               </li>
-                                               <li><h4>Pico</h4>
-                                                       <h5>Engine para juegos en 2D en C y Lua.</h5>
-                                                       <p>Pico es un engine y un juego. Como motor, utiliza SDL para los gráficos y un módulo de scripting de Lua para controlar el comportamiento. Como juego, es un juego de plataformas minimalista en CMYK.</p>
-                                                       <ul class="screenshots">
-                                                               <li class="first"><a href="/curriculum/images/shots/pico-shot.png" class="pico"><img src="/curriculum/images/shots/thumbs/pico-shot.png" alt="Pico - Pantalla de Juego" /></a></li>
-                                                               <li><a href="/curriculum/images/shots/pico-stresstest.png" class="pico"><img src="/curriculum/images/shots/thumbs/pico-stresstest.png" alt="Pico - Prueba de Estrés" /></a></li>
-                                                       </ul>
-                                               </li>
-                                       </ul>
-                               </div>
-                               <div id="projectsweb">
-                               <h3 class="webheader">Sitios Web</h3>
-                                       <ul class="projects weblist">
-                                               <li><h4>Abuguet</h4>
-                                                       <h5>Comunidad de gamers mexicana.</h5>
-                                                       <p>Abuguet nace a partir de la comunidad formada por el evento de Temporada de Patos, este es un lugar para discutir videojuegos y para juntarse a jugar.</p>
-                                                       <ul class="screenshots">
-                                                               <li class="first"><a href="/curriculum/images/shots/abuguet-frontpage.png" class="abuguet"><img src="/curriculum/images/shots/thumbs/abuguet-frontpage.png" alt="Abuguet - Página Principal" /></a></li>
-                                                               <li class="first"><a href="/curriculum/images/shots/abuguet-foros.png" class="abuguet"><img src="/curriculum/images/shots/thumbs/abuguet-foros.png" alt="Abuguet - Foros" /></a></li>
-                                                       </ul>
-                                               </li>
-                                               <li><h4>¡Grita!</h4>
-                                                       <h5>Comparte texto fácilmente en la calle o en internet.</h5>
-                                                       <p>¡Grita! es un sitio en el que puedes subir texto para compartir en el internet por medio de una URL corta o en la vida real por medio de un QR-Code imprimible.</p>
-                                                       <ul class="screenshots">
-                                                               <li class="first"><a href="/curriculum/images/shots/grita-form.png" class="grita"><img src="/curriculum/images/shots/thumbs/grita-form.png" alt="Grita - Forma Principal" /></a></li>
-                                                               <li class="first"><a href="/curriculum/images/shots/grita-text.png" class="grita"><img src="/curriculum/images/shots/thumbs/grita-text.png" alt="Grita - Texto" /></a></li>
-                                                       </ul>
-                                               </li>
-                                       </ul>
-                               </div>
-                       </div>
-                       <div id="education">
-                               <h2>Educación &amp; Habilidades</h2>
-                               <p class="education-para">En mayo del 2010 gradué del Tecnológico de Monterrey Campus Ciudad Juárez con un título en <em>Ingeniería en Tecnologías Computacionales</em> con una concentración profesional en <em>Sistemas Inteligentes y Computo Visual</em>. Esto significa que aparte de mi formación en ciencias computacionales, tengo conocimiento en algoritmos metaheurísticos, de juego, y de búsqueda; y además conocimiento de gráficos computacionales y teoría de desarrollo de videojuegos</p>
-                               <ul class="abilities">
-                                       <li>Ruby, Javascript, C, C++, Lua &amp; PHP</li>
-                                       <li>MySQL, MongoDB, &amp; PostgreSQL</li>
-                                       <li>HTML, CSS, XML, RSS &amp; ATOM</li>
-                                       <li>Ruby on Rails, CakePHP &amp; Sinatra</li>
-                                       <li>OpenGL, SDL &amp; Box2D</li>
-                                       <li>OS X, Linux &amp; Windows</li>
-                                       <li>Subversion &amp; Git</li>
-                                       <li>Adobe Photoshop &amp; Adobe Illustrator</li>
-                                       <li>&ldquo;Grid Based Design&rdquo;</li>
-                                       <li>&ldquo;Behavior Driven Development&rdquo;</li>
-                                       <li>SCRUM &amp; desarrollo ágil</li>
-                                       <li>99.9% Inglés</li>
-                                       <li>Organización &amp; logística de eventos</li>
-                               </ul>
-                       </div>
-                       <div id="personal">
-                               <h2 id="clickme"><a>Aviso: Datos Personales a continuación</a></h2>
-                               <div class="hidden" id="hideme">
-                                       <p>Quisiera utilizar este espacio para mencionar algunas preferencias personales, que aunque regularmente no se incluyen en un curriculum como este, pienso que son importantes para poder saber que tipo de persona soy.</p>
-                                       <ul class="funfacts">
-                                               <li>Soy un Gamer y mi género favorito son los RPG. Aparte de eso soy “Retro Gamer” y muy apasionado al respecto, prefiero el SNES que cualquier otra consola.</li>
-                                               <li>Soy muy apasionado respecto a la tipografía.</li>
-                                               <li>Soy amante del café.</li>
-                                               <li>Mis gadgets: MacBook Pro 13” (OS X 10.6), Samsung Galaxy S (Android 2.3), iPod Touch (8GB, iOS4), nook 3G &amp; Nintendo DS Lite Negro.</li>
-                                               <li>Me gustan más los gatos que los perros</li>
-                                               <li>Mis grupos favoritos son Of Montreal, Belle &amp; Sebastian y Neutral Milk Hotel</li>
-                                               <li>Pienso que solo hay una trilogía de Star Wars, mi favorita es el episodio V.</li>
-                                               <li>Me gustan los comics, mi autor favorito es Daniel Clowes.</li>
-                                       </ul>
-                                       <div class="separatorfinal">&nbsp;</div>
-                               </div>
-                               <div class="disclaimer">
-                                       Da click en esta barra solamente si estás dispuesto a leer datos sobre los gustos personales y subjetivos de Ben Beltrán. <em>La información contenida puede ser altamente polarizadora.</em>
-                               </div>
-                       </div>
-               </div>
-       </body>
-</html>
diff --git a/jekyll/curriculum/index.htm.bak b/jekyll/curriculum/index.htm.bak
new file mode 100644 (file)
index 0000000..6615f3b
--- /dev/null
@@ -0,0 +1,223 @@
+<!DOCTYPE html>
+<html>
+       <head>
+               <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+               
+               <link rel="stylesheet" type="text/css" href="/curriculum/style.css" title="default" />
+               <link rel="stylesheet" type="text/css" href="/curriculum/jquery.lightbox-0.5.css" />
+               
+               <script type="text/javascript" src="http://www.google.com/jsapi?key=ABQIAAAA1B1-bxPhCe7u4Ba7aYKUTBTYEM4E4N0vns0MLUjR2DwB0E_9RRQgU6-MNsJCdkd1daX-Mv1HUnibjw"></script>
+               
+               <script language="Javascript" type="text/javascript"> 
+                       //<![CDATA[
+                               google.load("jquery", "1.5.2"); 
+               //]]>
+       </script> 
+       
+       <script type="text/javascript" src="js/jquery.lightbox-0.5.pack.js"></script>
+       
+       <script type="text/javascript"> 
+               //<![CDATA[
+                        $(document).ready(function(){
+                               // Hide all dds
+                               $("#hideme").hide();
+                               //  When a dt is clicked, 
+                               $("#clickme").click(function () {
+                                 //  Toggle the slideVisibility of the dd directly after the clicked dt
+                                 $("#hideme").slideToggle("slow");
+                               });
+                               
+                               $(function() {
+                                       // Use this example, or...
+                                       $('a.pico').lightBox(); // Select all links with lightbox class
+                                       $('a.polarity').lightBox(); // Select all links with lightbox class
+                                       $('a.grita').lightBox(); // Select all links with lightbox class
+                                       $('a.abuguet').lightBox(); // Select all links with lightbox class
+                               });
+                        });
+               //]]>
+               </script> 
+               
+               <title>Ben Beltrán &middot; Curriculum Vitae</title>
+       </head>
+       <body>
+               <div id="wrapper">
+                       <div id="info">
+                               <h1>Ben Beltrán</h1>
+                               <h2 class="subtitle">Curriculum Vitae</h2>
+                               <div id="quickinfo">
+                                       <p>Ingeniero en Tecnologias Computacionales con espe&shy;cialidad en Sistemas Inte&shy;ligentes y Computo Visual.</p>
+                               </div>
+                               <h2 class="contactheader">Contacto</h2>
+                               <ul class="contactinfo">
+                                       <li class="phone"><span class="type">Teléfono: </span> (&#54;&#53;&#54;)&#32;&#51;&#48;&#49;&#45;&#53;&#55;&#53;&#50; </li>
+                                       <li class="site"><span class="type">Sitio Web: </span> <a href="http://www.nsovocal.com">www.nsovocal.com</a></li>
+                                       <li class="mail"><span class="type">E-mail: </span> &#98;&#101;&#110;&#64;&#110;&#115;&#111;&#118;&#111;&#99;&#97;&#108;&#46;&#99;&#111;&#109;</li>
+                                       <li class="twitter"><span class="type">Twitter: </span><a href="http://twitter.com/benbeltran">@benbeltran</a></li>
+                               </ul>
+                       </div>
+                       <div id="profile">
+                               <h2>Perfil</h2>
+                               <p>He tenido una formación académica enfocada al uso de algoritmos inteligentes y gráficos computacionales para el desarrollo de aplicaciones: Videojuegos, visualización de datos, minería de datos, etc.</p>
+                               <p>Profesionalmente mi desarrollo ha sido principalmente en las áreas de Desarrollo Web, incluyendo programación, arquitectura de bases de datos y diseño de experiencia de usuario. Igualmente, he tenido la oportunidad de desarrollar habilidades de diseño de imagen y manejo de tipografía.</p>
+                               <div class="visualaid">
+                                       <img src="/curriculum/images/venndiagram.png" alt="[Diagrama: Web, Sistemas Inteligentes y Diseño]" />
+                               </div>
+                       </div>
+                       <div id="experience">
+                               <h2>Experiencia Profesional</h2>
+                               <ul class="trabajos">
+                                       <li>
+                                               <h3>
+                                               <span class="puesto">Co-Fundador</span>
+                                               en <span class="empresa">Koala Workshop</span>
+                                               de <span class="fecha">2010</span> a <span class="fecha">Presente</span> 
+                                               en <span class="lugar">Ciudad Juarez, Chih.</span>
+                                               </h3>
+                                               <p>Soy uno de los dos co-fundadores de Koala Workshop, una empresa de diseño y desarrollo de tecnologías web, hemos trabajado en la creación de soluciones de eventos para expos y convenciones internacionales y manejamos clientes binacionales que tienen un enfoque en hacer negocios en inglés y español.</p>
+                                       </li>
+                                       <li>
+                                               <h3>
+                                               <span class="puesto">Instructor de Fotografía Digital</span>
+                                               en <span class="empresa">ITESM</span>
+                                               de <span class="fecha">2010</span> a <span class="fecha">2011</span> 
+                                               en <span class="lugar">Ciudad Juárez, Chih.</span>
+                                               </h3>
+                                               <p>Estuve encargado de planear y dar el curso co-curricular de fotografía digital en el Tecnológico de Monterrey Campus Ciudad Juárez, en el cual se ven temas de funcionalidades de las cámaras digitales, técnicas de composición artística y por último el manejo de Adobe Photoshop para hacer modificaciones no destructivas.</p>
+                                       </li>
+                                       <li>
+                                               <h3>
+                                               <span class="puesto">Organizador</span>
+                                               en <span class="empresa">Temporada de Patos</span>
+                                               de <span class="fecha">2010</span> a <span class="fecha">Presente</span> 
+                                               en <span class="lugar">Ciudad Juárez, Chih.</span>
+                                               </h3>
+                                               <p>Encargado de planear la organización de la convención, expo y torneo nacional de videojuegos Temporada de Patos. Mis responsabilidades incluían contactar ponentes, planeación de logística, contactar proveedores, organización de voluntarios, diseño de imagen, desarrollo de plataforma tecnológica para registro de usuarios, desarrollo web, montaje de evento, maestro de ceremonias y otras actividades auxiliares requeridas para todo tipo de eventos.</p>
+                                               <p>Particularmente, me ha permitido tener un contacto con la industria de los videojuegos internacional, que tiene desde desarrolladores indie canadienses y líderes de comunidad de sitios importantes hasta algunos de los padres de la industria.</p>
+                                       </li>
+                                       <li>
+                                               <h3>
+                                               <span class="puesto">Instructor de Curso de C</span>
+                                               en <span class="empresa">ITESM</span>
+                                               en el año <span class="fecha">2010</span> 
+                                               en <span class="lugar">Ciudad Juárez, Chih.</span>
+                                               </h3>
+                                               <p>Di un curso intensivo de programación en C para alumnos de Ingeniería en Tecnologías Computacionales que cubría la totalidad del lenguaje. Mis labores incluyeron la planeación del curso y el diseño de laboratorios.</p>
+                                       </li>
+                                       <li>
+                                               <h3>
+                                               <span class="puesto">Encargado de Servidores</span>
+                                               en <span class="empresa">ITESM</span>
+                                               de <span class="fecha">2009</span> a <span class="fecha">2010</span>
+                                               en <span class="lugar">Ciudad Juárez, Chih.</span>
+                                               </h3>
+                                               <p>En mi tiempo como encargado del laboratorio de servidores estuve a cargo del manejo e implementación de servidores UNIX con servicios de: Bases de datos Oracle, repositorios SVN y depósito de archivos.</p>
+                                       </li>
+                                       <li>
+                                               <h3>
+                                               <span class="puesto">Instructor de Desarrollo Web</span>
+                                               en <span class="empresa">ITESM</span>
+                                               en los años <span class="fecha">2006</span> y <span class="fecha">2008</span>
+                                               en <span class="lugar">Ciudad Juárez, Chih.</span>
+                                               </h3>
+                                               <p>En el 2006 estuve encargado de planear un curso básico de desarrollo web para alumnos de preparatoria que cubriera las tecnologías básicas como HTML y CSS.</p>
+                                               <p>En el 2008 tuve a cargo la planeación de un curso similar para alumnos de universidad que tuviera prácticas con configuración de ambientes LAMP, el uso lenguaje PHP y la arquitectura de bases de datos.</p>
+                                       </li>
+                                       <li>
+                                               <h3>
+                                               <span class="puesto">Líder de Proyecto</span>
+                                               en <span class="empresa">Compañía de Anuncios</span>
+                                               de <span class="fecha">2007</span> a <span class="fecha">2008</span>
+                                               en <span class="lugar">Ciudad Juárez, Chih.</span>
+                                               </h3>
+                                               <p>En este tiempo estuve encargado de la programación y diseño de un proyecto llamado Shopping Hood en el cual tuve que desarrollar un portal dinámico para categorización y búsqueda de ofertas.</p>
+                                       </li>
+                               </ul>
+                       </div>
+                       <div id="projects">
+                               <h2>Otros Proyectos</h2>
+                               <div id="projectsvg">
+                               <h3 class="vgheader">Video Juegos</h3>
+                                       <ul class="projects vglist">
+                                               <li><h4>Polarity</h4>
+                                                       <h5>Arena shooter con elementos de magnetismo.</h5>
+                                                       <p>Polarity es un arena shooter sencillo en el que debes controlar tu campo magnético para maximizar tu supervivencia y tu puntaje.</p>
+                                                       <ul class="screenshots">
+                                                               <li class="first"><a href="/curriculum/images/shots/polarity-title.png" class="polarity"><img src="/curriculum/images/shots/thumbs/polarity-title.png" alt="Polarity - Pantalla de Titulo" /></a></li>
+                                                               <li><a href="/curriculum/images/shots/polarity-game.png" class="polarity"><img src="/curriculum/images/shots/thumbs/polarity-game.png" alt="Polarity - Pantalla de Juego" /></a></li>
+                                                       </ul>
+                                               </li>
+                                               <li><h4>Pico</h4>
+                                                       <h5>Engine para juegos en 2D en C y Lua.</h5>
+                                                       <p>Pico es un engine y un juego. Como motor, utiliza SDL para los gráficos y un módulo de scripting de Lua para controlar el comportamiento. Como juego, es un juego de plataformas minimalista en CMYK.</p>
+                                                       <ul class="screenshots">
+                                                               <li class="first"><a href="/curriculum/images/shots/pico-shot.png" class="pico"><img src="/curriculum/images/shots/thumbs/pico-shot.png" alt="Pico - Pantalla de Juego" /></a></li>
+                                                               <li><a href="/curriculum/images/shots/pico-stresstest.png" class="pico"><img src="/curriculum/images/shots/thumbs/pico-stresstest.png" alt="Pico - Prueba de Estrés" /></a></li>
+                                                       </ul>
+                                               </li>
+                                       </ul>
+                               </div>
+                               <div id="projectsweb">
+                               <h3 class="webheader">Sitios Web</h3>
+                                       <ul class="projects weblist">
+                                               <li><h4>Abuguet</h4>
+                                                       <h5>Comunidad de gamers mexicana.</h5>
+                                                       <p>Abuguet nace a partir de la comunidad formada por el evento de Temporada de Patos, este es un lugar para discutir videojuegos y para juntarse a jugar.</p>
+                                                       <ul class="screenshots">
+                                                               <li class="first"><a href="/curriculum/images/shots/abuguet-frontpage.png" class="abuguet"><img src="/curriculum/images/shots/thumbs/abuguet-frontpage.png" alt="Abuguet - Página Principal" /></a></li>
+                                                               <li class="first"><a href="/curriculum/images/shots/abuguet-foros.png" class="abuguet"><img src="/curriculum/images/shots/thumbs/abuguet-foros.png" alt="Abuguet - Foros" /></a></li>
+                                                       </ul>
+                                               </li>
+                                               <li><h4>¡Grita!</h4>
+                                                       <h5>Comparte texto fácilmente en la calle o en internet.</h5>
+                                                       <p>¡Grita! es un sitio en el que puedes subir texto para compartir en el internet por medio de una URL corta o en la vida real por medio de un QR-Code imprimible.</p>
+                                                       <ul class="screenshots">
+                                                               <li class="first"><a href="/curriculum/images/shots/grita-form.png" class="grita"><img src="/curriculum/images/shots/thumbs/grita-form.png" alt="Grita - Forma Principal" /></a></li>
+                                                               <li class="first"><a href="/curriculum/images/shots/grita-text.png" class="grita"><img src="/curriculum/images/shots/thumbs/grita-text.png" alt="Grita - Texto" /></a></li>
+                                                       </ul>
+                                               </li>
+                                       </ul>
+                               </div>
+                       </div>
+                       <div id="education">
+                               <h2>Educación &amp; Habilidades</h2>
+                               <p class="education-para">En mayo del 2010 gradué del Tecnológico de Monterrey Campus Ciudad Juárez con un título en <em>Ingeniería en Tecnologías Computacionales</em> con una concentración profesional en <em>Sistemas Inteligentes y Computo Visual</em>. Esto significa que aparte de mi formación en ciencias computacionales, tengo conocimiento en algoritmos metaheurísticos, de juego, y de búsqueda; y además conocimiento de gráficos computacionales y teoría de desarrollo de videojuegos</p>
+                               <ul class="abilities">
+                                       <li>Ruby, Javascript, C, C++, Lua &amp; PHP</li>
+                                       <li>MySQL, MongoDB, &amp; PostgreSQL</li>
+                                       <li>HTML, CSS, XML, RSS &amp; ATOM</li>
+                                       <li>Ruby on Rails, CakePHP &amp; Sinatra</li>
+                                       <li>OpenGL, SDL &amp; Box2D</li>
+                                       <li>OS X, Linux &amp; Windows</li>
+                                       <li>Subversion &amp; Git</li>
+                                       <li>Adobe Photoshop &amp; Adobe Illustrator</li>
+                                       <li>&ldquo;Grid Based Design&rdquo;</li>
+                                       <li>&ldquo;Behavior Driven Development&rdquo;</li>
+                                       <li>SCRUM &amp; desarrollo ágil</li>
+                                       <li>99.9% Inglés</li>
+                                       <li>Organización &amp; logística de eventos</li>
+                               </ul>
+                       </div>
+                       <div id="personal">
+                               <h2 id="clickme"><a>Aviso: Datos Personales a continuación</a></h2>
+                               <div class="hidden" id="hideme">
+                                       <p>Quisiera utilizar este espacio para mencionar algunas preferencias personales, que aunque regularmente no se incluyen en un curriculum como este, pienso que son importantes para poder saber que tipo de persona soy.</p>
+                                       <ul class="funfacts">
+                                               <li>Soy un Gamer y mi género favorito son los RPG. Aparte de eso soy “Retro Gamer” y muy apasionado al respecto, prefiero el SNES que cualquier otra consola.</li>
+                                               <li>Soy muy apasionado respecto a la tipografía.</li>
+                                               <li>Soy amante del café.</li>
+                                               <li>Mis gadgets: MacBook Pro 13” (OS X 10.6), Samsung Galaxy S (Android 2.3), iPod Touch (8GB, iOS4), nook 3G &amp; Nintendo DS Lite Negro.</li>
+                                               <li>Me gustan más los gatos que los perros</li>
+                                               <li>Mis grupos favoritos son Of Montreal, Belle &amp; Sebastian y Neutral Milk Hotel</li>
+                                               <li>Pienso que solo hay una trilogía de Star Wars, mi favorita es el episodio V.</li>
+                                               <li>Me gustan los comics, mi autor favorito es Daniel Clowes.</li>
+                                       </ul>
+                                       <div class="separatorfinal">&nbsp;</div>
+                               </div>
+                               <div class="disclaimer">
+                                       Da click en esta barra solamente si estás dispuesto a leer datos sobre los gustos personales y subjetivos de Ben Beltrán. <em>La información contenida puede ser altamente polarizadora.</em>
+                               </div>
+                       </div>
+               </div>
+       </body>
+</html>
index c53013995c361b0b5740006d76ceb5fdc1d79e04..9b1ca72f149ff9328b53b1da844ad6700a79b6ba 100644 (file)
@@ -13,9 +13,6 @@ description: "Cosas que he hecho que no son tal cual proyectos. En general exper
       Includes saccharine-based and boredom-based </em></p>
     <hr/>
     <ul>
-      <li><strong><a href="/cerdoaleatorio">Cerdo Aleatorio</a>:
-        </strong> Imágen aleatoria de cerdo • <em> Displays a random pig
-      </em></li>
       <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>:
diff --git a/jekyll/img/articles/facebook/facebook-header.png b/jekyll/img/articles/facebook/facebook-header.png
new file mode 100644 (file)
index 0000000..902ad0b
Binary files /dev/null and b/jekyll/img/articles/facebook/facebook-header.png differ
index 2407e2b5bbc35f34c5002635f3c0f848bc0826bc..b56530bb9078ec5afd0b8e737d279c750d32e84c 100644 (file)
@@ -11,10 +11,10 @@ description: "N, S o Vocal. El lote abandonado de Ben Beltran. Juegos, Web y ño
             <div class="span3">
               <i class="icon-tags"></i>
                 {% for tag in post.tags %}
-                  <a href="/">{{tag}}</a>
+                  <a href="/tags/{{tag}}">{{tag}}</a>
                 {% endfor %}
             </div>
-            <div class="span2"><i class="icon-folder-close"></i> <a href="/">{{ post.category }}</a></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">