Update app.py

app.py

@@ -111,7 +111,6 @@ def check_for_fragment(url):
     return '#:~:text=' in url
 
 def parse_citation_text(citation_text):
-    # Match both "Author (Year)" and "(Author, Year)"
     match = re.match(r'^(?:(\w[\w\s.,&et al]+)\s*\((\d{4})\)|\((\w[\w\s.,&et al]+),\s*(\d{4})\))$', citation_text.strip())
     if match:
         author = match.group(1) or match.group(3)
@@ -211,10 +210,8 @@ with st.expander("About SCC and Example Citation"):
         
         <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>
-    </div>
-    
-    <div class="info-card">
-        <h3>Example Citation</h3>
+        
+        <h4>Example Citation</h4>
         <p><strong>Inputs:</strong></p>
         <ul>
             <li><strong>Username:</strong> jdoe</li>
@@ -226,14 +223,14 @@ with st.expander("About SCC and Example Citation"):
         </ul>
         <p><strong>Outputs:</strong></p>
         <ul>
-            <li><strong>Citation (Start of Text):</strong> <span style="font-size: 1.2rem;">Abuseif et al. (2025)</span> (hyperlinked to the source URL with text fragment)</li>
-            <li><strong>Citation (End of Text):</strong> <span style="font-size: 1.2rem;">(Abuseif et al., 2025)</span> (hyperlinked to the source URL with text fragment)</li>
-            <li><strong>SCC Index:</strong> <span style="font-size: 0.85rem;">Abuseif et al. (2025). &lt;64-character SHA-256 hash&gt;</span> (hyperlinked to the source URL with metadata)</li>
+            <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—Urban%20Design%20Thesis—2025-08-06—19:23:45</code>)</li>
         </ul>
     </div>
     """, unsafe_allow_html=True)
 
-# Expandable section for SCC Guidelines
+# Expandable section for SCC Style Guidelines
 with st.expander("SCC Style Guidelines"):
     st.markdown("""
     <div class="info-card">
@@ -260,9 +257,9 @@ with st.expander("SCC Style Guidelines"):
             <li><strong>Generate Citation:</strong> Click the "Generate Citation" button.</li>
             <li><strong>Copy Outputs:</strong>
                 <ul>
-                    <li><strong>Citation (Start of Text):</strong> Use "Author (Year)" for the start of a sentence.</li>
-                    <li><strong>Citation (End of Text):</strong> Use "(Author, Year)" for in-text citations.</li>
-                    <li><strong>SCC Index:</strong> Copy the hash link (e.g., "Abuseif et al. (2025). &lt;hash&gt;") for verification.</li>
+                    <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>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>
                 </ul>
             </li>
@@ -273,14 +270,14 @@ with st.expander("SCC Style Guidelines"):
             <li><strong>Access the Tool:</strong> Open the "Verify Citation" 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 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>
                 </ul>
             </li>
             <li><strong>Enter SCC Index Information:</strong>
                 <ul>
-                    <li><strong>SCC Index Text:</strong> Paste the hash text (e.g., "Abuseif et al. (2025). &lt;hash&gt;").</li>
-                    <li><strong>SCC Index URL:</strong> Paste the hyperlink URL from the hash (right-click and select "Copy Link Address").</li>
+                    <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>
                 </ul>
             </li>
             <li><strong>Verify Citation:</strong> Click the "Verify Citation" button.</li>
@@ -366,7 +363,7 @@ with tabs[0]:
                 st.markdown(citation_link_end, unsafe_allow_html=True)
                 st.markdown('</div>', unsafe_allow_html=True)
 
-            # SCC Ledger
+            # SCC Index
             st.markdown("### SCC Index")
             st.markdown('<div class="hash-display">', unsafe_allow_html=True)
             st.markdown(metadata_link, unsafe_allow_html=True)