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

fixes: design system image link breaks

Browse Source
This commit is contained in:
tarafanlin 2020-09-08 17:16:03 -07:00
parent eb6f5f6856
commit c2d71aa4d7
1 changed files with 13 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
pages/_/system/index.js
View File

@ -14,7 +14,7 @@ export default class SystemPageRoot extends React.Component {
url="https://slate.host/_/system" url="https://slate.host/_/system"
> >
<img <img
src="/public/static/art-v2-system.png" src="https://bafybeidu5v3ytcy3ynghrmu7zftfinpt3s5pghqmpytrohmpk57ba4suye.ipfs.slate.textile.io/"
style={{ style={{
display: "inline-flex", display: "inline-flex",
width: "100%", width: "100%",
@ -26,23 +26,18 @@ export default class SystemPageRoot extends React.Component {
<System.H1>SDS {Constants.values.sds}</System.H1> <System.H1>SDS {Constants.values.sds}</System.H1>
<br /> <br />
<System.P> <System.P>
The <strong>Slate Design System</strong> is an open source resource The <strong>Slate Design System</strong> is an open source resource with examples of components, constants,
with examples of components, constants, and experiences. Any code and experiences. Any code changes made to the components in the Design System will change the appearance and
changes made to the components in the Design System will change the function of{" "}
appearance and function of{" "}
<a href="https://slate.host" target="_blank"> <a href="https://slate.host" target="_blank">
Slate Slate
</a>{" "} </a>{" "}
in production. <br /> in production. <br />
<br /> <br />
We wanted to build product out in the open, so other Filecoin & IPFS We wanted to build product out in the open, so other Filecoin & IPFS developers could freely use the code to
developers could freely use the code to make their own applications on make their own applications on top of the <a href="https://filecoin.io">Filecoin Network</a>. A lot of the
top of the <a href="https://filecoin.io">Filecoin Network</a>. A lot functionality of Slate is made possible by{" "}
of the functionality of Slate is made possible by{" "} <a href="https://github.com/textileio/js-powergate-client" target="_blank">
<a
href="https://github.com/textileio/js-powergate-client"
target="_blank"
>
Textile's Powergate Textile's Powergate
</a>{" "} </a>{" "}
and{" "} and{" "}
@ -56,12 +51,8 @@ export default class SystemPageRoot extends React.Component {
<System.H2>slate-react-system</System.H2> <System.H2>slate-react-system</System.H2>
<br /> <br />
<System.P> <System.P>
You can use these components, experiences, and constants in your own You can use these components, experiences, and constants in your own React projects. First, install the{" "}
React projects. First, install the{" "} <a href="https://github.com/filecoin-project/slate-react-system" target="_blank">
<a
href="https://github.com/filecoin-project/slate-react-system"
target="_blank"
>
npm module npm module
</a> </a>
: :
@ -116,25 +107,17 @@ class Example extends React.Component {
Whats next? Whats next?
</System.P> </System.P>
<System.UL> <System.UL>
<System.LI> <System.LI>Try using some components or experiences in your React projects.</System.LI>
Try using some components or experiences in your React projects.
</System.LI>
<System.LI> <System.LI>
Start a new project using an{" "} Start a new project using an{" "}
<a <a href="https://github.com/filecoin-project/slate-react-system/tree/master/example" target="_blank">
href="https://github.com/filecoin-project/slate-react-system/tree/master/example"
target="_blank"
>
example example
</a> </a>
. .
</System.LI> </System.LI>
<System.LI> <System.LI>
Try using slate-react-system in a{" "} Try using slate-react-system in a{" "}
<a <a href="https://github.com/jimmylee/next-express-emotion" target="_blank">
href="https://github.com/jimmylee/next-express-emotion"
target="_blank"
>
starter React boilerplate starter React boilerplate
</a> </a>
. .