import Link from 'next/link'

import styles from '~/styles/index.module.css'

export default function Index() {
  return (
    <main className="mainColumn">
      <p>
        Hi, we're tempest!  We're a median plural
        system of six members, but most of the time you'll probably see us
        operating as one
      </p>

      <p>We like coding, VR, and making CG art</p>

      <h2>At a glance</h2>
      <div className={styles.glance}>
        <span className={styles.label}>Pronouns:</span>
        <span>they/it</span>

        <span className={styles.label}>Cohort:</span>
        <span>millenial</span>

        <span className={styles.label}>Orientation:</span>
        <span>ace . . . ish</span>

        <span className={styles.label}>Partners:</span>
        <span>several</span>

        <span className={styles.label}>Children:</span>
        <span>two</span>

        <span className={styles.label}>Capitalize name:</span>
        <span>not unless we're at work</span>
      </div>

      <p>
        <em>Note:</em> This is the information for our system in aggregate,
        for individual info see our <Link href="/about">about</Link> page
      </p>
    </main>
  )
}