Dashboard Components

alexjstubbs · Apr 11, 2018 · ddda628 · ddda628
1 parent 2647a1a
commit ddda628
Show file tree

Hide file tree

Showing 1,401 changed files with 721 additions and 8,652 deletions.
diff --git a/build/asset-manifest.json b/build/asset-manifest.json
@@ -1,8 +1,8 @@
 {
-  "main.css": "static/css/main.7e0941bf.css",
+  "main.css": "static/css/main.da5913d2.css",
-  "main.css.map": "static/css/main.7e0941bf.css.map",
+  "main.css.map": "static/css/main.da5913d2.css.map",
-  "main.js": "static/js/main.57a92ca8.js",
+  "main.js": "static/js/main.d66ccb2c.js",
-  "main.js.map": "static/js/main.57a92ca8.js.map",
+  "main.js.map": "static/js/main.d66ccb2c.js.map",
   "static/media/Roboto-Thin.ttf": "static/media/Roboto-Thin.89e2666c.ttf",
   "static/media/ionicons.eot?v=2.0.0": "static/media/ionicons.2c2ae068.eot",
   "static/media/ionicons.svg?v=2.0.0": "static/media/ionicons.621bd386.svg",

diff --git a/build/index.html b/build/index.html
@@ -1 +1 @@
-<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no"><meta name="theme-color" content="#000000"><link rel="manifest" href="/manifest.json"><link rel="shortcut icon" href="/favicon.ico"><title>React App</title><link href="/static/css/main.7e0941bf.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div><script type="text/javascript" src="/static/js/main.57a92ca8.js"></script></body></html>
+<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no"><meta name="theme-color" content="#000000"><link rel="manifest" href="/manifest.json"><link rel="shortcut icon" href="/favicon.ico"><title>React App</title><link href="/static/css/main.da5913d2.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div><script type="text/javascript" src="/static/js/main.d66ccb2c.js"></script></body></html>
diff --git a/build/service-worker.js b/build/service-worker.js
diff --git a/build/static/css/main.7e0941bf.css.map b/build/static/css/main.7e0941bf.css.map
diff --git a/build/static/css/main.7e0941bf.css → build/static/css/main.da5913d2.css b/build/static/css/main.7e0941bf.css → build/static/css/main.da5913d2.css
diff --git a/build/static/css/main.da5913d2.css.map b/build/static/css/main.da5913d2.css.map
diff --git a/build/static/js/main.57a92ca8.js.map b/build/static/js/main.57a92ca8.js.map
diff --git a/build/static/js/main.57a92ca8.js → build/static/js/main.d66ccb2c.js b/build/static/js/main.57a92ca8.js → build/static/js/main.d66ccb2c.js
diff --git a/build/static/js/main.d66ccb2c.js.map b/build/static/js/main.d66ccb2c.js.map
diff --git a/src/.DS_Store b/src/.DS_Store
diff --git a/src/App.js b/src/App.js
@@ -1,7 +1,9 @@
 import React, { Component } from 'react';
 import Avatar from './components/Avatar';
-import FileList from './components/FileList';
+import NavBlockExplorer from './components/NavBlockExplorer';
-import ConsoleList from './components/ConsoleList';
+import NavBlockHistory from './components/NavBlockHistory';
+import NavBlockAddGames from './components/NavBlockAddGames';
+import MenuList from './components/MenuList';
 import './assets/themes/neon_moon.css';
 
 class App extends Component {
@@ -10,27 +12,34 @@ class App extends Component {
       <div className="App container">
         <div className="twelve columns">
 
-        <header className="App-header">
+          <header className="App-header">
 
-          <Avatar></Avatar>
+            <div className="ten columns">
-          <h4 className="nopadding-nomargin">Alex</h4>
+              <MenuList></MenuList>
-          Offline <i class="ion-android-cancel icon-justified red"></i>
+            </div>
-          <hr className="twelve columns" />
 
-        </header>
+            <div className="two columns">
+              <Avatar></Avatar>
+            </div>
 
+          </header>
 
-        <div className="content">
+        <div className="twelve columns nopadding-nomargin">
-
+         <br />
-          <ConsoleList></ConsoleList>
+        </div>
 
-          <br />
+          <div className="content">
 
-          <div className="u-cf"></div>
+            <div className="six columns">
+              <NavBlockExplorer></NavBlockExplorer>
+              <NavBlockHistory></NavBlockHistory>
+            </div>
 
-          <FileList></FileList>
+            <div className="six columns">
+              <NavBlockAddGames></NavBlockAddGames>
+            </div>
 
-        </div>
+          </div>
 
         </div>
       </div>

diff --git a/src/assets/.DS_Store b/src/assets/.DS_Store
diff --git a/src/libs/ionicons-2.0.1/scss/ionicons.css → ...ets/libs/ionicons-2.0.1/scss/ionicons.css b/src/libs/ionicons-2.0.1/scss/ionicons.css → ...ets/libs/ionicons-2.0.1/scss/ionicons.css
diff --git a/src/assets/assets/themes/neon_moon.css b/src/assets/assets/themes/neon_moon.css
@@ -0,0 +1,169 @@
+/*
+ * Theme: Neon Moon
+ * Author: Alex Stubbs
+ */
+/*
+ * Variables
+ */
+/*
+* Imports/Assets
+*/
+@import url("../libs/skeleton.css");
+@import url("../libs/ionicons-2.0.1/scss/ionicons.css");
+@font-face {
+  font-family: 'roboto-thin';
+  src: url("../fonts/Roboto/Roboto-Thin.ttf"); }
+
+/*
+ * Helpers
+ */
+.nopadding-nomargin {
+  padding: 0 !important;
+  margin: 0 !important; }
+
+.no-bullets {
+  list-style-type: none !important; }
+
+.icon-justified {
+  position: relative;
+  top: 1.3px;
+  left: 3px; }
+
+.red {
+  color: #C50F0F; }
+
+.h-20-vh {
+  height: 20vh; }
+
+.h-30-vh {
+  height: 30vh; }
+
+.h-40-vh {
+  height: 40vh; }
+
+.h-50-vh {
+  height: 50vh; }
+
+.h-60-vh {
+  height: 60vh; }
+
+/* 
+ * Overrides
+ */
+:focus {
+  outline: 0; }
+
+.mouse {
+  cursor: default !important; }
+
+.nomouse {
+  cursor: none !important; }
+
+/*
+ * Global/Window/Body
+ */
+body {
+  background-color: #000;
+  color: #CCCCCC;
+  font-family: "roboto-thin", Helvetica, sans-serif; }
+
+.container {
+  width: 100vw; }
+
+.App {
+  margin: 0 auto;
+  padding: 20px; }
+
+/* 
+ * Avatar
+ */
+.avatar {
+  background-color: #333;
+  width: 75px;
+  height: 75px; }
+
+hr {
+  border-color: #404040; }
+
+/*
+ * Console List
+ */
+.console-list li {
+  font-size: 2em;
+  display: inline;
+  padding: 15px; }
+
+.console-list li:not(.active) {
+  opacity: 0.5; }
+
+.console-list li .active {
+  font-size: 2.5em;
+  opacity: 1; }
+
+/*
+ * File List
+ */
+.file-list {
+  padding: 0px;
+  margin: 20px 0 0 0;
+  height: 100vh;
+  overflow-y: scroll;
+  background: black; }
+
+/* 
+  * Navigation Buttons
+  */
+.navigation-button {
+  background-color: #1a1a1a;
+  padding: 20px;
+  margin: 15px; }
+
+/*
+ * Animation 
+ */
+.selectedNav {
+  -moz-animation: outlineAnimation 0.9s infinite;
+  -webkit-animation: outlineAnimation 0.9s infinite;
+  animation: outlineAnimation 0.9s infinite; }
+
+.selectedNav.muted {
+  -moz-animation: none;
+  -webkit-animation: none;
+  animation: none;
+  outline: none; }
+
+@keyframes outlineAnimation {
+  0% {
+    outline: #1f80ed ridge 1px; }
+  25% {
+    outline: #9933CC ridge 1px; }
+  50% {
+    outline: #1f80ed ridge 1px; }
+  75% {
+    outline: #9933CC ridge 1px; }
+  100% {
+    outline: #1f80ed ridge 1px; } }
+
+@-webkit-keyframes outlineAnimation {
+  0% {
+    outline: #1f80ed ridge 1px; }
+  25% {
+    outline: #9933CC ridge 1px; }
+  50% {
+    outline: #1f80ed ridge 1px; }
+  75% {
+    outline: #9933CC ridge 1px; }
+  100% {
+    outline: #1f80ed ridge 1px; } }
+
+@-moz-keyframes outlineAnimation {
+  0% {
+    outline: #1f80ed ridge 1px; }
+  25% {
+    outline: #9933CC ridge 1px; }
+  50% {
+    outline: #1f80ed ridge 1px; }
+  75% {
+    outline: #9933CC ridge 1px; }
+  100% {
+    outline: #1f80ed ridge 1px; } }
diff --git a/src/assets/libs/.DS_Store b/src/assets/libs/.DS_Store
diff --git a/src/assets/libs/bootstrap-4.0.0-beta.2/.DS_Store b/src/assets/libs/bootstrap-4.0.0-beta.2/.DS_Store
diff --git a/src/assets/libs/bootstrap-4.0.0-beta.2/assets/.DS_Store b/src/assets/libs/bootstrap-4.0.0-beta.2/assets/.DS_Store