Upload 11 files

update for 20.01.2026

comparator.js

@@ -125,6 +125,10 @@ function filterByType(element) {
         return false;
       }
 
+	  if (document.getElementById('selectedKlein9').checked && !element.klein9) {
+        return false;
+      }
+
 	  if (document.getElementById('selectedWan').checked && !element.wan) {
         return false;
       }
@@ -161,6 +165,10 @@ function filterByType(element) {
         return false;
       }
 
+	  if (document.getElementById('selectedKlein9').checked && element.klein9) {
+        return false;
+      }
+
 	  if (document.getElementById('selectedWan').checked && element.wan) {
         return false;
       }
@@ -227,6 +235,9 @@ function searchModels(value) {
 			Flux: ${yesNo(element.flux)} ${linkPrefix(element.fluxHFLink)}HF: ${yesNo(
       element.fluxHF,
     )}${linkSuffix(element.fluxHFLink)}<br>
+			Klein9: ${yesNo(element.klein9)} ${linkPrefix(element.klein9HFLink)}HF: ${yesNo(
+      element.klein9HF,
+    )}${linkSuffix(element.klein9HFLink)}<br>
 			WAN: ${yesNo(element.wan)} ${linkPrefix(element.wanHFLink)}HF: ${yesNo(
       element.wanHF,
     )}${linkSuffix(element.wanHFLink)}<br>

index.html

@@ -902,12 +902,16 @@
       background: linear-gradient(135deg, #a855f7 0%, #d946ef 100%);
     }
 
+    .framework-label[data-framework="Klein9"] {
+      background: linear-gradient(135deg, #0ea5e9 0%, #facc15 100%);
+    }
+
     .framework-label[data-framework="SDXL"] {
       background: linear-gradient(135deg, #84cc16 0%, #22c55e 100%);
     }
 
     .framework-label[data-framework="ZImage"] {
-      background: linear-gradient(135deg, #ec4899 0%, #f97316 100%);
+      background: linear-gradient(135deg, #ec4899 0%, #fb7185 100%);
     }
 
     /* Pagination Controls */
@@ -1207,9 +1211,14 @@
       color: #c4b5fd;
     }
 
+    .daily-upload-model[data-type="klein9"] {
+      background: rgba(234, 179, 8, 0.22);
+      color: #fde047;
+    }
+
     .daily-upload-model[data-type="sdxl"] {
-      background: rgba(34, 197, 94, 0.2);
-      color: #86efac;
+      background: rgba(132, 204, 22, 0.2);
+      color: #bef264;
     }
 
     .daily-upload-model[data-type="zimage"] {
@@ -1228,8 +1237,8 @@
     }
 
     .daily-upload-model[data-type="locon"] {
-      background: rgba(16, 185, 129, 0.2);
-      color: #6ee7b7;
+      background: rgba(20, 184, 166, 0.2);
+      color: #5eead4;
     }
 
     .daily-upload-model[data-type="embedding"] {
@@ -1439,6 +1448,15 @@
           <span>ZImage</span>
         </label>
 
+        <label class="checkbox-label">
+          <input
+            id="selectedKlein9"
+            type="checkbox"
+            onclick="javascript:searchModels(getCurrentSearchValue());"
+          />
+          <span>Klein9</span>
+        </label>
+
         <label class="checkbox-label">
           <input
             id="selectedQwen"
@@ -1769,6 +1787,7 @@
         lora: 'SD LoRA',
         embedding: 'SD Embedding',
         flux: 'Flux',
+        klein9: 'Klein9',
         wan: 'WAN',
         sdxl: 'SDXL',
         ltx: 'LTX',
@@ -1865,6 +1884,20 @@
       }
       
       // Find all people who had uploads on this date
+      const modelTypeOrder = [
+        'locon',
+        'lora',
+        'embedding',
+        'flux',
+        'wan',
+        'sdxl',
+        'ltx',
+        'zimage',
+        'klein9',
+        'qwen'
+      ];
+      const orderIndex = new Map(modelTypeOrder.map((t, i) => [t, i]));
+
       const uploadsOnDate = [];
       for (const [personKey, personData] of Object.entries(uploadData.data)) {
         const modelsOnDate = [];
@@ -1880,6 +1913,12 @@
           }
         }
         if (modelsOnDate.length > 0) {
+          modelsOnDate.sort((a, b) => {
+            const ai = orderIndex.get(String(a).toLowerCase()) ?? Number.POSITIVE_INFINITY;
+            const bi = orderIndex.get(String(b).toLowerCase()) ?? Number.POSITIVE_INFINITY;
+            if (ai !== bi) return ai - bi;
+            return String(a).localeCompare(String(b));
+          });
           uploadsOnDate.push({ person: personKey, models: modelsOnDate });
         }
       }
@@ -1935,6 +1974,7 @@
         lora: 'small-loras',
         embedding: 'embeddings',
         flux: 'flux',
+        klein9: 'klein9',
         wan: 'wan',
         sdxl: 'sdxl',
         ltx: 'ltx',
@@ -2075,6 +2115,12 @@
             ${formatModalHFLinks(element.zimage, 'zimage', personFilenames.zimage)}
           </span>
         </div>
+        <div class="modal-stat-row">
+          <span class="modal-stat-label">${yesNo(element.klein9)} Klein9</span>
+          <span class="modal-stat-value">
+            ${formatModalHFLinks(element.klein9, 'klein9', personFilenames.klein9)}
+          </span>
+        </div>
         <div class="modal-stat-row">
           <span class="modal-stat-label">${yesNo(element.qwen)} Qwen</span>
           <span class="modal-stat-value">
@@ -2229,6 +2275,7 @@
         lora: presence[property].lora,
         embedding: presence[property].embedding,
         flux: presence[property].flux,
+        klein9: presence[property].klein9,
         wan: presence[property].wan,
         sdxl: presence[property].sdxl,
         ltx: presence[property].ltx,
@@ -2240,6 +2287,7 @@
         loraHFLink: presence[property]?.loraHFLink,
         embeddingHFLink: presence[property]?.embeddingHFLink,
         fluxHFLink: presence[property]?.fluxHFLink,
+        klein9HFLink: presence[property]?.klein9HFLink,
         wanHFLink: presence[property]?.wanHFLink,
         sdxlHFLink: presence[property]?.sdxlHFLink,
         ltxHFLink: presence[property]?.ltxHFLink,
@@ -2259,8 +2307,9 @@
         { selected: document.getElementById('selectedWan').checked, property: element.wan },
         { selected: document.getElementById('selectedSdxl').checked, property: element.sdxl },
         { selected: document.getElementById('selectedLtx').checked, property: element.ltx },
-        { selected: document.getElementById('selectedQwen').checked, property: element.qwen },
         { selected: document.getElementById('selectedZimage').checked, property: element.zimage },
+        { selected: document.getElementById('selectedKlein9').checked, property: element.klein9 },
+        { selected: document.getElementById('selectedQwen').checked, property: element.qwen },
       ];
 
       // If no filters are selected, show all
@@ -2397,17 +2446,22 @@
         images.push(...personHFImages.ZImage);
       }
 
