filecoin-project/slate
1
1
Fork 0
mirror of https://github.com/filecoin-project/slate.git synced 2024-12-24 17:44:50 +03:00
Code Issues Packages Projects Releases Wiki Activity

adding CTA

Browse Source
This commit is contained in:
tarafanlin 2020-12-01 10:12:22 -08:00
parent 4f2ea0e032
commit 10859afdf6
1 changed files with 23 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
pages/index.js
View File

@ -6,6 +6,7 @@ import WebsitePrototypeHeader from "~/components/core/NewWebsitePrototypeHeader"
import WebsitePrototypeFooter from "~/components/core/NewWebsitePrototypeFooter";
import { css } from "@emotion/react";
import { ButtonPrimary } from "~/components/system/components/Buttons";
const USER_SLATES = [
{
@ -130,12 +131,12 @@ const STYLES_TEXT_BLOCK = css`
const STYLES_TEXT_BLOCK_CENTER = css`
display: block;
margin: 0 auto;
margin: 0 auto 80px auto;
width: 50%;
text-align: center;
@media (max-width: ${Constants.sizes.mobile}px) {
margin-top: 48px;
margin: 48px auto 64px auto;
width: 100%;
}
`;
@ -368,24 +369,28 @@ export default class IndexPage extends React.Component {
Slate is a new file-sharing network that makes it possible for people to collect,
organize, and link files together.
</p>
<br />
<a style={{ textDecoration: `none` }} href="/_">
<ButtonPrimary>Get started with Slate</ButtonPrimary>
</a>
</div>
<video
width="100%"
loop="true"
autoplay="autoplay"
src="https://slate.textile.io/ipfs/bafybeie6w5nljl3apsby7wuaanq7k34qavcv2g77c3cqp2fwdpqqsg7my4"
type="video/mp4"
muted="true"
playsInline="true"
style={{
backgroundImage: `url('https://slate.textile.io/ipfs/bafybeifgbcn4b6somtwbraiuz4ujoyuycp4hq5kqp47glyjit4a2gtuzje')`,
borderRadius: `4px`,
width: `100%`,
boxShadow: `0px 10px 50px 20px rgba(0, 0, 0, 0.1)`,
backgroundSize: `cover`,
}}
/>
</div>
<video
width="100%"
loop="true"
autoplay="autoplay"
src="https://slate.textile.io/ipfs/bafybeie6w5nljl3apsby7wuaanq7k34qavcv2g77c3cqp2fwdpqqsg7my4"
type="video/mp4"
muted="true"
playsInline="true"
style={{
backgroundImage: `url('https://slate.textile.io/ipfs/bafybeifgbcn4b6somtwbraiuz4ujoyuycp4hq5kqp47glyjit4a2gtuzje')`,
borderRadius: `4px`,
width: `100%`,
boxShadow: `0px 10px 50px 20px rgba(0, 0, 0, 0.1)`,
backgroundSize: `cover`,
}}
/>
<div css={STYLES_SECTION_WRAPPER} style={{ display: `block` }}>
<h2 css={STYLES_H1}>