-<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="/">{{tag}}</a>
- {% endfor %}
- </div>
- <div class="span2"><i class="icon-folder-close"></i> <a href="/">{{ 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 offset3">
- {% if paginator.next_page %}
- <a href="/page{{ paginator.next_page }}">Next Page →</a>
- {% else %}
-
- {% endif %}
- </div>
+<main>
+ <p>The personal website of Rubén Beltrán del Río</p>
+ <p>
+ → <a href="https://blog.{{ site.domain }}">blog</a>.
+ </p>
+ <h2>Apps</h2>
+ <ul>
+ <li>
+ <p>
+ <a href="https://do.{{ site.domain }}">do</a>:
+ A task manager for iOS and MacOS that makes you write a journal entry when the task is done.
+ (<a aria-label="See the source of do" href="https://gitlab.com/rbdr/do">source</a>)
+ </p>
+ </li>
+ <li>
+ <p>
+ <a href="https://map.{{ site.domain }}">map</a>:
+ A MacOS app that lets you create wardley maps using text.
+ (<a aria-label="See the source of map" href="https://gitlab.com/rbdr/map">source</a>)
+ </p>
+ </li>
+ </ul>
+ <h2>Libraries</h2>
+ <ul>
+ <li>
+ <p>
+ <a href="https://gitlab.com/serpentity">serpentity</a>:
+ An entity framework for JavaScript.
+ </p>
+ </li>
+ <li>
+ <p>
+ <a href="https://gitlab.com/rbdr/grafn">grafn</a>:
+ Flow based programming library for javascript.
+ </p>
+ </li>
+ <li>
+ <p>
+ <a href="https://gitlab.com/rbdr/cologne">cologne</a>:
+ Log multiplexer for javascript with no dependencies.
+ </p>
+ </li>
+ </ul>
+ <h2>Plugins</h2>
+ <ul>
+ <li>
+ <p>
+ <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>:
+ A syntax for notating component APIs in a way that's easy to embed in text documents.
+ </p>
+ </li>
+ <li>
+ <p>
+ <a href="https://gitlab.com/rbdr/ngx_http_office_hours_filter_module">Nginx Office Hours</a>:
+ A victory for the server's labor rights: An nginx module that allows you to serve your content only during office hours.
+ </p>
+ </li>
+ </ul>
+ <h2>My Things</h2>
+ <ul>
+ <li>
+ <p>
+ <a href="https://myspace.bandcamp.com">music @ bandcamp</a>:
+ Music I've made.
+ </p>
+ </li>
+ <li>
+ <p>
+ <a href="https://soundcloud.com/benbeltran">music @ soundcloud</a>:
+ More music I've made.
+ </p>
+ </li>
+ <li>
+ <p>
+ <a href="https://youpic.com/photographer/microsoft/">photography @ youpic</a>:
+ Pictures I've taken.
+ </p>
+ </li>
+ <li>
+ <p>
+ <a href="https://www.youtube.com/playlist?list=PLYxitPB3WXb1B4zPAsj92l9ay5pBOyynt">talks @ youtube</a>:
+ Talks I've given.
+ </p>
+ </li>
+ <li>
+ <p>
+ <a href="/pub.txt">my public pgp key</a>.
+ </p>
+ </li>
+ </ul>
+ <h2>Etc.</h2>
+ <ul>
+ <li>
+ <p>
+ <a href="https://prompt.{{ site.domain }}">Prompt</a>
+ <span>(2021)</span>:
+ Drawing prompts on demand.
+ (<a aria-label="See the source of Prompt" href="https://gitlab.com/rbdr/prompt">source</a>)
+ </p>
+ </li>
+ <li>
+ <p>
+ <a href="https://corona.{{ site.domain }}">Corona Regeln</a>
+ <span>(2021)</span>:
+ Up-to-date corona rules for Berlin. Refresh frequently.
+ (<a aria-label="See the source of Corona Regeln" href="https://gitlab.com/rbdr/corona-regeln">source</a>)
+ </p>
+ </li>
+ <li>
+ <p>
+ <a href="https://flower.{{ site.domain }}">Flower</a>
+ <span>(2018)</span>:
+ <span aria-hidden="true">🌹🌸🌺💐🌼🌻🌷</span>
+ draw a flower rotating a cube
+ <span aria-hidden="true">🌷🌻🌼💐🌺🌸🌹</span>
+ </p>
+ </li>
+ <li>
+ <p>
+ <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
+ </p>
+ </li>
+ <li>
+ <p>
+ <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.
+ </p>
+ </li>
+ <li>
+ <p>
+ <a href="https://frames.{{ site.domain }}">Frames</a>
+ <span>(2017)</span>:
+ 🆒
+ </p>
+ </li>
+ <li lang="es-MX">
+ <p>
+ <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.
+ </p>
+ </li>
+ <li>
+ <p>
+ <a href="telnet:barthes.unlimited.pizza:7777">telnet barthes.unlimited.pizza 7777</a>
+ <span>(2016)</span>:
+ a random work of ansi art. Better with 24-bit enabled terminals.
+ (<a href="https://gitlab.com/rbdr/tomato-sauce">source</a>)
+ </p>
+ </li>
+ <li>
+ <p>
+ <a href="https://lgtm.{{ site.domain }}">LGTM</a>
+ <span>(2016)</span>:
+ Looks Good To Me! 👍
+ (<a aria-label="See the source of LGTM" href="https://gitlab.com/rbdr/lgtm">source</a>)
+ </p>
+ </li>
+ <li>
+ <p>
+ <a href="https://heart.{{ site.domain }}">Heart</a>
+ <span>(2016)</span>:
+ ❤️💜💙💛💚
+ </p>
+ </li>
+ <li lang="es-MX">
+ <p>
+ <a href="https://insultos.{{ site.domain }}">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.
+ </p>
+ </li>
+ <li lang="es-MX">
+ <p>
+ <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.
+ </p>
+ </li>
+ <li>
+ <p>
+ <a href="/files/polarity.zip">Polarity</a>
+ <span>(2009)</span>:
+ Top-down arena shooter game with magnetism.
+ </p>
+ </li>
+ <li>
+ <p>
+ <a href="https://gitlab.com/rbdr/Pico-Engine">Pico Engine</a>
+ <span>(2009)</span>:
+ Platform game engine with lua scripting.
+ </p>
+ </li>
+ </ul>
+ <p>
+ → <a href="https://monitor.{{ site.domain }}">service monitor</a>.
+ </p>
+</main>
+
+<aside title="Version">
+ <p>🦜.🌱.🪕</p>
+</aside>