debug commit

app.py

@@ -226,7 +226,8 @@ if submit:
         show_labels=True,
         make_responsive=True,
     )
-    st.markdown(htmlcode, unsafe_allow_html=True)
+
     st.write(htmlcode)
     st.write(pathlib.Path(image_1_path).exists())
+    st.write(image_1_path)
     st.image(Image.open(image_1_path))

utils.py

@@ -108,12 +108,12 @@ def imagecompare(
     image_2_path = str(image_2_path.resolve())
     sahi.utils.cv.read_image_as_pil(img2).save(image_2_path)
 
-    image_1_name = "https://juxtapose.knightlab.com/static/img/Sochi_11April2005.jpg"
-    image_2_name = "https://juxtapose.knightlab.com/static/img/Sochi_22Nov2013.jpg"
+    # image_1_name = "https://juxtapose.knightlab.com/static/img/Sochi_11April2005.jpg"
+    # image_2_name = "https://juxtapose.knightlab.com/static/img/Sochi_22Nov2013.jpg"
 
     img_width, img_height = img1.size
     h_to_w = img_height / img_width
-    height = width * h_to_w - 20
+    height = (width * h_to_w) * 0.95
 
     # load css + js
     cdn_path = "https://cdn.knightlab.com/libs/juxtapose/latest"
@@ -124,7 +124,7 @@ def imagecompare(
     htmlcode = f"""
         {css_block}
         {js_block}
-        <div id="foo"style="height: '%100'; width: {width or '%100'};"></div>
+        <div id="foo"style="height: {height}; width: {width or '%100'};"></div>
         <script>
         slider = new juxtapose.JXSlider('#foo',
             [