filecoin-project/slate
1
1
Fork 0
mirror of https://github.com/filecoin-project/slate.git synced 2024-11-24 14:56:27 +03:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #363 from filecoin-project/@tarafanlin/marketing

Browse Source 
finalize marketing pages
This commit is contained in:
CAKE 2020-10-07 18:32:17 -07:00 committed by GitHub
commit 0c98d23a07
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
11 changed files with 1256 additions and 1200 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
components/core/NewWebsitePrototypeFooter.js
View File

@ -84,8 +84,10 @@ export const NewWebsitePrototypeFooter = (props) => {
<div css={STYLES_CONTAINER} style={props.style}>
<div>
<p css={STYLES_P}>
<span style={{ fontFamily: `${Constants.font.semiBold}`, marginRight: `16px` }}>Slate </span> Public file
sharing network. Powered by{" "}
<span style={{ fontFamily: `${Constants.font.semiBold}`, marginRight: `16px` }}>
Slate{" "}
</span>{" "}
Decentralized file sharing network. Powered by{" "}
<a css={STYLES_LINK} href="https://textile.io" target="_blank">
Textile
</a>{" "}
@ -101,7 +103,10 @@ export const NewWebsitePrototypeFooter = (props) => {
<br />
<div css={STYLES_FLEX}>
<div css={STYLES_CONTENT_BLOCK}>
<p css={STYLES_P} style={{ fontFamily: `${Constants.font.semiBold}`, marginBottom: `4px` }}>
<p
css={STYLES_P}
style={{ fontFamily: `${Constants.font.semiBold}`, marginBottom: `4px` }}
>
Contact & Support
</p>
<a css={STYLES_LINK} href="https://twitter.com/_slate" target="_blank">
@ -119,18 +124,21 @@ export const NewWebsitePrototypeFooter = (props) => {
<br />
<br />
<div css={STYLES_CONTENT_BLOCK}>
<p css={STYLES_P} style={{ fontFamily: `${Constants.font.semiBold}`, marginBottom: `4px` }}>
<p
css={STYLES_P}
style={{ fontFamily: `${Constants.font.semiBold}`, marginBottom: `4px` }}
>
Resources
</p>
<a css={STYLES_LINK} href="https://github.com/filecoin-project/slate" target="_blank">
Source code
</a>
<br />
<a css={STYLES_LINK} href="/slate-for-chrome">
Slate for Chrome
</a>
<br />
<a css={STYLES_LINK} href="https://github.com/filecoin-project/slate/issues/126" target="_blank">
<a
css={STYLES_LINK}
href="https://github.com/filecoin-project/slate/issues/126"
target="_blank"
>
Community
</a>
<br />

387
pages/guidelines-new.js
View File

@ -1,387 +0,0 @@
import React, { useState } from "react";
import * as System from "~/components/system";
import * as Constants from "~/common/constants";
import { css } from "@emotion/react";
import WebsitePrototypeWrapper from "~/components/core/WebsitePrototypeWrapper";
import WebsitePrototypeHeader from "~/components/core/NewWebsitePrototypeHeader";
import WebsitePrototypeFooter from "~/components/core/NewWebsitePrototypeFooter";
const STYLES_ROOT = css`
padding: 0 88px 128px 88px;
margin: -88px auto 0 auto;
width: 100%;
background-color: ${Constants.system.wallLight};
@media (max-width: ${Constants.sizes.mobile}px) {
display: block;
padding: 128px 24px;
}
`;
const STYLES_CONTAINER = css`
max-width: 1440px;
width: 100%;
margin: 0 auto;
`;
const STYLES_H1 = css`
font-size: ${Constants.typescale.lvl5};
font-family: ${Constants.font.medium};
font-weight: 400;
line-height: 1.3;
padding: 0px gutterpx 16px gutterpx;
letter-spacing: -0.021rem;
width: 100%;
color: ${Constants.system.slate};
@media (max-width: ${Constants.sizes.tablet}px) {
font-size: ${Constants.typescale.lvl4};
}
@media (max-width: ${Constants.sizes.mobile}px) {
font-size: ${Constants.typescale.lvl3};
}
`;
const STYLES_H2 = css`
font-size: ${Constants.typescale.lvl3};
font-family: ${Constants.font.medium};
font-weight: 400;
line-height: 1.3;
letter-spacing: -0.019rem;
margin-top: 24px;
width: 100%;
color: ${Constants.system.slate};
@media (max-width: ${Constants.sizes.tablet}px) {
font-size: ${Constants.typescale.lvl2};
}
`;
const STYLES_CONTENT_BLOCK1 = css`
width: 40%;
position: -webkit-sticky;
position: sticky;
top: 120px;
@media (max-width: ${Constants.sizes.mobile}px) {
position: relative;
top: 0;
width: 100%;
}
`;
const STYLES_CONTENT_BLOCK2 = css`
margin: -96px 0 0 auto;
width: 50%;
@media (max-width: ${Constants.sizes.mobile}px) {
margin: 48px 0 0 0;
width: 100%;
}
`;
const STYLES_LIST = css`
list-style-type: none;
font-family: ${Constants.font.text};
font-weight: 400;
font-size: ${Constants.typescale.lvl1};
letter-spacing: -0.011rem;
line-height: 1.5;
margin: 4px 0 0 16px;
opacity: 0.7;
padding: 0;
`;
const STYLES_LINK = css`
text-decoration: none;
transition: 200ms ease none;
color: ${Constants.system.slate};
:hover {
color: ${Constants.system.newBlue};
}
:active {
color: ${Constants.system.newBlue};
}
:visited {
color: ${Constants.system.slate};
}
`;
const STYLES_COPY_EMAIL = css`
display: inline;
color: ${Constants.system.newGreen};
`;
export function CopyEmail() {
const [copySuccess, setCopySuccess] = useState("");
function copyToClipboard() {
navigator.clipboard.writeText("abuse@filecoin.io");
setCopySuccess(" copied!");
}
return (
<div css={STYLES_COPY_EMAIL}>
<a onClick={copyToClipboard}>abuse@filecoin.io</a>
{copySuccess}
</div>
);
}
export default class GuidelinesPage extends React.Component {
render() {
const title = `Slate: Community Guidelines`;
const description =
"We believe that our mission is best served in an environment that is friendly, safe, and accepting.";
const url = "https://slate.host/guidelines-new";
return (
<WebsitePrototypeWrapper title={title} description={description} url={url}>
<WebsitePrototypeHeader />
<div css={STYLES_ROOT}>
<div css={STYLES_CONTAINER}>
<div css={STYLES_CONTENT_BLOCK1}>
<h1 css={STYLES_H1}>Community Guidelines</h1>
<br />
<System.P style={{ marginLeft: 1 }}>In this page</System.P>
<ul css={STYLES_LIST}>
<li>
<a css={STYLES_LINK} href="#Friendly Harassment-Free Space">
Friendly Harassment-Free Space
</a>
</li>
<li>
<a css={STYLES_LINK} href="#Avoid Marketing or Soliciting">
Avoid Marketing or Soliciting
</a>
</li>
<li>
<a css={STYLES_LINK} href="#Reporting Violations of this Code of Conduct">
Reporting Violations of this Code of Conduct
</a>
</li>
<li>
<a css={STYLES_LINK} href="#Copyright Violations">
Copyright Violations
</a>
</li>
<li>
<a css={STYLES_LINK} href="#Consequences">
Consequences
</a>
</li>
<li>
<a css={STYLES_LINK} href="#Addressing Grievances">
Addressing Grievances
</a>
</li>
<li>
<a css={STYLES_LINK} href="#Contact Info">
Contact Info
</a>
</li>
<li>
<a css={STYLES_LINK} href="#Changes">
Changes
</a>
</li>
<li>
<a css={STYLES_LINK} href="#Credit and License">
Credit and License
</a>
</li>
</ul>
</div>
<div css={STYLES_CONTENT_BLOCK2}>
<System.P>
We believe that our mission is best served in an environment that is friendly, safe, and accepting; free
from intimidation or harassment. Towards this end, certain behaviors and practices will not be
tolerated.
</System.P>
<br />
<System.UL>
<System.LI>Be respectful.</System.LI>
<System.LI>
We're here to help: <CopyEmail />
</System.LI>
<System.LI>Abusive behavior is never tolerated.</System.LI>
<System.LI>
Violations of this code may result in swift and permanent expulsion from the Slate community.
</System.LI>
<System.LI>
"Too long, didn't read" is not a valid excuse for not knowing what is in this document.
</System.LI>
</System.UL>
<br />
<System.P>
We expect all members of the Slate community to abide by this Code of Conduct at all times in all Slate
community venues, online and in person, and in one-on-one communications pertaining to Slate affairs.
</System.P>
<br />
<System.P>
This policy covers the usage of Filecoin public infrastructure, as well as other Filecoin websites,
Filecoin related events, and any other services offered by or on behalf of the Filecoin community. It
also applies to behavior in the context of the Filecoin Open Source project communities, including but
not limited to public GitHub repositories, IRC channels, social media, mailing lists, and public events.
</System.P>
<br />
<System.P>
The definitions of various subjective terms such as "discriminatory", "hateful", or "confusing" will be
decided at the sole discretion of the Filecoin abuse team.
</System.P>
<div id="Friendly Harassment-Free Space">
<br />
<br />
<h2 css={STYLES_H2}>Friendly Harassment-Free Space</h2>
<br />
<System.P>
We are committed to providing a friendly, safe and welcoming environment for all, regardless of gender
identity, sexual orientation, disability, ethnicity, religion, age, physical appearance, body size,
race, or similar personal characteristics.We ask that you please respect that people have differences
of opinion regarding technical choices, and that every design or implementation choice carries a
trade-off and numerous costs. There is seldom a single right answer. A difference of technology
preferences is not a license to be rude.{" "}
</System.P>
<br />
<System.P>
Any spamming, trolling, flaming, baiting, or other attention-stealing behavior is not welcome, and
will not be tolerated. Harassing other users is never tolerated, whether via public or private media.
Avoid using offensive or harassing nicknames, or other identifiers that might detract from a friendly,
safe, and welcoming environment for all.{" "}
</System.P>
<br />
<System.P>
Harassment includes, but is not limited to: harmful or prejudicial verbal or written comments related
to gender identity, sexual orientation, disability, ethnicity, religion, age, physical appearance,
body size, race, or similar personal characteristics; inappropriate use of nudity, sexual images,
and/or sexually explicit language in public spaces; threats of physical or non-physical harm;
deliberate intimidation, stalking or following; harassing photography or recording; sustained
disruption of talks or other events; inappropriate physical contact; and unwelcome sexual attention.{" "}
</System.P>
<br />
<System.P>
Media shared through public infrastructure run by the Filecoin team must not contain illegal or
infringing content. You should only publish content via Filecoin public infrastructure if you have the
right to do so. This include complying with all software license agreements or other intellectual
property restrictions. You will be solely responsible for any violation of laws or others'
intellectual property rights.
</System.P>
</div>
<div id="Avoid Marketing or Soliciting">
<br />
<br />
<h2 css={STYLES_H2}>Avoid Marketing or Soliciting</h2>
<br />
<System.P>
You are welcome to post endorsements of tools, products or services that you personally find useful,
but please refrain from blatant advertising, marketing or any kind of spam. Selling commercial
services or fundraising is not allowed.
</System.P>
</div>
<div id="Reporting Violations of this Code of Conduct">
<br />
<br />
<h2 css={STYLES_H2}>Reporting Violations of this Code of Conduct</h2>
<br />
<System.P>
If you believe someone is harassing you or has otherwise violated this Code of Conduct, please contact
us at <CopyEmail /> to send us an abuse report. If this is the initial report of a problem, please
include as much detail as possible. It is easiest for us to address issues when we have more context.
</System.P>
</div>
<div id="Copyright Violations">
<br />
<br />
<h2 css={STYLES_H2}>Copyright Violations</h2>
<br />
<System.P>
We respect the intellectual property of others and ask that you do too. If you believe any content or
other materials available through public Filecoin infrastructure violates a copyright held by you and
you would like to submit a notice pursuant to the Digital Millennium Copyright Act or other similar
international law, you can submit a notice to our agent for service of notice to: <CopyEmail />.
Please make sure your notice meets the Digital Millennium Copyright Act requirements.
</System.P>
</div>
<div id="Consequences">
<br />
<br />
<h2 css={STYLES_H2}>Consequences</h2>
<br />
<System.P>
All content published to public Filecoin infrastructure is hosted at the sole discretion of the
Filecoin team. Unacceptable behavior from any community member will not be tolerated. Anyone asked to
stop unacceptable behavior is expected to comply immediately. If a community member engages in
unacceptable behavior, the Filecoin team may take any action they deem appropriate, up to and
including a temporary ban or permanent expulsion from the community without warning (and without
refund in the case of a paid event or service).
</System.P>
</div>
<div id="Addressing Grievances">
<br />
<br />
<h2 css={STYLES_H2}>Addressing Grievances</h2>
<br />
<System.P>
Please contact <CopyEmail /> if you need to report a problem or address a grievance related to an
abuse report. If you feel you have been falsely or unfairly accused of violating this Code of Conduct,
you should contact <CopyEmail />. We will do our best to ensure that your grievance is handled
appropriately. In general, we will choose the course of action that we judge as being most in the
interest of fostering a safe and friendly community.
</System.P>
</div>
<div id="Contact Info">
<br />
<br />
<h2 css={STYLES_H2}>Contact Info</h2>
<br />
<System.P>
Please contact <CopyEmail /> if you need to report a problem or address a grievance related to an
abuse report. You are also encouraged to contact us if you are curious about something that might be
"on the line" between appropriate and inappropriate content. We are happy to provide guidance to help
you be a successful part of our community.
</System.P>
</div>
<div id="Changes">
<br />
<br />
<h2 css={STYLES_H2}>Changes</h2>
<br />
<System.P>
This is a living document and may be updated from time to time. Please refer to the{" "}
<a
href="https://github.com/filecoin-project/slate/blob/main/pages/guidelines.js"
alt="GitHub Changelog"
>
git history
</a>{" "}
for this document to view the changes.
</System.P>
</div>
<div id="Credit and License">
<br />
<br />
<h2 css={STYLES_H2}>Credit and License</h2>
<br />
<System.P>
This Code of Conduct is based on the{" "}
<a href="https://www.npmjs.com/policies/conduct">npm Code of Conduct</a>. This document may be reused
under a{" "}
<a href="http://creativecommons.org/licenses/by-sa/4.0/">
Creative Commons Attribution-ShareAlike License
</a>
.
</System.P>
</div>
</div>
</div>
</div>
<WebsitePrototypeFooter />
</WebsitePrototypeWrapper>
);
}
}

578
pages/guidelines.js
View File

@ -1,41 +1,131 @@
import React, { useState } from "react";
import * as System from "~/components/system";
import * as Constants from "~/common/constants";
import { css } from "@emotion/react";
import WebsitePrototypeWrapper from "~/components/core/WebsitePrototypeWrapper";
import WebsitePrototypeHeader from "~/components/core/WebsitePrototypeHeader";
import WebsitePrototypeHeader from "~/components/core/NewWebsitePrototypeHeader";
import WebsitePrototypeFooter from "~/components/core/NewWebsitePrototypeFooter";
const STYLES_ROOT = css`
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 88px 32px 128px 32px;
max-width: 736px;
padding: 0 88px 128px 88px;
margin: -88px auto 0 auto;
width: 100%;
margin: 0 auto 0 auto;
background-color: ${Constants.system.wallLight};
@media (max-width: ${Constants.sizes.mobile}px) {
display: block;
padding: 128px 24px;
}
`;
const STYLES_CONTAINER = css`
max-width: 1440px;
width: 100%;
margin: 0 auto;
`;
const STYLES_H1 = css`
font-size: ${Constants.typescale.lvl5};
font-family: ${Constants.font.medium};
font-weight: 400;
line-height: 1.3;
padding: 0px gutterpx 16px gutterpx;
letter-spacing: -0.021rem;
width: 100%;
color: ${Constants.system.slate};
@media (max-width: ${Constants.sizes.tablet}px) {
font-size: ${Constants.typescale.lvl4};
}
@media (max-width: ${Constants.sizes.mobile}px) {
font-size: ${Constants.typescale.lvl3};
}
`;
const STYLES_H2 = css`
font-size: ${Constants.typescale.lvl3};
font-family: ${Constants.font.medium};
font-weight: 400;
line-height: 1.3;
letter-spacing: -0.019rem;
margin-top: 24px;
width: 100%;
color: ${Constants.system.slate};
@media (max-width: ${Constants.sizes.tablet}px) {
font-size: ${Constants.typescale.lvl2};
}
`;
const STYLES_CONTENT_BLOCK1 = css`
width: 40%;
position: -webkit-sticky;
position: sticky;
top: 120px;
@media (max-width: ${Constants.sizes.mobile}px) {
position: relative;
top: 0;
width: 100%;
}
`;
const STYLES_CONTENT_BLOCK2 = css`
margin: -96px 0 0 auto;
width: 50%;
@media (max-width: ${Constants.sizes.mobile}px) {
margin: 48px 0 0 0;
width: 100%;
}
`;
const STYLES_LIST = css`
list-style-type: none;
font-family: ${Constants.font.text};
font-weight: 400;
font-size: ${Constants.typescale.lvl1};
letter-spacing: -0.011rem;
line-height: 1.5;
margin: 4px 0 0 16px;
opacity: 0.7;
padding: 0;
`;
const STYLES_LINK = css`
text-decoration: none;
transition: 200ms ease none;
color: ${Constants.system.slate};
:hover {
color: ${Constants.system.newBlue};
}
:active {
color: ${Constants.system.newBlue};
}
:visited {
color: ${Constants.system.slate};
}
`;
const STYLES_COPY_EMAIL = css`
display: inline;
color: ${Constants.system.newGreen};
`;
export const getServerSideProps = async (context) => {
return {
props: { ...context.query },
};
};
export function CopyEmail() {
const [copySuccess, setCopySuccess] = useState("");
function copyToClipboard() {
navigator.clipboard.writeText("abuse@filecoin.io");
setCopySuccess("Copied!");
navigator.clipboard.writeText("legal@slate.host");
setCopySuccess(" copied!");
}
return (
<div css={STYLES_COPY_EMAIL}>
<a onClick={copyToClipboard}>abuse@filecoin.io</a>
<a onClick={copyToClipboard}>legal@slate.host</a>
{copySuccess}
</div>
);
@ -46,216 +136,266 @@ export default class GuidelinesPage extends React.Component {
const title = `Slate: Community Guidelines`;
const description =
"We believe that our mission is best served in an environment that is friendly, safe, and accepting.";
const url = "https://slate.host/guidelines";
const url = "https://slate.host/guidelines-new";
return (
<WebsitePrototypeWrapper
title={title}
description={description}
url={url}
>
<WebsitePrototypeWrapper title={title} description={description} url={url}>
<WebsitePrototypeHeader />
<div css={STYLES_ROOT}>
<System.H1>Community Guidelines</System.H1>
<br />
<System.P>
We believe that our mission is best served in an environment that is
friendly, safe, and accepting; free from intimidation or harassment.
Towards this end, certain behaviors and practices will not be
tolerated.
</System.P>
<br />
<System.UL>
<System.LI>Be respectful.</System.LI>
<System.LI>
We're here to help: <CopyEmail />
</System.LI>
<System.LI>Abusive behavior is never tolerated.</System.LI>
<System.LI>
Violations of this code may result in swift and permanent
expulsion from the Slate community.
</System.LI>
<System.LI>
"Too long, didn't read" is not a valid excuse for not knowing what
is in this document.
</System.LI>
</System.UL>
<br />
<System.P>
We expect all members of the Slate community to abide by this Code
of Conduct at all times in all Slate community venues, online and in
person, and in one-on-one communications pertaining to Slate
affairs.
</System.P>
<div css={STYLES_CONTAINER}>
<div css={STYLES_CONTENT_BLOCK1}>
<h1 css={STYLES_H1}>Community Guidelines</h1>
<br />
<System.P style={{ marginLeft: 1 }}>In this page</System.P>
<ul css={STYLES_LIST}>
<li>
<a css={STYLES_LINK} href="#Friendly Harassment-Free Space">
Friendly Harassment-Free Space
</a>
</li>
<li>
<a css={STYLES_LINK} href="#Avoid Marketing or Soliciting">
Avoid Marketing or Soliciting
</a>
</li>
<li>
<a css={STYLES_LINK} href="#Reporting Violations of this Code of Conduct">
Reporting Violations of this Code of Conduct
</a>
</li>
<li>
<a css={STYLES_LINK} href="#Copyright Violations">
Copyright Violations
</a>
</li>
<li>
<a css={STYLES_LINK} href="#Consequences">
Consequences
</a>
</li>
<li>
<a css={STYLES_LINK} href="#Addressing Grievances">
Addressing Grievances
</a>
</li>
<li>
<a css={STYLES_LINK} href="#Contact Info">
Contact Info
</a>
</li>
<li>
<a css={STYLES_LINK} href="#Changes">
Changes
</a>
</li>
<li>
<a css={STYLES_LINK} href="#Credit and License">
Credit and License
</a>
</li>
</ul>
</div>
<div css={STYLES_CONTENT_BLOCK2}>
<System.P>
We believe that our mission is best served in an environment that is friendly, safe,
and accepting; free from intimidation or harassment. Towards this end, certain
behaviors and practices will not be tolerated.
</System.P>
<br />
<System.UL>
<System.LI>Be respectful.</System.LI>
<System.LI>
We're here to help: <CopyEmail />
</System.LI>
<System.LI>Abusive behavior is never tolerated.</System.LI>
<System.LI>
Violations of this code may result in swift and permanent expulsion from the Slate
community.
</System.LI>
<System.LI>
"Too long, didn't read" is not a valid excuse for not knowing what is in this
document.
</System.LI>
</System.UL>
<br />
<System.P>
We expect all members of the Slate community to abide by this Code of Conduct at all
times in all Slate community venues, online and in person, and in one-on-one
communications pertaining to Slate affairs.
</System.P>
<br />
<System.P>
This policy covers the usage of Filecoin public infrastructure, as
well as other Filecoin websites, Filecoin related events, and any
other services offered by or on behalf of the Filecoin community. It
also applies to behavior in the context of the Filecoin Open Source
project communities, including but not limited to public GitHub
repositories, IRC channels, social media, mailing lists, and public
events.
</System.P>
<br />
<br />
<System.P>
This policy covers the usage of Filecoin public infrastructure, as well as other
Filecoin websites, Filecoin related events, and any other services offered by or on
behalf of the Filecoin community. It also applies to behavior in the context of the
Filecoin Open Source project communities, including but not limited to public GitHub
repositories, IRC channels, social media, mailing lists, and public events.
</System.P>
<br />
<System.P>
The definitions of various subjective terms such as
"discriminatory", "hateful", or "confusing" will be decided at the
sole discretion of the Filecoin abuse team.
</System.P>
<br />
<br />
<System.H2>Friendly Harassment-Free Space</System.H2>
<br />
<System.P>
We are committed to providing a friendly, safe and welcoming
environment for all, regardless of gender identity, sexual
orientation, disability, ethnicity, religion, age, physical
appearance, body size, race, or similar personal characteristics.We
ask that you please respect that people have differences of opinion
regarding technical choices, and that every design or implementation
choice carries a trade-off and numerous costs. There is seldom a
single right answer. A difference of technology preferences is not a
license to be rude.{" "}
</System.P>
<br />
<System.P>
Any spamming, trolling, flaming, baiting, or other
attention-stealing behavior is not welcome, and will not be
tolerated. Harassing other users is never tolerated, whether via
public or private media. Avoid using offensive or harassing
nicknames, or other identifiers that might detract from a friendly,
safe, and welcoming environment for all.{" "}
</System.P>
<br />
<System.P>
Harassment includes, but is not limited to: harmful or prejudicial
verbal or written comments related to gender identity, sexual
orientation, disability, ethnicity, religion, age, physical
appearance, body size, race, or similar personal characteristics;
inappropriate use of nudity, sexual images, and/or sexually explicit
language in public spaces; threats of physical or non-physical harm;
deliberate intimidation, stalking or following; harassing
photography or recording; sustained disruption of talks or other
events; inappropriate physical contact; and unwelcome sexual
attention.{" "}
</System.P>
<br />
<System.P>
Media shared through public infrastructure run by the Filecoin team
must not contain illegal or infringing content. You should only
publish content via Filecoin public infrastructure if you have the
right to do so. This include complying with all software license
agreements or other intellectual property restrictions. You will be
solely responsible for any violation of laws or others' intellectual
property rights.
</System.P>
<br />
<br />
<System.H2>Avoid Marketing or Soliciting</System.H2>
<br />
<System.P>
You are welcome to post endorsements of tools, products or services
that you personally find useful, but please refrain from blatant
advertising, marketing or any kind of spam. Selling commercial
services or fundraising is not allowed.
</System.P>
<br />
<br />
<System.H2>Reporting Violations of this Code of Conduct</System.H2>
<br />
<System.P>
If you believe someone is harassing you or has otherwise violated
this Code of Conduct, please contact us at <CopyEmail /> to send us
an abuse report. If this is the initial report of a problem, please
include as much detail as possible. It is easiest for us to address
issues when we have more context.
</System.P>
<br />
<br />
<System.H2>Copyright Violations</System.H2>
<br />
<System.P>
We respect the intellectual property of others and ask that you do
too. If you believe any content or other materials available through
public Filecoin infrastructure violates a copyright held by you and
you would like to submit a notice pursuant to the Digital Millennium
Copyright Act or other similar international law, you can submit a
notice to our agent for service of notice to: <CopyEmail />. Please
make sure your notice meets the Digital Millennium Copyright Act
requirements.
</System.P>
<br />
<br />
<System.H2>Consequences</System.H2>
<br />
<System.P>
All content published to public Filecoin infrastructure is hosted at
the sole discretion of the Filecoin team. Unacceptable behavior from
any community member will not be tolerated. Anyone asked to stop
unacceptable behavior is expected to comply immediately. If a
community member engages in unacceptable behavior, the Filecoin team
may take any action they deem appropriate, up to and including a
temporary ban or permanent expulsion from the community without
warning (and without refund in the case of a paid event or service).
</System.P>
<br />
<br />
<System.H2>Addressing Grievances</System.H2>
<br />
<System.P>
Please contact <CopyEmail /> if you need to report a problem or
address a grievance related to an abuse report. If you feel you have
been falsely or unfairly accused of violating this Code of Conduct,
you should contact <CopyEmail />. We will do our best to ensure that
your grievance is handled appropriately. In general, we will choose
the course of action that we judge as being most in the interest of
fostering a safe and friendly community.
</System.P>
<br />
<br />
<System.H2>Contact Info</System.H2>
<br />
<System.P>
Please contact <CopyEmail /> if you need to report a problem or
address a grievance related to an abuse report. You are also
encouraged to contact us if you are curious about something that
might be "on the line" between appropriate and inappropriate
content. We are happy to provide guidance to help you be a
successful part of our community.
</System.P>
<br />
<br />
<System.H2>Changes</System.H2>
<br />
<System.P>
This is a living document and may be updated from time to time.
Please refer to the{" "}
<a
href="https://github.com/filecoin-project/slate/blob/main/pages/guidelines.js"
alt="GitHub Changelog"
>
git history
</a>{" "}
for this document to view the changes.
</System.P>
<br />
<br />
<System.H2>Credit and License</System.H2>
<br />
<System.P>
This Code of Conduct is based on the{" "}
<a href="https://www.npmjs.com/policies/conduct">
npm Code of Conduct
</a>
. This document may be reused under a{" "}
<a href="http://creativecommons.org/licenses/by-sa/4.0/">
Creative Commons Attribution-ShareAlike License
</a>
.
</System.P>
<System.P>
The definitions of various subjective terms such as "discriminatory", "hateful", or
"confusing" will be decided at the sole discretion of the Filecoin abuse team.
</System.P>
<div id="Friendly Harassment-Free Space">
<br />
<br />
<h2 css={STYLES_H2}>Friendly Harassment-Free Space</h2>
<br />
<System.P>
We are committed to providing a friendly, safe and welcoming environment for all,
regardless of gender identity, sexual orientation, disability, ethnicity,
religion, age, physical appearance, body size, race, or similar personal
characteristics.We ask that you please respect that people have differences of
opinion regarding technical choices, and that every design or implementation
choice carries a trade-off and numerous costs. There is seldom a single right
answer. A difference of technology preferences is not a license to be rude.{" "}
</System.P>
<br />
<System.P>
Any spamming, trolling, flaming, baiting, or other attention-stealing behavior is
not welcome, and will not be tolerated. Harassing other users is never tolerated,
whether via public or private media. Avoid using offensive or harassing nicknames,
or other identifiers that might detract from a friendly, safe, and welcoming
environment for all.{" "}
</System.P>
<br />
<System.P>
Harassment includes, but is not limited to: harmful or prejudicial verbal or
written comments related to gender identity, sexual orientation, disability,
ethnicity, religion, age, physical appearance, body size, race, or similar
personal characteristics; inappropriate use of nudity, sexual images, and/or
sexually explicit language in public spaces; threats of physical or non-physical
harm; deliberate intimidation, stalking or following; harassing photography or
recording; sustained disruption of talks or other events; inappropriate physical
contact; and unwelcome sexual attention.{" "}
</System.P>
<br />
<System.P>
Media shared through public infrastructure run by the Filecoin team must not
contain illegal or infringing content. You should only publish content via
Filecoin public infrastructure if you have the right to do so. This include
complying with all software license agreements or other intellectual property
restrictions. You will be solely responsible for any violation of laws or others'
intellectual property rights.
</System.P>
</div>
<div id="Avoid Marketing or Soliciting">
<br />
<br />
<h2 css={STYLES_H2}>Avoid Marketing or Soliciting</h2>
<br />
<System.P>
You are welcome to post endorsements of tools, products or services that you
personally find useful, but please refrain from blatant advertising, marketing or
any kind of spam. Selling commercial services or fundraising is not allowed.
</System.P>
</div>
<div id="Reporting Violations of this Code of Conduct">
<br />
<br />
<h2 css={STYLES_H2}>Reporting Violations of this Code of Conduct</h2>
<br />
<System.P>
If you believe someone is harassing you or has otherwise violated this Code of
Conduct, please contact us at <CopyEmail /> to send us an abuse report. If this is
the initial report of a problem, please include as much detail as possible. It is
easiest for us to address issues when we have more context.
</System.P>
</div>
<div id="Copyright Violations">
<br />
<br />
<h2 css={STYLES_H2}>Copyright Violations</h2>
<br />
<System.P>
We respect the intellectual property of others and ask that you do too. If you
believe any content or other materials available through public Filecoin
infrastructure violates a copyright held by you and you would like to submit a
notice pursuant to the Digital Millennium Copyright Act or other similar
international law, you can submit a notice to our agent for service of notice to:{" "}
<CopyEmail />. Please make sure your notice meets the Digital Millennium Copyright
Act requirements.
</System.P>
</div>
<div id="Consequences">
<br />
<br />
<h2 css={STYLES_H2}>Consequences</h2>
<br />
<System.P>
All content published to public Filecoin infrastructure is hosted at the sole
discretion of the Filecoin team. Unacceptable behavior from any community member
will not be tolerated. Anyone asked to stop unacceptable behavior is expected to
comply immediately. If a community member engages in unacceptable behavior, the
Filecoin team may take any action they deem appropriate, up to and including a
temporary ban or permanent expulsion from the community without warning (and
without refund in the case of a paid event or service).
</System.P>
</div>
<div id="Addressing Grievances">
<br />
<br />
<h2 css={STYLES_H2}>Addressing Grievances</h2>
<br />
<System.P>
Please contact <CopyEmail /> if you need to report a problem or address a
grievance related to an abuse report. If you feel you have been falsely or
unfairly accused of violating this Code of Conduct, you should contact{" "}
<CopyEmail />. We will do our best to ensure that your grievance is handled
appropriately. In general, we will choose the course of action that we judge as
being most in the interest of fostering a safe and friendly community.
</System.P>
</div>
<div id="Contact Info">
<br />
<br />
<h2 css={STYLES_H2}>Contact Info</h2>
<br />
<System.P>
Please contact <CopyEmail /> if you need to report a problem or address a
grievance related to an abuse report. You are also encouraged to contact us if you
are curious about something that might be "on the line" between appropriate and
inappropriate content. We are happy to provide guidance to help you be a
successful part of our community.
</System.P>
</div>
<div id="Changes">
<br />
<br />
<h2 css={STYLES_H2}>Changes</h2>
<br />
<System.P>
This is a living document and may be updated from time to time. Please refer to
the{" "}
<a
href="https://github.com/filecoin-project/slate/blob/main/pages/guidelines.js"
alt="GitHub Changelog"
target="_BLANK"
>
git history
</a>{" "}
for this document to view the changes.
</System.P>
</div>
<div id="Credit and License">
<br />
<br />
<h2 css={STYLES_H2}>Credit and License</h2>
<br />
<System.P>
This Code of Conduct is based on the{" "}
<a href="https://www.npmjs.com/policies/conduct">NPM Code of Conduct</a>. This
document may be reused under a{" "}
<a href="http://creativecommons.org/licenses/by-sa/4.0/">
Creative Commons Attribution-ShareAlike License
</a>
.
</System.P>
</div>
</div>
</div>
</div>
<WebsitePrototypeFooter />
</WebsitePrototypeWrapper>

60
pages/index.js
View File

@ -245,6 +245,25 @@ const STYLES_IMG = css`
box-shadow: 0px 10px 50px 20px rgba(0, 0, 0, 0.2);
`;
const STYLES_IMG_WEB = css`
${STYLES_IMG}
margin: 48px auto;
@media (max-width: ${Constants.sizes.mobile}px) {
display: none;
}
`;
const STYLES_IMG_MOBILE = css`
${STYLES_IMG}
margin: 48px auto;
display: none;
@media (max-width: ${Constants.sizes.mobile}px) {
display: block;
}
`;
const STYLES_SLATE_CARD_GROUP = css`
width: 100%;
display: flex;
@ -383,12 +402,12 @@ export default class IndexPage extends React.Component {
</div>
<div css={STYLES_SECTION_WRAPPER} style={{ display: `block` }}>
<h1 css={STYLES_H1}>
<h2 css={STYLES_H1}>
<span css={STYLES_HIGHLIGHT_BLUE}>Get all the space you need</span> <br />
for all of your valuable data
</h1>
</h2>
<p css={STYLES_P} style={{ opacity: 0.7 }}>
Powered by Textile, Filecoin, IPFS.
Powered by Textile, Filecoin, and IPFS.
</p>
<br />
<img
@ -403,10 +422,10 @@ export default class IndexPage extends React.Component {
<div css={STYLES_SECTION_WRAPPER}>
<div css={STYLES_TEXT_BLOCK}>
<h1 css={STYLES_H1}>
<h2 css={STYLES_H1}>
<span css={STYLES_HIGHLIGHT_GREEN}>Store, annotate, cite, and link</span> <br />
your files
</h1>
</h2>
<p css={STYLES_P} style={{ opacity: 0.7 }}>
Slate is the new home for information that matters to you.
</p>
@ -436,19 +455,19 @@ export default class IndexPage extends React.Component {
</div>
<div css={STYLES_SECTION_WRAPPER}>
<div css={STYLES_TEXT_BLOCK}>
<h1 css={STYLES_H1}>
<span css={STYLES_HIGHLIGHT_YELLOW}>Curate, present, and share</span> <br />
<h2 css={STYLES_H1}>
<span css={STYLES_HIGHLIGHT_YELLOW}>Collect, organize and share</span> <br />
your slates
</h1>
</h2>
<p css={STYLES_P} style={{ opacity: 0.7 }}>
A modular interface for your files, giving you complete flexibility.
</p>
<br />
<hr css={STYLES_HR_YELLOW} />
<ul css={STYLES_LIST}>
<li>Arrange moodboard</li>
<li>Arrange moodboards</li>
<li>Organize research</li>
<li>Share presentation</li>
<li>Share presentations</li>
</ul>
</div>
<img
@ -458,27 +477,32 @@ export default class IndexPage extends React.Component {
/>
</div>
<div css={STYLES_SECTION_WRAPPER} style={{ display: `block` }}>
<h1 css={STYLES_H1}>
<h2 css={STYLES_H1}>
<span css={STYLES_HIGHLIGHT_RED}>Connect to think, learn and discuss </span> <br />
with others
</h1>
</h2>
<div css={STYLES_TEXT_BLOCK}>
<p css={STYLES_P} style={{ opacity: 0.7 }}>
Connect with trusted peers and use slate as a space to think together.
</p>
</div>
<img
css={STYLES_IMG}
style={{ margin: `48px auto`, boxShadow: `none` }}
src="https://slate.textile.io/ipfs/bafybeib2tdk7qvw754ho6ru3nj3wc24hf3lzppuce4lafx32qhkhjkehmy"
css={STYLES_IMG_WEB}
style={{ boxShadow: `none` }}
src="https://slate.textile.io/ipfs/bafkreigygwwhu35cynyg7b53l3e6qkp3qxu7yytr46uldnpjgs23ml3bli"
/>
<img
css={STYLES_IMG_MOBILE}
style={{ boxShadow: `none` }}
src="https://slate.textile.io/ipfs/bafybeid6li7wgf42dls6m355k3362qrbp3omwisisawfg3u7uggpcqyhk4"
/>
</div>
<div css={STYLES_SECTIONCTA_WRAPPER}>
<div css={STYLES_TEXT_BLOCK_CENTER}>
<h1 css={STYLES_H1}>
<span css={STYLES_HIGHLIGHT_BLUE}>Take a slate</span> <br />
<h2 css={STYLES_H1}>
<span css={STYLES_HIGHLIGHT_BLUE}>Get started with Slate</span> <br />
to experience the file sharing network
</h1>
</h2>
<br />
</div>
<div css={STYLES_CLEAN_SLATE}>

0
pages/download.js → pages/marketing-v1/download.js
View File

264
pages/marketing-v1/guidelines-v1.js Normal file
View File

@ -0,0 +1,264 @@
import React, { useState } from "react";
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/NewWebsitePrototypeFooter";
const STYLES_ROOT = css`
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 88px 32px 128px 32px;
max-width: 736px;
width: 100%;
margin: 0 auto 0 auto;
`;
const STYLES_COPY_EMAIL = css`
display: inline;
`;
export const getServerSideProps = async (context) => {
return {
props: { ...context.query },
};
};
export function CopyEmail() {
const [copySuccess, setCopySuccess] = useState("");
function copyToClipboard() {
navigator.clipboard.writeText("abuse@filecoin.io");
setCopySuccess("Copied!");
}
return (
<div css={STYLES_COPY_EMAIL}>
<a onClick={copyToClipboard}>abuse@filecoin.io</a>
{copySuccess}
</div>
);
}
export default class GuidelinesPage extends React.Component {
render() {
const title = `Slate: Community Guidelines`;
const description =
"We believe that our mission is best served in an environment that is friendly, safe, and accepting.";
const url = "https://slate.host/guidelines";
return (
<WebsitePrototypeWrapper
title={title}
description={description}
url={url}
>
<WebsitePrototypeHeader />
<div css={STYLES_ROOT}>
<System.H1>Community Guidelines</System.H1>
<br />
<System.P>
We believe that our mission is best served in an environment that is
friendly, safe, and accepting; free from intimidation or harassment.
Towards this end, certain behaviors and practices will not be
tolerated.
</System.P>
<br />
<System.UL>
<System.LI>Be respectful.</System.LI>
<System.LI>
We're here to help: <CopyEmail />
</System.LI>
<System.LI>Abusive behavior is never tolerated.</System.LI>
<System.LI>
Violations of this code may result in swift and permanent
expulsion from the Slate community.
</System.LI>
<System.LI>
"Too long, didn't read" is not a valid excuse for not knowing what
is in this document.
</System.LI>
</System.UL>
<br />
<System.P>
We expect all members of the Slate community to abide by this Code
of Conduct at all times in all Slate community venues, online and in
person, and in one-on-one communications pertaining to Slate
affairs.
</System.P>
<br />
<System.P>
This policy covers the usage of Filecoin public infrastructure, as
well as other Filecoin websites, Filecoin related events, and any
other services offered by or on behalf of the Filecoin community. It
also applies to behavior in the context of the Filecoin Open Source
project communities, including but not limited to public GitHub
repositories, IRC channels, social media, mailing lists, and public
events.
</System.P>
<br />
<System.P>
The definitions of various subjective terms such as
"discriminatory", "hateful", or "confusing" will be decided at the
sole discretion of the Filecoin abuse team.
</System.P>
<br />
<br />
<System.H2>Friendly Harassment-Free Space</System.H2>
<br />
<System.P>
We are committed to providing a friendly, safe and welcoming
environment for all, regardless of gender identity, sexual
orientation, disability, ethnicity, religion, age, physical
appearance, body size, race, or similar personal characteristics.We
ask that you please respect that people have differences of opinion
regarding technical choices, and that every design or implementation
choice carries a trade-off and numerous costs. There is seldom a
single right answer. A difference of technology preferences is not a
license to be rude.{" "}
</System.P>
<br />
<System.P>
Any spamming, trolling, flaming, baiting, or other
attention-stealing behavior is not welcome, and will not be
tolerated. Harassing other users is never tolerated, whether via
public or private media. Avoid using offensive or harassing
nicknames, or other identifiers that might detract from a friendly,
safe, and welcoming environment for all.{" "}
</System.P>
<br />
<System.P>
Harassment includes, but is not limited to: harmful or prejudicial
verbal or written comments related to gender identity, sexual
orientation, disability, ethnicity, religion, age, physical
appearance, body size, race, or similar personal characteristics;
inappropriate use of nudity, sexual images, and/or sexually explicit
language in public spaces; threats of physical or non-physical harm;
deliberate intimidation, stalking or following; harassing
photography or recording; sustained disruption of talks or other
events; inappropriate physical contact; and unwelcome sexual
attention.{" "}
</System.P>
<br />
<System.P>
Media shared through public infrastructure run by the Filecoin team
must not contain illegal or infringing content. You should only
publish content via Filecoin public infrastructure if you have the
right to do so. This include complying with all software license
agreements or other intellectual property restrictions. You will be
solely responsible for any violation of laws or others' intellectual
property rights.
</System.P>
<br />
<br />
<System.H2>Avoid Marketing or Soliciting</System.H2>
<br />
<System.P>
You are welcome to post endorsements of tools, products or services
that you personally find useful, but please refrain from blatant
advertising, marketing or any kind of spam. Selling commercial
services or fundraising is not allowed.
</System.P>
<br />
<br />
<System.H2>Reporting Violations of this Code of Conduct</System.H2>
<br />
<System.P>
If you believe someone is harassing you or has otherwise violated
this Code of Conduct, please contact us at <CopyEmail /> to send us
an abuse report. If this is the initial report of a problem, please
include as much detail as possible. It is easiest for us to address
issues when we have more context.
</System.P>
<br />
<br />
<System.H2>Copyright Violations</System.H2>
<br />
<System.P>
We respect the intellectual property of others and ask that you do
too. If you believe any content or other materials available through
public Filecoin infrastructure violates a copyright held by you and
you would like to submit a notice pursuant to the Digital Millennium
Copyright Act or other similar international law, you can submit a
notice to our agent for service of notice to: <CopyEmail />. Please
make sure your notice meets the Digital Millennium Copyright Act
requirements.
</System.P>
<br />
<br />
<System.H2>Consequences</System.H2>
<br />
<System.P>
All content published to public Filecoin infrastructure is hosted at
the sole discretion of the Filecoin team. Unacceptable behavior from
any community member will not be tolerated. Anyone asked to stop
unacceptable behavior is expected to comply immediately. If a
community member engages in unacceptable behavior, the Filecoin team
may take any action they deem appropriate, up to and including a
temporary ban or permanent expulsion from the community without
warning (and without refund in the case of a paid event or service).
</System.P>
<br />
<br />
<System.H2>Addressing Grievances</System.H2>
<br />
<System.P>
Please contact <CopyEmail /> if you need to report a problem or
address a grievance related to an abuse report. If you feel you have
been falsely or unfairly accused of violating this Code of Conduct,
you should contact <CopyEmail />. We will do our best to ensure that
your grievance is handled appropriately. In general, we will choose
the course of action that we judge as being most in the interest of
fostering a safe and friendly community.
</System.P>
<br />
<br />
<System.H2>Contact Info</System.H2>
<br />
<System.P>
Please contact <CopyEmail /> if you need to report a problem or
address a grievance related to an abuse report. You are also
encouraged to contact us if you are curious about something that
might be "on the line" between appropriate and inappropriate
content. We are happy to provide guidance to help you be a
successful part of our community.
</System.P>
<br />
<br />
<System.H2>Changes</System.H2>
<br />
<System.P>
This is a living document and may be updated from time to time.
Please refer to the{" "}
<a
href="https://github.com/filecoin-project/slate/blob/main/pages/guidelines.js"
alt="GitHub Changelog"
>
git history
</a>{" "}
for this document to view the changes.
</System.P>
<br />
<br />
<System.H2>Credit and License</System.H2>
<br />
<System.P>
This Code of Conduct is based on the{" "}
<a href="https://www.npmjs.com/policies/conduct">
npm Code of Conduct
</a>
. This document may be reused under a{" "}
<a href="http://creativecommons.org/licenses/by-sa/4.0/">
Creative Commons Attribution-ShareAlike License
</a>
.
</System.P>
</div>
<WebsitePrototypeFooter />
</WebsitePrototypeWrapper>
);
}
}

0
pages/index-v1.js → pages/marketing-v1/index-v1.js
View File

235
pages/marketing-v1/terms-v1.js Normal file
View File

@ -0,0 +1,235 @@
import React, { useState } from "react";
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/NewWebsitePrototypeFooter";
const STYLES_ROOT = css`
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 88px 32px 128px 32px;
max-width: 736px;
width: 100%;
margin: 0 auto 0 auto;
`;
const STYLES_COPY_EMAIL = css`
display: inline;
`;
export const getServerSideProps = async (context) => {
return {
props: { ...context.query },
};
};
export function CopyEmail() {
const [copySuccess, setCopySuccess] = useState("");
function copyToClipboard() {
navigator.clipboard.writeText("abuse@filecoin.io");
setCopySuccess("Copied!");
}
return (
<div css={STYLES_COPY_EMAIL}>
<a onClick={copyToClipboard}>abuse@filecoin.io</a>
{copySuccess}
</div>
);
}
export default class GuidelinesPage extends React.Component {
render() {
const title = `Slate: Terms of Service`;
const description = "You must agree to our terms of service to use Slate.";
const url = "https://slate.host/terms";
return (
<WebsitePrototypeWrapper
title={title}
description={description}
url={url}
>
<WebsitePrototypeHeader />
<div css={STYLES_ROOT}>
<System.H1>Terms of Service</System.H1>
<br />
<System.P>
The following terms and conditions govern all use of the Slate's
website and all content, services and products available at or
through the website.
</System.P>
<br />
<System.P>
Please read this Agreement carefully before accessing or using the
Website. By accessing or using any part of the web site, you agree
to become bound by the terms and conditions of this agreement.
</System.P>
<br />
<System.P>
If you do not agree to all the terms and conditions of this
agreement, then you may not access the Website or use any services.
If these terms and conditions are considered an offer by Slate,
acceptance is expressly limited to these terms. The Website is
available only to individuals who are at least 18 years old.
</System.P>
<br />
<br />
<System.H2>Storage Deals to the Filecoin Network</System.H2>
<br />
<System.P>
You agree to allow Slate to make storage deals on your behalf to the
Filecoin Network at any given time.
</System.P>
<br />
<br />
<System.H2>Your Slate Account and Site</System.H2>
<br />
<System.P>
If you create an account on the Website, you are responsible for
maintaining the security of your account and its content, and you
are fully responsible for all activities that occur under the
account and any other actions taken in connection with the Website.
You must not describe or assign content to your account in a
misleading or unlawful manner, including in a manner intended to
trade on the name or reputation of others, and Slate may change or
remove any description or keyword that it considers inappropriate or
unlawful, or otherwise likely to cause Slate liability. You must
immediately notify Slate of any unauthorized uses of your account or
any other breaches of security. Slate will not be liable for any
acts or omissions by You, including any damages of any kind incurred
as a result of such acts or omissions.
</System.P>
<br />
<br />
<System.H2>Responsibility of Contributors</System.H2>
<br />
<System.P>
If you operate an account, post material to the Website, post links
on the Website, or otherwise make (or allow any third party to make)
material available by means of the Website (any such material,
Content), You are entirely responsible for the content of, and any
harm resulting from, that Content. That is the case regardless of
whether the Content in question constitutes text or graphics. By
making Content available, you represent and warrant that: the
downloading, copying and use of the Content will not infringe the
proprietary rights, including but not limited to the copyright,
patent, trademark or trade secret rights, of any third party.
</System.P>
<br />
<br />
<System.H2>Changes</System.H2>
<br />
<System.P>
Slate reserves the right, at its sole discretion, to modify or
replace any part of this Agreement. It is your responsibility to
check this Agreement periodically for changes. Your continued use of
or access to the Website following the posting of any changes to
this Agreement constitutes acceptance of those changes. Slate may
also, in the future, offer new services and/or features through the
Website (including, the release of new tools and resources). Such
new features and/or services shall be subject to the terms and
conditions of this Agreement.
</System.P>
<br />
<br />
<System.H2>Termination</System.H2>
<br />
<System.P>
Slate may terminate your access to all or any part of the Website at
any time, with or without cause, with or without notice, effective
immediately. If you wish to terminate this Agreement or your Slate
account (if you have one), you may simply discontinue using the
Website. Notwithstanding the foregoing, if you have a VIP Services
account, such account can only be terminated by Slate if you
materially breach this Agreement and fail to cure such breach within
thirty (30) days from Slate notice to you thereof; provided that,
Slate can terminate the Website immediately as part of a general
shut down of our service. All provisions of this Agreement which by
their nature should survive termination shall survive termination,
including, without limitation, ownership provisions, warranty
disclaimers, indemnity and limitations of liability.
</System.P>
<br />
<br />
<System.H2>Disclaimer of Warranties</System.H2>
<br />
<System.P>
The Website is provided “as is”. Slate and its suppliers and
licensors hereby disclaim all warranties of any kind, express or
implied, including, without limitation, the warranties of
merchantability, fitness for a particular purpose and
non-infringement. Neither Slate nor its suppliers and licensors,
makes any warranty that the Website will be error free or that
access thereto will be continuous or uninterrupted. You understand
that you download from, or otherwise obtain content or services
through, the Website at your own discretion and risk.
</System.P>
<br />
<br />
<System.H2>Limitation of Liability</System.H2>
<br />
<System.P>
In no event will Slate, or its suppliers or licensors, be liable
with respect to any subject matter of this agreement under any
contract, negligence, strict liability or other legal or equitable
theory for: any special, incidental or consequential damages; the
cost of procurement or substitute products or services; for
interruption of use or loss or corruption of data; for any amounts
that exceed the fees paid by you to Slate under this agreement
during the twelve (12) month period prior to the cause of action.
</System.P>
<br />
<System.P>
Slate shall have no liability for any failure or delay due to
matters beyond their reasonable control. The foregoing shall not
apply to the extent prohibited by applicable law.
</System.P>
<br />
<br />
<System.H2>General Representation and Warranty</System.H2>
<br />
<System.P>
You represent and warrant that Your use of the Website will be in
strict accordance with the Slate Community Guidelines, with this
Agreement and with all applicable laws and regulations (including
without limitation any local laws or regulations in your country,
state, city, or other governmental area, regarding online conduct
and acceptable content, and including all applicable laws regarding
the transmission of technical data exported from the United States
or the country in which you reside) and your use of the Website will
not infringe or misappropriate the intellectual property rights of
any third party.
</System.P>
<br />
<br />
<System.H2>Indemnification</System.H2>
<br />
<System.P>
You agree to indemnify and hold harmless Slate, its contractors, and
its licensors, and their respective directors, officers, employees
and agents from and against any and all claims and expenses,
including attorneys fees, arising out of your use of the Website,
including but not limited to out of your violation this Agreement.
</System.P>
<br />
<br /><System.H2>Miscellaneous</System.H2>
<br />
<System.P>
This Agreement constitutes the entire agreement between Slate and
you concerning the subject matter hereof, and they may only be
modified by a written amendment signed by an authorized executive of
Slate, or by the posting by Slate of a revised version. Except to
the extent applicable law, if any, provides otherwise, this
Agreement, any access to or use of the Website will be governed by
the laws of the state of California, U.S.A.
</System.P>
</div>
<WebsitePrototypeFooter />
</WebsitePrototypeWrapper>
);
}
}

19
pages/slate-for-chrome.js
View File

@ -202,7 +202,8 @@ export default class SlateForChromePage extends React.Component {
const title = `Slate for Chrome`;
const description = "Upload images to Slate from anywhere on the web";
const url = "https://slate.host/slate-for-chrome";
const image = "https://slate.textile.io/ipfs/bafybeidi6z774yoge5uowzwkdrrnrzi5bzqgzrwfizw4dg4xdjxfjoa5ei";
const image =
"https://slate.textile.io/ipfs/bafybeidi6z774yoge5uowzwkdrrnrzi5bzqgzrwfizw4dg4xdjxfjoa5ei";
return (
<WebsitePrototypeWrapper title={title} description={description} url={url} image={image}>
@ -226,7 +227,7 @@ export default class SlateForChromePage extends React.Component {
</div>
<img
css={STYLES_IMG}
src="https://slate.textile.io/ipfs/bafybeibnjueud4iezqw6kxjpjfwbb4s3mw2kwcw7mrpccjzyxzd73k3lx4"
src="https://slate.textile.io/ipfs/bafybeiarvezzcqx3f7vjmx25kzog3metgz35n4p5gtiexwl7hcgwzev64a"
/>
<img
css={STYLES_IMG_OVERLAY}
@ -237,16 +238,22 @@ export default class SlateForChromePage extends React.Component {
<div css={STYLES_HALFBLOCK}>
<h2 css={STYLES_H2}>Contribute</h2>
<p css={STYLES_P}>
We would love for you to join us. You're welcomed to file an issue or submit a pull request (PR) on
Github.
We would love for you to join us. You are welcome to file an issue or submit a
pull request on Github.
</p>
<a css={STYLES_BUTTON_PRIMARY} href="https://github.com/jasonleyser/slate-for-chrome" target="_blank">
<a
css={STYLES_BUTTON_PRIMARY}
href="https://github.com/jasonleyser/slate-for-chrome"
target="_blank"
>
View Github
</a>
</div>
<div css={STYLES_HALFBLOCK}>
<h2 css={STYLES_H2}>Release</h2>
<p css={STYLES_P}>Slate is built in public and all past releases are always avaible for download.</p>
<p css={STYLES_P}>
Slate for Chrome is open source and past versions are also available for download.
</p>
<a
css={STYLES_BUTTON_SECONDARY}
href="/public/static/slate-for-chrome-V0.4.zip"

352
pages/terms-new.js
View File

@ -1,352 +0,0 @@
import React, { useState } from "react";
import * as System from "~/components/system";
import * as Constants from "~/common/constants";
import { css } from "@emotion/react";
import WebsitePrototypeWrapper from "~/components/core/WebsitePrototypeWrapper";
import WebsitePrototypeHeader from "~/components/core/NewWebsitePrototypeHeader";
import WebsitePrototypeFooter from "~/components/core/NewWebsitePrototypeFooter";
const STYLES_ROOT = css`
padding: 0 88px 128px 88px;
margin: -88px auto 0 auto;
width: 100%;
background-color: ${Constants.system.wallLight};
@media (max-width: ${Constants.sizes.mobile}px) {
display: block;
padding: 128px 24px;
}
`;
const STYLES_CONTAINER = css`
max-width: 1440px;
width: 100%;
margin: 0 auto;
`;
const STYLES_H1 = css`
font-size: ${Constants.typescale.lvl5};
font-family: ${Constants.font.medium};
font-weight: 400;
line-height: 1.3;
padding: 0px gutterpx 16px gutterpx;
letter-spacing: -0.021rem;
width: 100%;
color: ${Constants.system.slate};
@media (max-width: ${Constants.sizes.tablet}px) {
font-size: ${Constants.typescale.lvl4};
}
@media (max-width: ${Constants.sizes.mobile}px) {
font-size: ${Constants.typescale.lvl3};
}
`;
const STYLES_H2 = css`
font-size: ${Constants.typescale.lvl3};
font-family: ${Constants.font.medium};
font-weight: 400;
line-height: 1.3;
letter-spacing: -0.019rem;
margin-top: 24px;
width: 100%;
color: ${Constants.system.slate};
@media (max-width: ${Constants.sizes.tablet}px) {
font-size: ${Constants.typescale.lvl2};
}
`;
const STYLES_CONTENT_BLOCK1 = css`
width: 40%;
position: -webkit-sticky;
position: sticky;
top: 120px;
@media (max-width: ${Constants.sizes.mobile}px) {
position: relative;
top: 0;
width: 100%;
}
`;
const STYLES_CONTENT_BLOCK2 = css`
margin: -120px 0 0 auto;
width: 50%;
@media (max-width: ${Constants.sizes.mobile}px) {
margin: 48px 0 0 0;
width: 100%;
}
`;
const STYLES_LIST = css`
list-style-type: none;
font-family: ${Constants.font.text};
font-weight: 400;
font-size: ${Constants.typescale.lvl1};
letter-spacing: -0.011rem;
line-height: 1.5;
margin: 4px 0 0 16px;
opacity: 0.7;
padding: 0;
`;
const STYLES_LINK = css`
text-decoration: none;
transition: 200ms ease none;
color: ${Constants.system.slate};
:hover {
color: ${Constants.system.newBlue};
}
:active {
color: ${Constants.system.newBlue};
}
:visited {
color: ${Constants.system.slate};
}
`;
export default class TermsPage extends React.Component {
render() {
const title = `Slate: Terms of Service`;
const description = "You must agree to our terms of service to use Slate.";
const url = "https://slate.host/terms-new";
return (
<WebsitePrototypeWrapper title={title} description={description} url={url}>
<WebsitePrototypeHeader />
<div css={STYLES_ROOT}>
<div css={STYLES_CONTAINER}>
<div css={STYLES_CONTENT_BLOCK1}>
<h1 css={STYLES_H1}>Terms of Service</h1>
<br />
<System.P style={{ marginLeft: 1 }}>In this page</System.P>
<ul css={STYLES_LIST}>
<li>
<a css={STYLES_LINK} href="#Storage Deals to the Filecoin Network">
Storage Deals to the Filecoin Network
</a>
</li>
<li>
<a css={STYLES_LINK} href="#Your Slate Account and Site">
Your Slate Account and Site
</a>
</li>
<li>
<a css={STYLES_LINK} href="#Responsibility of Contributors">
Responsibility of Contributors
</a>
</li>
<li>
<a css={STYLES_LINK} href="#Changes">
Changes
</a>
</li>
<li>
<a css={STYLES_LINK} href="#Termination">
Termination
</a>
</li>
<li>
<a css={STYLES_LINK} href="#Disclaimer of Warranties">
Disclaimer of Warranties
</a>
</li>
<li>
<a css={STYLES_LINK} href="#Limitation of Liability">
Limitation of Liability
</a>
</li>
<li>
<a css={STYLES_LINK} href="#General Representation and Warranty">
General Representation and Warranty
</a>
</li>
<li>
<a css={STYLES_LINK} href="#Indemnification">
Indemnification
</a>
</li>
<li>
<a css={STYLES_LINK} href="#Miscellaneous">
Miscellaneous
</a>
</li>
</ul>
</div>
<div css={STYLES_CONTENT_BLOCK2}>
<System.P>
The following terms and conditions govern all use of the Slate's website and all content, services and
products available at or through the website.
</System.P>
<br />
<System.P>
Please read this Agreement carefully before accessing or using the Website. By accessing or using any
part of the web site, you agree to become bound by the terms and conditions of this agreement.
</System.P>
<br />
<System.P>
If you do not agree to all the terms and conditions of this agreement, then you may not access the
Website or use any services. If these terms and conditions are considered an offer by Slate, acceptance
is expressly limited to these terms. The Website is available only to individuals who are at least 18
years old.
</System.P>
<div id="Storage Deals to the Filecoin Network">
<br />
<br />
<h2 css={STYLES_H2}>Storage Deals to the Filecoin Network</h2>
<br />
<System.P>
You agree to allow Slate to make storage deals on your behalf to the Filecoin Network at any given
time.
</System.P>
</div>
<div id="Your Slate Account and Site">
<br />
<br />
<h2 css={STYLES_H2}>Your Slate Account and Site</h2>
<br />
<System.P>
If you create an account on the Website, you are responsible for maintaining the security of your
account and its content, and you are fully responsible for all activities that occur under the account
and any other actions taken in connection with the Website. You must not describe or assign content to
your account in a misleading or unlawful manner, including in a manner intended to trade on the name
or reputation of others, and Slate may change or remove any description or keyword that it considers
inappropriate or unlawful, or otherwise likely to cause Slate liability. You must immediately notify
Slate of any unauthorized uses of your account or any other breaches of security. Slate will not be
liable for any acts or omissions by You, including any damages of any kind incurred as a result of
such acts or omissions.
</System.P>
</div>
<div id="Responsibility of Contributors">
<br />
<br />
<h2 css={STYLES_H2}>Responsibility of Contributors</h2>
<br />
<System.P>
If you operate an account, post material to the Website, post links on the Website, or otherwise make
(or allow any third party to make) material available by means of the Website (any such material,
Content), You are entirely responsible for the content of, and any harm resulting from, that Content.
That is the case regardless of whether the Content in question constitutes text or graphics. By making
Content available, you represent and warrant that: the downloading, copying and use of the Content
will not infringe the proprietary rights, including but not limited to the copyright, patent,
trademark or trade secret rights, of any third party.
</System.P>
</div>
<div id="Changes">
<br />
<br />
<h2 css={STYLES_H2}>Changes</h2>
<br />
<System.P>
Slate reserves the right, at its sole discretion, to modify or replace any part of this Agreement. It
is your responsibility to check this Agreement periodically for changes. Your continued use of or
access to the Website following the posting of any changes to this Agreement constitutes acceptance of
those changes. Slate may also, in the future, offer new services and/or features through the Website
(including, the release of new tools and resources). Such new features and/or services shall be
subject to the terms and conditions of this Agreement.
</System.P>
</div>
<div id="Termination">
<br />
<br />
<h2 css={STYLES_H2}>Termination</h2>
<br />
<System.P>
Slate may terminate your access to all or any part of the Website at any time, with or without cause,
with or without notice, effective immediately. If you wish to terminate this Agreement or your Slate
account (if you have one), you may simply discontinue using the Website. Notwithstanding the
foregoing, if you have a VIP Services account, such account can only be terminated by Slate if you
materially breach this Agreement and fail to cure such breach within thirty (30) days from Slate
notice to you thereof; provided that, Slate can terminate the Website immediately as part of a general
shut down of our service. All provisions of this Agreement which by their nature should survive
termination shall survive termination, including, without limitation, ownership provisions, warranty
disclaimers, indemnity and limitations of liability.
</System.P>
</div>
<div id="Disclaimer of Warranties">
<br />
<br />
<h2 css={STYLES_H2}>Disclaimer of Warranties</h2>
<br />
<System.P>
The Website is provided “as is”. Slate and its suppliers and licensors hereby disclaim all warranties
of any kind, express or implied, including, without limitation, the warranties of merchantability,
fitness for a particular purpose and non-infringement. Neither Slate nor its suppliers and licensors,
makes any warranty that the Website will be error free or that access thereto will be continuous or
uninterrupted. You understand that you download from, or otherwise obtain content or services through,
the Website at your own discretion and risk.
</System.P>
</div>
<div id="Limitation of Liability">
<br />
<br />
<h2 css={STYLES_H2}>Limitation of Liability</h2>
<br />
<System.P>
In no event will Slate, or its suppliers or licensors, be liable with respect to any subject matter of
this agreement under any contract, negligence, strict liability or other legal or equitable theory
for: any special, incidental or consequential damages; the cost of procurement or substitute products
or services; for interruption of use or loss or corruption of data; for any amounts that exceed the
fees paid by you to Slate under this agreement during the twelve (12) month period prior to the cause
of action.
</System.P>
<br />
<System.P>
Slate shall have no liability for any failure or delay due to matters beyond their reasonable control.
The foregoing shall not apply to the extent prohibited by applicable law.
</System.P>
</div>
<div id="General Representation and Warranty">
<br />
<br />
<h2 css={STYLES_H2}>General Representation and Warranty</h2>
<br />
<System.P>
You represent and warrant that Your use of the Website will be in strict accordance with the Slate
Community Guidelines, with this Agreement and with all applicable laws and regulations (including
without limitation any local laws or regulations in your country, state, city, or other governmental
area, regarding online conduct and acceptable content, and including all applicable laws regarding the
transmission of technical data exported from the United States or the country in which you reside) and
your use of the Website will not infringe or misappropriate the intellectual property rights of any
third party.
</System.P>
</div>
<div id="Indemnification">
<br />
<br />
<h2 css={STYLES_H2}>Indemnification</h2>
<br />
<System.P>
You agree to indemnify and hold harmless Slate, its contractors, and its licensors, and their
respective directors, officers, employees and agents from and against any and all claims and expenses,
including attorneys fees, arising out of your use of the Website, including but not limited to out of
your violation this Agreement.
</System.P>
</div>
<div id="Miscellaneous">
<br />
<br />
<h2 css={STYLES_H2}>Miscellaneous</h2>
<br />
<System.P>
This Agreement constitutes the entire agreement between Slate and you concerning the subject matter
hereof, and they may only be modified by a written amendment signed by an authorized executive of
Slate, or by the posting by Slate of a revised version. Except to the extent applicable law, if any,
provides otherwise, this Agreement, any access to or use of the Website will be governed by the laws
of the state of California, U.S.A.
</System.P>
</div>
</div>
</div>
</div>
<WebsitePrototypeFooter />
</WebsitePrototypeWrapper>
);
}
}

535
pages/terms.js
View File

@ -1,232 +1,349 @@
import React, { useState } from "react";
import * as System from "~/components/system";
import * as Constants from "~/common/constants";
import { css } from "@emotion/react";
import WebsitePrototypeWrapper from "~/components/core/WebsitePrototypeWrapper";
import WebsitePrototypeHeader from "~/components/core/WebsitePrototypeHeader";
import WebsitePrototypeHeader from "~/components/core/NewWebsitePrototypeHeader";
import WebsitePrototypeFooter from "~/components/core/NewWebsitePrototypeFooter";
const STYLES_ROOT = css`
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 88px 32px 128px 32px;
max-width: 736px;
padding: 0 88px 128px 88px;
margin: -88px auto 0 auto;
width: 100%;
margin: 0 auto 0 auto;
`;
background-color: ${Constants.system.wallLight};
const STYLES_COPY_EMAIL = css`
display: inline;
`;
export const getServerSideProps = async (context) => {
return {
props: { ...context.query },
};
};
export function CopyEmail() {
const [copySuccess, setCopySuccess] = useState("");
function copyToClipboard() {
navigator.clipboard.writeText("abuse@filecoin.io");
setCopySuccess("Copied!");
@media (max-width: ${Constants.sizes.mobile}px) {
display: block;
padding: 128px 24px;
}
return (
<div css={STYLES_COPY_EMAIL}>
<a onClick={copyToClipboard}>abuse@filecoin.io</a>
{copySuccess}
</div>
);
}
`;
export default class GuidelinesPage extends React.Component {
const STYLES_CONTAINER = css`
max-width: 1440px;
width: 100%;
margin: 0 auto;
`;
const STYLES_H1 = css`
font-size: ${Constants.typescale.lvl5};
font-family: ${Constants.font.medium};
font-weight: 400;
line-height: 1.3;
padding: 0px gutterpx 16px gutterpx;
letter-spacing: -0.021rem;
width: 100%;
color: ${Constants.system.slate};
@media (max-width: ${Constants.sizes.tablet}px) {
font-size: ${Constants.typescale.lvl4};
}
@media (max-width: ${Constants.sizes.mobile}px) {
font-size: ${Constants.typescale.lvl3};
}
`;
const STYLES_H2 = css`
font-size: ${Constants.typescale.lvl3};
font-family: ${Constants.font.medium};
font-weight: 400;
line-height: 1.3;
letter-spacing: -0.019rem;
margin-top: 24px;
width: 100%;
color: ${Constants.system.slate};
@media (max-width: ${Constants.sizes.tablet}px) {
font-size: ${Constants.typescale.lvl2};
}
`;
const STYLES_CONTENT_BLOCK1 = css`
width: 40%;
position: -webkit-sticky;
position: sticky;
top: 120px;
@media (max-width: ${Constants.sizes.mobile}px) {
position: relative;
top: 0;
width: 100%;
}
`;
const STYLES_CONTENT_BLOCK2 = css`
margin: -120px 0 0 auto;
width: 50%;
@media (max-width: ${Constants.sizes.mobile}px) {
margin: 48px 0 0 0;
width: 100%;
}
`;
const STYLES_LIST = css`
list-style-type: none;
font-family: ${Constants.font.text};
font-weight: 400;
font-size: ${Constants.typescale.lvl1};
letter-spacing: -0.011rem;
line-height: 1.5;
margin: 4px 0 0 16px;
opacity: 0.7;
padding: 0;
`;
const STYLES_LINK = css`
text-decoration: none;
transition: 200ms ease none;
color: ${Constants.system.slate};
:hover {
color: ${Constants.system.newBlue};
}
:active {
color: ${Constants.system.newBlue};
}
:visited {
color: ${Constants.system.slate};
}
`;
export default class TermsPage extends React.Component {
render() {
const title = `Slate: Terms of Service`;
const description = "You must agree to our terms of service to use Slate.";
const url = "https://slate.host/terms";
const url = "https://slate.host/terms-new";
return (
<WebsitePrototypeWrapper
title={title}
description={description}
url={url}
>
<WebsitePrototypeWrapper title={title} description={description} url={url}>
<WebsitePrototypeHeader />
<div css={STYLES_ROOT}>
<System.H1>Terms of Service</System.H1>
<br />
<System.P>
The following terms and conditions govern all use of the Slate's
website and all content, services and products available at or
through the website.
</System.P>
<br />
<System.P>
Please read this Agreement carefully before accessing or using the
Website. By accessing or using any part of the web site, you agree
to become bound by the terms and conditions of this agreement.
</System.P>
<br />
<System.P>
If you do not agree to all the terms and conditions of this
agreement, then you may not access the Website or use any services.
If these terms and conditions are considered an offer by Slate,
acceptance is expressly limited to these terms. The Website is
available only to individuals who are at least 18 years old.
</System.P>
<br />
<br />
<System.H2>Storage Deals to the Filecoin Network</System.H2>
<br />
<System.P>
You agree to allow Slate to make storage deals on your behalf to the
Filecoin Network at any given time.
</System.P>
<br />
<br />
<System.H2>Your Slate Account and Site</System.H2>
<br />
<System.P>
If you create an account on the Website, you are responsible for
maintaining the security of your account and its content, and you
are fully responsible for all activities that occur under the
account and any other actions taken in connection with the Website.
You must not describe or assign content to your account in a
misleading or unlawful manner, including in a manner intended to
trade on the name or reputation of others, and Slate may change or
remove any description or keyword that it considers inappropriate or
unlawful, or otherwise likely to cause Slate liability. You must
immediately notify Slate of any unauthorized uses of your account or
any other breaches of security. Slate will not be liable for any
acts or omissions by You, including any damages of any kind incurred
as a result of such acts or omissions.
</System.P>
<br />
<br />
<System.H2>Responsibility of Contributors</System.H2>
<br />
<System.P>
If you operate an account, post material to the Website, post links
on the Website, or otherwise make (or allow any third party to make)
material available by means of the Website (any such material,
Content), You are entirely responsible for the content of, and any
harm resulting from, that Content. That is the case regardless of
whether the Content in question constitutes text or graphics. By
making Content available, you represent and warrant that: the
downloading, copying and use of the Content will not infringe the
proprietary rights, including but not limited to the copyright,
patent, trademark or trade secret rights, of any third party.
</System.P>
<br />
<br />
<System.H2>Changes</System.H2>
<br />
<System.P>
Slate reserves the right, at its sole discretion, to modify or
replace any part of this Agreement. It is your responsibility to
check this Agreement periodically for changes. Your continued use of
or access to the Website following the posting of any changes to
this Agreement constitutes acceptance of those changes. Slate may
also, in the future, offer new services and/or features through the
Website (including, the release of new tools and resources). Such
new features and/or services shall be subject to the terms and
conditions of this Agreement.
</System.P>
<br />
<br />
<System.H2>Termination</System.H2>
<br />
<System.P>
Slate may terminate your access to all or any part of the Website at
any time, with or without cause, with or without notice, effective
immediately. If you wish to terminate this Agreement or your Slate
account (if you have one), you may simply discontinue using the
Website. Notwithstanding the foregoing, if you have a VIP Services
account, such account can only be terminated by Slate if you
materially breach this Agreement and fail to cure such breach within
thirty (30) days from Slate notice to you thereof; provided that,
Slate can terminate the Website immediately as part of a general
shut down of our service. All provisions of this Agreement which by
their nature should survive termination shall survive termination,
including, without limitation, ownership provisions, warranty
disclaimers, indemnity and limitations of liability.
</System.P>
<br />
<br />
<System.H2>Disclaimer of Warranties</System.H2>
<br />
<System.P>
The Website is provided “as is”. Slate and its suppliers and
licensors hereby disclaim all warranties of any kind, express or
implied, including, without limitation, the warranties of
merchantability, fitness for a particular purpose and
non-infringement. Neither Slate nor its suppliers and licensors,
makes any warranty that the Website will be error free or that
access thereto will be continuous or uninterrupted. You understand
that you download from, or otherwise obtain content or services
through, the Website at your own discretion and risk.
</System.P>
<br />
<br />
<System.H2>Limitation of Liability</System.H2>
<br />
<System.P>
In no event will Slate, or its suppliers or licensors, be liable
with respect to any subject matter of this agreement under any
contract, negligence, strict liability or other legal or equitable
theory for: any special, incidental or consequential damages; the
cost of procurement or substitute products or services; for
interruption of use or loss or corruption of data; for any amounts
that exceed the fees paid by you to Slate under this agreement
during the twelve (12) month period prior to the cause of action.
</System.P>
<br />
<System.P>
Slate shall have no liability for any failure or delay due to
matters beyond their reasonable control. The foregoing shall not
apply to the extent prohibited by applicable law.
</System.P>
<br />
<br />
<System.H2>General Representation and Warranty</System.H2>
<br />
<System.P>
You represent and warrant that Your use of the Website will be in
strict accordance with the Slate Community Guidelines, with this
Agreement and with all applicable laws and regulations (including
without limitation any local laws or regulations in your country,
state, city, or other governmental area, regarding online conduct
and acceptable content, and including all applicable laws regarding
the transmission of technical data exported from the United States
or the country in which you reside) and your use of the Website will
not infringe or misappropriate the intellectual property rights of
any third party.
</System.P>
<br />
<br />
<System.H2>Indemnification</System.H2>
<br />
<System.P>
You agree to indemnify and hold harmless Slate, its contractors, and
its licensors, and their respective directors, officers, employees
and agents from and against any and all claims and expenses,
including attorneys fees, arising out of your use of the Website,
including but not limited to out of your violation this Agreement.
</System.P>
<br />
<br /><System.H2>Miscellaneous</System.H2>
<br />
<System.P>
This Agreement constitutes the entire agreement between Slate and
you concerning the subject matter hereof, and they may only be
modified by a written amendment signed by an authorized executive of
Slate, or by the posting by Slate of a revised version. Except to
the extent applicable law, if any, provides otherwise, this
Agreement, any access to or use of the Website will be governed by
the laws of the state of California, U.S.A.
</System.P>
<div css={STYLES_CONTAINER}>
<div css={STYLES_CONTENT_BLOCK1}>
<h1 css={STYLES_H1}>Terms of Service</h1>
<br />
<System.P style={{ marginLeft: 1 }}>In this page</System.P>
<ul css={STYLES_LIST}>
<li>
<a css={STYLES_LINK} href="#Storage Deals to the Filecoin Network">
Storage Deals to the Filecoin Network
</a>
</li>
<li>
<a css={STYLES_LINK} href="#Your Slate Account and Site">
Your Slate Account and Site
</a>
</li>
<li>
<a css={STYLES_LINK} href="#Responsibility of Contributors">
Responsibility of Contributors
</a>
</li>
<li>
<a css={STYLES_LINK} href="#Changes">
Changes
</a>
</li>
<li>
<a css={STYLES_LINK} href="#Termination">
Termination
</a>
</li>
<li>
<a css={STYLES_LINK} href="#Disclaimer of Warranties">
Disclaimer of Warranties
</a>
</li>
<li>
<a css={STYLES_LINK} href="#Limitation of Liability">
Limitation of Liability
</a>
</li>
<li>
<a css={STYLES_LINK} href="#General Representation and Warranty">
General Representation and Warranty
</a>
</li>
<li>
<a css={STYLES_LINK} href="#Indemnification">
Indemnification
</a>
</li>
<li>
<a css={STYLES_LINK} href="#Miscellaneous">
Miscellaneous
</a>
</li>
</ul>
</div>
<div css={STYLES_CONTENT_BLOCK2}>
<System.P>
The following terms and conditions govern all use of the Slate's website and all content, services and
products available at or through the website.
</System.P>
<br />
<System.P>
Please read this Agreement carefully before accessing or using the Website. By accessing or using any
part of the web site, you agree to become bound by the terms and conditions of this agreement.
</System.P>
<br />
<System.P>
If you do not agree to all the terms and conditions of this agreement, then you may not access the
Website or use any services. If these terms and conditions are considered an offer by Slate, acceptance
is expressly limited to these terms. The Website is available only to individuals who are at least 18
years old.
</System.P>
<div id="Storage Deals to the Filecoin Network">
<br />
<br />
<h2 css={STYLES_H2}>Storage Deals to the Filecoin Network</h2>
<br />
<System.P>
You agree to allow Slate to make storage deals on your behalf to the Filecoin Network at any given
time.
</System.P>
</div>
<div id="Your Slate Account and Site">
<br />
<br />
<h2 css={STYLES_H2}>Your Slate Account and Site</h2>
<br />
<System.P>
If you create an account on the Website, you are responsible for maintaining the security of your
account and its content, and you are fully responsible for all activities that occur under the account
and any other actions taken in connection with the Website. You must not describe or assign content to
your account in a misleading or unlawful manner, including in a manner intended to trade on the name
or reputation of others, and Slate may change or remove any description or keyword that it considers
inappropriate or unlawful, or otherwise likely to cause Slate liability. You must immediately notify
Slate of any unauthorized uses of your account or any other breaches of security. Slate will not be
liable for any acts or omissions by You, including any damages of any kind incurred as a result of
such acts or omissions.
</System.P>
</div>
<div id="Responsibility of Contributors">
<br />
<br />
<h2 css={STYLES_H2}>Responsibility of Contributors</h2>
<br />
<System.P>
If you operate an account, post material to the Website, post links on the Website, or otherwise make
(or allow any third party to make) material available by means of the Website (any such material,
Content), You are entirely responsible for the content of, and any harm resulting from, that Content.
That is the case regardless of whether the Content in question constitutes text or graphics. By making
Content available, you represent and warrant that: the downloading, copying and use of the Content
will not infringe the proprietary rights, including but not limited to the copyright, patent,
trademark or trade secret rights, of any third party.
</System.P>
</div>
<div id="Changes">
<br />
<br />
<h2 css={STYLES_H2}>Changes</h2>
<br />
<System.P>
Slate reserves the right, at its sole discretion, to modify or replace any part of this Agreement. It
is your responsibility to check this Agreement periodically for changes. Your continued use of or
access to the Website following the posting of any changes to this Agreement constitutes acceptance of
those changes. Slate may also, in the future, offer new services and/or features through the Website
(including, the release of new tools and resources). Such new features and/or services shall be
subject to the terms and conditions of this Agreement.
</System.P>
</div>
<div id="Termination">
<br />
<br />
<h2 css={STYLES_H2}>Termination</h2>
<br />
<System.P>
Slate may terminate your access to all or any part of the Website at any time, with or without cause,
with or without notice, effective immediately. If you wish to terminate this Agreement or your Slate
account (if you have one), you may simply discontinue using the Website. Notwithstanding the
foregoing, if you have a VIP Services account, such account can only be terminated by Slate if you
materially breach this Agreement and fail to cure such breach within thirty (30) days from Slate
notice to you thereof; provided that, Slate can terminate the Website immediately as part of a general
shut down of our service. All provisions of this Agreement which by their nature should survive
termination shall survive termination, including, without limitation, ownership provisions, warranty
disclaimers, indemnity and limitations of liability.
</System.P>
</div>
<div id="Disclaimer of Warranties">
<br />
<br />
<h2 css={STYLES_H2}>Disclaimer of Warranties</h2>
<br />
<System.P>
The Website is provided “as is”. Slate and its suppliers and licensors hereby disclaim all warranties
of any kind, express or implied, including, without limitation, the warranties of merchantability,
fitness for a particular purpose and non-infringement. Neither Slate nor its suppliers and licensors,
makes any warranty that the Website will be error free or that access thereto will be continuous or
uninterrupted. You understand that you download from, or otherwise obtain content or services through,
the Website at your own discretion and risk.
</System.P>
</div>
<div id="Limitation of Liability">
<br />
<br />
<h2 css={STYLES_H2}>Limitation of Liability</h2>
<br />
<System.P>
In no event will Slate, or its suppliers or licensors, be liable with respect to any subject matter of
this agreement under any contract, negligence, strict liability or other legal or equitable theory
for: any special, incidental or consequential damages; the cost of procurement or substitute products
or services; for interruption of use or loss or corruption of data; for any amounts that exceed the
fees paid by you to Slate under this agreement during the twelve (12) month period prior to the cause
of action.
</System.P>
<br />
<System.P>
Slate shall have no liability for any failure or delay due to matters beyond their reasonable control.
The foregoing shall not apply to the extent prohibited by applicable law.
</System.P>
</div>
<div id="General Representation and Warranty">
<br />
<br />
<h2 css={STYLES_H2}>General Representation and Warranty</h2>
<br />
<System.P>
You represent and warrant that Your use of the Website will be in strict accordance with the Slate
Community Guidelines, with this Agreement and with all applicable laws and regulations (including
without limitation any local laws or regulations in your country, state, city, or other governmental
area, regarding online conduct and acceptable content, and including all applicable laws regarding the
transmission of technical data exported from the United States or the country in which you reside) and
your use of the Website will not infringe or misappropriate the intellectual property rights of any
third party.
</System.P>
</div>
<div id="Indemnification">
<br />
<br />
<h2 css={STYLES_H2}>Indemnification</h2>
<br />
<System.P>
You agree to indemnify and hold harmless Slate, its contractors, and its licensors, and their
respective directors, officers, employees and agents from and against any and all claims and expenses,
including attorneys fees, arising out of your use of the Website, including but not limited to out of
your violation this Agreement.
</System.P>
</div>
<div id="Miscellaneous">
<br />
<br />
<h2 css={STYLES_H2}>Miscellaneous</h2>
<br />
<System.P>
This Agreement constitutes the entire agreement between Slate and you concerning the subject matter
hereof, and they may only be modified by a written amendment signed by an authorized executive of
Slate, or by the posting by Slate of a revised version. Except to the extent applicable law, if any,
provides otherwise, this Agreement, any access to or use of the Website will be governed by the laws
of the state of California, U.S.A.
</System.P>
</div>
</div>
</div>
</div>
<WebsitePrototypeFooter />
</WebsitePrototypeWrapper>