Update index.html
Browse files- index.html +35 -17
index.html
CHANGED
|
@@ -598,6 +598,15 @@
|
|
| 598 |
function displayHFModels(models, container) {
|
| 599 |
container.innerHTML = '';
|
| 600 |
models.forEach((model, index) => {
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 601 |
const card = createModelCard({
|
| 602 |
rank: index + 1,
|
| 603 |
title: model.id?.split('/')[1] || model.modelId || 'Unknown',
|
|
@@ -607,7 +616,8 @@
|
|
| 607 |
tags: model.tags || [],
|
| 608 |
pipeline_tag: model.pipeline_tag || '',
|
| 609 |
url: `https://huggingface.co/${model.id || model.modelId}`,
|
| 610 |
-
icon: '๐ค'
|
|
|
|
| 611 |
});
|
| 612 |
container.appendChild(card);
|
| 613 |
});
|
|
@@ -617,6 +627,15 @@
|
|
| 617 |
function displayHFSpaces(spaces, container) {
|
| 618 |
container.innerHTML = '';
|
| 619 |
spaces.forEach((space, index) => {
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 620 |
const card = createModelCard({
|
| 621 |
rank: index + 1,
|
| 622 |
title: space.id?.split('/')[1] || 'Unknown',
|
|
@@ -626,7 +645,7 @@
|
|
| 626 |
emoji: space.emoji || '๐ฏ',
|
| 627 |
url: `https://huggingface.co/spaces/${space.id}`,
|
| 628 |
icon: space.emoji || '๐ฏ',
|
| 629 |
-
|
| 630 |
});
|
| 631 |
container.appendChild(card);
|
| 632 |
});
|
|
@@ -660,7 +679,6 @@
|
|
| 660 |
${data.likes !== undefined ? `<div class="stat">โค๏ธ ${formatNumber(data.likes)}</div>` : ''}
|
| 661 |
${data.downloads !== undefined ? `<div class="stat">โฌ๏ธ ${formatNumber(data.downloads)}</div>` : ''}
|
| 662 |
${data.sdk ? `<div class="stat">๐ ๏ธ ${data.sdk}</div>` : ''}
|
| 663 |
-
${data.hardware ? `<div class="stat">๐ป ${data.hardware}</div>` : ''}
|
| 664 |
${data.pipeline_tag ? `<div class="stat">๐ท๏ธ ${data.pipeline_tag}</div>` : ''}
|
| 665 |
${data.runs !== undefined ? `<div class="stat">โถ๏ธ ${formatNumber(data.runs)} runs</div>` : ''}
|
| 666 |
</div>
|
|
@@ -700,15 +718,15 @@
|
|
| 700 |
function displaySampleHFModels(container) {
|
| 701 |
const sampleData = [
|
| 702 |
{ rank: 1, title: 'Llama-3.3-70B-Instruct', author: 'meta-llama', likes: 177000, downloads: 1150000, icon: '๐ค', pipeline_tag: 'text-generation', tags: ['llama', '70b', 'instruct'] },
|
| 703 |
-
{ rank: 2, title: 'DeepSeek-R1-Distill-Qwen-32B', author: 'deepseek-ai', likes: 10400, downloads: 567000, icon: '๐ค', pipeline_tag: 'text-generation', tags: ['deepseek', 'reasoning'] },
|
| 704 |
-
{ rank: 3, title: 'Qwen3-235B-A22B', author: 'Qwen', likes: 5370, downloads: 225000, icon: '๐ค', pipeline_tag: 'text-generation', tags: ['qwen', 'large'] },
|
| 705 |
{ rank: 4, title: 'FLUX.1-dev', author: 'black-forest-labs', likes: 29100, downloads: 397000, icon: '๐ค', pipeline_tag: 'text-to-image', tags: ['flux', 'diffusion'] },
|
| 706 |
-
{ rank: 5, title: 'Phi-4', author: 'microsoft', likes: 8900, downloads: 156000, icon: '๐ค', pipeline_tag: 'text-generation', tags: ['phi', 'small'] },
|
| 707 |
{ rank: 6, title: 'stable-diffusion-3.5-large', author: 'stabilityai', likes: 7650, downloads: 234000, icon: '๐ค', pipeline_tag: 'text-to-image', tags: ['sd3', 'large'] },
|
| 708 |
{ rank: 7, title: 'whisper-large-v3-turbo', author: 'openai', likes: 6780, downloads: 189000, icon: '๐ค', pipeline_tag: 'automatic-speech-recognition', tags: ['whisper', 'asr'] },
|
| 709 |
{ rank: 8, title: 'MusicGen-Stereo-Melody', author: 'facebook', likes: 5430, downloads: 98000, icon: '๐ค', pipeline_tag: 'text-to-audio', tags: ['music', 'generation'] },
|
| 710 |
{ rank: 9, title: 'Florence-2-large', author: 'microsoft', likes: 4890, downloads: 87000, icon: '๐ค', pipeline_tag: 'image-text-to-text', tags: ['vision', 'florence'] },
|
| 711 |
-
{ rank: 10, title: 'QwQ-32B-Preview', author: 'Qwen', likes: 4560, downloads: 76000, icon: '๐ค', pipeline_tag: 'text-generation', tags: ['reasoning', 'cot'] }
|
| 712 |
];
|
| 713 |
|
| 714 |
container.innerHTML = '';
|
|
@@ -720,16 +738,16 @@
|
|
| 720 |
|
| 721 |
function displaySampleHFSpaces(container) {
|
| 722 |
const sampleData = [
|
| 723 |
-
{ rank: 1, title: 'stable-diffusion-webui', author: 'stabilityai', likes: 75500, sdk: 'Gradio', icon: '๐จ'
|
| 724 |
-
{ rank: 2, title: 'chatgpt-clone', author: 'community', likes: 12300, sdk: 'Streamlit', icon: '๐ฌ',
|
| 725 |
-
{ rank: 3, title: 'InstantID', author: 'InstantX', likes: 8590, sdk: 'Gradio', icon: '๐ค'
|
| 726 |
-
{ rank: 4, title: 'voice-clone-xtts', author: 'coqui', likes: 5640, sdk: 'Gradio', icon: '๐ค',
|
| 727 |
-
{ rank: 5, title: 'code-llama-playground', author: 'meta', likes: 3210, sdk: 'Gradio', icon: '๐ป'
|
| 728 |
-
{ rank: 6, title: 'image-to-3d-model', author: '3d-ai', likes: 2890, sdk: 'Gradio', icon: '๐ฒ'
|
| 729 |
-
{ rank: 7, title: 'music-visualizer', author: 'audio-viz', likes: 2340, sdk: 'Streamlit', icon: '๐ต',
|
| 730 |
-
{ rank: 8, title: 'pdf-chatbot', author: 'doc-ai', likes: 1980, sdk: 'Gradio', icon: '๐'
|
| 731 |
-
{ rank: 9, title: 'anime-art-generator', author: 'waifu-ai', likes: 1670, sdk: 'Gradio', icon: '๐'
|
| 732 |
-
{ rank: 10, title: 'dataset-explorer', author: 'data-tools', likes: 1450, sdk: 'Streamlit', icon: '๐'
|
| 733 |
];
|
| 734 |
|
| 735 |
container.innerHTML = '';
|
|
|
|
| 598 |
function displayHFModels(models, container) {
|
| 599 |
container.innerHTML = '';
|
| 600 |
models.forEach((model, index) => {
|
| 601 |
+
// ์์ฑ์ผ์ ํ์ธ (1์ฃผ์ผ ์ด๋ด์ธ์ง)
|
| 602 |
+
let isNew = false;
|
| 603 |
+
if (model.createdAt) {
|
| 604 |
+
const createdDate = new Date(model.createdAt);
|
| 605 |
+
const oneWeekAgo = new Date();
|
| 606 |
+
oneWeekAgo.setDate(oneWeekAgo.getDate() - 7);
|
| 607 |
+
isNew = createdDate > oneWeekAgo;
|
| 608 |
+
}
|
| 609 |
+
|
| 610 |
const card = createModelCard({
|
| 611 |
rank: index + 1,
|
| 612 |
title: model.id?.split('/')[1] || model.modelId || 'Unknown',
|
|
|
|
| 616 |
tags: model.tags || [],
|
| 617 |
pipeline_tag: model.pipeline_tag || '',
|
| 618 |
url: `https://huggingface.co/${model.id || model.modelId}`,
|
| 619 |
+
icon: '๐ค',
|
| 620 |
+
badge: isNew ? '๐ New' : null
|
| 621 |
});
|
| 622 |
container.appendChild(card);
|
| 623 |
});
|
|
|
|
| 627 |
function displayHFSpaces(spaces, container) {
|
| 628 |
container.innerHTML = '';
|
| 629 |
spaces.forEach((space, index) => {
|
| 630 |
+
// ์์ฑ์ผ์ ํ์ธ (1์ฃผ์ผ ์ด๋ด์ธ์ง)
|
| 631 |
+
let isNew = false;
|
| 632 |
+
if (space.createdAt) {
|
| 633 |
+
const createdDate = new Date(space.createdAt);
|
| 634 |
+
const oneWeekAgo = new Date();
|
| 635 |
+
oneWeekAgo.setDate(oneWeekAgo.getDate() - 7);
|
| 636 |
+
isNew = createdDate > oneWeekAgo;
|
| 637 |
+
}
|
| 638 |
+
|
| 639 |
const card = createModelCard({
|
| 640 |
rank: index + 1,
|
| 641 |
title: space.id?.split('/')[1] || 'Unknown',
|
|
|
|
| 645 |
emoji: space.emoji || '๐ฏ',
|
| 646 |
url: `https://huggingface.co/spaces/${space.id}`,
|
| 647 |
icon: space.emoji || '๐ฏ',
|
| 648 |
+
badge: isNew ? '๐ New' : null
|
| 649 |
});
|
| 650 |
container.appendChild(card);
|
| 651 |
});
|
|
|
|
| 679 |
${data.likes !== undefined ? `<div class="stat">โค๏ธ ${formatNumber(data.likes)}</div>` : ''}
|
| 680 |
${data.downloads !== undefined ? `<div class="stat">โฌ๏ธ ${formatNumber(data.downloads)}</div>` : ''}
|
| 681 |
${data.sdk ? `<div class="stat">๐ ๏ธ ${data.sdk}</div>` : ''}
|
|
|
|
| 682 |
${data.pipeline_tag ? `<div class="stat">๐ท๏ธ ${data.pipeline_tag}</div>` : ''}
|
| 683 |
${data.runs !== undefined ? `<div class="stat">โถ๏ธ ${formatNumber(data.runs)} runs</div>` : ''}
|
| 684 |
</div>
|
|
|
|
| 718 |
function displaySampleHFModels(container) {
|
| 719 |
const sampleData = [
|
| 720 |
{ rank: 1, title: 'Llama-3.3-70B-Instruct', author: 'meta-llama', likes: 177000, downloads: 1150000, icon: '๐ค', pipeline_tag: 'text-generation', tags: ['llama', '70b', 'instruct'] },
|
| 721 |
+
{ rank: 2, title: 'DeepSeek-R1-Distill-Qwen-32B', author: 'deepseek-ai', likes: 10400, downloads: 567000, icon: '๐ค', pipeline_tag: 'text-generation', tags: ['deepseek', 'reasoning'], badge: '๐ New' },
|
| 722 |
+
{ rank: 3, title: 'Qwen3-235B-A22B', author: 'Qwen', likes: 5370, downloads: 225000, icon: '๐ค', pipeline_tag: 'text-generation', tags: ['qwen', 'large'], badge: '๐ New' },
|
| 723 |
{ rank: 4, title: 'FLUX.1-dev', author: 'black-forest-labs', likes: 29100, downloads: 397000, icon: '๐ค', pipeline_tag: 'text-to-image', tags: ['flux', 'diffusion'] },
|
| 724 |
+
{ rank: 5, title: 'Phi-4', author: 'microsoft', likes: 8900, downloads: 156000, icon: '๐ค', pipeline_tag: 'text-generation', tags: ['phi', 'small'], badge: '๐ New' },
|
| 725 |
{ rank: 6, title: 'stable-diffusion-3.5-large', author: 'stabilityai', likes: 7650, downloads: 234000, icon: '๐ค', pipeline_tag: 'text-to-image', tags: ['sd3', 'large'] },
|
| 726 |
{ rank: 7, title: 'whisper-large-v3-turbo', author: 'openai', likes: 6780, downloads: 189000, icon: '๐ค', pipeline_tag: 'automatic-speech-recognition', tags: ['whisper', 'asr'] },
|
| 727 |
{ rank: 8, title: 'MusicGen-Stereo-Melody', author: 'facebook', likes: 5430, downloads: 98000, icon: '๐ค', pipeline_tag: 'text-to-audio', tags: ['music', 'generation'] },
|
| 728 |
{ rank: 9, title: 'Florence-2-large', author: 'microsoft', likes: 4890, downloads: 87000, icon: '๐ค', pipeline_tag: 'image-text-to-text', tags: ['vision', 'florence'] },
|
| 729 |
+
{ rank: 10, title: 'QwQ-32B-Preview', author: 'Qwen', likes: 4560, downloads: 76000, icon: '๐ค', pipeline_tag: 'text-generation', tags: ['reasoning', 'cot'], badge: '๐ New' }
|
| 730 |
];
|
| 731 |
|
| 732 |
container.innerHTML = '';
|
|
|
|
| 738 |
|
| 739 |
function displaySampleHFSpaces(container) {
|
| 740 |
const sampleData = [
|
| 741 |
+
{ rank: 1, title: 'stable-diffusion-webui', author: 'stabilityai', likes: 75500, sdk: 'Gradio', icon: '๐จ' },
|
| 742 |
+
{ rank: 2, title: 'chatgpt-clone', author: 'community', likes: 12300, sdk: 'Streamlit', icon: '๐ฌ', badge: '๐ New' },
|
| 743 |
+
{ rank: 3, title: 'InstantID', author: 'InstantX', likes: 8590, sdk: 'Gradio', icon: '๐ค' },
|
| 744 |
+
{ rank: 4, title: 'voice-clone-xtts', author: 'coqui', likes: 5640, sdk: 'Gradio', icon: '๐ค', badge: '๐ New' },
|
| 745 |
+
{ rank: 5, title: 'code-llama-playground', author: 'meta', likes: 3210, sdk: 'Gradio', icon: '๐ป' },
|
| 746 |
+
{ rank: 6, title: 'image-to-3d-model', author: '3d-ai', likes: 2890, sdk: 'Gradio', icon: '๐ฒ' },
|
| 747 |
+
{ rank: 7, title: 'music-visualizer', author: 'audio-viz', likes: 2340, sdk: 'Streamlit', icon: '๐ต', badge: '๐ New' },
|
| 748 |
+
{ rank: 8, title: 'pdf-chatbot', author: 'doc-ai', likes: 1980, sdk: 'Gradio', icon: '๐' },
|
| 749 |
+
{ rank: 9, title: 'anime-art-generator', author: 'waifu-ai', likes: 1670, sdk: 'Gradio', icon: '๐' },
|
| 750 |
+
{ rank: 10, title: 'dataset-explorer', author: 'data-tools', likes: 1450, sdk: 'Streamlit', icon: '๐' }
|
| 751 |
];
|
| 752 |
|
| 753 |
container.innerHTML = '';
|