Update app.py

app.py

@@ -86,7 +86,7 @@ def load_css():
     
     .rendered-citation {
         margin: 0.5rem 0;
-        font-size: 1.4rem; /* Increased font size for generated citations */
+        font-size: 1.4rem;
     }
     </style>
     """, unsafe_allow_html=True)
@@ -198,7 +198,7 @@ st.markdown("""
 with st.expander("About SCC and Example Citation"):
     st.markdown("""
     <div class="info-card">
-        <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>
+        <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 replaces the traditional reference list with an SCC Index that includes an Authenticated Citation Identifier (ACI).</p>
         <h4>Key Features</h4>
         <ul>
             <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>
@@ -206,12 +206,12 @@ with st.expander("About SCC and Example Citation"):
             <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>
+        <p>The SCC style uses the W3C Text Fragments specification by Burris and Bokan (2023) to enable precise linking to specific sections of digital content. This ensures that citations are contextually accurate, verifiable, and aligned with modern digital standards. <a href="https://wicg.github.io/scroll-to-text-fragment/" target="_blank">W3C Text Fragments specification</a></p>
         <h4>Example Citation</h4>
         <p><strong>Inputs:</strong></p>
         <ul>
             <li><strong>Username:</strong> Majed</li>
-            <li><strong>Task Name:</strong> Trees on Buildings Design</li>
+            <li><strong>Task Name:</strong> Design Strategies for Trees on Buildings</li>
             <li><strong>Author:</strong> Abuseif et al.</li>
             <li><strong>Year:</strong> 2023</li>
             <li><strong>URL:</strong> https://www.sciencedirect.com/science/article/pii/S2772411523000046</li>
@@ -221,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. (2023)</span> (hyperlinked to <code>https://www.sciencedirect.com/science/article/pii/S2772411523000046#:~:text=A%20proposed%20design%20framework%20for%20green%20roof%20settings%20in%20general%20and%20trees%20on%20buildings%20in%20particular</code>)</li>
             <li><strong>Citation (End of Text):</strong> <span style="font-size: 1.2rem;">(Abuseif et al., 2023)</span> (hyperlinked to <code>https://www.sciencedirect.com/science/article/pii/S2772411523000046#:~:text=A%20proposed%20design%20framework%20for%20green%20roof%20settings%20in%20general%20and%20trees%20on%20buildings%20in%20particular</code>)</li>
-            <li><strong>SCC Index:</strong> <span style="font-size: 0.85rem;">Abuseif et al. (2023). 7825af167ba0b749651a9b21459c51aa693925f04ad5ee40c07656f9096c6e5f</span> (hyperlinked to <code>https://www.sciencedirect.com/science/article/pii/S2772411523000046#:~:text=Majed%252525E2%25252580%25252594Trees%252520on%252520Buildings%252520Design%252525E2%25252580%252525942025-08-06%252525E2%25252580%2525259419:42:28</code>)</li>
+            <li><strong>SCC Index:</strong> <span style="font-size: 0.85rem;">Abuseif et al. (2023). cda7ba19e51e430107e58696758fdf79b8f016d8f27e8f8691ad713e7c8bc668</span> (hyperlinked to <code>https://www.sciencedirect.com/science/article/pii/S2772411523000046#:~:text=Majed%252525E2%25252580%25252594Design%252520Strategies%252520for%252520Trees%252520on%252520Buildings%252525E2%25252580%252525942025-08-06%252525E2%25252580%2525259420:41:11</code>)</li>
         </ul>
     </div>
     """, unsafe_allow_html=True)
@@ -237,7 +237,7 @@ with st.expander("SCC Style Guidelines"):
             <li><strong>Enter User Information:</strong>
                 <ul>
                     <li><strong>Username:</strong> Your unique identifier (e.g., Majed).</li>
-                    <li><strong>Task Name:</strong> The project or assignment name (e.g., Trees on Buildings Design).</li>
+                    <li><strong>Task Name:</strong> The project or assignment name (e.g., Design Strategies for Trees on Buildings).</li>
                 </ul>
             </li>
             <li><strong>Enter Citation Information:</strong>
