MappingSeagrass/my_app.py

#############################################################
# my_app.py : Main web app launching script for mapping seagrass meadows
# Date : 29/02/2024
#############################################################

import dash
from dash import html, dcc
import dash_bootstrap_components as dbc


app = dash.Dash(__name__, use_pages=True,meta_tags=[
                {"name": "viewport", "content": "width=device-width, initial-scale=1"}
            ] ,external_stylesheets=[dbc.themes.LUX])
server = app.server

from navbar import create_navbar


NAVBAR = create_navbar()
sidebar = dbc.Nav(
            [
                dbc.NavLink(
                    [
                        html.Div(page["name"], className="ms-2"),
                    ],
                    href=page["path"],
                    active="exact",
                )
                for page in dash.page_registry.values()
            ],
            vertical=True,
            pills=True,
            className="bg-light",
)

#get logo icon
plotly_logo = "https://images.plot.ly/logo/new-branding/plotly-logomark.png"

app.layout = dbc.Container([
    dbc.Row(NAVBAR),

    html.Hr(),

    dbc.Row(
        [
            dbc.Col(
                [
                    sidebar
                ], xs=4, sm=4, md=2, lg=2, xl=2, xxl=2),

            dbc.Col(
                [
                    dash.page_container
                ], xs=8, sm=8, md=10, lg=10, xl=10, xxl=10)
        ]
    )
], fluid=True)


if __name__ == "__main__":
    app.run(debug=True, port=8051)