Perceptron-Network

Running

App Files Files Community

openfree commited on Jan 20

Commit

ce5b97d

verified ·

1 Parent(s): 3de94b9

Update index.html

Browse files

Files changed (1) hide show

index.html +69 -28

index.html CHANGED Viewed

@@ -77,6 +77,7 @@
       font-size: 10px;
       border-radius: 3px;
       margin-top: 5px;
     }
     .tag.open-source {
       background-color: #4caf50;
@@ -125,26 +126,19 @@
       background: #555;
     }
-    .tag.text {
-      background-color: #9c27b0;
-      color: white;
-    }
-    .tag.audio {
-      background-color: #ff9800;
-      color: white;
-    }
-    .tag.vision {
-      background-color: #03a9f4;
-      color: white;
-    }
-    .tag.multimodal {
-      background-color: #795548;
-      color: white;
-    }
-    .tag.announcement {
-      background-color: #607d8b;
-      color: white;
-    }
     .filter-group {
       display: flex;
@@ -208,6 +202,40 @@
       margin: 0 10px;
       color: #ddd;
     }
   </style>
 </head>
 <body>
@@ -221,13 +249,25 @@
       <button class="toggle-button" data-filter="proprietary">Proprietary Software</button>
     </div>
     <div class="dropdown-filters">
-      <select id="modalityFilter" onchange="filterByModality(this.value)">
-        <option value="all">All Modalities</option>
-        <option value="text">Text</option>
-        <option value="audio">Audio</option>
-        <option value="vision">Vision</option>
-        <option value="multimodal">Multimodal</option>
-      </select>
       <select id="typeFilter" onchange="filterByType(this.value)">
         <option value="all">All Types</option>
         <option value="model">Models</option>
@@ -246,7 +286,7 @@
   </div>
   <div class="timeline">
     <div class="month">
-      <h3>January 2025</h3>
       <div class="event">
         <h4>OpenBMB PRIME</h4>
         <p>o1 like Eurus 2 7B (<a href="https://huggingface.co/PRIME-RL/Eurus-2-7B-PRIME" target="_blank">link</a>).</p>
@@ -284,6 +324,7 @@
     function filterByModality(modality) {
       currentFilters.modality = modality;
       applyFilters();
     }

       font-size: 10px;
       border-radius: 3px;
       margin-top: 5px;
+      margin-right: 3px;
     }
     .tag.open-source {
       background-color: #4caf50;
       background: #555;
     }
+    .tag.best { background-color: #FFD700; color: black; }
+    .tag.new { background-color: #FF4081; color: white; }
+    .tag.text { background-color: #9c27b0; color: white; }
+    .tag.audio { background-color: #ff9800; color: white; }
+    .tag.vision { background-color: #03a9f4; color: white; }
+    .tag.multimodal { background-color: #795548; color: white; }
+    .tag.video { background-color: #E91E63; color: white; }
+    .tag.image { background-color: #00BCD4; color: white; }
+    .tag.utility { background-color: #9E9E9E; color: white; }
+    .tag.predict { background-color: #673AB7; color: white; }
+    .tag.game { background-color: #4CAF50; color: white; }
+    .tag.education { background-color: #3F51B5; color: white; }
+    .tag.announcement { background-color: #607d8b; color: white; }
     .filter-group {
       display: flex;
       margin: 0 10px;
       color: #ddd;
     }
+    .nested-dropdown {
+      position: relative;
+      display: inline-block;
+    }
+    .nested-content {
+      display: none;
+      position: absolute;
+      background-color: white;
+      min-width: 160px;
+      box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
+      z-index: 1;
+      border-radius: 5px;
+      margin-top: 5px;
+    }
+    .nested-content button {
+      width: 100%;
+      padding: 8px 16px;
+      border: none;
+      background: none;
+      text-align: left;
+      cursor: pointer;
+      font-size: 13px;
+    }
+    .nested-content button:hover {
+      background-color: #f1f1f1;
+    }
+    .nested-dropdown:hover .nested-content {
+      display: block;
+    }
   </style>
 </head>
 <body>
       <button class="toggle-button" data-filter="proprietary">Proprietary Software</button>
     </div>
     <div class="dropdown-filters">
+      <div class="nested-dropdown">
+        <select id="modalityFilter">
+          <option value="all">All Modalities</option>
+        </select>
+        <div class="nested-content">
+          <button onclick="filterByModality('best')">BEST</button>
+          <button onclick="filterByModality('new')">NEW</button>
+          <button onclick="filterByModality('text')">Text</button>
+          <button onclick="filterByModality('audio')">Audio</button>
+          <button onclick="filterByModality('vision')">Vision</button>
+          <button onclick="filterByModality('multimodal')">Multimodal</button>
+          <button onclick="filterByModality('video')">Video</button>
+          <button onclick="filterByModality('image')">Image</button>
+          <button onclick="filterByModality('utility')">Utility</button>
+          <button onclick="filterByModality('predict')">Predict</button>
+          <button onclick="filterByModality('game')">Game</button>
+          <button onclick="filterByModality('education')">Education</button>
+        </div>
+      </div>
       <select id="typeFilter" onchange="filterByType(this.value)">
         <option value="all">All Types</option>
         <option value="model">Models</option>
   </div>
   <div class="timeline">
     <div class="month">
+      <h3>Latest Models</h3>
       <div class="event">
         <h4>OpenBMB PRIME</h4>
         <p>o1 like Eurus 2 7B (<a href="https://huggingface.co/PRIME-RL/Eurus-2-7B-PRIME" target="_blank">link</a>).</p>
     function filterByModality(modality) {
       currentFilters.modality = modality;
+      document.getElementById('modalityFilter').value = 'all';
       applyFilters();
     }