Update app.py

app.py

@@ -34,7 +34,7 @@ def load_css():
         color: black;
         border: none;
         padding: 0.5rem 1rem;
-        Updating: 4px;
+        border-radius: 4px;
         cursor: pointer;
         font-size: 0.9rem;
         margin-top: 0.5rem;
@@ -115,10 +115,7 @@ def generate_citation_hash(author, year, url, fragment_text, cited_text, usernam
 def format_citation_html(url, fragment_text, author, year, scc_hash):
     encoded_fragment = urllib.parse.quote(fragment_text)
     full_url = f"{url}#:~:text={encoded_fragment}"
-    return f'<a href="{full_url}" data-hash="{scc_hash}">({author}, {year})</a>'
-
-def format_citation_plaintext(author, year, scc_hash):
-    return f'({author}, {year}) [hash: {scc_hash[:12]}...]'
+    return f'<a href="{full_url}" data-hash="{scc_hash}">{author}, {year}</a>'
 
 def check_for_fragment(url):
     return '#:~:text=' in url
@@ -215,11 +212,11 @@ with st.expander("About SCC and Example Citation"):
     - Author: <code>Abuseif et al.</code><br>
     - Year: <code>2025</code><br>
     - URL: <code>https://www.sciencedirect.com/science/article/pii/S2772411523000046</code><br>
-    - Text: <code>A proposed design framework for green roof settings in general and trees on buildings</code怎么办
+    - Text: <code>A proposed design framework for green roof settings in general and trees on buildings</code><br>
 
-    <strong>Output (HTML - example hash):</strong><br>
+    <strong>Output (HTML):</strong><br>
     <div class="hash-display">
-    &lt;a href="https://www.sciencedirect.com/science/article/pii/S2772411523000046#:~:text=A%20proposed%20design%20framework%20for%20green%20roof%20settings%20in%20general%20and%20trees%20on%20buildings" data-hash="[GENERATED_HASH]"&gt;(Abuseif et al., 2025)&lt;/a&gt;
+    &lt;a href="https://www.sciencedirect.com/science/article/pii/S2772411523000046#:~:text=A%20proposed%20design%20framework%20for%20green%20roof%20settings%20in%20general%20and%20trees%20on%20buildings" data-hash="[GENERATED_HASH]"&gt;Abuseif et al., 2025&lt;/a&gt;
     </div>
     </div>
     """, unsafe_allow_html=True)
@@ -279,33 +276,27 @@ with tabs[0]:
             scc_hash = generate_citation_hash(author_name, publication_year, source_url, annotated_text, annotated_text, username, task_name, current_date, current_time)
 
             st.markdown("## Generated Citations")
+            col_html1, col_html2 = st.columns(2)
 
-            # HTML Citation - Start of text
-            st.markdown("### HTML Citation (Start of Text)")
-            html_citation_start = f'"{annotated_text}" ' + format_citation_html(source_url, annotated_text, author_name, publication_year, scc_hash)
-            
-            st.markdown('<div class="citation-output">', unsafe_allow_html=True)
-            st.code(html_citation_start, language='html')
-            st.markdown(copy_to_clipboard_js(html_citation_start.replace('`', '\\`'), "html_start"), unsafe_allow_html=True)
-            st.markdown('</div>', unsafe_allow_html=True)
-
-            # HTML Citation - End of text
-            st.markdown("### HTML Citation (End of Text)")
-            html_citation_end = format_citation_html(source_url, annotated_text, author_name, publication_year, scc_hash) + f' "{annotated_text}"'
-            
-            st.markdown('<div class="citation-output">', unsafe_allow_html=True)
-            st.code(html_citation_end, language='html')
-            st.markdown(copy_to_clipboard_js(html_citation_end.replace('`', '\\`'), "html_end"), unsafe_allow_html=True)
-            st.markdown('</div>', unsafe_allow_html=True)
-
-            # Plaintext Citation
-            st.markdown("### Plaintext Citation")
-            plaintext_citation = format_citation_plaintext(author_name, publication_year, scc_hash)
-            
-            st.markdown('<div class="citation-output">', unsafe_allow_html=True)
-            st.code(plaintext_citation)
-            st.markdown(copy_to_clipboard_js(plaintext_citation, "plaintext"), unsafe_allow_html=True)
-            st.markdown('</div>', unsafe_allow_html=True)
+            # HTML Citation - Start of Text
+            with col_html1:
+                st.markdown("### HTML Citation (Start of Text)")
+                html_citation_start = f'"{annotated_text}" (<a href="{source_url}#:~:text={urllib.parse.quote(annotated_text)}" data-hash="{scc_hash}">{author_name}, {publication_year}</a>)'
+                
+                st.markdown('<div class="citation-output">', unsafe_allow_html=True)
+                st.code(html_citation_start, language='html')
+                st.markdown(copy_to_clipboard_js(html_citation_start.replace('`', '\\`'), "html_start"), unsafe_allow_html=True)
+                st.markdown('</div>', unsafe_allow_html=True)
+
+            # HTML Citation - End of Text
+            with col_html2:
+                st.markdown("### HTML Citation (End of Text)")
+                html_citation_end = f'(<a href="{source_url}#:~:text={urllib.parse.quote(annotated_text)}" data-hash="{scc_hash}">{author_name}, {publication_year}</a>) "{annotated_text}"'
+                
+                st.markdown('<div class="citation-output">', unsafe_allow_html=True)
+                st.code(html_citation_end, language='html')
+                st.markdown(copy_to_clipboard_js(html_citation_end.replace('`', '\\`'), "html_end"), unsafe_allow_html=True)
+                st.markdown('</div>', unsafe_allow_html=True)
 
             # Citation Hash Details
             st.markdown("### Citation Hash Details (for Verification)")