title

app.py

@@ -3,7 +3,8 @@ import intro
 import knowledge_extraction
 import analysis 
 import merge
-    
+import utils as utl
+
 st.set_page_config(
         page_title="IRCDL Conference",
         page_icon="📖",
@@ -15,6 +16,7 @@ st.set_page_config(
             'About': "# IRCDL Conference: A Two-Decade Bibliometric Journey Through Digital Libraries Research"
         }
     )
+st.markdown(f'<div class="header"><h1>IRCDL Conference: A Two-Decade Bibliometric Journey Through Digital Libraries Research</h1></div>', unsafe_allow_html=True)
 
 page_names_to_funcs = {
     "Welcome": intro.intro,
@@ -25,4 +27,9 @@ page_names_to_funcs = {
 
 demo_name = st.sidebar.selectbox("IRCDL Conference: A Two-Decade Bibliometric Journey Through Digital Libraries Research", page_names_to_funcs.keys())
 
-page_names_to_funcs[demo_name]()
+page_names_to_funcs[demo_name]()
+
+# Loading CSS
+utl.local_css("frontend.css")
+utl.remote_css('https://fonts.googleapis.com/icon?family=Material+Icons')
+utl.remote_css('https://fonts.googleapis.com/css2?family=Red+Hat+Display:wght@300;400;500;600;700&display=swap')

frontend.css

@@ -0,0 +1,31 @@
+
+
+.header {
+    background: rgb(16, 125, 230);
+    background: linear-gradient(45deg, rgba(16, 125, 230, 1) 20%, rgba(36, 176, 219, 1) 100%);
+    text-align: center;
+    padding: 4rem 0 1rem;
+    margin: 0 0 1rem;
+    color: #FFF; 
+}
+
+.header figure {
+    display: block;
+    margin: 0 0 2rem;
+}
+
+.header h1,
+.header h1 span,
+.header h3,
+.header h3 span {
+    color: #FFF; 
+}
+
+.header h3 span {
+    max-width: 500px;
+    margin: auto;
+}
+
+footer {
+    visibility: hidden;
+}

intro.py

@@ -2,8 +2,6 @@ import streamlit as st
 
 def intro():
     import streamlit as st    
-
-    st.write("# IRCDL Conference: A Two-Decade Bibliometric Journey Through Digital Libraries Research")
     st.sidebar.success("Select a phase")
 
     st.markdown(

utils.py

@@ -0,0 +1,8 @@
+import streamlit as st
+
+def local_css(file_name):
+    with open(file_name) as f:
+        st.markdown(f'<style>{f.read()}</style>', unsafe_allow_html=True)
+
+def remote_css(url):
+    st.markdown(f'<link href="{url}" rel="stylesheet">', unsafe_allow_html=True)