Update index.html

index.html

@@ -15,14 +15,14 @@
 
     .timeline-container {
       width: 100%;
-      /* 가로 스크롤 대신 그리드 배치를 위해 overflow 제거 또는 hidden */
+      /* 그리드 배치를 위해 가로 스크롤 제거 */
       overflow-x: hidden;
       overflow-y: hidden;
       padding: 20px;
       box-sizing: border-box;
     }
 
-    /* Flex -> Grid로 변경. repeat(4,1fr)로 4칸 그리드 */
+    /* 4열 그리드 */
     .timeline {
       display: grid;
       grid-template-columns: repeat(4, 1fr);
@@ -38,16 +38,21 @@
       transition: all 0.3s ease;
     }
 
-    /* BEST 태그가 있는 카드 스타일 */
+    /* BEST 카드 스타일 */
     .event:has(.tag.best) {
-      background-color: #fff8e1;
+      background-color: #fff8e1;  /* 연한 노란색 */
       border-left: 4px solid #ffd700;
     }
-    /* NEW 태그가 있는 카드 스타일 */
+    /* NEW 카드 스타일 */
     .event:has(.tag.new) {
-      background-color: #fce4ec;
+      background-color: #fce4ec;  /* 연한 핑크 */
       border-left: 4px solid #ff4081;
     }
+    /* POPULAR 카드 스타일 */
+    .event:has(.tag.popular) {
+      background-color: #fff3e0; /* 연한 주황 */
+      border-left: 4px solid #ffa500;
+    }
 
     .event:hover {
       transform: translateY(-5px);
@@ -78,11 +83,15 @@
       background-color: #FFD700;
       color: black;
     }
-
     .tag.new {
       background-color: #FF4081;
       color: white;
     }
+    /* POPULAR 태그 스타일 */
+    .tag.popular {
+      background-color: #ffa500;
+      color: black;
+    }
 
     .tag.text { background-color: #9c27b0; color: white; }
     .tag.audio { background-color: #ff9800; color: white; }
@@ -100,7 +109,6 @@
       color: #4caf50;
       text-decoration: none;
     }
-
     .event p a:hover {
       text-decoration: underline;
     }
@@ -112,32 +120,14 @@
       color: white;
       font-size: 14px;
     }
-
     .github-link a {
       color: white;
       text-decoration: none;
     }
-
     .github-link a:hover {
       text-decoration: underline;
     }
 
-    /* 스크롤바 스타일은 사용하지 않으므로 주석처리하거나 그대로 둠
-    .timeline-container::-webkit-scrollbar {
-      height: 8px;
-    }
-    .timeline-container::-webkit-scrollbar-track {
-      background: #f1f1f1;
-    }
-    .timeline-container::-webkit-scrollbar-thumb {
-      background: #888;
-      border-radius: 4px;
-    }
-    .timeline-container::-webkit-scrollbar-thumb:hover {
-      background: #555;
-    }
-    */
-
     .filter-group {
       display: flex;
       flex-direction: column;
@@ -168,7 +158,6 @@
       min-width: 80px;
       text-align: center;
     }
