k-mktr commited on
Commit
5d3a365
·
verified ·
1 Parent(s): e1fe6fd

Update app.py

Browse files
Files changed (1) hide show
  1. app.py +45 -1
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
- gr.Markdown(config.ARENA_DESCRIPTION)
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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"):