Update index.html

index.html

@@ -369,36 +369,7 @@ const bestProjects = [
 ];
 
 
-// URL 변환 함수
-function transformUrl(url) {
-    const prefix = "https://huggingface.co/spaces/";
-    if (url.startsWith(prefix)) {
-        const rest = url.substring(prefix.length);
-        return "https://" + rest.replace("/", "-") + ".hf.space";
-    }
-    return url;
-}
-
-// 프로젝트 배열 생성
-const keys = Object.keys(projectList);
-const projects = keys.map(key => {
-    const primaryCategory = customCategories[key] || "Image Gen";
-    let categories = [primaryCategory];
-    
-    // NEW와 BEST 카테고리 추가
-    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
-    };
-});
-
-
-
-    // 3. URL 변환
+    // 4. URL 변환 함수
     function transformUrl(url) {
       const prefix = "https://huggingface.co/spaces/";
       if (url.startsWith(prefix)) {
@@ -408,34 +379,23 @@ const projects = keys.map(key => {
       return url;
     }
 
-    // 4. 프로젝트 배열 생성
+    // 5. 프로젝트 배열 생성
     const keys = Object.keys(projectList);
     const projects = keys.map(key => {
       const primaryCategory = customCategories[key] || "Image Gen";
-      const url = projectList[key];
-
-      // categories 배열
       let categories = [primaryCategory];
-      if (key.endsWith("_NEW")) {
-        categories.push("NEW");
-      }
-      if (key.endsWith("_BEST")) {
-        categories.push("BEST");
-      }
-
-      let projectName = key;
-      if (!key.endsWith("_NEW") && !key.endsWith("_BEST")) {
-        projectName = key.split("/").slice(1).join("/");
-      }
+      
+      if (newProjects.includes(key)) categories.push("NEW");
+      if (bestProjects.includes(key)) categories.push("BEST");
 
       return {
-        name: primaryCategory + "/" + projectName,
-        url: transformUrl(url),
-        categories
+        name: primaryCategory + "/" + key.split("/")[1],
+        url: transformUrl(projectList[key]),
+        categories: categories
       };
     });
 
-    // 5. 카테고리별 그룹화
+    // 6. 카테고리별 그룹화
     const grouped = {};
     projects.forEach(proj => {
       proj.categories.forEach(cat => {
@@ -444,7 +404,7 @@ const projects = keys.map(key => {
       });
     });
 
-    // 6. 필터 버튼 (ALL + 10개)
+    // 7. 필터 버튼 생성
     const fixedGroups = ["NEW", "BEST", "Text", "Image Gen", "Image Edit", "Audio", "Video", "Productivity", "Utility", "Vision"];
     const filterGroupDiv = document.getElementById("filter-group");
 
@@ -462,7 +422,7 @@ const projects = keys.map(key => {
       filterGroupDiv.appendChild(btn);
     });
 
-    // 7. 사이드바 갱신 함수
+    // 8. 사이드바 갱신 함수
     function updateSidebar(filter) {
       const sidebar = document.getElementById("sidebar");
       sidebar.innerHTML = "";
@@ -481,7 +441,6 @@ const projects = keys.map(key => {
       });
       sidebar.appendChild(ul);
 
-      // 첫 항목 자동 로드
       if (items.length > 0) {
         document.getElementById("embed-frame").src = items[0].url;
       } else {
@@ -489,7 +448,7 @@ const projects = keys.map(key => {
       }
     }
 
-    // 8. 버튼 클릭 이벤트
+    // 9. 버튼 클릭 이벤트
     document.querySelectorAll(".toggle-button").forEach(button => {
       button.addEventListener("click", function() {
         document.querySelectorAll(".toggle-button").forEach(b => b.classList.remove("active"));
@@ -498,7 +457,7 @@ const projects = keys.map(key => {
       });
     });
 
-    // 9. 페이지 로드 시 All 필터
+    // 10. 페이지 로드 시 All 필터
     updateSidebar("all");
   </script>
 </body>