Sets to unlimited pizza mode

diff --git a/jekyll/_layouts/default.html b/jekyll/_layouts/default.html
index a81fa348cbfa9afcff726e1e76447c1f2f76db37..557007e07489a03f34862df725e5223e73767901 100644 (file)
--- a/jekyll/_layouts/default.html
+++ b/jekyll/_layouts/default.html
@@ -35,8 +35,8 @@
     <nav>
       <ul class="mainmenu">
         <li><a href="/">Blog</a></li>
     <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>
         <!-- <li><a href="/guestbook.html">Guestbook</a></li> -->
       </ul>
     </nav>

diff --git a/jekyll/about.html b/jekyll/about.html
index b52c11a2945fe6f3a15ac4ee5d78d5d5025b5eae..23c64deeb3c8d15620759becb458efeaff056575 100644 (file)
--- a/jekyll/about.html
+++ b/jekyll/about.html
@@ -1,43 +1,35 @@
 ---
 layout: default
 ---
 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">
 ---
 
 <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>
   </div>
 </div>

diff --git a/jekyll/css/application.css b/jekyll/css/application.css
index f553df1da6fafc5f552410e48ed53393dc91beaa..78e6c4f8334701a423823327f1d18209d60f6945 100644 (file)
--- a/jekyll/css/application.css
+++ b/jekyll/css/application.css
@@ -1,11 +1,14 @@
 body {background-color: #fff}
 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;
 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{
 }
 
 nav ul li{


@@ -14,7 +17,7 @@ nav ul li{
   text-transform: uppercase;
   font-weight: 400;
   font-size: 2.769em;
   text-transform: uppercase;
   font-weight: 400;
   font-size: 2.769em;

-  margin: 0.555em;
+  margin: 0.555em 0;

 }
 
 nav ul li a{
 }
 
 nav ul li a{


@@ -52,6 +55,8 @@ nav ul li a:focus {
 .postcontainer h1{
   color: #d30058;
   margin: 0.666em 1.333em 0;
 .postcontainer h1{
   color: #d30058;
   margin: 0.666em 1.333em 0;

+  font-size: 3.692em;
+  line-height: 1.0833em;

 }
 
 .postcontainer h2 {
 }
 
 .postcontainer h2 {


@@ -74,7 +79,8 @@ nav ul li a:focus {
 .postcontainer.purple h1 {color: #400098}
 
 .post-meta {
 .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 {
 }
 
 .post-meta > div {


@@ -95,7 +101,7 @@ nav ul li a:focus {
 .postcontainer.cyan .post-tags a {color: #74d0eb}
 .postcontainer.purple .post-tags a {color: #400098}
 
 .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.blue .post-image {background-color: #0081cb}
 .postcontainer.green .post-image {background-color: #43da30}


@@ -107,17 +113,17 @@ nav ul li a:focus {
 .postcontainer.purple .post-image {background-color: #400098}
 
 .postcontent {margin: 1.538em 3.077em;
 .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{
 }
 
 .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;
   line-height: 1.6em;
   padding: 5px 0;
   color: #54575a;


@@ -151,7 +157,6 @@ nav ul li a:focus {
 
 .related  {margin: 0 3.077em}
 .related ul {margin: 0 1.538em}
 
 .related  {margin: 0 3.077em}
 .related ul {margin: 0 1.538em}

-.related li {font-size: 1.077em; font-family: "Lato"}

 .related a {color: #d30058}
 
 .related a.blue {color: #0081cb}
 .related a {color: #d30058}
 
 .related a.blue {color: #0081cb}


@@ -176,4 +181,49 @@ nav ul li a:focus {
 .paginator {font-size: 1.077em; margin: 2.857em; font-family: "Lato", sans-serif}
 .paginator a{color:#99a3a4}
 
 .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}
 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;
+}

diff --git a/jekyll/projects.html b/jekyll/projects.html
index 8179b22143b8c33b4d0fe295127709313070fe6a..0c156a187faf5600f6d65f776e5dbaecd7148382 100644 (file)
--- a/jekyll/projects.html
+++ b/jekyll/projects.html
@@ -6,58 +6,54 @@ description: "Lista de proyectos de Ben Beltran... cosas en las que estoy o esta
 
 <div class="content">
   <div class="related">
 
 <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>
     <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> &mdash;
+        An entity framework for making games with javascript.
+        <em>Un framework de entidades para hacer juegos con javascript</em>

       </li>
       <li>
       </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> &mdash;
+        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>
       </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> &mdash;
+        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>
       </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> &mdash;
+      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>
       </li>
       <li>

-        <strong><a
-            href="/cursoc">Curso Express de C</a>:</strong>
-        Curso Express de C basado en K&amp;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&amp;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> &mdash;
+        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>
     </ul>
   </div>
 </div>