content: import React from 'react'
  import { StyleSheet } from 'react-look'
  import { Link, Text, Image, Slide } from 'spectacle'
  
  import avatar from '~/assets/avatar.jpg'
  
  const styles = StyleSheet.create({
    container: {
      display: 'flex',
      flexDirection: 'row',
      justifyContent: 'space-between',
      alignItems: 'center'
    },
  
    column: {
      display: 'flex',
      flexDirection: 'column',
      justifyContent: 'center',
      alignItems: 'center'
    },
  
    avatar: {
      borderRadius: '50%'
    }
  })
  
  export default (
    <Slide transition={[ 'slide' ]}>
  
      <div className={styles.container}>
        <Image
          src={avatar}
          height='250px'
          width='250px'
          className={styles.avatar}/>
  
        <div className={styles.column}>
          <Text
            fontSize='1em'
            textColor='secondary'>
            Phil Pluckthun
          </Text>
  
          <Link
            fontSize='1em'
            textColor='tertiary'
            href='https://twitter.com/_philpl'>
            @_philpl
          </Link>
  
          <Link
            fontSize='1em'
            textColor='tertiary'
            href='https://github.com/philpl'>
            github.com/philpl
          </Link>
        </div>
      </div>
  
    </Slide>
  )
  
  