Update app.py

app.py

@@ -86,7 +86,7 @@ def load_css():
     
     .rendered-citation {
         margin: 0.5rem 0;
-        font-size: 1.2rem;
+        font-size: 1.4rem; /* Increased font size for generated citations */
     }
     </style>
     """, unsafe_allow_html=True)
@@ -210,18 +210,18 @@ with st.expander("About SCC and Example Citation"):
         <h4>Example Citation</h4>
         <p><strong>Inputs:</strong></p>
         <ul>
-            <li><strong>Username:</strong> jdoe</li>
-            <li><strong>Task Name:</strong> Urban Design Thesis</li>
+            <li><strong>Username:</strong> Majed</li>
+            <li><strong>Task Name:</strong> Trees on Buildings Design</li>
             <li><strong>Author:</strong> Abuseif et al.</li>
-            <li><strong>Year:</strong> 2025</li>
+            <li><strong>Year:</strong> 2023</li>
             <li><strong>URL:</strong> https://www.sciencedirect.com/science/article/pii/S2772411523000046</li>
-            <li><strong>Annotated Text:</strong> A proposed design framework for green roof settings in urban environments</li>
+            <li><strong>Annotated Text:</strong> A proposed design framework for green roof settings in general and trees on buildings in particular</li>
         </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 <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%252525E2%25252580%25252594Urban%252520Design%252520Thesis%252525E2%25252580%252525942025-08-06%252525E2%25252580%2525259419:23:45</code>)</li>
+            <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>
         </ul>
     </div>
     """, unsafe_allow_html=True)
@@ -236,24 +236,24 @@ with st.expander("SCC Style Guidelines"):
             <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>
-                    <li><strong>Task Name:</strong> The project or assignment name (e.g., Urban Design Thesis).</li>
+                    <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>
                 </ul>
             </li>
             <li><strong>Enter Citation Information:</strong>
                 <ul>
                     <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., 2025).</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).</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>
                 </ul>
             </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 &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><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>
                 </ul>
             </li>
@@ -263,13 +263,13 @@ with st.expander("SCC Style Guidelines"):
             <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 Text:</strong> Paste the citation text (e.g., Abuseif et al. (2023) or (Abuseif et al., 2023)).</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 Text:</strong> Paste the index text (e.g., Abuseif et al. (2023). 7825af167ba0b749651a9b21459c51aa693925f04ad5ee40c07656f9096c6e5f).</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>
@@ -293,23 +293,23 @@ with tabs[0]:
     st.subheader("User Information")
     col1, col2 = st.columns(2)
     with col1:
-        username = st.text_input("Username", help="Your username for tracking purposes", placeholder="e.g., jdoe")
+        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., Literature Review Assignment")
+        task_name = st.text_input("Task Name", help="The name of the task or project", placeholder="e.g., Trees on Buildings Design")
 
     # Citation Info Section
     st.subheader("Citation Info")
     col3, col4 = st.columns(2)
     with col3:
-        author_name = st.text_input("Author(s) Name", help="The author(s) of the source", placeholder="e.g., Smith or Smith et al.")
+        author_name = st.text_input("Author(s) Name", help="The author(s) of the source", placeholder="e.g., Abuseif et al.")
     with col4:
         publication_year = st.text_input("Publication Year", help="The year of publication", placeholder="e.g., 2023")
     
     col5, col6 = st.columns(2)
     with col5:
-        source_url = st.text_input("Source URL", help="The full URL of the source", placeholder="https://example.com/article")
+        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., Thermal comfort thresholds...")
+        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...")
 
     # Live date and time display
     st.markdown("### Current Date and Time")
@@ -358,21 +358,19 @@ with tabs[0]:
 
             # SCC Index
             st.markdown("### SCC Index")
-            st.markdown('<div class="hash-display">', unsafe_allow_html=True)
             st.markdown(metadata_link, unsafe_allow_html=True)
-            st.markdown('</div>', unsafe_allow_html=True)
     
     st.markdown('</div>', unsafe_allow_html=True)
 
 with tabs[1]:
     st.markdown('<div class="tab-content">', unsafe_allow_html=True)
     st.subheader("Citation Information")
-    citation_text = st.text_input("Citation Text", help="Paste the citation text, e.g., 'Abuseif et al. (2025)' or '(Abuseif et al., 2025)'", placeholder="e.g., Abuseif et al. (2025)")
-    citation_url = st.text_input("Citation URL", help="Paste the hyperlink URL from the citation, e.g., 'https://example.com#:~:text=fragment'", placeholder="e.g., https://example.com#:~:text=fragment")
+    citation_text = st.text_input("Citation Text", help="Paste the citation text, e.g., 'Abuseif et al. (2023)' or '(Abuseif et al., 2023)'", placeholder="e.g., Abuseif et al. (2023)")
+    citation_url = st.text_input("Citation URL", help="Paste the hyperlink URL from the citation, e.g., 'https://www.sciencedirect.com/science/article/pii/S2772411523000046#:~:text=fragment'", placeholder="e.g., https://www.sciencedirect.com/science/article/pii/S2772411523000046#:~:text=fragment")
 
     st.subheader("SCC Index")
-    hash_text = st.text_input("SCC Index Text", help="Paste the index text, e.g., 'Abuseif et al. (2025). <hash>'", placeholder="e.g., Abuseif et al. (2025). <hash>")
-    hash_url = st.text_input("SCC Index URL", help="Paste the hyperlink URL from the index, e.g., 'https://example.com#:~:text=metadata'", placeholder="e.g., https://example.com#:~:text=metadata")
+    hash_text = st.text_input("SCC Index Text", help="Paste the index text, e.g., 'Abuseif et al. (2023). <hash>'", placeholder="e.g., Abuseif et al. (2023). <hash>")
+    hash_url = st.text_input("SCC Index URL", help="Paste the hyperlink URL from the index, e.g., 'https://www.sciencedirect.com/science/article/pii/S2772411523000046#:~:text=metadata'", placeholder="e.g., https://www.sciencedirect.com/science/article/pii/S2772411523000046#:~:text=metadata")
 
     verify_button = st.button("Verify Citation", type="primary", use_container_width=True)