The internet's most serious pickle review platform.
""")
with gr.Tabs():
# ── Tab 1: Rate a Pickle ─────────────────────────────────────────────
with gr.Tab("Rate"):
with gr.Group(elem_classes="pkl-card"):
gr.HTML('
🥒 The Pickle
')
with gr.Row():
pickle_name = gr.Textbox(
label="Pickle Name *",
placeholder="e.g. Claussen Whole Dill, Grillo's Italian Spears…",
scale=2,
)
brand = gr.Textbox(
label="Brand",
placeholder="e.g. Vlasic, Bubbies, Grillo's…",
scale=1,
)
with gr.Group(elem_classes="pkl-card"):
gr.HTML('
⭐ Rate It
')
gr.Markdown(
"Rate each quality *(1 = 😐 bland · 10 = 🤩 perfection)*",
elem_classes="rating-hint",
)
with gr.Row():
overall = gr.Slider(1, 10, value=7, step=1, label="⭐ Overall Rating")
crunchiness = gr.Slider(1, 10, value=7, step=1, label="🔊 Crunchiness")
with gr.Row():
sourness = gr.Slider(1, 10, value=7, step=1, label="😬 Sourness")
garlic = gr.Slider(1, 10, value=7, step=1, label="🧄 Garlic Level")
with gr.Row():
spiciness = gr.Slider(1, 10, value=5, step=1, label="🌶️ Spiciness")
buy_again = gr.Radio(
choices=["Yes", "No"],
value="Yes",
label="🛒 Would you buy this pickle again?",
scale=1,
)
with gr.Group(elem_classes="pkl-card"):
gr.HTML('
📝 Your Take
')
review_text = gr.Textbox(
label="Review",
placeholder="Tell the world what makes this pickle special (or not)…",
lines=3,
show_label=False,
)
photo = gr.Image(
label="📸 Pickle Photo (optional)",
type="filepath",
sources=["upload", "webcam"],
)
submit_btn = gr.Button(
"🥒 Pickle It!",
variant="primary",
elem_id="submit-btn",
size="lg",
)
status_msg = gr.Textbox(
value="",
show_label=False,
interactive=False,
elem_id="status-box",
container=False,
lines=1,
)
# ── Tab 2: Scan a Jar ────────────────────────────────────────────────
with gr.Tab("Scan"):
with gr.Row(equal_height=True):
with gr.Column(scale=1):
scan_image = gr.Image(
label="Pickle Jar Photo",
type="filepath",
sources=["upload", "webcam"],
)
scan_btn = gr.Button("🔍 Analyze Jar", variant="primary")
with gr.Column(scale=1):
scan_out = gr.HTML(value=scan_placeholder)
# ── Tab 3: Leaderboard ───────────────────────────────────────────────
with gr.Tab("Leaderboard"):
with gr.Group(elem_classes="sort-card"):
with gr.Row(equal_height=True):
sort_dd = gr.Dropdown(
choices=SORT_OPTIONS,
value="⭐ Overall",
label="Sort by",
scale=3,
container=False,
)
refresh_btn = gr.Button("🔄 Refresh", scale=1, variant="secondary")
leaderboard_out = gr.HTML(value=get_leaderboard_html)
gr.HTML('