Merge pull request #20 from input-output-hk/team

add team component

Author: jonnysmillie

resources/content/pages/who-we-are/images/Chris.Dornan.jpg

@@ -2,7 +2,7 @@
 about_title: en (English) who-we-are page content
 about_content:
   about_page_title: Who We Are
-  about_page_content: |
+  about_page_content_above: |
 
     ### Haskell Foundation Executive Director
 
@@ -17,127 +17,153 @@ about_content:
     Foundation. The [board of directors](/board-of-directors) are responsible
     for managing. The *interim board* will serve the Haskell Foundation
     during it's initial launch phase and will manage the establishment of the
-    first full board.
+    first full board.    
+  team: 
+  - name: Simon Peyton Jones
+    location: UK
+    avatar: './images/spj.png'
+    description: |
+      I’m a researcher at Microsoft Research in Cambridge, England. I
+      started here in Sept 1998. I’m also an Honorary Professor of the
+      Computing Science Department at Glasgow University, where I was a
+      professor during 1990-1998.
+      I am married to Dorothy, a priest in the Church of England. We
+      have six children.
+      I’m interested in the design, implementation, and application of
+      lazy functional languages. In practical terms, that means I spend
+      a most of my time on the design and implementation of the
+      language Haskell. In particular, much of my work is focused
+      around the Glasgow Haskell Compiler, and its ramifications.
+      I am chair of Computing at School, the group at the epicentre of
+      the reform of the national curriculum for Computing in England.
+      Computer science is now a foundational subject, alongside maths
+      and natural science, that every child learns from primary school
+      onwards (background here).
+    role: 
+  - name: Chris Dornan
+    location: UK
+    avatar: './images/cd.png'
+    description: |
+      Chris has been interested in Haskell since the early reports and
+      wrote the original Alex package in the 1990s. In the late
+      nineties Chris taught Haskell to undergraduates in UCC (Cork) and
+      in the noughties used Haskell tools to develop key aspects of the
+      ARMv7 architecture. Since 2013 Chris has been chief Engineer for
+      IRIS Connect where he has overseen the development of the new
+      IRIS Connect video platform which makes extensive use of Haskell
+      in the back end.
+    role: 
+  - name: Gabriele Keller
+    location: USA
+    avatar: './images/gk.png'
+    description: |
+      I’m a Professor of Software Technology in the Department of
+      Information and Computing Sciences. My research focuses on how
+      programming languages can be used to improve the quality of
+      software. Conventional software testing is very important, but
+      can’t guarantee the absence of errors. We are addressing this
+      problem in our research on developing and using programming
+      languages that are based on mathematical theory, so we can prove
+      that a program will work in all scenarios. We call it
+      ‘correctness by construction’. The real world significance is
+      obvious: it saves a lot of time and it eliminates errors so which
+      company wouldn’t want it?
+    role: 
+  - name: Jasper Van er Jeugt
+    location: 
+    avatar: './images/jv.png'
+    description: |
+      Jasper is a Principal Engineer at Fugue, a cloud security startup.
+      He has been deeply involved in the Haskell community for over ten
+      years, contributing as open source maintainer as well as community
+      organizer, with efforts like ZuriHac and Summer of Haskell. He
+      currently chairs the Haskell.org committee.
+    role: ''
+  - name: Edward Kmett
+    location:
+    avatar:  './images/ek.png'
+    description: |
+      I spent most of my adult life trying to build reusable code in
+      imperative languages before realizing I was building castles in
+      sand. I converted to Haskell in 2006 while searching for better
+      building materials. I now chair the Haskell core libraries
+      committee, collaborate with hundreds of other developers on over
+      200 projects on github, and I am obsessed with finding better
+      tools so that seven years from now I won’t be stuck solving the
+      same problems with small variations on the same tools I was stuck
+      using seven years ago.
+    role: 
+  - name: Stephanie Weirich
+    location:
+    avatar: './images/sw.png'
+    description: |
+      Stephanie Weirich is an American computer scientist specializing
+      in type theory, type inference, dependent types, and functional
+      programming. She is a professor of computer science at the
+      University of Pennsylvania.
+      Weirich graduated magna cum laude in 1996 from Rice University,
+      with a bachelor's degree in computer science. At Rice, she
+      became interested in programming languages through an
+      undergraduate research project with Matthias Felleisen. She
+      moved to Cornell University for her graduate studies, completing
+      her Ph.D. in 2002. Her dissertation, Programming with Types,
+      was supervised by Greg Morrisett. She joined the University of
+      Pennsylvania faculty in 2002.
+    role: 
+  - name: Simon Marlow
+    location:
+    avatar:  './images/sm.png'
+    description: |
+      Simon Marlow is a British computer programmer, author, and
+      co-developer of the Glasgow Haskell Compiler (GHC). He and Simon
+      Peyton Jones won the SIGPLAN Programming Languages Software Award
+      in 2011 for their work on GHC. Marlow's book Parallel and
+      Concurrent Programming in Haskell was published in August 2013.
+      Formerly of Microsoft Research, Marlow has worked at Facebook
+      since March 2013. The "noted Haskell guru" is part of the team
+      behind Facebook's open source Haxl project, a Haskell library
+      that simplifies access to remote data.
+    role: 
+  - name: Lennart Augustsson
+    location:
+    avatar: './images/la.png'
+    description: |
+      Lennart Augustsson is a Swedish computer scientist. He was
+      previously a lecturer at the Computing Science Department at
+      Chalmers University of Technology. His research field is
+      functional programming and implementations of functional
+      languages.
+      Augustsson has worked for Carlstedt Research and Technology,
+      Sandburst, Credit Suisse, Standard Chartered Bank, Facebook, X
+      Development, Google and is currently employed by Epic Games.
 
