organize demos directory

demos/src/home.css

@@ -1,4 +1,4 @@
-@import './_variables.css';
+@import './variables.css';
 
 .demo-card {
   width: 100%;

demos/src/home.js

@@ -4,22 +4,27 @@ import './home.css'
 const DEMO_INFO_DEV = [
   {
     title: 'Basic Convnet for MNIST',
+    path: 'mnist-cnn',
     imagePath: '/demos/assets/mnist-cnn.png'
   },
   {
     title: 'Convolutional Variational Autoencoder, trained on MNIST',
+    path: 'mnist-vae',
     imagePath: '/demos/assets/mnist-vae.png'
   },
   {
     title: '50-layer Residual Network, trained on ImageNet',
+    path: 'resnet50',
     imagePath: '/demos/assets/resnet50.png'
   },
   {
     title: 'Inception V3, trained on ImageNet',
+    path: 'inception-v3',
     imagePath: '/demos/assets/inception-v3.png'
   },
   {
     title: 'Bidirectional LSTM for IMDB sentiment classification',
+    path: 'imdb-bidirectional-lstm',
     imagePath: '/demos/assets/imdb-bidirectional-lstm.png'
   }
 ]

demos/src/imdb-bidirectional-lstm/imdb-bidirectional-lstm.css

@@ -1,4 +1,4 @@
-@import './_variables.css';
+@import '../variables.css';
 
 .demo.imdb-bidirectional-lstm {
   .column {

demos/src/imdb-bidirectional-lstm/imdb-bidirectional-lstm.js

@@ -6,7 +6,7 @@ import debounce from 'lodash/debounce'
 import random from 'lodash/random'
 import findIndex from 'lodash/findIndex'
 import ops from 'ndarray-ops'
-import Tensor from '../../src/Tensor'
+import Tensor from '../../../src/Tensor'
 
 const MODEL_FILEPATHS_DEV = {
   model: '/demos/data/imdb_bidirectional_lstm/imdb_bidirectional_lstm.json',

demos/src/inception-v3/inception-v3.css

@@ -1,4 +1,4 @@
-@import './_variables.css';
+@import '../variables.css';
 
 .demo.inception-v3 {
   .top-container {

demos/src/inception-v3/inception-v3.js

@@ -4,8 +4,8 @@ import './inception-v3.css'
 import ndarray from 'ndarray'
 import ops from 'ndarray-ops'
 import filter from 'lodash/filter'
-import * as utils from './utils'
-import { IMAGE_URLS } from './image-urls'
+import * as utils from '../utils'
+import { IMAGE_URLS } from '../image-urls'
 import { ARCHITECTURE_DIAGRAM, ARCHITECTURE_CONNECTIONS } from './inception-v3-arch'
 
 const MODEL_FILEPATHS_DEV = {

demos/src/index.css

@@ -2,7 +2,7 @@
 @import 'https://fonts.googleapis.com/css?family=Share+Tech+Mono';
 @import 'https://fonts.googleapis.com/css?family=Nothing+You+Could+Do';
 
-@import './_variables.css';
+@import './variables.css';
 
 body {
   background: linear-gradient(0deg, #CCCCCC, #F0F0F0);

demos/src/index.js

@@ -4,11 +4,11 @@ import './index.css'
 
 import { Menu } from './menu'
 import { Home } from './home'
-import { MnistCnn } from './mnist-cnn'
-import { MnistVae } from './mnist-vae'
-import { ResNet50 } from './resnet50'
-import { InceptionV3 } from './inception-v3'
-import { ImdbBidirectionalLstm } from './imdb-bidirectional-lstm'
+import { MnistCnn } from './mnist-cnn/mnist-cnn'
+import { MnistVae } from './mnist-vae/mnist-vae'
+import { ResNet50 } from './resnet50/resnet50'
+import { InceptionV3 } from './inception-v3/inception-v3'
+import { ImdbBidirectionalLstm } from './imdb-bidirectional-lstm/imdb-bidirectional-lstm'
 
 Vue.component('menu', Menu)
 Vue.component('home', Home)

demos/src/menu.css

@@ -1,4 +1,4 @@
-@import './_variables.css';
+@import './variables.css';
 
 .menu {
   padding: 40px;

demos/src/mnist-cnn/mnist-cnn.css

@@ -1,4 +1,4 @@
-@import './_variables.css';
+@import '../variables.css';
 
 .demo.mnist-cnn {
   .column {

demos/src/mnist-cnn/mnist-cnn.js

@@ -3,7 +3,7 @@ import './mnist-cnn.css'
 
 import debounce from 'lodash/debounce'
 import range from 'lodash/range'
-import * as utils from './utils'
+import * as utils from '../utils'
 
 const MODEL_FILEPATHS_DEV = {
   model: '/demos/data/mnist_cnn/mnist_cnn.json',

demos/src/mnist-vae/mnist-vae.css

@@ -1,4 +1,4 @@
-@import './_variables.css';
+@import '../variables.css';
 
 .demo.mnist-vae {
   .column {

demos/src/mnist-vae/mnist-vae.js

@@ -1,7 +1,7 @@
 /* global Vue */
 import './mnist-vae.css'
 
-import * as utils from './utils'
+import * as utils from '../utils'
 
 const MODEL_FILEPATHS_DEV = {
   model: '/demos/data/mnist_vae/mnist_vae.json',

demos/src/resnet50/resnet50.css

@@ -1,4 +1,4 @@
-@import './_variables.css';
+@import '../variables.css';
 
 .demo.resnet50 {
   .top-container {

demos/src/resnet50/resnet50.js

@@ -4,8 +4,8 @@ import './resnet50.css'
 import ndarray from 'ndarray'
 import ops from 'ndarray-ops'
 import find from 'lodash/find'
-import * as utils from './utils'
-import { IMAGE_URLS } from './image-urls'
+import * as utils from '../utils'
+import { IMAGE_URLS } from '../image-urls'
 import { ARCHITECTURE_DIAGRAM, ARCHITECTURE_CONNECTIONS } from './resnet50-arch'
 
 const MODEL_FILEPATHS_DEV = {