Update style

[rbdr/r.bdr.sh] / jekyll / index.html

diff --git a/jekyll/index.html b/jekyll/index.html
index f698325065ad1e30c1e301efe54388b287d0c5af..929f1ccde60267a60878a4df58f86a424b6ba21c 100644 (file)
--- a/jekyll/index.html
+++ b/jekyll/index.html
@@ -3,87 +3,190 @@ layout: default
 title: /index.html
 description: "unlimited.pizza - ruben beltran del río surfs the internet: programming, music, fun times, hugs, bad jokes, and unlimited pizza"
 ---
 title: /index.html
 description: "unlimited.pizza - ruben beltran del río surfs the internet: programming, music, fun times, hugs, bad jokes, and unlimited pizza"
 ---

-<div class="content">
-  <h2> Projects</h2>
-
+<main>
+  <p>The personal website of Rubén Beltrán del Río</p>
+  <p>
+  → <a href="http://blog.unlimited.pizza">blog</a>.
+  </p>
+  <h2>Apps</h2>
+  <ul>
+    <li>
+      <p>
+      <a href="http://do.unlimited.pizza">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="http://map.unlimited.pizza">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>
   <ul>
     <li>

-      <a href="https://gitlab.com/serpentity" class="javascript">Serpentity</a>:
-      An entity framework for JavaScript.
+      <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>, &amp;
+        <a href="https://gitlab.com/rbdr/api-notation.vscode">vscode</a>, &amp;
+        <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>
     </li>
     <li>

-      [SPANISH] <a href="http://insultos.unlimited.pizza" class="javascript">Generador de Insultos</a>:
-      Un generador de insultos multi-usos que te da un insulto nuevo cada vez
-      que la cargas. Generalmente apropiado para toda la familia, a veces no.
+      <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="http://myspace.bandcamp.com">music @ bandcamp</a>:
+        Music I've made.
+      </p>
+    </li>
+    <li>
+      <p>
+      <a href="http://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>
     </li>
     <li>

-      <a href="https://gitlab.com/rbdr/api-notation.vim" class="etc">API Notation for vim</a>,
-      <a href="https://gitlab.com/rbdr/api-notation-atom" class="etc">atom</a>, &amp;
-      <a href="https://gitlab.com/rbdr/api-notation.tmLanguage" class="etc">sublime text</a>:
-      A syntax for notation component APIs in a simple way that's easy to embed in text documents.
+      <p>
+      <a href="https://www.youtube.com/playlist?list=PLYxitPB3WXb1B4zPAsj92l9ay5pBOyynt">talks @ youtube</a>:
+        Talks I've given.
+      </p>

     </li>
     </li>

+  </ul>
+  <h2>Etc.</h2>
+  <ul>

     <li>
     <li>

-      <a href="telnet:unlimited.pizza:7777" class="etc">telnet unlimited.pizza 7777</a>:
-      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>.
+      <p>
+        <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>
+      </p>

     </li>
     <li>
     </li>
     <li>

-      <a href="https://dasein.unlimited.pizza" class="etc">Dasein</a>:
-      Ephemeral posts experiment.
-      <a href="https://gitlab.com/rbdr/dasein">See the source</a>.
+      <p>
+        <a href="https://gitlab.com/rbdr/sorting-hat">Sorting Hat</a>
+        &amp; <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>
     </li>
     <li>

-      <a href="https://lgtm.unlimited.pizza" class="etc">LGTM</a>:
-      Looks Good To Me! 👍
-      <a href="https://gitlab.com/rbdr/lgtm">See the source</a>.
+      <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>
     </li>
     <li>

-      <a href="https://flower.unlimited.pizza" class="etc">Flower</a>:
-      🌹🌸🌺💐🌼🌻🌷 draw a flower rotating a cube 🌷🌻🌼💐🌺🌸🌹
+      <p>
+        <a href="https://frames.unlimited.pizza">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>
     </li>
     <li>

-      <a href="https://heart.unlimited.pizza" class="etc">Heart</a>:
-      ❤️💜💙💛💚
+      <p>
+        <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.
+        (<a href="https://gitlab.com/rbdr/tomato-sauce">source</a>)
+      </p>

     </li>
     <li>
     </li>
     <li>

-      <a href="https://frames.unlimited.pizza" class="etc">Frames</a>:
-      🆒
+      <p>
+        <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">source</a>)
+      </p>

     </li>
     <li>
     </li>
     <li>

-      <a href="http://blog.unlimited.pizza" class="javascript">blog</a>:
-      My blog. Only 3 posts at a time.
-      <a href="https://gitlab.com/rbdr/blog">See the source</a>.
+      <p>
+        <a href="https://heart.unlimited.pizza">Heart</a>
+        <span>(2016)</span>:
+        ❤️💜💙💛💚
+      </p>
+    </li>
+    <li lang="es-MX">
+      <p>
+        <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.
+      </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>
     </li>
     <li>

-      [SPANISH] <a href="https://rbdr.gitlab.io/dead-drop/" class="etc">Dead Drop</a>:
-      Marca al 📞 (33) 4160-0915 y deja un mensaje, o escucha un mensaje al azar.
-      <a href="https://gitlab.com/rbdr/dead-drop">Ve el código</a>.
+      <p>
+        <a href="/files/polarity.zip">Polarity</a>
+        <span>(2009)</span>:
+        Top-down arena shooter game with magnetism.
+      </p>

     </li>
     <li>
     </li>
     <li>

-      <a href="/files/polarity.zip" class="javascript">Polarity</a>:
-        A game I did a long time ago
+      <p>
+        <a href="https://gitlab.com/rbdr/Pico-Engine">Pico Engine</a>
+        <span>(2009)</span>:
+        Platform game engine with lua scripting.
+      </p>

     </li>
   </ul>
     </li>
   </ul>

+</main>

 
 

-  <h2>Even more stuff.</h2>
-
-  <p><img src="/img/selfie.gif" alt="An image of @pigeonfolk."/></p>
-
-  <p>🍕 Unlimited pizza 🍕 is brought to you by blood magic, ancient rituals and
-  me, Rubén Beltrán del Río. I have words written (español e inglés) 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
-  pretty things in <a href="https://ello.co/ososol">ello</a>.
-  You can <a href="mailto:ruben+up@unlimited.pizza">write me an e-mail</a> if you
-  find a cool artifact you want to show me, if you need to remember a word, if
-  you want 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>Even better, sign my <a href="/guestbook.html">audio guestbook</a> and 
-  leave your voice on the internet.</p>
-  <h1>🍰</h1>
-</div>
+<aside title="Version">
+  <p>🦜.🌱.🪕</p>
+</aside>