]> git.r.bdr.sh - rbdr/r.bdr.sh/commitdiff
Fixes some stuff from the about
authorBen Beltran <redacted>
Tue, 30 Oct 2012 03:57:09 +0000 (21:57 -0600)
committerBen Beltran <redacted>
Tue, 30 Oct 2012 03:57:09 +0000 (21:57 -0600)
jekyll/about.html
jekyll/curriculum/index.htm
jekyll/curriculum/index.htm.bak [new file with mode: 0644]

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 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>