Update app.py

app.py

@@ -9,15 +9,13 @@ from gradio_calendar import Calendar
 
 from papers import PaperList, get_df
 
-DESCRIPTION = "# [Papers Leaderboard](https://huggingface.co/papers)\nAn interactive interface to explore and filter the latest papers."
-FOOT_NOTE = """\
-Community: https://discord.gg/openfreeai
-"""
+DESCRIPTION = "# Papers Leaderboard\nExplore the latest papers and filter by date, title, or abstract keywords."
+FOOT_NOTE = "Community: https://discord.gg/openfreeai"
 
 paper_list = PaperList(get_df())
 
 def update_paper_list() -> None:
-    global paper_list  # noqa: PLW0603
+    global paper_list
     paper_list = PaperList(get_df())
 
 scheduler = BackgroundScheduler()
@@ -39,18 +37,16 @@ def search(
 ) -> pd.DataFrame:
     return paper_list.search(start_date, end_date, search_title, search_abstract, max_num_to_retrieve)
 
-
-# 추가할 CSS (Gradio Blocks의 css 파라미터)
+# ------------------------------------------------------------------
+# CSS (Blocks의 css 파라미터로 전달)
+# ------------------------------------------------------------------
 css = """
-/* 전체 배경이나 컨테이너 스타일 */
 body {
   margin: 0;
   padding: 0;
   background: linear-gradient(135deg, #eef2ff 0%, #fdfdfd 100%);
   font-family: "Helvetica Neue", Arial, sans-serif;
 }
-
-/* Hero / Header 섹션 스타일 */
 #hero-section {
   background: linear-gradient(135deg, #3b82f6 0%, #9333ea 100%);
   padding: 2rem;
@@ -60,15 +56,8 @@ body {
 }
 #hero-section h1 {
   font-size: 2.2rem;
-  font-weight: bold;
   margin-bottom: 0.5rem;
 }
-#hero-section p {
-  font-size: 1.1rem;
-  margin: 0;
-}
-
-/* 검색 섹션 스타일 */
 .search-container {
   background-color: #ffffffdd;
   backdrop-filter: blur(6px);
@@ -77,13 +66,6 @@ body {
   box-shadow: 0 3px 5px rgba(0,0,0,0.1);
   margin-bottom: 1rem;
 }
-.search-container h2 {
-  margin-top: 0;
-  font-size: 1.4rem;
-  color: #374151;
-}
-
-/* 그리드나 카드 스타일 */
 .card {
   background-color: #fff;
   border-radius: 0.75rem;
@@ -91,21 +73,6 @@ body {
   box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
   margin-bottom: 1rem;
 }
-.card h3 {
-  margin-top: 0;
-  font-size: 1.2rem;
-  color: #111827;
-}
-
-/* 푸터/하단부 스타일 */
-.footer {
-  color: #6b7280;
-  font-size: 0.9rem;
-  text-align: center;
-  margin-top: 2rem;
-}
-
-/* DataFrame 테이블 추가 스타일 */
 #table table {
   border-collapse: collapse;
   width: 100%;
@@ -120,22 +87,32 @@ body {
   background-color: #f3f4f6;
   font-weight: 600;
 }
+.footer {
+  color: #6b7280;
+  font-size: 0.9rem;
+  text-align: center;
+  margin-top: 2rem;
+}
 """
 
 with gr.Blocks(css=css) as demo:
-    # 상단 Hero 섹션
-    with gr.Box(elem_id="hero-section"):
-        gr.Markdown(
-            """
-            # Papers Leaderboard
-            Explore the latest papers and filter by date, title, or abstract keywords.
-            """
-        )
-        gr.Markdown("#### [View on HuggingFace](https://huggingface.co/papers)")
-
-    gr.Markdown("### Search & Filter", elem_classes="search-container")
+    # --------------------------------------------------------------
+    # Hero 섹션: HTML 내부에 div#hero-section 사용
+    # --------------------------------------------------------------
+    gr.Markdown(
+        """
+        <div id="hero-section">
+          <h1>Papers Leaderboard</h1>
+          <p>Explore the latest papers and filter by date, title, or abstract keywords.</p>
+        </div>
+        """,
+        unsafe_allow_html=True
+    )
 
+    # --------------------------------------------------------------
     # 검색 영역
+    # --------------------------------------------------------------
+    gr.Markdown("### Search & Filter", elem_classes="search-container")
     with gr.Group():
         search_title = gr.Textbox(label="Search title")
         with gr.Row():
@@ -157,21 +134,22 @@ with gr.Blocks(css=css) as demo:
             start_date = Calendar(label="Start date", type="datetime", value="2023-05-05")
             end_date = Calendar(label="End date", type="datetime")
 
-    # 결과 표시
+    # --------------------------------------------------------------
+    # 결과 영역: 통계 + 테이블
+    # --------------------------------------------------------------
     with gr.Group(elem_id="results-section"):
-        with gr.Box(elem_id="stats-container", _class="card"):
+        with gr.Group(elem_classes="card"):
             num_papers = gr.Textbox(
                 label="Number of papers",
                 value=update_num_papers(paper_list.df_raw),
                 interactive=False
             )
-        # 테이블
         df = gr.Dataframe(
             value=paper_list.df_prettified,
             datatype=paper_list.column_datatype,
             type="pandas",
             interactive=False,
-            max_height=1000,
+            max_height=800,
             elem_id="table",
             column_widths=["10%", "10%", "60%", "10%", "5%", "5%"],
             wrap=True,
@@ -179,7 +157,9 @@ with gr.Blocks(css=css) as demo:
 
     gr.Markdown(FOOT_NOTE, elem_classes="footer")
 
+    # --------------------------------------------------------------
     # 이벤트 연결
+    # --------------------------------------------------------------
     gr.on(
         triggers=[start_date.change, end_date.change, search_title.submit, search_abstract.submit],
         fn=search,
@@ -194,7 +174,6 @@ with gr.Blocks(css=css) as demo:
         api_name=False,
     )
 
-    # 첫 로드 시 df 갱신 -> 논문 수 갱신
     demo.load(
         fn=update_df,
         outputs=df,
@@ -209,5 +188,4 @@ with gr.Blocks(css=css) as demo:
     )
 
 if __name__ == "__main__":
-    # queue()로 비동기 처리, API 비공개
     demo.queue(api_open=False).launch(show_api=False)