Spaces:
Running
Running
Update app.py
Browse files
app.py
CHANGED
@@ -425,9 +425,53 @@ with gr.Blocks(css="""
|
|
425 |
min-height: 90px;
|
426 |
font-size: 35px;
|
427 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
428 |
""") as demo:
|
429 |
gr.Markdown(config.ARENA_NAME)
|
430 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
431 |
|
432 |
# Leaderboard Tab (now first)
|
433 |
with gr.Tab("Leaderboard"):
|
|
|
425 |
min-height: 90px;
|
426 |
font-size: 35px;
|
427 |
}
|
428 |
+
.sponsor-button {
|
429 |
+
background-color: #30363D;
|
430 |
+
color: white;
|
431 |
+
border: none;
|
432 |
+
padding: 10px 20px;
|
433 |
+
border-radius: 6px;
|
434 |
+
cursor: pointer;
|
435 |
+
display: inline-flex;
|
436 |
+
align-items: center;
|
437 |
+
gap: 8px;
|
438 |
+
font-weight: bold;
|
439 |
+
}
|
440 |
+
.sponsor-button:hover {
|
441 |
+
background-color: #2D333B;
|
442 |
+
}
|
443 |
""") as demo:
|
444 |
gr.Markdown(config.ARENA_NAME)
|
445 |
+
|
446 |
+
# Main description with sponsor button
|
447 |
+
with gr.Row():
|
448 |
+
with gr.Column(scale=8):
|
449 |
+
gr.Markdown("""
|
450 |
+
**Step right up to the arena where frugal meets fabulous in the world of AI!**
|
451 |
+
Watch as our compact contenders (maxing out at 14B parameters) duke it out in a battle of wits and words.
|
452 |
+
|
453 |
+
What started as a simple experiment has grown into a popular platform for evaluating compact language models.
|
454 |
+
As the arena continues to expand with more models, features, and battles, it requires computational resources to maintain and improve.
|
455 |
+
If you find this project valuable and would like to support its development, consider sponsoring:
|
456 |
+
""")
|
457 |
+
with gr.Column(scale=2):
|
458 |
+
gr.Button(
|
459 |
+
"Sponsor on GitHub",
|
460 |
+
link="https://github.com/sponsors/k-mktr",
|
461 |
+
elem_classes="sponsor-button"
|
462 |
+
)
|
463 |
+
|
464 |
+
# Instructions in an accordion
|
465 |
+
with gr.Accordion("📖 How to Use", open=False):
|
466 |
+
gr.Markdown("""
|
467 |
+
1. To start the battle, go to the 'Battle Arena' tab.
|
468 |
+
2. Type your prompt into the text box. Alternatively, click the "🎲" button to receive a random prompt.
|
469 |
+
3. Click the "Generate Responses" button to view the models' responses.
|
470 |
+
4. Cast your vote for the model that provided the better response. In the event of a Tie, enter a new prompt before continuing the battle.
|
471 |
+
5. Check out the Leaderboard to see how models rank against each other.
|
472 |
+
|
473 |
+
More info: [README.md](https://huggingface.co/spaces/k-mktr/gpu-poor-llm-arena/blob/main/README.md)
|
474 |
+
""")
|
475 |
|
476 |
# Leaderboard Tab (now first)
|
477 |
with gr.Tab("Leaderboard"):
|