<commit_before>import React from 'react'
import { Helmet } from 'react-helmet'
import { Grid, Text, Container, Heading, Link } from 'theme-ui'
import Layout from '../components/Layout'
import Stack from '../components/Stack'
import { Header, HeaderName, HeaderTitle } from '../components/Header'

interface DependencyProps {
  href?: string
}

const Dependency: React.FC<DependencyProps> = ({ href, ...props }) => {
  const WrapperComponent: React.FC = (nestedProps) =>
    href ? (
      <Link variant="ui" href={href} {...nestedProps} />
    ) : (
      <Text as="span" {...nestedProps} />
    )

  return <WrapperComponent sx={{ fontSize: [2, 4] }} {...props} />
}

const Details: React.FC = (props) => <Text sx={{ fontSize: 0 }} {...props} />

const UsesPage: React.FC = () => (
  <Layout>
    <Helmet>
      <title>Uses</title>
    </Helmet>

    <Header>
      <HeaderName>Uses</HeaderName>

      <HeaderTitle>Tools of My Trade</HeaderTitle>
    </Header>

    <Container mt={5}>
      <Grid columns={[1, '8rem 1fr']} gap={[4, 5]}>
        <Heading color="muted-text">Hardware</Heading>

        <Stack gap={2}>
          <React.Fragment>
            <Dependency>Early 2015 13&Prime; MacBook Pro</Dependency>

            <Details>2.9GHz Dual-Core Intel i5, 8GB memory</Details>
          </React.Fragment>

          <React.Fragment>
            <Dependency>34&Prime; Acer XR Ultrawide Monitor</Dependency>

            <Details>XR342CK Pbmiiqphuzx</Details>
          </React.Fragment>

          <React.Fragment>
            <Dependency href="https://input.club/whitefox">
              Input Club WhiteFox Keyboard
            </Dependency>

            <Details>Hako Clear switches</Details>
          </React.Fragment>

          <Dependency>Magic Mouse 2</Dependency>
        </Stack>

        <Heading color="muted-text" mt={[4, 0]}>
          Software
        </Heading>

        <Stack gap={2}>
          <React.Fragment>
            <Dependency href="https://code.visualstudio.com">
              VS Code
            </Dependency>

            <Details>
              <Link variant="ui" href="https://dank.sh">
                Dank Mono
              </Link>
              ,{' '}
              <Link variant="ui" href="https://will-stone.github.io/plastic">
                Plastic theme
              </Link>
            </Details>
          </React.Fragment>

          <React.Fragment>
            <Dependency href="https://hyper.is">Hyper</Dependency>

            <Details>
              Zsh,{' '}
              <Link variant="ui" href="https://dank.sh">
                Dank Mono
              </Link>
              ,{' '}
              <Link
                variant="ui"
                href="https://github.com/lowmess/hyper-plastic"
              >
                Plastic theme
              </Link>
            </Details>
          </React.Fragment>

          <Dependency href="https://affinity.serif.com/en-us/designer">
            Affinity Designer
          </Dependency>

          <Dependency href="https://www.alfredapp.com">Alfred 4</Dependency>

          <Dependency href="https://mizage.com/divvy">Divvy</Dependency>

          <Dependency href="https://kapeli.com/dash">Dash</Dependency>

          <Dependency href="https://tot.rocks">Tot</Dependency>
        </Stack><commit_msg>:speech_balloon: remove version from alfred in /uses<commit_after>import React from 'react'
import { Helmet } from 'react-helmet'
import { Grid, Text, Container, Heading, Link } from 'theme-ui'
import Layout from '../components/Layout'
import Stack from '../components/Stack'
import { Header, HeaderName, HeaderTitle } from '../components/Header'

interface DependencyProps {
  href?: string
}

const Dependency: React.FC<DependencyProps> = ({ href, ...props }) => {
  const WrapperComponent: React.FC = (nestedProps) =>
    href ? (
      <Link variant="ui" href={href} {...nestedProps} />
    ) : (
      <Text as="span" {...nestedProps} />
    )

  return <WrapperComponent sx={{ fontSize: [2, 4] }} {...props} />
}

const Details: React.FC = (props) => <Text sx={{ fontSize: 0 }} {...props} />

const UsesPage: React.FC = () => (
  <Layout>
    <Helmet>
      <title>Uses</title>
    </Helmet>

    <Header>
      <HeaderName>Uses</HeaderName>

      <HeaderTitle>Tools of My Trade</HeaderTitle>
    </Header>

    <Container mt={5}>
      <Grid columns={[1, '8rem 1fr']} gap={[4, 5]}>
        <Heading color="muted-text">Hardware</Heading>

        <Stack gap={2}>
          <React.Fragment>
            <Dependency>Early 2015 13&Prime; MacBook Pro</Dependency>

            <Details>2.9GHz Dual-Core Intel i5, 8GB memory</Details>
          </React.Fragment>

          <React.Fragment>
            <Dependency>34&Prime; Acer XR Ultrawide Monitor</Dependency>

            <Details>XR342CK Pbmiiqphuzx</Details>
          </React.Fragment>

          <React.Fragment>
            <Dependency href="https://input.club/whitefox">
              Input Club WhiteFox Keyboard
            </Dependency>

            <Details>Hako Clear switches</Details>
          </React.Fragment>

          <Dependency>Magic Mouse 2</Dependency>
        </Stack>

        <Heading color="muted-text" mt={[4, 0]}>
          Software
        </Heading>

        <Stack gap={2}>
          <React.Fragment>
            <Dependency href="https://code.visualstudio.com">
              VS Code
            </Dependency>

            <Details>
              <Link variant="ui" href="https://dank.sh">
                Dank Mono
              </Link>
              ,{' '}
              <Link variant="ui" href="https://will-stone.github.io/plastic">
                Plastic theme
              </Link>
            </Details>
          </React.Fragment>

          <React.Fragment>
            <Dependency href="https://hyper.is">Hyper</Dependency>

            <Details>
              Zsh,{' '}
              <Link variant="ui" href="https://dank.sh">
                Dank Mono
              </Link>
              ,{' '}
              <Link
                variant="ui"
                href="https://github.com/lowmess/hyper-plastic"
              >
                Plastic theme
              </Link>
            </Details>
          </React.Fragment>

          <Dependency href="https://affinity.serif.com/en-us/designer">
            Affinity Designer
          </Dependency>

          <Dependency href="https://www.alfredapp.com">Alfred</Dependency>

          <Dependency href="https://mizage.com/divvy">Divvy</Dependency>

          <Dependency href="https://kapeli.com/dash">Dash</Dependency>

          <Dependency href="https://tot.rocks">Tot</Dependency>
        </Stack>
{'fraction_non_alphanumeric': 0.15068083196169385, 'fraction_numerical': 0.00882837049229388, 'mean_word_length': 1.828607702073635, 'pattern_counts': {'":': 0, '<': 155, '<?xml version=': 0, '>': 163, 'https://': 24, 'lorem ipsum': 0, 'www.': 2, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2313056', 'n_tokens_mistral': 2003, 'n_tokens_neox': 1898, 'n_words': 392}