Add a new homepage, because Black Lives Matter (#1094)

packages/gatsby-theme-mdx/src/components/large-text.js

@@ -0,0 +1,8 @@
+/* @jsx jsx */
+import { jsx } from 'theme-ui'
+
+export default ({ children }) => (
+  <div sx={{ p: { fontSize: 4 }, mb: 6}}>
+    {children}
+  </div>
+)

packages/gatsby-theme-mdx/src/components/minimal-layout.js

@@ -0,0 +1,83 @@
+import React from 'react'
+import {Global} from '@emotion/core'
+import {ThemeProvider, css} from 'theme-ui'
+
+import components from './mdx-components'
+import baseTheme from './theme'
+
+const styles = (
+  <Global
+    styles={css({
+      '*': {boxSizing: 'border-box'},
+      body: {
+        m: 0,
+        fontFamily: 'system-ui, sans-serif',
+        lineHeight: 1.5,
+        color: '#fff',
+        bg: '#000',
+        transitionProperty: 'background-color',
+        transitionTimingFunction: 'ease-out',
+        transitionDuration: '.4s'
+      }
+    })}
+  />
+)
+
+const Root = props => (
+  <div
+    {...props}
+    css={css({
+      display: 'flex',
+      flexDirection: 'column',
+      minHeight: '100vh'
+    })}
+  />
+)
+
+const Main = props => (
+  <main
+    {...props}
+    css={css({
+      display: 'flex',
+      flexDirection: 'column',
+      minWidth: 0,
+      flex: '1 1 auto',
+      [baseTheme.mediaQueries.big]: {
+        flexDirection: 'row'
+      }
+    })}
+  />
+)
+
+const Container = props => (
+  <div
+    {...props}
+    css={css({
+      minWidth: 0,
+      width: '100%',
+      maxWidth: 1024,
+      mx: 'auto',
+      p: 4
+    })}
+  />
+)
+
+export default props => {
+  const theme = baseTheme
+  theme.styles.a.color = '#fff'
+
+  return (
+    <>
+      <ThemeProvider theme={theme} components={components}>
+        {styles}
+        <Root>
+          <Main>
+            <Container className="searchable-content">
+              {props.children}
+            </Container>
+          </Main>
+        </Root>
+      </ThemeProvider>
+    </>
+  )
+}

packages/gatsby-theme-mdx/src/pages/index.mdx

@@ -0,0 +1,49 @@
+import Layout from '../components/minimal-layout'
+import LargeText from '../components/large-text'
+
+export default Layout
+
+# #BlackLivesMatter
+
+## George Floyd
+
+<LargeText>
+
+Natosha McDade, Yassin Mohamed, Finan H. Berhe, Sean Reed, Steven Demarco Taylor,
+Breonna Taylor, Ariane McCree, Terrance Franklin, Miles Hall, Darius Tarver,
+William Green, Samuel David Mallard, Kwame Jones, De’von Bailey, Christopher Whitfield,
+Anthony Hill, De’Von Bailey, Eric Logan, Jamarion Robinson, Gregory Hill Jr,
+JaQuavion Slaton, Ryan Twyman, Brandon Webber, Jimmy Atchison, Willie McCoy,
+Emantic Fitzgerald Bradford J, D’ettrick Griffin, Jemel Roberson, DeAndre Ballard,
+Botham Shem Jean, Robert Lawrence White, Anthony Lamar Smith, Ramarley Graham,
+Manuel Loggins Jr, Trayvon Martin, Wendell Allen, Kendrec McDade, Larry Jackson Jr,
+Jonathan Ferrell, Jordan Baker, Victor White III, Dontre Hamilton, Eric Garner,
+John Crawford III, Michael Brown, Ezell Ford, Dante Parker, Kajieme Powell,
+Laquan McDonald, Akai Gurley, Tamir Rice, Rumain Brisbon, Jerame Reid, Charly Keunang,
+Tony Robinson, Walter Scott, Freddie Gray, Brendon Glenn, Samuel DuBose, Christian Taylor,
+Jamar Clark, Mario Woods, Quintonio LeGrier, Gregory Gunn, Akiel Denkins, Alton Sterling,
+Philando Castile, Terrence Sterling, Terence Crutcher, Keith Lamont Scott, Alfred Olango,
+Jordan Edwards, Stephon Clark, Danny Ray Thomas, DeJuan Guillory, Patrick Harmon,
+Jonathan Hart, Maurice Granton, Julius Johnson, Jamee Johnson, Michael Dean...
+
+<br />
+<br />
+<br />
+
+The homepage is currently offline, as a small mark of respect, and expression of solidarity.
+The rest of the [docs pages are still available](/getting-started).
+
+Organisations that could use your financial support include
+[Black Lives Matter](https://blacklivesmatter.com),
+[The NAACP Legal Defense and Educational Fund](https://www.naacpldf.org),
+[Reclaim the Block](https://www.reclaimtheblock.org),
+[The Equal Justice Initiative](https://eji.org),
+[We The Protesters](https://www.wetheprotesters.org),
+and the
+[George Floyd Memorial Fund](https://www.gofundme.com/f/georgefloyd).
+
+</LargeText>
+
+---
+
+This page is inspired by, and slightly adapted from, [the Django Rest Framework’s homepage](https://www.django-rest-framework.org).