Add new projects

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

diff --git a/jekyll/index.html b/jekyll/index.html
index 96377ef1b0361ef928bcf1846c9e8139a6cc494f..e75ce45543559f49f37d0dc6d148801fb6ff1145 100644 (file)
--- a/jekyll/index.html
+++ b/jekyll/index.html
@@ -3,148 +3,186 @@ 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>
-  <h2> Projects</h2>
+<main title="Projects">
+  <h1>Projects.</h1>

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

-      <article>
+      <p>

         <a href="http://blog.unlimited.pizza">blog</a>
         <a href="http://blog.unlimited.pizza">blog</a>

-        <aside>(Ongoing)</aside>:
+        <span>(Ongoing)</span>:

         My blog. Only 3 posts at a time.
         My blog. Only 3 posts at a time.

-        <a href="https://gitlab.com/rbdr/blog">See the source</a>.
-      </article>
+        <a aria-label="See the source of my blog" href="https://gitlab.com/rbdr/blog">See the source</a>.
+      </p>

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

-      <article>
+      <p>
+        <a href="http://do.unlimited.pizza">do</a>
+        <span>(Ongoing)</span>:
+        A task manager for iOS and MacOS that makes you write your thoughts down when the task is done.
+        <a aria-label="See the source of do" href="https://gitlab.com/rbdr/do">See the source</a>.
+      </p>
+    </li>
+    <li>
+      <p>
+        <a href="http://map.unlimited.pizza">map</a>
+        <span>(Ongoing)</span>:
+        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">See the source</a>.
+      </p>
+    </li>
+    <li>
+      <p>

         <a href="https://gitlab.com/serpentity">Serpentity</a>
         <a href="https://gitlab.com/serpentity">Serpentity</a>

-        <aside>(Ongoing)</aside>:
+        <span>(Ongoing)</span>:

         An entity framework for JavaScript.
         An entity framework for JavaScript.

-      </article>
+      </p>

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

-      <article>
-        <a href="https://gitlab.com/rbdr/api-notation.vim">API Notation for vim</a>,
+      <p>
+      <a href="https://gitlab.com/rbdr/grafn">grafn</a>
+        <span>(Ongoing)</span>:
+        Flow based programming library for javascript.
+      </p>
+    </li>
+    <li>
+      <p>
+      <a href="https://gitlab.com/rbdr/cologne">cologne</a>
+        <span>(Ongoing)</span>:
+        Log multiplexer for javascript with no dependencies.
+      </p>
+    </li>
+    <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>, &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 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>

-        <aside>(Ongoing)</aside>:
+        <span>(Ongoing)</span>:

         A syntax for notating component APIs in a way that's easy to embed in text documents.
         A syntax for notating component APIs in a way that's easy to embed in text documents.

-      </article>
+      </p>

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

-      <article>
+      <p>

         <a href="https://gitlab.com/rbdr/ngx_http_office_hours_filter_module">Nginx Office Hours</a>
         <a href="https://gitlab.com/rbdr/ngx_http_office_hours_filter_module">Nginx Office Hours</a>

-        <aside>(2019)</aside>:
+        <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.
         A victory for the server's labor rights: An nginx module that allows you to serve your content only during office hours.

-      </article>
+      </p>

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

-      <article>
+      <p>

         <a href="https://flower.unlimited.pizza">Flower</a>
         <a href="https://flower.unlimited.pizza">Flower</a>

-        <aside>(2018)</aside>:
-        🌹🌸🌺💐🌼🌻🌷 draw a flower rotating a cube 🌷🌻🌼💐🌺🌸🌹
-      </article>
+        <span>(2018)</span>:
+        <span aria-hidden="true">🌹🌸🌺💐🌼🌻🌷</span>
+        draw a flower rotating a cube
+        <span aria-hidden="true">🌷🌻🌼💐🌺🌸🌹</span>
+      </p>

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

-      <article>
-        <a href="https://flower.unlimited.pizza">Sorting Hat</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>
         &amp; <a href="https://gitlab.com/rbdr/sorting-hat-renderer">Renderer</a>

-        <aside>(2017)</aside>:
+        <span>(2017)</span>:

         Reads your brain and places you in a category based on your mental activity
         Reads your brain and places you in a category based on your mental activity

-      </article>
+      </p>

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

-      <article>
+      <p>

         <a href="https://gitlab.com/rbdr/dasein">Dasein</a>
         <a href="https://gitlab.com/rbdr/dasein">Dasein</a>

-        <aside>(2017)</aside>:
+        <span>(2017)</span>:

         Ephemeral posts experiment: the posts stay alive as the conversation
         continues, but disappear shortly after activity stops.
         Ephemeral posts experiment: the posts stay alive as the conversation
         continues, but disappear shortly after activity stops.

-      </article>
+      </p>

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

-      <article>
+      <p>

         <a href="https://frames.unlimited.pizza">Frames</a>
         <a href="https://frames.unlimited.pizza">Frames</a>

-        <aside>(2017)</aside>:
+        <span>(2017)</span>:

         🆒
         🆒

-      </article>
+      </p>

     </li>
     <li lang="es-MX">
     </li>
     <li lang="es-MX">