-
     .toggle-button.active {
       background-color: #2196f3;
       border-color: #2196f3;
@@ -186,6 +175,7 @@
 
     .toggle-button[data-filter="best"] { background-color: #FFD700; color: black; }
     .toggle-button[data-filter="new"] { background-color: #FF4081; color: white; }
+    .toggle-button[data-filter="popular"] { background-color: #ffa500; color: black; }
     .toggle-button[data-filter="text"] { background-color: #9c27b0; color: white; }
     .toggle-button[data-filter="audio"] { background-color: #ff9800; color: white; }
     .toggle-button[data-filter="vision"] { background-color: #03a9f4; color: white; }
@@ -232,9 +222,11 @@
   
   <div class="filter-group">
     <div class="toggle-container">
+      <!-- 원래 있던 BEST, NEW에 POPULAR 추가 -->
       <button class="toggle-button active" data-filter="all">All Models</button>
       <button class="toggle-button" data-filter="best">BEST</button>
       <button class="toggle-button" data-filter="new">NEW</button>
+      <button class="toggle-button" data-filter="popular">POPULAR</button>
     </div>
     <div class="category-group">
       <button class="toggle-button" data-filter="text">Text</button>
@@ -251,6 +243,7 @@
   </div>
   
   <div class="counter-container">
+    <!-- POPULAR 카운터 추가 -->
     <span class="counter-item">
       <span id="best-count">0</span> BEST
     </span>
@@ -258,9 +251,14 @@
     <span class="counter-item">
       <span id="new-count">0</span> NEW
     </span>
+    <span class="counter-divider">·</span>
+    <span class="counter-item">
+      <span id="popular-count">0</span> POPULAR
+    </span>
   </div>
   
   <h2 class="section-title">Latest Models</h2>
+
   
   <div class="timeline-container">
     <div class="timeline">
@@ -278,7 +276,7 @@
         <h4>openfree/korea-president-yoon</h4>
         <p>Link (<a href="https://huggingface.co/spaces/openfree/korea-president-yoon" target="_blank">link</a>).</p>
         <span class="tag text">Text</span>
-        <span class="tag new">NEW</span>
+        <span class="tag best">POPULAR</span>
       </div>
       
       <!-- 3) VIDraft/PaperImpact -->
@@ -294,7 +292,7 @@
         <h4>openfree/CryptoVision</h4>
         <p>Link (<a href="https://huggingface.co/spaces/openfree/CryptoVision" target="_blank">link</a>).</p>
         <span class="tag predict">Predict</span>
-        <span class="tag new">NEW</span>
+        <span class="tag best">POPULAR</span>
       </div>
       
       <!-- 5) gunship999/Gunship-3D-FPS -->
@@ -310,7 +308,7 @@
         <h4>fantos/VoiceClone</h4>
         <p>Link (<a href="https://huggingface.co/spaces/fantos/VoiceClone" target="_blank">link</a>).</p>
         <span class="tag audio">Audio</span>
-        <span class="tag new">NEW</span>
+        <span class="tag best">POPULAR</span>
       </div>
       
       <!-- 7) VIDraft/ChemGenesis -->
@@ -326,7 +324,7 @@
         <h4>seawolf2357/ocrlatex</h4>
         <p>Link (<a href="https://huggingface.co/spaces/seawolf2357/ocrlatex" target="_blank">link</a>).</p>
         <span class="tag text">Text</span>
-        <span class="tag new">NEW</span>
+        <span class="tag best">POPULAR</span>
       </div>
       
       <!-- 9) seawolf2357/img2vid -->
@@ -350,7 +348,7 @@
         <h4>openfree/badassgi</h4>
         <p>Link (<a href="https://huggingface.co/spaces/openfree/badassgi" target="_blank">link</a>).</p>
         <span class="tag text">Text</span>
-        <span class="tag new">NEW</span>
+        <span class="tag best">POPULAR</span>
       </div>
       
       <!-- 12) openfree/tarotcard -->
@@ -358,7 +356,7 @@
         <h4>openfree/tarotcard</h4>
         <p>Link (<a href="https://huggingface.co/spaces/openfree/tarotcard" target="_blank">link</a>).</p>
         <span class="tag predict">Predict</span>
-        <span class="tag new">NEW</span>
+        <span class="tag best">POPULAR</span>
       </div>
       
       <!-- 13) openfree/drqxab -->
@@ -374,7 +372,7 @@
         <h4>aiqcamp/Polaroid</h4>
         <p>Link (<a href="https://huggingface.co/spaces/aiqcamp/Polaroid" target="_blank">link</a>).</p>
         <span class="tag image">Image</span>
-        <span class="tag new">NEW</span>
+        <span class="tag best">POPULAR</span>
       </div>
       
       <!-- 15) ginigen/cartoon -->
