def update_style(style_select):
if style_select == 'Starry Night Over the Rhône':
transform_net = transform_net1
elif style_select == 'Victoire':
transform_net = transform_net2
else:
transform_net = transform_net3
return html.Div(children=[html.H3(style_select + ' style camera'),
html.Img(src=app.get_asset_url(style_select + '.jpg'), width="25%"),
])
## carousel
carousel = html.Div(
[
# Indicators
html.Ol([
html.Li(**{'data-target': '#myCarousel'},
**{'data-slide-to': '0'},
className="active"),
html.Li(**{'data-target': '#myCarousel'}, **{'data-slide-to': '1'})
],
className="carousel-indicators"),
# Wrapper for slides
html.Div([
html.Div([
html.Img(src=app.get_asset_url('cover2.png'),
width="100%",
height='70%'),
html.Div([
html.H3(['Audrey Hepburn']),
html.P(['The Angel Failing To The Earth!'])
],
className="carousel-caption")
],
className="item active"),
html.Div([
html.Img(src=app.get_asset_url('cover1.png'),
width="100%",
height='300%'),
html.Div([
html.H3(['Tianxin Park(Chang Sha)']),
],
className="container")
],
className="navbar navbar-default navbar-fixed-top")
## team
team = html.Div([
html.Br(),
html.H2('Our Team'),
html.Br(),
html.P(html.Em('We love image processing and would explore further!')),
html.Br(),
html.Div([
html.Div([
html.Div([
html.Img(src=app.get_asset_url('hl.jpg'),
className="img-circle person"),
html.P(html.B('Hongyu Li')),
html.P('*****@*****.**', style={'font-size': '15px'})
],
className="thumbnail name_board")
],
className='col-sm-3'),
html.Div([
html.Div([
html.Img(src=app.get_asset_url('ph.jpg'),
className="img-circle person"),
html.P(html.B('Peifeng Hong')),
html.P('*****@*****.**', style={'font-size': '15px'})
],
className="thumbnail name_board")
## carousel
carousel = html.Div(
[
# Indicators
html.Ol([
html.Li(**{'data-target': '#myCarousel'},
**{'data-slide-to': '0'},
className="active"),
html.Li(**{'data-target': '#myCarousel'}, **{'data-slide-to': '1'})
],
className="carousel-indicators"),
# Wrapper for slides
html.Div([
html.Div([
html.Img(src=app.get_asset_url('butler.png'), width="100%"),
html.Div([
html.H3(['Butler Library']),
html.P(['Starry Night Over the Rhône - Vincent van Gogh'])
],
className="carousel-caption")
],
className="item active"),
html.Div([
html.Img(src=app.get_asset_url('centralpark.jpg'),
width="100%"),
html.Div([
html.H3(['Central Park']),
html.P(['Starry Night Over the Rhône - Vincent van Gogh'])
],
className="carousel-caption")
transform_net1=load_model('style1')
transform_net2=load_model('style2')
transform_net3=load_model('style3')
all_options = ['Starry Night Over the Rhône', 'Victoire', 'Women at Their Toilette']
layout = html.Div([
nav_bar,
html.Br(),
html.H1('Enjoy WebCam Time'),
html.Br(),
html.Div([
html.Img(src=app.get_asset_url('Starry Night Over the Rhône.jpg'), width="33%", height="300px"),
html.Img(src=app.get_asset_url('Victoire.jpg'), width="33%", height="300px"),
html.Img(src=app.get_asset_url('Women at Their Toilette.jpg'), width="33%", height="300px")
]),
dcc.RadioItems(
id='style-select',
options=[{'label': k, 'value': k} for k in all_options],
value='Starry Night Over the Rhône',
style={"padding":"10px"}
),
html.Div(id='Webcam-Display'),
html.Div(id='show-style'),
html.Br(),
html.Button(id='Start-webcam',n_clicks=0, children='Start', style={'textAlign': 'center','height':'30px','width':'20%','backgroundcolor':'#F9E79F'}),
html.H3('Press Q to quit.')
], className="jumbotron text-center")