Temp

app.py

@@ -109,8 +109,32 @@ def greet(label, video0, video1):
 label = gr.outputs.Label(num_top_classes=3, label="Top class probabilities")
 demo = gr.Interface(fn=greet, inputs=[gr.Dropdown(["Webcam", "Video"], label="Please select the input type:", type="value"), gr.Video(source="webcam", label="Webcam recording", type="mp4"), gr.Video(source="upload", label="Video upload", type="mp4")], outputs=label,
                     title="SPOTER Sign language recognition",
-                    description="",
-                    article="This is joint work of [Matyas Bohacek](https://scholar.google.cz/citations?user=wDy1xBwAAAAJ) and [Zhuo Cao](https://www.linkedin.com/in/zhuo-cao-b0787a1aa/?originalSubdomain=hk). For more info, visit [our website.](https://www.signlanguagerecognition.com)",
+                    description="""
+<details>
+    <summary style="font-family: MonumentExpanded; color: rgb(218, 221, 216); font-size: 1em !important;" class="unselectable">
+    Instructions
+    </summary>
+<ol>
+    <li> upload video in question
+        <ul>
+            <li> interview- or speech-style with only one person visible and no video cuts
+            <li> between thirty seconds and three minutes in length
+        </ul>
+    <li> click "Submit"
+    <li> if server is busy, your video will be queued up
+    <li> results will appear in "Results" panel and will be sent to your e-mail
+    <li> if you believe that our analysis is incorrect, you can "Flag" the video and we will review for accuracy
+    <li> see M. Boháček and H. Farid. Protecting President Zelenskyy against Deep Fakes, arXiv:2206.12043, 2022 [<a href="https://arxiv.org/abs/2206.12043#">preprint</a>]
+</ol>
+</details>
+<details>
+    <summary style="font-family: MonumentExpanded; color: rgb(218, 221, 216); font-size: 1em !important;" class="unselectable">
+    Privacy
+    </summary>
+    We do not collect any user information. The videos are deleted from our servers after the analysis is completed, unless you directly flag them for inspection.
+</details>     
+                    """,
+                    article="",
                     css="""
                             @font-face {
                                 font-family: Graphik;
@@ -169,6 +193,28 @@ demo = gr.Interface(fn=greet, inputs=[gr.Dropdown(["Webcam", "Video"], label="Pl
                                 border: 0 !important;
                                 border-color: 0 !important;
                             }
+                            
+                            .gr-prose li {
+                                margin-top: 0 !important;
+                                margin-bottom: 0 !important;
+                            }
+                            
+                            .gr-prose ol ol, .gr-prose ol ul, .gr-prose ul ol, .gr-prose ul ul {
+                                margin-top: 0 !important;
+                                margin-bottom: 0 !important;
+                            }
+                            
+                            .gr-prose h1 {
+                                font-size: 1.75em !important;
+                                text-align: left !important;
+                            }
+                            
+                            .unselectable {
+                                -webkit-user-select: none;
+                                -moz-user-select: none;
+                                -ms-user-select: none;
+                                user-select: none;
+                            }
                            """,
                             cache_examples=True
                     )