-      // 2. Add WAN samples second (from HF samples data)
+      // 2. Add Klein9 samples second (from HF samples data)
+      if (personHFImages.Klein9) {
+        images.push(...personHFImages.Klein9);
+      }
+
+      // 3. Add WAN samples (from HF samples data)
       if (personHFImages.WAN) {
         images.push(...personHFImages.WAN);
       }
 
-      // 3. Add LTX samples third (from HF samples data)
+      // 4. Add LTX samples (from HF samples data)
       if (personHFImages.LTX) {
         images.push(...personHFImages.LTX);
       }
 
-      // 4. Add Civitai images by type
+      // 5. Add Civitai images by type
       // Check each framework in personData for Civitai models
       const checkCivitaiImage = (framework, civitaiModels) => {
         if (!civitaiModels) return;
@@ -2434,7 +2488,7 @@
       }
       checkCivitaiImage('Qwen', models.qwens);
 
-      // 5. Add other HF samples (excluding ZImage, WAN and LTX which are already added)
+      // 6. Add other HF samples (excluding ZImage, Klein9, WAN and LTX which are already added)
       const frameworkOrder = ['LyCORIS', 'Lora', 'Embedding', 'Flux', 'SDXL', 'Qwen'];
       for (const fw of frameworkOrder) {
         if (personHFImages[fw]) {