<!--
  José Luis Saorín Ferrer
  https://joseluissaorin.com/en/

  José Luis Saorín Ferrer's portfolio is not a webpage: it is a surface. A sheet of bone-cream paper where every cv entry — biography, education, projects, texts, the people he has worked with — appears as a geometric figure anchored to a breathing membrane. Concentric circles for biographical strata. Sharp triangles for assumed positions. Thick arcs for long-form narratives. Wedges for discrete events. Spirals for languages acquired. The form does not decorate the entry: it defines it. Geometry is metadata.
  
  There are no menus. You navigate by contact — a finger touches a figure and the content surfaces; it moves and the mesh responds, folds like cloth; you let go and it slowly resettles, never quite returning to its previous position. Between the figures float fragments of the author's own literary corpus — loose phrases the reader can catch by tapping them, like fishing words out of the water.
  
  This is a decision against the cv as a list, against the flatness of the professional document. It is an argument — sustained in composition, in colour, in simulated physics — that philology, software, design and theatre are not separate disciplines that happen to share a profile but a single continuous practice, and that the surface where one introduces oneself ought to demonstrate that from the first instant. Reading is not linear because life is not. The document does not stay still because the person does not.
  
  62 pieces arranged as a constellation across six regions — biography, academic, projects, art, networks, contact — on the cream of the paper, crossed by vermilion, ultramarine, cadmium and ink. The site is hand-built, in four languages. The real version is this one: the one you touch.

  ASCII snapshots of the canvas (three states):

  — at rest, just loaded —
  ╱╲
     ◯ ◯ ◯                                                              ╱  ╲
    ◯     ◯                              ⊚                             ╱    ╲
    ◯     ◯              · · ·          ⊛⊛⊛                           ●──────●
     ◯ ◯ ◯                              ⊛⊛⊛⊛
  
                    ╲                                                  ─────
                     ╲                                                  ━━━━
                      ╲                                ╳
                ●      ╲
                        ╲
                         ●                  ▮                            ◐
     ──
     ──
                                                                         ─
                              ●                  ╱╲                       ─
     ●●●                                        ╱  ╲
                          · ·                  ╱    ╲
                                              ●──────●                  ╲╲
                                                                         ╲╲
                  ▼                                                       ╲╲
                 ╱ ╲                                                        ●
                ╱   ╲                  ╲╲
               ───────                  ╲╲
                                         ╲╲                  ▮
     ─────
                ◉                              ▲
                                              ╱ ╲
                                             ─────                · · ·

  — touched, a finger in the centre, the wave expanding outward —
  ╱╲
     ◯ ◯ ◯                                                              ╱  ╲
    ◯     ◯                              ⊚                             ╱    ╲
    ◯     ◯              · · ·          ⊛⊛⊛                           ●──────●
     ◯ ◯ ◯                              ⊛⊛⊛⊛
  
                    ╲                                                  ─────
                     ╲                                                  ━━━━
                      ╲                                ╳
                ●      ╲         ⌒  ⌒  ⌒  ⌒  ⌒  ⌒
                        ╲     ⌒                    ⌒
                         ●  ⌒          ✦             ⌒    ▮               ◐
     ──                   ⌒                         ⌒
     ──                     ⌒                     ⌒
                              ⌒  ⌒  ⌒  ⌒  ⌒  ⌒                            ─
                              ●                  ╱╲                       ─
     ●●●                                        ╱  ╲
                          · ·                  ╱    ╲
                                              ●──────●                  ╲╲
                                                                         ╲╲
                  ▼                                                       ╲╲
                 ╱ ╲                                                        ●
                ╱   ╲                  ╲╲
               ───────                  ╲╲
                                         ╲╲                  ▮
     ─────
                ◉                              ▲
                                              ╱ ╲
                                             ─────                · · ·

  — at real density, the literary corpus floating between the figures —
  ╱╲
     ◯ ◯ ◯      hueso                                                   ╱  ╲
    ◯     ◯            orilla            ⊚         libro               ╱    ╲
    ◯     ◯   · · ·         tinta       ⊛⊛⊛       abierto             ●──────●
     ◯ ◯ ◯             cuaderno          ⊛⊛⊛⊛                        memoria
  
    pretexto      ╲       gesto                                · ·   ─────
                   ╲              trama                               ━━━━
        hilo        ╲                                ╳        oficio
                ●    ╲      contorno                    papel
                      ╲                  fragmento          sobre              ◐
                       ●       materia      ▮            papel         ◐
     ──
     ──             bermellón                          cadmio       ─
          ultramar                                                   ─
                              ●                  ╱╲         residuos
     ●●●        voces                           ╱  ╲
                    planos   · ·       lectura ╱    ╲     · · ·
                                              ●──────●                  ╲╲
     acento        palabra      lengua              cuerda               ╲╲
                                                hecho      a mano         ╲╲
                  ▼         cosida           a       la                     ●
                 ╱ ╲      página
                ╱   ╲              ╲╲      espiral
               ───────              ╲╲                          mancha
                           fragmento╲╲                  ▮
     ─────
                ◉          inflexión           ▲            aspa
                                              ╱ ╲
                                             ─────       · · ·

  Machine-readable exports for agents:
    https://joseluissaorin.com/content.json    — full CV, all 4 langs, with _meta block
    https://joseluissaorin.com/llms.txt        — llms.txt-spec landing
    https://joseluissaorin.com/llms-full.txt   — every node as markdown across all langs
    https://joseluissaorin.com/cv.md           — Spanish markdown CV
    https://joseluissaorin.com/cv-en.md        — English
    https://joseluissaorin.com/cv-fr.md        — French
    https://joseluissaorin.com/cv-it.md        — Italian
