Update pages/reader.py

pages/reader.py

@@ -35,11 +35,16 @@ st.write(paramx)
 filtered_df = df[df['ID'] == paramx]
 
 with st.sidebar:
-    fontsize = st.number_input("Font Size", min_value=5, value=16, step=1)
-    no_columns = st.number_input("Column", min_value=1, max_value=4, value=1, step=1)
+    st.write("Atur Tampilan")
+
+    font_options = ["Baskerville", "Cambria", "Charter", "Garamond", "Georgia", "Palatino Linotype", "Times New Roman"]
+    font_selected = st.selectbox("Gaya kata", font_options)
+
+    fontsize = st.number_input("Ukuran kata", min_value=5, value=16, step=1)
+    no_columns = st.number_input("Jumlah kolom", min_value=1, max_value=4, value=1, step=1)
 
 if not filtered_df.empty:
-    filtered_df = filtered_df.fillna("Tidak tersedia")
+    filtered_df = filtered_df.replace("NaN", "Tidak tersedia")
     row = filtered_df.iloc[0]
 
     # Get and clean values
@@ -55,8 +60,7 @@ if not filtered_df.empty:
     discussion = format_html(row.get("Discussion", ""))
     rnd = format_html(row.get("Result & Discussion", ""))
     conclusion = format_html(row.get("Conclusion", ""))
-    
- 
+
     # CSS styles for individual sections (no container)
     html_output = f"""
     <style>
@@ -64,7 +68,7 @@ if not filtered_df.empty:
             text-align: center;
             font-size: 28px;
             font-weight: bold;
-            font-family: 'Georgia', serif;
+            font-family: {font_selected}, serif;
             color: #222;
             margin-bottom: 5px;
         }}
@@ -86,7 +90,7 @@ if not filtered_df.empty:
         .section-meta {{
             text-align: center;
             font-size: {fontsize}px;
-            font-family: Georgia, serif;
+            font-family: {font_selected}, serif;
             line-height: 1.8;
             color: #333;
             font-style: italic;
@@ -96,7 +100,7 @@ if not filtered_df.empty:
             column-gap: 40px;
             text-align: justify;
             font-size: {fontsize}px;
-            font-family: Georgia, serif;
+            font-family: {font_selected}, serif;
             line-height: 1.8;
             color: #333;
         }}