Spaces:

UBC-NLP
/

SimbaBench

Running

App Files Files Community

elmadany commited on Nov 28, 2025

Commit

2853968

verified ·

1 Parent(s): 9758823

Update public/index.html

Browse files

Files changed (1) hide show

public/index.html +16 -44

public/index.html CHANGED Viewed

@@ -10,13 +10,6 @@
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Rubik:wght@500;600;700;800&display=swap" rel="stylesheet">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
-    <script src="https://cdn.tailwindcss.com"></script>
-    <script crossorigin src="https://unpkg.com/react@18/umd/react.development.js"></script>
-    <script crossorigin src="https://unpkg.com/react-dom@18/umd/react-dom.development.js"></script>
-    <script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
     <style>
         :root {
@@ -119,43 +112,22 @@
 </head>
 <body>
-    <nav className="fixed w-full z-50 bg-slate-900/80 backdrop-blur-md border-b border-white/10">
-                        <div className="max-w-7xl mx-auto px-6 h-20 flex items-center justify-between">
-                            <div className="flex items-center gap-3 font-bold text-xl tracking-tighter group cursor-pointer text-white">
-                                <div className="transition-transform duration-300 group-hover:scale-110">
-                                    <img src="images/simba_main_logo.png" alt="SimbaBench Logo" className="w-10 h-10" />
-                                </div>
-                                <div className="flex flex-col leading-none">
-                                    <span>Voice of a</span>
-                                    <span className="text-yellow-500">Continent</span>
-                                </div>
-                            </div>
-                            <div className="hidden md:flex gap-6 text-sm font-medium text-slate-300">
-                                <a href="https://aclanthology.org/2025.emnlp-main.559/" target="_blank" rel="noreferrer" className="hover:text-white transition whitespace-nowrap">Paper</a>
-                                <a href="#pipeline" className="hover:text-white transition whitespace-nowrap">Pipeline</a>
-                                <a href="#dataset" className="hover:text-white transition whitespace-nowrap">Dataset</a>
-                                <a href="#models" className="hover:text-white transition whitespace-nowrap">Models</a>
-                                <a href="#leaderboard" className="hover:text-white transition whitespace-nowrap">Leaderboard</a>
-                                <a href="#citation" className="hover:text-white transition whitespace-nowrap">Citation</a>
-                            </div>
-                            {/* UPDATED SECTION: Submit & Login Buttons */}
-                            <div className="hidden md:flex items-center gap-4">
-                                <button
-                                    onClick={handleNotAvailable}
-                                    className="flex items-center gap-2 px-5 py-2.5 bg-gradient-to-r from-cyan-500 to-blue-600 hover:from-cyan-400 hover:to-blue-500 text-white rounded-full text-xs font-bold transition shadow-lg shadow-cyan-500/25 hover:scale-105 whitespace-nowrap"
-                                >
-                                    <Upload size={14} /> Submit New Results
-                                </button>
-                                <button
-                                    onClick={handleNotAvailable}
-                                    className="flex items-center gap-2 px-5 py-2.5 bg-yellow-500 hover:bg-yellow-400 text-slate-900 rounded-full text-xs font-bold transition shadow-lg shadow-yellow-500/20 whitespace-nowrap"
-                                >
-                                    <LogIn size={14} /> Login
-                                </button>
-                            </div>
-                        </div>
-                    </nav>
     <div class="hero">
         <div class="wave-bg"></div>

     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Rubik:wght@500;600;700;800&display=swap" rel="stylesheet">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
     <style>
         :root {
 </head>
 <body>
+    <nav class="navbar">
+        <a href="#" class="nav-logo">
+            <img src="https://africa.dlnlp.ai/simba/images/simba_main_logo.png" alt="Logo">
+            <div class="nav-text"><span>Voice of a</span> Continent</div>
+        </a>
+        <div class="nav-links">
+            <a href="https://arxiv.org/abs/2510.17998" class="nav-link">Paper</a>
+            <a href="https://github.com/UBC-NLP/simba" class="nav-link">Pipeline</a>
+            <a href="https://huggingface.co/datasets/UBC-NLP/simba" class="nav-link">Dataset</a>
+            <a href="#" class="nav-link">Models</a>
+            <a href="#board" class="nav-link" style="color:var(--text-yellow)">Leaderboard</a>
+            <a href="#citation" class="nav-link">Citation</a>
+            <a href="#" class="btn-submit">Submit New Results</a>
+            <a href="#" class="btn-login">Login</a>
+        </div>
+    </nav>
     <div class="hero">
         <div class="wave-bg"></div>