Update index.html

index.html

@@ -118,6 +118,18 @@
   <script>
     // 1. 프로젝트 URL 목록: 프로젝트 이름 -> URL
     const projectList = {
+
+      "VIDraft/mouse-Visual-Chat": "https://huggingface.co/spaces/VIDraft/mouse-Visual-Chat",  
+      "VIDraft/mouse-file-chat": "https://huggingface.co/spaces/VIDraft/mouse-file-chat",
+      "openfree/Parquet-CSV-Convertor": "https://huggingface.co/spaces/openfree/Parquet-CSV-Convertor",
+      "ginigen/FLUX-Eternity": "https://huggingface.co/spaces/ginigen/FLUX-Eternity",
+      "ginipick/live-detect-pose": "https://huggingface.co/spaces/ginipick/live-detect-pose",
+      "ginigen/OmniParser-v2-pro": "https://huggingface.co/spaces/ginigen/OmniParser-v2-pro",
+      "ginigen/Celebrity": "https://huggingface.co/spaces/ginigen/Celebrity",    
+      "ginigen/Fashion-Pose-Control": "https://huggingface.co/spaces/ginigen/Fashion-Pose-Control",  
+      "ginigen/zonos-longform": "https://huggingface.co/spaces/ginigen/zonos-longform",
+      "ginigen/Ovis2-8B": "https://huggingface.co/spaces/ginigen/Ovis2-8B",
+  
       "ginigen/Workflow-Canvas": "https://huggingface.co/spaces/ginigen/Workflow-Canvas",  
       "ginigen/Design": "https://huggingface.co/spaces/ginigen/Design",
       "ginigen/Diagram": "https://huggingface.co/spaces/ginigen/Diagram",
@@ -240,15 +252,26 @@
       "aiqtech/flxgif": "https://huggingface.co/spaces/aiqtech/flxgif",
       "aiqtech/imaginpaint": "https://huggingface.co/spaces/aiqtech/imaginpaint"
     };
+
     // 2. 별도 객체: 프로젝트의 개별 카테고리 지정 (없으면 기본값 "Image Gen" 사용)
     const customCategories = {
+      "VIDraft/mouse-Visual-Chat": "Productivity",  
+      "VIDraft/mouse-file-chat": "Productivity",
+      "openfree/Parquet-CSV-Convertor": "Utility",
+      "ginigen/FLUX-Eternity": "Image Gen",
+      "ginipick/live-detect-pose": "Productivity",
+      "ginigen/OmniParser-v2-pro": "Vision",
+      "ginigen/Celebrity": "Image Gen",    
+      "ginigen/Fashion-Pose-Control": "Productivity",  
+      "ginigen/zonos-longform": "Audio",
+      "ginigen/Ovis2-8B": "Vision",
+      
       "ginigen/Workflow-Canvas": "Productivity",      
       "ginigen/Design": "Productivity",    
       "ginigen/Diagram": "Productivity",    
       "ginigen/Mockup": "Productivity",    
       "ginigen/Infographic": "Productivity",    
       "ginigen/Flowchart": "Productivity",    
-      
       "aiqcamp/FLUX-Vision  ": "Productivity",        
       "ginigen/VoiceClone-TTS": "Audio",      
       "fantos/Panorama": "Image Gen",
@@ -367,8 +390,15 @@
       "aiqtech/flxgif": "Image Gen",
       "aiqtech/imaginpaint": "Image Edit"
       
+
     };
