Add the header and footer

app.py

@@ -3,10 +3,12 @@ import streamlit as st
 from uac_helper import UACHelper
 from user_management import add_user, authenticate_user, load_settings, save_settings, generate_prompt, initialize_database
 
+import page_components
 # Initialize the database
 initialize_database()
 
 def settings_page(username):
+    page_components.app_header()
     """Displays the settings page with user-specific settings."""
     st.title("Chat with AI")
     settings = load_settings(username)
@@ -20,6 +22,7 @@ def settings_page(username):
         save_settings(username, settings)
         result = generate_prompt(topic, instructions)
         st.success(result)
+    page_components.app_footer()
 
 def main():
     """Main function for the Streamlit app."""

page_components.py

@@ -0,0 +1,37 @@
+import streamlit as st
+
+def app_header():
+    st.markdown(
+        """
+        <style>
+            .header {
+                padding: 10px;
+                text-align: center;
+            }
+        </style>
+        <div class="header">
+            <h1>Application Template</h1>
+        </div>
+        """,
+        unsafe_allow_html=True,
+    )
+
+def app_footer():
+    st.markdown(
+        """
+        <style>
+            .footer {
+                position: fixed;
+                left: 0;
+                bottom: 0;
+                width: 100%;
+                text-align: center;
+                padding: 10px;
+            }
+        </style>
+        <div class="footer">
+            <p>Copyright 2024 | West Visayas State University</p>
+        </div>
+        """,
+        unsafe_allow_html=True,
+    )

uac_helper.py

@@ -2,6 +2,7 @@
 
 import streamlit as st
 from user_management import authenticate_user, add_user  # Import necessary functions
+import page_components
 
 class UACHelper:
     """
@@ -27,6 +28,8 @@ class UACHelper:
             st.error("Invalid username or password.")
 
     def login_page(self):
+        page_components.app_header()
+
         """Displays the login page."""
         st.title("Login")
         username = st.text_input("Username", key="login_username")
@@ -39,8 +42,10 @@ class UACHelper:
             st.session_state.page = "Sign Up"
 
         st.button("Don't have an account? Sign Up", on_click=go_to_signup)
+        page_components.app_footer()
 
     def sign_up_page(self):
+        page_components.app_header()
         """Displays the sign-up page and handles new user registration."""
         st.title("Sign Up")
         username = st.text_input("Username", key="signup_username")
@@ -53,6 +58,7 @@ class UACHelper:
                     st.error("Username already exists. Please choose another.")
             else:
                 st.error("Username and password are required.")
+        page_components.app_footer()
 
     def is_authenticated(self):
         """Checks if the user is authenticated."""