Upload index.html

index.html

@@ -1067,11 +1067,11 @@
     }
 
     .framework-label[data-framework="WAN"] {
-      background: linear-gradient(135deg, #f59e0b 0%, #ef4444 100%);
+      background: linear-gradient(135deg, #dc2626 0%, #f59e0b 100%);
     }
 
     .framework-label[data-framework="LyCORIS"] {
-      background: linear-gradient(135deg, #10b981 0%, #14b8a6 100%);
+      background: linear-gradient(135deg, #16a34a 0%, #22c55e 100%);
     }
 
     .framework-label[data-framework="Lora"] {
@@ -1079,31 +1079,31 @@
     }
 
     .framework-label[data-framework="Embedding"] {
-      background: linear-gradient(135deg, #f97316 0%, #fbbf24 100%);
+      background: linear-gradient(135deg, #92400e 0%, #f59e0b 100%);
     }
 
     .framework-label[data-framework="Qwen"] {
-      background: linear-gradient(135deg, #06b6d4 0%, #0891b2 100%);
+      background: linear-gradient(135deg, #0284c7 0%, #38bdf8 100%);
     }
 
     .framework-label[data-framework="Flux"] {
-      background: linear-gradient(135deg, #a855f7 0%, #d946ef 100%);
+      background: linear-gradient(135deg, #7c3aed 0%, #c026d3 100%);
     }
 
     .framework-label[data-framework="Klein9"] {
-      background: linear-gradient(135deg, #0ea5e9 0%, #facc15 100%);
+      background: linear-gradient(135deg, #8b5cf6 0%, #a855f7 100%);
     }
 
     .framework-label[data-framework="SDXL"] {
-      background: linear-gradient(135deg, #84cc16 0%, #22c55e 100%);
+      background: linear-gradient(135deg, #65a30d 0%, #84cc16 100%);
     }
 
     .framework-label[data-framework="ZImage"] {
-      background: linear-gradient(135deg, #ec4899 0%, #fb7185 100%);
+      background: linear-gradient(135deg, #e11d48 0%, #fb7185 100%);
     }
 
     .framework-label[data-framework="ZBase"] {
-      background: linear-gradient(135deg, #8b5cf6 0%, #22c55e 100%);
+      background: linear-gradient(135deg, #0f766e 0%, #14b8a6 100%);
     }
 
     .framework-label[data-framework="Thumbnail"] {
@@ -1450,13 +1450,13 @@
     }
 
     .daily-upload-model[data-type="wan"] {
-      background: rgba(239, 68, 68, 0.2);
-      color: #fca5a5;
+      background: rgba(220, 38, 38, 0.22);
+      color: #fdba74;
     }
 
     .daily-upload-model[data-type="flux"] {
-      background: rgba(168, 85, 247, 0.2);
-      color: #c4b5fd;
+      background: rgba(124, 58, 237, 0.22);
+      color: #e9d5ff;
     }
 
     .daily-upload-model[data-type="klein9"] {
@@ -1465,23 +1465,23 @@
     }
 
     .daily-upload-model[data-type="sdxl"] {
-      background: rgba(132, 204, 22, 0.2);
-      color: #bef264;
+      background: rgba(101, 163, 13, 0.22);
+      color: #d9f99d;
     }
 
     .daily-upload-model[data-type="zimage"] {
-      background: rgba(236, 72, 153, 0.2);
-      color: #f9a8d4;
+      background: rgba(225, 29, 72, 0.22);
+      color: #fda4af;
     }
 
     .daily-upload-model[data-type="zbase"] {
-      background: rgba(139, 92, 246, 0.2);
-      color: #c4b5fd;
+      background: rgba(15, 118, 110, 0.22);
+      color: #99f6e4;
     }
 
     .daily-upload-model[data-type="qwen"] {
-      background: rgba(6, 182, 212, 0.2);
-      color: #67e8f9;
+      background: rgba(2, 132, 199, 0.22);
+      color: #bae6fd;
     }
 
     .daily-upload-model[data-type="lora"] {
@@ -3617,6 +3617,10 @@
       }
     }
 
+    function getThumbnailUrl(personKey) {
+      return `https://huggingface.co/datasets/malcolmrey/samples/resolve/main/thumbnails/${encodeURIComponent(personKey)}.jpg`;
+    }
+
     function buildImagesList(personKey, personData) {
       const images = [];
       const hfImages = window.hfImages || {};
@@ -3627,7 +3631,7 @@
       const thumbnailsData = window.thumbnails || {};
       if (thumbnailsData[personKey]) {
         images.push({
-          url: `file:///C:/Development/projects/huggingface/samples/thumbnails/${personKey}.jpg`,
+          url: getThumbnailUrl(personKey),
           framework: 'Thumbnail',
           filename: `${personKey}.jpg`,
         });