Merge pull request #172 from alephium/banxa-callback

Create Banxa callback page and fix 404 page

.github/broken-link-check-config.json

@@ -9,6 +9,12 @@
     },
     {
       "pattern": "^https://github.com/alephium/community/blob/master/Grant%26RewardProgram.md"
+    },
+    {
+      "pattern": "^https://www.reddit.com/r/Alephium"
+    },
+    {
+      "pattern": "^https://alephium.myspreadshop.ch"
     }
   ]
 }

src/pages/404.tsx

@@ -4,39 +4,40 @@ import { Link } from 'gatsby'
 import GlobalStyle from '../styles/global-style'
 import { darkTheme } from '../styles/themes'
 
-import HeroContentWrapper from '../components/Hero/HeroContentWrapper'
-import HeroPageSectionContainer from '../components/Hero/HeroPageSectionContainer'
 import NavigationMenu from '../components/NavigationMenu'
 import TextSnippet from '../components/TextSnippet'
 
 import HeroLogo from '../components/Hero/HeroLogo'
 import HeroImage from '../components/Hero/HeroImage'
+import PageSectionContainer from '../components/PageSectionContainer'
 
 const NotFoundPage = () => (
   <ThemeProvider theme={darkTheme}>
     <GlobalStyle />
-    <main>
+    <main style={{ height: '100vh' }}>
       <HeroImage layer="back" slide={0} parallaxSpeed={12} />
       <HeroImage layer="middle" slide={0} parallaxSpeed={8} />
       <HeroImage layer="front" slide={0} parallaxSpeed={2} />
-      <HeroPageSectionContainer>
+      <PageSectionContainer>
         <div className="navigation-menu-wrapper">
           <NavigationMenu />
         </div>
-        <HeroContentWrapper>
+        <CenteredContainer>
           <div className="contents">
             <HeroLogo gradientIndex={0} />
             <h1>404 - Page not found</h1>
             <TextSnippetStyled bigText>
               Let&apos;s go back to the <Link to="/">home page</Link>.
             </TextSnippetStyled>
           </div>
-        </HeroContentWrapper>
-      </HeroPageSectionContainer>
+        </CenteredContainer>
+      </PageSectionContainer>
     </main>
   </ThemeProvider>
 )
 
+export default NotFoundPage
+
 const TextSnippetStyled = styled(TextSnippet)`
   color: ${({ theme }) => theme.textTertiary};
 
@@ -46,4 +47,8 @@ const TextSnippetStyled = styled(TextSnippet)`
   }
 `
 
-export default NotFoundPage
+const CenteredContainer = styled.div`
+  display: flex;
+  align-items: center;
+  height: 100%;
+`

src/pages/banxa-callback.tsx

@@ -0,0 +1,27 @@
+import styled, { ThemeProvider } from 'styled-components'
+
+import GlobalStyle from '../styles/global-style'
+import { darkTheme } from '../styles/themes'
+
+import PageSectionContainer from '../components/PageSectionContainer'
+
+const BanxaCallbackPage = () => (
+  <ThemeProvider theme={darkTheme}>
+    <GlobalStyle />
+    <main style={{ height: '100vh' }}>
+      <PageSectionContainerStyled>
+        <div className="contents">
+          <h1>Returning to your wallet...</h1>
+        </div>
+      </PageSectionContainerStyled>
+    </main>
+  </ThemeProvider>
+)
+
+export default BanxaCallbackPage
+
+const PageSectionContainerStyled = styled(PageSectionContainer)`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`

static/robots.txt

@@ -1,2 +1,5 @@
 User-agent: *
 Disallow: /cmc-application-proof.txt
+
+User-agent: *
+Disallow: /banxa-callback