mirror of
https://github.com/oceanprotocol/docs.git
synced 2024-11-26 19:49:26 +01:00
Merge branch 'master' into add-docs-re-testnets
This commit is contained in:
commit
4c1ca98282
@ -12,3 +12,9 @@
|
||||
description: Browse tutorials for most common setup and development use-cases.
|
||||
link: /tutorials/introduction/
|
||||
color: orange
|
||||
|
||||
- title: API References
|
||||
#description: Get the API references for all relevant components.
|
||||
description: Coming soon.
|
||||
#link: /api/introduction/
|
||||
color: green
|
||||
|
16
package.json
16
package.json
@ -25,15 +25,15 @@
|
||||
"@oceanprotocol/art": "^2.1.0",
|
||||
"axios": "^0.18.0",
|
||||
"classnames": "^2.2.6",
|
||||
"gatsby": "^2.0.52",
|
||||
"gatsby": "^2.0.55",
|
||||
"gatsby-image": "^2.0.20",
|
||||
"gatsby-plugin-catch-links": "^2.0.8",
|
||||
"gatsby-plugin-google-analytics": "^2.0.7",
|
||||
"gatsby-plugin-manifest": "^2.0.9",
|
||||
"gatsby-plugin-offline": "^2.0.15",
|
||||
"gatsby-plugin-manifest": "^2.0.10",
|
||||
"gatsby-plugin-offline": "^2.0.17",
|
||||
"gatsby-plugin-react-helmet": "^3.0.2",
|
||||
"gatsby-plugin-sass": "^2.0.4",
|
||||
"gatsby-plugin-sharp": "^2.0.12",
|
||||
"gatsby-plugin-sharp": "^2.0.13",
|
||||
"gatsby-plugin-sitemap": "^2.0.2",
|
||||
"gatsby-plugin-svgr": "^2.0.1",
|
||||
"gatsby-remark-autolink-headers": "^2.0.11",
|
||||
@ -42,10 +42,10 @@
|
||||
"gatsby-remark-embed-video": "^1.4.0",
|
||||
"gatsby-remark-github": "^1.0.1",
|
||||
"gatsby-remark-images": "^3.0.0",
|
||||
"gatsby-remark-prismjs": "^3.0.3",
|
||||
"gatsby-remark-prismjs": "^3.1.0",
|
||||
"gatsby-remark-responsive-iframe": "^2.0.6",
|
||||
"gatsby-remark-smartypants": "^2.0.6",
|
||||
"gatsby-source-filesystem": "^2.0.8",
|
||||
"gatsby-source-filesystem": "^2.0.9",
|
||||
"gatsby-source-graphql": "^2.0.6",
|
||||
"gatsby-transformer-remark": "^2.1.12",
|
||||
"gatsby-transformer-sharp": "^2.1.8",
|
||||
@ -62,14 +62,14 @@
|
||||
"remark-react": "^5.0.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@svgr/webpack": "^4.0.3",
|
||||
"@svgr/webpack": "^4.1.0",
|
||||
"dotenv": "^6.1.0",
|
||||
"eslint": "^5.9.0",
|
||||
"eslint-config-oceanprotocol": "^1.3.0",
|
||||
"eslint-config-prettier": "^3.3.0",
|
||||
"eslint-plugin-prettier": "^3.0.0",
|
||||
"markdownlint-cli": "^0.13.0",
|
||||
"npm-run-all": "^4.1.3",
|
||||
"npm-run-all": "^4.1.5",
|
||||
"prettier": "^1.15.2",
|
||||
"prettier-stylelint": "^0.4.2",
|
||||
"stylelint": "^9.8.0",
|
||||
|
@ -10,22 +10,34 @@ import Repositories from '../components/Repositories'
|
||||
import { ReactComponent as Arrow } from '../images/arrow.svg'
|
||||
import styles from './index.module.scss'
|
||||
|
||||
const SectionBox = ({ to, children, ...props }) =>
|
||||
to ? (
|
||||
<Link to={to} {...props}>
|
||||
{children}
|
||||
</Link>
|
||||
) : (
|
||||
<div {...props}>{children}</div>
|
||||
)
|
||||
|
||||
const SectionLink = ({ to, title, color, children }) => {
|
||||
// eslint-disable-next-line
|
||||
let classNames = classnames(styles.link, {
|
||||
[styles.purple]: color === 'purple',
|
||||
[styles.blue]: color === 'blue',
|
||||
[styles.orange]: color === 'orange'
|
||||
[styles.orange]: color === 'orange',
|
||||
[styles.green]: color === 'green'
|
||||
})
|
||||
|
||||
return (
|
||||
<Link to={to} className={classNames}>
|
||||
<SectionBox to={to} className={classNames}>
|
||||
<h3 className={styles.sectionTitle}>{title}</h3>
|
||||
<p className={styles.sectionText}>{children}</p>
|
||||
<span className={styles.sectionMore}>
|
||||
Learn More <Arrow />
|
||||
</span>
|
||||
</Link>
|
||||
{title !== 'API References' && (
|
||||
<span className={styles.sectionMore}>
|
||||
Learn More <Arrow />
|
||||
</span>
|
||||
)}
|
||||
</SectionBox>
|
||||
)
|
||||
}
|
||||
|
||||
|
@ -9,6 +9,7 @@
|
||||
|
||||
@media (min-width: $break-point--medium) {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
}
|
||||
}
|
||||
@ -33,6 +34,12 @@
|
||||
&:nth-child(3) {
|
||||
animation-delay: .8s;
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
flex-basis: 100%;
|
||||
text-align: center;
|
||||
opacity: .75;
|
||||
}
|
||||
}
|
||||
|
||||
.link {
|
||||
@ -76,6 +83,13 @@
|
||||
}
|
||||
}
|
||||
|
||||
.green {
|
||||
.sectionTitle,
|
||||
.sectionMore {
|
||||
color: $green;
|
||||
}
|
||||
}
|
||||
|
||||
.sectionTitle {
|
||||
margin-top: 0;
|
||||
margin-bottom: $spacer / $line-height;
|
||||
@ -85,6 +99,7 @@
|
||||
.sectionText {
|
||||
margin-bottom: 0;
|
||||
color: $brand-grey;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.sectionMore {
|
||||
|
Loading…
Reference in New Issue
Block a user