Update app.py

app.py

@@ -198,19 +198,15 @@ st.markdown("""
 with st.expander("About SCC and Example Citation"):
     st.markdown("""
     <div class="info-card">
-        <h3>About SCC</h3>
         <p>The Smart Context Citation (SCC) style is a modern referencing system designed to enhance transparency and integrity in academic citations, particularly in the era of generative AI. It integrates context directly into citations, uses cryptographic hashes for verification, and eliminates the need for traditional reference lists.</p>
-        
         <h4>Key Features</h4>
         <ul>
-            <li><strong>Inline Citations:</strong> Uses author-year format, either "Author (Year)" or "(Author, Year)", hyperlinked to the source with a text fragment.</li>
+            <li><strong>Inline Citations:</strong> Uses author-year format, either &quot;Author (Year)&quot; or &quot;(Author, Year)&quot;, hyperlinked to the source with a text fragment.</li>
             <li><strong>SCC Index:</strong> A unique SHA-256 hash ensures citation authenticity, linked to metadata including username, task, date, and time.</li>
             <li><strong>Benefits:</strong> Promotes digital fluency, ensures source traceability, prevents fabrication, and simplifies referencing.</li>
         </ul>
-        
         <h4>Technical Legitimacy</h4>
         <p>The SCC style leverages the <a href="https://wicg.github.io/scroll-to-text-fragment/" target="_blank">W3C Text Fragments specification</a>, enabling precise linking to specific text within web pages. This ensures citations are contextually accurate and verifiable, aligning with modern web standards.</p>
-        
         <h4>Example Citation</h4>
         <p><strong>Inputs:</strong></p>
         <ul>
@@ -225,7 +221,7 @@ with st.expander("About SCC and Example Citation"):
         <ul>
             <li><strong>Citation (Start of Text):</strong> <span style="font-size: 1.2rem;">Abuseif et al. (2025)</span> (hyperlinked to <code>https://www.sciencedirect.com/science/article/pii/S2772411523000046#:~:text=A%20proposed%20design%20framework</code>)</li>
             <li><strong>Citation (End of Text):</strong> <span style="font-size: 1.2rem;">(Abuseif et al., 2025)</span> (hyperlinked to <code>https://www.sciencedirect.com/science/article/pii/S2772411523000046#:~:text=A%20proposed%20design%20framework</code>)</li>
-            <li><strong>SCC Index:</strong> <span style="font-size: 0.85rem;">Abuseif et al. (2025). a1b2c3d4e5f67890a1b2c3d4e5f67890a1b2c3d4e5f67890a1b2c3d4e5f67890</span> (hyperlinked to <code>https://www.sciencedirect.com/science/article/pii/S2772411523000046#:~:text=jdoe%E2%80%94Urban%20Design%20Thesis%E2%80%942025-08-06%E2%80%9419:23:45</code>)</li>
+            <li><strong>SCC Index:</strong> <span style="font-size: 0.85rem;">Abuseif et al. (2025). a1b2c3d4e5f67890a1b2c3d4e5f67890a1b2c3d4e5f67890a1b2c3d4e5f67890</span> (hyperlinked to <code>https://www.sciencedirect.com/science/article/pii/S2772411523000046#:~:text=jdoe%252525E2%25252580%25252594Urban%252520Design%252520Thesis%252525E2%25252580%252525942025-08-06%252525E2%25252580%2525259419:23:45</code>)</li>
         </ul>
     </div>
     """, unsafe_allow_html=True)
@@ -234,12 +230,10 @@ with st.expander("About SCC and Example Citation"):
 with st.expander("SCC Style Guidelines"):
     st.markdown("""
     <div class="info-card">
-        <h3>SCC Style Guidelines</h3>
         <p>The Smart Context Citation (SCC) style ensures accurate, transparent, and verifiable citations. Follow these steps to generate and verify citations using the SCC Tool.</p>
-        
         <h4>Generating Citations</h4>
         <ol>
-            <li><strong>Access the Tool:</strong> Open the "Citation Generator" tab.</li>
+            <li><strong>Access the Tool:</strong> Open the &quot;Citation Generator&quot; tab.</li>
             <li><strong>Enter User Information:</strong>
                 <ul>
                     <li><strong>Username:</strong> Your unique identifier (e.g., jdoe).</li>
@@ -254,33 +248,32 @@ with st.expander("SCC Style Guidelines"):
                     <li><strong>Annotated Text:</strong> The quoted or paraphrased text from the source (e.g., A proposed design framework for green roof settings).</li>
                 </ul>
             </li>
-            <li><strong>Generate Citation:</strong> Click the "Generate Citation" button.</li>
+            <li><strong>Generate Citation:</strong> Click the &quot;Generate Citation&quot; button.</li>
             <li><strong>Copy Outputs:</strong>
                 <ul>
-                    <li><strong>Citation (Start of Text):</strong> Use "Author (Year)" for the start of a sentence (e.g., Abuseif et al. (2025)).</li>
-                    <li><strong>Citation (End of Text):</strong> Use "(Author, Year)" for in-text citations (e.g., (Abuseif et al., 2025)).</li>
+                    <li><strong>Citation (Start of Text):</strong> Use &quot;Author (Year)&quot; for the start of a sentence (e.g., Abuseif et al. (2025)).</li>
+                    <li><strong>Citation (End of Text):</strong> Use &quot;(Author, Year)&quot; for in-text citations (e.g., (Abuseif et al., 2025)).</li>
                     <li><strong>SCC Index:</strong> Copy the index link (e.g., Abuseif et al. (2025). a1b2c3d4e5f67890a1b2c3d4e5f67890a1b2c3d4e5f67890a1b2c3d4e5f67890) for verification.</li>
-                    <li>Right-click each link to copy the "Link Address" for verification.</li>
+                    <li>Right-click each link to copy the &quot;Link Address&quot; for verification.</li>
                 </ul>
             </li>
         </ol>
-        
         <h4>Verifying Citations</h4>
         <ol>
-            <li><strong>Access the Tool:</strong> Open the "Verify Citation" tab.</li>
+            <li><strong>Access the Tool:</strong> Open the &quot;Verify Citation&quot; tab.</li>
             <li><strong>Enter Citation Information:</strong>
                 <ul>
                     <li><strong>Citation Text:</strong> Paste the citation text (e.g., Abuseif et al. (2025) or (Abuseif et al., 2025)).</li>
-                    <li><strong>Citation URL:</strong> Paste the hyperlink URL from the citation (right-click and select "Copy Link Address").</li>
+                    <li><strong>Citation URL:</strong> Paste the hyperlink URL from the citation (right-click and select &quot;Copy Link Address&quot;).</li>
                 </ul>
             </li>
             <li><strong>Enter SCC Index Information:</strong>
                 <ul>
                     <li><strong>SCC Index Text:</strong> Paste the index text (e.g., Abuseif et al. (2025). a1b2c3d4e5f67890a1b2c3d4e5f67890a1b2c3d4e5f67890a1b2c3d4e5f67890).</li>
-                    <li><strong>SCC Index URL:</strong> Paste the hyperlink URL from the index (right-click and select "Copy Link Address").</li>
+                    <li><strong>SCC Index URL:</strong> Paste the hyperlink URL from the index (right-click and select &quot;Copy Link Address&quot;).</li>
                 </ul>
             </li>
-            <li><strong>Verify Citation:</strong> Click the "Verify Citation" button.</li>
+            <li><strong>Verify Citation:</strong> Click the &quot;Verify Citation&quot; button.</li>
             <li><strong>Review Result:</strong>
                 <ul>
                     <li><strong>Authentic Citation:</strong> Displayed in green if the hash matches, confirming integrity.</li>