add privacy policy
This commit is contained in:
parent
745bd5fc89
commit
3076cd412c
|
@ -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
|
|
@ -3,13 +3,16 @@ import styled from '@emotion/styled'
|
||||||
|
|
||||||
import Layout from '../components/layout'
|
import Layout from '../components/layout'
|
||||||
import SEO from '../components/seo'
|
import SEO from '../components/seo'
|
||||||
|
import Footer from '../components/footer'
|
||||||
|
|
||||||
const Wrapper = styled.div`
|
const Wrapper = styled.div`
|
||||||
text-align: center;
|
text-align: center;
|
||||||
width: 500px;
|
width: 500px;
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
|
min-height: 100vh;
|
||||||
padding: 3em 15px;
|
padding: 3em 15px;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
|
position: relative;
|
||||||
`
|
`
|
||||||
|
|
||||||
const ImageWrapper = styled.div`
|
const ImageWrapper = styled.div`
|
||||||
|
@ -47,6 +50,7 @@ const IndexPage = () => {
|
||||||
>
|
>
|
||||||
Log in with streamlabs
|
Log in with streamlabs
|
||||||
</LoginButton>
|
</LoginButton>
|
||||||
|
<Footer />
|
||||||
</Wrapper>
|
</Wrapper>
|
||||||
</Layout>
|
</Layout>
|
||||||
)
|
)
|
||||||
|
|
|
@ -1,10 +1,9 @@
|
||||||
import React, { useState, useEffect } from 'react'
|
import React, { useState, useEffect } from 'react'
|
||||||
import { graphql } from 'gatsby'
|
|
||||||
import Img from 'gatsby-image'
|
|
||||||
import styled from '@emotion/styled'
|
import styled from '@emotion/styled'
|
||||||
|
|
||||||
import Layout from '../components/layout'
|
import Layout from '../components/layout'
|
||||||
import SEO from '../components/seo'
|
import SEO from '../components/seo'
|
||||||
|
import Footer from '../components/footer'
|
||||||
|
|
||||||
type User = {
|
type User = {
|
||||||
id: string
|
id: string
|
||||||
|
@ -22,8 +21,10 @@ type User = {
|
||||||
const Wrapper = styled.div`
|
const Wrapper = styled.div`
|
||||||
width: 800px;
|
width: 800px;
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
|
min-height: 100vh;
|
||||||
padding: 3em 15px;
|
padding: 3em 15px;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
|
position: relative;
|
||||||
`
|
`
|
||||||
|
|
||||||
const Data = styled.span`
|
const Data = styled.span`
|
||||||
|
@ -100,6 +101,7 @@ const OauthRedirectPage = ({ location }: { location: Location }) => {
|
||||||
alert on streamlabs.
|
alert on streamlabs.
|
||||||
</li>
|
</li>
|
||||||
</ol>
|
</ol>
|
||||||
|
<Footer />
|
||||||
</Wrapper>
|
</Wrapper>
|
||||||
</Layout>
|
</Layout>
|
||||||
)
|
)
|
||||||
|
|
|
@ -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
|
Loading…
Reference in New Issue