+
 const newProjects = [
+  "ginigen/OmniParser-v2-pro",
+  "ginigen/Celebrity",    
+  "ginigen/Fashion-Pose-Control",
+  "ginigen/zonos-longform",
+  "ginigen/Ovis2-8B",
   "ginigen/Design",    
   "ginigen/Diagram",    
   "ginigen/Mockup",    
@@ -438,7 +468,13 @@ const newProjects = [
   "ginigen/cartoon",
   "ginigen/Book-Cover"
 ];
+
 const bestProjects = [
+  "VIDraft/mouse-Visual-Chat",
+  "VIDraft/mouse-file-chat",
+  "ginipick/live-detect-pose",
+  "ginigen/FLUX-Eternity",  
+  "openfree/Parquet-CSV-Convertor",  
   "ginigen/Workflow-Canvas",      
   "ginigen/VoiceClone-TTS",        
   "openfree/VisionOCR-Chat",
@@ -474,6 +510,8 @@ const bestProjects = [
   "ginigen/FLUXllama-Multilingual",
   "ginipick/FitGen"
 ];
+
+
     // 4. URL 변환 함수
     function transformUrl(url) {
       const prefix = "https://huggingface.co/spaces/";
@@ -483,6 +521,7 @@ const bestProjects = [
       }
       return url;
     }
+
     // 5. 프로젝트 배열 생성
     const keys = Object.keys(projectList);
     const projects = keys.map(key => {
@@ -491,12 +530,14 @@ const bestProjects = [
       
       if (newProjects.includes(key)) categories.push("NEW");
       if (bestProjects.includes(key)) categories.push("BEST");
+
       return {
         name: primaryCategory + "/" + key.split("/")[1],
         url: transformUrl(projectList[key]),
         categories: categories
       };
     });
+
     // 6. 카테고리별 그룹화
     const grouped = {};
     projects.forEach(proj => {
@@ -505,14 +546,17 @@ const bestProjects = [
         grouped[cat].push(proj);
       });
     });
+
     // 7. 필터 버튼 생성
     const fixedGroups = ["NEW", "BEST", "Text", "Image Gen", "Image Edit", "Audio", "Video", "Productivity", "Utility", "Vision"];
     const filterGroupDiv = document.getElementById("filter-group");
+
     const allButton = document.createElement("button");
     allButton.className = "toggle-button active";
     allButton.setAttribute("data-filter", "all");
     allButton.textContent = "All";
     filterGroupDiv.appendChild(allButton);
+
     fixedGroups.forEach(category => {
       const btn = document.createElement("button");
       btn.className = "toggle-button";
@@ -520,6 +564,7 @@ const bestProjects = [
       btn.textContent = category;
       filterGroupDiv.appendChild(btn);
     });
+
     // 8. 사이드바 갱신 함수
     function updateSidebar(filter) {
       const sidebar = document.getElementById("sidebar");
@@ -527,13 +572,16 @@ const bestProjects = [
       let items = (filter === "all")
         ? projects
         : projects.filter(p => p.categories.includes(filter));
+
       const ul = document.createElement("ul");
       items.forEach(item => {
         const li = document.createElement("li");
+
         // 이름 표시
         const nameSpan = document.createElement("span");
         nameSpan.textContent = item.name;
         li.appendChild(nameSpan);
+
         // "링크 클릭" 버튼
         const linkButton = document.createElement("button");
         linkButton.textContent = "링크 클릭";
@@ -542,19 +590,23 @@ const bestProjects = [
           window.open(item.url, "_blank"); // 새 탭(창) 열기
         });
         li.appendChild(linkButton);
+
         // li 자체 클릭하면 iframe 변경
         li.addEventListener("click", () => {
           document.getElementById("embed-frame").src = item.url;
         });
+
         ul.appendChild(li);
       });
       sidebar.appendChild(ul);
+
       if (items.length > 0) {
         document.getElementById("embed-frame").src = items[0].url;
       } else {
         document.getElementById("embed-frame").src = "";
       }
     }
+
     // 9. 버튼 클릭 이벤트
     document.querySelectorAll(".toggle-button").forEach(button => {
       button.addEventListener("click", function() {
@@ -563,6 +615,7 @@ const bestProjects = [
         updateSidebar(this.getAttribute("data-filter"));
       });
     });
+
     // 10. 페이지 로드 시 All 필터
     updateSidebar("all");
   </script>