aes

app.py

@@ -109,7 +109,13 @@ def show_annotated_sentence(sent,option_locs=[],mask_locs=[]):
             style_list.append(f'{word}')
     disp = ' '.join(style_list)
     suffix = '</span></p>'
-    return prefix + disp + suffix
+    return st.markdown(prefix + disp + suffix, unsafe_allow_html = True)
+
+def show_instruction(sent):
+    disp_style = '"font-family:san serif; color:Black; font-size: 20px"'
+    prefix = f'<p style={disp_style}><span style="font-weight:bold">'
+    suffix = '</span></p>'
+    return st.markdown(prefix + sent + suffix, unsafe_allow_html = True)
 
 if __name__=='__main__':
     wide_setup()
@@ -123,7 +129,7 @@ if __name__=='__main__':
         st.session_state['page_status'] = 'type_in'
 
     if st.session_state['page_status']=='type_in':
-        st.write('1. Type in the sentences and click "Tokenize"')
+        show_instruction('1. Type in the sentences and click "Tokenize"')
         sent_1 = st.text_input('Sentence 1',value='It is better to play a prank on Samuel than Craig because he gets angry less often.')
         sent_2 = st.text_input('Sentence 2',value='It is better to play a prank on Samuel than Craig because he gets angry more often.')
         if st.button('Tokenize'):
@@ -136,7 +142,7 @@ if __name__=='__main__':
         sent_1 = st.session_state['sent_1']
         sent_2 = st.session_state['sent_2']
 
-        st.write('2. Select sites to mask out and click "Confirm"')
+        show_instruction('2. Select sites to mask out and click "Confirm"')
         annotate_mask(1,sent_1)
         annotate_mask(2,sent_2)
         if st.button('Confirm',key='mask'):
@@ -147,7 +153,7 @@ if __name__=='__main__':
         sent_1 = st.session_state['sent_1']
         sent_2 = st.session_state['sent_2']
 
-        st.write('2. Select options and click "Confirm"')
+        show_instruction('3. Select options and click "Confirm"')
         annotate_options(1,sent_1)
         annotate_options(2,sent_2)
         if st.button('Confirm',key='option'):
@@ -158,12 +164,12 @@ if __name__=='__main__':
         with main_area.container():
             sent_1 = st.session_state['sent_1']
             sent_2 = st.session_state['sent_2']
-            st.markdown(show_annotated_sentence(st.session_state['decoded_sent_1'],
+            show_annotated_sentence(st.session_state['decoded_sent_1'],
                                         option_locs=st.session_state['option_locs_1'],
-                                        mask_locs=st.session_state['mask_locs_1']), unsafe_allow_html = True)
-            st.markdown(show_annotated_sentence(st.session_state['decoded_sent_2'],
+                                        mask_locs=st.session_state['mask_locs_1'])
+            show_annotated_sentence(st.session_state['decoded_sent_2'],
                                         option_locs=st.session_state['option_locs_2'],
-                                        mask_locs=st.session_state['mask_locs_2']), unsafe_allow_html = True)
+                                        mask_locs=st.session_state['mask_locs_2'])
 
             input_ids_1 = tokenizer(sent_1).input_ids
             input_ids_2 = tokenizer(sent_2).input_ids