@@ -382,7 +380,7 @@
         <h4>ginigen/cartoon</h4>
         <p>Link (<a href="https://huggingface.co/spaces/ginigen/cartoon" target="_blank">link</a>).</p>
         <span class="tag image">Image</span>
-        <span class="tag new">NEW</span>
+        <span class="tag best">POPULAR</span>
       </div>
       
       <!-- 16) ginigen/Book-Cover -->
@@ -390,7 +388,7 @@
         <h4>ginigen/Book-Cover</h4>
         <p>Link (<a href="https://huggingface.co/spaces/ginigen/Book-Cover" target="_blank">link</a>).</p>
         <span class="tag image">Image</span>
-        <span class="tag new">NEW</span>
+        <span class="tag best">POPULAR</span>
       </div>
       
       <!-- 17) aiqcamp/fash -->
@@ -398,7 +396,7 @@
         <h4>aiqcamp/fash</h4>
         <p>Link (<a href="https://huggingface.co/spaces/aiqcamp/fash" target="_blank">link</a>).</p>
         <span class="tag image">Image</span>
-        <span class="tag new">NEW</span>
+        <span class="tag best">POPULAR</span>
       </div>
       
       <!-- 18) gunship999/Korea-Daily-News -->
@@ -406,7 +404,7 @@
         <h4>gunship999/Korea-Daily-News</h4>
         <p>Link (<a href="https://huggingface.co/spaces/gunship999/Korea-Daily-News" target="_blank">link</a>).</p>
         <span class="tag text">Text</span>
-        <span class="tag new">NEW</span>
+        <span class="tag best">POPULAR</span>
       </div>
       
       <!-- 19) kolaslab/Quantum -->
@@ -422,7 +420,7 @@
         <h4>openfree/webtoon</h4>
         <p>Link (<a href="https://huggingface.co/spaces/openfree/webtoon" target="_blank">link</a>).</p>
         <span class="tag image">Image</span>
-        <span class="tag new">NEW</span>
+        <span class="tag best">POPULAR</span>
       </div>
       
       <!-- 21) immunobiotech/ChicagoGallery -->
@@ -430,7 +428,7 @@
         <h4>immunobiotech/ChicagoGallery</h4>
         <p>Link (<a href="https://huggingface.co/spaces/immunobiotech/ChicagoGallery" target="_blank">link</a>).</p>
         <span class="tag image">Image</span>
-        <span class="tag new">NEW</span>
+        <span class="tag best">POPULAR</span>
       </div>
       
       <!-- 22) immunobiotech/MetropolitanMuseum -->
@@ -438,7 +436,7 @@
         <h4>immunobiotech/MetropolitanMuseum</h4>
         <p>Link (<a href="https://huggingface.co/spaces/immunobiotech/MetropolitanMuseum" target="_blank">link</a>).</p>
         <span class="tag image">Image</span>
-        <span class="tag new">NEW</span>
+        <span class="tag best">POPULAR</span>
       </div>
       
       <!-- 23) immunobiotech/opensky -->
@@ -446,7 +444,7 @@
         <h4>immunobiotech/opensky</h4>
         <p>Link (<a href="https://huggingface.co/spaces/immunobiotech/opensky" target="_blank">link</a>).</p>
         <span class="tag image">Image</span>
-        <span class="tag new">NEW</span>
+        <span class="tag best">POPULAR</span>
       </div>
       
       <!-- 24) kolaslab/Audio-Visualizer -->
@@ -486,7 +484,7 @@
         <h4>openfree/2025saju</h4>
         <p>Link (<a href="https://huggingface.co/spaces/openfree/2025saju" target="_blank">link</a>).</p>
         <span class="tag predict">Predict</span>
-        <span class="tag new">NEW</span>
+        <span class="tag best">POPULAR</span>
       </div>
       
       <!-- 29) ginigen/Dokdo-membership -->
@@ -518,7 +516,7 @@
         <h4>aiqtech/FLUX-military</h4>
         <p>Link (<a href="https://huggingface.co/spaces/aiqtech/FLUX-military" target="_blank">link</a>).</p>
         <span class="tag image">Image</span>
