[Fix] Render

app.py

@@ -150,9 +150,10 @@ a:hover {{color:{PRIMARY_DARK}}}
   margin-top:2rem;
 }}
 #cite-wrapper code {{
-  font-family:SFMono-Regular,Consolas,monospace;
-  font-size:.84rem;
-  white-space:pre-wrap;
+  font-family: SFMono-Regular, Consolas, monospace;
+  font-size: .84rem;
+  white-space: pre-wrap;
+  color: #0F172A; 
 }}
 #copy-btn {{
   position:absolute;
@@ -230,7 +231,7 @@ HERO_HTML = f"""
     <a href="https://publications.idiap.ch/attachments/papers/2024/George_IEEETBIOM_2024.pdf">Paper</a>&nbsp;•&nbsp;
     <a href="https://arxiv.org/abs/2307.01838">arXiv</a>&nbsp;•&nbsp;
     <a href="https://gitlab.idiap.ch/bob/bob.paper.tbiom2023_edgeface">Code</a>&nbsp;•&nbsp;
-    <img src="https://hitscounter.dev/api/hit?url=https%3A%2F%2Fhuggingface.co%2Fspaces%2idiap%2FEdgeFace&label=Visitors&icon=award-fill&color=%23dc3545" alt="Visitors">
+    <img src="https://hitscounter.dev/api/hit?url=https%3A%2F%2Fhuggingface.co%2Fspaces%2Fanjith2006%2FEdgeFace&label=Visitors&icon=award-fill&color=%23dc3545" alt="Visitors">
   </div>
 </div>
 """
@@ -241,12 +242,12 @@ CITATION_HTML = """
       navigator.clipboard.writeText(document.getElementById('bibtex').innerText)
         .then(()=>{this.textContent='✔︎';setTimeout(()=>this.textContent='Copy',1500);});
   ">Copy</button>
-<code id="bibtex">@article{{edgeface,
+<code id="bibtex">@article{edgeface,
   title  = {{EdgeFace: Efficient Face Recognition Model for Edge Devices}},
-  author = {{George, A. and Ecabert, C. and Otraoshi Shahreza, H. and Kotwal, K. and Marcel, S.}},
+  author = {{George, A. and Ecabert, C. and Otroshi, H. and Kotwal, K. and Marcel, S.}},
   journal= {{IEEE Trans. Biometrics, Behavior, & Identity Science}},
   year   = {{2024}}
-}}</code>
+}</code>
 </div>
 """
 
@@ -264,10 +265,15 @@ with gr.Blocks(css=CSS, title="EdgeFace Demo") as demo:
                            label="Image B", object_fit="contain")
 
     with gr.Row():
-        img_a = gr.Image(type="numpy", height=300, label="Image A",
-                         elem_classes="preview")
-        img_b = gr.Image(type="numpy", height=300, label="Image B",
-                         elem_classes="preview")
+        # img_a = gr.Image(type="numpy", height=300, label="Image A",
+        #                  elem_classes="preview")
+        # img_b = gr.Image(type="numpy", height=300, label="Image B",
+        #                  elem_classes="preview")
+        
+        img_a = gr.Image(type="numpy", height=300, label="Image A (click or drag-drop)",
+                 interactive=True, elem_classes="preview")
+        img_b = gr.Image(type="numpy", height=300, label="Image B (click or drag-drop)",
+                        interactive=True, elem_classes="preview")
 
     def _fill(evt: gr.SelectData):
         return _as_rgb(PRELOADED[evt.index]) if evt.index is not None else None