Skip to content

Commit f81be59

Browse files
MikerahMikerah
committed
Revert "Removed old pages"
This reverts commit 7a2a6e9.
1 parent 80f8931 commit f81be59

File tree

6 files changed

+516
-0
lines changed

6 files changed

+516
-0
lines changed

‎src/Components/Modules/LayoutContainer.tsx

Lines changed: 42 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,42 @@
1+
/* import React, { ReactNode } from "react";
2+
import { makeStyles } from "@material-ui/core/styles";
3+
4+
type ContainerProps = {
5+
children?: ReactNode;
6+
id?: string;
7+
};
8+
9+
const useStyles = makeStyles(({ breakpoints }) => ({
10+
section: {
11+
background: "#141414",
12+
overflowX: "hidden",
13+
padding: "0",
14+
margin: "0 auto",
15+
position: "relative",
16+
[breakpoints.up('lg')]: {
17+
maxWidth: "1504px",
18+
},
19+
[breakpoints.up('xl')]: {
20+
maxWidth: "1504px",
21+
},
22+
}
23+
}))
24+
25+
26+
const LayoutContainer = ({
27+
children,
28+
}: ContainerProps) => {
29+
const classes = useStyles()
30+
return (
31+
<>
32+
<section className={classes.section}>
33+
{children}
34+
</section>
35+
</>
36+
);
37+
};
38+
39+
export default LayoutContainer;
40+
*/
41+
42+
export {}

‎src/Components/Subpages/Blogs.tsx

Lines changed: 94 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,94 @@
1+
import React from "react";
2+
import Grid from "@material-ui/core/Grid";
3+
import LayoutContainer from "../Modules/LayoutContainer";
4+
import { makeStyles } from "@material-ui/core/styles"
5+
6+
7+
const useStyles = makeStyles(({ breakpoints, palette }) => ({
8+
container: {
9+
marginTop: "2rem",
10+
},
11+
textContainer: {
12+
[breakpoints.down('sm')]: {
13+
marginLeft: "7%",
14+
},
15+
[breakpoints.up('md')]: {
16+
marginLeft: "10%",
17+
},
18+
[breakpoints.up('lg')]: {
19+
marginLeft: "10%",
20+
}
21+
},
22+
title: {
23+
color: palette.primary.main, fontSize: "2rem",
24+
[breakpoints.down('sm')]: {
25+
fontSize: "1.4rem",
26+
},
27+
},
28+
logoContainer: {
29+
marginLeft: "10%",
30+
},
31+
link: {
32+
textDecoration: "none",
33+
},
34+
blogTitle: {
35+
color: palette.primary.light,
36+
backgroundColor: palette.primary.main,
37+
borderRadius: "1rem",
38+
textAlign: "center",
39+
position: "relative",
40+
left: "1%",
41+
"transform": "translate(-50%)",
42+
},
43+
img: {
44+
margin: "2rem 0",
45+
paddingRight: "0rem",
46+
position: "relative",
47+
backgroundColor: palette.primary.main,
48+
borderRadius: "1rem",
49+
left: "1%",
50+
"transform": "translate(-50%)",
51+
[breakpoints.down('lg')]: {
52+
width: "40%",
53+
},
54+
[breakpoints.down('xs')]: {
55+
width: "100%",
56+
margin: 0,
57+
},
58+
[breakpoints.up('xl')]: {
59+
margin: 0,
60+
width: "40%",
61+
}
62+
},
63+
}));
64+
65+
66+
const Blogs: React.FC = () => {
67+
const classes = useStyles();
68+
return (
69+
<>
70+
<LayoutContainer>
71+
<Grid container alignItems="center" justify="center" className={classes.container}>
72+
<Grid item xs={12} className={classes.textContainer}>
73+
<h1 className={classes.title}>Blogs</h1>
74+
</Grid>
75+
</Grid>
76+
<Grid container direction="row" alignItems="center" justify="space-evenly" className={classes.logoContainer}>
77+
<Grid item xs={3} sm={3} >
78+
<a href="https://write.as/hashcloak-research/" className={classes.link}>
79+
<h2 className={classes.blogTitle}>Research</h2>
80+
<img className={classes.img} src="/graphics/noun_Science_3306446.png" alt="Research - Graphic: Science by Vectors Point from the Noun Project" />
81+
</a>
82+
</Grid>
83+
<Grid item xs={3} sm={3} >
84+
<a href="https://write.as/hashcloak-announcements-and-updates/" className={classes.link}>
85+
<h2 className={classes.blogTitle}>Announcements and Updates</h2>
86+
<img className={classes.img} src="/graphics/noun_Announcement_3166042.png" alt="Announcement - Graphic: Announcement by Flatart from the Noun Project" />
87+
</a>
88+
</Grid>
89+
</Grid>
90+
</LayoutContainer>
91+
</>
92+
)
93+
}
94+
export default Blogs;