-        <span class="tag new">NEW</span>
+        <span class="tag best">POPULAR</span>
       </div>
       
       <!-- 33) fantaxy/Rolls-Royce -->
@@ -526,7 +524,7 @@
         <h4>fantaxy/Rolls-Royce</h4>
         <p>Link (<a href="https://huggingface.co/spaces/fantaxy/Rolls-Royce" target="_blank">link</a>).</p>
         <span class="tag image">Image</span>
-        <span class="tag new">NEW</span>
+        <span class="tag best">POPULAR</span>
       </div>
       
       <!-- 34) seawolf2357/flux-korea-hanbok-lora -->
@@ -534,7 +532,7 @@
         <h4>seawolf2357/flux-korea-hanbok-lora</h4>
         <p>Link (<a href="https://huggingface.co/spaces/seawolf2357/flux-korea-hanbok-lora" target="_blank">link</a>).</p>
         <span class="tag image">Image</span>
-        <span class="tag new">NEW</span>
+        <span class="tag best">POPULAR</span>
       </div>
       
       <!-- 35) seawolf2357/flux-korea-palace-lora -->
@@ -542,7 +540,7 @@
         <h4>seawolf2357/flux-korea-palace-lora</h4>
         <p>Link (<a href="https://huggingface.co/spaces/seawolf2357/flux-korea-palace-lora" target="_blank">link</a>).</p>
         <span class="tag image">Image</span>
-        <span class="tag new">NEW</span>
+        <span class="tag best">POPULAR</span>
       </div>
       
       <!-- 36) aiqcamp/flux-cat-lora -->
@@ -550,7 +548,7 @@
         <h4>aiqcamp/flux-cat-lora</h4>
         <p>Link (<a href="https://huggingface.co/spaces/aiqcamp/flux-cat-lora" target="_blank">link</a>).</p>
         <span class="tag image">Image</span>
-        <span class="tag new">NEW</span>
+        <span class="tag best">POPULAR</span>
       </div>
       
       <!-- 37) gunship999/SexyImages -->
@@ -558,7 +556,7 @@
         <h4>gunship999/SexyImages</h4>
         <p>Link (<a href="https://huggingface.co/spaces/gunship999/SexyImages" target="_blank">link</a>).</p>
         <span class="tag image">Image</span>
-        <span class="tag new">NEW</span>
+        <span class="tag best">POPULAR</span>
       </div>
       
       <!-- 38) aiqtech/flux-claude-monet-lora -->
@@ -566,7 +564,7 @@
         <h4>aiqtech/flux-claude-monet-lora</h4>
         <p>Link (<a href="https://huggingface.co/spaces/aiqtech/flux-claude-monet-lora" target="_blank">link</a>).</p>
         <span class="tag image">Image</span>
-        <span class="tag new">NEW</span>
+        <span class="tag best">POPULAR</span>
       </div>
       
       <!-- 39) ginigen/CANVAS-o3 -->
@@ -606,7 +604,7 @@
         <h4>openfree/ultpixgen</h4>
         <p>Link (<a href="https://huggingface.co/spaces/openfree/ultpixgen" target="_blank">link</a>).</p>
         <span class="tag image">Image</span>
-        <span class="tag new">NEW</span>
+        <span class="tag best">POPULAR</span>
       </div>
       
       <!-- 44) kolaslab/VISION-NIGHT -->
@@ -630,7 +628,7 @@
         <h4>seawolf2357/REALVISXL-V5</h4>
         <p>Link (<a href="https://huggingface.co/spaces/seawolf2357/REALVISXL-V5" target="_blank">link</a>).</p>
         <span class="tag vision">Vision</span>
-        <span class="tag new">NEW</span>
+        <span class="tag best">POPULAR</span>
       </div>
       
       <!-- 47) ginipick/Dokdo-multimodal -->
@@ -646,7 +644,7 @@
         <h4>ginigen/theater</h4>
         <p>Link (<a href="https://huggingface.co/spaces/ginigen/theater" target="_blank">link</a>).</p>
         <span class="tag video">Video</span>
