zecfoundation
/
zcash-grant-system
mirror of https://github.com/ZcashFoundation/zcash-grant-system.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Standard pages (#151) 

* pages, routes &  links

* generic legal document style

* Tos component + dummy text

* Privacy component.

* Contact component.

* About component.
This commit is contained in:
AMStrix 2018-10-18 19:59:49 -05:00 committed by William O'Beirne
parent 9dc67865e9
commit 45054ec573
15 changed files with 318 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

52
frontend/client/Routes.tsx
View File

@ -22,6 +22,10 @@ const SignOut = loadable(() => import('pages/sign-out'));
const Profile = loadable(() => import('pages/profile'));
const Settings = loadable(() => import('pages/settings'));
const Exception = loadable(() => import('pages/exception'));
const Tos = loadable(() => import('pages/tos'));
const About = loadable(() => import('pages/about'));
const Privacy = loadable(() => import('pages/privacy'));
const Contact = loadable(() => import('pages/contact'));
import 'styles/style.less';
@ -107,6 +111,54 @@ const routeConfigs: RouteConfig[] = [
},
onlyLoggedIn: true,
},
{
// Terms of Service page
route: {
path: '/tos',
component: Tos,
exact: true,
},
template: {
title: 'Terms of Service',
},
onlyLoggedIn: false,
},
{
// About page
route: {
path: '/about',
component: About,
exact: true,
},
template: {
title: 'About',
},
onlyLoggedIn: false,
},
{
// Privacy page
route: {
path: '/privacy',
component: Privacy,
exact: true,
},
template: {
title: 'Privacy Policy',
},
onlyLoggedIn: false,
},
{
// Contact page
route: {
path: '/contact',
component: Contact,
exact: true,
},
template: {
title: 'Contact',
},
onlyLoggedIn: false,
},
{
// User profile
route: {

18
frontend/client/components/About/index.tsx Normal file
View File

@ -0,0 +1,18 @@
import React, { PureComponent } from 'react';
import './style.less';
export default class About extends PureComponent {
render() {
return (
<div className="About">
<h1 className="About-title">About Grant.io</h1>
<section>
<p>
Grant.io organizes creators and community members to incentivize ecosystem
improvements.
</p>
</section>
</div>
);
}
}

21
frontend/client/components/About/style.less Normal file
View File

@ -0,0 +1,21 @@
.About {
max-width: 640px;
margin: 0 auto;
&-title {
text-align: center;
margin-top: 1rem;
padding-bottom: 3rem;
border-bottom: 1px solid #e5e5e5;
margin-bottom: 2.5rem;
font-size: 2.5rem;
}
section {
margin-bottom: 3rem;
p {
font-size: 1rem;
}
}
}

18
frontend/client/components/Contact/index.tsx Normal file
View File

@ -0,0 +1,18 @@
import React, { PureComponent } from 'react';
import './style.less';
export default class Contact extends PureComponent {
render() {
return (
<div className="Contact">
<h1 className="Contact-title">Contact Us</h1>
<section>
<p>
You may contact the Grant.io project by emailing{' '}
<a href="mailto:daniel@grant.io">daniel@grant.io</a>.
</p>
</section>
</div>
);
}
}

21
frontend/client/components/Contact/style.less Normal file
View File

@ -0,0 +1,21 @@
.Contact {
max-width: 640px;
margin: 0 auto;
&-title {
text-align: center;
margin-top: 1rem;
padding-bottom: 3rem;
border-bottom: 1px solid #e5e5e5;
margin-bottom: 2.5rem;
font-size: 2.5rem;
}
section {
margin-bottom: 3rem;
p {
font-size: 1rem;
}
}
}

21
frontend/client/components/Footer/index.tsx
View File

@ -7,12 +7,19 @@ export default () => (
<Link className="Footer-title" to="/">
Grant.io
</Link>
{/*
<div className="Footer-links">
<a className="Footer-links-link">about</a>
<a className="Footer-links-link">legal</a>
<a className="Footer-links-link">privacy policy</a>
</div>
*/}
<div className="Footer-links">
<Link to="/about" className="Footer-links-link">
about
</Link>
<Link to="/contact" className="Footer-links-link">
contact
</Link>
<Link to="/tos" className="Footer-links-link">
terms of service
</Link>
<Link to="/privacy" className="Footer-links-link">
privacy policy
</Link>
</div>
</footer>
);

64
frontend/client/components/Privacy/index.tsx Normal file
View File

@ -0,0 +1,64 @@
import React, { PureComponent } from 'react';
import './style.less';
export default class Privacy extends PureComponent {
render() {
return (
<div className="Privacy">
<h1 className="Privacy-title">Privacy Policy</h1>
<section>
<h2>1. Lorem Ipsum</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore
eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
in culpa qui officia deserunt mollit anim id est laborum.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore
eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
in culpa qui officia deserunt mollit anim id est laborum.
</p>
</section>
<section>
<h2>2. Duis Aute Irure</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore
eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
in culpa qui officia deserunt mollit anim id est laborum.
</p>
</section>
<section>
<h2>3. Ullamco Laboris Reprehenderit</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</p>
</section>
<section>
<h2>4. Fugiat</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore
eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
in culpa qui officia deserunt mollit anim id est laborum.
</p>
</section>
<section>
<b>Effective:</b> Oct 25, 2018
</section>
</div>
);
}
}

5
frontend/client/components/Privacy/style.less Normal file
View File

@ -0,0 +1,5 @@
@import '~styles/legal-document-mixin.less';
.Privacy {
.legal-document-mixin();
}

64
frontend/client/components/Tos/index.tsx Normal file
View File

@ -0,0 +1,64 @@
import React, { PureComponent } from 'react';
import './style.less';
export default class Tos extends PureComponent {
render() {
return (
<div className="Tos">
<h1 className="Tos-title">Terms of Service</h1>
<section>
<h2>1. Lorem Ipsum</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore
eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
in culpa qui officia deserunt mollit anim id est laborum.
</p>
</section>
<section>
<h2>2. Duis Aute Irure</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore
eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
in culpa qui officia deserunt mollit anim id est laborum.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore
eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
in culpa qui officia deserunt mollit anim id est laborum.
</p>
</section>
<section>
<h2>3. Ullamco Laboris Reprehenderit</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</p>
</section>
<section>
<h2>4. Fugiat</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore
eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
in culpa qui officia deserunt mollit anim id est laborum.
</p>
</section>
<section>
<b>Effective:</b> Oct 25, 2018
</section>
</div>
);
}
}

5
frontend/client/components/Tos/style.less Normal file
View File

@ -0,0 +1,5 @@
@import '~styles/legal-document-mixin.less';
.Tos {
.legal-document-mixin();
}

2
frontend/client/pages/about.tsx Normal file
View File

@ -0,0 +1,2 @@
import About from 'components/About';
export default About;

2
frontend/client/pages/contact.tsx Normal file
View File

@ -0,0 +1,2 @@
import Contact from 'components/Contact';
export default Contact;

2
frontend/client/pages/privacy.tsx Normal file
View File

@ -0,0 +1,2 @@
import Privacy from 'components/Privacy';
export default Privacy;

2
frontend/client/pages/tos.tsx Normal file
View File

@ -0,0 +1,2 @@
import Tos from 'components/Tos';
export default Tos;

28
frontend/client/styles/legal-document-mixin.less Normal file
View File

@ -0,0 +1,28 @@
.legal-document-mixin() {
max-width: 640px;
margin: 0 auto;
&-title {
text-align: center;
margin-top: 1rem;
padding-bottom: 3rem;
border-bottom: 1px solid #e5e5e5;
margin-bottom: 2.5rem;
}
h1 {
font-size: 2.5rem;
}
h2 {
font-size: 2rem;
}
section {
margin-bottom: 3rem;
p {
font-size: 1rem;
}
}
}