Test

esnet · Jul 15, 2017 · 17b471e · 17b471e
1 parent 5fa9ccd
commit 17b471e
Show file tree

Hide file tree

Showing 91 changed files with 70,852 additions and 20 deletions.
diff --git a/public/index.html b/public/index.html
@@ -1,36 +1,45 @@
-
 <!doctype html>
-
-<html>
+<html lang="en">
 
 <head>
     <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
     <meta name="description" content="This project contains an set of React based TimeSeries charting components used in the ESnet Portal.">
     <meta name="author" content="tools@es.net">
+    <meta name="theme-color" content="#000000">
+
+    <link rel="manifest" href="%PUBLIC_URL%/manifest.json">
+    <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
 
     <title>React Timeseries Charts</title>
 
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.1/cerulean/bootstrap.min.css">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/8.5/styles/github.min.css" />
 
     <style>
-        html { overflow-y:scroll; }
-        body { padding-top:50px; }
+        html {
+            overflow-y: scroll;
+        }
+
+        body {
+            padding-top: 50px;
+        }
     </style>
 
 </head>
 
 <body>
-    <div class="container-fluid">
-        <div id="root"></div>
-    </div>
+    <noscript>
+        You need to enable JavaScript to run this app.
+    </noscript>
+
+    <div id="root"></div>
 
     <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>
     <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/8.5/highlight.min.js"></script>
 
 </body>
 
-</html>
+</html>
diff --git a/src/index.js b/src/index.js
@@ -1,8 +1,28 @@
 import React from "react";
 import ReactDOM from "react-dom";
-import "./index.css";
-import App from "./App";
+import { Router, IndexRoute, Route, hashHistory } from "react-router";
+
+import "./website/index.css";
+import "react-select/dist/react-select.css";
+
+import App from "./website/App";
+import Intro from "./website/intro/Intro";
+import Guide from "./website/guides/Guide";
+import Example from "./website/examples/Example";
+import API from "./website/api/API";
+
 import registerServiceWorker from "./registerServiceWorker";
 
-ReactDOM.render(<App />, document.getElementById("root"));
+ReactDOM.render(
+    <Router history={hashHistory}>
+        <Route path="/" component={App}>
+            <IndexRoute component={Intro} />
+            <Route path="guide/:doc" component={Guide} />
+            <Route path="example/:example" component={Example} />
+            <Route path="api/:component" component={API} />
+        </Route>
+    </Router>,
+    document.getElementById("root")
+);
+
 registerServiceWorker();
diff --git a/src/logo.svg b/src/logo.svg
diff --git a/src/website/App.css b/src/website/App.css
@@ -0,0 +1,159 @@
+/**
+ *  Copyright (c) 2015, The Regents of the University of California,
+ *  through Lawrence Berkeley National Laboratory (subject to receipt
+ *  of any required approvals from the U.S. Dept. of Energy).
+ *  All rights reserved.
+ *
+ *  This source code is licensed under the BSD-style license found in the
+ *  LICENSE file in the root directory of this source tree.
+ */
+
+
+.chartcontainer.chartrow {
+    background: none;
+}
+
+
+/* Examples navigation */
+body {
+    padding-top: 100px;
+}
+
+p {
+    color: #333;
+    overflow: hidden;
+    line-height: 1.6;
+    word-wrap: break-word;
+    letter-spacing: .2px;
+    font-size: 1.6rem;
+    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
+}
+
+h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
+    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
+    font-weight: bold;
+    color: #333;
+}
+
+.navbar-fixed-top {
+    background: #000000 !important;
+    border-bottom-style: solid !important;
+    border-bottom-color: #2DB3D1 !important;
+    border-bottom-width: 5px !important;
+}
+
+.navbar-brand {
+    margin-top: 8px;
+    font-size: 24px;
+}
+
+.docs-sidenav {
+    margin-top: 20px;
+    margin-bottom: 20px;
+}
+
+.docs-sidebar .nav > li > a {
+    color: #CCC;
+    background: #FFF;
+    display: block;
+    padding: 4px 20px;
+    font-size: 15px;
+    font-weight: 500;
+}
+
+.docs-sidebar .nav > li > a.active {
+    color: #000;
+    font-weight: 600;
+    background: #FFF;
+    border-bottom-style: solid;
+    border-bottom-color: #2DB3D1;
+}
+
+/*
+ * Global add-ons
+ */
+
+.sub-header {
+    padding-bottom: 10px;
+    border-bottom: 1px solid #eee;
+}
+
+/*
+ * Top navigation
+ * Hide default border to remove 1px line.
+ */
+.navbar-fixed-top {
+    border: 0;
+}
+
+/*
+ * Sidebar
+ */
+
+/* Hide for mobile, show later */
+.sidebar {
+  display: none;
+}
+@media (min-width: 768px) {
+  .sidebar {
+    position: fixed;
+    top: 51px;
+    bottom: 0;
+    left: 0;
+    z-index: 1000;
+    display: block;
+    padding: 20px;
+    overflow-x: hidden;
+    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
+    background-color: #f5f5f5;
+    border-right: 1px solid #eee;
+  }
+}
+
+/* Sidebar navigation */
+.nav-sidebar {
+    margin-right: -21px; /* 20px padding + 1px border */
+    margin-bottom: 20px;
+    margin-left: -20px;
+}
+.nav-sidebar > li > a {
+    padding-right: 20px;
+    padding-left: 27px;
+}
+.nav-sidebar > li > a.active {
+    padding-left: 20px;
+    border-left: #2DB3D1;
+    border-left-style: solid;
+    border-left-width: 7px;
+    background: #ECECEC;
+}
+
+.nav-sidebar > .active > a,
+.nav-sidebar > .active > a:hover,
+.nav-sidebar > .active > a:focus {
+    color: #fff;
+    background-color: #428bca;
+}
+
+.sidebar-heading {
+    padding-left: 0px;
+    text-transform: uppercase;
+    font-weight: 800;
+}
+
+/*
+ * Main content
+ */
+
+.main {
+    padding: 20px;
+}
+@media (min-width: 768px) {
+  .main {
+    padding-right: 40px;
+    padding-left: 40px;
+  }
+}
+.main .page-header {
+    margin-top: 0;
+}