Update app.py

app.py

@@ -1,9 +1,82 @@
 import gradio as gr
-#输入文本处理程序
-def greet(name):
-    return "Hello " + name + "!"
-#接口创建函数
-#fn设置处理函数，inputs设置输入接口组件，outputs设置输出接口组件
-#fn,inputs,outputs都是必填函数
-iface = gr.Interface(fn=greet, inputs="text", outputs="text")
-iface.launch()
+from transformers import pipeline
+
+unmasker = pipeline('fill-mask', model='roberta-base') #bert-base-multilingual-cased') #bert-base-uncased')
+
+def fill_mask(text):
+  unmasked = unmasker(text)
+  output = {}
+  for unmask in unmasked:
+    output[unmask["token_str"]] = unmask["score"]
+  return output
+
+examples = [["Hello I'm a [MASK] model."], ["[MASK] is my favourite sports."]]
+
+css = """
+footer {display:none !important}
+.output-markdown{display:none !important}
+.gr-button-primary {
+    z-index: 14;
+    height: 43px;
+    width: 130px;
+    left: 0px;
+    top: 0px;
+    padding: 0px;
+    cursor: pointer !important; 
+    background: none rgb(17, 20, 45) !important;
+    border: none !important;
+    text-align: center !important;
+    font-family: Poppins !important;
+    font-size: 14px !important;
+    font-weight: 500 !important;
+    color: rgb(255, 255, 255) !important;
+    line-height: 1 !important;
+    border-radius: 12px !important;
+    transition: box-shadow 200ms ease 0s, background 200ms ease 0s !important;
+    box-shadow: none !important;
+}
+.gr-button-primary:hover{
+    z-index: 14;
+    height: 43px;
+    width: 130px;
+    left: 0px;
+    top: 0px;
+    padding: 0px;
+    cursor: pointer !important;
+    background: none rgb(37, 56, 133) !important;
+    border: none !important;
+    text-align: center !important;
+    font-family: Poppins !important;
+    font-size: 14px !important;
+    font-weight: 500 !important;
+    color: rgb(255, 255, 255) !important;
+    line-height: 1 !important;
+    border-radius: 12px !important;
+    transition: box-shadow 200ms ease 0s, background 200ms ease 0s !important;
+    box-shadow: rgb(0 0 0 / 23%) 0px 1px 7px 0px !important;
+}
+.hover\:bg-orange-50:hover {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgb(229,225,255) !important;
+}
+.to-orange-200 {
+    --tw-gradient-to: rgb(37 56 133 / 37%) !important;
+}
+.from-orange-400 {
+    --tw-gradient-from: rgb(17, 20, 45) !important;
+    --tw-gradient-to: rgb(255 150 51 / 0);
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
+}
+.group-hover\:from-orange-500{
+    --tw-gradient-from:rgb(17, 20, 45) !important; 
+    --tw-gradient-to: rgb(37 56 133 / 37%);
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
+}
+.group:hover .group-hover\:text-orange-500{
+    --tw-text-opacity: 1 !important;
+    color:rgb(37 56 133 / var(--tw-text-opacity)) !important;
+}
+"""
+
+demo = gr.Interface(fn=fill_mask, inputs=gr.Textbox(lines=1, label="Input"), outputs=gr.Label(label="Output"),title="Fill Mask | Data Science Dojo", theme="light", examples=examples, css=css)
+demo.launch()