update demos

This commit is contained in:
Leon Chen
2016-10-12 11:47:46 -04:00
parent 323b530116
commit 23bf8930f0
8 changed files with 35 additions and 16 deletions
+1 -1
View File
@@ -11,7 +11,7 @@
<a href="https://www.flickr.com/search/?text=&license=2%2C3%2C4%2C5%2C6%2C9&sort=interestingness-desc">Flickr creative commons</a>.
</div>
<div class="info-panel-close">
<i class="material-icons">close</i>CLOSE
<div class="info-panel-close-btn"><i class="material-icons">close</i>CLOSE</div>
</div>
</div>
<div class="top-container" v-if="!modelLoading">
+10 -5
View File
@@ -70,12 +70,17 @@ body {
display: flex;
align-items: center;
justify-content: flex-end;
color: $color-2;
transition: color 0.2s ease-in;
&:hover {
color: $color-1-lighter;
cursor: pointer;
.info-panel-close-btn {
display: flex;
align-items: center;
color: $color-2;
transition: color 0.2s ease-in;
&:hover {
color: $color-1-lighter;
cursor: pointer;
}
}
}
}
+4 -1
View File
@@ -8,6 +8,7 @@ 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'
Vue.component('menu', Menu)
Vue.component('home', Home)
@@ -15,6 +16,7 @@ Vue.component('mnist-cnn', MnistCnn)
Vue.component('mnist-vae', MnistVae)
Vue.component('resnet50', ResNet50)
Vue.component('inception-v3', InceptionV3)
Vue.component('imdb-bidirectional-lstm', ImdbBidirectionalLstm)
Vue.use(VueMdl.default)
@@ -47,7 +49,8 @@ function matchRoute () {
'mnist-cnn',
'mnist-vae',
'resnet50',
'inception-v3'
'inception-v3',
'imdb-bidirectional-lstm'
]
const { hash } = window.location
+6
View File
@@ -31,6 +31,12 @@
<span class="menu-item-subheading">ImageNet</span>
</a>
</li>
<li v-bind:class="{ 'active': currentView === 'imdb-bidirectional-lstm' }">
<a href="#/imdb-bidirectional-lstm">
<span class="menu-item-heading">Bidirectional LSTM</span>
<span class="menu-item-subheading">IMDB</span>
</a>
</li>
</ul>
<p class="menu-label">
Links
+10 -5
View File
@@ -55,12 +55,17 @@
display: flex;
align-items: center;
justify-content: flex-end;
color: $color-2;
transition: color 0.2s ease-in;
&:hover {
color: $color-1-lighter;
cursor: pointer;
.input-clear-button {
display: flex;
align-items: center;
color: $color-2;
transition: color 0.2s ease-in;
&:hover {
color: $color-1-lighter;
cursor: pointer;
}
}
}
}
+2 -2
View File
@@ -11,7 +11,7 @@
</div>
<div class="info-panel-close">
<i class="material-icons">close</i>CLOSE
<div class="info-panel-close-btn"><i class="material-icons">close</i>CLOSE</div>
</div>
</div>
<div class="columns input-output" v-if="!modelLoading">
@@ -33,7 +33,7 @@
<canvas id="input-canvas-centercrop" style="display:none;"></canvas>
</div>
<div class="input-clear" v-on:click="clear">
<i class="material-icons">clear</i>CLEAR
<div class="input-clear-button"><i class="material-icons">clear</i>CLEAR</div>
</div>
</div>
</div>
+1 -1
View File
@@ -11,7 +11,7 @@
</div>
<div class="info-panel-close">
<i class="material-icons">close</i>CLOSE
<div class="info-panel-close-btn"><i class="material-icons">close</i>CLOSE</div>
</div>
</div>
<div class="columns input-output" v-if="!modelLoading">
+1 -1
View File
@@ -11,7 +11,7 @@
<a href="https://www.flickr.com/search/?text=&license=2%2C3%2C4%2C5%2C6%2C9&sort=interestingness-desc">Flickr creative commons</a>.
</div>
<div class="info-panel-close">
<i class="material-icons">close</i>CLOSE
<div class="info-panel-close-btn"><i class="material-icons">close</i>CLOSE</div>
</div>
</div>
<div class="top-container" v-if="!modelLoading">