Update app.py

app.py

@@ -90,92 +90,49 @@ st.markdown("""
         background-color: rgba(0, 0, 0, 0.5); /* 半透明背景，提升可讀性 */
         white-space: pre-line; /* 允許換行 */
     }
-    /* 全螢幕頒獎台樣式 */
-    .podium-fullscreen-container {
-        width: 100%;
-        height: 100vh;
-        background-color: #1a1a1a; /* 背景與主頁一致 */
-        display: flex;
-        justify-content: center;
-        align-items: flex-end;
-        padding: 20px;
-        box-sizing: border-box;
-    }
-    .podium-fullscreen-container .podium {
-        width: 30%; /* 按比例放大 */
-        margin: 0 2%;
-    }
-    .podium-fullscreen-container .podium-step.first {
-        height: 40vh; /* 按比例放大高度 */
-    }
-    .podium-fullscreen-container .podium-step.second {
-        height: 32vh; /* 按比例放大高度 */
-    }
-    .podium-fullscreen-container .podium-step.third {
-        height: 24vh; /* 按比例放大高度 */
-    }
-    .podium-fullscreen-container .podium-filler {
-        flex-grow: 0; /* 確保填充塊不自動填充 */
-        background-color: rgba(255, 255, 255, 0.1); /* 半透明白色，方便調試 */
-        border: 1px dashed #666; /* 添加邊框，確認填充塊是否渲染 */
-    }
-    .podium-fullscreen-container .podium-filler.second {
-        height: 8vh; /* 填充高度按比例調整 (40vh - 32vh) */
-    }
-    .podium-fullscreen-container .podium-filler.third {
-        height: 16vh; /* 填充高度按比例調整 (40vh - 24vh) */
-    }
-    .podium-fullscreen-container .podium-step {
-        font-size: 2rem; /* 放大數字字體 */
-    }
-    .podium-fullscreen-container .podium-label {
-        font-size: 1.5rem; /* 放大標籤字體 */
-        padding: 10px;
-    }
     </style>
 """, unsafe_allow_html=True)
 
 # 圓周率與無限猴子定理的介紹與分頁圖片展示
-if not st.session_state.get("show_fullscreen", False):
-    st.title("探索圓周率與無限猴子定理的奇妙世界")
-    st.write("""
-    歡迎參加這個有趣的活動！我們將一起探索圓周率 (π) 和無限猴子定理的奧秘，並透過幸運數字查詢系統，發現你選的數字在 π 中的秘密。
-    """)
+st.title("探索圓周率與無限猴子定理的奇妙世界")
+st.write("""
+歡迎參加這個有趣的活動！我們將一起探索圓周率 (π) 和無限猴子定理的奧秘，並透過幸運數字查詢系統，發現你選的數字在 π 中的秘密。
+""")
 
-    # 定義圖片和標題
-    image_data = [
-        {"path": "m1.GIF", "caption": "圓周率與無限猴子定理的奇妙關聯"},
-        {"path": "m2.GIF", "caption": "重複與不重複"},
-        {"path": "m3.GIF", "caption": "圓周率裡藏著你的幸運號碼"},
-        {"path": "m4.GIF", "caption": "無限猴子定理是什麼？"},
-        {"path": "m5.GIF", "caption": "圓周率是無限長的數字打字機"},
-    ]
+# 定義圖片和標題
+image_data = [
+    {"path": "m1.GIF", "caption": "圓周率與無限猴子定理的奇妙關聯"},
+    {"path": "m2.GIF", "caption": "重複與不重複"},
+    {"path": "m3.GIF", "caption": "圓周率裡藏著你的幸運號碼"},
+    {"path": "m4.GIF", "caption": "無限猴子定理是什麼？"},
+    {"path": "m5.GIF", "caption": "圓周率是無限長的數字打字機"},
+]
 
-    # 初始化 session state 用於追蹤當前頁面和全螢幕狀態
-    if 'page' not in st.session_state:
-        st.session_state.page = 0
+# 初始化 session state 用於追蹤當前頁面
+if 'page' not in st.session_state:
+    st.session_state.page = 0
 
-    # 顯示當前頁面的圖片，放大至幾乎全版面
-    st.image(image_data[st.session_state.page]["path"], 
-             caption=image_data[st.session_state.page]["caption"], 
-             use_container_width=True)
+# 顯示當前頁面的圖片，放大至幾乎全版面
+st.image(image_data[st.session_state.page]["path"], 
+         caption=image_data[st.session_state.page]["caption"], 
+         use_container_width=True)
 
-    # 換頁按鈕
-    col1, col2 = st.columns(2)
-    with col1:
-        if st.button("上一頁", disabled=st.session_state.page <= 0):
-            st.session_state.page -= 1
-            st.rerun()
-    with col2:
-        if st.button("下一頁", disabled=st.session_state.page >= len(image_data) - 1):
-            st.session_state.page += 1
-            st.rerun()
+# 換頁按鈕
+col1, col2 = st.columns(2)
+with col1:
+    if st.button("上一頁", disabled=st.session_state.page <= 0):
+        st.session_state.page -= 1
+        st.rerun()
+with col2:
+    if st.button("下一頁", disabled=st.session_state.page >= len(image_data) - 1):
+        st.session_state.page += 1
+        st.rerun()
 
