<script lang="ts">
  import ContentWindow from '$lib/components/content/ContentWindow.svelte';
  import { simpleModeApps } from '$lib/data/apps';
</script>

<svelte:head>
  <title>Ian Barrs - Simple Mode</title>
  <meta name="description" content="Readable simple-mode version of Ian Barrs' interactive public CV and professional map." />
</svelte:head>

<main class="document-page simple-page">
  <header class="document-hero">
    <p class="eyebrow">ianOS simple mode</p>
    <h1>Ian Barrs</h1>
    <p>I build simpler systems for people doing difficult work.</p>
    <nav aria-label="Simple mode actions">
      <a href="/">Use interactive OS mode</a>
      <a href="/contact">Contact</a>
      <a href="/cv">Printable CV</a>
    </nav>
  </header>

  {#each simpleModeApps as app}
    <section class="document-section" id={app.id}>
      <ContentWindow {app} />
    </section>
  {/each}
</main>
