<SettingsLayout page='settings/about' label="About Pinafore">
  <h1>About Pinafore</h1>

  <h2>Version {{version}}</h2>

  <p>
    Pinafore is <ExternalLink href="https://github.com/nolanlawson/pinafore">free and open-source software</ExternalLink>
    created by <ExternalLink href="https://nolanlawson.com">Nolan Lawson</ExternalLink> and distributed under the
    <ExternalLink href="https://github.com/nolanlawson/pinafore/blob/master/LICENSE">GNU Affero General Public License</ExternalLink>.
  </p>

  <p>Icons provided by <ExternalLink href="http://fontawesome.io/">Font Awesome</ExternalLink>.</p>

  <p>Logo thanks to "sailboat" by Gregor Cresnar from <ExternalLink href="https://thenounproject.com/">the Noun Project</ExternalLink>.</p>
</SettingsLayout>
<script>
  import SettingsLayout from '../../_components/settings/SettingsLayout.html'
  import ExternalLink from '../../_components/ExternalLink.html'

  import { version } from '../../../package.json'

  export default {
    components: {
      SettingsLayout,
      ExternalLink
    },
    data: () => ({
      version
    })
  };
</script>