‎src/Components/Subpages/Clients.tsx

Lines changed: 89 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,89 @@
1+
import React from "react";
2+
import Grid from "@material-ui/core/Grid";
3+
import LayoutContainer from "../Modules/LayoutContainer";
4+
import { makeStyles } from "@material-ui/core/styles"
5+
6+
7+
const useStyles = makeStyles(({ breakpoints, palette }) => ({
8+
container: {
9+
marginTop: "2rem",
10+
},
11+
textContainer: {
12+
[breakpoints.down('sm')]: {
13+
marginLeft: "7%",
14+
},
15+
[breakpoints.up('md')]: {
16+
marginLeft: "10%",
17+
},
18+
[breakpoints.up('lg')]: {
19+
marginLeft: "10%",
20+
}
21+
},
22+
title: {
23+
color: palette.primary.main, fontSize: "2rem",
24+
textAlign: "center",
25+
[breakpoints.down('sm')]: {
26+
fontSize: "1.4rem",
27+
},
28+
},
29+
logoContainer: {
30+
marginLeft: "10%",
31+
},
32+
img: {
33+
//width: "30%",
34+
margin: "2rem 0",
35+
paddingRight: "3rem",
36+
position: "relative",
37+
left: "30%",
38+
"transform": "translate(-50%)",
39+
[breakpoints.down('lg')]: {
40+
width: "40%",
41+
},
42+
[breakpoints.down('xs')]: {
43+
width: "100%",
44+
margin: 0,
45+
},
46+
[breakpoints.up('xl')]: {
47+
margin: 0,
48+
width: "40%",
49+
}
50+
},
51+
}));
52+
53+
54+
const Clients: React.FC = () => {
55+
const classes = useStyles();
56+
return (
57+
<>
58+
<LayoutContainer>
59+
<Grid container alignItems="center" justify="center" className={classes.container}>
60+
<Grid item xs={12} className={classes.textContainer}>
61+
<h1 className={classes.title}>Clients We've Collaborated With:</h1>
62+
</Grid>
63+
</Grid>
64+
<Grid container direction="row" alignItems="center" justify="center" className={classes.logoContainer}>
65+
<Grid item xs={6} >
66+
<img className={classes.img} src="/logos/fuel.png" alt="Fuel Labs" />
67+
</Grid>
68+
<Grid item xs={6} >
69+
<img className={classes.img} src="/logos/celo.png" alt="Celo" />
70+
</Grid>
71+
</Grid>
72+
<Grid container alignItems="center" justify="center" className={classes.container}>
73+
<Grid item xs={12} className={classes.textContainer}>
74+
<h1 className={classes.title}>Research At HashCloak Is Supported By:</h1>
75+
</Grid>
76+
</Grid>
77+
<Grid container direction="row" alignItems="center" justify="center" className={classes.logoContainer}>
78+
<Grid item xs={6} >
79+
<img className={classes.img} src="/logos/binance.png" alt="Fuel Labs" />
80+
</Grid>
81+
<Grid item xs={6} >
82+
<img className={classes.img} src="/logos/esp.png" alt="Celo" />
83+
</Grid>
84+
</Grid>
85+
</LayoutContainer>
86+
</>
87+
)
88+
}
89+
export default Clients;

‎src/Components/Subpages/Contact.tsx

Lines changed: 49 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,49 @@
1+
import React from "react";
2+
import LayoutContainer from "../Modules/LayoutContainer";
3+
import { makeStyles } from "@material-ui/core/styles"
4+
import {InlineWidget} from 'react-calendly';
5+
6+
const useStyles = makeStyles(({ breakpoints, palette }) => ({
7+
container: {
8+
marginTop: "5rem",
9+
},
10+
title: {
11+
color: palette.primary.main, fontSize: "2rem",
12+
textAlign: "center",
13+
[breakpoints.down('sm')]: {
14+
fontSize: "1.4rem",
15+
},
16+
},
17+
text: {
18+
fontSize: "1.5rem",
19+
color: palette.primary.light,
20+
maxWidth: "600px",
21+
textAlign: "center",
22+
position: "relative",
23+
left: "50%",
24+
"transform": "translate(-50%)",
25+
[breakpoints.down('sm')]: {
26+
width: "100%",
27+
},
28+
'&:hover': { color: palette.primary.main, transition: "ease-in-out 0.2s", }
29+
},
30+
}));
31+
32+
33+
const Contact: React.FC = () => {
34+
const classes = useStyles();
35+
36+
return (
37+
<div id="contact">
38+
<LayoutContainer>
39+
<div className={classes.container}>
40+
<h1 className={classes.title}>Contact</h1>
41+
<p className={classes.text}> Schedule a free 30 minute consultation session</p>
42+
<InlineWidget url="https://calendly.com/hashcloak/30min"/>
43+
</div>
44+
</LayoutContainer>
45+
</div>
46+
)
47+
};
48+
49+
export default Contact;

