Fix gatsby website home page

website-gatsby/ocular-config.js

@@ -93,6 +93,8 @@ module.exports = {
 
   ADDITIONAL_LINKS: [],
 
+  INDEX_PAGE_URL: resolve(__dirname, './templates/index.jsx'),
+
   EXAMPLES: [
     // {
     //   title: 'Instancing',

website-gatsby/templates/core/example-instancing.jsx

@@ -4,8 +4,10 @@ import AnimationLoop from '../../../examples/core/instancing/app';
 
 export default class Example extends React.Component {
   render() {
+    const { pageContext } = this.props;
+    const exampleConfig = (pageContext && pageContext.exampleConfig) || {};
     return (
-      <AnimationLoopExamplePage AnimationLoop={AnimationLoop} exampleConfig={this.props.pageContext.exampleConfig} />
+      <AnimationLoopExamplePage AnimationLoop={AnimationLoop} exampleConfig={exampleConfig} />
     );
   }
 }

website-gatsby/templates/index.jsx

@@ -0,0 +1,15 @@
+import React from 'react';
+import {Home} from 'ocular-gatsby/components';
+import './style.css';
+
+if (typeof window !== 'undefined') {
+  window.website = true;
+}
+
+const HeroExample = require('./core/example-instancing').default;
+
+export default class IndexPage extends React.Component {
+  render() {
+    return <Home HeroExample={HeroExample} />;
+  }
+}

website-gatsby/templates/style.css

@@ -0,0 +1,7 @@
+.banner .container {
+  background: rgba(0, 0, 0, 0);
+}
+
+.banner .hero .options-panel {
+  display: none;
+}