-      <article>
+      <p>

         <a href="https://gitlab.com/rbdr/dead-drop/">Dead Drop</a>
         <a href="https://gitlab.com/rbdr/dead-drop/">Dead Drop</a>

-        <aside>(2017, Spanish)</aside>:
+        <span>(2017, Spanish)</span>:

         Marca un número de 📞 y deja un mensaje secreto, o escucha algo al azar.
         Marca un número de 📞 y deja un mensaje secreto, o escucha algo al azar.

+      </p>

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

-      <article>
+      <p>

         <a href="telnet:unlimited.pizza:7777">telnet unlimited.pizza 7777</a>
         <a href="telnet:unlimited.pizza:7777">telnet unlimited.pizza 7777</a>

-        <aside>(2016)</aside>:
+        <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>.
         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>
+      </p>

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

-      <article>
+      <p>

         <a href="https://lgtm.unlimited.pizza">LGTM</a>
         <a href="https://lgtm.unlimited.pizza">LGTM</a>

-        <aside>(2016)</aside>:
+        <span>(2016)</span>:

         Looks Good To Me! 👍
         Looks Good To Me! 👍

-        <a href="https://gitlab.com/rbdr/lgtm">See the source</a>.
-      </article>
+        <a aria-label="See the source of LGTM" href="https://gitlab.com/rbdr/lgtm">See the source</a>.
+      </p>

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

-      <article>
+      <p>

         <a href="https://heart.unlimited.pizza">Heart</a>
         <a href="https://heart.unlimited.pizza">Heart</a>

-        <aside>(2016)</aside>:
+        <span>(2016)</span>:

         ❤️💜💙💛💚
         ❤️💜💙💛💚

-      </article>
+      </p>

     </li>
     <li lang="es-MX">
     </li>
     <li lang="es-MX">

-      <article>
+      <p>

         <a href="http://insultos.unlimited.pizza">Generador de Insultos</a>
         <a href="http://insultos.unlimited.pizza">Generador de Insultos</a>

-        <aside>(2015, Spanish)</aside>:
+        <span>(2015, Spanish)</span>:

         Un generador de insultos multi-usos que te da un insulto nuevo cada vez
         que lo cargas.
         Un generador de insultos multi-usos que te da un insulto nuevo cada vez
         que lo cargas.

-      </article>
+      </p>

     </li>
     <li lang="es-MX">
     </li>
     <li lang="es-MX">

-      <article>
+      <p>

         <a href="https://gitlab.com/rbdr/Grita">Grita</a>
         <a href="https://gitlab.com/rbdr/Grita">Grita</a>

-        <aside>(2010, Spanish)</aside>:
+        <span>(2010, Spanish)</span>:

         Comparte texto anónimamente y distribuyelo con QR codes y URLs cortas.
         Comparte texto anónimamente y distribuyelo con QR codes y URLs cortas.

-      </article>
+      </p>

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

-      <article>
+      <p>

         <a href="/files/polarity.zip">Polarity</a>
         <a href="/files/polarity.zip">Polarity</a>

-        <aside>(2009)</aside>:
+        <span>(2009)</span>:

         Top-down arena shooter game with magnetism.
         Top-down arena shooter game with magnetism.

-      </article>
+      </p>

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

-      <article>
+      <p>

         <a href="https://gitlab.com/rbdr/Pico-Engine">Pico Engine</a>
         <a href="https://gitlab.com/rbdr/Pico-Engine">Pico Engine</a>

-        <aside>(2009)</aside>:
+        <span>(2009)</span>:

         Platform game engine with lua scripting.
         Platform game engine with lua scripting.

-      </article>
+      </p>

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

+</main>

 
 

-  <h2>Even more stuff.</h2>
+<aside title="More about me">
+  <h1>More about me.</h1>

 
 

-  <video autoplay muted loop>
+  <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>
 
     <source src="/video/selfie.webm" type="video/webm">
     <source src="/video/selfie.mp4" type="video/mp4">
   </video>
 

-  <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 <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>
+  <p>
+    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> in my
+    <a href="https://blog.unlimited.pizza">blog</a>,
+    spoken in <a href="https://www.youtube.com/playlist?list=PLYxitPB3WXb1B4zPAsj92l9ay5pBOyynt">a handy playlist</a>,
+    music in <a href="https://soundcloud.com/benbeltran">soundcloud</a>,
+    <a href="https://myspace.bandcamp.com">bandcamp</a>,
+    and <a href="https://music.apple.com/us/artist/ben-beltran/1338665508">apple music</a>.
+    You can find my code in <a href="https://gitlab.com/rbdr">gitlab</a>.
+    I sometimes post pictures in <a href="https://youpic.com/photographer/microsoft/">youpic</a>.
+  </p>
+  <p>

   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
   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


@@ -152,5 +190,5 @@ description: "unlimited.pizza - ruben beltran del río surfs the internet: progr
   But <a href="https://twitter.com/pigeonfolk">twitter</a> works better.
   </p>
 
   But <a href="https://twitter.com/pigeonfolk">twitter</a> works better.
   </p>
 

-  <p>ð\9f¦\8c.ð\9f\9b .ð\9f\90\9d</p>
-</div>
+  <p>ð\9f\8c±.ð\9f\90\93.â\9a\93ï¸\8f</p>
+</aside>