import Head from 'next/head'
import Link from 'next/link'
import styles from '../styles/Post.module.scss'
import HeaderNav from '../lib/HeaderNav'
import HeroImage from '../lib/HeroImage'

export default function Toolbox() {
  return (
    <div className={styles.container}>
      <HeaderNav />
      <HeroImage image="https://images.unsplash.com/photo-1465659504169-09fe8930ccae" credit={{ url: "https://images.unsplash.com/photo-1465659504169-09fe8930ccae", text: "kychan" }} withGradient="top-blue">
        Toolbox
      </HeroImage>
      <Head>
        <title>Toolbox | Luke Granger-Brown</title>
        <link rel="icon" href="/favicon.ico" />
      </Head>

      <main className={styles.main}>
        <div className={styles.post}>
          A collection of tools. Maybe some will be useful.

          <ul>
            <li>
              <Link href="/tools/net"><a>Networking Tools</a></Link>
	    </li>
	    <li>
              <Link href="/tools/ee-qrcode"><a>EE QRCode Mangler</a></Link>
            </li>
	    <li>
              <Link href="https://storage.googleapis.com/lukegb-flipperzero/__FLIPPER_FIRMWARE_NAME__.tgz">Flipper Zero Firmware __FLIPPER_FIRMWARE_VERSION__</Link> (<Link href="https://lab.flipper.net/?url=https://storage.googleapis.com/lukegb-flipperzero/__FLIPPER_FIRMWARE_NAME__.tgz&channel=__FLIPPER_FIRMWARE_VERSION__&version=__FLIPPER_UPSTREAM_VERSION__">web flasher</Link>)
            </li>
          </ul>
        </div>
      </main>
    </div>
  )
}