add affiliates page

Author: rebeccaskinner

netlify/collections/pages/affiliates.js

@@ -0,0 +1,26 @@
+export default {
+  name: 'affiliates',
+  label: 'affiliates',
+  folder: 'resources/content/affiliates',
+  create: false,
+  delete: false,
+  fields: [
+    {
+      label: 'Title',
+      name: 'title',
+      widget: 'string'
+    },
+    {
+      name: 'content',
+      label: 'affiliates page content',
+      widget: 'object',
+      fields: [
+        {
+          name: 'default_content',
+          label: 'Default content',
+          widget: 'string'
+        }
+      ]
+    }
+  ]
+}

netlify/collections/pages/index.js

@@ -5,12 +5,14 @@ import donations from './donations'
 import news from './news'
 import contact from './contact'
 import whoweare from './who-we-are'
+import affiliates from './affiliates'
 import home from './home'
 
 export default [
   notFound,
   home,
   whoweare,
+  affiliates,
   contact,
   news,
   donations,

resources/content/global/global-en.md

@@ -7,6 +7,8 @@ global_content:
       global_navigation_item_link: /
     - global_navigation_item_title: Who we are
       global_navigation_item_link: /who-we-are/
+    - global_navigation_item_title: Affiliates
+      global_navigation_item_link: /affilates/
     - global_navigation_item_title: Contact
       global_navigation_item_link: /contact/
     - global_navigation_item_title: News

resources/content/pages/affiliates/affiliates-en.md

@@ -0,0 +1,44 @@
+---
+about_title: en (English) affiliates page content
+about_content:
+  about_page_title: Affiliates
+  about_page_content: |
+
+    We invite existing Haskell projects, committees and communities to
+    explicitly affiliate and align themselves with the Haskell Foundation.
+    Affiliation means that the group supports the goals of the Haskell
+    Foundation, and that the Haskell Foundation in turn supports this group.
+    We require affiliated groups to adhere to guidelines around transparency,
+    being open to new members, and follow the
+    [Haskell committee guidelines for respectful communication](https://github.com/ghc-proposals/ghc-proposals/blob/master/GRC.rst).
+    We believe that this will help us grow towards being a more open and
+    welcoming community.
+
+    The following groups affiliated with the Haskell Foundation:
+
+     -  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/)
+
+    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:
+
+     -  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/)
+
+    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.
+
+    #### The Hackage Trustees
+
+    Placeholder text until the Hackage Trustees provide an official statement.
+
+    #### Volunteers
+
+    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.
+
+---

src/pages/affiliates.js

@@ -0,0 +1,22 @@
+import React from 'react'
+import Grid from '@material-ui/core/Grid'
+import Layout from '../components/Layout'
+import Page from '../components/Page'
+import AffiliatesPageQuery from '../queries/AffiliatesPageQuery'
+import Markdown from '@input-output-hk/front-end-core-components/components/Markdown'
+
+export default () => (
+  <AffiliatesPageQuery
+    render={(content) => (
+      <Layout>
+        <Page title={content.about_page_title}>
+          <Grid container spacing={2}>
+            <Grid item xs={12}>
+              <Markdown source={content.about_page_content} />
+            </Grid>
+          </Grid>
+        </Page>
+      </Layout>
+    )}
+  />
+)

src/queries/AffiliatesPageQuery.js

@@ -0,0 +1,41 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+import { StaticQuery, graphql } from 'gatsby'
+import Language from '@input-output-hk/front-end-core-components/components/Language'
+
+const AffiliatesPageQuery = ({ render }) => (
+  <Language.Consumer>
+    {({ key: lang }) => (
+      <StaticQuery
+        query={graphql`
+          query {
+            allFile(filter:{relativePath:{glob:"content/pages/affiliates/*.md"}}) {
+              nodes{
+                relativePath,
+                childMarkdownRemark{
+                  frontmatter {
+                    about_content {
+                      about_page_title
+                      about_page_content
+                    }
+                  }
+                }
+              }
+            }
+          }
+        `}
+        render={({ allFile }) => {
+          const content = allFile.nodes.filter(node => node.relativePath === `content/pages/affiliates/affiliates-${lang}.md`).shift()
+          if (!content || !content.childMarkdownRemark) throw new Error(`No affiliates translations found for language ${lang}`)
+          return render(content.childMarkdownRemark.frontmatter.about_content)
+        }}
+      />
+    )}
+  </Language.Consumer>
+)
+
+AffiliatesPageQuery.propTypes = {
+  render: PropTypes.func.isRequired
+}
+
+export default AffiliatesPageQuery