Update app.py

app.py

@@ -65,6 +65,32 @@ with col2:
 with col3:
     st.image("assets/gomokubot.png", width=600)  # 替换为你的图片 URL
     st.caption("Rule-Based GomokuBot")
-# 代码框架阐述和代码组件
-st.write("<h2 style='text-align: center; color: black; font-weight: bold;'>Report </h2>", unsafe_allow_html=True)
+
+st.write("<h2 style='text-align: center; color: black; font-weight: bold;'>Some Demos </h2>", unsafe_allow_html=True)
+
+file1 = open("assets/multi-model.gif", "rb")
+contents = file1.read()
+data_url1 = base64.b64encode(contents).decode("utf-8")
+file1.close()
+
+file2 = open("assets/mercy.gif", "rb")
+contents = file2.read()
+data_url2 = base64.b64encode(contents).decode("utf-8")
+file2.close()
+
+file3 = open("assets/edge_blindness.gif", "rb")
+contents = file3.read()
+data_url3 = base64.b64encode(contents).decode("utf-8")
+file3.close()
+
+st.markdown(
+    f"""<div style="display: flex; justify-content: space-between;">
+        <img src="data:image/gif;base64,{data_url1}" alt="cat gif" style="width: 700px;">
+        <img src="data:image/gif;base64,{data_url2}" alt="cat gif" style="width: 700px;">
+        <img src="data:image/gif;base64,{data_url3}" alt="cat gif" style="width: 700px;">
+    </div>""",
+    unsafe_allow_html=True,
+)
+
+