Update pages/reader.py

pages/reader.py

@@ -1,6 +1,7 @@
 # Import libraries
 import streamlit as st
 import pandas as pd
+import html
 
 
 #===config===
@@ -24,6 +25,9 @@ def connect_gsheet():
 
 df = connect_gsheet()
 
+def format_html(text):
+    return html.escape(text).replace("\n", "<br>")
+
 st.title('TXTperpus: Reader')
 
 paramx = st.query_params["art"]
@@ -33,60 +37,63 @@ filtered_df = df[df['ID'] == paramx]
 
 import html
 
-if not filtered_df.empty:
-    row = filtered_df.iloc[0]
-
-    title = html.escape(row["Title"])
-    author = html.escape(row.get("Author", "Unknown Author"))
-    intro = html.escape(row["Introduction"])
-    method = html.escape(row["Method"])
-
-    html_content = f"""
-    <style>
-        .article-container {{
-            font-family: 'Georgia', serif;
-            font-size: 16px;
-            line-height: 1.8;
-            color: #333;
-            padding: 20px;
-            background-color: #fefefe;
-            border-radius: 10px;
-            box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
-        }}
-        .article-title {{
-            font-size: 28px;
-            font-weight: bold;
-            margin-bottom: 5px;
-        }}
-        .article-author {{
-            font-size: 16px;
-            color: #666;
-            margin-bottom: 20px;
-        }}
-        .section-title {{
-            font-size: 20px;
-            font-weight: bold;
-            margin-top: 25px;
-            margin-bottom: 10px;
-            color: #004488;
-        }}
-        .section-content {{
-            text-align: justify;
-        }}
-    </style>
-
-    <div class="article-container">
-        <div class="article-title">{title}</div>
-        <div class="article-author">By {author}</div>
-
-        <div class="section-title">Introduction</div>
-        <div class="section-content">{intro}</div>
-
-        <div class="section-title">Method</div>
-        <div class="section-content">{method}</div>
-    </div>
-    """
-
-    st.markdown(html_content, unsafe_allow_html=True)
-else:
-    st.warning("No matching article found.")
+row = {
+    "Title": "Sample Title <with tags>",
+    "Author": "John Doe",
+    "Introduction": "This is an introduction\nwith multiple lines.",
+    "Method": "This is the method section.\nIt includes steps."
+}
+
+title = format_html(row["Title"])
+author = format_html(row["Author"])
+intro = format_html(row["Introduction"])
+method = format_html(row["Method"])
+
+html_content = f"""
+<style>
+.article-container {{
+    font-family: 'Georgia', serif;
+    font-size: 16px;
+    line-height: 1.8;
+    color: #333;
+    padding: 20px;
+    background-color: #fefefe;
+    border-radius: 10px;
+    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
+}}
+.article-title {{
+    font-size: 28px;
+    font-weight: bold;
+    margin-bottom: 5px;
+}}
+.article-author {{
+    font-size: 16px;
+    color: #666;
+    margin-bottom: 20px;
+}}
+.section-title {{
+    font-size: 20px;
+    font-weight: bold;
+    margin-top: 25px;
+    margin-bottom: 10px;
+    color: #004488;
+}}
+.section-content {{
+    text-align: justify;
+}}
+</style>
+
+<div class="article-container">
+    <div class="article-title">{title}</div>
+    <div class="article-author">By {author}</div>
+
+    <div class="section-title">Introduction</div>
+    <div class="section-content">{intro}</div>
+
+    <div class="section-title">Method</div>
+    <div class="section-content">{method}</div>
+</div>
+"""
+
+# Streamlit usage
+st.markdown(html_content, unsafe_allow_html=True)