Update index.html

index.html

@@ -108,6 +108,7 @@
     </div>
   </div>
 
+
   <script>
     // 1. 제공된 전체 프로젝트 리스트 (키: 프로젝트 이름, 값: URL)
     const projectList = {
@@ -358,6 +359,15 @@
       "aiqtech/FLUX-Ghibli-Studio-LoRA": "Image Gen",
       "aiqtech/flxgif": "Image Gen",
       "aiqtech/imaginpaint": "Image Edit"
+
+        
+      // NEW와 BEST 카테고리 추가 예시 (기본 카테고리와 중복되어도 됩니다)
+      // 예를 들어, "fantos/Panorama"를 NEW 카테고리에도 포함하고,
+      // "ginigen/Multi-LoRAgen"을 BEST 카테고리에도 포함하도록 추가합니다.
+
+        
+      "fantos/Panorama_NEW": "NEW",   // 이 키는 별도의 예시용 키입니다.
+      "ginigen/Multi-LoRAgen_BEST": "BEST"
     };
 
     // 2. URL 변환 함수: "https://huggingface.co/spaces/{namespace}/{project}" → "https://{namespace}-{project}.hf.space"
@@ -371,25 +381,44 @@
     }
 
     // 4. 각 항목의 카테고리를 customCategories에서 지정된 값이 있으면 사용하고, 없으면 기본값 "Image Gen" 사용
+    //    프로젝트 이름은 "기본카테고리/프로젝트명" 형태로 표시합니다.
     const keys = Object.keys(projectList);
     const projects = keys.map((key) => {
-      const category = customCategories[key] || "Image Gen";
-      const projectName = key.split("/").slice(1).join("/");
+      // 기본 카테고리 (customCategories에 지정된 값이 있으면 사용, 없으면 "Image Gen")
+      let primaryCategory = customCategories[key] || "Image Gen";
+      
+      // NEW와 BEST 카테고리는 별도로 추가할 수 있도록 합니다.
+      // 예시: 만약 원래 key와 별도로 "_NEW"나 "_BEST"가 붙은 키가 있다면 이를 NEW 또는 BEST로 처리합니다.
+      let categories = [primaryCategory];
+      if (key.endsWith("_NEW")) {
+        categories.push("NEW");
+      }
+      if (key.endsWith("_BEST")) {
+        categories.push("BEST");
+      }
+      
+      // 원래 프로젝트명은 key에서 "/" 이후 부분을 사용 (단, NEW/BEST 예시는 그대로 사용)
+      let projectName = key;
+      if (!key.endsWith("_NEW") && !key.endsWith("_BEST")) {
+        projectName = key.split("/").slice(1).join("/");
+      }
+      
       return {
-        name: category + "/" + projectName,
+        name: primaryCategory + "/" + projectName,
         url: transformUrl(projectList[key]),
-        category: category
+        categories: categories
       };
     });
 
-    // 5. 카테고리별 그룹화
+    // 5. 카테고리별 그룹화 (필터링용)
     const grouped = {};
     projects.forEach(project => {
-      const cat = project.category;
-      if (!grouped[cat]) {
-        grouped[cat] = [];
-      }
-      grouped[cat].push(project);
+      project.categories.forEach(cat => {
+        if (!grouped[cat]) {
+          grouped[cat] = [];
+        }
+        grouped[cat].push(project);
+      });
     });
 
     // 6. 필터 버튼은 미리 정의한 10가지 그룹(NEW, BEST, Text, Image Gen, Image Edit, Audio, Video, Productivity, Utility, Vision)과 All 버튼으로 생성
@@ -408,11 +437,11 @@
       filterGroupDiv.appendChild(btn);
     });
 
-    // 7. 사이드바 업데이트 함수: 선택한 필터의 항목 출력
+    // 7. 사이드바 업데이트 함수: 선택한 필터의 항목을 출력 (해당 항목의 categories 배열에 선택한 필터가 포함되어 있으면 표시)
     function updateSidebar(filter) {
       const sidebar = document.getElementById("sidebar");
       sidebar.innerHTML = "";
-      let items = (filter === "all") ? projects : projects.filter(project => project.category === filter);
+      let items = (filter === "all") ? projects : projects.filter(project => project.categories.includes(filter));
       const ul = document.createElement("ul");
       items.forEach(item => {
         const li = document.createElement("li");
@@ -443,4 +472,4 @@
     updateSidebar("all");
   </script>
 </body>
-</html>
+</html>