small changes

pages/4_🔗_Compare_Demo.py

@@ -49,44 +49,73 @@ def get_tokens(doc):
     return [token.lower for token in doc]
 
 
+def get_pos_tags(doc):
+    return [token.pos_ for token in doc]
+
+
 def add_md_color(text, match):
     color = 'green' if match else 'red'
     return f":{color}[{text}]"
 
 
-def create_str_output(doc, matching_idxs):
+def add_em(text, match):
+    if match:
+        return f"**{text}**"
+    else:
+        return f"*{text}*"
+
+
+def create_str_output(doc, idxs):
     out = []
     for token in doc:
-        if any(token.i in range(start, end) for start, end in matching_idxs):
-            match = True
+        text = token.text
+        # higlight word diff
+        if any(token.i in range(start, end) for start, end in idxs):
+            text = add_md_color(text, match=True)
         else:
-            match = False
-        out.append(add_md_color(token.text, match))
+            text = add_md_color(text, match=False)
+
+        out.append(text)
+
     return ' '.join(out)
 
 
-if button:
+def get_matching_idxs(items_1, items_2):
+    sm = difflib.SequenceMatcher(None, items_1, items_2)
+    matching_blocks = [match for match in sm.get_matching_blocks()]
+    doc_1_matching_idxs = []
+    doc_2_matching_idxs = []
+    for a, b, n in matching_blocks:
+        doc_1_matching_idxs.append((a, a + n))
+        doc_2_matching_idxs.append((b, b + n))
+    return doc_1_matching_idxs, doc_2_matching_idxs
+
 
+if button:
     with st.spinner('⚙️ Comparing Texts...'):
         doc_1 = nlp(text_1)
         doc_2 = nlp(text_2)
 
     st.header('🧪 Comparison')
-    st.markdown('We can highlight the :green[similarities] and :red[differences] across the two texts')
+    st.markdown('We can highlight the :green[similarities] and :red[differences] in **wording** across the two texts.')
+
+    doc_1_token_idxs, doc_2_token_idxs = get_matching_idxs(get_tokens(doc_1), get_tokens(doc_2))
+
     col1, col2 = st.columns(2)
-    sm = difflib.SequenceMatcher(None, get_tokens(doc_1), get_tokens(doc_2))
-    matching_blocks = [match for match in sm.get_matching_blocks()]
+    with col1:
+        st.markdown(create_str_output(doc_1, doc_1_token_idxs))
+    with col2:
+        st.markdown(create_str_output(doc_2, doc_2_token_idxs))
 
-    doc_1_matching_idxs = []
-    doc_2_matching_idxs = []
-    for a, b, n in matching_blocks:
-        doc_1_matching_idxs.append((a, a + n))
-        doc_2_matching_idxs.append((b, b + n))
+    doc_1_tag_idxs, doc_2_tag_idxs = get_matching_idxs(get_pos_tags(doc_1), get_pos_tags(doc_2))
 
+    st.markdown('We can highlight the :green[similarities] and :red[differences] in **syntax** across the two texts.')
+    col1, col2 = st.columns(2)
     with col1:
-        st.markdown(create_str_output(doc_1, doc_1_matching_idxs))
+        st.markdown(create_str_output(doc_1, doc_1_tag_idxs))
     with col2:
-        st.markdown(create_str_output(doc_2, doc_2_matching_idxs))
+        st.markdown(create_str_output(doc_2, doc_2_tag_idxs))
+
 
     col1, col2, col3 = st.columns(3)
 

utils.py

@@ -5,11 +5,13 @@ from pathlib import Path
 
 import mailerlite as MailerLite
 import streamlit as st
+import streamlit.components.v1 as components
+
 
 client = MailerLite.Client({
-    'api_key': 'HELLO'
+    'api_key': os.environ['mailerlitetoken']
 })
-NEWSLETTER_GROUP_ID = "74940965074240697"
+NEWSLETTER_GROUP_ID = int(os.environ['NEWSLETTERGROUPID'])
 
 
 def get_timestamp():
@@ -33,19 +35,36 @@ def add_logo_to_sidebar():
     )
 
 
+def add_share_to_twitter_button():
+    return components.html(
+        """
+            <a href="https://twitter.com/share?ref_src=twsrc%5Etfw" class="twitter-share-button" 
+            data-text="Checkout the Legal AI Actions Demo from @simplexico_ 🎈" 
+            data-url="https://simplexico-legal-ai-actions.hf.space"
+            data-show-count="false">
+            data-size="Large" 
+            data-hashtags="legalai,legalnlp"
+            Tweet
+            </a>
+            <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
+        """, height=30
+    )
+
+
 def add_footer():
     st.markdown("""
-    ### 🙋‍♂️ Hire us to build out your own tailored Legal AI solutions!
+    ### 🙋‍♂️ Interested in building out your own tailored Legal AI solutions?
     - 🌐 Check out our [website](https://simplexico.ai)
     - 📞 Book a call with [us](https://calendly.com/uwais-iqbal/discovery-call)
     - ✉️ Send us an [email](mailto:[email protected])
     
-    **Follow Us on Social Media** - [🐥 Twitter](https://twitter.com/_simplexico) | [💼 LinkedIn](https://www.linkedin.com/company/simplexico/?viewAsMember=true)
+    #### 🙌 Follow Us on Social Media - [🐥 Twitter](https://twitter.com/_simplexico) | [💼 LinkedIn](https://www.linkedin.com/company/simplexico/?viewAsMember=true)
     """)
 
 
 def add_email_signup_form():
