Update app.py

app.py

@@ -1,24 +1,57 @@
 import streamlit as st
+from PIL import Image
 
-# Page Title
+# Background color
+st.markdown("""
+    <style>
+    body {
+        background-color: #f0f2f6;
+    }
+    .main {
+        background-color: #ffffff;
+        padding: 20px;
+        border-radius: 10px;
+        box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
+    }
+    h1 {
+        color: #2C3E50;
+    }
+    h2 {
+        color: #1ABC9C;
+    }
+    h3 {
+        color: #16A085;
+    }
+    </style>
+    """, unsafe_allow_html=True)
+
+# Title with a logo (add an image if available)
+st.image('path_to_your_image/logo.png', width=100)
 st.title("Taisei Ozaki's Personal Web Page")
 
-# Profile Overview
+# Profile Overview with columns for better layout
 st.header("Profile Overview")
-st.write("""
-Taisei Ozaki is a graduate student (M2) at Osaka Metropolitan University, specializing in mechanical engineering and natural language processing (NLP). 
-His research focuses on large language models (LLMs) and AI education.
-""")
+col1, col2 = st.columns([1, 2])
+
+with col1:
+    image = Image.open('path_to_your_image/profile_pic.jpg')
+    st.image(image, caption="Taisei Ozaki", width=150)
 
-# Education Section
-st.subheader("Education")
+with col2:
+    st.write("""
+    Taisei Ozaki is a graduate student (M2) at Osaka Metropolitan University, specializing in mechanical engineering and natural language processing (NLP).
+    His research focuses on large language models (LLMs) and AI education.
+    """)
+
+# Education Section with icons
+st.subheader("🎓 Education")
 st.write("""
 - **2023 - Present:** Master's in Engineering, Osaka Metropolitan University
 - **2019 - 2023:** Bachelor's in Mechanical Engineering, Osaka Prefecture University
 """)
 
-# Experience Section
-st.subheader("Professional Experience")
+# Experience Section with a modern layout
+st.subheader("💼 Professional Experience")
 st.write("""
 - **2024 (Upcoming):** Research Intern, NTT
 - **2023:** Algorithm Engineer Intern, PKSHA Technology
@@ -27,23 +60,37 @@ st.write("""
 """)
 
 # Achievements Section
-st.subheader("Awards and Achievements")
+st.subheader("🏆 Awards and Achievements")
 st.write("""
 - **2023:** Outstanding Award, Artificial Intelligence Society National Conference
 - **2024:** Leader, Japanese Large Language Model Development Project (Geniac)
 """)
 
-# Research Interests
-st.subheader("Research Interests")
-st.write("""
-- Natural Language Processing
-- AI and Education
-- Esports and AI integration
-""")
+# Research Interests Section in a grid
+st.subheader("🔬 Research Interests")
+col1, col2, col3 = st.columns(3)
+with col1:
+    st.write("• Natural Language Processing")
+with col2:
+    st.write("• AI and Education")
+with col3:
+    st.write("• Esports and AI integration")
 
-# Contact Section
-st.subheader("Contact Information")
+# Contact Information
+st.subheader("📍 Contact Information")
 st.write("Location: Osaka, Japan")
 
-# Social Links (Optional)
-st.write("[LinkedIn Profile](https://www.linkedin.com/in/taisei-ozaki-del/)")
+# Social Links
+st.markdown("[LinkedIn Profile](https://www.linkedin.com/in/taisei-ozaki-del/)")
+
+# Footer styling
+st.markdown("""
+    <style>
+    footer {
+        visibility: hidden;
+    }
+    .reportview-container .main footer {
+        visibility: hidden;
+    }
+    </style>
+    """, unsafe_allow_html=True)