content: import React from 'react'
  import styled from 'styled-components'
  import {site} from '../config/vars'
  import media from '../utils/media'
  import workList from '../data/worklist'
  import updated from '../data/updated_time'
  
  const Main = styled.main`
    width: 100vw;
    padding: 0.5em;
    font-feature-settings: "case" 1;
  
    & section:nth-child(even) {
      margin-left: 1em;
    }
  
    ${media.s`
      padding: 0.75em;
  
      & section:nth-child(even) {
        margin-left: 2em;
      }
    `}
  `
  
  const Heading = styled.span`
    text-transform: uppercase;
    display: block;
  `
  
  const List = styled.ul`
    list-style: none;
  
    & li::before {
      ${'' /* content: "● "; */}
    }
  
    & li {
      text-indent: -1.5em;
      margin-left: 1.5em;
    }
  `
  
  const About = () => (
    <Main>
      <section>
        <p>
          Jack Halten Fahnestock (B. 1995, North Carolina, USA) is an American artist, designer, and entrepreneur working in Providence, RI. With a focus on lettering and typography he explores a variety of mediums—both physical and digital—often working on projects emphasizing accessibility, DIY construction, and reconfiguration.
        </p>
      </section>
  
      <section>
        <p>
          <a href={`mailto:` + site.email}>{site.email}</a> <a href={site.pgp} target="_blank" rel="noopener noreferrer">PGP</a> <a href={site.instagram} target="_blank" rel="noopener noreferrer">Instagram</a> <a href={site.twitter} target="_blank" rel="noopener noreferrer">Twitter</a> <a href={site.github} target="_blank" rel="noopener noreferrer">Github</a>
          </p>
        </section>
  
        <section>
          <Heading>Work</Heading>
          <List>
            {workList.map((item, index) =>
              <li key={index} dangerouslySetInnerHTML={{__html:
                item.caption
              }} />
            )}
          </List>
        </section>
  
        <section>
          <Heading>Experience</Heading>
          <List>
            <li>
              Freelance Type Designer, Apr 2019—Present
            </li>
            <li>
              Design Intern, <a href="http://basedesign.com" target="_blank" rel="noopener noreferrer">Base Design NYC</a>, Summer 2019
            </li>
            <li>
              Design Intern, <a href="http://verdes.nyc" target="_blank" rel="noopener noreferrer">Verdes</a>, Summer 2018
            </li>
          </List>
        </section>
  
        <section>
          <Heading>Education</Heading>
          <List>
            <li>
              BFA Graphic Design, Rhode Island School of Design, 2020
            </li>
            <li>
              University of North Carolina at Charlotte, Aug 2014–May 2017
            </li>
          </List>
        </section>
  
        <section>
          <p>
            Last updated: {updated} <a href="https://time.is/UTC" target="_blank" rel="noopener noreferrer">UTC</a>
          </p>
        </section>
    </Main>
  )
  
  export default About
  