-    # 顯示當前頁數
-    st.write(f"頁面: {st.session_state.page + 1} / {len(image_data)}")
+# 顯示當前頁數
+st.write(f"頁面: {st.session_state.page + 1} / {len(image_data)}")
 
-    # 分隔線
-    st.markdown("---")
+# 分隔線
+st.markdown("---")
 
 # 查詢數字的函數
 def process_number(number):
@@ -209,69 +166,6 @@ def generate_qr_code(url):
     return img
 
 def main():
-    # 全螢幕模式：僅顯示頒獎台
-    if st.session_state.get("show_fullscreen", False):
-        if 'top_3' in st.session_state:
-            top_3 = st.session_state.top_3
-            with st.container():
-                st.markdown('<div class="podium-fullscreen-container">', unsafe_allow_html=True)
-                col_fs1, col_fs2, col_fs3 = st.columns(3)
-                
-                with col_fs1:
-                    if len(top_3) >= 2:
-                        second = top_3.iloc[1]
-                        st.markdown(
-                            f'<div class="podium">'
-                            f'<div class="podium-filler second"></div>'
-                            f'<div class="podium-step second">{int(second["查詢結果"])}</div>'
-                            f'<div class="podium-label">{second["姓名"]}\n{second["幸運號碼"]}</div>'
-                            f'</div>',
-                            unsafe_allow_html=True
-                        )
-                    else:
-                        st.markdown('<div class="podium"><div class="podium-filler second"></div><div class="podium-step second"></div><div class="podium-label"></div></div>', unsafe_allow_html=True)
-
-                with col_fs2:
-                    if len(top_3) >= 1:
-                        first = top_3.iloc[0]
-                        st.markdown(
-                            f'<div class="podium">'
-                            f'<div class="podium-step first">{int(first["查詢結果"])}</div>'
-                            f'<div class="podium-label">{first["姓名"]}\n{first["幸運號碼"]}</div>'
-                            f'</div>',
-                            unsafe_allow_html=True
-                        )
-                    else:
-                        st.markdown('<div class="podium"><div class="podium-step first"></div><div class="podium-label"></div></div>', unsafe_allow_html=True)
-
-                with col_fs3:
-                    if len(top_3) >= 3:
-                        third = top_3.iloc[2]
-                        st.markdown(
-                            f'<div class="podium">'
-                            f'<div class="podium-filler third"></div>'
-                            f'<div class="podium-step third">{int(third["查詢結果"])}</div>'
-                            f'<div class="podium-label">{third["姓名"]}\n{third["幸運號碼"]}</div>'
-                            f'</div>',
-                            unsafe_allow_html=True
-                        )
-                    else:
-                        st.markdown('<div class="podium"><div class="podium-filler third"></div><div class="podium-step third"></div><div class="podium-label"></div></div>', unsafe_allow_html=True)
-
-                st.markdown('</div>', unsafe_allow_html=True)
-
-                # 關閉按鈕
-                if st.button("關閉全螢幕"):
-                    st.session_state.show_fullscreen = False
-                    st.rerun()
-        else:
-            st.warning("請先生成頒獎台，然後再進入全螢幕模式。")
-            if st.button("返回"):
-                st.session_state.show_fullscreen = False
-                st.rerun()
-        return
-
-    # 正常模式：顯示完整頁面
     st.title("幸運數字查詢系統")
     
     # 新增功能：輸入表單連結並生成 QR Code
@@ -428,7 +322,6 @@ def main():
                 st.subheader("頒獎台：查詢結果前三名")
                 # 獲取前三名（已按查詢結果降序排序）
                 top_3 = valid_df.head(3)
-                st.session_state.top_3 = top_3  # 儲存前三名數據以供全螢幕模式使用
                 
                 if len(top_3) > 0:
                     # 正常顯示頒獎台
@@ -475,11 +368,6 @@ def main():
                         else:
                             st.markdown('<div class="podium"><div class="podium-filler" style="height: 60px;"></div><div class="podium-step third"></div><div class="podium-label"></div></div>', unsafe_allow_html=True)
 
-                    # 全螢幕顯示按鈕
-                    if st.button("全螢幕顯示頒獎台"):
-                        st.session_state.show_fullscreen = True
-                        st.rerun()
-
                 else:
                     st.warning("無有效的查詢結果可供顯示頒獎台。")
             else:
@@ -488,9 +376,8 @@ def main():
         except Exception as e:
             st.error(f"處理檔案時發生錯誤: {str(e)}")
 
-# 添加右下角資訊（僅在正常模式下顯示）
-if not st.session_state.get("show_fullscreen", False):
-    st.markdown('<div class="footer">程式設計：新竹縣立精華國中 藍星宇老師</div>', unsafe_allow_html=True)
+# 添加右下角資訊
+st.markdown('<div class="footer">程式設計：新竹縣立精華國中 藍星宇老師</div>', unsafe_allow_html=True)
 
 if __name__ == "__main__":
     main()