-<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>
- {% for tag in post.tags %}
- <a href="/tags/{{tag}}">{{tag}}</a>
- {% endfor %}
- </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>
- </div>
- <hr/>
- {% endfor %}
-</div>
- <div class="row">
- <div class="span2">
- {% if paginator.previous_page %}
- {% if paginator.previous_page == 1 %}
- <a href="/">← Previous
- Page</a>
- {% else %}
- <a href="/page{{ paginator.previous_page }}">← Previous
- Page</a>
- {% endif %}
- {% else %}
-
- {% endif %}
- </div>
- <div class="span2 offset2">
- {% if paginator.next_page %}
- <a href="/page{{ paginator.next_page }}">Next Page →</a>
- {% else %}
-
- {% endif %}
- </div>
+<main title="Projects">
+ <h1>Projects</h1>
+
+ <ul>
+ <li>
+ <article>
+ <a href="http://blog.unlimited.pizza">blog</a>
+ <span>(Ongoing)</span>:
+ My blog. Only 3 posts at a time.
+ <a aria-label="See the source of my blog" href="https://gitlab.com/rbdr/blog">See the source</a>.
+ </article>
+ </li>
+ <li>
+ <article>
+ <a href="https://gitlab.com/serpentity">Serpentity</a>
+ <span>(Ongoing)</span>:
+ An entity framework for JavaScript.
+ </article>
+ </li>
+ <li>
+ <article>
+ <a href="https://gitlab.com/rbdr/api-notation.vim">API notation for vim</a>,
+ <a href="https://gitlab.com/rbdr/api-notation-atom">atom</a>, &
+ <a href="https://gitlab.com/rbdr/api-notation.vscode">vscode</a>, &
+ <a href="https://gitlab.com/rbdr/api-notation.tmLanguage">sublime text</a>
+ <span>(Ongoing)</span>:
+ A syntax for notating component APIs in a way that's easy to embed in text documents.
+ </article>
+ </li>
+ <li>
+ <article>
+ <a href="https://gitlab.com/rbdr/ngx_http_office_hours_filter_module">Nginx Office Hours</a>
+ <span>(2019)</span>:
+ A victory for the server's labor rights: An nginx module that allows you to serve your content only during office hours.
+ </article>
+ </li>
+ <li>
+ <article>
+ <a href="https://flower.unlimited.pizza">Flower</a>
+ <span>(2018)</span>:
+ <span aria-hidden="true">🌹🌸🌺💐🌼🌻🌷</span>
+ draw a flower rotating a cube
+ <span aria-hidden="true">🌷🌻🌼💐🌺🌸🌹</span>
+ </article>
+ </li>
+ <li>
+ <article>
+ <a href="https://gitlab.com/rbdr/sorting-hat">Sorting Hat</a>
+ & <a href="https://gitlab.com/rbdr/sorting-hat-renderer">Renderer</a>
+ <span>(2017)</span>:
+ Reads your brain and places you in a category based on your mental activity
+ </article>
+ </li>
+ <li>
+ <article>
+ <a href="https://gitlab.com/rbdr/dasein">Dasein</a>
+ <span>(2017)</span>:
+ Ephemeral posts experiment: the posts stay alive as the conversation
+ continues, but disappear shortly after activity stops.
+ </article>
+ </li>
+ <li>
+ <article>
+ <a href="https://frames.unlimited.pizza">Frames</a>
+ <span>(2017)</span>:
+ 🆒
+ </article>
+ </li>
+ <li lang="es-MX">
+ <article>
+ <a href="https://gitlab.com/rbdr/dead-drop/">Dead Drop</a>
+ <span>(2017, Spanish)</span>:
+ Marca un número de 📞 y deja un mensaje secreto, o escucha algo al azar.
+ </article>
+ </li>
+ <li>
+ <article>
+ <a href="telnet:unlimited.pizza:7777">telnet unlimited.pizza 7777</a>
+ <span>(2016)</span>:
+ a random work of ansi art. Better with 24-bit enabled terminals. Powered by
+ <a href="https://gitlab.com/rbdr/tomato-sauce">Tomato Sauce</a>.
+ </article>
+ </li>
+ <li>
+ <article>
+ <a href="https://lgtm.unlimited.pizza">LGTM</a>
+ <span>(2016)</span>:
+ Looks Good To Me! 👍
+ <a aria-label="See the source of LGTM" href="https://gitlab.com/rbdr/lgtm">See the source</a>.
+ </article>
+ </li>
+ <li>
+ <article>
+ <a href="https://heart.unlimited.pizza">Heart</a>
+ <span>(2016)</span>:
+ ❤️💜💙💛💚
+ </article>
+ </li>
+ <li lang="es-MX">
+ <article>
+ <a href="http://insultos.unlimited.pizza">Generador de Insultos</a>
+ <span>(2015, Spanish)</span>:
+ Un generador de insultos multi-usos que te da un insulto nuevo cada vez
+ que lo cargas.
+ </article>
+ </li>
+ <li lang="es-MX">
+ <article>
+ <a href="https://gitlab.com/rbdr/Grita">Grita</a>
+ <span>(2010, Spanish)</span>:
+ Comparte texto anónimamente y distribuyelo con QR codes y URLs cortas.
+ </article>
+ </li>
+ <li>
+ <article>
+ <a href="/files/polarity.zip">Polarity</a>
+ <span>(2009)</span>:
+ Top-down arena shooter game with magnetism.
+ </article>
+ </li>
+ <li>
+ <article>
+ <a href="https://gitlab.com/rbdr/Pico-Engine">Pico Engine</a>
+ <span>(2009)</span>:
+ Platform game engine with lua scripting.
+ </article>
+ </li>
+ </ul>
+</main>
+
+<aside title="Even more stuff.">
+ <h1>Even more stuff.</h1>
+
+ <video autoplay muted loop aria-label="A picture of Rubén sleeping with an animated overlay changing the eyes, and showing a snake-like tongue">
+ <source src="/video/selfie.webm" type="video/webm">
+ <source src="/video/selfie.mp4" type="video/mp4">
+ </video>
+
+ <p><span aria-hidden="true">🍕</span> Unlimited pizza <span aria-hidden="true">🍕</span> / Rubén Beltrán del Río.
+ I have words written <span lang="es-mx">(español e inglés)</span> on
+ <a href="https://medium.com/@expertosenbing">medium</a>,
+ spoken in <a href="https://www.youtube.com/playlist?list=PLYxitPB3WXb1B4zPAsj92l9ay5pBOyynt">a handy playlist</a>,
+ music at <a href="https://soundcloud.com/benbeltran">soundcloud</a>
+ and <a href="https://myspace.bandcamp.com">bandcamp</a>,
+ and code at <a href="https://gitlab.com/rbdr">gitlab</a>.
+ I sometimes post gifs in <a href="https://ello.co/ososol">ello</a> and
+ pictures in <a href="https://youpic.com/photographer/microsoft/">youpic</a>
+ You can <a href="mailto:ruben+up@unlimited.pizza">write me an e-mail</a> if you
+ find a cool rock you want to show me, if you want to tell a story, if
+ you need a cyber high five, if robots are starting an uprising and you want us
+ to join, or if you want to get together to practice your latest dance moves.
+ But <a href="https://twitter.com/pigeonfolk">twitter</a> works better.
+ </p>
+
+ <p aria-label="Emoji Version">🌱.🏀.🐝</p>
+</aside>