<template>
  <section>
    <h2>My projects</h2>

    <ul>
      <li>
        <a
          href="https://failwell.io"
          target="_blank"
          rel="noopener noreferrer"
          >Fail Well</a
        >: a tool designed to help developers and knowledge workers understand
        the gap between their expectations and reality.
      </li>
      <li>
        <a
          href="https://thinking-people-system.house/"
          target="_blank"
          rel="noopener noreferrer"
          >Thinking People System</a
        >
        is a website with exploration in mind. The TPS is a framework to satisfy
        the client with the growth of people making the product. I still have to
        understand it - in the process, I make explorable article about the
        concepts like
        <a
          href="https://thinking-people-system.house/pull-system"
          target="_blank"
          rel="noopener noreferrer"
          >the Pull System</a
        >.
      </li>
      <li>
        <a
          href="https://litenote.space/"
          target="_blank"
          rel="noopener noreferrer"
          >Lite note</a
        >: highly inspired by
        <a
          href="https://notes.andymatuschak.org/About_these_notes"
          target="_blank"
          rel="noopener noreferrer"
          >Andy Matuschak notes' website</a
        >, I wanted to have a clean design where I can explore my notes I take
        on VS Code.
      </li>

      <li>
        <a
          href="https://www.npmjs.com/package/retrobus"
          target="_blank"
          rel="noopener noreferrer"
          >retrobus</a
        >: an event bus lib I made for fun with a little extra retroactive
        feature.
      </li>

      <li>
        <a
          href="https://marketplace.visualstudio.com/items?itemName=jcalixte.doc-jit"
          target="_blank"
          rel="noopener noreferrer"
          >Doc-JIT</a
        >: <i>just in time</i> documentation. It displays the right
        documentation when you need it. Doc-JIT is a VS Code extension for
        developers to open the most relevant documentation when coding features.
      </li>

      <li>
        <a
          href="https://www.npmjs.com/package/vue-pwa-asset-generator"
          target="_blank"
          rel="noopener noreferrer"
          >Vue PWA Asset generator</a
        >: a cli command (now a bit out of date) that generates the multiple
        favicons needed for a Progressive Web App.
      </li>
    </ul>
  </section>
</template>
