Add buttons (code, demo) and make logo clickable

Former-commit-id: 42f718d

Author: xhlulu

apps/dash-interest-rate/app.py

@@ -116,7 +116,7 @@ def connect_read_sql(query, engine):
 app.layout = dbc.Container(
     fluid=True,
     children=[
-        html.H1("Dash Interest Rate Modeling with Snowflake"),
+        Header("Dash Interest Rate Modeling with Snowflake", app),
         html.Hr(),
         dbc.Row(
             [

apps/dash-interest-rate/utils.py

@@ -3,6 +3,17 @@
 import dash_core_components as dcc
 import dash_bootstrap_components as dbc
 
+def Header(name, app):
+    title = html.H2(name, style={"margin-top": 7})
+    logo = html.Img(
+        src=app.get_asset_url("dash-logo.png"), style={"float": "right", "height": 60}
+    )
+    link = html.A(logo, href="https://plotly.com/dash/")
+    btn_style = {'margin-top': '13px', 'float': 'right', 'margin-right': '10px'}
+    demo_btn = html.A(dbc.Button("Enterprise Demo", style=btn_style, color="primary"), href="https://plotly.com/get-demo/")
+    code_btn = html.A(dbc.Button("Source Code", style=btn_style, color="secondary"), href="https://github.com/plotly/dash-sample-apps/tree/main/apps/dash-interest-rate")
+
+    return dbc.Row([dbc.Col(title, md=7), dbc.Col([link, demo_btn, code_btn], md=5)])
 
 def OptionMenu(values, label, **kwargs):
     options = [{"label": s.replace("_", " ").capitalize(), "value": s} for s in values]