-        <span class="tag new">NEW</span>
+        <span class="tag best">POPULAR</span>
       </div>
       
       <!-- 49) VIDraft/stock -->
@@ -654,7 +652,7 @@
         <h4>VIDraft/stock</h4>
         <p>Link (<a href="https://huggingface.co/spaces/VIDraft/stock" target="_blank">link</a>).</p>
         <span class="tag predict">Predict</span>
-        <span class="tag new">NEW</span>
+        <span class="tag best">POPULAR</span>
       </div>
       
       <!-- 50) fantos/flxcontrol -->
@@ -670,7 +668,7 @@
         <h4>fantos/textcutobject</h4>
         <p>Link (<a href="https://huggingface.co/spaces/fantos/textcutobject" target="_blank">link</a>).</p>
         <span class="tag image">Image</span>
-        <span class="tag new">NEW</span>
+        <span class="tag best">POPULAR</span>
       </div>
       
       <!-- 52) ginipick/FLUX-Prompt-Generator -->
@@ -686,7 +684,7 @@
         <h4>fantaxy/flxloraexp</h4>
         <p>Link (<a href="https://huggingface.co/spaces/fantaxy/flxloraexp" target="_blank">link</a>).</p>
         <span class="tag image">Image</span>
-        <span class="tag new">NEW</span>
+        <span class="tag best">POPULAR</span>
       </div>
       
       <!-- 54) fantos/flxloraexp -->
@@ -718,7 +716,7 @@
         <h4>ginipick/FLUX-Prompt-Generator</h4>
         <p>Link (<a href="https://huggingface.co/spaces/ginipick/FLUX-Prompt-Generator" target="_blank">link</a>).</p>
         <span class="tag text">Text</span>
-        <span class="tag new">NEW</span>
+        <span class="tag best">POPULAR</span>
       </div>
       
       <!-- 58) ginigen/Dokdo -->
@@ -734,7 +732,7 @@
         <h4>aiqcamp/imagemagic</h4>
         <p>Link (<a href="https://huggingface.co/spaces/aiqcamp/imagemagic" target="_blank">link</a>).</p>
         <span class="tag image">Image</span>
-        <span class="tag new">NEW</span>
+        <span class="tag best">POPULAR</span>
       </div>
       
       <!-- 60) openfree/ColorRevive -->
@@ -742,7 +740,7 @@
         <h4>openfree/ColorRevive</h4>
         <p>Link (<a href="https://huggingface.co/spaces/openfree/ColorRevive" target="_blank">link</a>).</p>
         <span class="tag image">Image</span>
-        <span class="tag new">NEW</span>
+        <span class="tag best">POPULAR</span>
       </div>
       
       <!-- 61) VIDraft/RAGOndevice -->
@@ -782,7 +780,7 @@
         <h4>aiqcamp/AudioLlama</h4>
         <p>Link (<a href="https://huggingface.co/spaces/aiqcamp/AudioLlama" target="_blank">link</a>).</p>
         <span class="tag audio">Audio</span>
-        <span class="tag new">NEW</span>
+        <span class="tag best">POPULAR</span>
       </div>
       
       <!-- 66) ginigen/FLUXllama-Multilingual -->
@@ -830,7 +828,7 @@
         <h4>fantaxy/FLUX-Animations</h4>
         <p>Link (<a href="https://huggingface.co/spaces/fantaxy/FLUX-Animations" target="_blank">link</a>).</p>
         <span class="tag video">Video</span>
-        <span class="tag new">NEW</span>
+        <span class="tag best">POPULAR</span>
       </div>
       
       <!-- 72) fantaxy/Remove-Video-Background -->
@@ -846,7 +844,7 @@
         <h4>fantaxy/ofai-flx-logo</h4>
         <p>Link (<a href="https://huggingface.co/spaces/fantaxy/ofai-flx-logo" target="_blank">link</a>).</p>
         <span class="tag image">Image</span>
