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

marketing styling & copy small changes
This commit is contained in:
CAKE 2020-10-02 18:06:30 -07:00 committed by GitHub
commit e65a438aac
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 6 additions and 19 deletions

View File

@ -64,7 +64,7 @@ const STYLES_CONTENT_BLOCK1 = css`
width: 40%; width: 40%;
position: -webkit-sticky; position: -webkit-sticky;
position: sticky; position: sticky;
top: 80px; top: 120px;
@media (max-width: ${Constants.sizes.mobile}px) { @media (max-width: ${Constants.sizes.mobile}px) {
position: relative; position: relative;
@ -74,7 +74,7 @@ const STYLES_CONTENT_BLOCK1 = css`
`; `;
const STYLES_CONTENT_BLOCK2 = css` const STYLES_CONTENT_BLOCK2 = css`
margin: -144px 0 0 auto; margin: -96px 0 0 auto;
width: 50%; width: 50%;
@media (max-width: ${Constants.sizes.mobile}px) { @media (max-width: ${Constants.sizes.mobile}px) {
@ -144,7 +144,6 @@ export default class GuidelinesPage extends React.Component {
<div css={STYLES_ROOT}> <div css={STYLES_ROOT}>
<div css={STYLES_CONTAINER}> <div css={STYLES_CONTAINER}>
<div css={STYLES_CONTENT_BLOCK1}> <div css={STYLES_CONTENT_BLOCK1}>
<h1 css={STYLES_H1}>💙</h1>
<h1 css={STYLES_H1}>Community Guidelines</h1> <h1 css={STYLES_H1}>Community Guidelines</h1>
<br /> <br />
<System.P style={{ marginLeft: 1 }}>In this page</System.P> <System.P style={{ marginLeft: 1 }}>In this page</System.P>

View File

@ -377,7 +377,7 @@ export default class IndexPage extends React.Component {
for all of your valuable data for all of your valuable data
</h1> </h1>
<p css={STYLES_P} style={{ opacity: 0.7 }}> <p css={STYLES_P} style={{ opacity: 0.7 }}>
Powered by Textile, Filecoin, IPFS. Powered by Textile, Filecoin, IPFS*.
</p> </p>
<br /> <br />
<img <img
@ -416,11 +416,6 @@ export default class IndexPage extends React.Component {
<li>Podcasts</li> <li>Podcasts</li>
<li>Games</li> <li>Games</li>
<li>Code</li> <li>Code</li>
<li>
<a css={STYLES_LINK} href="/_">
+ more
</a>
</li>
</ul> </ul>
</div> </div>
<img <img
@ -443,11 +438,6 @@ export default class IndexPage extends React.Component {
<li>Arrange moodboard</li> <li>Arrange moodboard</li>
<li>Organize research</li> <li>Organize research</li>
<li>Share presentation</li> <li>Share presentation</li>
<li>
<a css={STYLES_LINK} href="/_">
+ more
</a>
</li>
</ul> </ul>
</div> </div>
<img <img
@ -463,8 +453,7 @@ export default class IndexPage extends React.Component {
</h1> </h1>
<div css={STYLES_TEXT_BLOCK}> <div css={STYLES_TEXT_BLOCK}>
<p css={STYLES_P} style={{ opacity: 0.7 }}> <p css={STYLES_P} style={{ opacity: 0.7 }}>
Information is only meaningful when it's shared. Slate is fundamentally a file sharing network built Connect with trusted peers and use slate as a space to think together.
on top of a storage system, making it possible to connect with other people.
</p> </p>
</div> </div>
<img <img

View File

@ -64,7 +64,7 @@ const STYLES_CONTENT_BLOCK1 = css`
width: 40%; width: 40%;
position: -webkit-sticky; position: -webkit-sticky;
position: sticky; position: sticky;
top: 80px; top: 120px;
@media (max-width: ${Constants.sizes.mobile}px) { @media (max-width: ${Constants.sizes.mobile}px) {
position: relative; position: relative;
@ -74,7 +74,7 @@ const STYLES_CONTENT_BLOCK1 = css`
`; `;
const STYLES_CONTENT_BLOCK2 = css` const STYLES_CONTENT_BLOCK2 = css`
margin: -160px 0 0 auto; margin: -120px 0 0 auto;
width: 50%; width: 50%;
@media (max-width: ${Constants.sizes.mobile}px) { @media (max-width: ${Constants.sizes.mobile}px) {
@ -123,7 +123,6 @@ export default class TermsPage extends React.Component {
<div css={STYLES_ROOT}> <div css={STYLES_ROOT}>
<div css={STYLES_CONTAINER}> <div css={STYLES_CONTAINER}>
<div css={STYLES_CONTENT_BLOCK1}> <div css={STYLES_CONTENT_BLOCK1}>
<h1 css={STYLES_H1}>📑</h1>
<h1 css={STYLES_H1}>Terms of Service</h1> <h1 css={STYLES_H1}>Terms of Service</h1>
<br /> <br />
<System.P style={{ marginLeft: 1 }}>In this page</System.P> <System.P style={{ marginLeft: 1 }}>In this page</System.P>