mirror of
https://github.com/filecoin-project/slate.git
synced 2024-12-28 03:25:55 +03:00
removed section
This commit is contained in:
William Felker
parent
731b54cb78
commit
8cdec4208c
@ -11,30 +11,6 @@ import WebsitePrototypeHeader from "~/components/core/NewWebsitePrototypeHeader"
|
||||
import WebsitePrototypeFooter from "~/components/core/NewWebsitePrototypeFooter";
|
||||
import CodeBlock from "~/components/system/CodeBlock";
|
||||
|
||||
const FEATURES = [
|
||||
{
|
||||
illustration:
|
||||
"https://slate.textile.io/ipfs/bafkreih4hmgltk3mboh5to6lwzcmcptzsiuzlodpdxztynsl2xij6q4deq",
|
||||
title: "Multiplayer slate",
|
||||
description:
|
||||
"Slate as social space. Co-create slates with family and friends. Share design, code, research, dinner plans with others and discuss your ideas.",
|
||||
},
|
||||
{
|
||||
illustration:
|
||||
"https://slate.textile.io/ipfs/bafybeiebglllfwpqk7v57erslgmsjq2vkfav7zmcgjb7dcq3rhca26iwli",
|
||||
title: "Unity game engine",
|
||||
description:
|
||||
"Slate as playground. Upload your favorite unity game to the file-sharing network. Invite your friends to play together.",
|
||||
},
|
||||
{
|
||||
illustration:
|
||||
"https://slate.textile.io/ipfs/bafkreigwlh7kmqnay2qs5lrcyl34mq7rhlcwfwld4vwstmnhhxyrqdyhaq",
|
||||
title: "Flexible content arrangement",
|
||||
description:
|
||||
"Slate as digital garden. Organized information with gallery view, list view, a node-link diagram, a timeline, a discussion thread and more.",
|
||||
},
|
||||
];
|
||||
|
||||
const SLATE_CORE_TEAM = [
|
||||
{
|
||||
id: 1,
|
||||
@ -294,48 +270,6 @@ const STYLES_SPLIT_WIDTH = css`
|
||||
}
|
||||
`;
|
||||
|
||||
const STYLES_FIGURES_GROUP = css`
|
||||
width: 50%;
|
||||
margin: -4px auto;
|
||||
|
||||
@media (max-width: ${Constants.sizes.mobile}px) {
|
||||
width: 100%;
|
||||
margin: 10vh 0 -4px 0;
|
||||
}
|
||||
`;
|
||||
|
||||
const STYLES_FIGURE = css`
|
||||
width: 50%;
|
||||
`;
|
||||
|
||||
const STYLES_FIGURES_BOTTOM = css`
|
||||
width: 50%;
|
||||
margin: -4px auto;
|
||||
transform: rotate(180deg);
|
||||
|
||||
@media (max-width: ${Constants.sizes.mobile}px) {
|
||||
width: 100%;
|
||||
}
|
||||
`;
|
||||
|
||||
const STYLES_FIGURE_RIGHT = css`
|
||||
width: 25%;
|
||||
transform: rotate(90deg) translateY(39%);
|
||||
|
||||
@media (max-width: ${Constants.sizes.mobile}px) {
|
||||
display: none;
|
||||
}
|
||||
`;
|
||||
|
||||
const STYLES_FIGURE_LEFT = css`
|
||||
width: 25%;
|
||||
transform: rotate(-90deg) translateY(39%);
|
||||
|
||||
@media (max-width: ${Constants.sizes.mobile}px) {
|
||||
display: none;
|
||||
}
|
||||
`;
|
||||
|
||||
const STYLES_DINNER_TABLE = css`
|
||||
width: 50%;
|
||||
padding: 48px 64px;
|
||||
@ -357,7 +291,7 @@ const STYLES_CODE_BLOCK = css`
|
||||
border-color: ${Constants.system.yellow};
|
||||
font-size: 12px;
|
||||
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
|
||||
border-radius: 4px;
|
||||
border-radius: 8px;
|
||||
padding: 24px;
|
||||
|
||||
* {
|
||||
@ -423,7 +357,7 @@ const STYLES_CARD_TEXT = css`
|
||||
const STYLES_SLATE_CARD_EFFECTS = css`
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
border-radius: 4px;
|
||||
border-radius: 8px;
|
||||
height: 100%;
|
||||
cursor: default;
|
||||
border: 1px solid ${Constants.system.black};
|
||||
@ -527,7 +461,7 @@ const STYLES_CONTRIBUTION_IMG = css`
|
||||
|
||||
const STYLES_FEATURE_IMG = css`
|
||||
width: 100%;
|
||||
border-radius: 4px;
|
||||
border-radius: 8px;
|
||||
margin-bottom: 8px;
|
||||
`;
|
||||
|
||||
@ -539,6 +473,7 @@ const STYLES_CARD_GROUP = css`
|
||||
|
||||
const STYLES_IMG = css`
|
||||
width: 100%;
|
||||
border-radius: 8px 8px 0px 0px;
|
||||
display: block;
|
||||
`;
|
||||
|
||||
@ -611,8 +546,8 @@ const SlateTeamCards = (props) => {
|
||||
<div key={props.id} css={STYLES_CARD_WRAPPER}>
|
||||
<a href={props.url}>
|
||||
<System.HoverTileColorful
|
||||
height={250}
|
||||
width={200}
|
||||
height={350}
|
||||
width={300}
|
||||
style={{ borderRadius: 4 }}
|
||||
>
|
||||
<div css={STYLES_SLATE_CARD_EFFECTS}>
|
||||
@ -632,20 +567,6 @@ const SlateTeamCards = (props) => {
|
||||
);
|
||||
};
|
||||
|
||||
const FeatureCard = (props) => {
|
||||
return (
|
||||
<div css={STYLES_FEATURE_CARD_WRAPPER}>
|
||||
<div css={STYLES_FEATURE_CARD}>
|
||||
<img css={STYLES_FEATURE_IMG} src={props.illustration} />
|
||||
<div css={STYLES_FEATURE_TEXT}>{props.title}</div>
|
||||
<div css={STYLES_FEATURE_TEXT} style={{ opacity: 0.7 }}>
|
||||
{props.description}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
const ContributionCard = (props) => {
|
||||
return (
|
||||
<div css={STYLES_CONTRIBUTION_CARD}>
|
||||
@ -680,52 +601,22 @@ export default class CommunityPage extends React.Component {
|
||||
<WebsitePrototypeHeader />
|
||||
<div css={STYLES_ROOT}>
|
||||
<div css={STYLES_SECTION_WRAPPER}>
|
||||
<div css={STYLES_FIGURES_GROUP}>
|
||||
<img
|
||||
css={STYLES_FIGURE}
|
||||
src="https://slate.textile.io/ipfs/bafybeiekksvkiaa2vwyzaitjb44adb5mfbqaqkagizwuw5odmgcwdmmiha"
|
||||
/>
|
||||
<img
|
||||
css={STYLES_FIGURE}
|
||||
src="https://slate.textile.io/ipfs/bafybeiehufugq7vujsclzdpkdhff5kop6c4uw6emjuswwp3jhpznaou2se"
|
||||
/>
|
||||
</div>
|
||||
<div css={STYLES_FULL_WIDTH}>
|
||||
<img
|
||||
css={STYLES_FIGURE_LEFT}
|
||||
src="https://slate.textile.io/ipfs/bafybeiehufugq7vujsclzdpkdhff5kop6c4uw6emjuswwp3jhpznaou2se"
|
||||
/>
|
||||
<div css={STYLES_DINNER_TABLE}>
|
||||
<h1 css={STYLES_H1}>An open invitation to everyone</h1>
|
||||
<p css={STYLES_P}>
|
||||
Slate is designed and built by a growing community of hackers,
|
||||
artists, and creatives on the web.
|
||||
</p>
|
||||
<button
|
||||
css={STYLES_BUTTON}
|
||||
onClick={() =>
|
||||
window.open(
|
||||
"https://slate.textile.io/ipfs/bafybeiekksvkiaa2vwyzaitjb44adb5mfbqaqkagizwuw5odmgcwdmmiha"
|
||||
)
|
||||
}
|
||||
>
|
||||
Join our community{" "}
|
||||
</button>
|
||||
</div>
|
||||
<img
|
||||
css={STYLES_FIGURE_RIGHT}
|
||||
src="https://slate.textile.io/ipfs/bafybeiekksvkiaa2vwyzaitjb44adb5mfbqaqkagizwuw5odmgcwdmmiha"
|
||||
/>
|
||||
</div>
|
||||
<div css={STYLES_FIGURES_BOTTOM}>
|
||||
<img
|
||||
css={STYLES_FIGURE}
|
||||
src="https://slate.textile.io/ipfs/bafybeiekksvkiaa2vwyzaitjb44adb5mfbqaqkagizwuw5odmgcwdmmiha"
|
||||
/>
|
||||
<img
|
||||
css={STYLES_FIGURE}
|
||||
src="https://slate.textile.io/ipfs/bafybeiehufugq7vujsclzdpkdhff5kop6c4uw6emjuswwp3jhpznaou2se"
|
||||
/>
|
||||
<div css={STYLES_DINNER_TABLE}>
|
||||
<h1 css={STYLES_H1}>An open invitation to everyone</h1>
|
||||
<p css={STYLES_P}>
|
||||
Slate is designed and built by a growing community of hackers,
|
||||
artists, and creatives on the web.
|
||||
</p>
|
||||
<button
|
||||
css={STYLES_BUTTON}
|
||||
onClick={() =>
|
||||
window.open(
|
||||
"https://slate.textile.io/ipfs/bafybeiekksvkiaa2vwyzaitjb44adb5mfbqaqkagizwuw5odmgcwdmmiha"
|
||||
)
|
||||
}
|
||||
>
|
||||
Join our community{" "}
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div css={STYLES_SECTION_WRAPPER}>
|
||||
@ -767,26 +658,6 @@ export default class CommunityPage extends React.Component {
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div css={STYLES_SECTION_WRAPPER}>
|
||||
<div css={STYLES_FULL_WIDTH}>
|
||||
<h2 css={STYLES_H2}>Further down the road</h2>
|
||||
<p css={STYLES_P}>
|
||||
Slate has infinite possibilities. Here are some of them that
|
||||
we’re excited about.
|
||||
</p>
|
||||
</div>
|
||||
<br />
|
||||
<br />
|
||||
<div css={STYLES_CARD_GROUP}>
|
||||
{FEATURES.map((each) => (
|
||||
<FeatureCard
|
||||
illustration={each.illustration}
|
||||
title={each.title}
|
||||
description={each.description}
|
||||
/>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
<div css={STYLES_SECTION_WRAPPER}>
|
||||
<div css={STYLES_SPLIT_WIDTH}>
|
||||
<h2 css={STYLES_H2}>
|
||||
@ -821,12 +692,12 @@ export default class CommunityPage extends React.Component {
|
||||
<p>
|
||||
Hey Slate Team,
|
||||
<br />
|
||||
<br /> Have you thought about adding a confetti 🎉 effect to
|
||||
the download button?
|
||||
<br /> Have you thought about adding a confetti effect to the
|
||||
download button?
|
||||
<br />
|
||||
<br />
|
||||
Best, <br />
|
||||
🦄
|
||||
the
|
||||
</p>
|
||||
</div>
|
||||
<div css={STYLES_CHAT}>
|
||||
Loading…
Reference in New Issue
Block a user