---
import PageHeading from "../../components/page-heading.astro";
import Layout from "../../layouts/main.astro";
import Link from "../../components/Link.astro";
---

<Layout title="Code - Jalil Arfaoui">
  <section class="relative z-20 max-w-2xl mx-auto my-12 px-7 lg:px-0">
    <PageHeading
      title="Code"
      description="Over 20 years building software. Craftsmanship, TDD, DDD — and an obsession with the biases we unknowingly put into code."
    />

    <h2 class="mt-10 mb-4 text-2xl font-bold dark:text-neutral-200">What I do</h2>
    <div class="space-y-4 text-gray-600 dark:text-neutral-400 leading-relaxed">
      <p>
        Freelance developer based in <strong class="text-gray-800 dark:text-neutral-200">Albi, France</strong>, I work with teams as a senior developer, tech lead or technical coach. I favor free software and tools that address real needs.
      </p>
      <p>
        My approach: <strong class="text-gray-800 dark:text-neutral-200">TDD, Clean Code, Domain-Driven Design</strong>. Code is a material to be crafted with care, not a commodity to be mass-produced.
      </p>
    </div>

    <h2 class="mt-10 mb-4 text-2xl font-bold dark:text-neutral-200">Skills</h2>
    <div class="space-y-4 text-gray-600 dark:text-neutral-400 leading-relaxed">
      <p>
        <strong class="text-gray-800 dark:text-neutral-200">Languages</strong> — TypeScript/JavaScript, PHP, Elixir
      </p>
      <p>
        <strong class="text-gray-800 dark:text-neutral-200">Practices</strong> — TDD, Clean Code, Domain-Driven Design, hexagonal architecture, continuous refactoring
      </p>
    </div>

    <h2 class="mt-10 mb-4 text-2xl font-bold dark:text-neutral-200">Open source projects</h2>
    <div class="space-y-4 text-gray-600 dark:text-neutral-400 leading-relaxed">
      <p>
        <Link href="https://debats.co" external>Débats.co</Link> — A collaborative platform for synthesizing public debates.
      </p>
      <p>
        <Link href="https://github.com/dis-moi" external>DisMoi</Link> — A civic tech browser extension that adds contextual information to the web.
      </p>
      <p>
        <Link href="https://github.com/betagouv/mon-entreprise" external>mon-entreprise</Link> — The official assistant for entrepreneurs in France, a <Link href="https://beta.gouv.fr/" external>beta.gouv</Link> project.
      </p>
    </div>

    <h2 class="mt-10 mb-4 text-2xl font-bold dark:text-neutral-200">Community</h2>
    <div class="space-y-4 text-gray-600 dark:text-neutral-400 leading-relaxed">
      <p>
        I've been running the <Link href="https://www.meetup.com/software-crafters-albi/" external>Software Crafters Albi</Link> meetup since 2018. We gather regularly to discuss code, practices and software craftsmanship.
      </p>
    </div>

    <h2 class="mt-10 mb-4 text-2xl font-bold dark:text-neutral-200">Teaching</h2>
    <div class="space-y-4 text-gray-600 dark:text-neutral-400 leading-relaxed">
      <p>
        I teach programming at <Link href="https://www.univ-jfc.fr/" external>Université Champollion</Link> in Albi.
      </p>
    </div>

    <h2 class="mt-10 mb-4 text-2xl font-bold dark:text-neutral-200">Background</h2>
    <div class="space-y-4 text-gray-600 dark:text-neutral-400 leading-relaxed">
      <p>
        Currently a developer at <Link href="https://www.urssaf.fr/" external>Urssaf</Link>. Before that, a path through <Link href="https://while42.org/" external>while42</Link>, startups and consulting. Graduated from <Link href="https://www.uvsq.fr/" external>UVSQ</Link> (best graduation project 2003).
      </p>
    </div>
  </section>
</Layout>