-->
<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="theme-color" content="#F4F1EA" />
    <meta name="generator" content="hand-built by José Luis Saorín Ferrer" />
    <meta name="author" content="José Luis Saorín Ferrer" />
    <meta name="robots" content="index,follow,max-image-preview:large" />

    <title>HTML5Widgets — DEHAES · José Luis Saorín Ferrer</title>
    <meta name="description" content="Educational platform of HTML5 widgets developed with the DEHAES Group at the ULL. Technical basis of the Applied Sciences article." />

    <link rel="canonical" href="https://joseluissaorin.com/en/n/proj-html5widgets/" />
    <link rel="alternate" hreflang="es" href="https://joseluissaorin.com/n/proj-html5widgets/" />
    <link rel="alternate" hreflang="en" href="https://joseluissaorin.com/en/n/proj-html5widgets/" />
    <link rel="alternate" hreflang="fr" href="https://joseluissaorin.com/fr/n/proj-html5widgets/" />
    <link rel="alternate" hreflang="it" href="https://joseluissaorin.com/it/n/proj-html5widgets/" />
    <link rel="alternate" hreflang="x-default" href="https://joseluissaorin.com/n/proj-html5widgets/" />

    <meta property="og:type" content="article" />
    <meta property="og:title" content="HTML5Widgets — DEHAES · José Luis Saorín Ferrer" />
    <meta property="og:description" content="Educational platform of HTML5 widgets developed with the DEHAES Group at the ULL. Technical basis of the Applied Sciences article." />
    <meta property="og:url" content="https://joseluissaorin.com/en/n/proj-html5widgets/" />
    <meta property="og:locale" content="en_US" />
    <meta property="og:locale:alternate" content="en_US" />
    <meta property="og:locale:alternate" content="fr_FR" />
    <meta property="og:locale:alternate" content="it_IT" />
    <meta property="og:image" content="https://joseluissaorin.com/projects/project-html5widgets.jpg" />
    <meta property="og:image:type" content="image/jpeg" />
    <meta property="og:image:width" content="1200" />
    <meta property="og:image:height" content="630" />
    <meta property="og:image:alt" content="Monograma de José Luis Saorín Ferrer" />
    <meta property="og:site_name" content="José Luis Saorín Ferrer" />

    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:creator" content="@joseluissaorin" />
    <meta name="twitter:title" content="HTML5Widgets — DEHAES · José Luis Saorín Ferrer" />
    <meta name="twitter:description" content="Educational platform of HTML5 widgets developed with the DEHAES Group at the ULL. Technical basis of the Applied Sciences article." />
    <meta name="twitter:image" content="https://joseluissaorin.com/projects/project-html5widgets.jpg" />

    <link rel="icon" type="image/png" href="/monograma.png" />
    <link rel="apple-touch-icon" href="/monograma.png" />
    <link rel="manifest" href="/manifest.webmanifest" />
    <script type="module" crossorigin src="/assets/index-CK6T18AY.js"></script>
    <link rel="stylesheet" crossorigin href="/assets/index-Bs4khMa2.css">
      <link rel="preload" as="fetch" href="/corpus.json" crossorigin="anonymous" />
    <link rel="preload" as="font" type="font/woff2" href="/fonts/GT-Pressura-Regular.woff2" crossorigin="anonymous" />
    <link rel="preload" as="font" type="font/truetype" href="/fonts/GT-Sectra-Fine-Book.ttf" crossorigin="anonymous" />
      
      <script type="application/ld+json">{"@context":"https://schema.org","@type":"Person","name":"José Luis Saorín Ferrer","url":"https://joseluissaorin.com/en/","image":"https://joseluissaorin.com/og-default.png","email":"mailto:jl@joseluissaorin.com","jobTitle":"philologist, programmer, artist","description":"Interactive cv of José Luis Saorín Ferrer: 21, philology at ULL, programming, art, design and theatre as one continuous practice.","sameAs":["https://www.linkedin.com/in/jos%C3%A9-luis-saor%C3%ADn-ferrer-0372b5192","https://github.com/joseluissaorin","https://twitter.com/joseluissaorin","https://www.instagram.com/joseluissaorin"],"alumniOf":{"@type":"CollegeOrUniversity","name":"Universidad de La Laguna","url":"https://www.ull.es/"},"knowsLanguage":["es","en","fr","it"],"nationality":{"@type":"Country","name":"España"}}</script>
    <script type="application/ld+json">{"@context":"https://schema.org","@type":"CreativeWork","name":"HTML5Widgets — DEHAES","description":"Educational platform of HTML5 widgets developed with the DEHAES Group at the ULL. Technical basis of the Applied Sciences article.","url":"https://joseluissaorin.com/en/n/proj-html5widgets/","inLanguage":"en","image":"https://joseluissaorin.com/projects/project-html5widgets.jpg","author":{"@type":"Person","name":"José Luis Saorín Ferrer","url":"https://joseluissaorin.com/"},"datePublished":"2025"}</script>
  </head>
  <body>
    <div id="root"></div>
    <noscript>
<article id="cv-node-proj-html5widgets" lang="en">
<p><a href="https://joseluissaorin.com/en/">José Luis Saorín Ferrer</a></p>
<h1>HTML5Widgets — DEHAES</h1>
<p>Educational platform of HTML5 widgets developed with the DEHAES Group at the ULL. Technical basis of the Applied Sciences article.</p>
</article>
</noscript>
  </body>
</html>