Update app.py

app.py

@@ -658,7 +658,7 @@ h2 {
     color: black;
 }
 /* Computer Science */
-#btn_cs_help { background-color: #FAD02E; }
+#btn_cs_help { background-color: #FBBC04; }
 #btn_cs_help::before {
     font-family: "Font Awesome 6 Free";
     content: "\f5fc";
@@ -670,7 +670,7 @@ h2 {
     content: "\f66f";
 }
 /* English */
-#btn_eng_help { background-color: #FBBC04; }
+#btn_eng_help { background-color: #CCFF90; }
 #btn_eng_help::before {
     font-family: "Font Awesome 6 Free";
     content: "\f518";
@@ -729,28 +729,30 @@ h2 {
     content: "\f1ec";
 }
 /* COMPUTER SCIENCE SUBTOPICS */
-#btn_sw { background-color: #FAD02E; }
+/* Updated to use the science palette: Yellow, Blue, Light Green, Red */
+#btn_sw { background-color: #FBBC04; }
 #btn_sw::before {
     font-family: "Font Awesome 6 Free";
     content: "\f121";
 }
-#btn_hw { background-color: #FAD02E; }
+#btn_hw { background-color: #AECBFA; }
 #btn_hw::before {
     font-family: "Font Awesome 6 Free";
     content: "\f085";
 }
-#btn_leet { background-color: #FAD02E; }
+#btn_leet { background-color: #CCFF90; }
 #btn_leet::before {
     font-family: "Font Awesome 6 Free";
     content: "\f5fc";
 }
-#btn_proj { background-color: #FAD02E; }
+#btn_proj { background-color: #F28B82; }
 #btn_proj::before {
     font-family: "Font Awesome 6 Free";
     content: "\f542";
 }
 /* HISTORY SUBTOPICS */
-#btn_am_hist { background-color: #AECBFA; }
+/* Updated to use the science palette and change the icon for world history */
+#btn_am_hist { background-color: #FBBC04; }
 #btn_am_hist::before {
     font-family: "Font Awesome 6 Free";
     content: "\f5a2";
@@ -758,35 +760,36 @@ h2 {
 #btn_mod_hist { background-color: #AECBFA; }
 #btn_mod_hist::before {
     font-family: "Font Awesome 6 Free";
-    content: "\f57d";
+    content: "\f0ac";  /* Globe icon for world history */
 }
-#btn_anc_hist { background-color: #AECBFA; }
+#btn_anc_hist { background-color: #CCFF90; }
 #btn_anc_hist::before {
     font-family: "Font Awesome 6 Free";
-    content: "\f6e9";
+    content: "\f57d";
 }
-#btn_gov { background-color: #AECBFA; }
+#btn_gov { background-color: #F28B82; }
 #btn_gov::before {
     font-family: "Font Awesome 6 Free";
     content: "\f6e3";
 }
 /* ENGLISH SUBTOPICS */
+/* Updated to use the science palette */
 #btn_gram { background-color: #FBBC04; }
 #btn_gram::before {
     font-family: "Font Awesome 6 Free";
     content: "\f5d7";
 }
-#btn_read { background-color: #FBBC04; }
+#btn_read { background-color: #AECBFA; }
 #btn_read::before {
     font-family: "Font Awesome 6 Free";
     content: "\f02d";
 }
-#btn_write { background-color: #FBBC04; }
+#btn_write { background-color: #CCFF90; }
 #btn_write::before {
     font-family: "Font Awesome 6 Free";
     content: "\f303";
 }
-#btn_app { background-color: #FBBC04; }
+#btn_app { background-color: #F28B82; }
 #btn_app::before {
     font-family: "Font Awesome 6 Free";
     content: "\f5da";
@@ -903,7 +906,7 @@ h2 {
     content: "\f061";
     color: #333;
     font-size: 20px;
-    transform: scaleX(0.5);
+    transform: scaleX(1);
     transform-origin: center;
 }
 .home-button {
@@ -947,14 +950,15 @@ h2 {
     display: flex;
     align-items: center;
     justify-content: center;
-    z-index: 9999; /* ensures it's on top and clickable */
+    z-index: 9999;
 }
 .progress-button::before {
     font-family: "Font Awesome 6 Free";
-    content: "\f091"; /* trophy icon for "progress" */
+    content: "\f091";
     font-size: 30px;
 }
 """) as demo:
+    ...
 
     user_session = gr.State(init_session())
     # New state to store which page we came from when going to Progress Tracker
@@ -1068,7 +1072,7 @@ h2 {
                 btn_new_task = gr.Button("🔄 New Task Suggestion")
                 btn_fun_fact = gr.Button("Fun Fact")
             with gr.Row():
-                generate_image_toggle = gr.Checkbox(label="Generate Image", value=True)
+                generate_image_toggle = gr.Checkbox(label="Generate Image", value=False)
                 clear_chat_button = gr.Button("Clear Chat")
         btn_back_grade = gr.Button("", elem_classes=["home-button"])
 
@@ -1081,10 +1085,10 @@ h2 {
             image3 = gr.Image(value="image3.jpg", interactive=False)
             image4 = gr.Image(value="image4.png", interactive=False)
         with gr.Row():
-            blurb1 = gr.Markdown("**Person 1:** Description about person 1")
-            blurb2 = gr.Markdown("**Person 2:** Description about person 2")
-            blurb3 = gr.Markdown("**Person 3:** Description about person 3")
-            blurb4 = gr.Markdown("**Person 4:** Description about person 4")
+            blurb1 = gr.Markdown("Alan Zhu is a junior at the University of Pennsylvania in the Vagelos Integrated Program in Energy Research studying Physics, Computer Science, and Robotics. He is interested in pursuing quantum computing research in the future. Beyond academics, he enjoys playing basketball playing piano.")
+            blurb2 = gr.Markdown("Zhitong Chen is a second-year graduate student at the University of Pennsylvania, majoring in Computer and Information Technology. She is passionate about NLP, LLMs, and exploring their applications in real-world products. Outside of her academic pursuits, she enjoys swimming, sprinting, playing badminton, and playing Guzheng.")
+            blurb3 = gr.Markdown("Jiacheng Zhu is a second-year Master’s student in Data Science, passionate about NLP and LLMs. Outside of his academic pursuits, he enjoys capturing life’s moments through film photography.")
+            blurb4 = gr.Markdown("Youzhang He is currently a second year graduate student at University of Pennsylvania majoring in Data Science. His research field is NLP, LLM and embodiedAI. He is interested in applying deep learning and machine learning techniques to solve real-world problems such as recommendation systems and webagents.")
         btn_back_about = gr.Button("", elem_classes=["back-button"])
 
     # PAGE 7: PROGRESS TRACKER (new page)