Spaces:

fair-forward
/

evals-for-every-language

Running

App Files Files Community

David Pomerenke commited on Feb 16

Commit

7fcc452

1 Parent(s): 22283e0

Rename

Browse files

Files changed (2) hide show

README.md +2 -2
index.html +26 -8

README.md CHANGED Viewed

@@ -1,5 +1,5 @@
 ---
-title: Local Language Monitor
 emoji: 👀
 colorFrom: purple
 colorTo: pink
@@ -11,7 +11,7 @@ short_description: Evaluating LLM performance across all human languages.
 <!-- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference -->
-# Local Language Monitor 🌍
 Benchmarking all big AI models on all benchmarkable languages.

 ---
+title: AI Language Monitor
 emoji: 👀
 colorFrom: purple
 colorTo: pink
 <!-- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference -->
+# AI Language Monitor 🌍
 Benchmarking all big AI models on all benchmarkable languages.

index.html CHANGED Viewed

@@ -2,7 +2,7 @@
 <html>
 <head>
-    <title>Local Language Monitor</title>
     <script src="https://cdn.tailwindcss.com"></script>
     <style>
         body {
@@ -27,7 +27,7 @@
 </head>
 <body>
-    <nav class="border-b border-gray-200 bg-white">
         <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
             <!-- Mobile menu button -->
             <div class="sm:hidden absolute left-4 top-4">
@@ -39,22 +39,23 @@
             </div>
             <!-- Mobile menu (hidden by default) -->
-            <div id="mobileMenu" class="hidden sm:hidden absolute left-0 top-16 w-full bg-white border-b border-gray-200 py-2">
-                <div class="flex flex-col space-y-2 px-4">
-                    <a href="#" onclick="showSection('coverage'); toggleMobileMenu()" class="nav-link block px-3 py-2 text-base font-medium text-gray-700">
                         Language Coverage
                     </a>
-                    <a href="#" onclick="showSection('comparison'); toggleMobileMenu()" class="nav-link block px-3 py-2 text-base font-medium text-gray-700">
                         LLM Comparison
                     </a>
-                    <a href="#" onclick="showSection('results'); toggleMobileMenu()" class="nav-link block px-3 py-2 text-base font-medium text-gray-700">
                         Results by Language
                     </a>
                 </div>
             </div>
             <!-- Desktop menu -->
-            <div class="hidden sm:flex justify-center h-16">
                 <div class="flex">
                     <div class="flex space-x-8">
                         <a href="#" onclick="showSection('coverage')" class="nav-link active inline-flex items-center px-1 pt-1 border-b-2 border-indigo-500 text-sm font-medium text-gray-900">
@@ -79,10 +80,27 @@
         <section id="comparison" class="section hidden">
             <p class="text-gray-600">Coming soon...</p>
         </section>
         <section id="results" class="section hidden">
             <div id="language-list"></div>
         </section>
     </div>

 <html>
 <head>
+    <title>AI Language Monitor</title>
     <script src="https://cdn.tailwindcss.com"></script>
     <style>
         body {
 </head>
 <body>
+    <nav>
         <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
             <!-- Mobile menu button -->
             <div class="sm:hidden absolute left-4 top-4">
             </div>
             <!-- Mobile menu (hidden by default) -->
+            <div id="mobileMenu" class="hidden sm:hidden absolute left-0 top-16 bg-white shadow-lg py-4 mx-4 rounded-lg border border-gray-200">
+                <div class="flex flex-col">
+                    <h3 class="px-6 py-2 text-gray-400 text-sm font-medium">Navigation</h3>
+                    <a href="#" onclick="showSection('coverage'); toggleMobileMenu()" class="nav-link px-6 py-3 text-gray-600 hover:bg-gray-50">
                         Language Coverage
                     </a>
+                    <a href="#" onclick="showSection('comparison'); toggleMobileMenu()" class="nav-link px-6 py-3 text-gray-600 hover:bg-gray-50">
                         LLM Comparison
                     </a>
+                    <a href="#" onclick="showSection('results'); toggleMobileMenu()" class="nav-link px-6 py-3 text-gray-600 hover:bg-gray-50">
                         Results by Language
                     </a>
                 </div>
             </div>
             <!-- Desktop menu -->
+            <div class="hidden sm:flex justify-center h-16 border-b border-gray-200">
                 <div class="flex">
                     <div class="flex space-x-8">
                         <a href="#" onclick="showSection('coverage')" class="nav-link active inline-flex items-center px-1 pt-1 border-b-2 border-indigo-500 text-sm font-medium text-gray-900">
         <section id="comparison" class="section hidden">
             <p class="text-gray-600">Coming soon...</p>
+            <!--
+            - Leaderboard
+                - Filters
+                    - commercial vs open source
+                - Eval results per task (across all languages)
+            - Timeline
+            -->
         </section>
         <section id="results" class="section hidden">
             <div id="language-list"></div>
+            <!--
+            - Filters
+                - free-text search
+                - by continent, by language family
+                - sort by: population ><, performance ><, datasets ><
+            - Language list with details
+                - Eval results for each task and model
+                - Available datasets
+                - Form field to submit more datasets and custom models
+            -->
         </section>
     </div>