diff --git a/pages/about.py b/pages/about.py index 053e7c3..0c45eee 100644 --- a/pages/about.py +++ b/pages/about.py @@ -1,15 +1,70 @@ import dash -from dash import html +from dash import html, dcc -dash.register_page(__name__) +dash.register_page(__name__, path='/About') layout = html.Div( children=[ - html.H1(children="This is our about page"), - html.Div( - children=""" - This is our about page content. - """ - ), + + html.H1(children="Project Description"), + html.Div( + children=""" + Monkeypox is an infectious disease caused by a smallpox virus, recently spreading in multiple countries with over 16,500 cases and declared a global emergency by the World Health Organization (citation). + Normally, the virus is rarely observed outside of Africa, but in recent months it has occurred in over 11 countries in other continents [CITATION]. + This alarming behavior demands action and highlights the need for genomic surveillance and spatio-temporal analyses. + Therefore, the Robert Koch Institute (RKI) together with the Hasso Platter Institute (HPI) joined forces to and adapted the tool covSonar - a database framework developed at the RKI for SARS-CoV-2 - to Monkeypox. + """ + ), + + html.H1(children="Who are we?"), + html.Img(src=r'https://upload.wikimedia.org/wikipedia/commons/9/99/Sample_User_Icon.png', alt='user', style={'height':'10%', 'width':'10%', 'display':'inline-block'}), + html.Div('user1', style={'display':'inline-block'}), + html.Img(src=r'https://upload.wikimedia.org/wikipedia/commons/9/99/Sample_User_Icon.png', alt='user', style={'height':'10%', 'width':'10%', 'display':'inline-block', "margin-left": "150px"}), + html.Div('user1', style={'display':'inline-block'}), + html.Img(src=r'https://upload.wikimedia.org/wikipedia/commons/9/99/Sample_User_Icon.png', alt='user', style={'height':'10%', 'width':'10%', 'display':'inline-block', "margin-left": "150px"}), + html.Div('user1', style={'display':'inline-block'}), + html.Br(), + html.Img(src=r'https://upload.wikimedia.org/wikipedia/commons/9/99/Sample_User_Icon.png', alt='user', style={'height':'10%', 'width':'10%', 'display':'inline-block'}), + html.Div('user1', style={'display':'inline-block'}), + html.Img(src=r'https://upload.wikimedia.org/wikipedia/commons/9/99/Sample_User_Icon.png', alt='user', style={'height':'10%', 'width':'10%', 'display':'inline-block', "margin-left": "150px"}), + html.Div('user1', style={'display':'inline-block'}), + html.Img(src=r'https://upload.wikimedia.org/wikipedia/commons/9/99/Sample_User_Icon.png', alt='user', style={'height':'10%', 'width':'10%', 'display':'inline-block', "margin-left": "150px"}), + html.Div('user1', style={'display':'inline-block'}), + html.Br(), + html.Img(src=r'https://upload.wikimedia.org/wikipedia/commons/9/99/Sample_User_Icon.png', alt='user', style={'height':'10%', 'width':'10%', 'display':'inline-block'}), + html.Div('user1', style={'display':'inline-block'}), + html.Img(src=r'https://upload.wikimedia.org/wikipedia/commons/9/99/Sample_User_Icon.png', alt='user', style={'height':'10%', 'width':'10%', 'display':'inline-block', "margin-left": "150px"}), + html.Div('user1', style={'display':'inline-block'}), + html.Img(src=r'https://upload.wikimedia.org/wikipedia/commons/9/99/Sample_User_Icon.png', alt='user', style={'height':'10%', 'width':'10%', 'display':'inline-block', "margin-left": "150px"}), + html.Div('user1', style={'display':'inline-block'}), + html.Br(), + + html.H1(children="What is a mutation?"), + html.Div( + children=""" + ... + """ + ), + + html.H1(children="Data sources"), + html.Div( + children=""" + ... + """ + ), + + html.H1(children="Link to code:"), + html.Div( + children=""" + ... + """ + ), + + html.H1(children="Acknowledgements:"), + html.Div( + children=""" + ... + """ + ), ] )