-        <span class="tag new">NEW</span>
+        <span class="tag best">POPULAR</span>
       </div>
       
       <!-- 74) fantaxy/flx-pulid -->
@@ -854,7 +852,7 @@
         <h4>fantaxy/flx-pulid</h4>
         <p>Link (<a href="https://huggingface.co/spaces/fantaxy/flx-pulid" target="_blank">link</a>).</p>
         <span class="tag image">Image</span>
-        <span class="tag new">NEW</span>
+        <span class="tag best">POPULAR</span>
       </div>
       
       <!-- 75) fantaxy/flx-upscale -->
@@ -862,7 +860,7 @@
         <h4>fantaxy/flx-upscale</h4>
         <p>Link (<a href="https://huggingface.co/spaces/fantaxy/flx-upscale" target="_blank">link</a>).</p>
         <span class="tag image">Image</span>
-        <span class="tag new">NEW</span>
+        <span class="tag best">BEST</span>
       </div>
       
       <!-- 76) aiqcamp/Fashion-FLUX -->
@@ -886,7 +884,7 @@
         <h4>openfree/StoryStar</h4>
         <p>Link (<a href="https://huggingface.co/spaces/openfree/StoryStar" target="_blank">link</a>).</p>
         <span class="tag text">Text</span>
-        <span class="tag new">NEW</span>
+        <span class="tag best">POPULAR</span>
       </div>
       
       <!-- 79) fantos/x-mas -->
@@ -926,7 +924,7 @@
         <h4>fantaxy/Sound-AI-SFX</h4>
         <p>Link (<a href="https://huggingface.co/spaces/fantaxy/Sound-AI-SFX" target="_blank">link</a>).</p>
         <span class="tag audio">Audio</span>
-        <span class="tag new">NEW</span>
+        <span class="tag best">POPULAR</span>
       </div>
       
       <!-- 84) fantos/flx8lora -->
@@ -934,7 +932,7 @@
         <h4>fantos/flx8lora</h4>
         <p>Link (<a href="https://huggingface.co/spaces/fantos/flx8lora" target="_blank">link</a>).</p>
         <span class="tag image">Image</span>
-        <span class="tag new">NEW</span>
+        <span class="tag best">POPULAR</span>
       </div>
       
       <!-- 85) ginigen/Canvas -->
@@ -950,7 +948,7 @@
         <h4>fantaxy/erotica</h4>
         <p>Link (<a href="https://huggingface.co/spaces/fantaxy/erotica" target="_blank">link</a>).</p>
         <span class="tag image">Image</span>
-        <span class="tag new">NEW</span>
+        <span class="tag best">POPULAR</span>
       </div>
       
       <!-- 87) ginipick/time-machine -->
@@ -958,7 +956,7 @@
         <h4>ginipick/time-machine</h4>
         <p>Link (<a href="https://huggingface.co/spaces/ginipick/time-machine" target="_blank">link</a>).</p>
         <span class="tag predict">Predict</span>
-        <span class="tag new">NEW</span>
+        <span class="tag best">POPULAR</span>
       </div>
       
       <!-- 88) aiqcamp/FLUX-VisionReply -->
@@ -966,7 +964,7 @@
         <h4>aiqcamp/FLUX-VisionReply</h4>
         <p>Link (<a href="https://huggingface.co/spaces/aiqcamp/FLUX-VisionReply" target="_blank">link</a>).</p>
         <span class="tag vision">Vision</span>
-        <span class="tag new">NEW</span>
+        <span class="tag best">POPULAR</span>
       </div>
       
       <!-- 89) openfree/Tetris-Game -->
@@ -974,7 +972,7 @@
         <h4>openfree/Tetris-Game</h4>
         <p>Link (<a href="https://huggingface.co/spaces/openfree/Tetris-Game" target="_blank">link</a>).</p>
         <span class="tag game">Game</span>
-        <span class="tag new">NEW</span>
+        <span class="tag best">POPULAR</span>
       </div>
       
       <!-- 90) openfree/everychat -->
