dbc.DropdownMenuItem("Model", href="/model"),
],
nav=True,
in_navbar=True,
label="Explore",
)
navbar = dbc.Navbar(
dbc.Container([
html.A(
# Use row and col to control vertical alignment of logo / brand
dbc.Row(
[
dbc.Col(html.Img(src="/assets/icon.png", height="30px")),
dbc.Col(
dbc.NavbarBrand("Fraud Detection Dashboard",
className="ml-2")),
],
align="center",
no_gutters=True,
),
href="/home",
),
dbc.NavbarToggler(id="navbar-toggler2"),
dbc.Collapse(
dbc.Nav(
# right align dropdown menu with ml-auto className
[dropdown],
className="ml-auto",
navbar=True),
id="navbar-collapse2",
navbar=True,
home,
profile,
page1,
)
# app authentication
from pages.auth_pages import (
login,
register,
forgot_password,
change_password,
)
header = dbc.Navbar(
dbc.Container([
dbc.NavbarBrand("Dashbord", href="/home"),
dbc.Nav([
dbc.NavItem(dbc.NavLink('Use this section after login-')),
dbc.NavItem(dbc.NavLink('Change Password', href='/profile')),
dbc.NavItem(dbc.NavLink('Login', id='user-action', href='Login'))
])
]),
className="mb-5",
)
app.layout = html.Div([
header,
html.Div([dbc.Container(id='page-content')]),
dcc.Location(id='base-url', refresh=False)
])
],
nav=True,
in_navbar=True,
label="Explore",
)
navbar = dbc.Navbar(
dbc.Container(
[
html.A(
# Use row and col to control vertical alignment of logo / brand
dbc.Row(
[
dbc.Col(
dbc.NavbarBrand(
"Fink Science portal",
className="ml-2"
)
),
],
align="center",
no_gutters=True,
),
href="/home",
),
dbc.NavbarToggler(id="navbar-toggler2"),
dbc.Collapse(
dbc.Nav(
# right align dropdown menu with ml-auto className
[dropdown],
className="ml-auto",
navbar=True
dbc.DropdownMenuItem(divider=True),
],
nav=True,
in_navbar=True,
label="Menu",
)
logo = dbc.Navbar(
dbc.Container(
[
html.A(
# Use row and col to control vertical alignment of logo / brand
dbc.Row(
[
dbc.Col(html.Img(src='https://github.com/niharika412/pose_coach/blob/master/logo2.png?raw=true', height="100px")),
dbc.Col(dbc.NavbarBrand("Analyse", className="ml-2")),
],
align="center",
no_gutters=True,
),
href="/",
),
dbc.NavbarToggler(id="navbar-toggler2"),
dbc.Collapse(
dbc.Nav(
[nav_item, dropdown], className="ml-auto", navbar=True
),
id="navbar-collapse2",
navbar=True,
),
]
server = app.server
app.config.suppress_callback_exceptions = True
# Path
# Read data
#setting the selection items to topics and diaries of interest
navbar = dbc.Navbar(
[
html.A(
# Use row and col to control vertical alignment of logo / brand
dbc.Row(
[
dbc.Col(dbc.NavbarBrand("Madeline Kehl",
className="ml-2")),
],
align="center",
no_gutters=True,
),
href="https://www.github.com/madkehl/Starbucks",
),
dbc.NavbarToggler(id="navbar-toggler"),
], )
def description_card():
"""
OUTPUT: A Div containing dashboard title & descriptions.
"""
return html.Div(
dbc.DropdownMenuItem("Global", href="/global_situation"),
dbc.DropdownMenuItem("Singapore", href="/singapore"),
],
nav=True,
in_navbar=True,
label="Explore",
)
navbar = dbc.Navbar(
dbc.Container([
html.A(
# Use row and col to control vertical alignment of logo / brand
dbc.Row(
[
dbc.Col(html.Img(src="/assets/virus.png", height="30px")),
dbc.Col(dbc.NavbarBrand("COVID-19 DASH",
className="ml-2")),
],
align="center",
no_gutters=True,
),
href="/home",
),
dbc.NavbarToggler(id="navbar-toggler2"),
dbc.Collapse(
dbc.Nav(
# right align dropdown menu with ml-auto className
[dropdown],
className="ml-auto",
navbar=True),
id="navbar-collapse2",
navbar=True,
# def lock(self):
# with open(self.filename, 'w') as f:
# f.write('working')
# def unlock(self):
# with open(self.filename, 'w') as f:
# f.write('done')
# def is_locked(self):
# return open(self.filename, 'r').read() == 'working'
mrinv = html.Div(
[
dbc.Navbar(
html.Div(
dcc.Link(dbc.NavbarBrand("MRInversion",
style={"color": "#d6d6d6"}),
href="/"),
className="nav-burger",
),
color=None,
dark=None,
expand="md",
),
page,
html.Div(id="task-id", children="none"),
html.Div(id="task-status", children="task-status"),
# This is an Interval div and determines the initial app refresh rate.
# The current settings should be ok for all applications.
# Don't put it below a Data Table:
dcc.Interval(
id="task-interval",
],
no_gutters=True,
className="ml-auto flex-nowrap mt-3 mt-md-0",
align="center",
)
navbar = dbc.Navbar(
[
html.A(
dbc.Row(
[
#dbc.Col(html.Img(src=PLOTLY_LOGO, height="50px")),
dbc.Col(
dbc.NavbarBrand(
"Covid-19 Data Visualisation",
className="ml-2",
#style = {'font-family':'monospace',},
)),
],
align="center",
no_gutters=True,
),
href="",
),
dbc.NavbarToggler(id="navbar-toggler"),
dbc.Collapse(nav_buttons, id="navbar-collapse", navbar=True),
],
color="dark",
dark=True,
)
[
dbc.Col(
html.A(
# Use row and col to control vertical alignment of logo / brand
dbc.Row(
[
dbc.Col(html.Img(src=LOGOTYPE, height="85px")),
],
align="center",
# no_gutters=True,
),
href="#",
),
width=7),
dbc.Col(dbc.NavbarBrand("FluMeter App",
className="ml-4 right title",
style={'color': '#ffffffbf'}),
width=5),
],
color="rgb(51, 113, 130)",
className="bottom16",
style={'height': '100px'}
# dark=True,
)
def get_div_children(text):
return html.Div(
[
dbc.Row([
dbc.Col(html.Label("Temperature:", className="padding8"),
import requests
from upsetplot import from_memberships
from upsetplot import plot
from matplotlib import pyplot
import uuid
server = Flask(__name__)
app = dash.Dash(__name__,
server=server,
external_stylesheets=[dbc.themes.BOOTSTRAP])
server = app.server
NAVBAR = dbc.Navbar(
children=[
dbc.NavbarBrand(html.Img(
src="https://gnps-cytoscape.ucsd.edu/static/img/GNPS_logo.png",
width="120px"),
href="https://gnps.ucsd.edu"),
dbc.Nav([
dbc.NavItem(
dbc.NavLink("GNPS FBMN Group Comparison Dashboard", href="#")),
],
navbar=True)
],
color="light",
dark=False,
sticky="top",
)
DASHBOARD = [
dbc.CardHeader(html.H5("GNPS FBMN Group Comparison Dashboard")),
dbc.CardBody([
"Ajuster l'analyse !",
color="primary",
block=True,
id="button-adjust",
size="lg",
)
logo_alliance = "http://alliancefrancophonepourlasantementaleperinatale.com/wp-content/uploads/2020/03/cropped-cropped-cropped-alliance-francaise-AFSMP-2-1-300x246.png"
navbar = dbc.Navbar(
[
html.A(
dbc.Row(
[
dbc.Col(html.Img(src=logo_alliance, height="70px")),
dbc.Col(dbc.NavbarBrand("Outil Psypérinathon")),
],
align="center",
no_gutters=False,
),
href="http://alliance-psyperinat.org/",
target="_blank",
style={"float": "left"},
),
html.A(
"Alliance francophone pour la santé mentale périnatale",
href="http://alliance-psyperinat.org/",
target="_blank",
style={
"margin-left": "auto",
"margin-right": "0",
about_bar = dbc.Row(
dbc.NavbarBrand([
# html.A(
# "CDC",
# id="navbar-resources-link",
# className="navbar-brand-links",
# href="https://www.cdc.gov/coronavirus/2019-ncov/index.html",
# target="_blank",
# ),
# html.A(
# "World Health Organization",
# id="navbar-resources-link",
# className="navbar-brand-links",
# href="https://www.who.int/emergencies/diseases/novel-coronavirus-2019",
# target="_blank",
# ),
html.A(
"Get Mobile Updates",
className="navbar-brand-links",
href=config.SMS_APP_URL,
id="get-mobile-updates",
),
# html.A(
# "Vaccine Tracker",
# className="navbar-brand-links",
# href="https://pedantic-boyd-2e5947.netlify.com/"
# ),
html.A("About", className="navbar-brand-links", href="/about"),
]),
className="ml-auto flex-nowrap mt-md-0",
align="center",
),
],
no_gutters=True,
className="ml-auto flex-nowrap mt-3 mt-md-0",
align="center",
)
navbar = dbc.Navbar(
dbc.Container(
[
html.A(
dbc.Row(
[
dbc.Col(dcc.Link(html.I(id='home-button', n_clicks=0, className='fa fa-home',
style={'color': 'white', 'fontSize': '2rem'}), href='/home')),
dbc.Col(dbc.NavbarBrand("Dash App Template", className="ml-2")),
],
align="center",
className="ml-auto flex-nowrap mt-3 mt-md-0",
no_gutters=True,
),
),
dbc.NavbarToggler(id="navbar-toggler"),
dbc.Collapse(
dbc.Nav(
[search_bar],className="ml-auto", navbar=True
),
id="navbar-collapse",
navbar=True,
),
keywords_dir = Config.text_rank_keywords_dir()
ciks = {
cik: _get_report_infos(glob(os.path.join(keywords_dir, cik, '*.txt')))
for cik in get_immediate_subdirectories(keywords_dir)
}
NAVBAR = dbc.Navbar(
children=[
html.A(
# Use row and col to control vertical alignment of logo / brand
dbc.Row(
[
dbc.Col(
dbc.NavbarBrand("Emerging Risk Detection",
className="ml-2")),
],
align='center',
no_gutters=True,
),
href='https://github.com/Dhruv26/10K-emerging-risk-detection',
)
],
color="dark",
dark=True,
sticky="top",
)
WORDCLOUD_PLOTS = [
dbc.CardHeader(html.H5("Risks for a company")),
dbc.CardBody(
# Define the app layout
dropDownList = []
PLOTLY_LOGO = "https://images.plot.ly/logo/new-branding/plotly-logomark.png"
GIT_LOGO = "/assets/GitHub-Mark-Light-64px.png"
navbar = dbc.Navbar(
[
dbc.Row([
dbc.Col(html.A(html.Img(src=PLOTLY_LOGO, height="30px"),
href="https://plot.ly"),
width=1)
]),
dbc.Row([
dbc.Col(dbc.NavbarBrand("IMDb Reviews Visualizer",
className="ml-2",
style={
'font-size': '25px',
'padding-left': '20px'
}),
width=3),
]),
dbc.Row([
dbc.Col([
html.A(html.Img(src=GIT_LOGO, height="30px"),
href="https://github.com/yoyochris924/IMDb_Visualizer")
])
],
justify='between')
],
color="dark",
dark=True,
)
LEFT_COLUMN = dbc.Jumbotron([
#html.H4(children="Survey Text by Topic", className="display-5"),
#html.Hr(className="my-2"),
html.Label("Select a topic", style={"marginTop": 0}, className="lead"),
dcc.Dropdown(options=dropdown_dict, id='choose_cat'),
dcc.Markdown(id='comment_text', style={"marginTop": 20}),
])
NAVBAR = dbc.Navbar(
children=[
html.A(
# Use row and col to control vertical alignment of logo / brand
dbc.Row(
[
dbc.Col(
dbc.NavbarBrand("The Workplace Barometer",
className="ml-2")),
],
align="center",
no_gutters=True,
),
href="https://github.com/mtv2101/insight_2020a_project",
)
],
color="dark",
dark=True,
sticky="top",
)
Survey_Response_Topics = [
dbc.CardHeader(html.H5("Survey Response Topics")),
dbc.CardBody(
align="center",
style={"paddingTop": 10},
)
# this add navbar
logo = dbc.Navbar(
dbc.Container([
html.A(
# Use row and col to control vertical alignment of logo / brand
dbc.Row(
[
dbc.Col(html.Img(src=PLOTLY_LOGO, height="45px"),
style={'paddingRight': 15}),
dbc.Col(
dbc.NavbarBrand("Sentiment Analyzer",
className="ml-2",
style={'fontSize': 25})),
],
align="left",
no_gutters=True,
),
href="#",
),
dbc.NavbarToggler(id="navbar-toggler"),
dbc.Collapse(
dbc.Nav(contact, className="ml-auto", navbar=True),
id="navbar-collapse",
navbar=True,
),
]),
color="dark",
Recap of the COVID-19 Statistics
* `Cases`: number of confirmed cases
* `Cases per capita`: Number of confirmed cases per one million population.
* `Death rate` : Number of deaths divided by confirmed cases.
* `Recovered` or `Rec'd` : Number of recovered
* `Rec'd Rate` : Number of recovered divided by confirmed cases.
'''
# top navbar
navbar_layout = dbc.Navbar([
html.A(
# Use row and col to control vertical alignment of logo / brand
dbc.Row([
dbc.Col(html.Img(src=app.get_asset_url("logo.png"), height="60px",style={'stroke':'#508caf'})),
dbc.Col(dbc.NavbarBrand("COVID-19", className="ml-2",
style={'fontSize':'2em', 'fontWeight':'900', 'color':'#508caf'})),
],align="center",no_gutters=True),
href='#'),
dbc.NavbarToggler(id="navbar-toggler",className="ml-auto"),
dbc.Collapse(
dbc.Row([
dbc.NavLink("MAP", href='#'),
dbc.NavLink("TIMELINE", href='#timeline', external_link=True),
dbc.NavLink("PROGRESSION", href='#progression', external_link=True),
dbc.NavLink("ABOUT", href='#about', external_link=True),
],no_gutters=True, className="ml-auto flex-nowrap mt-3 mt-md-0",align="center"),
id="navbar-collapse", navbar=True),
],sticky="top",className='mb-4 bg-white',style={'WebkitBoxShadow': '0px 5px 5px 0px rgba(100, 100, 100, 0.1)',})
# Root page
page_1_layout = html.Div([
# Creating a Navbar
dbc.Navbar(
[
html.A(
# Use row and col to control vertical alignment of logo / brand
dbc.Row(
[
dbc.Col(html.Img(src="assets/keras-logo-small-wb-1.png", height="30px")),
dbc.Col(dbc.NavbarBrand("Hackathon", className="ml-4")),
],
align="center",
no_gutters=True,
),
href="/",
),
dbc.NavbarToggler(id="navbar-toggler"),
],
color="dark",
dark=True,
sticky="top",
""" End of helper functions """
# Navigation bar
navbar = dbc.Navbar(
[
html.A(
# Use row and col to control vertical alignment of logo / brand
dbc.Row(
[
dbc.Col(html.Img(src=LOGO, height="50px")),
dbc.Col(
dbc.NavbarBrand(
"UFlix",
className="ml-auto",
style={"font-size": 30},
)),
],
align="left",
no_gutters=True,
), ),
dbc.NavbarToggler(id="navbar-toggler"),
],
color="dark",
dark=True,
style={"width": "100%"},
)
recoTab = html.Div(
children=[
# App initialization
app = dash.Dash(__name__, external_stylesheets=[dbc.themes.BOOTSTRAP])
style_selectors = {'padding': '15px'}
# App layout
app.layout = html.Div(
[
dbc.Navbar(
[
html.Img(src='static/logo.jpg'),
dbc.Row(
[
dbc.Col(dbc.NavbarBrand("Dashboard", className="ml-2")),
],
align="center",
no_gutters=True,
),
],
color="white",
dark=True,
),
dbc.Row(
[
html.Div(html.H2('Price of energy in Colombia'))
],
style={
'padding-left': '45px',
'font-family': "Comic Sans MS"
#Import Packages
import dash_bootstrap_components as dbc
import dash_core_components as dcc
import dash_html_components as html
from collections import deque
#Navbar Items
dashboard_item = dbc.NavItem(dbc.NavLink("Dashboard", href="/"))
#Navbar
navigator = dbc.Navbar(
dbc.Container([
html.A(
dbc.Row(
[dbc.Col(dbc.NavbarBrand("COVID-19 Guelph eABM"))],
align="left",
),
),
dbc.NavbarToggler(id="navbar-toggler"),
dbc.Collapse(
dbc.Nav(
navbar=True
),
id="navbar-collapse", navbar=True,
),
], className="margin-left-none"),
className="mb-5",
)
#Button Container
buttons = html.Div([
)
app = dash.Dash(external_stylesheets=[dbc.themes.SOLAR])
app.config['suppress_callback_exceptions'] = True
app.title = 'COVID Dashboard - Karnataka'
body = html.Div([
#html.H6(dbc.Badge("LIVE", href="#", color='warning', className="ml-1")),
html.Div(
dbc.Navbar(
[
html.A(
# Use row and col to control vertical alignment of logo / brand
dbc.Row(
[
dbc.Col(html.Img(src=PLOTLY_LOGO, height="40px")),
dbc.Col(dbc.NavbarBrand("CODR COVID-19 DASHBOARD",
className="ml-4"),
sm=3,
md=2),
],
align='centre',
no_gutters=True,
), ),
dbc.NavbarToggler(id="navbar-toggler"),
dbc.Collapse(search_bar, id="navbar-collapse", navbar=True),
],
color="dark",
dark=True,
)),
dbc.Row([
dbc.Col((html.Div(dbc.Alert("CASES IN KARNATAKA", color="dark")),
dbc.Row([
### BASIC WEB APP LAYOUT ###
# NAVBAR
NAVBAR = dbc.Navbar(children=[
dbc.Row([
dbc.Col(html.A(html.Img(
src="https://abload.de/img/bwi_dataanalyticshack7ujy4.png",
height="40px"),
href="https://www.bwi.de"),
width=2),
dbc.Col(dbc.NavbarBrand(
dbc.Row([
html.P("BroAI", style={"color": "#FF0000"}),
html.P("(KI - Cyber Security)", style={"color": "orange"}),
html.P("", style={"margin-left": "15px"}),
html.P("Deployment: " + project_branch,
style={"color": project_color})
],
align="center")),
width=7),
dbc.Col(dbc.DropdownMenu(
children=[
dbc.DropdownMenuItem("blubb", href="blubb"),
dbc.DropdownMenuItem("blubb", href="blubb"),
],
nav=False,
in_navbar=True,
label="by Team NastyNULL",
style={
"color": "white",
n_clicks_timestamp=0),
width="auto"),
],
no_gutters=True,
className="ml-auto flex-nowrap mt-3 mt-md-0",
align="center",
)
navbar = dbc.Navbar(
[
html.A(
# Use row and col to control vertical alignment of logo / brand
dbc.Row(
[
dbc.Col(html.Img(src=PLOTLY_LOGO, height="10px")),
dbc.Col(dbc.NavbarBrand("", className="ml-2")),
],
#align="center",
no_gutters=True,
justify="center"),
href="https://plot.ly",
),
dbc.NavbarToggler(id="navbar-toggler"),
dbc.Collapse(search_bar, id="navbar-collapse", navbar=True),
],
color="#cdd0d4",
dark=True,
style={
'top': 0,
'left': 0,
'width': '100%',
layout = html.Div([
dbc.Row([
dbc.Col(width=2),
dbc.Col(
dbc.Navbar(
[
html.A(
# Use row and col to control vertical alignment of logo / brand
dbc.Row(
[
dbc.Col(
html.Img(src=PLOTLY_LOGO, height="60px")),
dbc.Col(
dbc.NavbarBrand(
"INVESTMENT RESEARCH GROUP",
className="ml-2")),
],
align="center",
no_gutters=True,
),
href="https://plot.ly",
),
dbc.NavbarToggler(id="navbar-toggler"),
dbc.Collapse(search_bar, id="navbar-collapse",
navbar=True),
],
color="dark",
dark=True,
),
width=8),
})
# Navigation Bar for title.
navbar = html.Div(children=[
html.Nav(className="nav justify-content-center bg-dark text-light",
children=[html.H2(children=["Welcome to the dashboard"])]),
html.Nav(className="nav justify-content-center bg-dark text-light",
children=[html.H3(children=["Heart Failure Clinical Records"])])
])
# Navigation Bar for drop down menue.
Navigation_bar = dbc.Navbar(
[
dbc.Row(
[
dbc.Col(dbc.NavbarBrand("Variable:", className="ml-2")),
],
align="center",
no_gutters=True,
),
dbc.NavbarToggler(id="navbar-toggler"),
dbc.Collapse(dbc.InputGroup([
dbc.Select(
options=[{
'label': 'Sex',
'value': 'Sex'
}, {
'label': 'Diabetes',
'value': 'Diabetes'
}, {
'label': 'Age',
print(rdf.info())
# ------------------------------------------------------------------------------
# App layout
app.layout = html.Div([
dbc.Navbar(
[
html.A(
# Use row and col to control vertical alignment of logo / brand
dbc.Row(
[
dbc.Col(html.Img(src=logo, height="40px")),
dbc.Col(
dbc.NavbarBrand(
"Social Collaborative Opportunity Risk Engagement Index",
className="ml-2")),
],
align="left",
no_gutters=True,
),
href=
"https://www.kaggle.com/c/cdp-unlocking-climate-solutions/",
),
dbc.NavbarToggler(id="navbar-toggler"),
dbc.Collapse(dbc.Row(
[
dbc.Col(dbc.Input(type="search", placeholder="Search")),
dbc.Col(
dbc.Button("Search",
color="secondary",
import dash_html_components as html
import dash_bootstrap_components as dbc
import dash_core_components as dcc
import dash_table
import pandas as pd
layout = html.Div([
dbc.Navbar(
[
dbc.Col(
dbc.Row(
html.B(
html.A(
dbc.NavbarBrand("<"),
# html.I(className="fa fa-arrow-left"),
href="/buy_sell_rent",
)),
justify="center"),
width="auto"),
dbc.Col(
dbc.Row(
# html.A(
dbc.NavbarBrand("Rent a Game"),
# href="/large",
# ),
justify="center")),
dbc.Col(
dbc.Row(
html.B(
html.A(
html.I(className="fa fa-user fa-lg",
def pageNavBar(page_content, side_nav_content=None):
""""""
# Home link
nav_item = dbc.NavItem(dbc.NavLink("Inicio", href="/home"))
# Dropdown for subjects
dropdown = dbc.DropdownMenu(
children=[
dbc.DropdownMenuItem("Temas", header=True),
dbc.DropdownMenuItem("Probabilidad y Estadistica",
href="/apps/A_probStat"),
dbc.DropdownMenuItem("Simulación", href="/apps/B_simulation"),
dbc.DropdownMenuItem("Cadenas de Markov", href="/apps/C_markov"),
dbc.DropdownMenuItem("Filas de Espera", href="/apps/D_queues"),
dbc.DropdownMenuItem("Camino Crítico", href="/apps/E_critPath"),
dbc.DropdownMenuItem("Programación Lineal",
href="/apps/F_linProg"),
dbc.DropdownMenuItem("Inventarios", href="/apps/G_inventory"),
dbc.DropdownMenuItem("Transporte", href="/apps/H_transport"),
dbc.DropdownMenuItem("Apps 1", href="/apps/app1"),
dbc.DropdownMenuItem("Entry 1"),
dbc.DropdownMenuItem("Entry 2"),
dbc.DropdownMenuItem(divider=True),
dbc.DropdownMenuItem("Entry 3"),
],
nav=True,
in_navbar=True,
label="More pages",
)
# Navbar core design
navbar = dbc.Navbar(
# dbc.Container(
[
html.A(
# Use row and col to control vertical alignment of logo / brand
dbc.Row(
[
dbc.Col(
dbc.NavbarBrand("Investigación Operativa",
className="ml-2")),
],
align="center",
no_gutters=True,
),
href="/home",
),
dbc.NavbarToggler(id="navbar-toggler2"),
dbc.Collapse(
dbc.Nav([nav_item, dropdown], className="ml-auto",
navbar=True),
id="navbar-collapse2",
navbar=True,
),
]
# )
,
color="primary",
dark=True,
sticky='top')
# Structure page with/without side navbar
if side_nav_content:
structure = html.Div([
dbc.Row(dbc.Col(html.Div(navbar))),
dbc.Row([
dbc.Col(
html.Div(side_nav_content),
width=2,
className=
"navbar navbar-expand-md navbar-light navbar-dark bg-secondary",
style={
"height": "100vh",
"align-items": "start"
}),
dbc.Col(html.Div(page_content)),
]),
])
else:
structure = html.Div([
dbc.Row(dbc.Col(html.Div(navbar))),
dbc.Row([
dbc.Col(html.Div(page_content)),
]),
])
return structure
