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