adding util file, email sign up and additional pages for actions

pages/1_🏷_Label_Clause_Demo.py

@@ -8,10 +8,9 @@ from huggingface_hub import hf_hub_download
 import streamlit as st
 import streamlit.components.v1 as components
 
-import numpy as np
-
 from lime.lime_text import LimeTextExplainer
-from lime import lime_text
+
+from utils import add_logo_to_sidebar, add_footer
 
 HF_TOKEN = os.environ.get("HF_TOKEN")
 REPO_ID = "simplexico/cuad-sklearn-clause-classifier"
@@ -34,6 +33,8 @@ st.set_page_config(
     }
 )
 
+add_logo_to_sidebar()
+
 st.title('🏷 Label Clause Demo')
 st.write("""
 This demo shows how AI can be used to label text.
@@ -94,4 +95,6 @@ if button:
         st.header('🔮 Prediction Explainability')
         st.write(
             'We can perform an analysis to work out what terms in the clause were most important in deciding the predicted clause type:')
-        components.html(exp.as_html(predict_proba=False), height=800)
+        components.html(exp.as_html(predict_proba=False), height=600)
+
+    add_footer()

pages/2_🏷_Label_Contract_Demo.py

@@ -8,10 +8,9 @@ import streamlit.components.v1 as components
 
 from huggingface_hub import hf_hub_download
 
-import numpy as np
-
 from lime.lime_text import LimeTextExplainer
-from lime import lime_text
+
+from utils import add_logo_to_sidebar, add_footer
 
 HF_TOKEN = os.environ.get("HF_TOKEN")
 REPO_ID = "simplexico/cuad-sklearn-contract-classifier"
@@ -58,6 +57,8 @@ st.set_page_config(
     }
 )
 
+add_logo_to_sidebar()
+
 st.title('🏷 Label Contract Demo')
 st.write("""
 This demo shows how AI can be used to label text.
@@ -120,4 +121,6 @@ if button:
         st.write(
             'We can perform an analysis to work out what terms in the contract were most important in deciding the predicted contract type:')
 
-        components.html(exp.as_html(predict_proba=False), height=800)
+        components.html(exp.as_html(predict_proba=False), height=600)
+
+    add_footer()

pages/3_⛏_Extract_Demo.py

@@ -13,6 +13,9 @@ from spacy.tokens import Span
 import pandas as pd
 import numpy as np
 
+from utils import add_logo_to_sidebar, add_footer
+
+
 HF_TOKEN = os.environ.get("HF_TOKEN")
 REPO_ID = "simplexico/cuad-spacy-custom-ner"
 
@@ -35,6 +38,8 @@ st.set_page_config(
     }
 )
 
