website/src/pages/docs/index.js

55 lines
1.8 KiB
JavaScript

import { graphql, StaticQuery } from "gatsby"
import React from "react"
import Layout from "../../components/layout"
import DocsCard from "../../components/cards/docs"
import SEO from "../../components/seo"
const DocsPage = () => {
return <Layout>
<div className="flex items-center w-full flex-col">
<article className="card bg-base-200 shadow-xl mx-10 mb-5 w-full md:w-2/3">
<div className="card-body">
<h2 className="card-title">Dokka</h2>
<p>Basically javadoc</p>
<div className="card-actions justify-end">
<a href="https://recloudstream.github.io/dokka/" className="btn btn-primary">View</a>
</div>
</div>
</article>
<StaticQuery
query={graphql`
query {
allMarkdownRemark(
sort: {fields: frontmatter___order}
filter: {frontmatter: {parent: {eq: null}}}
) {
nodes {
id
frontmatter {
title
}
excerpt
fileAbsolutePath
}
}
}
`}
render={data => (
<>{data.allMarkdownRemark.nodes.map(it => {
return <DocsCard md={it} key={it} />
})}</>
)}
/>
</div>
</Layout>
}
export default DocsPage
export function Head() {
return <SEO title="Cloudstream Docs" />
}