mirror of
https://github.com/filecoin-project/slate.git
synced 2024-12-28 03:25:55 +03:00
Merge pull request #351 from filecoin-project/@tarafanlin/marketing
marketing styling & copy small changes
This commit is contained in:
commit
e65a438aac
@ -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>
|
||||||
|
@ -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
|
||||||
|
@ -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>
|
||||||
|
Loading…
Reference in New Issue
Block a user