+add_logo_to_sidebar()
+
 st.title('⛏ Extract Demo')
 st.write("""
 This demo shows how AI can be used to extract information from text.
@@ -181,4 +186,6 @@ if button:
         # Inject CSS with Markdown
         st.markdown(hide_dataframe_row_index, unsafe_allow_html=True)
 
-        st.table(df)
+        st.table(df)
+
+    add_footer()

pages/4_🔗_Compare_Demo.py

@@ -2,6 +2,8 @@ import streamlit as st
 import difflib
 import spacy
 
+from utils import add_logo_to_sidebar, add_footer
+
 
 @st.cache(allow_output_mutation=True)
 def load_model():
@@ -21,6 +23,8 @@ st.set_page_config(
     }
 )
 
+add_logo_to_sidebar()
+
 st.title('🔗 Compare Demo')
 st.write("""
 This demo shows how AI can be used to compare passages of text.
@@ -106,3 +110,5 @@ if button:
         st.subheader('💭 Semantic Similarity')
         st.markdown('We can measure the similarity based on the *meaning* of the two texts.')
         st.metric(label='Semantic Similarity', value=f"{doc_1.similarity(doc_2) * 100:.1f}%")
+
+    add_footer()

pages/5_🗂_Organise_Demo.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(
     page_title="Organise Demo",
@@ -12,6 +13,11 @@ st.set_page_config(
     }
 )
 
+add_logo_to_sidebar()
+
 st.title('🗂 Organise Demo')
-st.write("""This demo shows how AI can be used to organise a collection of texts.""")
-st.header("🏗 This demo is under construction. Please visit back soon.")
+st.markdown("🏗 This demo is under construction. Please visit back soon.")
+
+add_email_signup_form()
+
+add_footer()

pages/6_🔎_Find_Demo.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(
     page_title="Find Demo",
@@ -12,6 +13,11 @@ st.set_page_config(
     }
 )
 
+add_logo_to_sidebar()
+
 st.title('🔎 Find Demo')
-st.write("""This demo shows how AI can be used to find relevant information from a collection of texts.""")
-st.header("🏗 This demo is under construction. Please visit back soon.")
+st.markdown("🏗 This demo is currently under construction. Please visit back soon.")
+
+add_email_signup_form()
+
+add_footer()

utils.py

@@ -0,0 +1,80 @@
+import base64
+import os
+from datetime import datetime
+from pathlib import Path
+
+import mailerlite as MailerLite
+import streamlit as st
+
+client = MailerLite.Client({
+    'api_key': os.environ['mailerlitetoken']
+})
+NEWSLETTER_GROUP_ID = "74940965074240697"
+
+
+def get_timestamp():
+    return datetime.now().strftime('%Y-%m-%d %H:%M:%S')
+
+
+def add_logo_to_sidebar():
+    st.markdown(
+        f"""
+            <style>
+                [data-testid="stSidebarNav"] {{
+                    background-image: url(data:image/png;base64,{base64.b64encode(Path('logo.png').read_bytes()).decode()});
+                    background-repeat: no-repeat;
+                    background-position: 20px 20px;
+                    background-size: 300px;
+                    padding-top: 100px
+                }}
+            </style>
+            """,
+        unsafe_allow_html=True,
+    )
+
+
+def add_footer():
+    st.markdown("""
+    ### 🤔 Interested in hiring us to build bespoke 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:hello@simplexico.ai)
+    """)
+
+
+def add_email_signup_form():
+    st.markdown("### 💌 Join our mailing list to keep up to date with all things simplexico!")
+    col1, col2 = st.columns(2)
+    with st.form(key='email-form'):
+        name = col1.text_input(label='Enter your name', placeholder='John Doe')
+        email = col2.text_input(label='Enter your email', placeholder='john.doe@outlook.com')
+
+        submit_button = st.form_submit_button(label='Submit', type='primary', use_container_width=True)
+
+        if submit_button:
+            valid_name = True
+            valid_email = True
+
+            if name == "":
+                st.error('❌ Error! Please enter a name.')
+                valid_name = False
+
+            if email == "":
+                st.error('❌ Error! Please enter an email.')
+                valid_email = False
+            elif not '@' in email:
+                st.error('❌ Error! Please enter a valid email.')
+                valid_email = False
+            elif not '.' in email.split('@')[-1]:
+                st.error('❌ Error! Please enter a valid email.')
+                valid_email = False
+
+            if valid_name and valid_email:
+                response = client.subscribers.create(email, fields={'name': name},
+                                                     groups=[NEWSLETTER_GROUP_ID],
+                                                     status='active', subscribed_at=get_timestamp())
+                try:
+                    if response['data']['status'] == 'active':
+                        st.success(f'✅ 👋 Hey {name}! Welcome to our mailing list.')
+                except Exception as e:
+                    st.error(f"😕 Sorry {name}. Something went wrong. We weren't able to add you to our mailing list.")

🏡_Home.py

@@ -1,24 +1,30 @@
 import streamlit as st
-from PIL import Image
+from utils import add_logo_to_sidebar, add_footer, add_email_signup_form
 
 st.set_page_config(
     page_title="Legal AI Demos",
     page_icon="👋",
+    layout="wide",
+    initial_sidebar_state="expanded",
+    menu_items={
+        'Get Help': 'mailto:hello@simplexico.ai',
+        'Report a bug': None,
+        'About': "## This a demo showcasing different Legal AI Actions"
+    }
 )
 
-image = Image.open('logo.png')
-st.image(image, width=250)
+## Add logo to sidebar
+add_logo_to_sidebar()
 
-st.write("# Welcome to the Legal AI Action Demos from simplexico! 👋")
+st.title("👋 Welcome to the Legal AI Demos from simplexico!")
 
 st.sidebar.success("👆 Select a demo above.")
 
-
 st.markdown(
     """
     Here at simplexico, we've put together a collection of demos showcasing what AI can do in legal.
     AI tends go get spoken about in vague terms. We like to think about AI in terms of the specific 
-    action it can perform. These demos are meant to cut through all the hype and noise so you can simplify see
+    **action** it can perform. These demos are meant to cut through all the hype and noise so you can simplify see
     for yourself what AI can and can't do. 
     
     Here you will find demos for the most common Legal AI Actions including:
@@ -30,29 +36,28 @@ st.markdown(
 
     **👈 Select a demo from the sidebar** to see some examples of what Legal AI can do!
     
-    ## What goes into making an AI model?
+    ### 🏗 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
+    ### 🎁 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
+    ### ℹ 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 just for your taste 🥧!
-    
-    ### Want to learn more?
-    - 🌐 Check out our website [simplexico.ai](https://simplexico.ai)
-    - 📞 Book a Call With Us [Book a call](https://calendly.com/uwais-iqbal/discovery-call)
-"""
-)
+    We can tailor some yummy Legal AI meals for your taste 🥧!
+""")
+
+add_email_signup_form()
+
+add_footer()