-    #### Members of the Interim Board of Directors
+    role: 
+  about_page_content: |
+    The following groups affiliated with the Haskell Foundation:
 
-    | ![A photo of Simon Peyton Jones](../../images/board-bio/spj.png) |
-    |--|
-    |**Simon Peyton Jones**|
-    |I’m a researcher at Microsoft Research in Cambridge, England. I   |
-    |started here in Sept 1998. I’m also an Honorary Professor of the  |
-    |Computing Science Department at Glasgow University, where I was a |
-    |professor during 1990-1998.                                       |
-    |                                                                  |
-    |I am married to Dorothy, a priest in the Church of England. We    |
-    |have six children.                                                |
-    |                                                                  |
-    |I’m interested in the design, implementation, and application of  |
-    |lazy functional languages. In practical terms, that means I spend |
-    |a most of my time on the design and implementation of the         |
-    |language Haskell. In particular, much of my work is focused       |
-    |around the Glasgow Haskell Compiler, and its ramifications.       |
-    |                                                                  |
-    |I am chair of Computing at School, the group at the epicentre of  |
-    |the reform of the national curriculum for Computing in England.   |
-    |Computer science is now a foundational subject, alongside maths   |
-    |and natural science, that every child learns from primary school  |
-    |onwards (background here).                                        |
+     -  The [Haskell IDE Team](https://github.com/haskell/haskell-language-server)
+     -  The [GHC Steering Committee](https://github.com/ghc-proposals/ghc-proposals)
+     -  [Haskell Weekly](https://haskellweekly.news/)
 
-    | ![A photo of Chris Dornan](../../images/board-bio/Chris.Dornan.png) |
-    |--|
-    |**Chris Dornan**|
-    |Chris has been interested in Haskell since the early reports and  |
-    |wrote the original Alex package in the 1990s. In the late         |
-    |nineties Chris taught Haskell to undergraduates in UCC (Cork) and |
-    |in the noughties used Haskell tools to develop key aspects of the |
-    |ARMv7 architecture. Since 2013 Chris has been chief Engineer for  |
-    |IRIS Connect where he has overseen the development of the new     |
-    |IRIS Connect video platform which makes extensive use of Haskell  |
-    |in the back end.                                                  |
+    The following groups are in the process of affiliating.  This means they
+    endorse the Haskell Foundation but are still in the process of adopting the
+    new guidelines:
 
-    | ![Gabriele Keller](../../images/board-bio/gk.png) |
-    |--|
-    |**Gabriele Keller**|
-    |I’m a Professor of Software Technology in the Department of       |
-    |Information and Computing Sciences. My research focuses on how    |
-    |programming languages can be used to improve the quality of       |
-    |software. Conventional software testing is very important, but    |
-    |can’t guarantee the absence of errors. We are addressing this     |
-    |problem in our research on developing and using programming       |
-    |languages that are based on mathematical theory, so we can prove  |
-    |that a program will work in all scenarios. We call it             |
-    |‘correctness by construction’. The real world significance is     |
-    |obvious: it saves a lot of time and it eliminates errors so which |
-    |company wouldn’t want it?                                         |
+     -  The [Core Libraries Committee](https://wiki.haskell.org/Core_Libraries_Committee)
+     -  The [Haskell.org Committee](https://www.haskell.org/haskell-org-committee)
+     -  The Haskell Admins
+     -  [Cabal](https://www.haskell.org/cabal/)
 
-    | ![Jasper Van der Jeugt](../../images/board-bio/jv.png) |
-    |--|
-    |**Jasper Van er Jeugt**|
-    |Jasper is a Principal Engineer at Fugue, a cloud security startup.|
-    |He has been deeply involved in the Haskell community for over ten |
-    |years, contributing as open source maintainer as well as community|
-    |organizer, with efforts like ZuriHac and Summer of Haskell.  He   |
-    |currently chairs the Haskell.org committee.                       |
+    This is not a closed list!  We very much want the Haskell Foundation to be
+    something by _all of us_.  Please [contact](/en/contact/) us if you are
+    interested in joining us in our quest to make Haskell better for everyone.
 
-    | ![Edward Kmett](../../images/board-bio/ed.kmett.png) |
-    |--|
-    |**Edward Kmett**|
-    |I spent most of my adult life trying to build reusable code in    |
-    |imperative languages before realizing I was building castles in   |
-    |sand. I converted to Haskell in 2006 while searching for better   |
-    |building materials. I now chair the Haskell core libraries        |
-    |committee, collaborate with hundreds of other developers on over  |
-    |200 projects on github, and I am obsessed with finding better     |
-    |tools so that seven years from now I won’t be stuck solving the   |
-    |same problems with small variations on the same tools I was stuck |
-    |using seven years ago.                                            |
+    #### The Hackage Trustees
 
-    | ![Stephanie Weirich](../../images/board-bio/sw.png) |
-    |--|
-    |**Stephanie Weirich**|
-    |Stephanie Weirich is an American computer scientist specializing  |
-    |in type theory, type inference, dependent types, and functional   |
-    |programming. She is a professor of computer science at the        |
-    |University of Pennsylvania.                                       |
-    |                                                                  |
-    |Weirich graduated magna cum laude in 1996 from Rice University,   |
-    |with a bachelor's degree in computer science. At Rice, she        |
-    |became interested in programming languages through an             |
-    |undergraduate research project with Matthias Felleisen. She       |
-    |moved to Cornell University for her graduate studies, completing  |
-    |her Ph.D. in 2002. Her dissertation, Programming with Types,      |
-    |was supervised by Greg Morrisett. She joined the University of    |
-    |Pennsylvania faculty in 2002.                                     |
-    [source](https://en.wikipedia.org/wiki/Stephanie_Weirich)
+    Placeholder text until the Hackage Trustees provide an official statement.
 
+    #### Volunteers
 
-    | ![Simon Marlow](../../images/board-bio/sm.png) |
-    |--|
-    |**Simon Marlow**|
-    |Simon Marlow is a British computer programmer, author, and        |
-    |co-developer of the Glasgow Haskell Compiler (GHC). He and Simon  |
-    |Peyton Jones won the SIGPLAN Programming Languages Software Award |
-    |in 2011 for their work on GHC. Marlow's book Parallel and         |
-    |Concurrent Programming in Haskell was published in August 2013.   |
-    |                                                                  |
-    |Formerly of Microsoft Research, Marlow has worked at Facebook     |
-    |since March 2013. The "noted Haskell guru" is part of the team    |
-    |behind Facebook's open source Haxl project, a Haskell library     |
-    |that simplifies access to remote data.                            |
-    [source](https://en.wikipedia.org/wiki/Simon_Marlow)
+    This is a placeholder for space we will use to include key volunteers who are not on the board or with one of the affiliated committees.
 
-    | ![Lennart Augustsson](../../images/board-bio/la.png) |
-    |--|
-    |**Lennart Augustsson**|
-    |Lennart Augustsson is a Swedish computer scientist. He was        |
-    |previously a lecturer at the Computing Science Department at      |
-    |Chalmers University of Technology. His research field is          |
-    |functional programming and implementations of functional          |
-    |languages.                                                        |
-    |                                                                  |
-    |Augustsson has worked for Carlstedt Research and Technology,      |
-    |Sandburst, Credit Suisse, Standard Chartered Bank, Facebook, X    |
-    |Development, Google and is currently employed by Epic Games.      |
-    [source](https://en.wikipedia.org/wiki/Lennart_Augustsson)
----
+---

resources/content/pages/who-we-are/images/Chris.Dornan.small.png

@@ -0,0 +1,69 @@
+import React from 'react'
+import styled from 'styled-components'
+import WhoWeArePageQuery from '../queries/WhoWeArePageQuery'
+import Image from 'gatsby-image'
+// import Link from '@input-output-hk/front-end-core-components/components/Link'
+import { Grid, Card, CardContent, Typography } from '@material-ui/core'
+
+const AvatarLarge = styled(Image)`
+  width: 100px;
+  height: 100px;
+  border-radius: 99px;
+  @media(max-width:1100px){
+    margin-left:auto;
+    margin-right:auto;
+    display:block;
+    text-align:center;
+  }
+`
+const Titles = styled.div`
+  @media(max-width:1100px) {
+    text-align:center;
+  }
+`
+const Member = styled(Card)`
+  padding-bottom: 4rem;
+`
+
+export default () => (
+  <WhoWeArePageQuery
+    render={(content) => (
+      <Grid spacing={4} container>
+        {content.team.map((member) => {
+          return (
+            <Grid item sm={6} xs={12} pb={5} key={member.name}>
+              <Member pb={5} elevation={2}>
+                <CardContent>
+                  <Grid container>
+                    <Grid item md={3} sm={12} xs={12}>
+                      <AvatarLarge fluid={member.avatar.childImageSharp.fluid} />
+                    </Grid>
+                    <Grid item md={9} sm={12} xs={12}>
+                      <Titles>
+                        <Typography gutterBottom variant='h5' component='h2'>
+                          {member.name}
+                        </Typography>
+                        <Typography gutterBottom variant='h5' component='span'>
+                          {member.role && member.role}
+                        </Typography>
+                        {member.role && member.location ? ' - ' : ''}
+                        <Typography gutterBottom variant='h5' component='span'>
+                          {member.location && member.location}
+                        </Typography>
+                        <hr />
+                      </Titles>
+                      <Typography variant='body2' color='textSecondary' component='p'>
+                        {member.description}
+                      </Typography>
+                    </Grid>
+                  </Grid>
+                </CardContent>
+              </Member>
+            </Grid>
+          )
+        })
+        }
+      </Grid>
+    )}
+  />
+)

resources/content/pages/who-we-are/images/cd.png

@@ -4,13 +4,18 @@ import Layout from '../components/Layout'
 import Page from '../components/Page'
 import WhoWeArePageQuery from '../queries/WhoWeArePageQuery'
 import Markdown from '@input-output-hk/front-end-core-components/components/Markdown'
+import Team from '../components/Team'
 
 export default () => (
   <WhoWeArePageQuery
     render={(content) => (
       <Layout>
         <Page title={content.about_page_title}>
           <Grid container spacing={2}>
+            <Grid item xs={12}>
+              <Markdown source={content.about_page_content_above} />
+            </Grid>
+            <Team />
             <Grid item xs={12}>
               <Markdown source={content.about_page_content} />
             </Grid>

resources/content/pages/who-we-are/images/ek.png

@@ -16,6 +16,20 @@ const WhoWeArePageQuery = ({ render }) => (
                   frontmatter {
                     about_content {
                       about_page_title
+                      team {
+                      name
+                      location
+                      avatar {
+                        childImageSharp {
+                          fluid {
+                            ...GatsbyImageSharpFluid
+                          }
+                        }
+                      }
+                      description
+                      role
+                    }
+                      about_page_content_above
                       about_page_content
                     }
                   }