@@ -1022,7 +1020,7 @@
         <h4>cutechicken/tankwar</h4>
         <p>Link (<a href="https://huggingface.co/spaces/cutechicken/tankwar" target="_blank">link</a>).</p>
         <span class="tag game">Game</span>
-        <span class="tag new">NEW</span>
+        <span class="tag best">POPULAR</span>
       </div>
       
       <!-- 96) openfree/game-jewel -->
@@ -1030,7 +1028,7 @@
         <h4>openfree/game-jewel</h4>
         <p>Link (<a href="https://huggingface.co/spaces/openfree/game-jewel" target="_blank">link</a>).</p>
         <span class="tag game">Game</span>
-        <span class="tag new">NEW</span>
+        <span class="tag best">POPULAR</span>
       </div>
       
       <!-- 97) VIDraft/mouse-chat -->
@@ -1190,7 +1188,7 @@
         <h4>aiqtech/kofaceid</h4>
         <p>Link (<a href="https://huggingface.co/spaces/aiqtech/kofaceid" target="_blank">link</a>).</p>
         <span class="tag vision">Vision</span>
-        <span class="tag new">NEW</span>
+        <span class="tag best">POPULAR</span>
       </div>
       
       <!-- 117) fantaxy/fastvideogen -->
@@ -1198,7 +1196,7 @@
         <h4>fantaxy/fastvideogen</h4>
         <p>Link (<a href="https://huggingface.co/spaces/fantaxy/fastvideogen" target="_blank">link</a>).</p>
         <span class="tag video">Video</span>
-        <span class="tag new">NEW</span>
+        <span class="tag best">POPULAR</span>
       </div>
       
       <!-- 118) fantos/cogvidx -->
@@ -1214,7 +1212,7 @@
         <h4>fantos/flxfashmodel</h4>
         <p>Link (<a href="https://huggingface.co/spaces/fantos/flxfashmodel" target="_blank">link</a>).</p>
         <span class="tag image">Image</span>
-        <span class="tag new">NEW</span>
+        <span class="tag best">POPULAR</span>
       </div>
       
       <!-- 120) fantos/kolcontrl -->
@@ -1246,7 +1244,7 @@
         <h4>aiqtech/FLUX-Ghibli-Studio-LoRA</h4>
         <p>Link (<a href="https://huggingface.co/spaces/aiqtech/FLUX-Ghibli-Studio-LoRA" target="_blank">link</a>).</p>
         <span class="tag image">Image</span>
-        <span class="tag new">NEW</span>
+        <span class="tag best">POPULAR</span>
       </div>
       
       <!-- 124) aiqtech/flxgif -->
@@ -1254,7 +1252,7 @@
         <h4>aiqtech/flxgif</h4>
         <p>Link (<a href="https://huggingface.co/spaces/aiqtech/flxgif" target="_blank">link</a>).</p>
         <span class="tag video">Video</span>
-        <span class="tag new">NEW</span>
+        <span class="tag best">POPULAR</span>
       </div>
       
       <!-- 125) aiqtech/imaginpaint -->
@@ -1262,18 +1260,22 @@
         <h4>aiqtech/imaginpaint</h4>
         <p>Link (<a href="https://huggingface.co/spaces/aiqtech/imaginpaint" target="_blank">link</a>).</p>
         <span class="tag image">Image</span>
-        <span class="tag new">NEW</span>
+        <span class="tag best">POPULAR</span>
       </div>
 
     </div>
   </div>
   
+ 
   <script>
     function updateCounts() {
       const bestCount = document.querySelectorAll('.tag.best').length;
       const newCount = document.querySelectorAll('.tag.new').length;
+      const popularCount = document.querySelectorAll('.tag.popular').length;
+
       document.getElementById('best-count').textContent = bestCount;
       document.getElementById('new-count').textContent = newCount;
+      document.getElementById('popular-count').textContent = popularCount;
     }
 
     let currentFilters = {
@@ -1314,4 +1316,4 @@
     });
   </script>
 </body>
-</html>
+</html>