@@ -245,7 +245,7 @@ with st.expander("SCC Style Guidelines"):
                     <li><strong>Author(s) Name:</strong> The author(s) of the source (e.g., Abuseif et al.).</li>
                     <li><strong>Publication Year:</strong> The year of publication (e.g., 2023).</li>
                     <li><strong>Source URL:</strong> The full URL of the source, without text fragments (e.g., https://www.sciencedirect.com/science/article/pii/S2772411523000046).</li>
-                    <li><strong>Annotated Text:</strong> The quoted or paraphrased text from the source (e.g., A proposed design framework for green roof settings in general and trees on buildings in particular).</li>
+                    <li><strong>Annotated Text:</strong> The sentence or paragraph containing the information you are referencing from the source (e.g., A proposed design framework for green roof settings in general and trees on buildings in particular).</li>
                 </ul>
             </li>
             <li><strong>Generate Citation:</strong> Click the &quot;Generate Citation&quot; button.</li>
@@ -253,12 +253,17 @@ with st.expander("SCC Style Guidelines"):
                 <ul>
                     <li><strong>Citation (Start of Text):</strong> Use &quot;Author (Year)&quot; for the start of a sentence (e.g., Abuseif et al. (2023)).</li>
                     <li><strong>Citation (End of Text):</strong> Use &quot;(Author, Year)&quot; for in-text citations (e.g., (Abuseif et al., 2023)).</li>
-                    <li><strong>SCC Index:</strong> Copy the index link (e.g., Abuseif et al. (2023). 7825af167ba0b749651a9b21459c51aa693925f04ad5ee40c07656f9096c6e5f) for verification.</li>
-                    <li>Right-click each link to copy the &quot;Link Address&quot; for verification.</li>
+                    <li><strong>SCC Index:</strong> Copy the index link (e.g., Abuseif et al. (2023). cda7ba19e51e430107e58696758fdf79b8f016d8f27e8f8691ad713e7c8bc668) for verification.</li>
+                    <li>If you would like to test the reference before using it, click on it to check whether it is suitable and captures the information you need.</li>
                 </ul>
             </li>
         </ol>
-        <h4>Verifying Citations</h4>
+        <h4>Using References and the SCC Index in Your Document</h4>
+        <ul>
+            <li>Paste the reference directly in the appropriate place within your document.</li>
+            <li>Create an SCC Index (instead of a traditional reference list), and paste the corresponding SCC Index entry for each reference you’ve used.</li>
+        </ul>
+        <h4>Verifying Citations for Markers and Reviewers</h4>
         <ol>
             <li><strong>Access the Tool:</strong> Open the &quot;Verify Citation&quot; tab.</li>
             <li><strong>Enter Citation Information:</strong>
@@ -269,7 +274,7 @@ with st.expander("SCC Style Guidelines"):
             </li>
             <li><strong>Enter SCC Index Information:</strong>
                 <ul>
-                    <li><strong>SCC Index Text:</strong> Paste the index text (e.g., Abuseif et al. (2023). 7825af167ba0b749651a9b21459c51aa693925f04ad5ee40c07656f9096c6e5f).</li>
+                    <li><strong>SCC Index Text:</strong> Paste the index text (e.g., Abuseif et al. (2023). cda7ba19e51e430107e58696758fdf79b8f016d8f27e8f8691ad713e7c8bc668).</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>
@@ -295,7 +300,7 @@ with tabs[0]:
     with col1:
         username = st.text_input("Username", help="Your username for tracking purposes", placeholder="e.g., Majed")
     with col2:
-        task_name = st.text_input("Task Name", help="The name of the task or project", placeholder="e.g., Trees on Buildings Design")
+        task_name = st.text_input("Task Name", help="The name of the task or project", placeholder="e.g., Design Strategies for Trees on Buildings")
 
     # Citation Info Section
     st.subheader("Citation Info")
@@ -309,7 +314,7 @@ with tabs[0]:
     with col5:
         source_url = st.text_input("Source URL", help="The full URL of the source", placeholder="https://www.sciencedirect.com/science/article/pii/S2772411523000046")
     with col6:
-        annotated_text = st.text_input("Annotated Text", help="The text quoted or paraphrased from the source", placeholder="e.g., A proposed design framework for green roof settings...")
+        annotated_text = st.text_input("Annotated Text", help="The sentence or paragraph containing the information you are referencing from the source", placeholder="e.g., A proposed design framework for green roof settings...")
 
     # Live date and time display
     st.markdown("### Current Date and Time")