Update app.py

app.py

@@ -453,304 +453,3 @@ with gr.Blocks(css=css_tech_theme) as demo:
     """)
 
 demo.launch()
-
-
-
-# # Custom CSS to match website style
-# # Define CSS to match a modern, professional design
-# # Define enhanced CSS for the entire layout
-# css_tech_theme = """
-# body {
-#     font-family: 'Roboto', sans-serif;
-#     background-color: #f4f6fa;
-#     color: #333333;
-#     margin: 0;
-#     padding: 0;
-# }
-
-# /* Header Styling */
-# header {
-#     text-align: center;
-#     padding: 60px 20px;
-#     background: linear-gradient(135deg, #6a1b9a, #64b5f6);
-#     color: #ffffff;
-#     border-radius: 12px;
-#     margin-bottom: 30px;
-#     box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
-# }
-
-# header h1 {
-#     font-size: 3.5em;
-#     font-weight: bold;
-#     margin-bottom: 10px;
-# }
-
-# header h2 {
-#     font-size: 2em;
-#     margin-bottom: 15px;
-# }
-
-# header p {
-#     font-size: 1.7em;
-#     line-height: 1.8;
-# }
-
-# .header-buttons {
-#     display: flex;
-#     justify-content: center;
-#     gap: 15px;
-#     margin-top: 20px;
-# }
-
-# .header-buttons a {
-#     text-decoration: none;
-#     font-size: 1.1em;
-#     padding: 15px 30px;
-#     border-radius: 30px;
-#     font-weight: bold;
-#     background: #ffffff;
-#     color: #6a1b9a;
-#     transition: transform 0.3s, background 0.3s;
-#     box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
-# }
-
-# .header-buttons a:hover {
-#     background: #64b5f6;
-#     color: #ffffff;
-#     transform: scale(1.05);
-# }
-
-# /* Pre-Tabs Section */
-# .pre-tabs {
-#     text-align: center;
-#     padding: 40px 20px;
-#     background: linear-gradient(135deg, #ffffff, #f9fafb);
-#     border-top: 5px solid #64b5f6;
-#     border-bottom: 5px solid #6a1b9a;
-# }
-
-# .pre-tabs h2 {
-#     font-size: 2.5em;
-#     color: #333333;
-#     margin-bottom: 15px;
-# }
-
-# .pre-tabs p {
-#     font-size: 1.2em;
-#     color: #555555;
-#     line-height: 1.8;
-# }
-
-# /* Tabs Section */
-# .tabs {
-#     margin: 0 auto;
-#     padding: 20px;
-#     background: #ffffff;
-#     border-radius: 12px;
-#     box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
-#     max-width: 1200px;
-# }
-
-# /* Post-Tabs Section */
-# .post-tabs {
-#     text-align: center;
-#     padding: 40px 20px;
-#     background: linear-gradient(135deg, #64b5f6, #6a1b9a);
-#     color: #ffffff;
-#     border-radius: 12px;
-#     margin-top: 30px;
-# }
-
-# .post-tabs h2 {
-#     font-size: 2.5em;
-#     margin-bottom: 15px;
-# }
-
-# .post-tabs p {
-#     font-size: 1.2em;
-#     line-height: 1.8;
-#     margin-bottom: 20px;
-# }
-
-# .post-tabs a {
-#     text-decoration: none;
-#     font-size: 1.1em;
-#     padding: 15px 30px;
-#     border-radius: 30px;
-#     font-weight: bold;
-#     background: #ffffff;
-#     color: #6a1b9a;
-#     transition: transform 0.3s, background 0.3s;
-#     box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
-# }
-
-# .post-tabs a:hover {
-#     background: #6a1b9a;
-#     color: #ffffff;
-#     transform: scale(1.05);
-# }
-
-# /* Footer */
-# footer {
-#     background: linear-gradient(135deg, #6a1b9a, #8e44ad);
-#     color: #ffffff;
-#     text-align: center;
-#     padding: 40px 20px;
-#     margin-top: 30px;
-#     border-radius: 12px;
-#     box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
-# }
-
-# footer h2 {
-#     font-size: 1.8em;
-#     margin-bottom: 15px;
-# }
-
-# footer p {
-#     font-size: 1.1em;
-#     line-height: 1.6;
-#     margin-bottom: 20px;
-# }
-
-# footer .social-links {
-#     display: flex;
-#     justify-content: center;
-#     gap: 15px;
-#     margin-top: 20px;
-# }
-
-# footer .social-links a {
-#     text-decoration: none;
-#     font-size: 1.1em;
-#     padding: 10px 20px;
-#     border-radius: 8px;
-#     font-weight: bold;
-#     background: #ffffff;
-#     color: #6a1b9a;
-#     transition: transform 0.3s, background 0.3s;
-# }
-
-# footer .social-links a:hover {
-#     background: #64b5f6;
-#     color: #ffffff;
-#     transform: scale(1.1);
-# }
-# """
-
-# # Gradio Interface
-# with gr.Blocks(css=css_tech_theme) as demo:
-#     # Header Section
-#     gr.Markdown("""
-#     <header>
-#         <h1>🏆 Mobile-MMLU Benchmark Competition</h1>
-#         <h2>🚀 Push the Boundaries of Mobile AI</h2>
-#         <p>
-#             Test and optimize mobile-compatible Large Language Models (LLMs) with cutting-edge benchmarks 
-#             across 80 fields and over 16,000 questions.
-#         </p>
-#         <div class="header-buttons">
-#             <a href="#overview">Learn More</a>
-#             <a href="#submission">Submit Predictions</a>
-#             <a href="#leaderboard">View Leaderboard</a>
-#         </div>
-#     </header>
-#     """)
-
-#     # Pre-Tabs Section
-#     gr.Markdown("""
-#     <section class="pre-tabs">
-#         <h2>Why Participate?</h2>
-#         <p>
-#             The Mobile-MMLU Benchmark Competition is a unique opportunity to test your LLMs against 
-#             real-world scenarios. Compete to drive innovation and make your mark in mobile AI.
-#         </p>
-#     </section>
-#     """)
-
-#     # Tabs Section
-#     with gr.Tabs(elem_id="tabs"):
-#         # Overview Tab
-#         with gr.TabItem("📖 Overview"):
-#             gr.Markdown("""
-#             <div class="tabs">
-#                 <h2>About the Competition</h2>
-#                 <p>
-#                     The **Mobile-MMLU Benchmark Competition** is an exciting challenge for mobile-optimized 
-#                     LLMs. Compete to achieve the highest accuracy and contribute to advancements in mobile AI.
-#                 </p>
-#                 <h3>How It Works</h3>
-#                 <ul>
-#                     <li>1️⃣ <strong>Download the Dataset:</strong> Access the dataset and instructions on our 
-#                     <a href="https://github.com/your-github-repo" target="_blank">GitHub page</a>.</li>
-#                     <li>2️⃣ <strong>Generate Predictions:</strong> Use your LLM to answer the dataset questions. 
-#                     Format your predictions as a CSV file.</li>
-#                     <li>3️⃣ <strong>Submit Predictions:</strong> Upload your predictions on this platform.</li>
-#                     <li>4️⃣ <strong>Evaluation:</strong> Submissions are scored based on accuracy.</li>
-#                     <li>5️⃣ <strong>Leaderboard:</strong> View real-time rankings on the leaderboard.</li>
-#                 </ul>
-#             </div>
-#             """)
-
-#         # Submission Tab
-#         with gr.TabItem("📤 Submission"):
-#             gr.Markdown("<div class='tabs'><h2>Submit Your Predictions</h2></div>")
-#             with gr.Row():
-#                 file_input = gr.File(label="Upload Prediction CSV", file_types=[".csv"], interactive=True)
-#                 model_name_input = gr.Textbox(label="Model Name", placeholder="Enter your model name")
-#             with gr.Row():
-#                 overall_accuracy_display = gr.Number(label="Overall Accuracy", interactive=False)
-#                 add_to_leaderboard_checkbox = gr.Checkbox(label="Add to Leaderboard?", value=True)
-#             eval_button = gr.Button("Evaluate")
-#             eval_status = gr.Textbox(label="Evaluation Status", interactive=False)
-
-#             def handle_evaluation(file, model_name, add_to_leaderboard):
-#                 return "Evaluation complete. Model added to leaderboard.", 85.0
-
-#             eval_button.click(
-#                 handle_evaluation,
-#                 inputs=[file_input, model_name_input, add_to_leaderboard_checkbox],
-#                 outputs=[eval_status, overall_accuracy_display],
-#             )
-
-#         # Leaderboard Tab
-#         with gr.TabItem("🏅 Leaderboard"):
-#             leaderboard_table = gr.Dataframe(
-#                 value=load_leaderboard(),  # Initial data
-#                 label="Leaderboard",
-#                 interactive=False,
-#                 wrap=True,)
-#             refresh_button = gr.Button("Refresh Leaderboard")
-#             refresh_button.click(
-#                 load_leaderboard,  # Fetch latest data
-#                 inputs=[],
-#                 outputs=[leaderboard_table],
-#             )
-
-#     # Post-Tabs Section
-#     gr.Markdown("""
-#     <section class="post-tabs">
-#         <h3>Ready to Compete?</h3>
-#         <p>
-#             Submit your predictions today and make your mark in advancing mobile AI technologies. 
-#             Show the world what your model can achieve!
-#         </p>
-#         <a href="#submission">Start Submitting</a>
-#     </section>
-#     """)
-
-#     # Footer Section
-#     gr.Markdown("""
-#     <footer>
-#         <h3>Stay Connected</h3>
-#         <p>
-#             Follow us on social media or contact us for any queries. Let's shape the future of AI together!
-#         </p>
-#         <div class="social-links">
-#             <a href="https://website.com" target="_blank">Website</a>
-#             <a href="https://github.com" target="_blank">GitHub</a>
-#         </div>
-#     </footer>
-#     """)
-
-# # Launch the interface
-# demo.launch()