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

  const profile = appsById.get('profile');
  const cv = appsById.get('cv');
  const workbench = appsById.get('workbench');
  const evidence = appsById.get('evidence');
  const contact = appsById.get('contact');
</script>

<svelte:head>
  <title>Ian Barrs - Printable CV</title>
  <meta name="description" content="Printable CV for Ian Barrs: IT, security, compliance, operations, training and useful systems." />
</svelte:head>

<main class="document-page cv-page">
  <header class="document-hero">
    <p class="eyebrow">printable route</p>
    <h1>Ian Barrs</h1>
    <p>IT, security, compliance, operations, training and useful systems.</p>
    <nav aria-label="CV actions">
      <a href="/">Interactive OS</a>
      <a href="/simple">Simple Mode</a>
      <a href="/contact">Contact</a>
    </nav>
  </header>

  {#if profile}<section class="document-section"><ContentWindow app={profile} /></section>{/if}
  {#if cv}<section class="document-section"><ContentWindow app={cv} /></section>{/if}
  {#if workbench}<section class="document-section"><ContentWindow app={workbench} /></section>{/if}
  {#if evidence}<section class="document-section"><ContentWindow app={evidence} /></section>{/if}
  {#if contact}<section class="document-section"><ContentWindow app={contact} /></section>{/if}
</main>
