update logo and nav formatting, closes #122

matscholar_web/about/view.py

@@ -5,6 +5,7 @@
 from matscholar_web.common import common_info_box, \
     common_header_style, common_body_style, common_title_style, \
     common_stat_style
+from matscholar_web.logo import get_logo
 
 def serve_layout():
     introduction = get_introduction()
@@ -17,7 +18,7 @@ def serve_layout():
 
 
 def get_introduction():
-    introduction_header_txt = "Matscholar"
+    logo = get_logo()
     introduction_subheader_txt = \
         "A scholarly (AI) assistant for materials science \n"
     introduction_body_txt = \
@@ -90,8 +91,6 @@ def get_introduction():
     reference_2_md = dcc.Markdown(reference_2_txt)
     funding_md = dcc.Markdown(funding_body_txt)
 
-    introduction_header = html.Div(introduction_header_txt,
-                                   className=common_title_style())
     introduction_subheader = html.Div(introduction_subheader_txt,
                                       className=common_header_style())
     publication_header = html.Div(publication_header_txt,
@@ -114,7 +113,7 @@ def get_introduction():
     funding_body = html.Div(funding_md, className=common_body_style())
 
     elements = [
-        introduction_header,
+        logo,
         introduction_subheader,
         introduction_body,
         current_stats,

matscholar_web/index.py

@@ -26,7 +26,7 @@
 app_container = html.Div("", id="app_container", className="container is-fluid")
 app_expander = html.Div(app_container, className="msweb-is-tall")
 app_expander_container = html.Div(app_expander,
-                                  className="msweb-is-tall-container msweb-fade-in")
+                                  className="msweb-is-tall-container msweb-fade-in has-margin-top-50")
 
 
 external_stylesheets = \

matscholar_web/logo.py

@@ -24,6 +24,6 @@ def get_logo():
     header_container = html.Div(
         header_centering,
         id="header_container",
-        className="container has-margin-bottom-30 has-margin-top-80"
+        className="container has-margin-bottom-30 has-margin-top-50"
     )
     return header_container

matscholar_web/nav.py

@@ -48,7 +48,7 @@ def get_nav():
         src="/assets/logo_inverted.png",
         height=200,
     )
-    nav_image_container = html.A(nav_image, className="navbar-item")
+    nav_image_container = html.A(nav_image, className="navbar-item", href="/search")
 
     burger = html.Span(**{"aria-hidden": True})
     nav_burger = html.A([burger] * 3, id="primary-burger-trigger", role="button", className="navbar-burger", **{"aria-label": "menu", "aria-expanded": False, "data-target": navbar_menu_id})