‎src/Components/Subpages/Newsletters.tsx

Lines changed: 110 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,110 @@
1+
/* import React from "react";
2+
import Grid from "@material-ui/core/Grid";
3+
import LayoutContainer from "../Modules/LayoutContainer";
4+
import { makeStyles } from "@material-ui/core/styles"
5+
6+
7+
const useStyles = makeStyles(({ breakpoints, palette }) => ({
8+
container: {
9+
marginTop: "2rem",
10+
},
11+
textContainer: {
12+
[breakpoints.down('sm')]: {
13+
marginLeft: "7%",
14+
},
15+
[breakpoints.up('md')]: {
16+
marginLeft: "10%",
17+
},
18+
[breakpoints.up('lg')]: {
19+
marginLeft: "10%",
20+
}
21+
},
22+
title: {
23+
color: palette.primary.main, fontSize: "2rem",
24+
[breakpoints.down('sm')]: {
25+
fontSize: "1.4rem",
26+
},
27+
},
28+
logoContainer: {
29+
marginLeft: "10%",
30+
},
31+
link: {
32+
textDecoration: "none",
33+
},
34+
blogTitle: {
35+
color: palette.primary.light,
36+
backgroundColor: palette.primary.main,
37+
borderRadius: "1rem",
38+
textAlign: "center",
39+
position: "relative",
40+
left: "1%",
41+
"transform": "translate(-50%)",
42+
},
43+
text: {
44+
color: palette.primary.light,
45+
fontSize: "1.1rem",
46+
textAlign: "center",
47+
position: "relative",
48+
left: "1%",
49+
"transform": "translate(-50%)",
50+
'&:hover': { color: palette.primary.main, transition: "ease-in-out 0.2s", },
51+
[breakpoints.down('md')]: {
52+
fontSize: "1rem",
53+
margin: 0,
54+
},
55+
},
56+
img: {
57+
margin: "2rem 0",
58+
paddingRight: "0rem",
59+
position: "relative",
60+
backgroundColor: palette.primary.main,
61+
borderRadius: "1rem",
62+
left: "1%",
63+
"transform": "translate(-50%)",
64+
[breakpoints.down('lg')]: {
65+
width: "40%",
66+
},
67+
[breakpoints.down('xs')]: {
68+
width: "100%",
69+
margin: 0,
70+
},
71+
[breakpoints.up('xl')]: {
72+
margin: 0,
73+
width: "40%",
74+
}
75+
},
76+
}));
77+
78+
79+
const Newsletters: React.FC = () => {
80+
const classes = useStyles();
81+
return (
82+
<>
83+
<LayoutContainer>
84+
<Grid container alignItems="center" justify="center" className={classes.container}>
85+
<Grid item xs={12} className={classes.textContainer}>
86+
<h1 className={classes.title}>Newsletters</h1>
87+
</Grid>
88+
</Grid>
89+
<Grid container direction="row" alignItems="center" justify="space-evenly" className={classes.logoContainer}>
90+
<Grid item xs={3} sm={3} >
91+
<a href="https://hashcloak.substack.com/" className={classes.link}>
92+
<h2 className={classes.blogTitle}>HashCloak Newsletter</h2>
93+
<p className={classes.text}>Periodic updates about current HashCloak projects and offerings</p>
94+
<img className={classes.img} src="/graphics/noun_newsletter_31729.png" alt="Newsletter - Graphic: newsletter by PJ Souders from the Noun Project" />
95+
</a>
96+
</Grid>
97+
<Grid item xs={3} sm={3} >
98+
<a href="https://zkmesh.substack.com/" className={classes.link}>
99+
<h2 className={classes.blogTitle}>ZKMesh Newsletter</h2>
100+
<p className={classes.text}>Monthly Newsletter on privacy-preserving tech with Anna Rose of the ZKPodcast</p>
101+
<img className={classes.img} src="/graphics/noun_newsletter_957339.png" alt="Announcement - Graphic: newsletter by Lara from the Noun Project" />
102+
</a>
103+
</Grid>
104+
</Grid>
105+
</LayoutContainer>
106+
</>
107+
)
108+
}
109+
export default Newsletters; */
110+
export {}

0 commit comments

Comments
 (0)