-    st.markdown("### 💌 Join our mailing list to keep up to date with all things simplexico!")
+    st.markdown("### 💌 Join our mailing list!")
+    st.markdown('Keep up to date with all things simplexico with our monthly newsletter.')
     col1, col2 = st.columns(2)
     with st.form(key='email-form'):
         name = col1.text_input(label='Enter your name', placeholder='John Doe')

🏡_Home.py

@@ -1,4 +1,5 @@
 import streamlit as st
+
 from utils import add_logo_to_sidebar, add_footer, add_email_signup_form
 
 st.set_page_config(
@@ -13,7 +14,6 @@ st.set_page_config(
     }
 )
 
-## Add logo to sidebar
 add_logo_to_sidebar()
 
 st.title("👋 Welcome - Legal AI Demos from simplexico!")
@@ -35,38 +35,38 @@ st.markdown(
     - 🔎 **Find** - Using AI to **find** relevant information from a collection of texts
     - ✍️ **Draft** - Using AI to **draft** text
     - 📝 **Summarise** - Using AI to **summarise** text
+    
+    📢 FYI - These demos are to help you understand AI better. The AI models have not been optimised for prediction performance.
 
     ### 👈 Select a demo from the sidebar to see some examples of what Legal AI can do!
     
-    📢 FYI - These demos are to help you understand AI better. They have not been optimised for prediction performance.
     """)
 
 add_email_signup_form()
 
-
 st.markdown(
-"""
-    ### 🏗 What goes into making an AI model?
-    Building an AI model is a lot like cooking. 
-    A 👩‍🍳 chef (data scientist) combines the 🥒 ingredients (data) according to a recipe 📜 (algorithm)
-    and 🍳 cooks the meal (trains the model) in the 🔪 kitchen (computing environment). 
-    Once the 🥧 meal (AI model) is ready, it can be 🛎 served (deployed) to a 💁🏻customer (user) 
-    ready to be 🍽 eaten (used) and enjoyed 😋 (meeting the user's needs).
-    
-    ### 🎁 Showcasing our recipes
-    Our Legal AI Chefs 🧑‍🍳 have prepared a selection of recipes 📜 and with publicly sourced 
-    ingredients 🥒 they have created some fantastic meals 🥧 (AI demos) for you to try. 
-    We've also peppered on some explainability so you can see what the AI model is thinking. 
-    Try them out 🍽!
-    
-    ### ℹ About Us
-    simplexico offers white-glove Legal AI education, design and development services. We are on a mission to help
-    legal professionals step into a future of collaboration with AI. 
-    
-    We have the Legal AI Chefs 👩‍🍳 and recipes 📜. 
-    You have the ingredients 🥒 (data).
-    We can tailor some yummy Legal AI meals for your taste 🥧!
-"""
+    """
+        ### 🏗 What goes into making an AI model?
+        Building an AI model is a lot like cooking. 
+        A 👩‍🍳 chef (data scientist) combines the 🥒 ingredients (data) according to a recipe 📜 (algorithm)
+        and 🍳 cooks the meal (trains the model) in the 🔪 kitchen (computing environment). 
+        Once the 🥧 meal (AI model) is ready, it can be 🛎 served (deployed) to a 💁🏻customer (user) 
+        ready to be 🍽 eaten (used) and enjoyed 😋 (meeting the user's needs).
+        
+        ### 🎁 Showcasing our recipes
+        Our Legal AI Chefs 🧑‍🍳 have prepared a selection of recipes 📜 and with publicly sourced 
+        ingredients 🥒 they have created some fantastic meals 🥧 (AI demos) for you to try. 
+        We've also peppered on some explainability so you can see what the AI model is thinking. 
+        Try them out 🍽!
+        
+        ### ℹ About Us
+        simplexico offers white-glove Legal AI education, design and development services. We are on a mission to help
+        legal professionals step into a future of collaboration with AI. 
+        
+        We have the Legal AI Chefs 👩‍🍳 and recipes 📜. 
+        You have the ingredients 🥒 (data).
+        We can tailor some yummy Legal AI meals for your taste 🥧!
+    """
 )
 
 add_footer()