<script lang="ts">
  import Screen from '../components/Screen.svelte';
  import { t } from '../lib/i18n/index.svelte';

  const version = '0.7.0';
</script>

<Screen title={t('about.title')} back="/">
  <div class="page">
    <h2>{t('app.title')}</h2>
    <p>{t('about.description')}</p>
    <p class="muted">{t('about.version', { v: version })}</p>
  </div>
</Screen>

<style>
  .page {
    padding: var(--pad);
  }
  .muted {
    color: var(--text-muted);
  }
</style>
