Permalink
Browse files

Dashboard Components

  • Loading branch information...
alexjstubbs committed Apr 11, 2018
1 parent 2647a1a commit ddda628d3fc0e09b36c0b72bb65e974cf13348d0
Showing 1,401 changed files with 721 additions and 8,652 deletions.
@@ -1,8 +1,8 @@
{
"main.css": "static/css/main.7e0941bf.css",
"main.css.map": "static/css/main.7e0941bf.css.map",
"main.js": "static/js/main.57a92ca8.js",
"main.js.map": "static/js/main.57a92ca8.js.map",
"main.css": "static/css/main.da5913d2.css",
"main.css.map": "static/css/main.da5913d2.css.map",
"main.js": "static/js/main.d66ccb2c.js",
"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",
View
@@ -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>
View

Some generated files are not rendered by default. Learn more.

Oops, something went wrong.

This file was deleted.

Oops, something went wrong.

Large diffs are not rendered by default.

Oops, something went wrong.

Large diffs are not rendered by default.

Oops, something went wrong.

This file was deleted.

Oops, something went wrong.

Large diffs are not rendered by default.

Oops, something went wrong.

Large diffs are not rendered by default.

Oops, something went wrong.
View
BIN +0 Bytes (100%) src/.DS_Store
Binary file not shown.
View
@@ -1,7 +1,9 @@
import React, { Component } from 'react';
import Avatar from './components/Avatar';
import FileList from './components/FileList';
import ConsoleList from './components/ConsoleList';
import NavBlockExplorer from './components/NavBlockExplorer';
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>
<h4 className="nopadding-nomargin">Alex</h4>
Offline <i class="ion-android-cancel icon-justified red"></i>
<hr className="twelve columns" />
<div className="ten columns">
<MenuList></MenuList>
</div>
</header>
<div className="two columns">
<Avatar></Avatar>
</div>
</header>
<div className="content">
<ConsoleList></ConsoleList>
<div className="twelve columns nopadding-nomargin">
<br />
</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>
View
BIN +0 Bytes (100%) src/assets/.DS_Store
Binary file not shown.
@@ -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; } }
View
BIN +0 Bytes (100%) src/assets/libs/.DS_Store
Binary file not shown.
Binary file not shown.
Binary file not shown.
Oops, something went wrong.

0 comments on commit ddda628

Please sign in to comment.