-<div class="content">
- {% for post in paginator.posts %}
- <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="postcontent">
- {{ post.content }}
- </div>
- <a class="go-to-top" href="#{{post.id}}">↑ Go to top of article</a>
- </div>
- {% endfor %}
-</div>
- <div class="row paginator">
- <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>
- </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>
+ <p>
+ ♊️ This website is better consumed via <a href="gemini://gemini.{{ site.domain }}">gemini</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://git.sr.ht/~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://git.sr.ht/~rbdr/map">source</a>)
+ </p>
+ </li>
+ </ul>
+ <h2>Libraries</h2>
+ <ul>
+ <li>
+ <p>
+ <a href="https://sr.ht/~rbdr/serpentity">serpentity</a>:
+ An entity framework for JavaScript.
+ </p>
+ </li>
+ <li>
+ <p>
+ <a href="https://git.sr.ht/~rbdr/grafn">grafn</a>:
+ Flow based programming library for javascript.
+ </p>
+ </li>
+ <li>
+ <p>
+ <a href="https://git.sr.ht/~rbdr/cologne">cologne</a>:
+ Log multiplexer for javascript with no dependencies.
+ </p>
+ </li>
+ </ul>
+ <h2>Plugins</h2>
+ <ul>
+ <li>
+ <p>
+ <a href="https://git.sr.ht/~rbdr/api-notation.vim">API notation for vim</a>,
+ <a href="https://git.sr.ht/~rbdr/api-notation-atom">atom</a>, &
+ <a href="https://git.sr.ht/~rbdr/api-notation.vscode">vscode</a>, &
+ <a href="https://git.sr.ht/~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://git.sr.ht/~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>Music</h2>
+ <ul>
+ <li>
+ <p>For direct download, you can find the SFTP access instructions on the gemini page. Links below for streaming</p>
+ </li>
+ <li>
+ <p>
+ <a href="https://myspace.bandcamp.com">bandcamp</a>
+ </p>
+ </li>
+ <li>
+ <p>
+ <a href="https://music.apple.com/de/artist/ben-beltran/1338665508?l=en">apple music</a>
+ </p>
+ </li>
+ <li>
+ <p>
+ <a href="https://soundcloud.com/benbeltran">soundcloud</a>
+ </p>
+ </li>
+ </ul>
+ <h2>More of my things</h2>
+ <ul>
+ <li>
+ <p>
+ <a href="https://youpic.com/photographer/microsoft/">photography @ youpic</a>:
+ Pictures I've taken.
+ </p>
+ </li>
+ <li>
+ <p>
+ <a href="/pub.txt">my public pgp key</a>.
+ </p>
+ </li>
+ <li>
+ <p>
+ <a rel="me" href="https://mastodon.social/@myspace">myspace@mastodon.social</a>: social media™
+ </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://git.sr.ht/~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://git.sr.ht/~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://git.sr.ht/~rbdr/sorting-hat">Sorting Hat</a>
+ & <a href="https://git.sr.ht/~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://git.sr.ht/~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://git.sr.ht/~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://git.sr.ht/~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://git.sr.ht/~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://git.sr.ht/~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://git.sr.ht/~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>