Update app.py

app.py

@@ -30,6 +30,65 @@ from xml.etree import ElementTree as ET
 from PIL import Image
 from urllib.parse import quote  # Ensure this import is included
 
+def image(src_as_string, **style):
+    return img(src=src_as_string, style=styles(**style))
+
+def link(link, text, **style):
+    return a(_href=link, _target="_blank", style=styles(**style))(text)
+
+def layout(*args):
+
+    style = """
+    <style>
+      # MainMenu {visibility: hidden;}
+      footer {visibility: hidden;}
+    </style>
+    """
+
+    style_div = styles(
+        left=0,
+        bottom=0,
+        margin=px(0, 0, 0, 0),
+        width=percent(100),
+        text_align="center",
+        height="60px",
+        opacity=0.6
+    )
+
+    style_hr = styles(
+    )
+
+    body = p()
+    foot = div(style=style_div)(hr(style=style_hr), body)
+
+    st.markdown(style, unsafe_allow_html=True)
+
+    for arg in args:
+        if isinstance(arg, str):
+            body(arg)
+        elif isinstance(arg, HtmlElement):
+            body(arg)
+
+    st.markdown(str(foot), unsafe_allow_html=True)
+
+def footer():
+    myargs = [
+        "<b>Made with</b>: Python 3.8 ",
+        link("https://www.python.org/", image('https://i.imgur.com/ml09ccU.png',
+        	width=px(18), height=px(18), margin= "0em")),
+        ", Streamlit ",
+        link("https://streamlit.io/", image('https://docs.streamlit.io/en/stable/_static/favicon.png',
+        	width=px(24), height=px(25), margin= "0em")),
+        ", Docker ",
+        link("https://www.docker.com/", image('https://www.docker.com/sites/default/files/d8/styles/role_icon/public/2019-07/Moby-logo.png?itok=sYH_JEaJ',
+              width=px(20), height=px(18), margin= "0em")),
+        " and Google APP Engine ",
+        link("https://cloud.google.com/appengine", image('https://lh3.ggpht.com/_uP6bUdDOWGS6ICpMH7dBAy5LllYc_bBjjXI730L3FQ64uS1q4WltHnse7rgpKiInog2LYM1',
+              width=px(19), height=px(19), margin= "0em", align="top")),
+        br(),
+    ]
+    layout(*myargs)
+    
 
 # 1. Configuration
 
@@ -1430,3 +1489,7 @@ display_glossary_grid(roleplaying_glossary)  # Word Glossary Jump Grid - Dynamic
 
 num_columns_text=st.slider(key="num_columns_text", label="Choose Number of Text Columns", min_value=1, max_value=10, value=4)
 display_buttons_with_scores(num_columns_text)  # Feedback Jump Grid
+    
+
+
+footer()