Add mastodon

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

diff --git a/jekyll/index.html b/jekyll/index.html
index ad338b06238a19d47770606eafc9c6020b35348c..f309911d2e41f00c7d005c0f1ea54918de6b23d7 100644 (file)
--- a/jekyll/index.html
+++ b/jekyll/index.html
@@ -3,45 +3,128 @@ 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"
 ---

-<main title="Projects">
-  <h1>Projects.</h1>
-
+<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>
   <ul>
     <li>
       <p>

-        <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>.
+      <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>
       </p>
     </li>

+  </ul>
+  <h2>Libraries</h2>
+  <ul>

     <li>
       <p>
     <li>
       <p>

-        <a href="https://gitlab.com/serpentity">Serpentity</a>
-        <span>(Ongoing)</span>:
+      <a href="https://sr.ht/~rbdr/serpentity">serpentity</a>:

         An entity framework for JavaScript.
       </p>
     </li>
     <li>
       <p>
         An entity framework for JavaScript.
       </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>
-        <span>(Ongoing)</span>:
+      <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>, &amp;
+        <a href="https://git.sr.ht/~rbdr/api-notation.vscode">vscode</a>, &amp;
+        <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 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>
-        <span>(2019)</span>:
+      <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>
         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>
+    <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>
     <li>
       <p>

-        <a href="https://flower.unlimited.pizza">Flower</a>
+      <a href="https://flower.{{ site.domain }}">Flower</a>

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


@@ -50,15 +133,15 @@ description: "unlimited.pizza - ruben beltran del río surfs the internet: progr
     </li>
     <li>
       <p>
     </li>
     <li>
       <p>

-        <a href="https://gitlab.com/rbdr/sorting-hat">Sorting Hat</a>
-        &amp; <a href="https://gitlab.com/rbdr/sorting-hat-renderer">Renderer</a>
+        <a href="https://git.sr.ht/~rbdr/sorting-hat">Sorting Hat</a>
+        &amp; <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>
         <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>
+        <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.
         <span>(2017)</span>:
         Ephemeral posts experiment: the posts stay alive as the conversation
         continues, but disappear shortly after activity stops.


@@ -66,44 +149,44 @@ description: "unlimited.pizza - ruben beltran del río surfs the internet: progr
     </li>
     <li>
       <p>
     </li>
     <li>
       <p>

-        <a href="https://frames.unlimited.pizza">Frames</a>
+      <a href="https://frames.{{ site.domain }}">Frames</a>

         <span>(2017)</span>:
         🆒
       </p>
     </li>
     <li lang="es-MX">
       <p>
         <span>(2017)</span>:
         🆒
       </p>
     </li>
     <li lang="es-MX">
       <p>

-        <a href="https://gitlab.com/rbdr/dead-drop/">Dead Drop</a>
+        <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>
         <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:unlimited.pizza:7777">telnet unlimited.pizza 7777</a>
+        <a href="telnet:barthes.unlimited.pizza:7777">telnet barthes.unlimited.pizza 7777</a>

         <span>(2016)</span>:
         <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.
+        (<a href="https://git.sr.ht/~rbdr/tomato-sauce">source</a>)

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

-        <a href="https://lgtm.unlimited.pizza">LGTM</a>
+      <a href="https://lgtm.{{ site.domain }}">LGTM</a>

         <span>(2016)</span>:
         Looks Good To Me! 👍
         <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>.
+        (<a aria-label="See the source of LGTM" href="https://git.sr.ht/~rbdr/lgtm">source</a>)

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

-        <a href="https://heart.unlimited.pizza">Heart</a>
+      <a href="https://heart.{{ site.domain }}">Heart</a>

         <span>(2016)</span>:
         ❤️💜💙💛💚
       </p>
     </li>
     <li lang="es-MX">
       <p>
         <span>(2016)</span>:
         ❤️💜💙💛💚
       </p>
     </li>
     <li lang="es-MX">
       <p>

-        <a href="http://insultos.unlimited.pizza">Generador de Insultos</a>
+      <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.
         <span>(2015, Spanish)</span>:
         Un generador de insultos multi-usos que te da un insulto nuevo cada vez
         que lo cargas.


@@ -111,7 +194,7 @@ description: "unlimited.pizza - ruben beltran del río surfs the internet: progr
     </li>
     <li lang="es-MX">
       <p>
     </li>
     <li lang="es-MX">
       <p>

-        <a href="https://gitlab.com/rbdr/Grita">Grita</a>
+        <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>
         <span>(2010, Spanish)</span>:
         Comparte texto anónimamente y distribuyelo con QR codes y URLs cortas.
       </p>


@@ -125,40 +208,17 @@ description: "unlimited.pizza - ruben beltran del río surfs the internet: progr
     </li>
     <li>
       <p>
     </li>
     <li>
       <p>

-        <a href="https://gitlab.com/rbdr/Pico-Engine">Pico Engine</a>
+        <a href="https://git.sr.ht/~rbdr/pico-engine">Pico Engine</a>

         <span>(2009)</span>:
         Platform game engine with lua scripting.
       </p>
     </li>
   </ul>
         <span>(2009)</span>:
         Platform game engine with lua scripting.
       </p>
     </li>
   </ul>

-</main>
-
-<aside title="More about me">
-  <h1>More about me.</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>
-    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>
   <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
-  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.
+  → <a href="https://monitor.{{ site.domain }}">service monitor</a>.

   </p>
   </p>

+</main>

 
 

-  <p>🌱.🐓.⚓️</p>
+<aside title="Version">
+  <p>🦜.🌱.🪕</p>

 </aside>
 </aside>