filecoin-project/slate
1
1
Fork 0
mirror of https://github.com/filecoin-project/slate.git synced 2024-09-20 18:58:59 +03:00
Code Issues Packages Projects Releases Wiki Activity

Template for Marketing update

Browse Source
This commit is contained in:
William Felker 2020-08-11 13:55:52 +08:00
parent a9380e03ba
commit 3a2b096d73
3 changed files with 233 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

69
pages/community.js Normal file
View File

@ -0,0 +1,69 @@
import * as React from "react";
import * as Constants from "~/common/constants";
import * as Actions from "~/common/actions";
import * as System from "~/components/system";
import { css } from "@emotion/react";
import WebsitePrototypeWrapper from "~/components/core/WebsitePrototypeWrapper";
import WebsitePrototypeHeader from "~/components/core/WebsitePrototypeHeader";
import WebsitePrototypeFooter from "~/components/core/WebsitePrototypeFooter";
const STYLES_ROOT = css`
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
height: 100vh;
text-align: center;
font-size: 1rem;
@media (max-width: ${Constants.sizes.mobile}px) {
font-size: 0.78rem;
}
`;
const STYLES_MIDDLE = css`
position: relative;
min-height: 10%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
padding: 24px;
`;
export const getServerSideProps = async (context) => {
return {
props: { ...context.query },
};
};
export default class IndexPage extends React.Component {
async componentDidMount() {
const response = await Actions.health();
console.log("HEALTH_CHECK", response);
}
render() {
const title = `Slate Community`;
const description = "The place for all of your assets. Powered by Textile and Filecoin.";
const url = "/community";
return (
<WebsitePrototypeWrapper title={title} description={description} url={url}>
<div css={STYLES_ROOT}>
<WebsitePrototypeHeader />
<div css={STYLES_MIDDLE}>
<System.H1>Code of Conduct</System.H1>
<System.P>All participants of Slate are expected to abide by our Code of Conduct, both online and during in-person events that are hosted and/or associated with Slate.</System.P>
</div>
</div>
<WebsitePrototypeFooter />
</div>
</WebsitePrototypeWrapper>
);
}
}

93
pages/new-index.js Normal file
View File

@ -0,0 +1,93 @@
import * as React from "react";
import * as Constants from "~/common/constants";
import * as Actions from "~/common/actions";
import * as System from "~/components/system";
import { css } from "@emotion/react";
import WebsitePrototypeWrapper from "~/components/core/WebsitePrototypeWrapper";
import WebsitePrototypeHeader from "~/components/core/WebsitePrototypeHeader";
import WebsitePrototypeFooter from "~/components/core/WebsitePrototypeFooter";
const STYLES_ROOT = css`
display: flex;
flex-direction: column;
justify-content: space-between;
@media (max-width: ${Constants.sizes.mobile}px) {
font-size: 0.78rem;
}
`;
const STYLES_HERO= css`
`;
export const getServerSideProps = async (context) => {
return {
props: { ...context.query },
};
};
export default class IndexPage extends React.Component {
async componentDidMount() {
const response = await Actions.health();
console.log("HEALTH_CHECK", response);
}
render() {
const title = `Slate`;
const description = "The place for all of your assets. Powered by Textile and Filecoin.";
const url = "https://slate.host";
return (
<WebsitePrototypeWrapper title={title} description={description} url={url}>
<div css={STYLES_ROOT}>
<WebsitePrototypeHeader />
<section css={STYLES_HERO}>
<System.H1>Store your files, turn them into collections, and share them with the world — with Slate.</System.H1>
<br/>
</section>
<section>
<System.H3>Simple, intuitive</System.H3>
<System.P>Words about things</System.P>
</section>
<section>
<System.H3>Private & Secure</System.H3>
<System.P>Words about things</System.P>
</section>
<section>
<System.H3>Store files</System.H3>
<System.P>Words about things</System.P>
</section>
<section>
<System.H3>Creating Slates</System.H3>
<System.P>Words about things</System.P>
</section>
<section>
<System.H3>Share with</System.H3>
<System.P>Words about things</System.P>
</section>
<section>
<System.H3>Open Source</System.H3>
<System.P>Words about things</System.P>
</section>
<section>
<System.H3>Free, unlimited storage, for now</System.H3>
<System.P>Words about things</System.P>
</section>
<WebsitePrototypeFooter />
</div>
</WebsitePrototypeWrapper>
);
}
}

71
pages/privacy.js Normal file
View File

@ -0,0 +1,71 @@
import * as React from "react";
import * as Constants from "~/common/constants";
import * as Actions from "~/common/actions";
import * as System from "~/components/system";
import { css } from "@emotion/react";
import WebsitePrototypeWrapper from "~/components/core/WebsitePrototypeWrapper";
import WebsitePrototypeHeader from "~/components/core/WebsitePrototypeHeader";
import WebsitePrototypeFooter from "~/components/core/WebsitePrototypeFooter";
const STYLES_ROOT = css`
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
height: 100vh;
text-align: center;
font-size: 1rem;
@media (max-width: ${Constants.sizes.mobile}px) {
font-size: 0.78rem;
}
`;
const STYLES_MIDDLE = css`
position: relative;
min-height: 10%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
padding: 24px;
`;
export const getServerSideProps = async (context) => {
return {
props: { ...context.query },
};
};
export default class IndexPage extends React.Component {
async componentDidMount() {
const response = await Actions.health();
console.log("HEALTH_CHECK", response);
}
render() {
const title = `Slate`;
const description = "The place for all of your assets. Powered by Textile and Filecoin.";
const url = "https://slate.host/privacy";
return (
<WebsitePrototypeWrapper title={title} description={description} url={url}>
<div css={STYLES_ROOT}>
<WebsitePrototypeHeader />
<div css={STYLES_MIDDLE}>
<System.P>
</System.P>
</div>
</div>
<WebsitePrototypeFooter />
</div>
</WebsitePrototypeWrapper>
);
}
}