add privacy policy

frontend/src/components/footer.tsx

@@ -0,0 +1,30 @@
+import React from 'react'
+import { Link } from 'gatsby'
+import styled from '@emotion/styled'
+
+const Wrapper = styled.footer`
+  position: absolute;
+  width: 100%;
+  bottom: 0;
+  font-size: 10px;
+  opacity: 0.8;
+  text-align: center;
+`
+
+const Separator = styled.span`
+  padding: 0 20px;
+`
+
+const Footer = () => {
+  return (
+    <Wrapper>
+      Made with ♡ by <a href="https://github.com/mathieudutour">Mathieu</a>
+      <Separator> </Separator>
+      <a href="https://github.com/sponsors/mathieudutour">Sponsors</a>
+      <Separator> </Separator>
+      <Link to="/privacy-policy">Privacy Policy</Link>
+    </Wrapper>
+  )
+}
+
+export default Footer

frontend/src/pages/index.tsx

@@ -3,13 +3,16 @@ import styled from '@emotion/styled'
 
 import Layout from '../components/layout'
 import SEO from '../components/seo'
+import Footer from '../components/footer'
 
 const Wrapper = styled.div`
   text-align: center;
   width: 500px;
   max-width: 100%;
+  min-height: 100vh;
   padding: 3em 15px;
   margin: 0 auto;
+  position: relative;
 `
 
 const ImageWrapper = styled.div`
@@ -47,6 +50,7 @@ const IndexPage = () => {
         >
           Log in with streamlabs
         </LoginButton>
+        <Footer />
       </Wrapper>
     </Layout>
   )

frontend/src/pages/oauth-redirect.tsx

@@ -1,10 +1,9 @@
 import React, { useState, useEffect } from 'react'
-import { graphql } from 'gatsby'
-import Img from 'gatsby-image'
 import styled from '@emotion/styled'
 
 import Layout from '../components/layout'
 import SEO from '../components/seo'
+import Footer from '../components/footer'
 
 type User = {
   id: string
@@ -22,8 +21,10 @@ type User = {
 const Wrapper = styled.div`
   width: 800px;
   max-width: 100%;
+  min-height: 100vh;
   padding: 3em 15px;
   margin: 0 auto;
+  position: relative;
 `
 
 const Data = styled.span`
@@ -100,6 +101,7 @@ const OauthRedirectPage = ({ location }: { location: Location }) => {
             alert on streamlabs.
           </li>
         </ol>
+        <Footer />
       </Wrapper>
     </Layout>
   )

frontend/src/pages/privacy-policy.tsx

@@ -0,0 +1,76 @@
+import React from 'react'
+import styled from '@emotion/styled'
+
+import Layout from '../components/layout'
+import SEO from '../components/seo'
+import Footer from '../components/footer'
+
+const Wrapper = styled.div`
+  text-align: left;
+  width: 600px;
+  max-width: 100%;
+  min-height: 100vh;
+  padding: 3em 15px;
+  margin: 0 auto;
+  position: relative;
+`
+
+const PrivacyPage = () => {
+  return (
+    <Layout>
+      <SEO />
+      <Wrapper>
+        <h2>No analytics</h2>
+        <h2>No trackers</h2>
+        <h2>Minimal data stored</h2>
+        <p>
+          {' '}
+          There is a very small amount of{' '}
+          <a href="https://github.com/mathieudutour/streamlabs-github-sponsors-alerts/blob/master/backend/lib/model/user.ts">
+            data stored
+          </a>
+          :
+          <pre>
+            {`type User = {
+  id: string // index
+  username: string
+  createdAt: number
+  lastSeenAt: number
+
+  // token by the user to make authenticated calls
+  token: string
+
+  // streamlabs OAuth
+  streamlabsId?: string
+  streamlabsToken?: string
+  streamlabsRefreshToken?: string
+
+  // alert customization https://dev.streamlabs.com/v1.0/reference#alerts
+  image_href?: string
+  sound_href?: string
+  message?: string
+  user_message?: string
+  duration?: string
+  special_text_color?: string
+}`}
+          </pre>
+        </p>
+        <p>
+          If you want your data to be removed, please send me an email:
+          mathieu@dutour.me.
+        </p>
+        <h2>Open Source</h2>
+        <p>
+          Everything is open source. Check it out here:{' '}
+          <a href="https://github.com/mathieudutour/streamlabs-github-sponsors-alerts">
+            https://github.com/mathieudutour/streamlabs-github-sponsors-alerts
+          </a>
+          .
+        </p>
+        <Footer />
+      </Wrapper>
+    </Layout>
+  )
+}
+
+export default PrivacyPage