From a1aba59d33dc316f976046d944250db631fa66bd Mon Sep 17 00:00:00 2001
From: Gregor <gregor@martynus.net>
Date: Tue, 30 Apr 2019 11:15:51 -0700
Subject: [PATCH] WIP

---
 docs/src/components/api.js                     |  3 ++-
 .../{end-point-group.js => endpoint-group.js}  |  2 +-
 .../components/{end-point.js => endpoint.js}   |  9 ++++++---
 docs/src/components/index-page.js              |  2 --
 docs/src/components/layout.js                  | 18 +++++++++++++++++-
 docs/src/pages/api/00_introduction.md          |  8 +++-----
 docs/src/pages/index.js                        |  1 +
 7 files changed, 30 insertions(+), 13 deletions(-)
 rename docs/src/components/{end-point-group.js => endpoint-group.js} (97%)
 rename docs/src/components/{end-point.js => endpoint.js} (99%)

diff --git a/docs/src/components/api.js b/docs/src/components/api.js
index 23d5b03d..2138b1a3 100644
--- a/docs/src/components/api.js
+++ b/docs/src/components/api.js
@@ -1,7 +1,7 @@
 import React, { Component } from "react"
 import apiStyles from './api.module.css'
 import ApiSubMenu from "../components/api-sub-menu"
-import EndPointGroup from "../components/end-point-group"
+import EndPointGroup from "../components/endpoint-group"
 
 export default class Api extends Component {
 
@@ -72,6 +72,7 @@ export default class Api extends Component {
           </ol>
         </nav>
         <main className={apiStyles.container}>
+          <h1>octokit/rest.js</h1>
           {this.props.data.staticMethods.edges.map(({ node }) => {
             return <React.Fragment key={node.id}>
               <h2 id={node.fields.idName}>{node.frontmatter.title}</h2>
diff --git a/docs/src/components/end-point-group.js b/docs/src/components/endpoint-group.js
similarity index 97%
rename from docs/src/components/end-point-group.js
rename to docs/src/components/endpoint-group.js
index 904544ae..675cbb5c 100644
--- a/docs/src/components/end-point-group.js
+++ b/docs/src/components/endpoint-group.js
@@ -1,5 +1,5 @@
 import React, { Component } from "react"
-import EndPoint from "../components/end-point"
+import EndPoint from "../components/endpoint"
 
 export default class EndPointGroup extends Component {
   constructor(props) {
diff --git a/docs/src/components/end-point.js b/docs/src/components/endpoint.js
similarity index 99%
rename from docs/src/components/end-point.js
rename to docs/src/components/endpoint.js
index 75d9d4c5..e2566072 100644
--- a/docs/src/components/end-point.js
+++ b/docs/src/components/endpoint.js
@@ -44,7 +44,13 @@ export default class EndPoint extends Component {
     return (
       <React.Fragment>
         <h3 id={method.id} ref={this.headlineRef}>{method.name}</h3>
+
         <div dangerouslySetInnerHTML={{ __html: marked(method.description) }} />
+
+        <div className="gatsby-highlight" data-language="js">
+          <pre className="language-js"><code className="language-js" dangerouslySetInnerHTML={{ __html: Prism.highlight(method.example, Prism.languages.javascript, 'javascript') }} ></code></pre>
+        </div>
+
         <h4>Parameters</h4>
         <div className={apiStyles.table}>
           <table>
@@ -66,9 +72,6 @@ export default class EndPoint extends Component {
             </tbody>
           </table>
         </div>
-        <div className="gatsby-highlight" data-language="js">
-          <pre className="language-js"><code className="language-js" dangerouslySetInnerHTML={{ __html: Prism.highlight(method.example, Prism.languages.javascript, 'javascript') }} ></code></pre>
-        </div>
       </React.Fragment>
     )
   }
diff --git a/docs/src/components/index-page.js b/docs/src/components/index-page.js
index 70c9cdd2..23bc0a43 100644
--- a/docs/src/components/index-page.js
+++ b/docs/src/components/index-page.js
@@ -41,8 +41,6 @@ export default class IndexPage extends Component {
     const data = this.props.data
     return <div>
       <header className={layoutStyles.header}>
-        <h1>octokit/rest.js</h1>
-
         <StaticQuery
           query={graphql`
             query SearchIndexQuery {
diff --git a/docs/src/components/layout.js b/docs/src/components/layout.js
index 8820b339..268693f5 100644
--- a/docs/src/components/layout.js
+++ b/docs/src/components/layout.js
@@ -2,7 +2,23 @@ import React, { Component } from 'react'
 
 class Layout extends Component {
   render() {
-    return this.props.children
+    return (
+
+      <html lang="en">
+        <head>
+          <meta charset="utf-8" />
+          <meta http-equiv="x-ua-compatible" content="ie=edge"/>
+          <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/>
+
+          <title>
+            octokit/rest.js
+          </title>
+        </head>
+        <body>
+          {this.props.children}
+        </body>
+      </html>
+    )
   }
 }
 
diff --git a/docs/src/pages/api/00_introduction.md b/docs/src/pages/api/00_introduction.md
index da60ac8d..fa446d66 100644
--- a/docs/src/pages/api/00_introduction.md
+++ b/docs/src/pages/api/00_introduction.md
@@ -2,9 +2,7 @@
 title: "Introduction"
 ---
 
-### Usage
-
-#### Node
+### Node
 
 Install with `npm install @octokit/rest`.
 
@@ -20,7 +18,7 @@ octokit.repos.getForOrg({
 })
 ```
 
-#### Browser
+### Browser
 
 1. Download `octokit-rest.min.js` from the latest release: https://github.com/octokit/rest.js/releases
 
@@ -44,7 +42,7 @@ octokit.repos.getForOrg({
    })
    ```
 
-#### Client options
+### Client options
 
 All available client options with default values
 
diff --git a/docs/src/pages/index.js b/docs/src/pages/index.js
index 4fb4bd1a..4dba4bb7 100644
--- a/docs/src/pages/index.js
+++ b/docs/src/pages/index.js
@@ -37,6 +37,7 @@ export const query = graphql`
             name
             description
             example
+            documentationUrl
             params {
               name
               required