<nav>
<ul class="mainmenu">
<li><a href="/">Blog</a></li>
- <li><a href="/projects.html">Proyectos</a></li>
- <li><a href="/about.html">Ben</a></li>
+ <li><a href="/projects.html">Proj</a></li>
+ <li><a href="/about.html">????</a></li>
<!-- <li><a href="/guestbook.html">Guestbook</a></li> -->
</ul>
</nav>
---
layout: default
-title: Acerca de Ben Beltran
-description: "N, S o Vocal es escrito por Ben Beltran cada vez que
-ciertas reglas complicadas de astronomía se cumple. Ben... pues, hace cosas bonitas y así."
+title: ????
+description: "Unlimited Pizza is where Ruben Beltran del Rio puts things, or
+in spanish: Unlimited Pizza es donde pongo cosas... (el nombre viene más atrás)"
---
<div class="content">
<div class="related">
- <h1>Ben Beltran</h1>
- <p>N, S o Vocal es escrito por <a href="http://twitter.com/pigeonfolk">Ben Beltrán</a>
- cuando no está muy ocupado no escribiendo aquí
- sobre 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
- no debería estár en dos lenguajes al mismo tiempo.</p>
- <p>N, S o Vocal también es parte importante de las reglas de
- acentuación en español.
- </p>
- <p> Para entrar en contacto, por favor diríjase a: </p>
- <ul>
- <li><a href="http://twitter.com/pigeonfolk">Twitter</a></li>
- <li><a href="mailto:ben@nsovocal.com">Email/Jabber</a></li>
- <li><a href="http://github.com/benbeltran">Github</a></li>
- </ul>
- <hr/>
- <p><em>N, S o Vocal is written by <a href="http://twitter.com/pigeonfolk">Ben Beltrán</a>
- when he's not too busy not writing here
- about 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
- believe the internet should not be in two languages at the same
- time.</em></p>
- <p><em>N, S o Vocal is also an important part of spanish
- accentuation rules. </em></p>
- <p><em>To contact me, please refer to:</em></p>
- <ul>
- <li><a href="http://twitter.com/pigeonfolk">Twitter</a></li>
- <li><a href="mailto:ben@nsovocal.com">Email/Jabber</a></li>
- <li><a href="http://github.com/benbeltran">Github</a></li>
- </ul>
+ <h1>????</h1>
+ <p>Unlimited Pizza is brought to you by
+ <a href="https://twitter.com/pigeonfolk">@pigeonfolk</a>,
+ usually nerding out elsewhere and not writing here.
+ Still not sure what language to use on the internet,
+ so why not both ¯\_(ツ)_/¯. Sometimes I like to
+ <a href="https://soundcloud.com/benbeltran">make music</a>, sometimes I like to
+ <a href="http://petitcochon.co">make games</a>, but most of the time
+ I'm <a href="https://github.com/benbeltran">doing something else</a>.
+ To get in touch you can <a href="mailto:ruben+up@unlimited.pizza">send me
+ an email</a> and I'll probably respond; requests for crude drawings
+ WILL be honored.</p>
+
+ <p><em>Unlimited Pizza es traído a ti por
+ <a href="https://twitter.com/pigeonfolk">@pigeonfolk</a>,
+ usualmente nerdeando en otros lados y no escribiendo aquí.
+ Aún no estoy seguro de que lenguaje usar en el internet,
+ así que por que no los dos ¯\_(ツ)_/¯. A veces me gusta
+ <a href="https://soundcloud.com/benbeltran">hacer música</a>, a veces me gusta
+ <a href="http://petitcochon.co">hacer juegos</a>, pero la mayoría de las veces
+ estoy <a href="https://github.com/benbeltran">haciendo algo más</a>.
+ Para entrar en contacto puedes <a href="mailto:ruben+up@unlimited.pizza">mandar
+ un mail</a> y probablemente responderé; solicitudes de dibujos crudos
+ SERÁN atendidas.</em></p>
</div>
</div>
body {background-color: #fff}
-a.logo {display: block; margin: 1.538em 0 0 1.538em; width: 44.615em; height: 7.692em; background-image: url(/img/header.gif)}
+a.logo {display: block; margin: 1.538em auto 0; max-width: 60em; background-size: 100% 100%; height: 6.667em; background-image: url(/img/unlimited-pizza-animated-logo.gif)}
a.logo span {display:none}
em {color:#99a3a4}
nav ul{
list-style: none;
- margin: 1.536em;
+ margin: 1.536em auto;
+ max-width: 60em;
+ justify-content: space-between;
+ display: flex;
}
nav ul li{
text-transform: uppercase;
font-weight: 400;
font-size: 2.769em;
- margin: 0.555em;
+ margin: 0.555em 0;
}
nav ul li a{
.postcontainer h1{
color: #d30058;
margin: 0.666em 1.333em 0;
+ font-size: 3.692em;
+ line-height: 1.0833em;
}
.postcontainer h2 {
.postcontainer.purple h1 {color: #400098}
.post-meta {
- margin-left: 3.077em;
+ margin: 0.714em 4.643em 4.285em;
+ font-size: 1.077em;
}
.post-meta > div {
.postcontainer.cyan .post-tags a {color: #74d0eb}
.postcontainer.purple .post-tags a {color: #400098}
-.post-image {height: 36.923em; background-color: #d30058; margin-top: 3.077em}
+.post-image {max-height: 36.923em; background-color: #d30058; margin-top: 3.077em; background-size: auto 100%}
.postcontainer.blue .post-image {background-color: #0081cb}
.postcontainer.green .post-image {background-color: #43da30}
.postcontainer.purple .post-image {background-color: #400098}
.postcontent {margin: 1.538em 3.077em;
- -webkit-column-width: 36.923em;
- -moz-column-width: 36.923em;
- column-width: 36.923em;
- -webkit-column-gap: 6.154em;
- -moz-column-gap: 6.154em;
- column-gap: 6.154em;
+ -webkit-column-width: 36em;
+ -moz-column-width: 36em;
+ column-width: 36em;
+ -webkit-column-gap: 2em;
+ -moz-column-gap: 2em;
+ column-gap: 2em;
}
.related p, .related li,
.postcontent p, .postcontent li{
- font-size: 1.077em;
+ font-size: 1.307em;
line-height: 1.6em;
padding: 5px 0;
color: #54575a;
.related {margin: 0 3.077em}
.related ul {margin: 0 1.538em}
-.related li {font-size: 1.077em; font-family: "Lato"}
.related a {color: #d30058}
.related a.blue {color: #0081cb}
.paginator {font-size: 1.077em; margin: 2.857em; font-family: "Lato", sans-serif}
.paginator a{color:#99a3a4}
+.postcontent pre code {font-size: 1.333em; line-height: 1.5em}
code {overflow-wrap: normal}
+
+/* Guestbook */
+.guestbook-feed, .guestbook-form ul {
+ list-style: none;
+}
+
+.guestbook-form li {
+ display: block;
+}
+
+.guestbook-form .guestbook-label {
+ width: 8.571em;
+ float: left;
+ text-align: right;
+ padding: 1.071em;
+}
+
+.guestbook-form .guestbook-control {
+ float: left;
+}
+
+.guestbook-form .guestbook-control-group {
+ clear: both;
+}
+
+.guestbook-form .comment-control {
+ width: 42.857em;
+ height: 10em;
+}
+
+.guestbook-content, .guestbook-form {
+ clear: both;
+ padding: 2.142em 0;
+}
+
+.guestbook-feed .guestbook-post {
+ display: block;
+ border-bottom: 0.071em solid #99a3a4;
+ padding: 1.071em;
+}
+
+.guestbook-post .author {
+ font-weight: bold;
+}
<div class="content">
<div class="related">
- <h1>Proyectos / Projects</h1>
+ <h1>Proj</h1>
+ <p>These are some of the things I've done, worked on,
+ am working on, or plan to work on: <br/>
+ <em>Estas son algunas de las cosas que he hecho,
+ en que he trabajado, estoy trabajando, o en que planeo trabajar:</em></p>
+
<ul>
<li>
- <strong><a
- href="http://github.com/freshout-dev/thulium">Thulium</a>:</strong>
- Un sistema de templates muy rápido para javascript, con soporte
- de bloques rompibles imprimibles, una sintaxis sana y spec como
- se debe.
- • <em> A really fast templating engine for javascript with breakable
- printable blocks, a sane syntax and a proper spec.</em>
+ <a href="https://github.com/benbeltran/serpentity">Serpentity</a> —
+ An entity framework for making games with javascript.
+ <em>Un framework de entidades para hacer juegos con javascript</em>
</li>
<li>
- <strong><a
- href="http://github.com/benbeltran/cobalt">Cobalt</a>:</strong>
- Un multiplexor sencillo de logs en formato JSON.
- • <em> A really simple JSON format log multiplexer.</em>
+ <a href="https://github.com/benbeltran/lyricli">Lyricli</a> —
+ A command line tool to fetch lyrics for your current song or search by title.
+ <em>Herramienta de linea de comandos para ver la letra de la canción
+ que escuchas o buscar por título</em>
</li>
<li>
- <strong><a
- href="http://github.com/benbeltran/lyricli">Lyricli</a>:</strong>
- Muestra lyrics en tu línea de comando
- • <em>Get lyrics right in your terminal</em> </li>
- <li>
- <strong><a href="/files/polarity.zip">Polarity</a>:</strong> Un juego
- Arena Shooter con magnetismo! • <em> An Arena Shooter with
- Magnetism! </em>
- </li>
- <li><strong>Polarity II (WIP): </strong>
- Arena Shooter magnetico para Windows, Mac y Linux, hecho con
- MonoGame•
- <em> Next version of the magnetic arena shooter polarity, for
- Windows, Mac and Linux; made with magnetism.</em>
+ <a href="https://github.com/benbeltran/cobalt">Cobalt</a> —
+ A JSON based log multiplexer for javascript: send to a socket or to a
+ file or whatever I'm not your mom.
+ <em>Un multiplexor de logs basado en JSON para javascript: manda por
+ un socket, o un archivo o lo que quieras no soy tu mamá.</em>
</li>
<li>
- <strong><a href="https://github.com/benbeltran/Pico-Engine">Pico
- Engine (KO)</a>: </strong> Un motor de juegos que empecé
- a desarrollar para enseñarme varios detalles de videojuegos. Hoy
- en día ya no tiene avance y el código es un desastre, pero ahí
- está. Escrito en una combinación de C y Lua. • <em> A game
- engine I started writing to teach me several details of video
- game programming. It has long since been abandoned and the
- code is a mess, but there it is. Written in C and Lua.</em>
+ <a href="https://github.com/freshout-dev/thulium">Thulium</a> —
+ A fast and simple EJS-like templating engine with support for printable blocks.
+ <em>Un sistema de templates parecido a EJS rápido y sencillo con soporte
+ de bloques imprimibles</em>
</li>
<li>
- <strong><a
- href="/cursoc">Curso Express de C</a>:</strong>
- Curso Express de C basado en K&R que impartí en el Tecnológico de Monterrey
- Campus Ciudad Juárez. Solo vienen prácticas 01-07 por ahora.
- Pronto subiré los otros.
- • <em>Express C course based on K&R that I gave in Monterrey
- Institute of Technology, Campus Ciudad Juarez. Only Labs 01-07
- for now, will upload the rest soon.</em> </li>
+ <a href="/files/polarity.zip">Polarity</a> —
+ The first game I made, some years back. An arena shooter with magnnetism!
+ <em>El primer juego que hice, hace unos años. Un arena shooter con magnetismo!</em>
+ </li>
+ </ul>
+
+ <p>I'm also, sometimes (I swear) working on these
+ three game projects, and I sometimes post about them: <br/>
+ <em>También, a veces (lo juro) trabajo en estos tres proyectos,
+ y a veces escribo sobre ellos:</em>
+ </p>
+
+ <ul>
+ <li>Super Polarity (In Development/<em>En desarrollo</em>)</li>
+ <li>Cows (Designing/<em>Diseñando</em>)</li>
+ <li>Bctria (Designing/<em>Diseñando</em>)</li>
</ul>
</div>
</div>