Spaces:
Running
Running
File size: 3,000 Bytes
62b3eea 273f76c 62b3eea 11254d8 273f76c 11254d8 96b2f50 11254d8 96b2f50 11254d8 273f76c 11254d8 96b2f50 11254d8 273f76c 11254d8 273f76c 11254d8 273f76c 11254d8 273f76c 11254d8 273f76c 11254d8 273f76c |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 |
import json
import gradio as gr
from theme import Seafoam
seafoam = Seafoam()
# load css
with open("css/style.css", "r", encoding="utf-8") as file:
css = file.read()
# start of gradio interface
with gr.Blocks(theme=seafoam, css=css) as demo:
with gr.Row():
with gr.Column(
scale=1,
):
pet_gallery = gr.Gallery(
[
"medias/partner1.png",
"medias/partner2.png",
"medias/partner3.png",
"medias/partner4.png",
]
* 2,
label="夥伴",
preview=False,
elem_id="pet_gallery",
columns=30,
height=200,
)
pet_description = gr.Markdown("# 夥伴", elem_id="pet_avatar_description")
badge_gallery = gr.Gallery(
[
"medias/badge.png",
"medias/badge2.png",
"medias/badge3.png",
"medias/badge4.png",
]
* 2,
show_share_button=True,
label="徽章",
preview=False,
elem_id="badge_gallery",
columns=30,
height=200,
)
badge_description = gr.Markdown("# 徽章", elem_id="badge_avatar_description")
with gr.Column(scale=1):
avatar = gr.Gallery(
["medias/avatar.png", "medias/avatar2.png"],
preview=True,
elem_id="user_avatar",
)
avatar_description = gr.Markdown(
"# 光束守護者", elem_id="user_avatar_description"
)
with gr.Column(scale=1):
description = gr.Markdown("# 冒險階段", elem_id="adventure_description")
with open("htmls/progress_bar.html", "r", encoding="utf-8") as file:
progress_bar_html = file.read()
progress_bar_html = (
"<div style='max-width:100%; max-height:360px; overflow:auto'>"
+ progress_bar_html
)
progress_bar = gr.HTML(
progress_bar_html,
)
with open("htmls/stage_desc.html", "r", encoding="utf-8") as file:
stage_desc_html = file.read()
stage_desc_html = (
"<div style='max-width:100%; max-height:360px; overflow:auto'>"
+ stage_desc_html
)
stage_desc = gr.HTML(
stage_desc_html,
)
with gr.Row():
with open("htmls/achievement.html", "r", encoding="utf-8") as file:
html = file.read()
html = "<div style='max-width:100%; max-height:360px; overflow:auto'>" + html
f = gr.HTML(html, label="Achievement Log", elem_id="achievement_log")
if __name__ == "__main__":
demo.launch()
|